[{"_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",{"_41":42,"_227":-5,"_228":-5,"_229":230},"routes/repo",{"_34":-7,"_35":36,"_37":38,"_39":40,"_41":42,"_43":32,"_44":32,"_45":32,"_46":32,"_47":32,"_48":32,"_49":50,"_51":50,"_52":32,"_53":-7,"_54":-7,"_55":56,"_57":58,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-5,"_26":27,"_28":29,"_29":30,"_31":32,"_33":14},"ref","main","path","apps/web/src/tokens.test.ts","oid","942152b0b8874110db474069f1c85a991d8e2b86","size",32182,"commit","2182c95de44a8f63fd86af1c5874ae0ca298f807","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*([^;]+);`).exec(utility(name));\n\t\tif (!found) continue;\n\t\tlet value = found[1]!.replace(/var\$(--[\\w-]+)\$/g, (_, token) => resolved(token));\n\t\tlet length = /^([\\d.]+)rem$/.exec(value);\n\t\tlet scaled = /^calc\$var\\(--spacing\$ \\* ([\\d.]+)\\)$/.exec(value);\n\t\tif (length) result[property] = Number(length[1]) * 16;\n\t\telse if (scaled) {\n\t\t\tresult[property] = Number.parseFloat(resolved(\"--spacing\")) * 16 * Number(scaled[1]);\n\t\t} else throw new Error(`unsupported ${name} ${property}: ${value}`);\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*var\$--color-divider\$;/,\n\t\t);\n\t\texpect(declared(\"--color-divider\")).toBe(\"rgb(0 0 0 / 9%)\");\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(\"uses the designed fluid modular steps at both viewport endpoints\", () => {\n\t\tlet steps = [\n\t\t\t[\"2xs\", -2.5],\n\t\t\t[\"xs\", -2],\n\t\t\t[\"sm\", -1],\n\t\t\t[\"base\", 0],\n\t\t\t[\"lg\", 2],\n\t\t\t[\"xl\", 3],\n\t\t\t[\"2xl\", 5],\n\t\t] as const;\n\t\tlet found = [...SHARED_THEME.matchAll(/\\n\\s*(--text-(?![\\w-]*--line-height)[\\w-]+):/g)]\n\t\t\t.map(match => match[1]);\n\t\texpect(found).toEqual(steps.map(([name]) => `--text-${name}`));\n\t\tfor (let [name, step] of steps) {\n\t\t\tlet value = declared(`--text-${name}`);\n\t\t\tlet match = /^clamp\\(([\\d.]+)rem, ([\\d.]+)rem \\+ ([\\d.]+)vw, ([\\d.]+)rem\$$/.exec(value);\n\t\t\texpect(match).not.toBeNull();\n\t\t\tlet [, low, intercept, slope, high] = match!;\n\t\t\tlet expectedMin = 15 * 1.12 ** step;\n\t\t\tlet expectedMax = 16 * 1.14 ** step;\n\t\t\texpect(Number(low) * 16).toBeCloseTo(expectedMin, 3);\n\t\t\texpect(Number(intercept) * 16 + Number(slope) * 3.6).toBeCloseTo(expectedMin, 3);\n\t\t\texpect(Number(intercept) * 16 + Number(slope) * 14.4).toBeCloseTo(expectedMax, 3);\n\t\t\texpect(Number(high) * 16).toBeCloseTo(expectedMax, 3);\n\t\t}\n\t});\n\n\tit(\"pairs every rung with its designed line height\", () => {\n\t\texpect(\n\t\t\t[\"2xs\", \"xs\", \"sm\", \"base\", \"lg\", \"xl\", \"2xl\"].map(name =>\n\t\t\t\tdeclared(`--text-${name}--line-height`)\n\t\t\t),\n\t\t)\n\t\t\t.toEqual([\"1.35\", \"1.35\", \"1.5\", \"1.5\", \"1.4\", \"1.25\", \"1.15\"]);\n\t});\n\n\tit(\"restores fluid type inside MDXEditor's fixed variable scope\", () => {\n\t\tfor (let name of [\"xs\", \"sm\"] as const) {\n\t\t\texpect(EDITOR_STYLES).toContain(`--plan-text-${name}: var(--text-${name});`);\n\t\t\texpect(EDITOR_STYLES).toContain(`--text-${name}: var(--plan-text-${name});`);\n\t\t}\n\t\texpect(EDITOR_STYLES).toContain(\"--plan-body: var(--text-base);\");\n\t\texpect(EDITOR_STYLES).toContain(\"--text-base: var(--plan-body);\");\n\t});\n});\n\ndescribe(\"edges and depth\", () => {\n\tit(\"keeps neutral edges and the approved danger edge distinct\", () => {\n\t\tlet edges = [...THEME.matchAll(/\\n\\s*(--color-[\\w-]*edge):/g)].map(match => match[1]);\n\t\texpect(edges.sort()).toEqual([\n\t\t\t\"--color-button-outline-edge\",\n\t\t\t\"--color-control-edge\",\n\t\t\t\"--color-danger-edge\",\n\t\t\t\"--color-edge\",\n\t\t]);\n\t\texpect(declared(\"--color-edge\")).toBe(\"oklch(0 0 0 / 7%)\");\n\t\texpect(declared(\"--color-control-edge\")).toBe(\"oklch(0 0 0 / 15%)\");\n\t\texpect(declared(\"--color-button-outline-edge\")).toBe(\"oklch(0 0 0 / 12%)\");\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-compact\")).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(\"var(--control-padding-inline)\");\n\t\texpect(resolved(\"--control-padding-inline\")).toBe(\"calc(var(--spacing) * 2)\");\n\t\texpect(utility(\"btn-icon\")).toContain(\"padding: var(--icon-button-padding);\");\n\t\texpect(declared(\"--icon-button-padding\")).toBe(\n\t\t\t\"calc((var(--icon-button-size) - var(--icon-size-default)) / 2)\",\n\t\t);\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(\"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\t// The diagram viewer owns an SVG canvas, not interface icon artwork.\n\t\t\tif (file === join(ROOT, \"packages/diagrams/src/diagram.tsx\")) 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\tcount?: number;\n\taction: string;\n\tmarker: string;\n\tsize: \"btn-sm\" | \"btn-md\" | \"btn-icon\";\n\ttiers:\n\t\treadonly (\"btn-primary\" | \"btn-secondary\" | \"btn-outline\" | \"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\tlet count = action.count ?? 1;\n\tif (buttons.length !== count) {\n\t\tlet expected = count === 1 ? \"one button\" : `${count} buttons`;\n\t\treturn [`${file}:1 ${action.action}: expected ${expected}, found ${buttons.length}`];\n\t}\n\n\tlet offenders: string[] = [];\n\tfor (let button of buttons) {\n\t\tlet line = source.slice(0, button.index).split(\"\\n\").length;\n\t\tlet classes = classLists(button[0]);\n\t\tif (classes.length === 0) {\n\t\t\toffenders.push(`${file}:${line} ${action.action}: no static class list`);\n\t\t\tcontinue;\n\t\t}\n\n\t\tlet tiers: string[] = [];\n\t\tfor (let list of classes) {\n\t\t\tlet sizes = list.filter(name => /^(btn-sm|btn-md|btn-icon)$/.test(name));\n\t\t\tlet currentTiers = list.filter(name =>\n\t\t\t\t/^(btn-primary|btn-secondary|btn-outline|btn-ghost|btn-destructive)$/.test(name)\n\t\t\t);\n\t\t\tlet legacy = list.filter(name => /^(bg|px|py)-/.test(name));\n\t\t\ttiers.push(...currentTiers);\n\n\t\t\tif (!list.includes(\"btn\") || sizes.length !== 1 || sizes[0] !== action.size) {\n\t\t\t\toffenders.push(\n\t\t\t\t\t`${file}:${line} ${action.action}: ${list.join(\" \") || \"no static class list\"}`,\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (currentTiers.length !== 1 || legacy.length > 0) {\n\t\t\t\toffenders.push(\n\t\t\t\t\t`${file}:${line} ${action.action}: ${\n\t\t\t\t\t\tlegacy.length > 0 ? `conflicting rest utilities ${legacy.join(\" \")}` : list.join(\" \")\n\t\t\t\t\t}`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tif (tiers.sort().join(\" \") !== [...action.tiers].sort().join(\" \")) {\n\t\t\toffenders.push(`${file}:${line} ${action.action}: expected ${action.tiers.join(\" or \")}`);\n\t\t}\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=\"composer-surface field\"',\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];\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-])(?: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-outline|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(\"audits every repeated action and requires the exact button count\", () => {\n\t\tlet action: StandardAction = {\n\t\t\taction: \"fixture\",\n\t\t\tmarker: \"Fixture\",\n\t\t\tcount: 2,\n\t\t\tsize: \"btn-sm\",\n\t\t\ttiers: [\"btn-primary\"],\n\t\t};\n\t\tlet correct = '<button className=\"btn btn-sm btn-primary\">Fixture</button>';\n\t\tlet wrongTier = '<button className=\"btn btn-sm btn-secondary\">Fixture</button>';\n\t\tlet wrongSize = '<button className=\"btn btn-md btn-primary\">Fixture</button>';\n\t\texpect(standardButtonOffenders(`${correct}\\n${correct}`, \"fixture.tsx\", action)).toEqual([]);\n\t\texpect(standardButtonOffenders(`${correct}\\n${wrongTier}`, \"fixture.tsx\", action))\n\t\t\t.toEqual([\"fixture.tsx:2 fixture: expected btn-primary\"]);\n\t\texpect(standardButtonOffenders(`${correct}\\n${wrongSize}`, \"fixture.tsx\", action))\n\t\t\t.toEqual([\"fixture.tsx:2 fixture: btn btn-md btn-primary\"]);\n\t\texpect(standardButtonOffenders(correct, \"fixture.tsx\", action))\n\t\t\t.toEqual([\"fixture.tsx:1 fixture: expected 2 buttons, found 1\"]);\n\t\texpect(standardButtonOffenders(`${correct}\\n${correct}\\n${correct}`, \"fixture.tsx\", action))\n\t\t\t.toEqual([\"fixture.tsx:1 fixture: expected 2 buttons, found 3\"]);\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[\"packages/editor/src/widgets/render-blocks.tsx\", {\n\t\t\t\taction: \"code source toggle\",\n\t\t\t\tmarker: 'aria-label={collapsed ? \"Show source\" : \"Hide source\"}',\n\t\t\t\tsize: \"btn-icon\",\n\t\t\t\ttiers: [\"btn-ghost\"],\n\t\t\t}],\n\t\t\t[\"packages/editor/src/widgets/language-menu.tsx\", {\n\t\t\t\taction: \"code language trigger\",\n\t\t\t\tmarker: 'aria-haspopup=\"listbox\"',\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-ghost\"],\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 Chopin\",\n\t\t\t\tmarker: 'control(\"chat:abort\")',\n\t\t\t\tsize: \"btn-icon\",\n\t\t\t\ttiers: [\"btn-secondary\"],\n\t\t\t}],\n\t\t\t[\"apps/web/src/chat/chat.tsx\", {\n\t\t\t\taction: \"Resume Planner\",\n\t\t\t\tmarker: 'control(\"chat:resume\")',\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 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: \"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-outline\"],\n\t\t\t}],\n\t\t\t[\"packages/question/src/react/question-view.tsx\", {\n\t\t\t\taction: \"decision confirmation\",\n\t\t\t\tmarker: \"onClick={discard}\",\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: \"Discard\",\n\t\t\t\tmarker: \"setConfirming(true)\",\n\t\t\t\tsize: \"btn-sm\",\n\t\t\t\ttiers: [\"btn-outline\"],\n\t\t\t}],\n\t\t\t[\"packages/question/src/react/question-view.tsx\", {\n\t\t\t\taction: \"Save\",\n\t\t\t\tmarker: \"onClick={() => onSubmit?.(projection.suggestion)}\",\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",{"_55":56,"_139":140,"_141":142,"_143":144,"_145":146,"_147":148,"_149":150},"sources",[],"viewer","meta",{"_131":132,"_133":134,"_135":136,"_43":32,"_137":14,"_138":32,"_49":50,"_51":50},"branches",[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,14,127,128,129,130],"tags",[70,71,72,73],"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","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":50,"_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,"_53":174,"_175":32,"_176":174,"_177":159},{"_168":178,"_170":179,"_15":178,"_172":180,"_53":174,"_175":32,"_176":174,"_177":50},{"_168":169,"_170":171,"_15":169,"_172":173,"_53":174,"_175":32,"_176":174,"_177":163},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_168":158,"_170":181,"_15":158,"_172":226,"_53":174,"_175":32,"_176":174},{"_168":178,"_170":179,"_15":178,"_172":225,"_53":174,"_175":32,"_176":174},{"_168":169,"_170":171,"_15":169,"_172":224,"_53":174,"_175":32,"_176":174},{"_168":221,"_170":222,"_15":221,"_172":223,"_53":32,"_175":32,"_176":174},{"_168":218,"_170":219,"_15":218,"_172":220,"_53":32,"_175":32,"_176":174},{"_168":153,"_170":216,"_15":145,"_172":217,"_53":32,"_175":32,"_176":174},{"_168":155,"_170":213,"_15":214,"_172":215,"_53":32,"_175":32,"_176":174},{"_168":151,"_170":211,"_15":151,"_172":212,"_53":32,"_175":32,"_176":174},{"_168":207,"_170":208,"_15":209,"_172":210,"_53":32,"_175":32,"_176":174},{"_168":141,"_170":205,"_15":141,"_172":206,"_53":32,"_175":32,"_176":32},{"_168":202,"_170":203,"_15":202,"_172":204,"_53":32,"_175":32,"_176":32},{"_168":199,"_170":200,"_15":199,"_172":201,"_53":32,"_175":32,"_176":32},{"_168":196,"_170":197,"_15":196,"_172":198,"_53":32,"_175":32,"_176":32},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794435543985,"sidebar","expanded"]
</article></body></html>