feat: Per-Instance Accent Color (Host Color)#435
Merged
Conversation
sahil-noon
marked this pull request as ready for review
July 21, 2026 20:48
- CollapsiblePanel gains a titleAction slot (sibling of the toggle button, rendered right after the title; trailing header region keeps mouse click-to-toggle) and the instance-color picker moves onto it - picker popover anchors left (button now sits at the sidebar's left edge) - remove the HOST-header connection dot: the top-bar dot reflects the same current-server subscription health, and the "SSE" title predated /ws/state
…fallback Resolution is now: explicit instance_color -> localStorage echo (paint seed while the fetch is pending) -> none. A fresh instance renders no accent until the user picks one; Clear color removes the accent entirely. The hash default could coincide with a just-cleared pick, making clear look like a no-op.
The flip-above branch positioned by a 190px height estimate, floating the color-only popover (~100px real height) far above the palette button. Anchor the flipped popover with CSS bottom instead — exact regardless of height; the estimate now only picks the branch.
The board-route test still asserted the removed SSE-titled dot; assert its absence instead, and update the .spec.md companion in the same commit.
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
2 participants
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.
Meta
1etwexcludes
fab/,docs/· generated by fab-kit v2.16.5Pipeline: intake ✓ → apply ✓ → review ✓ → hydrate ✓ → ship → review-pr
Summary
Multiple run-kit instances viewed as installed Chrome PWA windows on one laptop are visually identical — the only differentiator is a title-bar hostname suffix, which is easy to miss and risks acting on the wrong instance. This adds a per-instance accent color ("host color") stored authoritatively on the instance's host (
~/.rk/settings.yaml), with a zero-config hash-based fallback and a manual swatch-picker override, so every device viewing that instance sees the same accent.Changes
instance_colorin~/.rk/settings.yamlGET/POST /api/settings/instance-color<meta name="theme-color">