Skip to content

New Simple from v0 (from MagicPatterns)#2133

Draft
Sebastian-ubs wants to merge 5 commits intomainfrom
new-simple-from-v0
Draft

New Simple from v0 (from MagicPatterns)#2133
Sebastian-ubs wants to merge 5 commits intomainfrom
new-simple-from-v0

Conversation

@Sebastian-ubs
Copy link
Copy Markdown
Contributor

@Sebastian-ubs Sebastian-ubs commented Mar 25, 2026

https://discord.com/channels/892072317436448768/1486302806217461781

The shadcn Sidebar uses tw-h-svh (100svh) on two inner divs, but in Simple Mode the sidebar is nested below the toolbar so 100svh extends past the container. Override with height: 100% on both divs via the data-collapsible attribute selector so the SidebarFooter (containing the profile dropdown) is visible.

Co-Authored-By: Claude Opus 4.6 (1M context) noreply@anthropic.com


This change is Reviewable

Sebastian-ubs and others added 5 commits March 25, 2026 13:15
…ed user profile dropdown

Implement an alternative "Simple Mode" UI for Platform.Bible, controlled by the
existing `platform.interfaceMode` setting. Simple Mode provides a streamlined,
fixed-layout interface for focused translation work (Study & Draft workflow).

Key changes:
- Refactor PapiDockLayout to be layout-engine-agnostic (abstract away rc-dock)
- Add Simple Mode layout shell with shadcn SidebarProvider + resizable panels
- Add toolbar with BCV control, layout toggles, plus/minus extra panel, view options
- Add workflow sidebar (Study & Draft active, Sync/Help placeholders)
- Add shared UserProfileDropdown used in both Simple (sidebar) and Power (title bar)
- Replace Power Mode's theme/network/registration buttons with unified profile dropdown
- Add panel components with conditional tab bar (hidden for single-tab panels)
- Add tab move dropdown for moving tabs between tools and extra panels
- Implement PapiDockLayout interface for Simple Mode (webview service compatibility)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Run npm install to update @eten-tech-foundation/platform-editor from
0.8.12 to 0.8.13, which uses lexical ^0.40.0 compatible with the
~0.41.0 constraint. The previous 0.38.2 was missing exports
(toggleTextFormatType, mergeRegister) used by the platform-bible-react
dist bundle.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…le, dialogs)

- Reuse shared Toolbar component for Simple Mode title bar with proper
  OS reserved space and app drag area support
- Move sidebar below toolbar, force always-collapsed icon-only state
  with larger icons, remove expand button and rail
- Redesign profile dropdown: use DropdownMenu instead of Popover, add
  connected ToggleGroup buttons for mode switch and theme, show username
  as headline, load registration data before displaying
- Render real WebView components in panels by making the dock layout
  hook return a reactive webViewMap keyed by webview ID
- Add webViewType to tab config for matching opened webviews to tabs
- Float-type webviews (registration, internet settings) render as
  centered blocking Dialog overlays in Simple Mode using @radix-ui/react-dialog

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…ebar

- Open webviews for each non-placeholder tab on mount via openWebView()
- Map simpleTabId -> webViewId so each tab gets its own webview instance
- Render real <WebView> components in panels instead of placeholders
- Fix webViewType values to match actual extension types
- Fix tabWebViewIds prop passing to all panel instances
- Add optional chaining guard for tabWebViewIds access
- Increase sidebar icons to tw-h-7/tw-w-7 with 4rem sidebar width
- Replace view options icon with Settings2
- Add project selector button to toolbar center area
- Add logger import for error handling in toolbar

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The shadcn Sidebar uses tw-h-svh (100svh) on two inner divs, but in
Simple Mode the sidebar is nested below the toolbar so 100svh extends
past the container. Override with height: 100% on both divs via the
data-collapsible attribute selector so the SidebarFooter (containing
the profile dropdown) is visible.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@Sebastian-ubs
Copy link
Copy Markdown
Contributor Author

Current state
image

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