Skip to content

Add four UI v2 main-window design directions - #574

Closed
Cuarroc wants to merge 3 commits into
mainfrom
claude/ui-v2-design-directions
Closed

Cuarroc wants to merge 3 commits into
mainfrom
claude/ui-v2-design-directions

Conversation

@Cuarroc

@Cuarroc Cuarroc commented Oct 5, 2026

Copy link
Copy Markdown
Owner

Hier sind vier klickbare Entwürfe für das neue Hauptfenster von ProjectA: Werkbank, Stellwerk, Atelier und Protokoll. Öffne docs/design/2026-10-ui-v2/index.html oder das veröffentlichte Artifact, vergleiche die vier und sag, welche Richtung du willst; meine Empfehlung ist D Protokoll. Es wird nichts an der App geändert, umgesetzt wird erst nach Release v1.5.1.

Report

What changed (design only, docs/design/2026-10-ui-v2/, no change under src/ or src-tauri/)

  • BESTANDSAUFNAHME.md: German inventory of today's main window with file:line references, what the Dev-HQ language carries, earlier design rounds (cited, not copied), and the top recommendation: one state vocabulary and token set shared by app and HQ. Today green means "ready to merge" in the app (src/styles.css:165) but "done" in the static HQ (docs/dev-hq/hq.css:497-500).
  • direction-a.html … direction-d.html: standalone mockups of the full main window with inline CSS/JS, no network (D embeds the HQ's Recursive font as a data URI). Each has 8 workers (needs ×2, working ×2, error, paused, merge, idle), 4 tabs, realistic agent output, and a status bar with quota, RAM, queue and cargo slots. Interactive: select a worker, switch and close tabs (arrows, Home, End), and answer a needs-input worker inline. Dark in all four; C also carries light mode. prefers-reduced-motion respected. Each file opens with its direction contract (world, palette, type, grid, motion, signature, cut) and a FRÜHER note on what it takes from the earlier rounds of 28.08. and 29.08.
    • A Werkbank (calm, dense): the terminal comes first; the selected row is attached to the terminal by one state seam.
    • B Stellwerk (control room): fleet-first signal tiles with 10-minute output traces; the status bar is an instrument cluster.
    • C Atelier (studio premium): cards by urgency, terminal as a sheet, a decision sheet rising from it, an inspector; light and dark.
    • D Protokoll (decision first): continues the user's earlier choice B "Konversation". It has an inbox ordered by urgency, the transcript with a time margin, and questions set in Sitka, answerable in the inbox.
  • index.html: comparison page (thesis, 1440 shot, strongest point and link per direction, state vocabulary, earlier drafts, proof and limits).
  • contrast-check.mjs: reads each direction's <style id="tokens"> and its declared pair list, and checks WCAG AA (text 4.5:1, control edges and focus 3:1) in dark mode and, for C, light mode.
  • shots/: 1440×900 and 1024×768 per direction, plus interaction shots (error worker selected, question answered, C light).

Evidence

  • node docs/design/2026-10-ui-v2/contrast-check.mjs: 134/134 pairs pass across 4 directions, exit 0. Negative check: darkening --fog in a copy of direction A gives 20/24, exit 1.
  • Screenshots via Playwright (headless Chromium) against a local static server, after document.fonts.ready. 2 inspection rounds plus one targeted re-check of B at 1024. Fixed in the process: B tab IDs truncating and tiles clipping, C inspector overflow, D inbox wrapping at 1024, A option-button fill lost to specificity. Final run: no page errors and no horizontal overflow in any direction at 1440 or 1024.
  • git commit pre-commit lane precommit: crlf, eol, secrets, architecture-drift, typecheck green; fmt and cargo-check skipped (no Rust input).
  • Pre-push hook, lane prepush, on 55696f8: 20 gates green including hq-test, clippy and rust-suite, total 293 s, push exit 0; remote verified with git ls-remote = 55696f8. The attempt before it failed once in selftest-win-signal (case never-finishing-run-times-out-with-3: rc 3 correct, conclusion=timeout line missing). That test is timing-dependent and unrelated to this diff; it passed in the hotfix lane before and on the retry. Recorded as a flaky candidate, not fixed here. The first push attempt was blocked by a pre-existing Windows bug in three hq-test files, fixed separately in the hotfix PR this branch is stacked on (hotfix/win-url-pathname-tests). Once that merges, this PR's diff is docs only.

NICHT ABGEDECKT

  • The real Tauri/WebView2 window; the desktop app was deliberately not launched.
  • Font rendering outside Windows 11: Segoe UI Variable, Bahnschrift, Sitka and Cascadia are Windows system fonts; macOS/Linux fall back to system-ui/Georgia/Consolas stacks.
  • Light mode for A, B and D (dark only by design); C carries both.
  • Phone widths: the mockups have basic stacking below 760 px, but only 1440 and 1024 were inspected.
  • Mock data only; no live fleet, quota or RAM values.
  • #[cfg(unix)] tests (KI-7); no Rust touched.

Review. Tier C (docs and mockups, no runtime effect). No external review; gates suffice.

🤖 Generated with Claude Code

Cuarroc and others added 3 commits October 6, 2026 00:53
Phase 1 of UI v2 (design only): four standalone, clickable mockups of the
main window (Werkbank, Stellwerk, Atelier, Protokoll) derived from the Dev HQ
language, a German inventory of today's main window with file:line
references, a comparison page, screenshots at 1440x900 and 1024x768, and a
WCAG AA contrast check over every direction's tokens (134 pairs). All four
share one state vocabulary (shape + word + colour) proposed for app and HQ.

No-Test: design mockups and docs only, no runtime code
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
new URL(..., import.meta.url).pathname yields "/C:/..." on Windows, which
Node resolves to "C:\C:\...". Five hq-test cases in dev-plan-lint,
dev-bench-weekly and readme-version therefore failed in every local Windows
prepush/branchpush lane (the Linux CI lane was unaffected). Use
fileURLToPath, which is correct on both platforms.

No-Test: test-only fix; the five failing hq-test cases on Windows are the red evidence and pass after it
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
@Cuarroc

Cuarroc commented Oct 5, 2026

Copy link
Copy Markdown
Owner Author

Coordinator note (2026-10-06): the user has since chosen the direction for UI 2.0 — an AgentsRoom-like structure with a liquid-glass look (canvas "ProjectA 2.0 Glass"). These four directions stay as a design record and input; this PR stays a draft until the glass concept lands in docs/design.

@Cuarroc

Cuarroc commented Oct 8, 2026

Copy link
Copy Markdown
Owner Author

Root 21:59Z: closed on Elias's decision (08.10. evening, cleanup bundle item 1). Superseded/stale; the branch is kept and the PR can be reopened at any time.

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