zugzbot 1.0.21 → 1.0.22

package/.opencode/oh-my-design/web/src/lib/playground/rules/density.ts

@@ -1,59 +0,0 @@
-/**
- * Density → spacing scale mapping. Drives every padding/gap/height token in
- * the generated DESIGN.md §5 Layout Principles and §14 States.
- *
- * Mobile touch-target floor is 44px regardless of density — no amount of
- * compact preference overrides accessibility geometry on touch surfaces.
- */
-
-import type { Density } from "../state";
-
-export interface DensityTokens {
-  /** Base spacing unit — multipliers in the DS use this as their anchor. */
-  unit: number;
-  /** Spacing scale (8-tier), derived from `unit`. */
-  scale: number[];
-  rowPaddingY: number;
-  sectionGap: number;
-  cardPadding: number;
-  /** Minimum height for interactive elements on desktop. */
-  interactiveMinHeight: number;
-  /** Mobile touch-target floor. Compact preserves the WCAG 44px minimum;
-   *  airy density voluntarily goes above it. Never below 44 regardless. */
-  mobileTouchFloor: number;
-  /** Short copy used on the density card. */
-  tagline: string;
-}
-
-export const DENSITY_RULES: Record<Density, DensityTokens> = {
-  compact: {
-    unit: 4,
-    scale: [0, 2, 4, 6, 8, 12, 16, 24],
-    rowPaddingY: 8,
-    sectionGap: 24,
-    cardPadding: 16,
-    interactiveMinHeight: 36,
-    mobileTouchFloor: 44,
-    tagline: "High information density, data-heavy layouts",
-  },
-  comfortable: {
-    unit: 8,
-    scale: [0, 4, 8, 12, 16, 24, 32, 48],
-    rowPaddingY: 12,
-    sectionGap: 40,
-    cardPadding: 20,
-    interactiveMinHeight: 40,
-    mobileTouchFloor: 44,
-    tagline: "Default — generous but efficient",
-  },
-  airy: {
-    unit: 12,
-    scale: [0, 6, 12, 18, 24, 36, 48, 64],
-    rowPaddingY: 16,
-    sectionGap: 64,
-    cardPadding: 28,
-    interactiveMinHeight: 48,
-    mobileTouchFloor: 48,
-    tagline: "Editorial pacing, reading-first surfaces",
-  },
-};

package/.opencode/oh-my-design/web/src/lib/playground/rules/mood.ts

@@ -1,82 +0,0 @@
-/**
- * Mood → primitive default map. Picking a mood seeds the other primitives
- * with opinionated defaults so a first-time user gets a coherent state in
- * one click. Any primitive can then be user-overridden; when it diverges
- * from the mood default the MoodOverrideBadge surfaces in the UI.
- */
-
-import type {
-  Density,
-  MoodPreset,
-  MotionPreset,
-  RadiusScale,
-  VoiceAdjective,
-  WeightScale,
-} from "../state";
-import { MOOD_VOICE_DEFAULTS } from "../samples";
-
-export interface MoodDefaults {
-  primary: string;
-  density: Density;
-  radius: RadiusScale;
-  weight: WeightScale;
-  motion: MotionPreset;
-  voice: VoiceAdjective[];
-  /** Short copy shown on the mood card. */
-  tagline: string;
-  /** Characters shown as the mood's visual avatar on the card. */
-  glyph: string;
-}
-
-export const MOOD_DEFAULTS: Record<MoodPreset, MoodDefaults> = {
-  warm: {
-    primary: "#c96442", // terracotta — the Claude/Anthropic warm reference
-    density: "comfortable",
-    radius: "soft",
-    weight: "regular",
-    motion: "standard",
-    voice: MOOD_VOICE_DEFAULTS.warm,
-    tagline: "Trustworthy, human-first, measured",
-    glyph: "◐",
-  },
-  sharp: {
-    primary: "#18181b", // near-black — the sharp neutral
-    density: "compact",
-    radius: "sharp",
-    weight: "heavy",
-    motion: "subtle",
-    voice: MOOD_VOICE_DEFAULTS.sharp,
-    tagline: "Engineering-first, crisp, disciplined",
-    glyph: "▱",
-  },
-  playful: {
-    primary: "#ec4899", // magenta-pink
-    density: "airy",
-    radius: "pill",
-    weight: "regular",
-    motion: "expressive",
-    voice: MOOD_VOICE_DEFAULTS.playful,
-    tagline: "Irreverent, chroma-forward, spring-allowed",
-    glyph: "◉",
-  },
-  luxurious: {
-    primary: "#1f1b2d", // dark plum
-    density: "comfortable",
-    radius: "soft",
-    weight: "light",
-    motion: "subtle",
-    voice: MOOD_VOICE_DEFAULTS.luxurious,
-    tagline: "Editorial, dark-calm, unhurried",
-    glyph: "◈",
-  },
-  editorial: {
-    primary: "#141413", // ink-black
-    density: "airy",
-    radius: "sharp",
-    weight: "heavy",
-    motion: "subtle",
-    voice: MOOD_VOICE_DEFAULTS.editorial,
-    tagline: "Typography-led, flat chrome, reading-pace",
-    glyph: "▭",
-  },
-};

package/.opencode/oh-my-design/web/src/lib/playground/rules/motion.ts

@@ -1,71 +0,0 @@
-/**
- * Motion preset → duration scale + easing tokens + spring stance.
- *
- * The spring/overshoot decision is deliberate and tracked in §15 of the
- * generated DESIGN.md. Commerce and productivity tools typically forbid
- * spring (precision register); delight-forward products license it in
- * narrow scopes (confirmation animations, stickers, favorite toggles).
- */
-
-import type { MotionPreset } from "../state";
-
-export interface MotionTokens {
-  /** Duration ladder, milliseconds. */
-  durations: { instant: 0; fast: number; standard: number; slow: number; page: number };
-  /** Named easings. */
-  easings: {
-    enter: string;
-    exit: string;
-    standard: string;
-    /** Present only if `springLicensed === true`. */
-    spring?: string;
-  };
-  /** Whether spring/overshoot easing is allowed anywhere in the system. */
-  springLicensed: boolean;
-  /** When licensed, the narrow scopes where spring is allowed. */
-  springScopes?: string[];
-  /** Rationale sentence used in §15 of the output. */
-  rationale: string;
-  tagline: string;
-}
-
-export const MOTION_RULES: Record<MotionPreset, MotionTokens> = {
-  subtle: {
-    durations: { instant: 0, fast: 100, standard: 180, slow: 300, page: 220 },
-    easings: {
-      enter: "cubic-bezier(0.4, 0, 0.2, 1)",
-      exit: "cubic-bezier(0.4, 0, 0.2, 1)",
-      standard: "cubic-bezier(0.4, 0, 0.2, 1)",
-    },
-    springLicensed: false,
-    rationale:
-      "Motion is nearly invisible — transitions support perception, never demand attention. Spring is forbidden because overshoot reads as uncertain about the fact being committed.",
-    tagline: "Fintech-grade restraint, crossfade-only",
-  },
-  standard: {
-    durations: { instant: 0, fast: 150, standard: 250, slow: 400, page: 300 },
-    easings: {
-      enter: "cubic-bezier(0.0, 0.0, 0.2, 1)",
-      exit: "cubic-bezier(0.4, 0, 1, 1)",
-      standard: "cubic-bezier(0.4, 0, 0.2, 1)",
-    },
-    springLicensed: false,
-    rationale:
-      "Default easing ladder — enter/exit distinguished, two-way transitions use the symmetric standard curve. Spring is deliberately absent; overshoot reads as playful in a way this register doesn't want.",
-    tagline: "Default — balanced, material-adjacent",
-  },
-  expressive: {
-    durations: { instant: 0, fast: 200, standard: 300, slow: 500, page: 350 },
-    easings: {
-      enter: "cubic-bezier(0.0, 0.0, 0.2, 1)",
-      exit: "cubic-bezier(0.4, 0, 1, 1)",
-      standard: "cubic-bezier(0.4, 0, 0.2, 1)",
-      spring: "cubic-bezier(0.34, 1.56, 0.64, 1)",
-    },
-    springLicensed: true,
-    springScopes: ["success confirmation checkmark", "favorite toggle heart-fill"],
-    rationale:
-      "Spring is licensed but narrowly. Only the listed scopes carry overshoot; routine transitions use the standard easing so delight doesn't dilute into drift.",
-    tagline: "Delight-forward, spring licensed in narrow scopes",
-  },
-};

