zugzbot 1.0.21 → 1.0.22

package/.opencode/oh-my-design/web/src/app/globals.css

@@ -1,328 +0,0 @@
-@import "tailwindcss";
-@import "../styles/tw-animate.css";
-@import "../styles/shadcn.css";
-
-/* Tailwind v4 source scanning.
-   On Vercel with Root Directory = web/, there's no .git folder so
-   auto-detection boundary is too narrow. @source explicitly adds scan paths.
-   Paths are relative to this CSS file (web/src/app/globals.css). */
-@source "../";
-@source "../../node_modules/@radix-ui";
-
-@custom-variant dark (&:is(.dark *));
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-sans);
-  --font-mono: var(--font-geist-mono);
-  --font-heading: var(--font-sans);
-  --color-sidebar-ring: var(--sidebar-ring);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar: var(--sidebar);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
-  --color-ring: var(--ring);
-  --color-input: var(--input);
-  --color-border: var(--border);
-  --color-destructive: var(--destructive);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-accent: var(--accent);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-muted: var(--muted);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-secondary: var(--secondary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary: var(--primary);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --color-card-foreground: var(--card-foreground);
-  --color-card: var(--card);
-  --radius-sm: calc(var(--radius) * 0.6);
-  --radius-md: calc(var(--radius) * 0.8);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) * 1.4);
-  --radius-2xl: calc(var(--radius) * 1.8);
-  --radius-3xl: calc(var(--radius) * 2.2);
-  --radius-4xl: calc(var(--radius) * 2.6);
-}
-
-/*
- * oh-my-design Design System
- * —————————————————————————
- * Primary: Violet-Blue (#7c5cfc)
- * Neutral: Cool zinc with slight violet tint
- * Radius: 0.625rem (10px) — friendly but professional
- * Philosophy: We build design tools, so our own site must be impeccable.
- */
-
-:root {
-  /* Violet-blue primary */
-  --primary: oklch(0.55 0.22 275);
-  --primary-foreground: oklch(0.99 0 0);
-
-  /* Surfaces — warm white with very subtle violet undertone */
-  --background: oklch(0.99 0.002 275);
-  --foreground: oklch(0.13 0.02 275);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.13 0.02 275);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.13 0.02 275);
-
-  /* Secondary — violet-tinted gray */
-  --secondary: oklch(0.965 0.005 275);
-  --secondary-foreground: oklch(0.2 0.02 275);
-
-  /* Muted — slightly violet */
-  --muted: oklch(0.96 0.005 275);
-  --muted-foreground: oklch(0.5 0.015 275);
-
-  /* Accent — lighter violet */
-  --accent: oklch(0.955 0.01 275);
-  --accent-foreground: oklch(0.2 0.02 275);
-
-  /* Destructive */
-  --destructive: oklch(0.58 0.22 25);
-
-  /* Borders — violet-tinted for cohesion */
-  --border: oklch(0.91 0.008 275);
-  --input: oklch(0.91 0.008 275);
-  --ring: oklch(0.55 0.22 275);
-
-  /* Charts — violet-blue spectrum */
-  --chart-1: oklch(0.55 0.22 275);
-  --chart-2: oklch(0.6 0.18 260);
-  --chart-3: oklch(0.65 0.15 290);
-  --chart-4: oklch(0.55 0.15 240);
-  --chart-5: oklch(0.7 0.12 310);
-
-  --radius: 0.625rem;
-
-  --sidebar: oklch(0.985 0.003 275);
-  --sidebar-foreground: oklch(0.13 0.02 275);
-  --sidebar-primary: oklch(0.55 0.22 275);
-  --sidebar-primary-foreground: oklch(0.99 0 0);
-  --sidebar-accent: oklch(0.96 0.008 275);
-  --sidebar-accent-foreground: oklch(0.2 0.02 275);
-  --sidebar-border: oklch(0.91 0.008 275);
-  --sidebar-ring: oklch(0.55 0.22 275);
-}
-
-.dark {
-  /* Primary stays vibrant in dark */
-  --primary: oklch(0.7 0.2 275);
-  --primary-foreground: oklch(0.1 0.02 275);
-
-  /* Surfaces — deep with violet undertone */
-  --background: oklch(0.1 0.015 275);
-  --foreground: oklch(0.95 0.005 275);
-  --card: oklch(0.14 0.015 275);
-  --card-foreground: oklch(0.95 0.005 275);
-  --popover: oklch(0.14 0.015 275);
-  --popover-foreground: oklch(0.95 0.005 275);
-
-  /* Secondary */
-  --secondary: oklch(0.2 0.015 275);
-  --secondary-foreground: oklch(0.95 0.005 275);
-
-  /* Muted */
-  --muted: oklch(0.2 0.015 275);
-  --muted-foreground: oklch(0.6 0.015 275);
-
-  /* Accent */
-  --accent: oklch(0.2 0.02 275);
-  --accent-foreground: oklch(0.95 0.005 275);
-
-  /* Destructive */
-  --destructive: oklch(0.65 0.2 22);
-
-  /* Borders */
-  --border: oklch(0.22 0.015 275);
-  --input: oklch(0.25 0.015 275);
-  --ring: oklch(0.7 0.2 275);
-
-  /* Charts */
-  --chart-1: oklch(0.7 0.2 275);
-  --chart-2: oklch(0.65 0.18 260);
-  --chart-3: oklch(0.6 0.15 290);
-  --chart-4: oklch(0.7 0.15 240);
-  --chart-5: oklch(0.65 0.12 310);
-
-  --sidebar: oklch(0.12 0.015 275);
-  --sidebar-foreground: oklch(0.95 0.005 275);
-  --sidebar-primary: oklch(0.7 0.2 275);
-  --sidebar-primary-foreground: oklch(0.1 0.02 275);
-  --sidebar-accent: oklch(0.2 0.02 275);
-  --sidebar-accent-foreground: oklch(0.95 0.005 275);
-  --sidebar-border: oklch(0.22 0.015 275);
-  --sidebar-ring: oklch(0.6 0.15 275);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-  html {
-    @apply font-sans;
-    scroll-behavior: smooth;
-    font-feature-settings: "cv01", "cv11";
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-}
-
-/* SSR-safe fade-in animation */
-@keyframes fade-up {
-  from { opacity: 0; transform: translateY(16px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-.animate-fade-up {
-  animation: fade-up 0.6s ease-out both;
-}
-.animate-delay-1 { animation-delay: 0.1s; }
-.animate-delay-2 { animation-delay: 0.2s; }
-.animate-delay-3 { animation-delay: 0.3s; }
-.animate-delay-4 { animation-delay: 0.4s; }
-.animate-delay-5 { animation-delay: 0.5s; }
-.animate-delay-6 { animation-delay: 0.6s; }
-.animate-delay-7 { animation-delay: 0.7s; }
-.animate-delay-8 { animation-delay: 0.8s; }
-
-@keyframes fade-blur-up {
-  from { opacity: 0; transform: translateY(30px); filter: blur(8px); }
-  to { opacity: 1; transform: translateY(0); filter: blur(0); }
-}
-.animate-fade-blur-up {
-  animation: fade-blur-up 0.6s ease-out both;
-}
-
-/* Marquee gradient fade */
-:root {
-  --marquee-fade: #faf9ff;
-}
-.dark {
-  --marquee-fade: #0f0e15;
-}
-
-/* Preview element borders — adapts to site theme, not the reference theme */
-.preview-border {
-  border-color: oklch(0.85 0 0);
-}
-.dark .preview-border {
-  border-color: oklch(0.35 0 0);
-}
-
-/* Selection color */
-::selection {
-  background: oklch(0.55 0.22 275 / 0.2);
-}
-
-.dark ::selection {
-  background: oklch(0.7 0.2 275 / 0.3);
-}
-
-/* Font Playground — "invite to type" placeholder shimmer.
- * Text sits quietly in light gray; a very faint primary-tinted glow
- * sweeps through it left → right on a slow, calm cadence. Background
- * image is 400% wide with no-repeat — across the animated range the
- * element is always fully covered, so glyphs never blink out. */
-@keyframes fp-placeholder-shimmer-sweep {
-  0% { background-position: 100% 0; }
-  100% { background-position: 0% 0; }
-}
-.fp-placeholder-shimmer {
-  color: transparent;
-  background-image: linear-gradient(
-    90deg,
-    oklch(0.58 0.015 275) 0%,
-    oklch(0.58 0.015 275) 40%,
-    oklch(0.6 0.13 275) 50%,
-    oklch(0.58 0.015 275) 60%,
-    oklch(0.58 0.015 275) 100%
-  );
-  background-size: 400% 100%;
-  background-position: 100% 0;
-  background-repeat: no-repeat;
-  background-clip: text;
-  -webkit-background-clip: text;
-  animation: fp-placeholder-shimmer-sweep 3.5s ease-in-out -1s infinite;
-}
-.dark .fp-placeholder-shimmer {
-  background-image: linear-gradient(
-    90deg,
-    oklch(0.64 0.015 275) 0%,
-    oklch(0.64 0.015 275) 40%,
-    oklch(0.78 0.13 275) 50%,
-    oklch(0.64 0.015 275) 60%,
-    oklch(0.64 0.015 275) 100%
-  );
-}
-@media (prefers-reduced-motion: reduce) {
-  .fp-placeholder-shimmer {
-    color: oklch(0.58 0.015 275);
-    background: none;
-    animation: none;
-  }
-  .dark .fp-placeholder-shimmer {
-    color: oklch(0.64 0.015 275);
-  }
-}
-
-/* Font Playground — placeholder blinking caret. Sits after the hint
- * text and mimics an active text cursor, amplifying the "type here"
- * affordance. */
-@keyframes fp-caret-blink {
-  50% { opacity: 0; }
-}
-.fp-blink-cursor {
-  display: inline-block;
-  width: 1px;
-  height: 1em;
-  margin-left: 3px;
-  background: var(--primary);
-  vertical-align: -0.1em;
-  animation: fp-caret-blink 1.1s step-end infinite;
-}
-@media (prefers-reduced-motion: reduce) {
-  .fp-blink-cursor { animation: none; }
-}
-
-/* Safe area for notched devices */
-.safe-top { padding-top: env(safe-area-inset-top); }
-.safe-bottom { padding-bottom: max(1rem, env(safe-area-inset-bottom)); }
-.safe-x { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
-
-/* Prevent iOS zoom on input focus (font-size < 16px triggers zoom) */
-@supports (-webkit-touch-callout: none) {
-  input, select, textarea { font-size: 16px !important; }
-}
-
-/* Scrollbar */
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-::-webkit-scrollbar-thumb {
-  background: oklch(0.7 0 0 / 0.2);
-  border-radius: 999px;
-}
-::-webkit-scrollbar-thumb:hover {
-  background: oklch(0.5 0 0 / 0.3);
-}
-.dark ::-webkit-scrollbar-thumb {
-  background: oklch(0.4 0 0 / 0.3);
-}

package/.opencode/oh-my-design/web/src/app/layout.tsx

@@ -1,229 +0,0 @@
-import type { Metadata, Viewport } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import Script from "next/script";
-import { ThemeProvider } from "@/components/theme-provider";
-import { AnalyticsInit } from "@/components/analytics-init";
-import { GA_ID } from "@/lib/gtag";
-import pkg from "../../../package.json" with { type: "json" };
-import { FAQ_EN } from "@/data/faq";
-import "./globals.css";
-
-// Single source of truth for displayed CLI version. Pulled from the root
-// package.json so schema.org / featureList never drift from the published
-// npm artifact. Bump pkg.version → schema follows automatically.
-const CLI_VERSION: string = pkg.version;
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
-const siteUrl = "https://oh-my-design.kr";
-
-export const viewport = {
-  width: "device-width",
-  initialScale: 1,
-  maximumScale: 5,
-  viewportFit: "cover" as const,
-};
-
-export const metadata: Metadata = {
-  title: "oh-my-design — DESIGN.md for AI coding agents",
-  description:
-    "One DESIGN.md spec. 246 real brands extracted. Make Claude Code, Codex, OpenCode, and Cursor ship UI that actually looks like Stripe, Toss, or Linear — not slop. 17 skills · 16 sub-agents · zero AI calls during install. MIT open source.",
-  keywords: [
-    "design system",
-    "DESIGN.md",
-    "design system generator",
-    "brand philosophy",
-    "Claude Code",
-    "tailwind",
-    "design tokens",
-    "AI coding agent",
-    "Google Stitch",
-    "design personality",
-    "디자인 시스템",
-    "디자인 시스템 생성기",
-    "브랜드 철학",
-  ],
-  authors: [{ name: "oh-my-design" }],
-  metadataBase: new URL(siteUrl),
-  // Canonical is intentionally NOT set at the root layout — Next.js App Router
-  // shallow-merges metadata, so a string canonical here would be inherited
-  // verbatim by every child page (declaring every URL as the homepage). Each
-  // child layout/page sets its own canonical (or none — Google falls back to
-  // the request URL).
-  verification: {
-    google: "5mZuqjPvdwYTXpJrByQX2i7xM73aQj3Vn1UcpyJhCr4",
-    other: {
-      "naver-site-verification": "ecee2aa716d5ed7e257dcce5f72222e03f3512d4",
-    },
-  },
-  openGraph: {
-    type: "website",
-    title: "oh-my-design — DESIGN.md for AI coding agents",
-    description:
-      "246 real brands extracted into one DESIGN.md spec your AI coding agent reads as ground truth before it codes. 17 skills, 16 sub-agents, zero AI calls during install.",
-    // og:url intentionally omitted — same inheritance reason as canonical.
-    siteName: "oh-my-design",
-    images: [
-      {
-        url: "/og-image.png",
-        width: 1200,
-        height: 630,
-        alt: "oh-my-design — Design System Generator",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "oh-my-design — DESIGN.md for AI coding agents",
-    description:
-      "246 real brands extracted. 17 skills · 16 sub-agents · zero AI calls during install. Talk to Claude Code, Codex, OpenCode, or Cursor in your brand.",
-    images: ["/twitter-image.png"],
-  },
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html
-      lang="ko"
-      suppressHydrationWarning
-      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
-    >
-      <head>
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify({
-              "@context": "https://schema.org",
-              "@graph": [
-                {
-                  "@type": "Organization",
-                  name: "oh-my-design",
-                  url: siteUrl,
-                  logo: `${siteUrl}/logo.png`,
-                  sameAs: [
-                    "https://github.com/kwakseongjae/oh-my-design",
-                    "https://www.npmjs.com/package/oh-my-design-cli",
-                  ],
-                },
-                {
-                  "@type": "WebSite",
-                  name: "oh-my-design",
-                  url: siteUrl,
-                  description:
-                    "DESIGN.md as ground truth for AI coding agents. 246 real brand references, 17 skills, 16 sub-agents — installed in one npx command.",
-                  potentialAction: {
-                    "@type": "SearchAction",
-                    target: `${siteUrl}/design-systems?q={search_term_string}`,
-                    "query-input": "required name=search_term_string",
-                  },
-                },
-                {
-                  "@type": "SoftwareApplication",
-                  name: "oh-my-design-cli",
-                  applicationCategory: "DeveloperApplication",
-                  operatingSystem: "macOS, Linux, Windows",
-                  url: siteUrl,
-                  downloadUrl:
-                    "https://www.npmjs.com/package/oh-my-design-cli",
-                  softwareVersion: CLI_VERSION,
-                  license: "https://opensource.org/licenses/MIT",
-                  description:
-                    "Skill-driven design harness for AI coding agents (Claude Code, Codex, OpenCode, Cursor). One npx command bundles 17 skills + 16 sub-agents + 246 reference DESIGN.md files. Install once, then talk to your agent in natural language.",
-                  offers: {
-                    "@type": "Offer",
-                    price: "0",
-                    priceCurrency: "USD",
-                  },
-                  featureList: [
-                    "17 skills: core flow (apply / init / harness / remember / learn / sync / taste) + capture/assets + v0.2 agent layer (orchestrator / kr-writer / locale-adapter / designer-review / final-qa / codex-image) + standalone claude-design",
-                    "16 sub-agents: master orchestrator + 15 specialists with advisor/generator pairs",
-                    "10-phase design pipeline (Plan → System → Make → Validate)",
-                    "246 reference DESIGN.md files (Stripe, Toss, Linear, Vercel, Anthropic, Notion, etc.)",
-                    "Zero AI calls during install — pure markdown copy",
-                    "Supports Claude Code, Codex, OpenCode, Cursor",
-                    "Brand-philosophy layer on every reference — voice, narrative, principles, personas, states, motion",
-                    "v1.6.0+: natural-language auto-trigger for landing-page / prototype requests (no slash command needed)",
-                    "v1.6.0+: CTX-PRIME — sub-50ms deterministic repo scan (stack, brand color, voice, surface inventory) before any question",
-                    "v1.6.0+: Interview-lite — single batched picker for audience / scope / wow-moment / CTA / visual-grounding, then master skips slot-gate",
-                  ],
-                },
-                {
-                  "@type": "HowTo",
-                  name: "Install oh-my-design and ship brand-aware UI",
-                  description:
-                    "Install oh-my-design-cli once and your AI coding agent ships UI in your brand voice — no further commands needed.",
-                  totalTime: "PT2M",
-                  tool: [
-                    { "@type": "HowToTool", name: "Node.js (>=18)" },
-                    {
-                      "@type": "HowToTool",
-                      name: "Claude Code, Codex, OpenCode, or Cursor",
-                    },
-                  ],
-                  step: [
-                    {
-                      "@type": "HowToStep",
-                      position: 1,
-                      name: "Install in your project",
-                      text: "Run `npx oh-my-design-cli install-skills` at your project root. Restart your AI coding agent (Cmd+Q in Claude Code) so the new skills + sub-agents load.",
-                    },
-                    {
-                      "@type": "HowToStep",
-                      position: 2,
-                      name: "Bootstrap a DESIGN.md",
-                      text: 'Open Claude Code / Codex / OpenCode / Cursor and say: "Set up the design system for [your project description]." The agent picks one of 246 references, proposes a hybrid DESIGN.md, asks for confirmation, writes the file plus shims (CLAUDE.md / AGENTS.md / .cursor/rules).',
-                    },
-                    {
-                      "@type": "HowToStep",
-                      position: 3,
-                      name: "Talk in natural language",
-                      text: 'Just describe what you want. "Make the empty-state for the search results page." "Improve the landing page." "Render a 3D water glass for the hero." The agent reads DESIGN.md as ground truth and ships brand-aware UI.',
-                    },
-                  ],
-                },
-                {
-                  "@type": "FAQPage",
-                  // Q&A content is single-sourced from src/data/faq.ts (the
-                  // jsonLd-flagged subset) — the /docs FAQ section renders the
-                  // full list from the same module (issue #28).
-                  mainEntity: FAQ_EN.filter((f) => f.jsonLd).map((f) => ({
-                    "@type": "Question",
-                    name: f.q,
-                    acceptedAnswer: {
-                      "@type": "Answer",
-                      text: f.a,
-                    },
-                  })),
-                },
-              ],
-            }),
-          }}
-        />
-      </head>
-      <body className="min-h-full flex flex-col">
-        <ThemeProvider>{children}</ThemeProvider>
-        <AnalyticsInit />
-        {GA_ID && (
-          <>
-            <Script src={`https://www.googletagmanager.com/gtag/js?id=${GA_ID}`} strategy="afterInteractive" />
-            <Script id="gtag-init" strategy="afterInteractive">
-              {`window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','${GA_ID}');`}
-            </Script>
-          </>
-        )}
-      </body>
-    </html>
-  );
-}

package/.opencode/oh-my-design/web/src/app/page.tsx

@@ -1,50 +0,0 @@
-"use client";
-
-import { Geist, Geist_Mono } from "next/font/google";
-import { V2Nav } from "@/components/landing-v2/nav";
-import { HeroV2 } from "@/components/landing-v2/hero";
-import { LiveProof } from "@/components/landing-v2/live-proof";
-import { TheWall } from "@/components/landing-v2/the-wall";
-import {
-  SideBySide,
-  CliStrip,
-  PhilosophyBand,
-  FinalCtaFooter,
-} from "@/components/landing-v2/sections";
-import { V2 } from "@/components/landing-v2/tokens";
-
-const geist = Geist({
-  subsets: ["latin"],
-  variable: "--font-geist-v2",
-});
-
-const geistMono = Geist_Mono({
-  subsets: ["latin"],
-  variable: "--font-geist-mono-v2",
-});
-
-export default function LandingV2() {
-  return (
-    <div
-      className={`${geist.variable} ${geistMono.variable}`}
-      style={{
-        fontFamily: "var(--font-geist-v2), system-ui, sans-serif",
-        // Dark wrapper so the transparent nav at scroll-0 shows the hero's
-        // dark surface (not a light gap). Light sections set their own bg.
-        background: V2.bgDark,
-        color: V2.textOnDark,
-      }}
-    >
-      <V2Nav />
-
-      {/* Sections — render after mount to avoid SSR hydration drift on motion libs */}
-      <HeroV2 />
-      <LiveProof />
-      <TheWall />
-      <SideBySide />
-      <CliStrip />
-      <PhilosophyBand />
-      <FinalCtaFooter />
-    </div>
-  );
-}

package/.opencode/oh-my-design/web/src/app/playground/page.tsx

@@ -1,81 +0,0 @@
-/**
- * /playground route shell.
- *
- * Server component — parses the query string server-side so the initial HTML
- * already carries the seeded state (no client-side flash). Hands off to
- * <PlaygroundView> for the interactive orchestration.
- *
- * Supported query params:
- *   ?c=<compact>       Full state (LZ-string compressed) — share link
- *   ?from=<TypeCode>   Seed from Design Personality quiz result
- *   ?base=<refId>      Seed by cloning an existing reference
- *
- * Parameters take precedence left-to-right: c > from > base > blank.
- */
-
-import type { Metadata } from "next";
-import { notFound } from "next/navigation";
-import { PlaygroundView } from "./playground-view";
-import { DEFAULT_STATE } from "@/lib/playground/defaults";
-import { decodeState } from "@/lib/playground/codec";
-import { seedFromTypeCode } from "@/lib/playground/rules/personality";
-import type { PlaygroundState } from "@/lib/playground/state";
-
-/**
- * Access gate: /playground is intentionally dev-only for now. In preview and
- * production (Vercel sets NODE_ENV=production for both), the route returns
- * 404 so the feature stays out of SEO, shared links, and casual discovery
- * until the UX settles. Flip this when we're ready to ship publicly.
- */
-const IS_DEV = process.env.NODE_ENV !== "production";
-
-type SearchParams = Promise<{
-  c?: string;
-  from?: string;
-  base?: string;
-}>;
-
-export const metadata: Metadata = IS_DEV
-  ? {
-      title: "Playground — oh-my-design",
-      description:
-        "Design your own DS by selection. Pick a mood, color, density, radius, weight, motion, voice, and personas — export an OmD v0.1 DESIGN.md. No AI calls.",
-      robots: { index: false, follow: false },
-    }
-  : { title: "Not Found", robots: { index: false, follow: false } };
-
-function buildInitialState(params: {
-  c?: string;
-  from?: string;
-  base?: string;
-}): { state: PlaygroundState; source: "shared-link" | "personality" | "clone" | "blank" } {
-  if (params.c) {
-    const decoded = decodeState(params.c);
-    if (decoded) return { state: decoded, source: "shared-link" };
-  }
-  if (params.from) {
-    const seed = seedFromTypeCode(params.from);
-    if (seed) {
-      return {
-        state: { ...DEFAULT_STATE, ...seed } as PlaygroundState,
-        source: "personality",
-      };
-    }
-  }
-  if (params.base) {
-    // Clone seed is completed client-side (needs /api/references/<id>).
-    // We flag the base and let PlaygroundView do the fetch.
-    return {
-      state: { ...DEFAULT_STATE, base: { kind: "clone", refId: params.base } },
-      source: "clone",
-    };
-  }
-  return { state: DEFAULT_STATE, source: "blank" };
-}
-
-export default async function PlaygroundPage({ searchParams }: { searchParams: SearchParams }) {
-  if (!IS_DEV) notFound();
-  const params = await searchParams;
-  const { state, source } = buildInitialState(params);
-  return <PlaygroundView initialState={state} seedSource={source} />;
-}