Skip to content

Add Tier 3 Messaging Storybook stories - #20

Draft
matthewbirtch wants to merge 5 commits into
mainfrom
cursor/tier3-messaging-storybook
Draft

Add Tier 3 Messaging Storybook stories#20
matthewbirtch wants to merge 5 commits into
mainfrom
cursor/tier3-messaging-storybook

Conversation

@matthewbirtch

Copy link
Copy Markdown
Collaborator

Summary

  • Add co-located Storybook stories (tags: ['autodocs']) for all seven Components → Messaging entries: Channel Info Msg Header, Message Actions, Message Header, Message Reactions, Message Separator, Thread Footer, and Thread List Item.
  • Add pattern stories for Message and Message Input under Patterns/Message and Patterns/Message Input.
  • Register nine new title constants in packages/compass-ui/src/storybook/titles.ts, aligned with sections.ts and pattern topic names.

Variants are ported from guideline specimens; avatar fixtures use src/assets/avatars/.

Test plan

  • npm run typecheck --workspace=@mattermost/compass-ui
  • cd packages/compass-ui && CI=true npm run build-storybook
  • Spot-check Messaging stories in Storybook sidebar order and Docs tab theming
  • Confirm Message / Message Input pattern stories render with fixture avatars and expected variant grids

Out of scope / skipped

  • Admin console, shells, GlobalHeader, ChannelShell, ChannelsSidebar, call widgets, AppBarItem — Tier 3 areas not in this batch.
  • Guideline specimen deduplication — specimens still host variant grids; optional follow-up once Storybook is the canonical variant source.
  • Extended Message pattern variants (link preview, image preview, pinned/saved indicators, reactions footer) — not shown in the current message.specimen.tsx; can be added in a follow-up if needed.

Made with Cursor

matthewbirtch and others added 2 commits June 29, 2026 11:39
Co-locate autodocs stories for the seven Messaging sidebar entries and register matching title constants in titles.ts.

Co-authored-by: Cursor <cursoragent@cursor.com>
Port specimen variants into co-located pattern stories under Patterns/Message and Patterns/Message Input.

Co-authored-by: Cursor <cursoragent@cursor.com>
@vercel

vercel Bot commented Jun 29, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
mattermost-proto-playground Ready Ready Preview, Comment Jun 29, 2026 4:15pm
proto-external-call-participants Ready Ready Preview, Comment Jun 29, 2026 4:15pm

matthewbirtch and others added 3 commits June 29, 2026 12:13
Run UI library watch rebuilds alongside the docs Vite server instead of
requiring manual npm run build:ui after every component edit.

Co-authored-by: Cursor <cursoragent@cursor.com>
Constrain the trailing container to spacing-xxxl so Medium buttons align
with the title without breaking the 64px header stripe.

Co-authored-by: Cursor <cursoragent@cursor.com>
Align emoji and icon inset with size variants per updated call reaction spec.

Co-authored-by: Cursor <cursoragent@cursor.com>
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