package/.opencode/oh-my-design/web/src/lib/playground/rules/personality.ts

@@ -1,93 +0,0 @@
-/**
- * Personality quiz → Playground seed.
- *
- * The Design Personality Quiz (src/app/curation/* and /result/[typeCode])
- * produces a 4-axis code like "CDFS" (Cool / Dense / Flat / Sharp). This
- * module maps each TypeCode to an opinionated Playground seed, using the
- * axes as primitives and the type's top-matched reference to seed color.
- *
- * Usage: /playground?from=CDFS → `seedFromTypeCode("CDFS")` returns the
- * initial PlaygroundState to merge into DEFAULT_STATE.
- */
-
-import type { PlaygroundState } from "../state";
-import { MOOD_DEFAULTS } from "./mood";
-import { DESIGN_TYPES } from "@/lib/survey/types";
-import type { TypeCode } from "@/lib/survey/types";
-
-/**
- * Canonical color seeds per top-matched reference — used when the personality's
- * highest-score reference is picked as the color source. Keeps the seeding
- * offline (no HTTP fetch to /api/references/<id>).
- */
-const TOP_REF_COLOR_SEED: Record<string, string> = {
-  "linear.app": "#5e6ad2",
-  vercel: "#000000",
-  stripe: "#635bff",
-  airbnb: "#ff385c",
-  figma: "#a259ff",
-  notion: "#000000",
-  apple: "#0071e3",
-  claude: "#c96442",
-  line: "#07b53b",
-  toss: "#3182f6",
-};
-
-/**
- * Per-axis → Playground primitive mapping. The rationale for each axis → primitive
- * is derived from the DESIGN_TYPES comments in @/lib/survey/types.ts.
- */
-function mapAxes(code: TypeCode) {
-  const [T, D, E, S] = code.split("") as [string, string, string, string];
-
-  // Temperature → mood baseline. Cool leans sharp/editorial; warm leans warm/playful.
-  const mood =
-    T === "W"
-      ? E === "L"
-        ? "warm"
-        : "warm"
-      : S === "R"
-        ? "playful"
-        : E === "L"
-          ? "sharp"
-          : "editorial";
-
-  // Density axis maps directly to density primitive.
-  const density = D === "D" ? "compact" : "airy";
-
-  // Shape axis directly chooses radius scale.
-  const radius = S === "S" ? "sharp" : S === "R" && D === "O" ? "pill" : "soft";
-
-  // Elevation axis modulates motion — flat reads as subtle, layered reads as standard.
-  const motion = E === "F" ? "subtle" : "standard";
-
-  // Weight: cool+dense → heavy (signal-dense); warm+open → regular/light
-  const weight: PlaygroundState["weight"] =
-    T === "C" && D === "D" ? "heavy" : T === "W" && D === "O" ? "light" : "regular";
-
-  return { mood, density, radius, motion, weight } as const;
-}
-
-export function seedFromTypeCode(code: string): Partial<PlaygroundState> | null {
-  const typeCode = code.toUpperCase() as TypeCode;
-  const type = DESIGN_TYPES[typeCode];
-  if (!type) return null;
-
-  const { mood, density, radius, motion, weight } = mapAxes(typeCode);
-  const topRef = type.references[0]?.id;
-  const primary =
-    topRef && TOP_REF_COLOR_SEED[topRef]
-      ? TOP_REF_COLOR_SEED[topRef]
-      : MOOD_DEFAULTS[mood].primary;
-
-  return {
-    base: { kind: "personality", code: typeCode },
-    mood,
-    primary,
-    density,
-    radius,
-    weight,
-    motion,
-    voice: [...MOOD_DEFAULTS[mood].voice],
-  };
-}

package/.opencode/oh-my-design/web/src/lib/playground/rules/philosophy.ts

@@ -1,270 +0,0 @@
-/**
- * Philosophy layer derivation — turns a PlaygroundState into the auto-derived
- * parts of sections 10-15:
- *   §11 Brand Narrative  (template interpolation with name/tagline/mood)
- *   §12 Principles       (rule-based pick from a principle library)
- *   §14 States           (11-row table with density/motion-aware copy)
- *
- * User-picked sections — §10 voice adjectives/samples, §13 personas, §15 motion
- * preset — are surfaced directly by `generate.ts`; this file focuses on the
- * auto-derived triad.
- */
-
-import type { PlaygroundState } from "../state";
-import { MOOD_NARRATIVE, STATE_BASE_ROWS, MOOD_VOICE_SAMPLES } from "../samples";
-import { MOTION_RULES } from "./motion";
-import { DENSITY_RULES } from "./density";
-import { RADIUS_RULES } from "./radius";
-
-/* ─────────── §11 Brand Narrative ─────────── */
-
-export function renderNarrative(state: PlaygroundState): string {
-  const mn = MOOD_NARRATIVE[state.mood];
-  const [v0, v1, v2] = state.voice;
-  const name = state.name || "This brand";
-
-  const voiceLine =
-    [v0, v1, v2].filter(Boolean).length >= 2
-      ? `${name} sounds ${v0}, ${v1}${v2 ? `, and ${v2}` : ""}.`
-      : `${name} has an intentional voice.`;
-
-  const descBlock = state.description
-    ? state.description
-    : state.tagline
-      ? state.tagline
-      : `${name} is designed to feel deliberately ${state.mood}.`;
-
-  return `${voiceLine} ${descBlock}
-
-${mn.paragraph}
-
-What ${name} refuses: ${mn.refusal}. What it embraces: ${mn.embrace} — from the ${state.radius} corners to the ${state.motion} motion vocabulary, every token argues for the same register.`;
-}
-
-/* ─────────── §12 Principles ─────────── */
-
-interface Principle {
-  id: string;
-  title: string;
-  rationale: string;
-  uiImplication: string;
-  /** Match test — returns true when the state activates this principle. */
-  matches: (s: PlaygroundState) => boolean;
-  /** Higher weight wins in tiebreak (pick 5-8 total). */
-  weight: number;
-}
-
-const PRINCIPLES: Principle[] = [
-  {
-    id: "semantic-color-tokens",
-    title: "Color resolves through semantic tokens",
-    rationale:
-      "No component hardcodes a hex. Primary/secondary/attention/success all flow through token aliases that can be themed without a refactor.",
-    uiImplication: "Components reference `--color-primary`, never `#xxxxxx`. A theme swap is a `:root` redefinition, not code change.",
-    matches: () => true,
-    weight: 10,
-  },
-  {
-    id: "primary-is-finite",
-    title: "Primary is a signal, not a decoration",
-    rationale:
-      "The primary color appears only where a user can tap or where attention is earned. Used decoratively it stops meaning anything.",
-    uiImplication: "Primary-tinted surfaces are reserved for CTAs, active states, and brand mark. Illustrations and dividers use neutrals.",
-    matches: () => true,
-    weight: 9,
-  },
-  {
-    id: "one-action-per-screen",
-    title: "One primary action per surface",
-    rationale:
-      "Two primary buttons on the same viewport is two screens. Secondary actions are allowed; two primaries never are.",
-    uiImplication: "Enforced via a single `Button.primary` per route or modal; additional commits use `Button.secondary` or `Button.ghost`.",
-    matches: () => true,
-    weight: 8,
-  },
-  {
-    id: "no-spring-on-money",
-    title: "Commerce motion has no spring",
-    rationale:
-      "Spring easing reads as uncertain — acceptable on stickers and delight surfaces, wrong on amounts, payments, and confirmations.",
-    uiImplication: "Success on money-moves uses `ease-standard` with slow duration; overshoot is forbidden regardless of preset.",
-    matches: (s) => s.motion !== "expressive",
-    weight: 7,
-  },
-  {
-    id: "breathing-room",
-    title: "Breathing room is earned, not decorative",
-    rationale:
-      "Spacing around key surfaces (balance, price, headline) is 1.5× the surrounding body spacing. Tight money reads as cheap.",
-    uiImplication: "Hero numbers carry double-scale margin; body text stays in the base rhythm.",
-    matches: (s) => s.density !== "compact",
-    weight: 6,
-  },
-  {
-    id: "two-weights-not-three",
-    title: "Two weights, never three",
-    rationale:
-      "Heading uses one weight, body/CTA another. Middle weights muddy the hierarchy between scan-value and read-value.",
-    uiImplication: "Disable font's medium (500, 550) weights in the token layer; only heading weight and body weight are exported.",
-    matches: () => true,
-    weight: 7,
-  },
-  {
-    id: "pill-is-tactile",
-    title: "Pill radius is the tactile signature",
-    rationale:
-      "Pill-shaped buttons and chips are the brand's fingerprint when picked; a 4px corner on a button reads as 'not us'.",
-    uiImplication: "All interactive controls ship at `radius-control: 9999px`; cards cap at 16px (pill cards are kitsch).",
-    matches: (s) => s.radius === "pill",
-    weight: 6,
-  },
-  {
-    id: "sharp-is-utility",
-    title: "Sharp corners are utility, not aesthetic",
-    rationale:
-      "2-4px corners signal 'scan the catalog efficiently'. Playful rounding would read as social, not transactional.",
-    uiImplication: "Component radii stay sharp even when users drag the radius slider; brand consistency beats per-component craft.",
-    matches: (s) => s.radius === "sharp",
-    weight: 6,
-  },
-  {
-    id: "flat-depth",
-    title: "Depth comes from background layering, not shadow stacking",
-    rationale:
-      "Surface elevation is expressed by a 3-step background ladder (base → muted → elevated). Multi-layer shadows are reserved for floating overlays only.",
-    uiImplication: "Cards ship shadowless; dropdowns and popovers use a single 0-2-6 shadow — never a 3-stack.",
-    matches: (s) => s.mood === "sharp" || s.mood === "editorial",
-    weight: 5,
-  },
-  {
-    id: "reduce-motion-respected",
-    title: "Motion is decoration, never load-bearing",
-    rationale:
-      "Every animation respects `prefers-reduced-motion: reduce`. Information conveyed only via motion (order, relationship, state change) also has a static equivalent.",
-    uiImplication: "Under reduce-motion, all `motion-*` tokens collapse to `motion-instant`; transitions become crossfades.",
-    matches: () => true,
-    weight: 9,
-  },
-  {
-    id: "near-black-not-pure",
-    title: "Near-black, not pure black",
-    rationale:
-      "Pure `#000000` on pure `#ffffff` is an institutional-cold pairing. Body text in a warm near-black reads softer without losing contrast.",
-    uiImplication: "Foreground text uses `#141413` / `#1e1e1e` / `#18181b` depending on temperature; `#000000` is reserved for brand mark.",
-    matches: (s) => s.mood === "warm" || s.mood === "luxurious" || s.mood === "editorial",
-    weight: 5,
-  },
-  {
-    id: "typography-carries-weight",
-    title: "Typography does the work; chrome stays flat",
-    rationale:
-      "Headlines and display type carry the hierarchy. Decorative surfaces (heavy shadows, gradient strokes, glassmorphism) are absent.",
-    uiImplication: "Heading tier uses 2.25× body line-height multiplier, bold or heavy per weight scale. Surface styles remain minimal.",
-    matches: (s) => s.mood === "editorial" || s.mood === "luxurious",
-    weight: 6,
-  },
-];
-
-export function pickPrinciples(state: PlaygroundState, minCount = 5, maxCount = 8): Principle[] {
-  const matches = PRINCIPLES.filter((p) => p.matches(state)).sort((a, b) => b.weight - a.weight);
-  // Cap to maxCount; ensure at least minCount even if only trivial matches
-  return matches.slice(0, Math.max(minCount, Math.min(maxCount, matches.length)));
-}
-
-export function renderPrinciples(state: PlaygroundState): string {
-  const picked = pickPrinciples(state);
-  return picked
-    .map(
-      (p, i) =>
-        `${i + 1}. **${p.title}.** ${p.rationale} *UI implication:* ${p.uiImplication}`,
-    )
-    .join("\n\n");
-}
-
-/* ─────────── §14 States ─────────── */
-
-export function renderStates(state: PlaygroundState): string {
-  const name = state.name || "This brand";
-  const density = DENSITY_RULES[state.density];
-  const radius = RADIUS_RULES[state.radius];
-  const motion = MOTION_RULES[state.motion];
-
-  // Interpolate {{name}} in base rows and surface density/motion decisions in relevant rows.
-  const rows = STATE_BASE_ROWS.map((r) => {
-    let t = r.treatment.replaceAll("{{name}}", name);
-    // Append density/motion qualifiers on loading/skeleton rows
-    if (r.label.includes("Loading (first paint)")) {
-      t = t.replace(
-        "Density-scaled radii.",
-        `Density-scaled radii (${radius.surface}px).`,
-      );
-      t = t.replace(
-        "Shimmer per the motion preset.",
-        `Shimmer ≈${motion.durations.slow}ms per the ${state.motion} motion preset.`,
-      );
-    }
-    if (r.label.includes("Success (inline flash)")) {
-      t = t.replace(
-        "300ms fade",
-        `${motion.durations.standard}ms fade`,
-      );
-    }
-    return `| ${r.label} | ${t} |`;
-  });
-
-  return [
-    "| State | Treatment |",
-    "|---|---|",
-    ...rows,
-  ].join("\n");
-}
-
-/* ─────────── §15 Motion ─────────── */
-
-export function renderMotion(state: PlaygroundState): string {
-  const m = MOTION_RULES[state.motion];
-  const springLine = m.springLicensed
-    ? `Spring is licensed in exactly these scopes: ${m.springScopes!.map((s) => `*${s}*`).join(", ")}. Outside these scopes overshoot is forbidden.`
-    : `Spring and overshoot are forbidden system-wide. No \`cubic-bezier\` with y-values outside \`[0, 1]\`.`;
-
-  const easings = Object.entries(m.easings)
-    .map(([k, v]) => `| \`ease-${k}\` | \`${v}\` | ${easingUseHint(k)} |`)
-    .join("\n");
-
-  return `**Durations.**
-
-| Token | Value | Use |
-|---|---|---|
-| \`motion-instant\` | 0ms | Toggle flips, checkbox state changes |
-| \`motion-fast\` | ${m.durations.fast}ms | Hover, focus, button press overlay |
-| \`motion-standard\` | ${m.durations.standard}ms | Sheet open/close, tab switches, card expand |
-| \`motion-slow\` | ${m.durations.slow}ms | Emphasized transitions — success checkmarks |
-| \`motion-page\` | ${m.durations.page}ms | Full-screen route transitions |
-
-**Easings.**
-
-| Token | Curve | Use |
-|---|---|---|
-${easings}
-
-**Spring stance.** ${springLine}
-
-**${m.rationale}**
-
-**Reduce motion.** Under \`prefers-reduced-motion: reduce\`, all \`motion-*\` tokens collapse to \`motion-instant\`. Transitions become crossfades. The app stays fully functional; motion is never load-bearing for comprehension.`;
-}
-
-function easingUseHint(name: string): string {
-  switch (name) {
-    case "enter":
-      return "Things appearing — sheets, toasts, screen pushes";
-    case "exit":
-      return "Dismissals, pops, toast auto-close";
-    case "standard":
-      return "Two-way transitions — expandable cards, tab content";
-    case "spring":
-      return "Reserved. Success confirmation / favorite toggle only.";
-    default:
-      return "";
-  }
-}

