Skip to content

feat: post-signup feed activation bar (flagged)#6345

Closed
tsahimatsliah wants to merge 21 commits into
mainfrom
claude/post-signup-feed-banner-eecfcc
Closed

feat: post-signup feed activation bar (flagged)#6345
tsahimatsliah wants to merge 21 commits into
mainfrom
claude/post-signup-feed-banner-eecfcc

Conversation

@tsahimatsliah

@tsahimatsliah tsahimatsliah commented Jul 22, 2026

Copy link
Copy Markdown
Member

Summary

A persistent, non-dismissible feed activation bar pinned above the header on every page, shown only to signed-in users who registered but haven't set up their feed yet.

  • Gated behind the post_signup_activation GrowthBook flag (default off).
  • Audience: signed-in users where onboarding isn't complete — i.e. no tag/content-type customization (!isOnboardingComplete). Legacy users (registered before the requirement date) are exempt. Never shows on the /onboarding route.
  • Placement: mounted in the shared MainLayout top slot; the bar's height is reserved via --safe-area-top so the rail, header and content shift down and it sits on top of the whole platform (device notch inset preserved).
  • Design: dark glossy strip, brand glow, progress ring (step 1 of 2), white primary CTA → routes to /onboarding with after_auth back to the current page. Content is centered with a capped width; copy wraps correctly on mobile.
  • Presentational PostOnboardingActivationView split out for a Storybook playground (playground + progress/copy variations + mobile).

Testing

  • node scripts/typecheck-strict-changed.js
  • shared lint + 3 activation tests (renders/routes, no-dismiss, hidden when flag off)
  • Verified on the webapp preview (desktop wide/ultra-wide + mobile) and Storybook

Preview

  • Webapp: append ?postOnboardingPreview=1 to any page, e.g. a post page
  • Storybook: Components/Post/PostOnboardingActivation

🤖 Generated with Claude Code

Preview domain

https://claude-post-signup-feed-banner-e.preview.app.daily.dev

tsahimatsliah and others added 8 commits July 20, 2026 10:16
…n-pr' into claude/post-signup-feed-banner-eecfcc
Restyle the post-signup feed activation banner into a compact, dark
glossy strip with a soft brand glow, a progress ring (step 1 of 2) that
signals onboarding isn't finished, a subtle "Personalize my feed"
button, and a vertically-centered close control.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 22, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
daily-webapp Ready Ready Preview Jul 22, 2026 11:22am
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
storybook Ignored Ignored Jul 22, 2026 11:22am

Request Review

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Size the CTA to its content instead of stretching it, and reword to
"Finish setup" with a non-duplicating subtitle.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The opacity-modified accent blur blobs were clipped by the short strip
and barely visible over the near-black panel. Replace them with a
radial-gradient glow (color-mix on theme accent vars, like top-hero-aurora)
so the brand glow actually shows in production.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Split a provider-light PostOnboardingActivationView (props-driven) out of
  the container so it can be reviewed in Storybook with a playground.
- Add a Storybook story: playground + progress/copy variations + mobile.
- Move the light-on-dark colours into a CSS module: Tailwind's opacity
  modifier on `white` (text-white/60 etc.) does not compile in this config
  and fell back to the dark theme colour, making text/ring/borders invisible
  on the always-dark panel.
- Switch the CTA to the white primary button and fix mobile copy wrapping.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Center the content with a capped max-width, enlarge the title and CTA,
  and balance the glow so it reads as a prominent announcement strip.
- Remove the close button: finishing feed setup is a required step.
- Simplify the container to show for any signed-in user until onboarding
  is complete (no post-signup flag, no dismissal).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Full-width bar (to sit above the header) with the ring + copy on the left
and the CTA on the right, but the inner content is capped and centered so
it sits mid-page instead of stretching edge to edge.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Render PostOnboardingActivation in the shared MainLayout top slot (above
  the header) instead of on the post page, so it appears app-wide until the
  feed is set up. Self-gates and skips the /onboarding route.
- 40px gap between content and CTA; content area width is relative.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Wrap the bar in a fixed full-width top container and reserve its measured
height via --safe-area-top, so the rail, header and body content shift down
and the bar sits on top of the whole platform (notch inset preserved).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Drop flex-1 from the text column so it sizes to its content (capped for
wrapping) instead of stretching to the full bar width, and center the
ring+text+CTA group so the button sits right beside the copy.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The text column filled+wrapped only on tablet after switching to a centered
group; on mobile it sized to content and overflowed the screen. Make it
flex-1 + wrap on mobile and content-width (capped) on tablet+.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
tsahimatsliah and others added 2 commits July 22, 2026 14:17
… flow

- Add featurePostSignupActivation flag (default off); show the bar only for
  signed-in users who haven't set up their feed (no tag/content actions).
- Remove the obsolete post-signup localStorage mechanism and revert the auth
  banner / personalized banner / post page plumbing back to main.
- Inline the tiny preview-query helper; keep the bar mounted in MainLayout.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@tsahimatsliah tsahimatsliah changed the title feat: redesign post-signup activation banner (dark glossy strip) feat: post-signup feed activation bar (flagged) Jul 22, 2026
@tsahimatsliah
tsahimatsliah changed the base branch from codex/post-signup-feed-activation-pr to main July 22, 2026 11:19
@tsahimatsliah

Copy link
Copy Markdown
Member Author

Superseded by #6348, which ports these changes to a clean, engineering-ready branch off main (QA preview backdoor removed, logging switched to the shared LogEvent/useLogEventOnce conventions, accidental .gitignore/launch.json edits dropped). All checks green there. Closing this mock-up PR.

@idoshamun
idoshamun deleted the claude/post-signup-feed-banner-eecfcc branch July 22, 2026 18:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant