fix(ui): stack edit drawer — labeled multi-line slot cards + fix escaped toggle knob#1023
Merged
Conversation
…ped toggle knob The per-slot editor crammed 6 controls into one grid row (110px 1fr 96px 1fr auto auto), squeezing the model and profile selects to ~45px each (unreadable, just '—▾') with no labels. And .pf-switch lacked position:relative, so the absolutely-positioned .pf-switch-knob escaped to the drawer's left edge (the stray grey 'indicator dots' overlapping the panel). Redesign each slot as a labeled card: a header row (full-width slot name + remove) above a two-column labeled field grid — Model spans full width, with Device / Profile / Speculative-decode labeled beneath. Every field is now fully visible and labeled. Add position:relative to .pf-switch so the knob sits on its track (fixes it everywhere). data-testids preserved. Verified live against lxc105 data via the vite dev proxy + Playwright: model select 395px (was 45px), knobs inside their switches. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
thinmintdev
added a commit
that referenced
this pull request
Jul 4, 2026
…ce + logs/memory fixes Bumps version 0.8.3b1 → 0.8.4b1 and folds the [Unreleased] CHANGELOG into the v0.8.4b1 section covering everything since the v0.8.3b1 tag: model preferred profiles, ComfyUI/image-gen model surface, persistent slot context, unified logs/events, memory audit trail + console shape guards (#1024/#1026/#1028/#1030), stack edit drawer (#1023), board kanban drawer (#1014), and optional-cosign installer. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
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.
Stack edit drawer UI — decrammed, labeled, dots fixed
Viewed the current implementation live on lxc105 (Playwright against the running deployment), diagnosed the exact issues, and redesigned.
Problems (measured from the live DOM)
110px 1fr 96px 1fr auto auto, squeezing the model and profile selects to ~45px each — they only showed—▾, unreadable — while short "ROCm" got 96px. No field labels..pf-switchhad noposition: relative, so the absolutely-positioned.pf-switch-knobescaped to x=324 (the drawer's left border) instead of sitting on its track.Fix
position: relativeto.pf-switch→ the knob sits on its track (fixes the toggle everywhere, not just here).Verified (Playwright vs live lxc105 data via vite dev proxy)
insideSwitch: true(offset 3px on track).elementAtDot = pf-scrim), not a drawer artifact.npm run buildclean; alldata-testids preserved. (No pre-existing stack-drawer e2e — CI γ-suite covers global regressions.)🤖 Generated with Claude Code