package/.opencode/oh-my-design/web/src/lib/playground/rules/radius.ts

@@ -1,54 +0,0 @@
-/**
- * Radius scale → per-component radii. Large surfaces cap at 16px even when
- * the brand's pill radius is 9999px, mirroring the surface-cap logic already
- * in the existing preview.tsx (legacy but the cap logic is corpus-verified).
- */
-
-import type { RadiusScale } from "../state";
-
-export interface RadiusTokens {
-  /** Buttons, inputs, small interactive controls. */
-  control: number;
-  /** Cards and content containers. Pill radius caps here. */
-  surface: number;
-  /** Dialogs / modals. */
-  dialog: number;
-  /** Badges / pills / tags. Small decorative elements. */
-  badge: number;
-  /** Avatars — always 50% for circle, per corpus convention. */
-  avatar: string;
-  /** Short copy on the radius card. */
-  tagline: string;
-}
-
-export const RADIUS_RULES: Record<RadiusScale, RadiusTokens> = {
-  sharp: {
-    control: 2,
-    surface: 4,
-    dialog: 4,
-    badge: 2,
-    avatar: "2px",
-    tagline: "0-2px — utility, commerce, editorial",
-  },
-  soft: {
-    control: 6,
-    surface: 10,
-    dialog: 12,
-    badge: 4,
-    avatar: "50%",
-    tagline: "4-8px — default, balanced, humane",
-  },
-  pill: {
-    control: 9999,
-    surface: 16, // Capped — a pill card is kitsch
-    dialog: 16,
-    badge: 9999,
-    avatar: "50%",
-    tagline: "pill buttons, capped cards — tactile",
-  },
-};
-
-/** Convert px value to CSS string, preserving `9999px` for pills. */
-export function radiusPx(value: number): string {
-  return `${value}px`;
-}

