Repository navigation
feat(studio): shell, dialogs, sidebar, timeline and inspector on BoardUI - #4
Merged
Merged
Conversation
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
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
…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
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
marked this pull request as ready for review
October 29, 2026 19:31
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
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.
Parts 2 and 3 of the BoardUI rebuild of Studio.
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).ghoststays a bare toolbar button. BoardUI's ghost is an accent tint, which part 1 had leaked onto every toolbar.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.neutral-*, hand-sizedtext-[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):

After (dark):

After (light):

Inspector with a selection (dark / light):


Window menu:

🤖 Generated with Claude Code
https://claude.ai/code/session_01TxF6LmXTzH1ddsYtpnkrkh