Skip to content

feat: add Storybook for visual component development#7

Merged
alexgorbatchev merged 1 commit intomainfrom
worktree-storybook
Mar 11, 2026
Merged

feat: add Storybook for visual component development#7
alexgorbatchev merged 1 commit intomainfrom
worktree-storybook

Conversation

@alexgorbatchev
Copy link
Owner

@alexgorbatchev alexgorbatchev commented Mar 11, 2026

Summary

  • Add Storybook v10 with @storybook/react-vite and @alexgorbatchev/storybook-addon-localstorage for component development
  • Icon catalog story rendering all 29 icons with animated variants
  • AnnotationPopup stories: default, edit mode, thread view, computed styles, light/dark mode, accent color, selected text
  • PageToolbar stories: default, expanded, with annotations, review queue (collapsed + expanded)
  • Always show review queue button (disabled when empty) with fixed toolbar width for smooth animation
  • Explicit box-sizing: border-box on component root containers, focus outline removal on toolbar
  • Global decorator for consistent #1a1a2e background across all stories

Test plan

  • pnpm storybook launches at localhost:6006
  • Icons grid renders all icons correctly
  • AnnotationPopup stories show each visual state
  • Toolbar stories: Default is clean, Expanded opens toolbar, WithAnnotations shows markers
  • ReviewQueue shows collapsed toolbar with badge, ReviewQueueExpanded opens the queue panel
  • pnpm build-storybook succeeds

🤖 Generated with Claude Code

- Storybook v10 with @storybook/react-vite and localStorage addon
- Icon catalog story rendering all 29 icons with animated variants
- AnnotationPopup stories: default, edit, thread, computed styles, light/dark mode, accent color
- PageToolbar stories: default, expanded, with annotations, review queue, review queue expanded
- Always show review queue button (disabled when empty), fixed toolbar width
- Explicit box-sizing: border-box on component root containers
- Global decorator for consistent background across all stories

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@alexgorbatchev alexgorbatchev merged commit b72aa78 into main Mar 11, 2026
1 check passed
@alexgorbatchev alexgorbatchev deleted the worktree-storybook branch March 11, 2026 00:31
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