Skip to content

Walk through Hosted account and app handoffs in Storybook - #1351

Merged
nedtwigg merged 4 commits into
hosted-storybook-storiesfrom
hosted-storybook-walkthroughs
Oct 21, 2026
Merged

nedtwigg merged 4 commits into
hosted-storybook-storiesfrom
hosted-storybook-walkthroughs

Conversation

@nedtwigg

@nedtwigg nedtwigg commented Oct 21, 2026 •

Copy link
Copy Markdown
Member

Add three Storybook walkthroughs that connect the app settings screens to Hosted sign-in, account management, remote enrollment, and Natural Voice. Each page embeds the same component stories Argos captures. Hosted frames size themselves; autoplay is only on the two inline Hosted stories whose pictured state comes from play, since inline: false lib stories run play in their own frame. Two lib stories that clipped here get docs heights. The remote walkthrough links to the shared phone half of pairing.mdx, with a stable anchor that avoids Storybook’s failure on a numeric heading fragment.

Generalize the AGENTS walkthrough pointer and document the App → HostedPage rendering seam and test commands in the testing guide. Hosted's spec keeps App as its entrypoint.

The walkthroughs expose current handoffs for UX review: the pre-launch gate interrupts signed-out enrollment, provider sign-in requires reopening the app's link, and allowlist refusal currently shows generic failure copy. No authentication or UI behavior changes are included.

Validation: Storybook builds; Hosted's 8 DOM tests and all repository checks pass. Reviewed the docs in the Dormouse browser, including approval digits, the open voice dialog, the full 390px account page, and the shared pairing link. The preceding PR passes all 940 Chromium/WebKit visual tests; CI reports only the 67 new Hosted baselines per browser, with no existing capture changes.

Stack: #1349 → #1350 → this PR.

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Oct 21, 2026 •

Copy link
Copy Markdown

Deploying mouseterm with  Cloudflare Pages  Cloudflare Pages

Latest commit: 612449d
Status: ✅  Deploy successful!
Preview URL: https://eb858c2b.mouseterm.pages.dev
Branch Preview URL: https://hosted-storybook-walkthrough.mouseterm.pages.dev

View logs

nedtwigg and others added 2 commits October 21, 2026 14:42
Hosted stories now render inline, so the walkthroughs drop their fixed
1800px heights. `autoplay` stays only on the two inline stories whose
pictured state comes from `play`; the `inline: false` lib stories run `play`
in their own frame without it. Two lib stories that clipped in these pages
(NetworkSettings AnywhereEnrolled, ManagedVoice DisconnectSecondStep) get
docs heights, following the per-story override convention. The walkthrough
disclaimer and two guide clauses that repeat AGENTS.md, package.json, and
the Argos config go.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@nedtwigg
nedtwigg added this pull request to stack #1352 October 21, 2026 21:45
@nedtwigg
nedtwigg merged commit b1f0736 into main Oct 21, 2026
29 checks passed
@nedtwigg
nedtwigg deleted the hosted-storybook-walkthroughs branch October 21, 2026 22:09
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.

2 participants