|
@@ -1,7 +1,8 @@
|
|
|
# Dashboard visual directions — static HTML samplers
|
|
# Dashboard visual directions — static HTML samplers
|
|
|
|
|
|
|
|
Three standalone, fully self-contained mocks of the SAME dashboard.
|
|
Three standalone, fully self-contained mocks of the SAME dashboard.
|
|
|
-No frameworks, no build step, no external assets — embedded CSS only.
|
|
|
|
|
|
|
+No frameworks, no build step, no external assets — embedded CSS only
|
|
|
|
|
+(the brand emblem rides inline as a downscaled PNG data URI).
|
|
|
Open directly via `file://`. Each supports light AND dark via
|
|
Open directly via `file://`. Each supports light AND dark via
|
|
|
`prefers-color-scheme` (verify by toggling devtools scheme emulation).
|
|
`prefers-color-scheme` (verify by toggling devtools scheme emulation).
|
|
|
|
|
|
|
@@ -10,18 +11,27 @@ Open directly via `file://`. Each supports light AND dark via
|
|
|
- `dashboard-swiss.html` — 3 Swiss Flat (light-first)
|
|
- `dashboard-swiss.html` — 3 Swiss Flat (light-first)
|
|
|
|
|
|
|
|
All three carry IDENTICAL content structure (the `<body>` markup is
|
|
All three carry IDENTICAL content structure (the `<body>` markup is
|
|
|
-byte-identical apart from the sampler number/label in the note line
|
|
|
|
|
-and footer), so the comparison is purely visual.
|
|
|
|
|
|
|
+byte-identical apart from the sampler number/label), so the comparison
|
|
|
|
|
+is purely visual.
|
|
|
|
|
+
|
|
|
|
|
+## Header
|
|
|
|
|
+
|
|
|
|
|
+Every direction keeps the real app's chrome: the emblem + ClankerSaddle
|
|
|
|
|
+brand and the three nav groups from `main.html` — Work (Dashboard,
|
|
|
|
|
+Tasks, Goals, Chats), Library (Projects, Rules, Stacks, Discoveries),
|
|
|
|
|
+Admin (Saddles, Users, Model) — plus the Account menu. Pure CSS
|
|
|
|
|
+`<details>` dropdowns, no JS.
|
|
|
|
|
|
|
|
## Content model (per the approved hierarchy)
|
|
## Content model (per the approved hierarchy)
|
|
|
|
|
|
|
|
-- Zone 1 (top): advisor conversation composer — the first, most
|
|
|
|
|
- prominent control — plus a believable recent exchange (user
|
|
|
|
|
- question, advisor answer with a suggested task, follow-up).
|
|
|
|
|
|
|
+- Zone 1 (top): the advisor entry box ONLY — a believable composer
|
|
|
|
|
+ with model/snapshot hint and Start chat; the front page never shows
|
|
|
|
|
+ chat transcripts themselves (review decision). A single quiet link
|
|
|
|
|
+ to the chats list.
|
|
|
- Zone 2 (one small scroll below): "Needs a human" items tiered ABOVE
|
|
- Zone 2 (one small scroll below): "Needs a human" items tiered ABOVE
|
|
|
queue health — a completion awaiting review, a turn-cap parked task
|
|
queue health — a completion awaiting review, a turn-cap parked task
|
|
|
- to wake, an open question to answer; then running / stuck / queued
|
|
|
|
|
- counts and saddle states.
|
|
|
|
|
|
|
+ to wake, an open question; then running / stuck / queued counts and
|
|
|
|
|
+ saddle states.
|
|
|
- Zone 3 (ambient, reduced density): notes, latest discoveries,
|
|
- Zone 3 (ambient, reduced density): notes, latest discoveries,
|
|
|
active tasks table and activity timeline — collapsed `<details>`
|
|
active tasks table and activity timeline — collapsed `<details>`
|
|
|
where sensible (tasks and activity start collapsed; notes and
|
|
where sensible (tasks and activity start collapsed; notes and
|
|
@@ -127,4 +137,6 @@ rationed.
|
|
|
backgrounds and every status colour change to the intended tokens;
|
|
backgrounds and every status colour change to the intended tokens;
|
|
|
content extents identical between schemes (no reflow breakage).
|
|
content extents identical between schemes (no reflow breakage).
|
|
|
- The three `<body>` blocks verified identical modulo sampler label.
|
|
- The three `<body>` blocks verified identical modulo sampler label.
|
|
|
|
|
+- Nav dropdowns verified open (per-direction probe renders); emblem
|
|
|
|
|
+ verified visible in both schemes in all three directions.
|
|
|
- 390px mobile: no horizontal overflow; all zones render.
|
|
- 390px mobile: no horizontal overflow; all zones render.
|