","\treturn (","export function DesignAuditPage() {","import \"./styles.css\";","import { AUDIT_INVENTORY } from \"./inventory\";","import { AuditFrame, AuditSection } from \"./frame\";","80918ee1","15b3c78b","apps/web/src/design-audit/page.test.tsx",{"_348":441,"_350":351},{"_348":440,"_350":351},7,[413],{"_46":414,"_47":356,"_48":414,"_50":415,"_51":416},10,12,[417,418,419,420,421,422,423,424,425,426,427,428],{"_238":385,"_239":247},{"_238":385,"_239":439},{"_238":385,"_239":438},{"_238":39,"_239":437},{"_238":39,"_239":436},{"_238":39,"_239":435},{"_238":39,"_239":434},{"_238":39,"_239":433},{"_238":39,"_239":432},{"_238":39,"_239":431},{"_238":385,"_239":430},{"_238":385,"_239":429},"});","\t});","\t\t}","\t\t\texpect(markup).toContain(`id=\"${id}\"`);","\t\tfor (let id of [\"foundations\", \"controls\", \"surfaces\", \"authored-content\"]) {","\t\texpect(markup).toContain('data-preview-width=\"wide\"');","\t\texpect(markup).toContain('aria-label=\"Preview narrow layout\"');","\t\texpect(markup).toContain('aria-label=\"Preview wide layout\"');","\t\texpect(markup).toContain('aria-label=\"Design audit sections\"');","\t\texpect(markup).toContain(\"Chopin design audit\");","\t\texpect(markup).toContain('data-design-audit=\"\"');","986e4283","e7520904","apps/web/src/design-audit/inventory.ts",{"_348":757,"_350":351},186,[446],{"_46":42,"_47":42,"_48":49,"_50":444,"_51":447},[448,449,450,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476,477,478,479,480,481,482,483,484,485,486,487,488,489,490,491,492,493,494,495,496,497,498,499,500,501,502,503,504,505,506,507,508,509,510,511,512,513,514,515,516,517,518,519,520,521,522,523,524,525,526,527,528,529,530,531,532,533,534,535,536,537,538,539,540,541,542,543,544,545,546,547,548,549,550,551,552,553,554,555,556,557,558,559,560,561,562,563,564,565,566,567,568,569,570,571,572,573,574,575,576,577,578,579,580,581,582,583,584,585,586,587,588,589,590,591,592,593,594,595,596,597,598,599,600,601,602,603,604,605,606,607,608,609,610,611,612,613,614,615,616,617,618,619,620,621,622,623,624,625,626,627,628,629,630,631,632,633],{"_238":39,"_239":756},{"_238":39,"_239":755},{"_238":39,"_239":749},{"_238":39,"_239":754},{"_238":39,"_239":753},{"_238":39,"_239":752},{"_238":39,"_239":747},{"_238":39,"_239":247},{"_238":39,"_239":751},{"_238":39,"_239":750},{"_238":39,"_239":749},{"_238":39,"_239":748},{"_238":39,"_239":747},{"_238":39,"_239":247},{"_238":39,"_239":746},{"_238":39,"_239":745},{"_238":39,"_239":744},{"_238":39,"_239":247},{"_238":39,"_239":743},{"_238":39,"_239":672},{"_238":39,"_239":742},{"_238":39,"_239":741},{"_238":39,"_239":669},{"_238":39,"_239":740},{"_238":39,"_239":739},{"_238":39,"_239":738},{"_238":39,"_239":737},{"_238":39,"_239":736},{"_238":39,"_239":642},{"_238":39,"_239":735},{"_238":39,"_239":734},{"_238":39,"_239":733},{"_238":39,"_239":732},{"_238":39,"_239":731},{"_238":39,"_239":637},{"_238":39,"_239":636},{"_238":39,"_239":635},{"_238":39,"_239":672},{"_238":39,"_239":730},{"_238":39,"_239":729},{"_238":39,"_239":669},{"_238":39,"_239":728},{"_238":39,"_239":642},{"_238":39,"_239":727},{"_238":39,"_239":726},{"_238":39,"_239":720},{"_238":39,"_239":725},{"_238":39,"_239":637},{"_238":39,"_239":724},{"_238":39,"_239":723},{"_238":39,"_239":642},{"_238":39,"_239":722},{"_238":39,"_239":721},{"_238":39,"_239":720},{"_238":39,"_239":719},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":718},{"_238":39,"_239":717},{"_238":39,"_239":716},{"_238":39,"_239":715},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":714},{"_238":39,"_239":713},{"_238":39,"_239":712},{"_238":39,"_239":711},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":710},{"_238":39,"_239":709},{"_238":39,"_239":699},{"_238":39,"_239":708},{"_238":39,"_239":637},{"_238":39,"_239":636},{"_238":39,"_239":635},{"_238":39,"_239":672},{"_238":39,"_239":707},{"_238":39,"_239":706},{"_238":39,"_239":669},{"_238":39,"_239":642},{"_238":39,"_239":705},{"_238":39,"_239":704},{"_238":39,"_239":703},{"_238":39,"_239":702},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":701},{"_238":39,"_239":700},{"_238":39,"_239":699},{"_238":39,"_239":698},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":697},{"_238":39,"_239":696},{"_238":39,"_239":695},{"_238":39,"_239":694},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":693},{"_238":39,"_239":692},{"_238":39,"_239":691},{"_238":39,"_239":690},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":689},{"_238":39,"_239":688},{"_238":39,"_239":687},{"_238":39,"_239":686},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":685},{"_238":39,"_239":684},{"_238":39,"_239":683},{"_238":39,"_239":682},{"_238":39,"_239":637},{"_238":39,"_239":681},{"_238":39,"_239":642},{"_238":39,"_239":680},{"_238":39,"_239":679},{"_238":39,"_239":678},{"_238":39,"_239":677},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":676},{"_238":39,"_239":675},{"_238":39,"_239":674},{"_238":39,"_239":673},{"_238":39,"_239":637},{"_238":39,"_239":636},{"_238":39,"_239":635},{"_238":39,"_239":672},{"_238":39,"_239":671},{"_238":39,"_239":670},{"_238":39,"_239":669},{"_238":39,"_239":642},{"_238":39,"_239":668},{"_238":39,"_239":667},{"_238":39,"_239":666},{"_238":39,"_239":665},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":664},{"_238":39,"_239":663},{"_238":39,"_239":662},{"_238":39,"_239":661},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":660},{"_238":39,"_239":659},{"_238":39,"_239":652},{"_238":39,"_239":658},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":657},{"_238":39,"_239":656},{"_238":39,"_239":652},{"_238":39,"_239":655},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":654},{"_238":39,"_239":653},{"_238":39,"_239":652},{"_238":39,"_239":651},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":650},{"_238":39,"_239":649},{"_238":39,"_239":648},{"_238":39,"_239":647},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":646},{"_238":39,"_239":645},{"_238":39,"_239":644},{"_238":39,"_239":643},{"_238":39,"_239":637},{"_238":39,"_239":642},{"_238":39,"_239":641},{"_238":39,"_239":640},{"_238":39,"_239":639},{"_238":39,"_239":638},{"_238":39,"_239":637},{"_238":39,"_239":636},{"_238":39,"_239":635},{"_238":39,"_239":634},"];","\t},","\t\t],","\t\t\t},","\t\t\t\tstates: [\"default\", \"selected-cell\", \"toolbar\", \"overflow\"],","\t\t\t\tsource: \"packages/editor/src/table/chrome.tsx\",","\t\t\t\tlabel: \"Tables\",","\t\t\t\tid: \"table\",","\t\t\t{","\t\t\t\tstates: [\"loaded\", \"unavailable\", \"missing-alt\"],","\t\t\t\tsource: \"packages/editor/src/widgets/image.tsx\",","\t\t\t\tlabel: \"Images\",","\t\t\t\tid: \"image\",","\t\t\t\tstates: [\"inline\", \"block\", \"source\"],","\t\t\t\tsource: \"packages/editor/src/widgets/render-blocks.tsx\",","\t\t\t\tlabel: \"Formulae\",","\t\t\t\tid: \"formula\",","\t\t\t\tstates: [\"rendered\", \"source\", \"invalid\"],","\t\t\t\tsource: \"packages/editor/src/widgets/code-view.tsx\",","\t\t\t\tlabel: \"Diagrams\",","\t\t\t\tid: \"diagram\",","\t\t\t\tstates: [\"valid\", \"invalid\", \"collapsed\"],","\t\t\t\tlabel: \"Diff blocks\",","\t\t\t\tid: \"diff\",","\t\t\t\tstates: [\"plain\", \"named\", \"collapsed\", \"editing\"],","\t\t\t\tlabel: \"Code blocks\",","\t\t\t\tid: \"code\",","\t\t\t\tstates: [\"question\", \"queued\", \"running\", \"failed\", \"cancelled\", \"ready\"],","\t\t\t\tsource: \"packages/editor/src/widgets/research.tsx\",","\t\t\t\tlabel: \"Research\",","\t\t\t\tid: \"research\",","\t\t\t\tstates: [\"note\", \"tip\", \"warning\", \"danger\", \"focus\"],","\t\t\t\tsource: \"packages/editor/src/widgets/callout.tsx\",","\t\t\t\tlabel: \"Callouts\",","\t\t\t\tid: \"callouts\",","\t\titems: [","\t\tlabel: \"Authored content\",","\t\tid: \"authored-content\",","\t{","\t\t\t\tstates: [\"inline\", \"terminal\", \"recoverable\"],","\t\t\t\tsource: \"apps/web/src/terminal-alert.tsx\",","\t\t\t\tlabel: \"Errors\",","\t\t\t\tid: \"errors\",","\t\t\t\tstates: [\"first-use\", \"no-results\", \"unavailable\"],","\t\t\t\tsource: \"apps/web/src/repository-picker.tsx\",","\t\t\t\tlabel: \"Empty states\",","\t\t\t\tid: \"empty\",","\t\t\t{ id: \"loading\", label: \"Loading\", source: \"apps/web/src/hosted.tsx\", states: ASYNC },","\t\t\t\tstates: [\"resolved\", \"deliberately-empty\", \"orphaned\"],","\t\t\t\tsource: \"packages/editor/src/comments.tsx\",","\t\t\t\tlabel: \"Resolved comments\",","\t\t\t\tid: \"resolved-comments\",","\t\t\t\tstates: [\"unanswered\", \"answered\", \"resolved\", \"orphaned\", \"empty\"],","\t\t\t\tsource: \"packages/editor/src/decisions.tsx\",","\t\t\t\tlabel: \"Decisions\",","\t\t\t\tid: \"decisions\",","\t\t\t\tstates: [\"member\", \"planner\", \"tool\", \"busy\", \"error\"],","\t\t\t\tsource: \"apps/web/src/chat/chat.tsx\",","\t\t\t\tlabel: \"Conversation\",","\t\t\t\tid: \"chat\",","\t\t\t\tstates: [\"default\", \"current\", \"ancestor\", \"archived\", \"loading\"],","\t\t\t\tsource: \"apps/web/src/project-sidebar.tsx\",","\t\t\t\tlabel: \"Navigation\",","\t\t\t\tid: \"navigation\",","\t\t\t\tstates: [\"default\", \"hover\", \"selected\", \"empty\"],","\t\t\t\tsource: \"apps/web/src/document-picker.tsx\",","\t\t\t\tlabel: \"Lists\",","\t\t\t\tid: \"lists\",","\t\t\t\tstates: [\"open\", \"busy\", \"destructive\", \"error\"],","\t\t\t\tsource: \"apps/web/src/navigation-dialog.tsx\",","\t\t\t\tlabel: \"Dialogs\",","\t\t\t\tid: \"dialogs\",","\t\tlabel: \"Application surfaces\",","\t\tid: \"surfaces\",","\t\t\t\tstates: [\"closed\", \"open\", \"selected\", \"loading\", \"error\"],","\t\t\t\tlabel: \"Dropdowns\",","\t\t\t\tid: \"dropdowns\",","\t\t\t\tstates: [\"closed\", \"open\", \"focus\", \"disabled\"],","\t\t\t\tsource: \"apps/web/src/document-actions-menu.tsx\",","\t\t\t\tlabel: \"Menus\",","\t\t\t\tid: \"menus\",","\t\t\t\tstates: [\"default\", \"selected\", \"focus\", \"overflow\"],","\t\t\t\tsource: \"packages/editor/src/widgets/tabs.tsx\",","\t\t\t\tlabel: \"Tabs\",","\t\t\t\tid: \"tabs\",","\t\t\t\tstates: [\"default\", \"selected\", \"focus\", \"disabled\"],","\t\t\t\tsource: \"apps/web/src/theme.css\",","\t\t\t\tlabel: \"Choices and selections\",","\t\t\t\tid: \"selections\",","\t\t\t{ id: \"fields\", label: \"Fields\", source: \"apps/web/src/theme.css\", states: INTERACTIVE },","\t\t\t{ id: \"links\", label: \"Links\", source: \"apps/web/src/theme.css\", states: INTERACTIVE },","\t\t\t\tstates: INTERACTIVE,","\t\t\t\tlabel: \"Icon buttons\",","\t\t\t\tid: \"icon-buttons\",","\t\t\t{ id: \"buttons\", label: \"Buttons\", source: \"apps/web/src/theme.css\", states: INTERACTIVE },","\t\tlabel: \"Controls\",","\t\tid: \"controls\",","\t\t\t\tjudgement: \"Confirm the compact, default, and emphasis size roles.\",","\t\t\t\tstates: [\"default\", \"active\", \"disabled\"],","\t\t\t\tsource: \"apps/web/src/assets/icons\",","\t\t\t\tlabel: \"Icons\",","\t\t\t\tid: \"icons\",","\t\t\t{ id: \"shadows\", label: \"Elevation\", source: \"apps/web/src/theme.css\", states: STATIC },","\t\t\t{ id: \"radii\", label: \"Radii\", source: \"apps/web/src/theme.css\", states: STATIC },","\t\t\t{ id: \"spacing\", label: \"Spacing\", source: \"apps/web/src/theme.css\", states: STATIC },","\t\t\t{ id: \"typography\", label: \"Typography\", source: \"apps/web/src/theme.css\", states: STATIC },","\t\t\t{ id: \"colours\", label: \"Colour roles\", source: \"apps/web/src/theme.css\", states: STATIC },","\t\tlabel: \"Foundations\",","\t\tid: \"foundations\",","export const AUDIT_INVENTORY: readonly AuditGroup[] = [","const ASYNC = [\"loading\", \"empty\", \"error\", \"ready\"] as const;","const INTERACTIVE = [\"default\", \"hover\", \"active\", \"focus\", \"disabled\"] as const;","const STATIC = [\"default\"] as const;","};","\titems: readonly AuditItem[];","\tlabel: string;","\tid: \"foundations\" | \"controls\" | \"surfaces\" | \"authored-content\";","export type AuditGroup = {","\tjudgement?: string;","\tstates: readonly string[];","\tsource: string;","\tid: string;","export type AuditItem = {","8a3f84d8","apps/web/src/design-audit/inventory.test.ts",{"_348":880,"_350":351},63,[762],{"_46":42,"_47":42,"_48":49,"_50":760,"_51":763},[764,765,766,767,768,769,770,771,772,773,774,775,776,777,778,779,780,781,782,783,784,785,786,787,788,789,790,791,792,793,794,795,796,797,798,799,800,801,802,803,804,805,806,807,808,809,810,811,812,813,814,815,816,817,818,819,820,821,822,823,824,825,826],{"_238":39,"_239":879},{"_238":39,"_239":247},{"_238":39,"_239":404},{"_238":39,"_239":247},{"_238":39,"_239":878},{"_238":39,"_239":877},{"_238":39,"_239":876},{"_238":39,"_239":875},{"_238":39,"_239":874},{"_238":39,"_239":873},{"_238":39,"_239":872},{"_238":39,"_239":871},{"_238":39,"_239":870},{"_238":39,"_239":869},{"_238":39,"_239":868},{"_238":39,"_239":867},{"_238":39,"_239":866},{"_238":39,"_239":865},{"_238":39,"_239":864},{"_238":39,"_239":863},{"_238":39,"_239":862},{"_238":39,"_239":861},{"_238":39,"_239":860},{"_238":39,"_239":859},{"_238":39,"_239":858},{"_238":39,"_239":857},{"_238":39,"_239":856},{"_238":39,"_239":855},{"_238":39,"_239":854},{"_238":39,"_239":853},{"_238":39,"_239":852},{"_238":39,"_239":851},{"_238":39,"_239":850},{"_238":39,"_239":849},{"_238":39,"_239":848},{"_238":39,"_239":847},{"_238":39,"_239":846},{"_238":39,"_239":247},{"_238":39,"_239":845},{"_238":39,"_239":844},{"_238":39,"_239":843},{"_238":39,"_239":842},{"_238":39,"_239":841},{"_238":39,"_239":840},{"_238":39,"_239":839},{"_238":39,"_239":838},{"_238":39,"_239":247},{"_238":39,"_239":837},{"_238":39,"_239":836},{"_238":39,"_239":835},{"_238":39,"_239":834},{"_238":39,"_239":430},{"_238":39,"_239":247},{"_238":39,"_239":833},{"_238":39,"_239":832},{"_238":39,"_239":831},{"_238":39,"_239":830},{"_238":39,"_239":829},{"_238":39,"_239":828},{"_238":39,"_239":827},{"_238":39,"_239":431},{"_238":39,"_239":430},{"_238":39,"_239":429},"\t\t\t}","\t\t\t\texpect(item.states.length).toBeGreaterThan(0);","\t\t\t\texpect(item.source).toMatch(/^(?:apps|packages)\\//);","\t\t\t\texpect(item.label.trim().length).toBeGreaterThan(0);","\t\t\tfor (let item of group.items) {","\t\tfor (let group of AUDIT_INVENTORY) {","\tit(\"records an inspectable source and state for every specimen\", () => {","\t\texpect(REQUIRED.every(id => ids.includes(id))).toBe(true);","\t\texpect(new Set(ids).size).toBe(ids.length);","\t\tlet ids = items.map(item => item.id);","\t\tlet items = AUDIT_INVENTORY.flatMap(group => group.items);","\t\t]);","\t\t\t\"authored-content\",","\t\t\t\"surfaces\",","\t\t\t\"controls\",","\t\t\t\"foundations\",","\t\texpect(AUDIT_INVENTORY.map(group => group.id)).toEqual([","\tit(\"covers every required system area exactly once\", () => {","describe(\"design audit inventory\", () => {","] as const;","\t\"table\",","\t\"image\",","\t\"formula\",","\t\"diagram\",","\t\"diff\",","\t\"code\",","\t\"research\",","\t\"callouts\",","\t\"errors\",","\t\"empty\",","\t\"loading\",","\t\"resolved-comments\",","\t\"decisions\",","\t\"chat\",","\t\"navigation\",","\t\"lists\",","\t\"dialogs\",","\t\"dropdowns\",","\t\"menus\",","\t\"tabs\",","\t\"selections\",","\t\"fields\",","\t\"links\",","\t\"icon-buttons\",","\t\"buttons\",","\t\"icons\",","\t\"shadows\",","\t\"radii\",","\t\"spacing\",","\t\"typography\",","\t\"colours\",","const REQUIRED = [","import { describe, expect, it } from \"bun:test\";","710fa2d6","apps/web/src/design-audit/frame.tsx",{"_348":1015,"_350":351},78,[885],{"_46":42,"_47":42,"_48":49,"_50":883,"_51":886},[887,888,889,890,891,892,893,894,895,896,897,898,899,900,901,902,903,904,905,906,907,908,909,910,911,912,913,914,915,916,917,918,919,920,921,922,923,924,925,926,927,928,929,930,931,932,933,934,935,936,937,938,939,940,941,942,943,944,945,946,947,948,949,950,951,952,953,954,955,956,957,958,959,960,961,962,963,964],{"_238":39,"_239":1014},{"_238":39,"_239":247},{"_238":39,"_239":1013},{"_238":39,"_239":1012},{"_238":39,"_239":247},{"_238":39,"_239":1011},{"_238":39,"_239":1010},{"_238":39,"_239":974},{"_238":39,"_239":1009},{"_238":39,"_239":401},{"_238":39,"_239":1008},{"_238":39,"_239":1007},{"_238":39,"_239":1006},{"_238":39,"_239":1005},{"_238":39,"_239":1004},{"_238":39,"_239":1003},{"_238":39,"_239":1002},{"_238":39,"_239":390},{"_238":39,"_239":987},{"_238":39,"_239":1001},{"_238":39,"_239":996},{"_238":39,"_239":1000},{"_238":39,"_239":999},{"_238":39,"_239":993},{"_238":39,"_239":998},{"_238":39,"_239":991},{"_238":39,"_239":990},{"_238":39,"_239":997},{"_238":39,"_239":988},{"_238":39,"_239":996},{"_238":39,"_239":995},{"_238":39,"_239":994},{"_238":39,"_239":993},{"_238":39,"_239":992},{"_238":39,"_239":991},{"_238":39,"_239":990},{"_238":39,"_239":989},{"_238":39,"_239":988},{"_238":39,"_239":987},{"_238":39,"_239":969},{"_238":39,"_239":986},{"_238":39,"_239":985},{"_238":39,"_239":984},{"_238":39,"_239":983},{"_238":39,"_239":982},{"_238":39,"_239":397},{"_238":39,"_239":396},{"_238":39,"_239":386},{"_238":39,"_239":240},{"_238":39,"_239":247},{"_238":39,"_239":981},{"_238":39,"_239":980},{"_238":39,"_239":974},{"_238":39,"_239":401},{"_238":39,"_239":979},{"_238":39,"_239":978},{"_238":39,"_239":977},{"_238":39,"_239":967},{"_238":39,"_239":386},{"_238":39,"_239":240},{"_238":39,"_239":247},{"_238":39,"_239":976},{"_238":39,"_239":975},{"_238":39,"_239":974},{"_238":39,"_239":401},{"_238":39,"_239":973},{"_238":39,"_239":972},{"_238":39,"_239":971},{"_238":39,"_239":970},{"_238":39,"_239":969},{"_238":39,"_239":968},{"_238":39,"_239":967},{"_238":39,"_239":386},{"_238":39,"_239":240},{"_238":39,"_239":247},{"_238":39,"_239":966},{"_238":39,"_239":965},{"_238":39,"_239":240},"\treturn {children};","export function StateLabel({ children }: { children: ReactNode }) {","\t\t","\t\t\t

{children}

","\t\t\t","\t\t\t\t{description ?

{description}

: null}","\t\t\t\t

{title}

","\t\t\t

","\t\t

",") {","\t{ children, description, title }: { children?: ReactNode; description?: string; title: string },","export function AuditPlate(","\t\t\t{children}","\t\t\t

{title}

","\t\t

","\t{ children, id, title }: { children: ReactNode; id: string; title: string },","export function AuditSection(","\t\t\t\t

{children}

","\t\t\t\t","\t\t\t\t\t{groups.map(group => {group.label})}","\t\t\t\t

","\t\t\t

","\t\t\t\t

","\t\t\t\t\t","\t\t\t\t\t\tNarrow","\t\t\t\t\t>","\t\t\t\t\t\ttype=\"button\"","\t\t\t\t\t\tonClick={() => setWidth(\"narrow\")}","\t\t\t\t\t\tclassName=\"btn btn-sm btn-ghost\"","\t\t\t\t\t\taria-pressed={width === \"narrow\"}","\t\t\t\t\t\taria-label=\"Preview narrow layout\"","\t\t\t\t\t setWidth(\"wide\")}","\t\t\t\t\t\taria-pressed={width === \"wide\"}","\t\t\t\t\t\taria-label=\"Preview wide layout\"","\t\t\t\t

","\t\t\t\t\t\tapplication.","\t\t\t\t\t\tA live map of the foundations, controls, surfaces, and authored content in the","\t\t\t\t\t

","\t\t\t\t\t

Chopin design audit

","\t\t\t\t

","\t\t\t

","\t\t

","\tlet [width, setWidth] = useState<\"wide\" | \"narrow\">(\"wide\");","\t{ children, groups }: { children: ReactNode; groups: readonly AuditGroup[] },","export function AuditFrame(","import type { AuditGroup } from \"./inventory\";","import type { ReactNode } from \"react\";","import { useState } from \"react\";","2808b31e","apps/web/src/design-audit/frame.test.tsx",{"_348":1058,"_350":351},21,[1020],{"_46":42,"_47":42,"_48":49,"_50":1018,"_51":1021},[1022,1023,1024,1025,1026,1027,1028,1029,1030,1031,1032,1033,1034,1035,1036,1037,1038,1039,1040,1041,1042],{"_238":39,"_239":879},{"_238":39,"_239":1057},{"_238":39,"_239":1056},{"_238":39,"_239":247},{"_238":39,"_239":1055},{"_238":39,"_239":247},{"_238":39,"_239":1054},{"_238":39,"_239":1053},{"_238":39,"_239":1052},{"_238":39,"_239":1051},{"_238":39,"_239":1050},{"_238":39,"_239":1049},{"_238":39,"_239":1048},{"_238":39,"_239":1047},{"_238":39,"_239":1046},{"_238":39,"_239":247},{"_238":39,"_239":1045},{"_238":39,"_239":1044},{"_238":39,"_239":1043},{"_238":39,"_239":430},{"_238":39,"_239":429},"\t\texpect(markup).toContain(\"Focus\");","\t\texpect(markup).toContain(\"Shared action hierarchy\");","\t\texpect(markup).toContain(\"Primary button\");","\t\t);","\t\t\t),","\t\t\t\tcreateElement(StateLabel, null, \"Focus\"),","\t\t\t\t{ title: \"Primary button\", description: \"Shared action hierarchy\" },","\t\t\t\tAuditPlate,","\t\t\tcreateElement(","\t\tlet markup = renderToStaticMarkup(","\tit(\"labels a specimen and its represented state\", () => {","describe(\"design audit specimen framing\", () => {","import { AuditPlate, StateLabel } from \"./frame\";","import { renderToStaticMarkup } from \"react-dom/server\";","import { createElement } from \"react\";","973802f0","parents",[20],"author",{"_1072":1073,"_1074":1075,"_1080":1082},"committer",{"_1072":1073,"_1074":1075,"_1080":1081},"message","Map design audit coverage","signature","subject","authors",[1071],{"_1072":1073,"_1074":1075,"_1076":1077,"_1078":1079},"name","Maggie Appleton","email","5599295+MaggieAppleton@users.noreply.github.com","login","MaggieAppleton","avatarUrl","https://avatars.githubusercontent.com/u/5599295?v=4","time",1788334019,1787908275,"documentNavigation","repo","githubnext/chopin","repoId","7d1a8ac3-35b0-4dea-85d4-06a980f3bada","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars","watchers","watching","pinned","notify","views",[1229,1230,1231,1232,1233,1234,1235,1236,1237,1238,1239,1240,1241],"navigation",{"_1103":1104,"_1187":1188,"_1189":1190,"_1191":1192,"_1193":1194,"_1195":1196,"_238":1197},"sources",[],"viewer","meta",{"_1180":1181,"_1182":1183,"_1184":247,"_1092":26,"_1185":1175,"_1186":26,"_1098":42,"_1099":42},"branches",[1122,1123,1124,1125,1126,1127,1128,1129,1130,1131,1132,1133,1134,1135,1136,1137,1138,1139,1140,1141,1142,1143,1144,1145,1146,1147,1148,1149,1150,1151,1152,1153,1154,1155,1156,1157,1158,1159,1160,1161,1162,1163,1164,1165,1166,1167,1168,1169,1170,1171,1172,1173,1174,1175,1176,1177,1178,1179],"tags",[1118,1119,1120,1121],"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",[1212,1213,1214],"documents",{"_1207":1208,"_1209":1210},"code",{"_1203":1204,"_1205":1206},"automations",{"_1200":1201,"_1202":-5},"delivery",{"_1198":42,"_1199":-5},"04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows",3,"deployments","commits",1000,"changes",13,"counts",{"_1211":1210},"total",11,"issue",{"_1215":1205,"_1072":1227,"_34":1205,"_1218":1228,"_1101":1220,"_1221":26,"_1222":1220,"_1223":1206},{"_1215":1224,"_1072":1225,"_34":1224,"_1218":1226,"_1101":1220,"_1221":26,"_1222":1220,"_1223":42},{"_1215":1216,"_1072":1217,"_34":1216,"_1218":1219,"_1101":1220,"_1221":26,"_1222":1220,"_1223":1210},"id","issues","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_1215":1205,"_1072":1227,"_34":1205,"_1218":1272,"_1101":1220,"_1221":26,"_1222":1220},{"_1215":1224,"_1072":1225,"_34":1224,"_1218":1271,"_1101":1220,"_1221":26,"_1222":1220},{"_1215":1216,"_1072":1217,"_34":1216,"_1218":1270,"_1101":1220,"_1221":26,"_1222":1220},{"_1215":1267,"_1072":1268,"_34":1267,"_1218":1269,"_1101":26,"_1221":26,"_1222":1220},{"_1215":1264,"_1072":1265,"_34":1264,"_1218":1266,"_1101":26,"_1221":26,"_1222":1220},{"_1215":1200,"_1072":1262,"_34":1193,"_1218":1263,"_1101":26,"_1221":26,"_1222":1220},{"_1215":1202,"_1072":1259,"_34":1260,"_1218":1261,"_1101":26,"_1221":26,"_1222":1220},{"_1215":1198,"_1072":1257,"_34":1198,"_1218":1258,"_1101":26,"_1221":26,"_1222":1220},{"_1215":1253,"_1072":1254,"_34":1255,"_1218":1256,"_1101":26,"_1221":26,"_1222":1220},{"_1215":1189,"_1072":1251,"_34":1189,"_1218":1252,"_1101":26,"_1221":26,"_1222":26},{"_1215":1248,"_1072":1249,"_34":1248,"_1218":1250,"_1101":26,"_1221":26,"_1222":26},{"_1215":1245,"_1072":1246,"_34":1245,"_1218":1247,"_1101":26,"_1221":26,"_1222":26},{"_1215":1242,"_1072":1243,"_34":1242,"_1218":1244,"_1101":26,"_1221":26,"_1222":26},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794438275654,"sidebar","expanded"]