[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_228":-5,"_231":232,"_233":234},"routes/shell",{"_40":41,"_227":-5,"_228":-5,"_229":230},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":31,"_43":31,"_44":31,"_45":31,"_46":31,"_47":31,"_48":49,"_50":49,"_51":31,"_52":-7,"_53":-7,"_54":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":14,"_22":23,"_24":-5,"_25":26,"_27":28,"_28":29,"_30":31,"_32":14},"ref","93b68efd75680c91468ca963e7ee1e3911104708","path","apps/web/src/tokens.test.ts","oid","248021a09de1ba259ba37fc015ae0e283174e792","size",28652,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","/**\n * The design-system contract.\n *\n * `theme.test.ts` checks the visibility of document marks. These tests check\n * the system those marks sit inside: resolved colours, scale membership and\n * whether every consumer has left the vocabulary this system replaces.\n */\n\nimport { describe, expect, it } from \"bun:test\";\nimport { existsSync, readdirSync, readFileSync, statSync } from \"node:fs\";\nimport { join, relative } from \"node:path\";\n\ntype Oklch = { l: number; c: number; h: number };\n\nconst ROOT = join(import.meta.dir, \"../../..\");\nconst SHARED_THEME = readFileSync(join(ROOT, \"packages/visuals/theme.css\"), \"utf8\");\nconst WEB_THEME = readFileSync(join(import.meta.dir, \"theme.css\"), \"utf8\");\nconst THEME = `${SHARED_THEME}\\n${WEB_THEME}`;\nconst EDITOR_STYLES = readFileSync(join(ROOT, \"packages/editor/src/styles.css\"), \"utf8\");\n\ndescribe(\"theme ownership\", () => {\n\tit(\"loads the design tokens from the shared visuals package\", () => {\n\t\tlet sharedTheme = join(ROOT, \"packages/visuals/theme.css\");\n\t\texpect(existsSync(sharedTheme)).toBe(true);\n\t\texpect(SHARED_THEME).toContain(\"@theme static\");\n\t\texpect(WEB_THEME).toContain('@import \"@chopin/visuals/theme.css\";');\n\t\texpect(WEB_THEME).not.toContain(\"@theme static\");\n\t});\n});\n\nfunction declared(name: string): string {\n\tlet found = new RegExp(`\\\\n\\\\s*${name}:\\\\s*([^;]+);`).exec(THEME);\n\tif (!found) throw new Error(`no ${name} in the theme`);\n\treturn found[1]!.trim().replace(/\\s+/g, \" \").replace(/\$\\s+/g, \"(\").replace(/\\s+\$/g, \")\");\n}\n\nfunction resolved(name: string): string {\n\tlet value = declared(name);\n\tlet alias = /^var\$(--[\\w-]+)\$$/.exec(value);\n\treturn alias ? resolved(alias[1]!) : value;\n}\n\nfunction colour(name: string): Oklch {\n\tlet found = /^oklch\$([\\d.]+)\\s+([\\d.]+)\\s+([\\d.]+)\$$/.exec(resolved(name));\n\tif (!found) throw new Error(`${name} is not an opaque oklch colour`);\n\treturn { l: Number(found[1]), c: Number(found[2]), h: Number(found[3]) };\n}\n\nfunction linearChannels(value: Oklch): number[] {\n\tlet radians = (value.h * Math.PI) / 180;\n\tlet a = value.c * Math.cos(radians);\n\tlet b = value.c * Math.sin(radians);\n\tlet long = (value.l + 0.3963377774 * a + 0.2158037573 * b) ** 3;\n\tlet medium = (value.l - 0.1055613458 * a - 0.0638541728 * b) ** 3;\n\tlet short = (value.l - 0.0894841775 * a - 1.291485548 * b) ** 3;\n\treturn [\n\t\t4.0767416621 * long - 3.3077115913 * medium + 0.2309699292 * short,\n\t\t-1.2684380046 * long + 2.6097574011 * medium - 0.3413193965 * short,\n\t\t-0.0041960863 * long - 0.7034186147 * medium + 1.707614701 * short,\n\t];\n}\n\nfunction hex(name: string): string {\n\tlet channels = linearChannels(colour(name));\n\treturn `#${\n\t\tchannels.map(channel => {\n\t\t\tlet encoded = channel <= 0.0031308\n\t\t\t\t? 12.92 * channel\n\t\t\t\t: 1.055 * Math.pow(Math.max(channel, 0), 1 / 2.4) - 0.055;\n\t\t\treturn Math.round(Math.min(1, Math.max(0, encoded)) * 255)\n\t\t\t\t.toString(16)\n\t\t\t\t.padStart(2, \"0\");\n\t\t}).join(\"\")\n\t}`;\n}\n\nfunction luminance(name: string): number {\n\tlet [red, green, blue] = linearChannels(colour(name));\n\treturn 0.2126 * red! + 0.7152 * green! + 0.0722 * blue!;\n}\n\nfunction contrast(foreground: string, background: string): number {\n\tlet lighter = Math.max(luminance(foreground), luminance(background));\n\tlet darker = Math.min(luminance(foreground), luminance(background));\n\treturn (lighter + 0.05) / (darker + 0.05);\n}\n\nfunction sources(dir: string, found: string[] = []): string[] {\n\tfor (let entry of readdirSync(dir)) {\n\t\tif (entry === \"node_modules\" || entry === \"dist\" || entry.startsWith(\".\")) continue;\n\t\tlet path = join(dir, entry);\n\t\tif (statSync(path).isDirectory()) sources(path, found);\n\t\telse if (entry.endsWith(\".tsx\") || entry.endsWith(\".css\")) found.push(path);\n\t}\n\treturn found;\n}\n\nfunction withoutComments(source: string): string {\n\treturn source.replace(/\\/\\*[\\s\\S]*?\\*\\//g, \"\");\n}\n\nfunction utility(name: string): string {\n\tlet start = THEME.indexOf(`@utility ${name} {`);\n\tif (start === -1) throw new Error(`no ${name} utility in the theme`);\n\n\tlet depth = 0;\n\tfor (let index = THEME.indexOf(\"{\", start); index < THEME.length; index++) {\n\t\tif (THEME[index] === \"{\") depth++;\n\t\tif (THEME[index] === \"}\") depth--;\n\t\tif (depth === 0) return THEME.slice(start, index + 1);\n\t}\n\n\tthrow new Error(`unterminated ${name} utility in the theme`);\n}\n\nfunction sizes(name: string): { height: number; width?: number } {\n\tlet result: { height: number; width?: number } = { height: 0 };\n\tfor (let property of [\"height\", \"width\"] as const) {\n\t\tlet found = new RegExp(`\\\\n\\\\s*${property}:\\\\s*([\\\\d.]+)rem;`).exec(utility(name));\n\t\tif (found) result[property] = Number(found[1]) * 16;\n\t}\n\treturn result;\n}\n\nfunction inlinePadding(name: string): string | undefined {\n\tlet found = /\\n\\s*padding-inline:\\s*([^;]+);/.exec(utility(name));\n\treturn found?.[1]?.trim();\n}\n\ndescribe(\"palette\", () => {\n\tlet steps = [50, 100, 150, 200, 300, 400, 450, 500, 600, 700, 750, 800, 900];\n\n\tit(\"keeps all thirteen neutral steps on the warm olive axis\", () => {\n\t\tfor (let step of steps) expect(colour(`--color-gray-${step}`).h).toBe(95);\n\t});\n\n\tit(\"resolves the settled specimens exactly\", () => {\n\t\texpect(hex(\"--color-gray-100\")).toBe(\"#f8f8f6\");\n\t\texpect(hex(\"--color-gray-150\")).toBe(\"#f4f4f1\");\n\t\texpect(hex(\"--color-brand\")).toBe(\"#06707e\");\n\t\texpect(hex(\"--color-destructive\")).toBe(\"#d54d4c\");\n\t});\n\n\tit(\"keeps the Chat body ink distinct from the general secondary text\", () => {\n\t\texpect(declared(\"--color-chat-body\")).toBe(\"oklch(0.38064 0.01903 136.21)\");\n\t});\n\n\tit(\"washes the Chat pane with thirty percent of the app shell\", () => {\n\t\texpect(declared(\"--color-chat-pane\")).toBe(\n\t\t\t\"color-mix(in srgb, var(--color-ground) 30%, var(--color-page))\",\n\t\t);\n\t});\n\n\tit(\"tunes the light semantic washes independently\", () => {\n\t\texpect(declared(\"--color-brand-wash\")).toBe(\"oklch(0.925 0.02 210)\");\n\t\texpect(declared(\"--color-success-wash\")).toBe(\"oklch(0.93 0.026 145)\");\n\t\texpect(declared(\"--color-warning-wash\")).toBe(\"oklch(0.95 0.032 75)\");\n\t\texpect(declared(\"--color-destructive-wash\")).toBe(\n\t\t\t\"color-mix(in srgb, var(--color-destructive) 20%, var(--color-page))\",\n\t\t);\n\t});\n\n\tit(\"keeps the Chat pane edge subtly stronger than the frame hairline\", () => {\n\t\texpect(THEME).toMatch(\n\t\t\t/\\.workspace-frame \\.workspace-chat-panel\\s*\\{\\s*border-color:\\s*rgb\$0 0 0 \\/ 9%\$;/,\n\t\t);\n\t});\n\n\tit(\"gives every text level at least AA contrast on the page\", () => {\n\t\tfor (let level of [\"primary\", \"secondary\", \"tertiary\", \"quaternary\"]) {\n\t\t\tlet ratio = contrast(`--color-text-${level}`, \"--color-page\");\n\t\t\texpect({ level, passes: ratio >= 4.5 }).toEqual({ level, passes: true });\n\t\t}\n\t});\n\n\tit(\"keeps text used on tinted surfaces at AA contrast\", () => {\n\t\tfor (let surface of [\"ground\", \"hover\", \"selected\"]) {\n\t\t\tlet ratio = contrast(\"--color-text-tertiary\", `--color-${surface}`);\n\t\t\texpect({ surface, passes: ratio >= 4.5 }).toEqual({ surface, passes: true });\n\t\t}\n\t});\n\n\tit(\"uses selected as the single passive control fill\", () => {\n\t\texpect(THEME).not.toMatch(/\\n\\s*--color-control(?:-hover)?:/);\n\t\texpect(EDITOR_STYLES).not.toContain(\"var(--color-control)\");\n\t\tfor (\n\t\t\tlet source of sources(join(ROOT, \"apps/web/src\")).concat(sources(join(ROOT, \"packages\")))\n\t\t) {\n\t\t\texpect(withoutComments(readFileSync(source, \"utf8\"))).not.toMatch(/\\bbg-control\\b/);\n\t\t}\n\t});\n\n\tit(\"keeps petrol as the only blue family\", () => {\n\t\tlet blue = [...THEME.matchAll(/\\n\\s*(--color-[\\w-]+):\\s*oklch\\([\\d.]+\\s+[\\d.]+\\s+([\\d.]+)/g)]\n\t\t\t.filter(match => Number(match[2]) >= 180 && Number(match[2]) <= 270)\n\t\t\t.map(match => match[1]);\n\t\texpect(blue).toEqual([\n\t\t\t\"--color-brand\",\n\t\t\t\"--color-brand-hover\",\n\t\t\t\"--color-brand-active\",\n\t\t\t\"--color-brand-wash\",\n\t\t\t\"--color-brand-ink\",\n\t\t]);\n\t});\n});\n\ndescribe(\"type\", () => {\n\tit(\"has exactly the five designed rungs\", () => {\n\t\tlet found = [...THEME.matchAll(/\\n\\s*(--text-(?![\\w-]*--line-height)[\\w-]+):\\s*([\\d.]+rem);/g)]\n\t\t\t.map(match => [match[1], Number.parseFloat(match[2]!) * 16]);\n\t\texpect(found).toEqual([\n\t\t\t[\"--text-sm\", 13],\n\t\t\t[\"--text-base\", 15],\n\t\t\t[\"--text-lg\", 17],\n\t\t\t[\"--text-xl\", 24],\n\t\t\t[\"--text-2xl\", 32],\n\t\t]);\n\t});\n\n\tit(\"pairs every rung with its designed line height\", () => {\n\t\texpect([\"sm\", \"base\", \"lg\", \"xl\", \"2xl\"].map(name => declared(`--text-${name}--line-height`)))\n\t\t\t.toEqual([\"1.25rem\", \"1.375rem\", \"1.6875rem\", \"1.875rem\", \"2.375rem\"]);\n\t});\n});\n\ndescribe(\"edges and depth\", () => {\n\tit(\"has only a passive edge and a control edge\", () => {\n\t\tlet edges = [...THEME.matchAll(/\\n\\s*(--color-[\\w-]*edge):/g)].map(match => match[1]);\n\t\texpect(edges).toEqual([\"--color-edge\", \"--color-control-edge\"]);\n\t\texpect(declared(\"--color-edge\")).toBe(\"oklch(0 0 0 / 7%)\");\n\t\texpect(declared(\"--color-control-edge\")).toBe(\"oklch(0 0 0 / 20%)\");\n\t});\n\n\tit(\"keeps the control boundary visible on every surface\", () => {\n\t\tfor (let surface of [\"page\", \"ground\", \"hover\", \"selected\"]) {\n\t\t\tlet ratio = contrast(\"--color-control-boundary\", `--color-${surface}`);\n\t\t\texpect({ surface, passes: ratio >= 3 }).toEqual({ surface, passes: true });\n\t\t}\n\t});\n\n\tit(\"halves the hairline on retina displays\", () => {\n\t\texpect(declared(\"--edge-width\")).toBe(\"1px\");\n\t\texpect(THEME).toMatch(/@media \$min-resolution: 2dppx\$[\\s\\S]+--edge-width:\\s*0\\.5px/);\n\t});\n\n\tit(\"provides exactly the four designed shadows\", () => {\n\t\tlet found = [...THEME.matchAll(/\\n\\s*(--shadow-(?!color)[\\w-]+):/g)].map(match => match[1]);\n\t\texpect(found).toEqual([\n\t\t\t\"--shadow-resting\",\n\t\t\t\"--shadow-resting-strong\",\n\t\t\t\"--shadow-raised\",\n\t\t\t\"--shadow-overlay\",\n\t\t]);\n\t\texpect(declared(\"--shadow-color\")).toBe(\"0.15908 0.00637 95\");\n\t\texpect(EDITOR_STYLES).toMatch(\n\t\t\t/\\[data-research-ready\\]\\s*\\{\\s*box-shadow:\\s*var\$--shadow-resting-strong\$/,\n\t\t);\n\t});\n});\n\ndescribe(\"controls\", () => {\n\tit(\"exposes the settled button sizes and destructive states\", () => {\n\t\texpect(sizes(\"btn-md\")).toEqual({ height: 32 });\n\t\texpect(sizes(\"btn-sm\")).toEqual({ height: 24 });\n\t\texpect(sizes(\"btn-icon\")).toEqual({ height: 28, width: 28 });\n\t\texpect(inlinePadding(\"btn-md\")).toBe(\"calc(var(--spacing) * 3)\");\n\t\texpect(inlinePadding(\"btn-sm\")).toBe(\"calc(var(--spacing) * 2)\");\n\t\texpect(utility(\"btn-icon\")).toMatch(/\\n\\s*padding:\\s*0\\.4375rem;/);\n\t\texpect(hex(\"--color-destructive-hover\")).toBe(\"#c44746\");\n\t\texpect(hex(\"--color-destructive-active\")).toBe(\"#b34140\");\n\t});\n\n\tit(\"gives every button tier guarded states without a rest border\", () => {\n\t\tfor (let tier of [\"primary\", \"secondary\", \"ghost\", \"destructive\"]) {\n\t\t\tlet rule = utility(`btn-${tier}`);\n\t\t\texpect(rule).toMatch(/&:hover:not\$:disabled\$/);\n\t\t\texpect(rule).toMatch(/&:active:not\$:disabled\$/);\n\t\t\texpect(rule.slice(0, rule.indexOf(\"&:\"))).not.toMatch(/\\bborder(?:-\\w+)?:/);\n\t\t}\n\t});\n\n\tit(\"gives filled buttons their designed hairlines\", () => {\n\t\tlet primary = utility(\"btn-primary\").split(\"&:\")[0]!;\n\t\tlet secondary = utility(\"btn-secondary\").split(\"&:\")[0]!;\n\t\tlet destructive = utility(\"btn-destructive\").split(\"&:\")[0]!;\n\t\texpect(declared(\"--button-edge-width\")).toBe(\"1px\");\n\t\texpect(primary).toContain(\"outline: var(--button-edge-width) solid var(--color-control-edge)\");\n\t\texpect(secondary).toContain(\n\t\t\t\"outline: var(--button-edge-width) solid var(--color-edge)\",\n\t\t);\n\t\texpect(destructive).toContain(\n\t\t\t\"outline: var(--button-edge-width) solid var(--color-control-edge)\",\n\t\t);\n\t\tfor (let rest of [primary, secondary, destructive]) {\n\t\t\texpect(rest).toContain(\"outline-offset: calc(-1 * var(--button-edge-width))\");\n\t\t}\n\t});\n\n\tit(\"spaces button icons and gives busy actions a readable disabled state\", () => {\n\t\tlet button = utility(\"btn\");\n\t\texpect(button).toContain(\"gap: calc(var(--spacing) * 2)\");\n\t\texpect(button).toMatch(/&\\[aria-busy=\"true\"\\]:disabled\\s*\\{[\\s\\S]*opacity:\\s*0\\.65/);\n\t\texpect(button).toMatch(\n\t\t\t/&\\[aria-busy=\"true\"\\] \\[data-button-loader\\]\\s*\\{[\\s\\S]*animation:\\s*button-loader-spin/,\n\t\t);\n\t\texpect(THEME).toMatch(\n\t\t\tnew RegExp(\n\t\t\t\tString.raw`@media \$prefers-reduced-motion: reduce\$\\s*\\{`\n\t\t\t\t\t+ String.raw`[\\s\\S]*\\.btn\\[aria-busy=\"true\"\\] \\[data-button-loader\\]\\s*\\{`\n\t\t\t\t\t+ String.raw`[\\s\\S]*animation:\\s*none`,\n\t\t\t),\n\t\t);\n\t});\n\n\tit(\"raises primary buttons with the resting shadow\", () => {\n\t\tlet primary = utility(\"btn-primary\").split(\"&:\")[0]!;\n\t\texpect(primary).toContain(\"box-shadow: var(--shadow-resting)\");\n\t});\n\n\tit(\"raises fields subtly and strengthens selected radio boundaries\", () => {\n\t\texpect(utility(\"field\")).toContain(\"box-shadow: var(--shadow-resting)\");\n\t\texpect(utility(\"choice-control\")).toMatch(\n\t\t\t/&\\[type=\"radio\"\\]:checked\\s*\\{[\\s\\S]*border-width:\\s*calc\$var\\(--edge-width\$ \\* 2\\)/,\n\t\t);\n\t});\n\n\tit(\"dims each button's default style when disabled\", () => {\n\t\tlet rule = utility(\"btn\");\n\t\tlet disabled = /&:disabled\\s*\\{([^}]*)\\}/.exec(rule)?.[1] ?? \"\";\n\t\texpect(disabled).toContain(\"opacity: 0.4\");\n\t\texpect(disabled).not.toMatch(/background-color|color:/);\n\t});\n\n\tit(\"requires every shared button consumer to choose a size\", () => {\n\t\tlet offenders: string[] = [];\n\t\tfor (let file of [...sources(join(ROOT, \"apps\")), ...sources(join(ROOT, \"packages\"))]) {\n\t\t\tif (!file.endsWith(\".tsx\")) continue;\n\t\t\tlet lines = readFileSync(file, \"utf8\").split(\"\\n\");\n\t\t\tfor (let [index, line] of lines.entries()) {\n\t\t\t\tif (!line.includes(\"className=\") || !/(? {\n\t\texpect(utility(\"btn\")).toMatch(/white-space:\\s*nowrap/);\n\t});\n\n\tit(\"keeps consumer classes from resizing standard icon buttons\", () => {\n\t\texpect(EDITOR_STYLES).not.toMatch(/\\.plan-research-dismiss\\s*\\{[^}]*(?:width|height):/s);\n\t});\n\n\tit(\"distinguishes the active compact workspace destination\", () => {\n\t\texpect(THEME).toMatch(\n\t\t\t/\\.workspace-navigation \\[aria-current=\"page\"\\]\\s*\\{[\\s\\S]*background-color:\\s*var\$--color-page\$;[\\s\\S]*color:\\s*var\$--color-text-primary\$/,\n\t\t);\n\t});\n\n\tit(\"keeps focus and invalid outlines visible above their surface\", () => {\n\t\texpect(declared(\"--focus-ring-color\")).toBe(\"var(--color-brand)\");\n\t\texpect(declared(\"--focus-ring-width\")).toBe(\"2px\");\n\t\texpect(declared(\"--focus-ring-offset\")).toBe(\"2px\");\n\t\texpect(THEME).toMatch(\n\t\t\t/\\[data-focus-boundary\\]\\s*\\{[\\s\\S]*--focus-ring-offset:\\s*-2px/,\n\t\t);\n\t\texpect(THEME).toMatch(\n\t\t\t/:focus-visible\\s*\\{[\\s\\S]*outline:\\s*var\$--focus-ring-width\$ solid var\$--focus-ring-color\$;[\\s\\S]*outline-offset:\\s*var\$--focus-ring-offset\$/,\n\t\t);\n\t\texpect(utility(\"field\")).toMatch(\n\t\t\t/&\\[aria-invalid=\"true\"\\]\\s*\\{[\\s\\S]*outline:\\s*2px solid var\$--color-destructive\$;[\\s\\S]*outline-offset:\\s*2px/,\n\t\t);\n\t});\n\n\tit(\"puts Chat focus around the complete composer rather than its textarea\", () => {\n\t\texpect(THEME).toContain(\".chat-composer .field:focus-within\");\n\t\texpect(THEME).toContain(\".chat-composer textarea:focus\");\n\t});\n\n\tit(\"uses the two designed control edges across fields and choices\", () => {\n\t\tfor (let name of [\"field\", \"choice-control\"]) {\n\t\t\tlet rule = utility(name);\n\t\t\texpect(rule).toMatch(/border:\\s*var\$--edge-width\$ solid var\$--color-control-edge\$/);\n\t\t\texpect(rule).toMatch(/&:disabled\\s*\\{[\\s\\S]*border-color:\\s*var\$--color-edge\$/);\n\t\t}\n\t\texpect(utility(\"field\")).toMatch(\n\t\t\t/&:disabled\\s*\\{[\\s\\S]*background-color:\\s*var\$--color-gray-200\$/,\n\t\t);\n\t\texpect(utility(\"choice-control\")).toMatch(\n\t\t\t/&:disabled\\s*\\{[\\s\\S]*color:\\s*var\$--color-gray-600\$/,\n\t\t);\n\t});\n\n\tit(\"keeps the checked checkbox glyph\", () => {\n\t\texpect(utility(\"choice-control\")).toContain(\"d='m3 7 2.5 2.5L11 4'\");\n\t});\n\n\tit(\"keeps a disabled checked checkbox's fill distinct from its glyph\", () => {\n\t\tlet rule = utility(\"choice-control\");\n\t\tlet checked = rule.indexOf(\"&:disabled:checked\");\n\t\tlet checkbox = rule.indexOf('&[type=\"checkbox\"]:disabled:checked');\n\n\t\texpect(checkbox).toBeGreaterThan(checked);\n\t\texpect(rule.slice(checkbox)).toMatch(\n\t\t\t/background-color:\\s*var\$--color-gray-200\$;[\\s\\S]*stroke='%23605e56'/,\n\t\t);\n\t});\n\n\tit(\"keeps ghost fields transparent until hovered\", () => {\n\t\tlet rule = utility(\"field-ghost\");\n\t\texpect(rule).toMatch(/background-color:\\s*transparent/);\n\t\texpect(rule).toMatch(\n\t\t\t/&:hover:not\$:disabled\$\\s*\\{[\\s\\S]*border-color:\\s*var\$--color-control-edge\$/,\n\t\t);\n\t});\n});\n\ndescribe(\"consumer roles\", () => {\n\tit(\"uses the shared icon library instead of literal interface artwork\", () => {\n\t\tlet offenders: string[] = [];\n\t\tfor (let file of [...sources(join(ROOT, \"apps\")), ...sources(join(ROOT, \"packages\"))]) {\n\t\t\tif (file.startsWith(join(ROOT, \"packages/icons/\"))) continue;\n\t\t\tlet content = withoutComments(readFileSync(file, \"utf8\"));\n\t\t\tif (/ {\n\t\tfor (let file of [...sources(join(ROOT, \"apps\")), ...sources(join(ROOT, \"packages\"))]) {\n\t\t\texpect(withoutComments(readFileSync(file, \"utf8\"))).not.toMatch(\n\t\t\t\t/(?:^|\\n)\\s*color:\\s*var\$--color-gray-400\$|text-gray-400/,\n\t\t\t);\n\t\t}\n\t});\n\n\tit(\"keeps placeholders on an opaque AA text role\", () => {\n\t\tfor (let file of [...sources(join(ROOT, \"apps\")), ...sources(join(ROOT, \"packages\"))]) {\n\t\t\tlet content = withoutComments(readFileSync(file, \"utf8\"));\n\t\t\texpect(content).not.toMatch(/placeholder:text-text-quaternary(?:\\/\\d+)?/);\n\t\t}\n\t});\n});\n\ntype StandardAction = {\n\taction: string;\n\tmarker: string;\n\tsize: \"btn-sm\" | \"btn-md\" | \"btn-icon\";\n\ttiers: readonly (\"btn-primary\" | \"btn-secondary\" | \"btn-ghost\" | \"btn-destructive\")[];\n};\n\nfunction classLists(button: string): string[][] {\n\tlet attribute = button.slice(button.indexOf(\"className=\"));\n\tlet staticClass = /^className=\"([^\"]+)\"/.exec(attribute)?.[1];\n\tif (staticClass) return [staticClass.split(/\\s+/)];\n\n\tlet templateClass = /^className=\\{`([^`]*)`\\}/.exec(attribute)?.[1];\n\tif (templateClass) return [templateClass.split(/\\s+/)];\n\n\tlet expression = /^className=\\{([^}]*)\\}/.exec(attribute)?.[1];\n\tif (!expression) return [];\n\n\tif (expression.startsWith(\"cn(\")) {\n\t\treturn [[...expression.matchAll(/\"([^\"]+)\"/g)].flatMap(match => match[1]!.split(/\\s+/))];\n\t}\n\n\tlet conditional = /\\?\\s*\"([^\"]+)\"\\s*:\\s*\"([^\"]+)\"/.exec(expression);\n\treturn conditional ? [conditional[1]!.split(/\\s+/), conditional[2]!.split(/\\s+/)] : [];\n}\n\nfunction standardButtonOffenders(source: string, file: string, action: StandardAction): string[] {\n\tlet buttons = [...source.matchAll(//g)]\n\t\t.filter(button => button[0].includes(action.marker));\n\tif (buttons.length !== 1) {\n\t\treturn [`${file}:1 ${action.action}: expected one button, found ${buttons.length}`];\n\t}\n\n\tlet button = buttons[0]!;\n\tlet line = source.slice(0, button.index).split(\"\\n\").length;\n\tlet classes = classLists(button[0]);\n\tif (classes.length === 0) return [`${file}:${line} ${action.action}: no static class list`];\n\n\tlet offenders: string[] = [];\n\tlet tiers: string[] = [];\n\tfor (let list of classes) {\n\t\tlet sizes = list.filter(name => /^(btn-sm|btn-md|btn-icon)$/.test(name));\n\t\tlet currentTiers = list.filter(name =>\n\t\t\t/^(btn-primary|btn-secondary|btn-ghost|btn-destructive)$/.test(name)\n\t\t);\n\t\tlet legacy = list.filter(name => /^(bg|px|py)-/.test(name));\n\t\ttiers.push(...currentTiers);\n\n\t\tif (!list.includes(\"btn\") || sizes.length !== 1 || sizes[0] !== action.size) {\n\t\t\toffenders.push(\n\t\t\t\t`${file}:${line} ${action.action}: ${list.join(\" \") || \"no static class list\"}`,\n\t\t\t);\n\t\t}\n\t\tif (currentTiers.length !== 1 || legacy.length > 0) {\n\t\t\toffenders.push(\n\t\t\t\t`${file}:${line} ${action.action}: ${\n\t\t\t\t\tlegacy.length > 0 ? `conflicting rest utilities ${legacy.join(\" \")}` : list.join(\" \")\n\t\t\t\t}`,\n\t\t\t);\n\t\t}\n\t}\n\n\tif (tiers.sort().join(\" \") !== [...action.tiers].sort().join(\" \")) {\n\t\toffenders.push(`${file}:${line} ${action.action}: expected ${action.tiers.join(\" or \")}`);\n\t}\n\treturn offenders;\n}\n\ntype StandardControl = {\n\tfile: string;\n\tmarker: string;\n\tname: string;\n\ttag: \"div\" | \"input\" | \"select\" | \"textarea\";\n\tutility: \"choice-control\" | \"field\" | \"field-ghost\";\n};\n\nfunction controlBlock(source: string, control: StandardControl): string {\n\tlet first = source.indexOf(control.marker);\n\tlet second = source.indexOf(control.marker, first + control.marker.length);\n\tif (first === -1 || second !== -1) {\n\t\tthrow new Error(`${control.name}: expected one marker, found ${first === -1 ? 0 : 2}`);\n\t}\n\n\tlet start = source.lastIndexOf(`<${control.tag}`, first);\n\tlet closing = control.tag === \"select\" ? \"\" : \"/>\";\n\tlet end = source.indexOf(closing, first);\n\tif (start === -1 || end === -1) {\n\t\tthrow new Error(`${control.name}: expected a complete ${control.tag}`);\n\t}\n\treturn source.slice(start, end + closing.length);\n}\n\nfunction controlOffenders(source: string, control: StandardControl): string[] {\n\tlet block = controlBlock(source, control);\n\tlet classes = /className\\s*=\\s*\"([^\"]*)\"/.exec(block)?.[1]?.split(/\\s+/) ?? [];\n\tlet offenders = classes.includes(control.utility)\n\t\t? []\n\t\t: [`${control.name}: missing ${control.utility} in ${block}`];\n\tfor (let name of classes) {\n\t\tif (/^(?:disabled|aria-disabled):opacity-.+$/.test(name)) {\n\t\t\toffenders.push(`${control.name}: ${name}`);\n\t\t}\n\t}\n\treturn offenders;\n}\n\ndescribe(\"migration\", () => {\n\tit(\"puts each listed standard control on its shared utility\", () => {\n\t\tlet controls: StandardControl[] = [\n\t\t\t{\n\t\t\t\tfile: \"apps/web/src/chat/chat.tsx\",\n\t\t\t\tmarker: 'className=\"field flex flex-col\"',\n\t\t\t\tname: \"chat composer\",\n\t\t\t\ttag: \"div\",\n\t\t\t\tutility: \"field\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tfile: \"packages/editor/src/comments.tsx\",\n\t\t\t\tmarker: \"maxLength={limits.MAX_NOTE}\",\n\t\t\t\tname: \"comment composer\",\n\t\t\t\ttag: \"textarea\",\n\t\t\t\tutility: \"field\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tfile: \"packages/question/src/react/question-view.tsx\",\n\t\t\t\tmarker: \"Type another answer\",\n\t\t\t\tname: \"custom questionnaire answer\",\n\t\t\t\ttag: \"textarea\",\n\t\t\t\tutility: \"field\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tfile: \"packages/question/src/react/question-view.tsx\",\n\t\t\t\tmarker: \"checked={!custom && selected}\",\n\t\t\t\tname: \"questionnaire option choice\",\n\t\t\t\ttag: \"input\",\n\t\t\t\tutility: \"choice-control\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tfile: \"packages/question/src/react/question-view.tsx\",\n\t\t\t\tmarker: \"checked={active}\",\n\t\t\t\tname: \"custom questionnaire choice\",\n\t\t\t\ttag: \"input\",\n\t\t\t\tutility: \"choice-control\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tfile: \"packages/editor/src/widgets/render-blocks.tsx\",\n\t\t\t\tmarker: 'aria-label=\"Code language\"',\n\t\t\t\tname: \"code language\",\n\t\t\t\ttag: \"select\",\n\t\t\t\tutility: \"field-ghost\",\n\t\t\t},\n\t\t];\n\t\tlet offenders = controls.flatMap(control =>\n\t\t\tcontrolOffenders(\n\t\t\t\treadFileSync(join(ROOT, control.file), \"utf8\"),\n\t\t\t\tcontrol,\n\t\t\t)\n\t\t);\n\t\texpect(offenders).toEqual([]);\n\t});\n\n\tit(\"rejects disabled opacity only inside a listed migrated control block\", () => {\n\t\tlet control: StandardControl = {\n\t\t\tfile: \"fixture.tsx\",\n\t\t\tmarker: \"data-migrated\",\n\t\t\tname: \"fixture field\",\n\t\t\ttag: \"textarea\",\n\t\t\tutility: \"field\",\n\t\t};\n\t\tlet source = `\n\t\t\t

\n\t\t\t<button className=\"btn disabled:opacity-50\">Specialised</button>\n\t\t`;\n\n\t\texpect(controlOffenders(source, control)).toEqual([\n\t\t\t\"fixture field: disabled:opacity-[.6]\",\n\t\t\t\"fixture field: aria-disabled:opacity-[.4]\",\n\t\t]);\n\t});\n\n\tit(\"leaves no consumer on the replaced vocabulary\", () => {\n\t\tlet removed =\n\t\t\t/(?<![\\w-])(?:text-(?:2xs|xs)|shadow-(?:xs|sm|md|lg)|(?:bg|text|border|ring)-(?:background|foreground|surface|muted(?:-foreground)?|card|popover|primary(?:-foreground|-hover)?|secondary(?:-foreground)?|accent(?:-foreground)?|border|input|ring|code))(?![\\w-])|var\$--color-(?:background|foreground|surface|muted(?:-foreground)?|card(?:-foreground)?|popover(?:-foreground)?|primary(?:-foreground|-hover)?|secondary(?:-foreground)?|accent(?:-foreground)?|border|input|ring|code)\$/g;\n\t\tlet offenders: string[] = [];\n\t\tfor (let file of [...sources(join(ROOT, \"apps\")), ...sources(join(ROOT, \"packages\"))]) {\n\t\t\tif (file === join(import.meta.dir, \"theme.css\") || file === import.meta.path) continue;\n\t\t\tlet content = withoutComments(readFileSync(file, \"utf8\"));\n\t\t\tfor (let match of content.matchAll(removed)) {\n\t\t\t\toffenders.push(\n\t\t\t\t\t`${relative(ROOT, file)}:${content.slice(0, match.index).split(\"\\n\").length} ${match[0]}`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t\texpect(offenders).toEqual([]);\n\t});\n\n\tit(\"rejects legacy rest utilities alongside a standard button\", () => {\n\t\tlet classes = \"btn btn-sm btn-primary bg-brand px-2 py-1\".split(\" \");\n\t\tlet previousGuardWouldAccept = classes.includes(\"btn\")\n\t\t\t&& classes.filter(name => /^(btn-sm|btn-md|btn-icon)$/.test(name)).length === 1\n\t\t\t&& classes.filter(name =>\n\t\t\t\t\t/^(btn-primary|btn-secondary|btn-ghost|btn-destructive)$/.test(name)\n\t\t\t\t).length === 1;\n\n\t\texpect(previousGuardWouldAccept).toBe(true);\n\t\texpect(standardButtonOffenders(\n\t\t\t'<button className=\"btn btn-sm btn-primary bg-brand px-2 py-1\">Fixture</button>',\n\t\t\t\"fixture.tsx\",\n\t\t\t{ action: \"fixture\", marker: \"Fixture\", size: \"btn-sm\", tiers: [\"btn-primary\"] },\n\t\t)).toEqual([\"fixture.tsx:1 fixture: conflicting rest utilities bg-brand px-2 py-1\"]);\n\t});\n\n\tit(\"rejects legacy rest utilities in a separate cn class fragment\", () => {\n\t\texpect(standardButtonOffenders(\n\t\t\t'<button className={cn(\"btn btn-sm btn-primary\", \"bg-brand px-2 py-1\")}>Fixture</button>',\n\t\t\t\"fixture.tsx\",\n\t\t\t{ action: \"fixture\", marker: \"Fixture\", size: \"btn-sm\", tiers: [\"btn-primary\"] },\n\t\t)).toEqual([\"fixture.tsx:1 fixture: conflicting rest utilities bg-brand px-2 py-1\"]);\n\t});\n\n\tit(\"puts each standard action on one button size and tier\", () => {\n\t\tlet actions = [\n\t\t\t[\n\t\t\t\t\"apps/web/src/workspace.tsx\",\n\t\t\t\t{\n\t\t\t\t\taction: \"pane toggle\",\n\t\t\t\t\tmarker: \"aria-controls={controls}\",\n\t\t\t\t\tsize: \"btn-icon\",\n\t\t\t\t\ttiers: [\"btn-ghost\"],\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\"apps/web/src/chat/transcript.tsx\", {\n\t\t\t\taction: \"Withdraw\",\n\t\t\t\tmarker: 'title=\"Withdraw\"',\n\t\t\t\tsize: \"btn-icon\",\n\t\t\t\ttiers: [\"btn-ghost\"],\n\t\t\t}],\n\t\t\t[\"apps/web/src/chat/chat.tsx\", {\n\t\t\t\taction: \"Stop Planner\",\n\t\t\t\tmarker: 'wire?.send(\"chat:abort\")',\n\t\t\t\tsize: \"btn-icon\",\n\t\t\t\ttiers: [\"btn-secondary\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/send-action.tsx\", {\n\t\t\t\taction: \"shared send action\",\n\t\t\t\tmarker: \"aria-label={label}\",\n\t\t\t\tsize: \"btn-icon\",\n\t\t\t\ttiers: [\"btn-primary\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/comments.tsx\", {\n\t\t\t\taction: \"comment submit\",\n\t\t\t\tmarker: \"data-plan-comment-submit\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-primary\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/comments.tsx\", {\n\t\t\t\taction: \"comment composer send\",\n\t\t\t\tmarker: 'className=\"plan-comment-send',\n\t\t\t\tsize: \"btn-icon\",\n\t\t\t\ttiers: [\"btn-primary\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/comments.tsx\", {\n\t\t\t\taction: \"comment cancel\",\n\t\t\t\tmarker: \"onClick={onCancel}\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-secondary\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/comments.tsx\", {\n\t\t\t\taction: \"Ask again\",\n\t\t\t\tmarker: \"onClick={onRetry}\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-ghost\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/comments.tsx\", {\n\t\t\t\taction: \"comment confirmation\",\n\t\t\t\tmarker: \"confirmation.onConfirm();\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-secondary\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/comments.tsx\", {\n\t\t\t\taction: \"cancel comment confirmation\",\n\t\t\t\tmarker: \"onClick={() => setConfirming(undefined)}\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-ghost\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/comments.tsx\", {\n\t\t\t\taction: \"Dismiss comment\",\n\t\t\t\tmarker: 'setConfirming(\"dismiss\")',\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-ghost\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/comments.tsx\", {\n\t\t\t\taction: \"Apply feedback\",\n\t\t\t\tmarker: 'setConfirming(\"accept\")',\n\t\t\t\tsize: \"btn-md\",\n\t\t\t\ttiers: [\"btn-primary\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/decisions.tsx\", {\n\t\t\t\taction: \"resolved disclosure\",\n\t\t\t\tmarker: \"aria-expanded={history}\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-ghost\"],\n\t\t\t}],\n\t\t\t[\"packages/question/src/react/question-view.tsx\", {\n\t\t\t\taction: \"Keep it\",\n\t\t\t\tmarker: \"setConfirming(false)\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-secondary\"],\n\t\t\t}],\n\t\t\t[\"packages/question/src/react/question-view.tsx\", {\n\t\t\t\taction: \"cancel confirmation\",\n\t\t\t\tmarker: \"onClick={onCancel}\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-destructive\"],\n\t\t\t}],\n\t\t\t[\"packages/question/src/react/question-view.tsx\", {\n\t\t\t\taction: \"Cancel\",\n\t\t\t\tmarker: \"setConfirming(true)\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-secondary\"],\n\t\t\t}],\n\t\t\t[\"packages/question/src/react/question-view.tsx\", {\n\t\t\t\taction: \"Submit\",\n\t\t\t\tmarker: \"onClick={onSubmit}\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-primary\"],\n\t\t\t}],\n\t\t] as const;\n\t\tlet offenders: string[] = [];\n\n\t\tfor (let [file, action] of actions) {\n\t\t\tlet source = readFileSync(join(ROOT, file), \"utf8\");\n\t\t\toffenders.push(...standardButtonOffenders(source, file, action));\n\t\t}\n\n\t\texpect(offenders).toEqual([]);\n\t});\n});\n","editable",false,"branch","documentNavigation","repo","githubnext/chopin","repoId","7d1a8ac3-35b0-4dea-85d4-06a980f3bada","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[183,184,185,186,187,188,189,190,191,192,193,194,195],"navigation",{"_54":55,"_139":140,"_141":142,"_143":144,"_145":146,"_147":148,"_149":150},"sources",[],"viewer","meta",{"_131":132,"_133":134,"_135":136,"_42":31,"_137":126,"_138":31,"_48":49,"_50":49},"branches",[73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130],"tags",[69,70,71,72],"cloneUrl","https://git.nexthub.sh/githubnext/chopin.git","color-controls-slice-1","color-controls-slice-2","color-controls-slice-3","color-controls-slice-4","Krzysztof-Cieslak-patch-1","Krzysztof-Cieslak-patch-2","Maggie/app-preview-toolkit","Maggie/ci-playwright-install-timeout","Maggie/collaborative-visual-decision","Maggie/design-audit","Maggie/generic-visual-decision-runtime","Maggie/impeccable-chopin-metadata","Maggie/jev-chat-product","Maggie/jev-composed-assessment","Maggie/native-document-layouts","Maggie/openui-composition-product","Maggie/openui-composition-trial","Maggie/planner-visual-authoring","Maggie/planner-visual-requests","Maggie/visual-selection-eval","artifacts/pr-419-live-preview-20261009","automation/pr-maintenance-state","automation/use-effect/callout-disabled-picker-8cf9e49ba5c09471","automation/use-effect/collaboration-options-ref-4e3a5a08a879a5ae","automation/use-effect/room-workspace-effective-access-a57d40866c71bed0","chore/bun-1.4.2","color-controls","color-controls-plan","comments","design-pr-assets","design/archived-decisions-badge","design/channel-route-remount","design/chat-decision-entry","design/conversation-analysis-markers","design/decision-evidence","design/settled-line-icon","dev/integration","diagram-step-controls","feat/liveapp-frontend-pilot","feat/local-experiments","feat/local-launcher-tracer","fix/autolink-mdx-crash","github-pills/2-pills","github-pills/3-hover-card","maggie/app-preview-toolkit","maggie/ci-playwright-install-timeout","maggie/collaborative-visual-decision","maggie/design-audit","maggie/generic-visual-decision-runtime","maggie/impeccable-chopin-metadata","maggie/jev-composed-assessment","maggie/native-document-layouts","maggie/openui-composition-product","maggie/openui-composition-trial","maggie/planner-visual-authoring","maggie/planner-visual-requests","maggie/visual-selection-eval","main","plain-text-fence-chrome","tokens/09-copy","wireframes/2-renderer","wireframes/3-planner","description","Let's compose rich plans together","owner","githubnext","section","","head","empty","pins",[165,166,167],"documents",{"_160":161,"_162":163},"code",{"_156":157,"_158":159},"automations",{"_153":154,"_155":-5},"delivery",{"_151":49,"_152":-5},"tag","04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows",3,"deployments","commits",1000,"changes",13,"counts",{"_164":163},"total",11,"issue",{"_168":158,"_170":181,"_15":158,"_172":182,"_52":174,"_175":31,"_176":174,"_177":159},{"_168":178,"_170":179,"_15":178,"_172":180,"_52":174,"_175":31,"_176":174,"_177":49},{"_168":169,"_170":171,"_15":169,"_172":173,"_52":174,"_175":31,"_176":174,"_177":163},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_168":158,"_170":181,"_15":158,"_172":226,"_52":174,"_175":31,"_176":174},{"_168":178,"_170":179,"_15":178,"_172":225,"_52":174,"_175":31,"_176":174},{"_168":169,"_170":171,"_15":169,"_172":224,"_52":174,"_175":31,"_176":174},{"_168":221,"_170":222,"_15":221,"_172":223,"_52":31,"_175":31,"_176":174},{"_168":218,"_170":219,"_15":218,"_172":220,"_52":31,"_175":31,"_176":174},{"_168":153,"_170":216,"_15":145,"_172":217,"_52":31,"_175":31,"_176":174},{"_168":155,"_170":213,"_15":214,"_172":215,"_52":31,"_175":31,"_176":174},{"_168":151,"_170":211,"_15":151,"_172":212,"_52":31,"_175":31,"_176":174},{"_168":207,"_170":208,"_15":209,"_172":210,"_52":31,"_175":31,"_176":174},{"_168":141,"_170":205,"_15":141,"_172":206,"_52":31,"_175":31,"_176":31},{"_168":202,"_170":203,"_15":202,"_172":204,"_52":31,"_175":31,"_176":31},{"_168":199,"_170":200,"_15":199,"_172":201,"_52":31,"_175":31,"_176":31},{"_168":196,"_170":197,"_15":196,"_172":198,"_52":31,"_175":31,"_176":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794507594287,"sidebar","expanded"]
</article></body></html>