Skip to content

Design B, Phase 3: Pro sheets, launch card, notices, stage, rollout (behind new_look) - #156

Draft
ShuhaoZQGG wants to merge 3 commits into
claude/redesign-b-p2from
claude/redesign-b-p3
Draft

ShuhaoZQGG wants to merge 3 commits into
claude/redesign-b-p2from
claude/redesign-b-p3

Conversation

@ShuhaoZQGG

Copy link
Copy Markdown
Contributor

Plan 13, Phase 3, the last phase of design B: Pro, notices, the stage, and the rollout.
Stacked on #155 (Phase 2, on #154 and #153); the diff is Phase 3 only.

Why

The approved boards B-P02–P04 (Pro and the launch window), B-N01–N03 (notices) and B-T16 (stage).
With this, every design B board is built behind new_look.

What changes

Only inside design B's shell:

  • LookContext: NewLookShell provides 'b', so dialogs that both panels open can present
    themselves the new way. Everywhere else they are unchanged.
  • Upgrade (B-P02/P03) opens as a sheet from the bottom edge, with the PRO tag. The content inside
    is the same component.
  • Pro launch window (B-P04): the four timing cards over "NEW · Pro for your club". Same words
    (the pro-launch spec's copy still holds) and the same trigger, 2.5 s after a Finish.
  • Club question (B-N03) as a sheet.
  • Stage (B-T16): the share button reads "Share to the meeting". The rest of TimerStage already
    matched the board.
  • Top note: for someone on the new look while Pro is off, "New look: the timer sits in the middle
    now, with your settings under Look & sound. Pro is coming soon." replaces the pre-launch "Coming
    soon: a fresh new look…" (packages/shared/announcements.js).
    • Today's panel still gets the pre-launch notice.
    • The wording is mine: please check it.
  • Banners (B-N01 connection, B-N02 club Pro ending): unchanged. They already sit at the top in
    the style the boards draw.
  • Rollout checklist in docs/FEATURE_FLAGS.md: PostHog flag, yourself, friendly clubs,
    everyone, then delete today's panel when the flag retires.

Security

None.

Production impact

None while new_look is off: the dialogs only change inside design B's shell. The announcement
change applies only where new_look is on, so production users still see the same pre-launch notice.

Testing

  • npm test: 130 files, 2438 tests pass. New: Phase3.test.jsx (Upgrade as a sheet and today's
    dialog outside B, the launch card, the club question sheet, the stage label) and the new-look
    announcement cases.
  • npm run test:e2e: 70 passed. New in zoom.new-look.spec.js: the top note, the Pro chip opening
    Upgrade as a sheet, and the full-screen timer opened from its sheet with the share label.
  • npm run test:specs: 14 valid, no drift. Added: new-look NL-17 to NL-20,
    announcement-banner AB-05, pro-launch PL-05.

Evidence (real Zoom client)

Not run yet. All of plan 13's Zoom-client runs happen together now that the last phase is built.
They need dev deployed from this branch. That waits until #145's CC-10 has run on the test device:
dev has to keep serving #145's fix, and device A's club token has to age untouched until then.

Not verified

Every Zoom-client step for plan 13, until that run:

  • new-look NL-01 to NL-20
  • announcement-banner AB-05
  • pro-launch PL-05
  • with new_look off: timer-core, timer-sounds, club-card-sets, agenda-import,
    club-pro-gate, announcement-banner

Look here first

  • apps/zoom-app/src/components/UpgradeModal.jsx: the look === 'b' branch (the rest is untouched).
  • packages/shared/announcements.js: the two conditions.

… stage label

A LookContext tells shared dialogs they are inside design B's shell: Upgrade
and the club question open as sheets, the Pro launch window becomes the card
with the four timing cards (same words), and the stage's share button reads
'Share to the meeting'. Outside the new look nothing changes.
…ro is coming

The pre-launch notice promises a new look; once new_look is on for someone,
it says where things went instead and keeps Pro as what is coming.
@ShuhaoZQGG ShuhaoZQGG added the needs:zoom-test Factory: waiting for the real-Zoom station label Nov 15, 2026

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

needs:zoom-test Factory: waiting for the real-Zoom station

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant