Repository navigation
Every field card becomes a little window - #36
Merged
Merged
Conversation
The arrow in the design feedback pointed from the window's title bar to a card on the canvas: the draggable cards should carry the same chrome as a normal OpenStation window. Now they do, literally — each card is a miniature of the window that contains it. The grip, the field's identity and the duplicate/delete actions move into a real title bar element above the card body, and the whole card reads the shell's own chrome tokens: `--os-window-radius`, border, shadow, `--os-titlebar-bg` for resting cards and `--os-titlebar-bg-focused` for the selected one — so selecting a field reads exactly like focusing a window, and the actions sit where window controls sit, coloured by the titlebar-button tokens. On the bar, the Required switch and the controls badge draw in translucent washes of the bar's own ink, because their accent washes vanish against a focused title bar that may itself be the accent. The bar rounds its own top corners instead of clipping the card with `overflow`, which would shave the preview tile's halo. All the old flat values remain as fallbacks for the plain admin page with no shell. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0119U4sRRWGcTQdwYreTwpAp
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.
What
Follow-up to #35, from design feedback: the draggable field cards on the builder canvas now carry the same chrome as a normal OpenStation window — a real title bar, the window radius, border and shadow, all read from the shell's own tokens.
How
.atfb-card__barelement above the card body — the same titlebar-over-body structureos-windowuses. All buttons and drag behavior unchanged.--os-window-radius/--os-window-border/--os-window-shadow; the bar reads--os-titlebar-bgat rest and--os-titlebar-bg-focusedwhen the card is selected — so selecting a field reads exactly like focusing a window on the desktop.--os-titlebar-btn-*tokens, sitting where window controls sit. On the bar, the Required switch and badges draw in translucent washes of the bar's own ink (currentColormixes), since accent washes vanish against a focused title bar that may itself be the accent.overflow, which would shave the preview tile's halo shadow.Verified on the 8889 QA site: resting cards wear the unfocused gray bar, the selected card the focused blue bar with white controls; drag-reorder, duplicate/delete, Required toggle and autosave all work.
tsc --noEmitclean, 369 vitest tests pass.🤖 Generated with Claude Code
https://claude.ai/code/session_0119U4sRRWGcTQdwYreTwpAp