Przeglądaj źródła

Samplers: real nav with emblem, composer-only advisor zone

Review feedback: the front page should not show chat exchanges, only
the chat entry box; the logo must come back; and the nav should cover
the real page set. All three samplers now carry the main.html chrome -
emblem + ClankerSaddle brand (96px emblem embedded as a quantised PNG
data URI so files stay standalone) and the Work/Library/Admin details
dropdowns plus the Account menu. Zone 1 keeps just the composer with
its model/snapshot hint and a quiet link to the chats list.

Bodies remain byte-identical across the three directions; nav styling
follows each direction's idiom (Primer pill dropdown, Control mono
outline, Swiss red top-rule with a hard-ruled dropdown).
saddle-ClankerSaddle 3 tygodni temu
rodzic
commit
a9b9550cfd
4 zmienionych plików z 128 dodań i 31 usunięć
  1. 20 8
      mocks/README.md
  2. 35 7
      mocks/dashboard-control.html
  3. 37 6
      mocks/dashboard-primer.html
  4. 36 10
      mocks/dashboard-swiss.html

+ 20 - 8
mocks/README.md

@@ -1,7 +1,8 @@
 # Dashboard visual directions — static HTML samplers
 
 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
 `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)
 
 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)
 
-- 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
   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,
   active tasks table and activity timeline — collapsed `<details>`
   where sensible (tasks and activity start collapsed; notes and
@@ -127,4 +137,6 @@ rationed.
   backgrounds and every status colour change to the intended tokens;
   content extents identical between schemes (no reflow breakage).
 - 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.

Plik diff jest za duży
+ 35 - 7
mocks/dashboard-control.html


Plik diff jest za duży
+ 37 - 6
mocks/dashboard-primer.html


Plik diff jest za duży
+ 36 - 10
mocks/dashboard-swiss.html


Niektóre pliki nie zostały wyświetlone z powodu dużej ilości zmienionych plików