Refactor/web components stories migration#30
Open
justinbmeyer wants to merge 4 commits into
Open
Conversation
…ok SB10 migration ## New Specifications ### 060 - Explore & Prototype (UC-1 through UC-17) - specs/060-prototyping/use-cases.md: Two-tier exploration (Quick Explore + Feature Flags) - Tier 1: Quick HTML mockup generation & refinement - Tier 2: Real component variants with feature flags + OpenFeature setup - 17 detailed use cases covering: generate, refine, redirect, implement, discard - Mock services & flag finalization workflows ### 061 - Electron Desktop App - specs/061-electron-desktop-app/spec.md: Standalone designer app - Claude Agent SDK integration for autonomous dev server setup - Embedded app WebView + VyBit panel sidebar - Project intelligence (skills, MCP configs auto-discovery) - Multi-turn agent chat drawer ### 062 - Agent Prototyping Infrastructure - make-mocks.md: Canonical token extraction + agent skill for mockup generation - modular-over- modular-over- modular-over- modular-over- modular-over- modular-over- modular-over- modular-over- modular-over- modular-over- modular-over- modular-oveL) Created A/B design mockups for UC-11 through UC-17: - UC-11: Mixed flag type controls (card-based, segmented control) - UC-12/13: Commit vs Keep flags (per-flag actions, table-based) - UC-14: Feature flag setup (wizard - UC-14: Feature flag setup (wizard - UC-14: Feature flag set, inline panel) - UC-16/17: Mock services settings (panel section, inline card) - UC-3,4,5,6,7,8-10: Additional design iterations ## Component & Overlay Refactoring - panel: Modletize standalone components (ColorGrid, ContainerSwitcher, Scale- panel: Modletize standalone components (ColorGrid, nts pattern - storybook: SB10 migration setup, updated .storybook config - panel: Add stories for additional components (DirectionPicker, GradientBar, Mode- panel: Add stories for additiostructure Changes - shared/tokens: Foundation for canonical token extraction (future) - .vscode/tasks.json: Updated task definitions - .claude/agents: Environment launch script updates - panel/package.json: Storybook SB10 dependencies
## Overlay Enhancements - overlay: Refactor depth-picker, drop-zone, styles for Web Component compatibility - vb-button, vb-bottom-toolbar: Light DOM Web Component improvements - adaptive-iframe: Extract CSS collector utility for shadow DOM style resolution - styles.ts: Update token organization for extraction ## Infrastructure & Tooling - .github/skills/make-mockup/: New skill for agent mockup generation - Template and instructions for creating self-contained HTML mockups - Integrates with token extraction and component snapshots - shared/tokens/overlay-components.css: Canonical overlay component styles - scripts/: Build/automation scripts for token extraction and snapshot generation - panel/src/stories/overlay/: New stories for AdaptiveIframe and VbButtonGroup Web Components ## E2E & Test App Updates - e2e/tutorial-helpers.ts: Enhanced test utiliti- e2e/tutorial-helpers.ts: Enhanced test utiliti- e2e/tutorial-helpers.ts: Enhanced test utiliti- e2e/tutorial-helpers.ts: Enhanced test utiliti- e2e/tuest-app-angular: Update tutorial progress service - .gitignore: Add generated files ## Spec Polish - specs/060-- specs/060-- specs/060-- specs/060-- specs/060-- specs/060-- styles
- element-drawer.ts: Enhanced drawer lifecycle and state management - slot-picker.ts: Improved slot detection and picker behavior - styles.ts: Refine overlay styles for consistency - e2e/tutorial-helpers.ts: Extend test helpers for new flows
- Move Storybook stories from panel/src/stories/overlay/ to overlay/src/web-components/ - Create new web component implementations (vb-button, vb-element-drawer, vb-message-input, etc.) - Refactor overlay components (drop-zone, element-drawer, slot-picker, text-edit) for web component support - Update Storybook configuration to include new web component stories - Add AdaptiveIframe and DesignCanvas stories to overlay structure - Update mockup files and specifications for design mode feature - Add custom element type definitions and snapshot test utilities - Enhance SKILL.md with updated mockup component references
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.