Skip to content

test(ui): add chat surface stories - #394

Merged
Astro-Han merged 2 commits into
mainfrom
codex/storybook-chat-surface
Jul 1, 2026
Merged

test(ui): add chat surface stories#394
Astro-Han merged 2 commits into
mainfrom
codex/storybook-chat-surface

Conversation

@Astro-Han

@Astro-Han Astro-Han commented Jul 1, 2026

Copy link
Copy Markdown
Contributor

Summary

Adds a Storybook state board for the chat surface under Product/Chat Surface, covering:

  • empty chat
  • streaming response
  • tool activity present
  • branched conversation banner
  • pending and disabled composer states
  • import actions
  • long messages at the regular review width
  • narrow viewport as its own explicit state

Why

Refs #390. This is PR2 for the Storybook-driven UI polish track: make key ChatView + Composer states reviewable before visual polish.

Scope

Changed:

  • Added packages/ui/stories/chat-surface.stories.tsx with local fixture data for ChatView and Composer.
  • Added a desktop contract test that pins the required PR2 story exports.

Not included:

  • No runtime, streaming, persistence, or app shell behavior changes.
  • No CSS or visual polish.
  • No full ToolActivity variant matrix; this PR only shows tool activity present inside chat.

Verification

  • npm run -w @maka/desktop test
  • npm run -w @maka/desktop build-storybook
  • npm run typecheck
  • Confirmed generated Storybook index includes all 8 product-chat-surface--* stories.

User-facing impact

No production UI behavior change. Storybook only.

Reviewer notes

The worktree required npm install before Storybook verification because the borrowed-dependency bootstrap did not expose the storybook bin in this worktree.

@Astro-Han
Astro-Han merged commit 874ba18 into main Jul 1, 2026
@Astro-Han
Astro-Han deleted the codex/storybook-chat-surface branch July 1, 2026 07:32
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