zugzbot 1.0.21 → 1.0.22

package/.opencode/oh-my-design/web/scripts/build-registry.mjs

@@ -1,257 +0,0 @@
-#!/usr/bin/env node
-/**
- * Build typed registry from references/<id>/DESIGN.md frontmatters.
- * Output: web/src/data/registry.generated.ts
- *
- * Validates the canonical schema. Fails fast with a clear error pointing
- * to the bad file.
- *
- * Run via `npm run build-registry` or auto-prepended to dev/build.
- */
-import { readdirSync, readFileSync, writeFileSync, existsSync, mkdirSync } from 'node:fs';
-import { join, dirname, resolve } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import yaml from 'js-yaml';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-const WEB_ROOT = resolve(__dirname, '..');
-// Canonical source = web/references/. The repo-root `references` symlink is
-// gitignored (local convenience), so on Vercel build (root = web/) only
-// web/references/ is reachable. Always read SSOT directly from here.
-const REFS_DIR = join(WEB_ROOT, 'references');
-const OUT_FILE = join(WEB_ROOT, 'src', 'data', 'registry.generated.ts');
-
-const VALID_COUNTRIES = new Set(['KR','US','JP','TW','CN','UK','DE','FR','IT']);
-const VALID_LOGO_TYPES = new Set(['favicon','simpleicons','github']);
-const VALID_DS_TYPES = new Set(['system','brand']);
-
-function parseFrontmatter(md, filePath) {
-  if (!md.startsWith('---')) throw new Error(`${filePath}: no frontmatter`);
-  const end = md.indexOf('\n---', 4);
-  if (end === -1) throw new Error(`${filePath}: unterminated frontmatter`);
-  const yaml = md.slice(4, end);
-  const fm = {};
-  let currentKey = null;
-  for (const rawLine of yaml.split('\n')) {
-    const line = rawLine.replace(/\r$/, '');
-    if (!line.trim()) continue;
-    if (/^\s+/.test(line) && currentKey) {
-      const m = line.trim().match(/^([a-zA-Z0-9_]+):\s*(.*)$/);
-      if (m) {
-        fm[currentKey] = fm[currentKey] || {};
-        fm[currentKey][m[1]] = stripQuotes(m[2]);
-      }
-      continue;
-    }
-    const m = line.match(/^([a-zA-Z0-9_]+):\s*(.*)$/);
-    if (m) {
-      currentKey = m[1];
-      const value = m[2];
-      if (value === '') fm[currentKey] = {};
-      else fm[currentKey] = stripQuotes(value);
-    }
-  }
-  return fm;
-}
-
-function stripQuotes(s) {
-  s = s.trim();
-  if ((s.startsWith('"') && s.endsWith('"')) || (s.startsWith("'") && s.endsWith("'"))) {
-    return s.slice(1, -1);
-  }
-  return s;
-}
-
-function fail(file, msg) {
-  console.error(`[build-registry] ${file}: ${msg}`);
-  process.exit(1);
-}
-
-function validate(fm, file) {
-  for (const k of ['id','name','country','category','homepage','primary_color','verified']) {
-    if (!fm[k] || typeof fm[k] !== 'string' || !fm[k].trim()) fail(file, `missing/invalid '${k}'`);
-  }
-  if (!VALID_COUNTRIES.has(fm.country)) fail(file, `country '${fm.country}' not in ${[...VALID_COUNTRIES].join('|')}`);
-  if (!fm.logo || typeof fm.logo !== 'object') fail(file, `missing 'logo' object`);
-  if (!VALID_LOGO_TYPES.has(fm.logo.type)) fail(file, `logo.type '${fm.logo.type}' invalid`);
-  if (!fm.logo.slug || typeof fm.logo.slug !== 'string') fail(file, `logo.slug missing`);
-  if (!/^#[0-9a-fA-F]{6}$/.test(fm.primary_color)) fail(file, `primary_color '${fm.primary_color}' not hex`);
-  if (!/^\d{4}-\d{2}-\d{2}$/.test(fm.verified)) fail(file, `verified '${fm.verified}' not YYYY-MM-DD`);
-  // Optional `added` = the date this reference first landed (drives the time-windowed
-  // NEW badge). Distinct from `verified` (last re-checked), which bumps on re-audits.
-  if (fm.added !== undefined && !/^\d{4}-\d{2}-\d{2}$/.test(fm.added)) fail(file, `added '${fm.added}' not YYYY-MM-DD`);
-  if (fm.ds) {
-    if (typeof fm.ds !== 'object') fail(file, `ds must be object`);
-    if (!fm.ds.name || !fm.ds.url || !fm.ds.type || !fm.ds.description) fail(file, `ds missing required subfields`);
-    if (!VALID_DS_TYPES.has(fm.ds.type)) fail(file, `ds.type '${fm.ds.type}' invalid`);
-  }
-}
-
-/** Lite validation for the optional DTCG-lite `tokens` block (forward-only). */
-function validateTokens(t, file) {
-  if (typeof t !== 'object' || Array.isArray(t)) fail(file, `tokens must be a mapping`);
-  // getdesign.md-aligned namespaces: `colors`, `typography`, `rounded`. The
-  // older `color`/`text`+`font`/`radius` names stay valid during migration.
-  const colorBlock = t.colors ?? t.color;
-  if (colorBlock) {
-    if (typeof colorBlock !== 'object') fail(file, `tokens.colors must be a mapping`);
-    for (const [k, v] of Object.entries(colorBlock)) if (!/^#[0-9a-fA-F]{6}$/.test(String(v))) fail(file, `tokens.colors.${k} '${v}' not #rrggbb`);
-  }
-  if (t.spacing !== undefined) {
-    const arr = Array.isArray(t.spacing) && t.spacing.every(n => typeof n === 'number');
-    const map = !Array.isArray(t.spacing) && typeof t.spacing === 'object' && Object.values(t.spacing).every(n => typeof n === 'number');
-    if (!arr && !map) fail(file, `tokens.spacing must be number[] or { name: number }`);
-  }
-  const roundBlock = t.rounded ?? t.radius;
-  if (roundBlock) for (const [k, v] of Object.entries(roundBlock)) if (typeof v !== 'number') fail(file, `tokens.rounded.${k} must be a number`);
-  if (t.typography && typeof t.typography !== 'object') fail(file, `tokens.typography must be a mapping`);
-  if (t.font && typeof t.font !== 'object') fail(file, `tokens.font must be a mapping`);
-  if (t.text && typeof t.text !== 'object') fail(file, `tokens.text must be a mapping of named type tokens`);
-  if (t.components) {
-    if (typeof t.components !== 'object' || Array.isArray(t.components)) fail(file, `tokens.components must be a mapping`);
-    const RENDER_TYPES = new Set(['button', 'input', 'card', 'badge', 'tab', 'toggle', 'toast', 'dialog', 'listItem', 'avatar']);
-    for (const [name, c] of Object.entries(t.components)) {
-      if (typeof c === 'string') continue; // legacy flat-string summary tolerated
-      if (typeof c !== 'object') fail(file, `tokens.components.${name} must be an object or string`);
-      if (c.type && !RENDER_TYPES.has(c.type)) fail(file, `tokens.components.${name}.type '${c.type}' is not a render type`);
-      for (const k of ['bg', 'fg', 'border']) {
-        const v = c[k];
-        if (v && /#[0-9a-f]/i.test(String(v)) && !/#[0-9a-fA-F]{6}\b/.test(String(v))) fail(file, `tokens.components.${name}.${k} '${v}' has a non-6-digit hex`);
-      }
-    }
-  }
-  if (t.components_harvested !== undefined && typeof t.components_harvested !== 'boolean') fail(file, `tokens.components_harvested must be a boolean`);
-  if (t.source && !['live-extract', 'design-system', 'manual', 'reconciled', 'prose-derived'].includes(t.source)) fail(file, `tokens.source '${t.source}' invalid`);
-}
-
-const ids = readdirSync(REFS_DIR, { withFileTypes: true })
-  .filter(d => d.isDirectory() && existsSync(join(REFS_DIR, d.name, 'DESIGN.md')))
-  .map(d => d.name)
-  .sort();
-
-const entries = [];
-for (const id of ids) {
-  const file = join(REFS_DIR, id, 'DESIGN.md');
-  const md = readFileSync(file, 'utf-8');
-  const fm = parseFrontmatter(md, file);
-  if (fm.id !== id) fail(file, `id mismatch: frontmatter '${fm.id}' vs directory '${id}'`);
-  validate(fm, file);
-  // Optional DTCG-lite design tokens. Hand-rolled parseFrontmatter is 1-level
-  // and string-only, so re-parse the frontmatter with full YAML just for `tokens`
-  // (nested objects + numeric arrays). Forward-only: refs without it are unaffected.
-  let tokens = null;
-  const fmEnd = md.indexOf('\n---', 4);
-  const fmYaml = md.slice(4, fmEnd === -1 ? undefined : fmEnd);
-  // Only attempt the strict-YAML pass when a tokens block is actually present —
-  // existing frontmatters were authored for the lenient hand-rolled parser and
-  // may not be strict-YAML-clean, so we must not fail the build over them.
-  if (/^tokens:/m.test(fmYaml)) {
-    let full;
-    try { full = yaml.load(fmYaml); }
-    catch (e) { fail(file, `has a 'tokens:' block but frontmatter is not valid YAML: ${e.message}`); }
-    if (full && full.tokens) { validateTokens(full.tokens, file); tokens = full.tokens; }
-  }
-  const entry = {
-    id: fm.id,
-    name: fm.name,
-    displayName: (fm.display_name_kr && String(fm.display_name_kr).trim()) || fm.name,
-    country: fm.country,
-    category: fm.category,
-    homepage: fm.homepage,
-    primaryColor: fm.primary_color,
-    logo: { type: fm.logo.type, slug: fm.logo.slug },
-    verified: fm.verified,
-  };
-  if (fm.added) entry.added = fm.added;
-  if (tokens) entry.tokens = tokens;
-  if (fm.ds) {
-    entry.ds = {
-      name: fm.ds.name,
-      url: fm.ds.url,
-      type: fm.ds.type,
-      description: fm.ds.description,
-    };
-    if (fm.ds.og_image) entry.ds.ogImage = fm.ds.og_image;
-  }
-  entries.push(entry);
-}
-
-mkdirSync(dirname(OUT_FILE), { recursive: true });
-
-const header = `/* AUTOGENERATED by web/scripts/build-registry.mjs — do not edit.
- *
- * Single source of truth for all references. Schema lives in the
- * frontmatter of references/<id>/DESIGN.md. Run \`npm run build-registry\`
- * after editing any DESIGN.md to regenerate this file. The catalog-integrity
- * vitest plus the pre-commit hook will guard against drift.
- */`;
-
-const TYPES = `export interface RefEntry {
-  readonly id: string;
-  readonly name: string;
-  readonly displayName: string;
-  readonly country: 'KR' | 'US' | 'JP' | 'TW' | 'CN' | 'UK' | 'DE' | 'FR' | 'IT';
-  readonly category: string;
-  readonly homepage: string;
-  readonly primaryColor: string;
-  readonly logo: { readonly type: 'favicon' | 'simpleicons' | 'github'; readonly slug: string };
-  readonly verified: string;
-  readonly added?: string;
-  readonly tokens?: {
-    readonly source?: 'live-extract' | 'design-system' | 'manual' | 'reconciled' | 'prose-derived';
-    readonly extracted?: string;
-    readonly note?: string;
-    readonly components_harvested?: boolean;
-    readonly colors?: Readonly<Record<string, string>>;
-    readonly typography?: Readonly<Record<string, unknown>>;
-    readonly rounded?: Readonly<Record<string, number>>;
-    // legacy aliases (pre-getdesign.md naming) — still accepted
-    readonly color?: Readonly<Record<string, string>>;
-    readonly font?: Readonly<Record<string, string>>;
-    readonly text?: Readonly<Record<string, { readonly size?: number; readonly weight?: number; readonly lineHeight?: number; readonly tracking?: number }>>;
-    readonly spacing?: readonly number[] | Readonly<Record<string, number>>;
-    readonly radius?: Readonly<Record<string, number>>;
-    readonly shadow?: Readonly<Record<string, string>>;
-    // Flat string (legacy/summary) OR structured object (getdesign-aligned
-    // component tokens: { type, bg, fg, radius, padding, height, … }).
-    readonly components?: Readonly<Record<string, string | Readonly<Record<string, unknown>>>>;
-  };
-  readonly ds?: {
-    readonly name: string;
-    readonly url: string;
-    readonly type: 'system' | 'brand';
-    readonly description: string;
-    readonly ogImage?: string;
-  };
-}`;
-
-function literal(v) { return JSON.stringify(v); }
-
-const entryLines = entries.map(e => {
-  const dsBlock = e.ds
-    ? `, ds: { name: ${literal(e.ds.name)}, url: ${literal(e.ds.url)}, type: ${literal(e.ds.type)}, description: ${literal(e.ds.description)}${e.ds.ogImage ? `, ogImage: ${literal(e.ds.ogImage)}` : ''} }`
-    : '';
-  return `  { id: ${literal(e.id)}, name: ${literal(e.name)}, displayName: ${literal(e.displayName)}, country: ${literal(e.country)}, category: ${literal(e.category)}, homepage: ${literal(e.homepage)}, primaryColor: ${literal(e.primaryColor)}, logo: { type: ${literal(e.logo.type)}, slug: ${literal(e.logo.slug)} }, verified: ${literal(e.verified)}${e.added ? `, added: ${literal(e.added)}` : ''}${e.tokens ? `, tokens: ${JSON.stringify(e.tokens)}` : ''}${dsBlock} }`;
-}).join(',\n');
-
-const out = `${header}\n\n${TYPES}\n\nexport const REGISTRY: readonly RefEntry[] = [\n${entryLines},\n] as const;\n\nexport const REGISTRY_BY_ID: Readonly<Record<string, RefEntry>> = Object.freeze(\n  Object.fromEntries(REGISTRY.map(e => [e.id, e]))\n);\n\n/** Convenience helper — single homepage URL by id (replaces homepage-urls.ts). */\nexport function getHomepageUrl(id: string): string | null {\n  return REGISTRY_BY_ID[id]?.homepage ?? null;\n}\n`;
-
-writeFileSync(OUT_FILE, out, 'utf-8');
-console.log(`[build-registry] wrote ${OUT_FILE} (${entries.length} entries, ${out.length} bytes)`);
-
-// Emit the CLI (root) package version so the web footer stays in sync with npm.
-// A committed baseline (version.generated.ts) guarantees the file always exists;
-// this updates it whenever the repo-root package.json is reachable at build time.
-try {
-  const rootPkg = JSON.parse(readFileSync(resolve(WEB_ROOT, '..', 'package.json'), 'utf-8'));
-  const VER_FILE = join(WEB_ROOT, 'src', 'data', 'version.generated.ts');
-  writeFileSync(
-    VER_FILE,
-    `// AUTO-GENERATED by scripts/build-registry.mjs — root (CLI) package version.\nexport const PKG_VERSION = ${JSON.stringify(rootPkg.version)};\n`,
-    'utf-8',
-  );
-  console.log(`[build-registry] wrote ${VER_FILE} (v${rootPkg.version})`);
-} catch (e) {
-  console.warn('[build-registry] skipped version.generated.ts:', e.message);
-}

package/.opencode/oh-my-design/web/scripts/extract-tokens.mjs

@@ -1,117 +0,0 @@
-#!/usr/bin/env node
-/**
- * Deterministic design-token extractor (Phase 1 of the token-reconciliation flow).
- *
- *   node scripts/extract-tokens.mjs <ref-id> [--json]
- *
- * What it does (NO model — pure logic):
- *  1. Loads the ref's homepage in headless Chromium and DISMISSES promo/cookie/
- *     app-install modals (Escape + close/accept buttons + fixed-overlay removal),
- *     so computed-style sampling isn't polluted by overlay colours.
- *  2. Captures all network CSS and runs Project Wallace — declared tokens are
- *     modal-immune (they describe the whole stylesheet, not what's on screen).
- *  3. Reads CSS custom properties whose NAME contains brand/primary/point/key —
- *     the most authoritative brand-colour signal when present (but noisy: third-
- *     party embeds can define such vars, so it's a candidate, not a verdict).
- *  4. Builds primary candidates by (frequency × saturation), filtering neutrals.
- *  5. Compares to the ref's current primary_color via ΔE and classifies drift.
- *
- * Output = a CANDIDATE token set + a drift verdict for a downstream LLM pass to
- * adjudicate (legacy-vs-live vs wrong) and assign canonical roles. This script
- * never writes DESIGN.md.
- *
- * Requires global playwright + @projectwallace/css-analyzer:
- *   NODE_PATH=$(npm root -g) node scripts/extract-tokens.mjs stripe
- */
-import { readFileSync, existsSync } from 'node:fs';
-import { join, dirname } from 'node:path';
-import { fileURLToPath, pathToFileURL } from 'node:url';
-import { execSync } from 'node:child_process';
-import { analyze } from '@projectwallace/css-analyzer'; // web devDependency
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const REFS = join(__dirname, '..', 'references');
-
-const id = process.argv[2];
-const asJson = process.argv.includes('--json');
-if (!id) { console.error('usage: extract-tokens.mjs <ref-id> [--json]'); process.exit(1); }
-
-// playwright is large — kept as a GLOBAL install, resolved here (set GLOBAL_ROOT
-// to override). Install once: `npm i -g playwright && npx playwright install chrome`.
-const GROOT = process.env.GLOBAL_ROOT || execSync('npm root -g').toString().trim();
-const pw = await import(pathToFileURL(join(GROOT, 'playwright', 'index.js')).href);
-const chromium = pw.chromium ?? pw.default?.chromium;
-
-function norm(c) { let h = String(c).trim().toLowerCase(); const m = h.match(/rgba?\(([^)]+)\)/); if (m) { const p = m[1].split(',').map(s => parseFloat(s)); if (p.length >= 4 && p[3] < 0.5) return null; const [r, g, b] = p; if ([r, g, b].some(Number.isNaN)) return null; h = '#' + [r, g, b].map(n => Math.round(n).toString(16).padStart(2, '0')).join(''); } if (/^#[0-9a-f]{3}$/.test(h)) h = '#' + h.slice(1).split('').map(x => x + x).join(''); return /^#[0-9a-f]{6}$/.test(h) ? h : null; }
-function hsl(hex) { const r = parseInt(hex.slice(1, 3), 16) / 255, g = parseInt(hex.slice(3, 5), 16) / 255, b = parseInt(hex.slice(5, 7), 16) / 255; const mx = Math.max(r, g, b), mn = Math.min(r, g, b), l = (mx + mn) / 2; const s = mx === mn ? 0 : l > .5 ? (mx - mn) / (2 - mx - mn) : (mx - mn) / (mx + mn); return { s, l }; }
-function deltaE(a, b) { const A = [1, 3, 5].map(i => parseInt(a.slice(i, i + 2), 16)), B = [1, 3, 5].map(i => parseInt(b.slice(i, i + 2), 16)); const rm = (A[0] + B[0]) / 2; return Math.sqrt((2 + rm / 256) * (A[0] - B[0]) ** 2 + 4 * (A[1] - B[1]) ** 2 + (2 + (255 - rm) / 256) * (A[2] - B[2]) ** 2); }
-function brandCandidates(pairs, n = 4) { return pairs.map(([h, c]) => { const { s, l } = hsl(h); return { hex: h, score: c * s, sat: +s.toFixed(2), lum: +l.toFixed(2) }; }).filter(x => x.sat > 0.3 && x.lum > 0.15 && x.lum < 0.85).sort((a, b) => b.score - a.score).slice(0, n); }
-function brandVars(css) { const out = {}; const re = /--([a-z0-9-]*(?:primary|brand|point|key|signature)[a-z0-9-]*)\s*:\s*(#[0-9a-fA-F]{3,8}|rgba?\([^)]+\))/gi; let m; while ((m = re.exec(css))) { const h = norm(m[2]); if (h && hsl(h).s > 0.2) (out[h] ||= new Set()).add(m[1]); } return Object.entries(out).map(([hex, names]) => ({ hex, names: [...names].slice(0, 3) })).slice(0, 4); }
-
-async function dismissModals(page) {
-  let acted = 0;
-  for (let i = 0; i < 2; i++) { await page.keyboard.press('Escape').catch(() => {}); await page.waitForTimeout(120); }
-  const sels = ['[aria-label*="close" i]', '[aria-label*="dismiss" i]', '[aria-label*="닫기"]', 'button[class*="close" i]', 'button:has-text("Accept")', 'button:has-text("I agree")', 'button:has-text("동의")', 'button:has-text("모두 동의")', 'button:has-text("닫기")', 'button:has-text("오늘 하루")', '[id*="cookie" i] button', '[class*="cookie" i] button'];
-  for (const s of sels) { try { const el = page.locator(s).first(); if (await el.isVisible({ timeout: 250 })) { await el.click({ timeout: 700 }); acted++; await page.waitForTimeout(150); } } catch {} }
-  acted += await page.evaluate(() => { let n = 0; document.querySelectorAll('[role="dialog"],[aria-modal="true"],[class*="modal" i],[class*="popup" i],[class*="overlay" i],[class*="backdrop" i]').forEach(el => { const s = getComputedStyle(el); if ((s.position === 'fixed' || s.position === 'absolute') && parseInt(s.zIndex || '0') >= 50 && el.offsetHeight > 150 && el.offsetWidth > 200) { el.remove(); n++; } }); return n; });
-  return acted;
-}
-
-const md = existsSync(join(REFS, id, 'DESIGN.md')) ? readFileSync(join(REFS, id, 'DESIGN.md'), 'utf8') : '';
-const homepage = (md.match(/^homepage:\s*"?([^"\n]+)"?/m) || [])[1];
-const ourPrimary = (md.match(/^primary_color:\s*"?(#[0-9a-fA-F]{6})/m) || [])[1]?.toLowerCase();
-if (!homepage) { console.error(`no homepage for ref '${id}'`); process.exit(1); }
-
-const browser = await chromium.launch({ headless: true, args: ['--disable-http2'] });
-const ctx = await browser.newContext({ userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 Chrome/124 Safari/537.36', viewport: { width: 1440, height: 900 } });
-const page = await ctx.newPage();
-const cssChunks = [];
-page.on('response', async r => { const ct = r.headers()['content-type'] || ''; if (ct.includes('css') || r.url().endsWith('.css')) { try { cssChunks.push(await r.text()); } catch {} } });
-await page.goto(homepage, { waitUntil: 'networkidle', timeout: 45000 }).catch(() => {});
-await page.waitForTimeout(1200);
-const modalActions = await dismissModals(page);
-await page.waitForTimeout(300);
-const computed = await page.evaluate(() => { const cnt = {}; for (const el of document.querySelectorAll('button,a[class],[class*="btn" i],[class*="cta" i],h1,h2')) { if (el.closest('[role=dialog]')) continue; const s = getComputedStyle(el); for (const c of [s.backgroundColor, s.color]) cnt[c] = (cnt[c] || 0) + 1; } return cnt; });
-await browser.close();
-
-const css = cssChunks.join('\n');
-const r = css.length > 800 ? analyze(css) : null;
-const declared = r ? Object.entries(r.values.colors?.unique || {}).map(([raw, n]) => [norm(raw), n]).filter(([h]) => h).sort((a, b) => b[1] - a[1]) : [];
-const compTop = Object.entries(computed).map(([raw, n]) => [norm(raw), n]).filter(([h]) => h).sort((a, b) => b[1] - a[1]);
-const vars = brandVars(css);
-const fonts = r ? Object.entries(r.values.fontFamilies?.unique || {}).sort((a, b) => b[1] - a[1]).slice(0, 3).map(x => x[0].split(',')[0].replace(/["']/g, '')) : [];
-const radii = r ? Object.entries(r.values.borderRadiuses?.unique || {}).map(x => x[0]).filter(v => /^\d+px$/.test(v)).map(v => parseInt(v)).sort((a, b) => a - b) : [];
-
-const candidates = brandCandidates(declared);
-// Pick the live primary from the frequency×saturation winner (robust). Brand CSS
-// vars are kept as EVIDENCE only — they're a tint scale (brand-25…brand-900), so
-// the named var alone is unreliable; we only trust a var if it's saturated AND
-// corroborates a top candidate.
-const satVar = vars.find(v => { const { s, l } = hsl(v.hex); return s > 0.45 && l > 0.2 && l < 0.7; });
-const live = candidates[0]?.hex || brandCandidates(compTop)[0]?.hex || satVar?.hex || null;
-const dE = live && ourPrimary ? Math.round(deltaE(live, ourPrimary)) : null;
-const verdict = !ourPrimary ? 'no-current' : !live ? 'no-live-signal' : dE <= 12 ? 'MATCH' : dE <= 35 ? 'DRIFT' : 'CONFLICT';
-
-const result = {
-  id, homepage, modalActions,
-  current_primary: ourPrimary,
-  live_primary_candidate: live,
-  drift: { deltaE: dE, verdict },
-  brand_css_vars: vars,
-  primary_candidates: candidates,
-  declared_top: declared.slice(0, 12).map(([h, n]) => `${h}×${n}`),
-  fonts, radius_scale: [...new Set(radii)].slice(0, 8),
-  note: 'CANDIDATE only — an LLM pass adjudicates legacy-vs-live vs wrong against Tier-1 sources before any DESIGN.md edit.',
-};
-
-if (asJson) { console.log(JSON.stringify(result, null, 2)); }
-else {
-  console.log(`\n# ${id}  ${homepage}`);
-  console.log(`modal actions: ${modalActions}`);
-  console.log(`current primary_color: ${ourPrimary}`);
-  console.log(`live primary candidate: ${live}   drift: ${verdict}${dE != null ? ` (ΔE ${dE})` : ''}`);
-  if (vars.length) console.log(`brand CSS vars: ${vars.map(v => `${v.hex}[${v.names.join(',')}]`).join('  ')}`);
-  console.log(`primary candidates: ${candidates.map(c => `${c.hex}(sat${c.sat})`).join('  ')}`);
-  console.log(`fonts: ${fonts.join(' | ') || '?'}   radius: ${result.radius_scale.join(' ') || '?'}`);
-  console.log(`declared top: ${result.declared_top.join(' ')}`);
-}

package/.opencode/oh-my-design/web/scripts/fetch-og-images.mjs

@@ -1,112 +0,0 @@
-// Harvests og:image URLs for every design-system site in the registry
-// and prints a `refId → ogUrl` map to paste into lib/design-systems.ts
-// (see the OG_IMAGES constant).
-//
-// Run:  node scripts/fetch-og-images.mjs
-//
-// Extraction order: og:image → twitter:image. Missing hits print `null`;
-// the UI falls back to the gradient-logo thumbnail for those refs.
-
-const SITES = [
-  ["apple", "https://developer.apple.com/design/human-interface-guidelines"],
-  ["clickhouse", "https://clickhouse.design"],
-  ["freee", "https://vibes.freee.co.jp"],
-  ["hashicorp", "https://helios.hashicorp.design"],
-  ["ibm", "https://carbondesignsystem.com"],
-  ["karrot", "https://seed-design.io"],
-  ["line", "https://designsystem.line.me"],
-  ["miro", "https://mirotone.xyz"],
-  ["mongodb", "https://www.mongodb.design"],
-  ["pinterest", "https://gestalt.pinterest.systems"],
-  ["sanity", "https://www.sanity.io/ui"],
-  ["toss", "https://tossmini-docs.toss.im/tds-mobile/"],
-  ["uber", "https://baseweb.design"],
-  ["vercel", "https://vercel.com/geist"],
-  ["wise", "https://wise.design"],
-  ["airbnb", "https://brand.withairbnb.com"],
-  ["airtable", "https://www.airtable.com/company/trademark-guidelines"],
-  ["clay", "https://www.clay.com/press"],
-  ["cohere", "https://cohere.com/newsroom"],
-  ["cursor", "https://www.cursor.com/brand"],
-  ["elevenlabs", "https://elevenlabs.io/brand"],
-  ["expo", "https://expo.dev/brand"],
-  ["figma", "https://www.figma.com/using-the-figma-brand"],
-  ["framer", "https://www.framer.com/brand"],
-  ["linear.app", "https://linear.app/brand"],
-  ["mistral.ai", "https://mistral.ai/brand"],
-  ["opencode.ai", "https://opencode.ai/brand"],
-  ["posthog", "https://posthog.com/handbook/company/brand-assets"],
-  ["raycast", "https://www.raycast.com/templates/brand-guidelines"],
-  ["resend", "https://resend.com/brand"],
-  // revolut + x.ai dropped — brand.revolut.com SSO-gated; x.ai Cloudflare-blocks bots.
-  ["superhuman", "https://superhuman.com/media-assets"],
-  ["supabase", "https://supabase.com/brand-assets"],
-  ["together.ai", "https://www.together.ai/brand"],
-  ["zapier", "https://brand.zapier.com"],
-  // 2026-05-13 KR-10 batch (brand-tier pages, og:image best-effort)
-  ["kakaopay", "https://story.kakaopay.com/"],
-  ["zigzag", "https://brunch.co.kr/@zigzag/73"],
-  ["gangnamunni", "https://blog.gangnamunni.com/post/welchis/"],
-  ["banksalad", "https://github.com/banksalad"],
-  ["socar", "https://design.socar.kr/"],
-  ["wanted", "https://design.wanted.co.kr/"],
-  ["remember", "https://remember.co.kr/about"],
-  // 2026-05-15 KR-10 batch — 2 partial-positive Tier-1 surfaces
-  ["upstage", "https://www.upstage.ai/resources/brand-resource-center"],
-  ["gmarket", "https://corp.gmarket.com/fonts/"],
-  // 2026-05-14 KR-10 batch — channeltalk publishes Bezier (only Tier-1 DS positive)
-  ["channeltalk", "https://github.com/channel-io/bezier-react"],
-];
-
-function decodeEntities(s) {
-  return s
-    .replace(/&/g, "&")
-    .replace(/"/g, '"')
-    .replace(/'/gi, "'")
-    .replace(/'/g, "'")
-    .replace(/&lt;/g, "<")
-    .replace(/&gt;/g, ">");
-}
-
-function extractOg(html) {
-  const patterns = [
-    /<meta[^>]*property=["']og:image["'][^>]*content=["']([^"']+)["']/i,
-    /<meta[^>]*content=["']([^"']+)["'][^>]*property=["']og:image["']/i,
-    /<meta[^>]*name=["']og:image["'][^>]*content=["']([^"']+)["']/i,
-    /<meta[^>]*name=["']twitter:image["'][^>]*content=["']([^"']+)["']/i,
-    /<meta[^>]*content=["']([^"']+)["'][^>]*name=["']twitter:image["']/i,
-  ];
-  for (const re of patterns) {
-    const m = html.match(re);
-    if (m) return decodeEntities(m[1]);
-  }
-  return null;
-}
-
-function absolutize(ogUrl, pageUrl) {
-  if (!ogUrl) return null;
-  if (/^https?:\/\//i.test(ogUrl)) return ogUrl;
-  if (ogUrl.startsWith("//")) return `https:${ogUrl}`;
-  try { return new URL(ogUrl, pageUrl).toString(); } catch { return null; }
-}
-
-const out = {};
-await Promise.all(SITES.map(async ([id, url]) => {
-  try {
-    const res = await fetch(url, {
-      redirect: "follow",
-      headers: { "User-Agent": "Mozilla/5.0 (compatible; OMDBot/1.0)" },
-    });
-    if (!res.ok) throw new Error(`HTTP ${res.status}`);
-    const html = await res.text();
-    const og = absolutize(extractOg(html), res.url);
-    out[id] = og;
-    console.log(id.padEnd(14), "→", og ?? "(none)");
-  } catch (e) {
-    out[id] = null;
-    console.log(id.padEnd(14), "→", `ERROR: ${e.message}`);
-  }
-}));
-
-console.log("\n=== JSON ===\n");
-console.log(JSON.stringify(out, null, 2));

package/.opencode/oh-my-design/web/scripts/gen-favicon.mjs

@@ -1,58 +0,0 @@
-import sharp from 'sharp';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const outDir = join(__dirname, '..', 'src', 'app');
-const publicDir = join(__dirname, '..', 'public');
-const logo = join(publicDir, 'logo.png');
-
-// 1. Favicon: rounded square, primary bg (#7c5cfc), white logo
-const size = 512;
-const padding = 40;
-const radius = 110;
-
-const roundedRect = Buffer.from(
-  `<svg width="${size}" height="${size}">
-    <rect x="0" y="0" width="${size}" height="${size}" rx="${radius}" ry="${radius}" fill="#7c5cfc"/>
-  </svg>`
-);
-
-// Invert logo to white and resize
-const whiteLogo = await sharp(logo)
-  .negate({ alpha: false })
-  .resize(size - padding * 2, null, { fit: 'inside' })
-  .toBuffer();
-
-const whiteLogoMeta = await sharp(whiteLogo).metadata();
-const logoW = whiteLogoMeta.width;
-const logoH = whiteLogoMeta.height;
-
-const favicon = await sharp(roundedRect)
-  .composite([{
-    input: whiteLogo,
-    left: Math.round((size - logoW) / 2),
-    top: Math.round((size - logoH) / 2),
-  }])
-  .png()
-  .toBuffer();
-
-// Write as icon.png (Next.js auto-detects) — keep large for clarity
-await sharp(favicon).resize(256, 256, { fit: 'cover' }).sharpen().toFile(join(outDir, 'icon.png'));
-console.log('✓ icon.png (256x256, purple bg + white logo, sharpened)');
-
-// Also make apple-icon.png
-await sharp(favicon).resize(180, 180).toFile(join(outDir, 'apple-icon.png'));
-console.log('✓ apple-icon.png');
-
-// 2. White logo for header (transparent bg, white text)
-const whiteHeaderLogo = await sharp(logo)
-  .negate({ alpha: false })
-  .resize(200, null, { fit: 'inside' })
-  .toBuffer();
-await sharp(whiteHeaderLogo).toFile(join(publicDir, 'logo-white.png'));
-console.log('✓ logo-white.png (for dark backgrounds)');
-
-// 3. Original dark logo is already at public/logo.png
-console.log('✓ logo.png (original, for light backgrounds)');
-console.log('\nDone!');

package/.opencode/oh-my-design/web/scripts/gen-og.mjs

@@ -1,67 +0,0 @@
-import sharp from 'sharp';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const publicDir = join(__dirname, '..', 'public');
-const logoPath = join(publicDir, 'logo.png');
-
-const W = 1200;
-const H = 630;
-
-// Black logo (original), sized big
-const logoBuffer = await sharp(logoPath)
-  .resize(400, null, { fit: 'inside' })
-  .toBuffer();
-const logoMeta = await sharp(logoBuffer).metadata();
-
-// White background + black logo + gradient italic text via SVG
-const svg = `
-<svg width="${W}" height="${H}" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <linearGradient id="textGrad" x1="0%" y1="0%" x2="100%" y2="0%">
-      <stop offset="0%" style="stop-color:#a78bfa"/>
-      <stop offset="100%" style="stop-color:#38bdf8"/>
-    </linearGradient>
-  </defs>
-
-  <!-- White background -->
-  <rect width="${W}" height="${H}" fill="#f8f8f8"/>
-
-  <!-- "Design systems from" -->
-  <text x="${W/2}" y="410" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-weight="800" font-size="48" fill="#0a0a0a" letter-spacing="-1">
-    Design systems from
-  </text>
-
-  <!-- "the world's best" gradient italic -->
-  <text x="${W/2}" y="480" text-anchor="middle" font-family="Georgia, 'Times New Roman', serif" font-style="italic" font-weight="700" font-size="52" fill="url(#textGrad)" letter-spacing="-0.5">
-    the world's best
-  </text>
-
-  <!-- Subtle bottom line -->
-  <text x="${W/2}" y="560" text-anchor="middle" font-family="system-ui, sans-serif" font-size="16" fill="#999" letter-spacing="1">
-    58 design systems  /  A/B wizard  /  shadcn/ui  /  zero AI
-  </text>
-</svg>`;
-
-const bgBuffer = await sharp(Buffer.from(svg)).png().toBuffer();
-
-// Compose logo centered above text
-const logoTop = 100;
-await sharp(bgBuffer)
-  .composite([{
-    input: logoBuffer,
-    left: Math.round((W - logoMeta.width) / 2),
-    top: logoTop,
-  }])
-  .png({ quality: 95 })
-  .toFile(join(publicDir, 'og-image.png'));
-
-console.log('og-image.png done (1200x630, white bg)');
-
-// Twitter: same image, just resized (no separate composition needed since it's centered)
-await sharp(join(publicDir, 'og-image.png'))
-  .resize(1200, 630, { fit: 'cover' })
-  .toFile(join(publicDir, 'twitter-image.png'));
-
-console.log('twitter-image.png done');