Skip to content

feat(studio): shell, dialogs, sidebar, timeline and inspector on BoardUI - #4

Merged
P5ina merged 15 commits into
mainfrom
claude/project-thread-82evdk
Oct 29, 2026
Merged

P5ina merged 15 commits into
mainfrom
claude/project-thread-82evdk

Conversation

@P5ina

@P5ina P5ina commented Oct 29, 2026 •

Copy link
Copy Markdown

Parts 2 and 3 of the BoardUI rebuild of Studio.

  • Colours: Studio's colour roles (bg-0, surface, text-0, borders, accent) now point at BoardUI's semantic tokens instead of hex, so every surface follows promptwise's palette in both themes (−23 hex literals).
  • Header: Capture and Inspector are BoardUI's button group. The theme toggle and Window menu are BoardUI buttons with Remix icons.
  • Ghost buttons: Studio's ghost stays a bare toolbar button. BoardUI's ghost is an accent tint, which part 1 had leaked onto every toolbar.
  • Dialogs, toasts and banners: a shared ui/Dialog.tsx (dialogClasses, DialogHeader, Banner) gives the Lint, Ask agent, prompt preview and file-conflict dialogs BoardUI's card, title and close button. Toasts and banners use BoardUI's toast card and buttons.
  • Dock and sidebar: the dock has BoardUI card radii and neutrals. Sidebar rows (compositions, assets, audio, catalog) use BoardUI's list look and text styles.
  • Timeline, NLE, inspector, panels, player and captions: raw neutral-*, hand-sized text-[11px]/text-[12px] and accent-focus classes now use BoardUI's semantic colours and caption text styles. The layouts stay Studio's own.

Before / After

Before (part 1):
before

After (dark):
after

After (light):
light

Inspector with a selection (dark / light):
inspector
inspector light

Window menu:
menu

🤖 Generated with Claude Code

https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh

claude added 15 commits October 29, 2026 16:10
Swaps the logo for the promptwise mark, removes HeyGen telemetry keys and the
desktop button. Embedded in promptwise's Timeline tab, Studio hides its theme
toggle and the 'Describe a change to the agent' chip asks the parent page to
focus its chat.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh
…honour IconContext

HeyGen telemetry is now off at build time (VITE_HYPERFRAMES_NO_TELEMETRY in the
release workflow) instead of blanked keys, which kept upstream's tests and the
media-use copy parity intact.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh
…ting them

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh
Upstream's renders, Windows lanes, Lambda images, catalog, npm publish, perf benches,
CodeQL and its PR-body gates test code this fork does not change, and publish.yml
would try to release upstream's packages. CI now runs lint, format, typecheck,
the Studio and CLI tests and the Studio load smoke.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh
src/boardui holds BoardUI's components, tokens and icons, copied whole from
promptwise by scripts/sync-boardui.mjs. Its colour ramps move to --bui-* so they
do not meet Studio's, and its dark mode follows Studio's data-theme.

Button, IconButton, Menu, Popover, Tooltip, Select, Input, NumberField, Slider,
Toggle and Tabs keep their props and now render BoardUI's button, menu,
tooltip, field, switch, slider and segmented control.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh
Studio's colour roles now point at BoardUI's semantic tokens, so every surface follows
promptwise's palette in both themes. The header uses BoardUI's button group, toasts and
dialogs its card and close button, banners a toast-style notice, and sidebar rows its list
look. Raw neutral, hand-sized text and accent-focus classes across the timeline, NLE,
inspector, panels, player and captions now use BoardUI's colours and caption text styles.
Studio's ghost button stays bare instead of taking BoardUI's accent tint.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh
@P5ina P5ina changed the title feat(studio): header, toasts, dialogs, banners, dock and sidebar on BoardUI feat(studio): shell, dialogs, sidebar, timeline and inspector on BoardUI Oct 29, 2026
@P5ina
P5ina marked this pull request as ready for review October 29, 2026 19:31
@P5ina
P5ina merged commit c387a86 into main Oct 29, 2026
4 checks passed
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.

2 participants