builtbykev/vyndr
1
0
Fork 0
Code Issues Pull Requests Actions 6 Packages Projects Releases Wiki Activity

STATE.md: design completion train substantially shipped; master-audit unverified list

Browse Source 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Kev
2026-07-16 21:59:35 -04:00
parent bf8bf16e5c
commit 429a44160e
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
specs/STATE.md
+19 -6
View File
@@ -1,11 +1,24 @@
# VYNDR — STATE OF THE WORLD # VYNDR — STATE OF THE WORLD
### As of `a10227e` (main, deployed live), 2026-07-16. This file opens every future session. Update it when a train ships. ### As of `bf8bf16` (main, deployed live), 2026-07-16. This file opens every future session. Update it when a train ships.
## IN PROGRESS — DESIGN COMPLETION TRAIN (mobile-first, all widths) — started 2026-07-16 ## DESIGN COMPLETION TRAIN — SUBSTANTIALLY SHIPPED (2026-07-16, on main, deployed) · ONE MASTER CHROME AUDIT PENDING
Goal: the live product matches the mockup at EVERY width; MOBILE (390px) is the never-verified hole and where users actually are. Waves M1 (mobile foundation) → M2 (mobile billboards) → M3 (desktop parity gaps) → M4 (test-lock). **HONESTY: I cannot see rendered output (WSL2↔Chrome unreachable) — everything is "built to spec, VISUALLY UNVERIFIED at 390px"; a true-390px Chrome audit is the eyes. Keep the running UNVERIFIED LIST.** Goal: the live product matches Design's mockup at EVERY width. **HONESTY LAW: I cannot see rendered output (WSL2↔Chrome unreachable) — every visual change is "built to Design's spec, VISUALLY UNVERIFIED." Kev runs ONE master Chrome audit at the END (390px + desktop) against the running unverified list below; fixes propagate through tokens (surfaces inherit, don't fork).** Design package (3 revs) authoritative at `specs/design-reference/` (HANDOFF.md = entry point; `vyndr-system.html` desktop, `vyndr-mobile.html` 19 screens, `vyndr-landing.html`, `assets/glyphs/` 83 SVGs+MANIFEST).
- **Authoritative mockup imported** (`a10227e`): `specs/design-reference/vyndr-system.html` overwritten with the CURRENT claude.ai/design version (12 surfaces: Hero/Component/Streaks/Live-grade-shift/Combat/Pitcher/Correlation/Archetype/Share/u-profile/footer + FREE|PRO pricing + TRANSMISSION QUIET). It is DESKTOP-ONLY (no media queries) → the 390px expression is a design decision, not a shrink. Palette maps to existing tokens (green #00D4A0, miss #FF4757, amber #FFB347, muted #707080). Governing: `specs/DESIGN-SPEC.md` v2. SHIPPED + deployed:
- **M1a mobile foundation SHIPPED + fingerprint-verified** (`a10227e`): header-zone collapse (decorative EKG hidden <768px → heartbeat = ONE status line; the concrete audit finding), `.vbtn` 44px touch target (dense `small` buttons opt out), `.m-hero` mono-hero clamp; M4 test-lock in `vyndrParityQA`. Fingerprint: `.hb-ekg`/`.heartbeat-bar` in the served landing HTML + compiled CSS bundle. - **Palette alignment** (`e0a26a8`,`c3d469e`,`ebaab00`): tokens → Design's EXACT ramp. **Grade colors corrected: B blue→WHITE #F0F0F0, C amber→GREY #B8BCC8, D #FF4757** (the old blue/amber violated DESIGN-SPEC's own "B neutral-bright, C muted"). Surfaces #0E0E14/#14141E, text #F0F0F0/#B8BCC8/#707080, borders #1E1E2A/#2A2A38. vyndrTokens + tests aligned. ShareCard/OG billboards grade-B white.
- **NEXT:** M1b per-surface 390px stacking (landing/dashboard/slate cards/streaks/scan+grade/ledger/player/team/explore/pricing/u/parlay/news-futures/empty) · M2 billboards (Settle/grade-reveal/STREAKS/u+OG/player-OG at mobile) · M3 desktop parity (entity layer into HOT RIGHT NOW + scan dropdown; confirm real team LOGOS render; book wordmarks on ledger; grade-card player identity; combat/pitcher/grade-shift/breadth/correlation/u vs mockup; kill any "$1M" copy) · M4 remaining locks (overflow@390, tap-targets, hero>label, one-animated-element). - **Glyph system** (`77d8fd6`,`771d8b0`): 44 archetypes render Design's REAL marks (83-mark set: 74 display + 9 classifier-legacy), front `lib/archetypes.js` + back `archetypeService.js` color-synced. ZERO generic placeholders left. Combat keeps its char-glyph namespace (separate test).
- **Entity layer VERIFIED already-complete** (DS0/Wave 2A/2B — the audit was stale): TeamLogo (real ESPN CDN, monogram fallback) on game cards/team hub; PlayerAvatar headshots MLB/NBA/WNBA + NFL/NHL resolver ready + soccer-monogram (blocked) + combat-no-photos; books via bookInfo/BookChip everywhere (fixed BookComparison holdout `1558710`); line-shopping surfaces (detectBestBook/MarketBreadth) self-deepen. No `$1M` copy.
- **Rev 3 matchup chips** (`f24f941`,`baf977f`,`bf8bf16`): `TeamChip` primitive (real TeamLogo at 10-12px + abbr, inherits row opacity) on StatStrip board rows, grade reveal, pitcher-vs. Game-card headers already had TeamLogo.
- **Mobile: M1a header collapse** (`a10227e`) · **M1b app-bar clock** (`7c7ab24`, Hybrid: wall clock rests, STALE reacts off refreshed_at) · **grade-reveal mobile** (`baf977f`, 74px hero) · **flat EDGE BOARD** (`8a24ac9` — Design's core mobile screen: NEW flat edge-ranked IA, `slateAdapter.flattenToEdgeBoard`+`MobileEdgeBoard`, shown <768px, cards ≥768px; threaded edge_pct through the pipeline) · **M4 structural locks** (`6bc9093`).
- **Key finding:** the 19 mobile screens were LARGELY already built (pages built to the SAME DS0-DS5/§7 contracts Design's mobile follows) → they already match structurally + stack on mobile. The genuinely-new work was the flat board (done) + narrow chip/hero polish.
REMAINING (all VISUAL, for the master audit): per-screen mobile polish of the ~17 already-built screens (blind, mostly Design-aligned) · M2 billboard crop-ratio verification (OG routes exist, colors fixed). Test baseline: 266 suites / 3214.
### 🔴 MASTER-AUDIT UNVERIFIED LIST (every visual change this train — Kev's one end-of-session audit)
1. **Palette** (biggest): grade B-white/C-grey/red-#FF4757 + full surface/text/border ramp — every surface inherits.
2. **Archetype marks + colors** — 44 archetypes render Design's real 83-mark set.
3. **Flat EDGE BOARD** at 390px — the core mobile screen (rows/opacity-ramp/chips/hero-edge%).
4. **Grade-reveal mobile** (74px hero + team chip) · **app-bar clock** (Hybrid) · **M1a header collapse**.
5. **TeamChip** on board rows / grade reveal / pitcher-vs (real logo at 10-12px).
6. **OG billboards** (ShareCard/player/u) grade-B white + text #F0F0F0.
## SHIPPED — HEARTBEAT + CADENCE + QUOTA-GUARD (2026-07-15, on main, deployed) ## SHIPPED — HEARTBEAT + CADENCE + QUOTA-GUARD (2026-07-15, on main, deployed)
Three ships, each green + deployed. Standing authority is now PERMANENT full autonomy (three-gate floor: tests green, web build exit 0, post-deploy fingerprint of NEW code). Three ships, each green + deployed. Standing authority is now PERMANENT full autonomy (three-gate floor: tests green, web build exit 0, post-deploy fingerprint of NEW code).