feat(gui): start auth-inspired OpenCodex redesign

[OnlineChef (ChefGroep)]

Summary

Start the OpenCodex GUI redesign toward the ChefGroep Auth design discipline without copying Auth 1:1.

This first slice establishes the visual foundation only:

• semantic canvas / paper / raised surface aliases on top of the existing Signaal palette
• more editorial page hierarchy and spacing
• solid paper topbar and calmer panel surfaces
• provider workspace rebuilt visually around a sticky resource rail plus paper detail inspector
• calmer provider selection, tabs, search/filter surfaces and responsive behavior
• existing OpenCodex typography, provider identity and operator-console character remain intact

Design boundary

ChefGroep Auth is a reference for hierarchy, spacing, grouped resources, hairline surfaces and state discipline. OpenCodex keeps its own General Sans / JetBrains Mono technical identity. This PR does not import Auth portal art, copper branding or Bricolage identity.

Verification

Exact local head before push:

• GUI lint: pass
• GUI tests: 619 pass, 0 fail, 3346 assertions across 135 files
• GUI production build: pass
• root typecheck: pass
• privacy scan: pass
• git diff --check: pass

The repository pre-push hook intentionally skips heavyweight verification on developer host joep; exact-head GitHub CI remains required before merge.

Follow-up in this draft

Next slices will migrate the larger workspaces in this order:

1. Provider workspace internals and auth/account presentation
2. Models
3. Logs + Traffic
4. Storage
5. Usage + Dashboard
6. app shell and smaller workspaces
7. landing/docs polish

No merge or production action is part of this draft.

---

PR-stack (mergen van onder naar boven; elke PR bouwt op de vorige):

1. feat: make prompt cache behavior measurable #296 feat: make prompt cache behavior measurable
2. feat: expand providers and make native model discovery account-aware #297 feat: expand providers and make native model discovery account-aware
3. 👉 feat(gui): start auth-inspired OpenCodex redesign #299 feat(gui): start auth-inspired OpenCodex redesign
4. feat(trace): opt-in trace store linked to usage.jsonl #298 feat(trace): opt-in trace store linked to usage.jsonl
5. feat(trace): add safe local trace reader #300 feat(trace): add safe local trace reader
6. feat(trace): cover compact and response-cache hits #301 feat(trace): cover compact and response-cache hits
7. feat(trace): cover Responses WebSocket turns #302 feat(trace): cover Responses WebSocket turns
8. feat(trace): cover live call-create HTTP #303 feat(trace): cover live call-create HTTP

Base van deze PR = de branch van de PR erboven in de lijst (#296 = main).

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

• Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[coderabbitai]

Autopilot could not be updated. Open Coding to check access and billing.