Skip to content

Panel ux redesign#11

Open
justinbmeyer wants to merge 6 commits intomainfrom
panel-ux-redesign
Open

Panel ux redesign#11
justinbmeyer wants to merge 6 commits intomainfrom
panel-ux-redesign

Conversation

@justinbmeyer
Copy link
Copy Markdown
Member

No description provided.

…uttons, text editing, and browse mode

- Add mode state (select/insert/null) and tab preference tracking to App.tsx
- Create ModeToggle component for Select/Insert segmented control
- Redesign overlay toolbar with left group (Select + N+), Insert button, and right-side action buttons (Design, Text, Replace/Place)
- Implement startBrowse() in drop-zone for locked insertion points with pulsing indicator
- Add armElementSelect() for element-select mode in replace flow
- Implement text-edit.ts module with contentEditable editing, floating action bar, and text-change patches
- Add buildTextContext() for text edit context HTML
- Extend shared/types.ts with AppMode, PanelTab, MODE_CHANGED, TAB_CHANGED, and text editing messages
- Add text-change patch kind with originalHtml/newHtml fields
- Update DrawTab to support insertMode prop (replace/place)
- Remove MessageTa- Remove MessageTa- Remove MessageTa- Remove MessageTa- Remove MessageTa- Remove MessageTa- Remove MessageTa- Remove MessageTa- Remove MessageTa- Remove MessageTa- Remove MessageTa- Remove es - Remove MessageTa- Remove MessageTa- Remove MessageTa- Remove MessageTa-tName)
- Wire bidirectional mode/tab sync via WebSocket messages
- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd la- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- electing- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd- Upd-  press Escape again
- Create <vb-design-canvas> custom element to replace inline wrapper/resize logic
- Move iframe wrapper, resize handles (vertical + corner) into the web component
- Update injectDesignCanvas and screenshot handler to use new element
- Fire 'vb-canvas-ready' event instead of listening for 'load'
- Fix DesignCanvas height lock -- screenshot background should not freeze canvas
- Add window resize listener to useFabricCanvas for iframe viewport sync
- Refactor adaptive-iframe extraction to handle infinite mutations safely:
  - Attempt-count limited retry instead of debounce (prevents livelock on re-renders)
  - Sync container width on connectedCallback for responsive sizing
  - Improve story root detection (filter Storybook infrastructure IDs)
  - Add safer mutation observer with MAX_ATTEMPTS limit (20 mutations ~10s)
- Fix style extraction for inherited properties (ALWAYS_EXTRACT colors, fonts)
- Skip computed- Skip computed- Skip computed- Skip computed- Skip computed- Skip computed- Skip computed- Skip compagnostics
- Move overlay state management to overlay-state.ts (centralized shared state)
- Extract element highlight/hover logic to element-highlight.ts
- Extract toolbar & picker UI to element-toolbar.ts
- Extract design canvas management to design-canvas-manager.ts
- Move SVG icon constants to svg-icons.ts
- Export OVERLAY_CSS and icon SVGs from styles.ts
- Reduce index.ts complexity by delegating to specialized modules
- Initialize dependencies via callbacks (setSelectMode, showToast, onBrowseLocked)
- Support element-first replace mode via state.replaceDirection
- All modules import shared state instead of using module-level lets
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