zugzbot 1.0.21 → 1.0.22

package/.opencode/oh-my-design/web/src/app/alternatives/[slug]/page.tsx

@@ -1,399 +0,0 @@
-/**
- * /alternatives/[slug] — head-to-head comparison page for AEO citation.
- * Server component, dynamic params (Promise — Next 16 convention).
- * generateStaticParams enumerates: shadcn / v0 / anima / locofy.
- */
-
-import type { Metadata } from "next";
-import Link from "next/link";
-import { notFound } from "next/navigation";
-import { ArrowLeft, ExternalLink, Check, X } from "lucide-react";
-
-const SITE_URL = "https://oh-my-design.kr";
-
-interface Alt {
-  slug: string;
-  name: string;
-  url: string;
-  oneLiner: string;
-  summary: string;
-  purpose: string;
-  output: string;
-  agent: string;
-  voice: string;
-  install: string;
-  price: string;
-  oss: string;
-  whenToUse: string[];
-  whenOmd: string[];
-}
-
-const ALTS: Record<string, Alt> = {
-  shadcn: {
-    slug: "shadcn",
-    name: "shadcn/ui",
-    url: "https://ui.shadcn.com",
-    oneLiner: "copy-paste React component library, dev-managed via CLI",
-    summary:
-      "shadcn/ui는 React 컴포넌트를 npm으로 install하지 않고 CLI로 직접 코드를 프로젝트에 복사해 넣는 라이브러리입니다. 디자인 톤은 Radix 기반의 neutral 한 default이고, 별도의 brand opinion을 강제하지 않습니다.",
-    purpose: "Reusable React component primitives",
-    output: "TSX 파일을 사용자 repo에 복사",
-    agent: "Indirect (코드 sample을 보고 흉내냄)",
-    voice: "Neutral default — brand 없음",
-    install: "`npx shadcn add button` 등 CLI per-component",
-    price: "Free · MIT",
-    oss: "Yes (MIT)",
-    whenToUse: [
-      "React + Tailwind 스택에서 검증된 컴포넌트 primitives가 필요할 때",
-      "Radix 접근성·키보드 동작을 그대로 받고 싶을 때",
-      "디자인은 직접 정하고 컴포넌트만 빠르게 짜고 싶을 때",
-    ],
-    whenOmd: [
-      "AI agent가 매 prompt마다 같은 brand context를 읽길 원할 때",
-      "Voice·persona·motion까지 한 파일에서 다루고 싶을 때",
-      "shadcn 컴포넌트를 DESIGN.md token으로 채색하고 싶을 때 — 둘은 같이 씁니다",
-    ],
-  },
-  v0: {
-    slug: "v0",
-    name: "v0.dev",
-    url: "https://v0.dev",
-    oneLiner: "Vercel의 AI UI 합성 서비스 — prompt에서 즉석으로 React snippet 생성",
-    summary:
-      "v0는 prompt를 입력하면 즉석으로 React + Tailwind 컴포넌트를 합성하는 클라우드 서비스입니다. 결과물은 미리 잘 튜닝된 internal model이 만들어 주지만, repo에 설치되는 spec이 없고 prompt마다 결과가 휘발됩니다.",
-    purpose: "One-shot UI snippet generation from a prompt",
-    output: "TSX snippet (브라우저에서 복사)",
-    agent: "v0 자체가 agent (Vercel 호스팅)",
-    voice: "Prompt마다 다름 — 매번 재합성",
-    install: "Browser tool, 가입 필요",
-    price: "Freemium · 사용량 기반 유료",
-    oss: "No (proprietary)",
-    whenToUse: [
-      "프로토타입 한 컷을 빠르게 합성하고 싶을 때",
-      "Tailwind 기반 React 코드만 필요하고 brand consistency가 중요하지 않을 때",
-      "Vercel 인프라와 통합된 hosting이 필요할 때",
-    ],
-    whenOmd: [
-      "repo에 영구히 박힌 brand spec이 필요할 때",
-      "Claude Code · Cursor · Codex · OpenCode 등 자기가 쓰던 agent를 그대로 쓰고 싶을 때",
-      "v0로 만든 결과를 DESIGN.md token으로 다시 칠해 일관성을 강제하고 싶을 때 (병행 가능)",
-    ],
-  },
-  anima: {
-    slug: "anima",
-    name: "Anima",
-    url: "https://www.animaapp.com",
-    oneLiner: "Figma → 코드 transcoder",
-    summary:
-      "Anima는 Figma 디자인을 HTML/CSS/React 코드로 변환하는 transcoder입니다. Figma 파일이 source of truth고, 디자이너가 Figma에서 수정하면 다시 export하는 흐름을 전제로 합니다.",
-    purpose: "Figma → production code conversion",
-    output: "HTML/CSS/React (Figma 구조 기반)",
-    agent: "Plugin · Figma 안에서 동작",
-    voice: "Figma 파일에 그려진 visual 그대로",
-    install: "Figma plugin + 웹 dashboard",
-    price: "Freemium · 팀당 유료",
-    oss: "No (proprietary)",
-    whenToUse: [
-      "디자이너가 이미 Figma로 완성된 시안을 가지고 있을 때",
-      "Figma → 코드 일회성 변환이 주된 과업일 때",
-      "디자이너-개발자 handoff가 병목인 팀",
-    ],
-    whenOmd: [
-      "Figma 없이 spec → 코드 흐름이 필요할 때",
-      "Voice·persona·motion까지 같은 파일에서 강제하고 싶을 때",
-      "Spec이 Figma 파일보다 더 오래 살아남아야 할 때 — markdown은 stack-agnostic",
-    ],
-  },
-  locofy: {
-    slug: "locofy",
-    name: "Locofy",
-    url: "https://www.locofy.ai",
-    oneLiner: "Figma → production-grade code generator (React / Next / Vue / HTML)",
-    summary:
-      "Locofy도 Figma 디자인을 코드로 바꾸는 도구지만, Anima보다 \"production-ready\"를 강조하며 responsive·state·props 추출에 무게를 둡니다. 여전히 Figma가 source고 코드가 산출물입니다.",
-    purpose: "Figma → production-grade code (props/state 포함)",
-    output: "React/Next/Vue/HTML",
-    agent: "Plugin · Figma 안에서 동작",
-    voice: "Figma 시안 그대로",
-    install: "Figma plugin (`Locofy Lightning`)",
-    price: "Freemium · seat 기반 유료",
-    oss: "No (proprietary)",
-    whenToUse: [
-      "Figma 시안을 responsive React 코드로 정밀히 옮겨야 할 때",
-      "디자이너가 prop/state까지 Figma에서 정의해두는 팀",
-      "Pixel-perfect 변환이 우선순위일 때",
-    ],
-    whenOmd: [
-      "Figma가 아예 없거나, 시안보다 spec이 먼저인 흐름일 때",
-      "AI agent가 매 요청마다 spec을 읽고 새 화면을 자율 생성하길 원할 때",
-      "코드뿐 아니라 voice·copy·motion까지 같은 spec으로 통제하고 싶을 때",
-    ],
-  },
-  "getdesign-md": {
-    slug: "getdesign-md",
-    name: "getdesign.md",
-    url: "https://getdesign.md",
-    oneLiner: "DESIGN.md 큐레이션 웹 카탈로그 (browse → preview → copy)",
-    summary:
-      "getdesign.md는 약 71개 브랜드의 DESIGN.md를 모아 둔 무료 큐레이션 웹 카탈로그입니다. 사이트에서 브랜드를 골라 미리 보고 복사해 쓰는 단순하고 빠른 browse → copy 경험이 핵심이며, 영어·서구 브랜드(Apple, BMW, Stripe, Shopify, Figma, Tesla 등) 중심이라 한국 브랜드는 거의 없습니다. OmD가 README에서 출발점으로 인용하는 VoltAgent/awesome-design-md 오픈소스 컬렉션(GitHub 85.8k, MIT)과 뿌리를 공유하며, 사실상 그 컬렉션을 호스팅한 browse/copy 프런트엔드에 가깝습니다.",
-    purpose:
-      "이미 만들어진 브랜드 DESIGN.md를 빠르게 찾아보고 복사하는 큐레이션 카탈로그. 생성기나 유료 SaaS가 아니라, 검증된 서구 브랜드의 디자인 시스템 문서를 모아 둔 무료 참고 라이브러리입니다.",
-    output:
-      "9-section Google Stitch 스키마 기반의 브랜드별 DESIGN.md 문서. 웹에서 미리 보고 클립보드로 복사.",
-    agent:
-      "없음. 설치형 에이전트 레이어 없이 브라우즈와 복사만 제공하는 순수 웹 카탈로그입니다. (OmD는 skills omd:init/apply/harness/sync + 서브에이전트 + MCP 서버를 설치해 워크플로에 상주시킵니다.)",
-    voice:
-      "영어 우선. 사이트 UI와 문서 모두 영어 기준이며 한국어 대응은 사실상 없습니다.",
-    install:
-      "설치 불필요. 웹사이트 접속 → 브랜드 선택 → 미리 보기 → 복사. (sign-in 링크가 있어 브라우징은 일부 열려 있습니다.)",
-    price: "Free",
-    oss: "컬렉션의 뿌리는 오픈소스 — VoltAgent/awesome-design-md(MIT, GitHub 85.8k)와 뿌리를 공유하며, OmD README도 같은 컬렉션을 출발점으로 인용합니다. getdesign.md는 그 컬렉션을 호스팅한 browse/copy 프런트엔드 성격입니다.",
-    whenToUse: [
-      "서구 브랜드(Apple, BMW, Stripe, Shopify, Tesla, Figma, Spotify, Nike 등) 레퍼런스가 바로 필요할 때 — 이쪽 브랜드 셋이 두텁습니다.",
-      "설치·설정 없이 웹에서 한 브랜드 DESIGN.md를 빠르게 미리 보고 복사만 하면 되는 가벼운 작업.",
-      "'DESIGN.md가 뭔지' 처음 둘러볼 때 — 'DESIGN.md = getdesign.md'로 먼저 알려진 first-mover라 진입이 쉽습니다.",
-    ],
-    whenOmd: [
-      "한국 브랜드 depth가 필요할 때 — Toss·당근·배민·카카오·네이버·쿠팡·무신사·뱅크샐러드·29CM·컬리 등은 getdesign.md에 거의 없고 OmD가 두텁게 다룹니다.",
-      "복사로 끝나는 카탈로그가 아니라 한 번 설치해 두는 에이전트 레이어가 필요할 때 — skills(omd:init/apply/harness/sync)·서브에이전트·MCP 서버가 워크플로에 상주합니다.",
-      "9-section보다 깊은 문서가 필요할 때 — OmD v0.1의 15-section 스키마는 Voice/Narrative/Principles/Personas/States/Motion까지 더하고, 한국어 docs·oh-my-design.kr·한국인 메인테이너의 한국어 네이티브 환경을 제공합니다.",
-    ],
-  },
-};
-
-export function generateStaticParams() {
-  return Object.keys(ALTS).map((slug) => ({ slug }));
-}
-
-export async function generateMetadata({
-  params,
-}: {
-  params: Promise<{ slug: string }>;
-}): Promise<Metadata> {
-  const { slug } = await params;
-  const alt = ALTS[slug];
-  if (!alt) return {};
-  const title = `oh-my-design vs ${alt.name} — comparison`;
-  const description = `${alt.name} (${alt.oneLiner}) vs oh-my-design (DESIGN.md spec for AI coding agents). 7-row comparison + when to use each.`;
-  return {
-    title,
-    description,
-    keywords: [
-      `oh-my-design vs ${alt.name}`,
-      `${alt.name} alternative`,
-      `${alt.name} DESIGN.md`,
-      `${alt.name} vs OmD`,
-      "AI 디자인 도구 비교",
-    ],
-    alternates: { canonical: `${SITE_URL}/alternatives/${slug}` },
-    openGraph: {
-      title,
-      description,
-      url: `${SITE_URL}/alternatives/${slug}`,
-      type: "article",
-    },
-  };
-}
-
-export default async function AlternativePage({
-  params,
-}: {
-  params: Promise<{ slug: string }>;
-}) {
-  const { slug } = await params;
-  const alt = ALTS[slug];
-  if (!alt) notFound();
-
-  const rows: { k: string; omd: string; them: string }[] = [
-    { k: "목적", omd: "AI agent가 매 요청마다 읽는 brand spec", them: alt.purpose },
-    { k: "Output", omd: "DESIGN.md (markdown spec)", them: alt.output },
-    { k: "AI agent integration", omd: "Claude Code · Codex · Cursor · OpenCode 직결", them: alt.agent },
-    { k: "Brand voice", omd: "§10–15에서 명시 (voice/persona/motion)", them: alt.voice },
-    { k: "Install", omd: "`npx oh-my-design-cli install-skills`", them: alt.install },
-    { k: "Price", omd: "Free · MIT", them: alt.price },
-    { k: "Open source", omd: "Yes (MIT)", them: alt.oss },
-  ];
-
-  const jsonLd = {
-    "@context": "https://schema.org",
-    "@graph": [
-      {
-        "@type": "Article",
-        headline: `oh-my-design vs ${alt.name}`,
-        description: `Comparison between oh-my-design and ${alt.name} (${alt.oneLiner}).`,
-        author: { "@type": "Organization", name: "oh-my-design" },
-        publisher: { "@type": "Organization", name: "oh-my-design" },
-        datePublished: "2026-05-28",
-        mainEntityOfPage: `${SITE_URL}/alternatives/${alt.slug}`,
-      },
-      {
-        "@type": "SoftwareApplication",
-        name: "oh-my-design",
-        applicationCategory: "DeveloperApplication",
-        operatingSystem: "Cross-platform",
-        offers: { "@type": "Offer", price: "0", priceCurrency: "USD" },
-        url: SITE_URL,
-      },
-      {
-        "@type": "SoftwareApplication",
-        name: alt.name,
-        applicationCategory: "DeveloperApplication",
-        operatingSystem: "Cross-platform",
-        url: alt.url,
-      },
-    ],
-  };
-
-  return (
-    <div className="min-h-screen bg-background text-foreground">
-      <script
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
-      />
-
-      <header className="sticky top-0 z-50 border-b border-border/40 bg-background/60 backdrop-blur-xl">
-        <div className="mx-auto flex h-14 max-w-4xl items-center justify-between px-4 sm:px-6">
-          <Link href="/" className="flex items-center">
-            {/* eslint-disable-next-line @next/next/no-img-element */}
-            <img src="/logo.png" alt="oh-my-design" className="h-6 sm:h-7 block dark:hidden" />
-            {/* eslint-disable-next-line @next/next/no-img-element */}
-            <img src="/logo-white.png" alt="oh-my-design" className="h-6 sm:h-7 hidden dark:block" />
-          </Link>
-          <nav className="flex items-center gap-4 text-xs sm:text-sm">
-            <Link href="/docs" className="text-muted-foreground hover:text-foreground">Docs</Link>
-            <Link href="/faq" className="text-muted-foreground hover:text-foreground">FAQ</Link>
-            <a href="https://github.com/kwakseongjae/oh-my-design" target="_blank" rel="noopener noreferrer" className="text-muted-foreground hover:text-foreground">GitHub</a>
-          </nav>
-        </div>
-      </header>
-
-      <article className="mx-auto max-w-3xl px-4 sm:px-6 pt-12 pb-24">
-        <Link
-          href="/"
-          className="inline-flex items-center gap-1.5 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground mb-6"
-        >
-          <ArrowLeft className="h-3.5 w-3.5" /> Home
-        </Link>
-
-        <div className="text-[11px] font-semibold uppercase tracking-[0.15em] text-muted-foreground mb-3">
-          Alternatives · {alt.name}
-        </div>
-        <h1
-          className="text-4xl sm:text-5xl font-bold tracking-tight leading-[1.05]"
-          style={{ fontFamily: "var(--font-geist-sans), system-ui, sans-serif" }}
-        >
-          oh-my-design <span className="text-muted-foreground">vs</span>{" "}
-          <span className="text-primary">{alt.name}</span>
-        </h1>
-        <p className="mt-5 text-base sm:text-lg leading-relaxed text-muted-foreground">
-          {alt.summary}
-        </p>
-
-        {/* Comparison table */}
-        <div className="mt-10 overflow-x-auto rounded-xl border border-border/60">
-          <table className="w-full text-sm">
-            <thead className="bg-foreground/[0.04] text-[11px] uppercase tracking-wider text-muted-foreground">
-              <tr>
-                <th className="px-4 py-3 text-left font-semibold">기준</th>
-                <th className="px-4 py-3 text-left font-semibold text-foreground">
-                  oh-my-design
-                </th>
-                <th className="px-4 py-3 text-left font-semibold">{alt.name}</th>
-              </tr>
-            </thead>
-            <tbody className="divide-y divide-border/40">
-              {rows.map((r) => (
-                <tr key={r.k} className="hover:bg-foreground/[0.02]">
-                  <td className="px-4 py-3 font-medium align-top">{r.k}</td>
-                  <td className="px-4 py-3 text-foreground align-top">{r.omd}</td>
-                  <td className="px-4 py-3 text-muted-foreground align-top">{r.them}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-
-        {/* When-to-use two columns */}
-        <div className="mt-12 grid gap-5 sm:grid-cols-2">
-          <div className="rounded-2xl border border-border/60 bg-card/30 p-6">
-            <div className="text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground mb-3">
-              When to use {alt.name}
-            </div>
-            <ul className="space-y-2.5 text-sm leading-relaxed">
-              {alt.whenToUse.map((r) => (
-                <li key={r} className="flex gap-2">
-                  <Check className="mt-0.5 h-4 w-4 flex-shrink-0 text-muted-foreground" />
-                  <span>{r}</span>
-                </li>
-              ))}
-            </ul>
-          </div>
-          <div className="rounded-2xl border border-primary/30 bg-primary/[0.04] p-6">
-            <div className="text-[10px] font-semibold uppercase tracking-[0.18em] text-primary mb-3">
-              When to use oh-my-design
-            </div>
-            <ul className="space-y-2.5 text-sm leading-relaxed">
-              {alt.whenOmd.map((r) => (
-                <li key={r} className="flex gap-2">
-                  <Check className="mt-0.5 h-4 w-4 flex-shrink-0 text-primary" />
-                  <span>{r}</span>
-                </li>
-              ))}
-            </ul>
-          </div>
-        </div>
-
-        {/* Verdict — they're often complementary */}
-        <div className="mt-10 rounded-xl border border-border/60 bg-card/20 p-5 text-sm leading-relaxed text-muted-foreground">
-          <strong className="text-foreground">정리.</strong> {alt.name}과
-          oh-my-design은 같은 layer가 아닙니다. {alt.name}이 {alt.purpose.toLowerCase()}{" "}
-          쪽이라면, oh-my-design은 <em>그 도구가 매번 같은 brand context로 동작하도록
-          만드는 spec</em>입니다. 많은 팀이 둘을 같이 씁니다 —{" "}
-          <X className="inline h-3.5 w-3.5 align-text-bottom" /> either/or가 아닙니다.
-        </div>
-
-        {/* CTAs */}
-        <div className="mt-12 flex flex-wrap gap-2">
-          <div className="inline-flex items-center gap-2 rounded-lg border border-border bg-foreground/[0.03] px-3 py-2 font-mono text-[13px]">
-            <span className="text-primary">$</span>
-            <code>npx oh-my-design-cli install-skills</code>
-          </div>
-          <Link href="/docs" className="inline-flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-medium hover:bg-accent">
-            Docs
-          </Link>
-          <Link href="/faq" className="inline-flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-medium hover:bg-accent">
-            FAQ
-          </Link>
-          <a
-            href={alt.url}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="inline-flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-medium hover:bg-accent"
-          >
-            <ExternalLink className="h-3.5 w-3.5" /> {alt.name} 공식
-          </a>
-        </div>
-
-        {/* Other alternatives */}
-        <div className="mt-14 border-t border-border/40 pt-8">
-          <div className="text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground mb-4">
-            Other comparisons
-          </div>
-          <div className="flex flex-wrap gap-2">
-            {Object.values(ALTS)
-              .filter((a) => a.slug !== alt.slug)
-              .map((a) => (
-                <Link
-                  key={a.slug}
-                  href={`/alternatives/${a.slug}`}
-                  className="inline-flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-medium hover:bg-accent"
-                >
-                  vs {a.name}
-                </Link>
-              ))}
-          </div>
-        </div>
-      </article>
-    </div>
-  );
-}

package/.opencode/oh-my-design/web/src/app/api/font-playground/match/route.ts

@@ -1,205 +0,0 @@
-/**
- * POST /api/font-playground/match
- *
- * Haiku-powered font matcher. Input: { query, scripts }. Output:
- *   { picks: [{id, reason_ko}] } — exactly 3 picks from the catalog
- * Errors:
- *   400  invalid body / query too long / empty
- *   429  rate-limited (10 req / 60s / IP)
- *   503  API key missing — client should fall back to deterministic matcher
- *   502  upstream error — client should fall back
- *
- * Abuse prevention:
- *   - Query length cap: 500 chars, trimmed
- *   - IP-based sliding-window rate limit (in-memory, 10/min)
- *   - Strict JSON response validation against catalog ids (the model can
- *     hallucinate — we filter out anything it invents)
- */
-
-import Anthropic from "@anthropic-ai/sdk";
-import { NextResponse } from "next/server";
-import { FONT_CATALOG, FONT_BY_ID } from "@/lib/fonts/catalog";
-import type { FontScript } from "@/lib/fonts/types";
-import { checkRateLimit } from "@/lib/fonts/rate-limit";
-
-export const runtime = "nodejs";
-export const dynamic = "force-dynamic";
-
-const IS_DEV = process.env.NODE_ENV !== "production";
-const MODEL = "claude-haiku-4-5-20251001";
-const MAX_QUERY = 500;
-
-interface Pick {
-  id: string;
-  reason_ko: string;
-}
-
-function clientIp(req: Request): string {
-  const fwd = req.headers.get("x-forwarded-for");
-  if (fwd) return fwd.split(",")[0]!.trim();
-  return req.headers.get("x-real-ip") ?? "anon";
-}
-
-/** Build a compact catalog payload for the model — strips fields Haiku
- *  doesn't need (cssFamily, axes, weights, loader, source). Keeps payload
- *  small enough that Haiku can scan the full set and still have room to
- *  reason in a short response. */
-function compactCatalog() {
-  return FONT_CATALOG.map((f) => ({
-    id: f.id,
-    name: f.name,
-    family: f.family,
-    scripts: f.scripts,
-    description: f.description,
-    tags: {
-      mood: f.tags.mood,
-      era: f.tags.era,
-      use: f.tags.use,
-      personality: f.tags.personality,
-    },
-  }));
-}
-
-const SYSTEM_PROMPT = `You are a typography curator for a Korean + English design tool. You receive a user's short description of the vibe they want, a required-scripts list, and a catalog of ~60 curated fonts. Pick EXACTLY 3 fonts from the catalog that best match.
-
-Rules:
-- Each pick's id MUST be one of the catalog ids — never invent.
-- HARD FILTER: every pick's "scripts" array MUST include EVERY entry in the user's "requiredScripts". If requiredScripts is ["hangul","latin"], the font must support both. If requiredScripts is empty, no script filter.
-- Honor family hints in the description (세리프/serif/mono/code/handwritten).
-- Brand/style references (토스/카카오/배민/당근/Geist 같은 느낌) are interpretive — pick fonts that match the brand's typographic register. Reason shouldn't mention "대체" for these; treat them as style descriptions, not exact-font requests.
-- Specific font names NOT in the catalog: if the user names an exact typeface that isn't in the catalog (e.g. "Montserrat", "Noto Sans JP", "배민 도현"), pick the closest available analog and EXPLICITLY note the substitution in reason_ko using the pattern "원본 X는 없어 ~" or "X 대신 ~". This is only for exact font-name requests, not brand-style references.
-- Specific font names that ARE in the catalog: use them naturally, don't apologize.
-- Order picks best → less good.
-- reason_ko: concise Korean (20–40자), cites a concrete attribute (weight/counter/curvature/era/mood) — don't just say "정확히 맞습니다".
-- Respond with ONLY a JSON object. No prose, no markdown fences.
-
-Response shape:
-{"picks":[{"id":"<catalog_id>","reason_ko":"<한국어 한 줄>"},...]}`;
-
-function sanitizeQuery(raw: unknown): string | null {
-  if (typeof raw !== "string") return null;
-  const trimmed = raw.trim();
-  if (!trimmed) return null;
-  if (trimmed.length > MAX_QUERY) return null;
-  return trimmed;
-}
-
-function sanitizeScripts(raw: unknown): FontScript[] {
-  if (!Array.isArray(raw)) return [];
-  const out: FontScript[] = [];
-  for (const v of raw) {
-    if (v === "hangul" || v === "latin") {
-      if (!out.includes(v)) out.push(v);
-    }
-  }
-  return out;
-}
-
-function parsePicks(text: string): Pick[] {
-  const start = text.indexOf("{");
-  const end = text.lastIndexOf("}");
-  if (start < 0 || end < 0) return [];
-  try {
-    const parsed = JSON.parse(text.slice(start, end + 1)) as unknown;
-    if (!parsed || typeof parsed !== "object") return [];
-    const picks = (parsed as { picks?: unknown }).picks;
-    if (!Array.isArray(picks)) return [];
-    const out: Pick[] = [];
-    for (const p of picks) {
-      if (!p || typeof p !== "object") continue;
-      const id = (p as { id?: unknown }).id;
-      const reason_ko = (p as { reason_ko?: unknown }).reason_ko;
-      if (typeof id !== "string" || typeof reason_ko !== "string") continue;
-      if (!FONT_BY_ID[id]) continue;
-      out.push({ id, reason_ko: reason_ko.slice(0, 120) });
-      if (out.length >= 3) break;
-    }
-    return out;
-  } catch {
-    return [];
-  }
-}
-
-export async function POST(req: Request) {
-  const ip = clientIp(req);
-  const rl = checkRateLimit(`fp-match:${ip}`);
-  if (!rl.ok) {
-    return NextResponse.json(
-      { error: "rate_limited", retryAfterSec: rl.retryAfterSec },
-      { status: 429, headers: { "Retry-After": String(rl.retryAfterSec) } },
-    );
-  }
-
-  let body: unknown;
-  try {
-    body = await req.json();
-  } catch {
-    return NextResponse.json({ error: "invalid_json" }, { status: 400 });
-  }
-
-  const query = sanitizeQuery((body as { query?: unknown })?.query);
-  if (!query) {
-    return NextResponse.json({ error: "invalid_query" }, { status: 400 });
-  }
-
-  const requiredScripts = sanitizeScripts(
-    (body as { scripts?: unknown })?.scripts,
-  );
-
-  const apiKey = process.env.OMD_ANTHROPIC_API_KEY;
-  if (IS_DEV) {
-    // eslint-disable-next-line no-console
-    console.log(
-      `[fp-match] key=${apiKey ? `set (${apiKey.slice(0, 7)}…, len=${apiKey.length})` : "MISSING"}`,
-    );
-  }
-  if (!apiKey) {
-    return NextResponse.json({ error: "no_api_key" }, { status: 503 });
-  }
-
-  const client = new Anthropic({ apiKey });
-
-  let text = "";
-  try {
-    const res = await client.messages.create({
-      model: MODEL,
-      max_tokens: 600,
-      system: SYSTEM_PROMPT,
-      messages: [
-        {
-          role: "user",
-          content: `Description: ${query}\nRequired scripts: ${
-            requiredScripts.length > 0 ? JSON.stringify(requiredScripts) : "[] (no filter)"
-          }\n\nCatalog:\n${JSON.stringify(compactCatalog())}`,
-        },
-      ],
-    });
-    for (const block of res.content) {
-      if (block.type === "text") text += block.text;
-    }
-  } catch (err) {
-    const message = err instanceof Error ? err.message : "upstream_error";
-    return NextResponse.json(
-      { error: "upstream_error", detail: message },
-      { status: 502 },
-    );
-  }
-
-  const picks = parsePicks(text);
-  // Enforce the script filter server-side too — don't trust the model.
-  const filtered =
-    requiredScripts.length === 0
-      ? picks
-      : picks.filter((p) => {
-          const f = FONT_BY_ID[p.id];
-          return f && requiredScripts.every((s) => f.scripts.includes(s));
-        });
-  if (filtered.length === 0) {
-    return NextResponse.json(
-      { error: "no_picks", raw: text.slice(0, 200) },
-      { status: 502 },
-    );
-  }
-
-  return NextResponse.json({ picks: filtered });
-}

package/.opencode/oh-my-design/web/src/app/api/leaderboard/route.ts

@@ -1,32 +0,0 @@
-import { NextResponse } from "next/server";
-import { counterKey, getRedis, TRACK_EVENTS, type TrackEvent } from "@/lib/kv";
-
-export const runtime = "edge";
-export const revalidate = 30;
-
-export async function GET(req: Request) {
-  const { searchParams } = new URL(req.url);
-  const event = (searchParams.get("event") ?? "select") as TrackEvent;
-  const limit = Math.min(Math.max(parseInt(searchParams.get("limit") ?? "10", 10) || 10, 1), 64);
-
-  if (!TRACK_EVENTS.includes(event)) {
-    return NextResponse.json({ ok: false, reason: "invalid_event" }, { status: 400 });
-  }
-
-  const redis = getRedis();
-  if (!redis) {
-    return NextResponse.json({ ok: false, reason: "kv_disabled", leaderboard: [] });
-  }
-
-  const raw = await redis.zrange<(string | number)[]>(counterKey(event), 0, limit - 1, {
-    rev: true,
-    withScores: true,
-  });
-
-  const leaderboard: { reference: string; count: number }[] = [];
-  for (let i = 0; i < raw.length; i += 2) {
-    leaderboard.push({ reference: String(raw[i]), count: Number(raw[i + 1]) });
-  }
-
-  return NextResponse.json({ ok: true, event, leaderboard });
-}