{title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_365":366,"_367":368},"routes/_app.x.$handle.$name",{"_103":102,"_32":46,"_112":91,"_27":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_20":-5,"_124":-5,"_125":126,"_127":25,"_128":129,"_130":60,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",2,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","components/Shell.tsx","latestPath","fileId","019e9f0e-d5c3-7132-859f-b156cae7e7eb","name","Shell.tsx","fileType","script","content","// HTML shell — Twind for Tailwind, std/catch for client error logging.\n// React 18.2 pinned everywhere to avoid hook-state version conflicts.\n\nimport React from \"https://esm.sh/react@18.2.0\";\n\ntype Props = {\n title: string;\n children: React.ReactNode;\n};\n\nexport function Shell({ title, children }: Props) {\n return (\n \n \n \n \n {title}\n \n \n \n \n \n \n \n \n {children}\n \n \n );\n}\n","// HTML shell — Twind for Tailwind, std/catch for client error logging.\n// React 18.2 pinned everywhere to avoid hook-state version conflicts.\n//\n// Type system (taste refresh): Geist for UI/display, Geist Mono for every\n// number (scores, ranks, countdown, GD) via the .num helper — a scoreboard\n// reads better when figures are tabular and monospaced. One locked accent\n// (emerald) is exposed as --accent for the few places that need an inline\n// brand color; everywhere else uses Twind emerald utilities.\n\nimport React from \"https://esm.sh/react@18.2.0\";\n\ntype Props = {\n title: string;\n children: React.ReactNode;\n};\n\nconst BASE_STYLES = `\n :root {\n --accent: #059669; /* emerald-600 — the one locked brand accent */\n --accent-strong: #047857; /* emerald-700 — hover / pressed */\n font-family: 'Geist', system-ui, -apple-system, sans-serif;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n body { font-family: 'Geist', system-ui, -apple-system, sans-serif; }\n\n /* Tabular monospaced figures — apply to any run of numbers. */\n .num, code, .font-mono {\n font-family: 'Geist Mono', ui-monospace, SFMono-Regular, monospace;\n }\n .num { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; }\n\n ::selection { background: rgba(5, 150, 105, 0.18); }\n\n /* Reduced-motion safety net for the CSS-driven reveals added in the refresh. */\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.001ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.001ms !important;\n scroll-behavior: auto !important;\n }\n }\n`;\n\nexport function Shell({ title, children }: Props) {\n return (\n \n \n \n \n \n {title}\n \n \n \n \n \n

Diff · v2