Skip to content

desktop: Soft Tactile composer popovers — per-chip anchoring, logo rows, wizard, modes, context - #443

Open
plombeer31 wants to merge 1 commit into
facelift/1-foundationfrom
facelift/3b-popovers
Open

plombeer31 wants to merge 1 commit into
facelift/1-foundationfrom
facelift/3b-popovers

Conversation

@plombeer31

Copy link
Copy Markdown
Collaborator

Part of the Soft Tactile desktop redesign. Depends on #440 (base branch facelift/1-foundation); every region PR can merge in any order after it. The integrated build is facelift/integration.

Soft Tactile, composer popovers (MP-01, MP-04…16, MP-18, CM-08, CM-12…17). Builds on the foundation PR.

What changes

  • Anchoring: each popover opens 8px above its own chip and aligns to it, clamped inside the content column (never under the inspector), height capped to the space above the composer. Widths per popover: Backend 440, Provider 420, Model 520, wizard 460, Context 380, Modes 360.
  • Where it runs: cloud / laptop / server badges, route and live detail, radio.
  • Provider: brand logos, ids in DM Mono, amber Unverified, "Add a new provider".
  • Model: search field, logo rows, context · tools · vision; the typed words are highlighted inside the ids without changing the row's text; local rows carry size, fit and a download chip; loading, starting and downloading states with spinners and the live CLI line.
  • Add-provider wizard in the popover: logo header, key field that turns red on a rejection and amber when the key could not be checked, locked buttons while verifying, Save unchecked / Try again, the model step.
  • Version wall: the error as a red box above the footer.
  • Modes: four stances with their colours, the level-5 note, disabled rows with Update agent on an older agent.
  • Context: usage bar with the reply reserve (amber / red / striped when projected), rows, trimming and basis lines, −/+ steppers for tasks per turn.
  • Dictation language: a menu above the voice strip with sections, radio, first badge, + / ✓ and download progress; fits 940×620.

Verified

  • unverified.drive.mjs 7/7, model-step.drive.mjs 5/5 (real AI/ML API catalogue).
  • drive-selector.mjs: the 3 custom-route checks fail identically on a0811bc3.
  • On the merged build, a trusted click on each of the five chips opens its popover inside the content column and above the chip at 1470×923 and 940×620.
  • Smoke on the merged build: same 4 known failures as a0811bc3.

…d-mark rows, query highlight

Where it runs, Provider, Model, the add-provider wizard inside the popover,
context breakdown, modes and the dictation language menu, restyled as floating
lift cards (radius 18, pop shadow) with the app's logic and copy unchanged.

- anchorStyle takes a selector or an element, opens 8px above the composer card
  of the chip that opened the popover, aligns with that chip (right edge for
  chips on the right half), clamps inside the content column and caps the
  height to what the column leaves. Widths per pane: backend 440, provider 420,
  model 520, wizard 460, presets 440, context 380, modes 360.
- Route rows: real provider/model marks (server/CPU badge otherwise), route
  icons on backend rows with a radio, ids in DM Mono, Unverified amber chip,
  blue download chip, a divider before the trailing action row, the typed query
  marked inside model ids without changing .nm text.
- Wizard: provider mark in the header, key/URL fields with a key icon that take
  the error (red) or could-not-check (amber) tone, Tactile footer buttons.
- Context: breakdown bar (amber above 70%, red above 85%, striped when
  projected) with the reply reserve, amber trimming line, icon steppers.
- Modes: title, rows whose word takes the mode colour, level-5 note in amber,
  Update agent in the footer when the agent lacks the route.
- Voice menu floats above the strip with radio, badge, progress bar and a
  short-window height budget.

Hooks kept: .popover, .selpop, .selhead text and busy captions, .nm, .modelrow,
first .cap as row detail, the inline danger colour on switch errors, .ob-err,
#wiz-key, #sel-filter, #sel-key, [data-wizmodel], .popfoot [data-act=close],
.ctxdial/.ctxbound/.ctxbasis/.hd, .poprow(.on/.dim), .vsmrow/.vsmfoot, every
data-act and data-* attribute.
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.

1 participant