package/.opencode/oh-my-design/web/src/lib/playground/rules/weight.ts

@@ -1,41 +0,0 @@
-/**
- * Weight scale → font-weight ladder. Keeps the corpus convention of
- * "two weights, never three" — heading and body/CTA, nothing between.
- */
-
-import type { WeightScale } from "../state";
-
-export interface WeightTokens {
-  heading: number;
-  body: number;
-  cta: number;
-  /** When the brand uses a serif headline, we still pick body weight
-   *  separately; this field flags whether the heading tier is allowed to
-   *  use 400-500 (light) without reading anemic. */
-  lightHeadingPermitted: boolean;
-  tagline: string;
-}
-
-export const WEIGHT_RULES: Record<WeightScale, WeightTokens> = {
-  light: {
-    heading: 400,
-    body: 300,
-    cta: 500,
-    lightHeadingPermitted: true,
-    tagline: "Editorial, serif-tolerant, quiet",
-  },
-  regular: {
-    heading: 600,
-    body: 400,
-    cta: 600,
-    lightHeadingPermitted: false,
-    tagline: "Default — readable, balanced",
-  },
-  heavy: {
-    heading: 700,
-    body: 400,
-    cta: 700,
-    lightHeadingPermitted: false,
-    tagline: "Commerce, scanning, high-signal",
-  },
-};