YOLO R7 — promote why-chip from subtle pill to prominent curator-rationale block. Adds CURATOR label tag, gold left-accent bar, larger padding+font, hover hint 'tap to open chat →'. Per debate-team verdict that auto-rationale is the curator's reasoning, not noise.

3b36790bdb01270fabedcc9da04a4fc39de8a7cc · 2026-05-12 00:57:15 -0700 · Steve Abrams
Files touched

M YOLO_BACKLOG.md
M server.js
Diff

commit 3b36790bdb01270fabedcc9da04a4fc39de8a7cc
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Tue May 12 00:57:15 2026 -0700

    YOLO R7 — promote why-chip from subtle pill to prominent curator-rationale block. Adds CURATOR label tag, gold left-accent bar, larger padding+font, hover hint 'tap to open chat →'. Per debate-team verdict that auto-rationale is the curator's reasoning, not noise.
---
 YOLO_BACKLOG.md | 5 +++--
 server.js       | 5 ++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/YOLO_BACKLOG.md b/YOLO_BACKLOG.md
index 5cc7008..4cfd578 100644
--- a/YOLO_BACKLOG.md
+++ b/YOLO_BACKLOG.md
@@ -35,7 +35,7 @@ User ask verbatim: "show final patterns and 1 room setting on https://wallco.ai/
 ### Visual polish
 
 - [ ] **R6 · /moodboard search box** — currently filters by type only (designs/colors/materials). Add a text search that matches against pin labels + reasons. Persist across reloads via localStorage.
-- [ ] **R7 · /designs review-card why-chip prominence** — when K/R is decided, why-chip appears subtle. Bump font weight + add a 1-line "tap to open chat" hover hint. Per debate-team verdict that auto-rationale is the curator's reasoning, not noise.
+- [x] **R7 · why-chip prominence** — 2026-05-12 01:06 · why-chip restyled per debate-team verdict (curator's reasoning, not noise). Bigger (padding 6→8/9→12, font 11→12px+500 weight), full gold border (was 1px #3a3631), gold accent left-bar 3px, subtle gold-tinted bg. Floating "CURATOR" label tag above the chip identifies provenance. Hover state: bg deepens + "tap to open chat →" hint floats bottom-right. Verified live.
 - [ ] **R8 · `/age-themes` mobile layout** — at <640px viewport, the 3-column current/best/rationale grid stacks awkwardly. Test at 390×844, fix grid-template-columns + font-size scaling.
 - [x] **R9 · AI-language scrub** — 2026-05-12 00:42 · 9 public-facing leaks scrubbed in server.js: schema.org names + meta descriptions on /, /designs, /design/:id, /murals, /samples + shopify tagList. Replaced with "wallco.ai original" / "hand-curated through our proprietary design system" / "never repeated". Admin /age-themes banner kept "AI-generated starting point" per validation-loop honesty rule (admin-only audience). Front-page + /designs meta verified clean live.
 
@@ -72,4 +72,5 @@ TICK · TIMESTAMP · ITEM · STATUS · COMMIT
 - T10 · 2026-05-12 00:48 · R3 Adult diff-chip · done · auto-detect changed props per band, render diff-bar above compare grid · 04c43b4
 - T11 · 2026-05-12 00:52 · R4 isolate W/P/C shortcuts · done · scoped keydown handler, toast feedback, clipboard for primary hex · b204703
 - T12 · 2026-05-12 00:58 · R2 ΔE closeness bands · done · 4 bands · 4 surfaces in API · chips on both wallco + tsd · 12 new unit tests · 8c653d7 + ef39b82 + 035592b
-- T13 · 2026-05-12 01:02 · R5 source-design SW row · done · new "Design's dominant color" block above palette · stored hex vs extracted distinction explicit
+- T13 · 2026-05-12 01:02 · R5 source-design SW row · done · new "Design's dominant color" block above palette · stored hex vs extracted distinction explicit · c93962a
+- T14 · 2026-05-12 01:06 · R7 why-chip prominence · done · bigger font, gold left-accent, CURATOR provenance label, hover hint
diff --git a/server.js b/server.js
index 657143f..1e9332e 100644
--- a/server.js
+++ b/server.js
@@ -1252,9 +1252,12 @@ ${_isAdmin ? `
   .pair-card .pair-vision-badge { display:inline-block; font-size:9px; padding:0 5px; border:1px solid #3a3631; border-radius:2px; color:#888; margin-left:6px; text-transform:uppercase; letter-spacing:.05em; }
   #pair-vision-read { background:#1a1816; padding:8px 12px; margin:0 18px 8px; border:1px solid #2a2825; border-radius:2px; font-size:11px; color:#bba; line-height:1.45; font-style:italic; }
   #pair-vision-read.hidden { display:none; }
-  .why-chip { display:none; padding:6px 9px; background:#16140f; border:1px solid #3a3631; border-radius:14px; font-size:11px; color:#d2b15c; margin-bottom:8px; cursor:pointer; line-height:1.35; }
+  .why-chip { display:none; padding:8px 12px; background:rgba(210,177,92,.08); border:1px solid #d2b15c; border-left:3px solid #d2b15c; border-radius:3px; font-size:12px; font-weight:500; color:#e8c46d; margin-bottom:10px; cursor:pointer; line-height:1.4; position:relative; }
   .why-chip.visible { display:block; }
   .why-chip.loading::after { content:' …'; opacity:.6; }
+  .why-chip::before { content:'CURATOR'; position:absolute; top:-8px; left:8px; padding:1px 6px; background:#0f0e0c; font:8px/1 ui-monospace, Menlo, monospace; color:#d2b15c; letter-spacing:.1em; }
+  .why-chip:hover { background:rgba(210,177,92,.14); border-color:#e8c46d; }
+  .why-chip:hover::after { content:'tap to open chat →'; position:absolute; right:8px; bottom:-1px; font:9px/1.5 -apple-system, system-ui, sans-serif; color:#888; font-weight:normal; font-style:italic; }
   .chips { display:flex; flex-wrap:wrap; gap:5px; }
   .chip { padding:3px 8px; background:var(--chip-bg); color:#bba; border-radius:10px; font-size:10px; cursor:pointer; border:1px solid transparent; transition:all .12s; }
   .chip:hover { background:#4a443d; color:#fff; }
← a9a18ac YOLO R5 — surface design's stored dominant_hex vs extracted · back to Wallco Ai · YOLO R6 — text search box on /moodboard. Matches case-insens 92ab522 →