{`uAgents · ${title}`}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_499":500,"_501":502},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":54,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":60,"_127":-5,"_128":-5,"_129":130},"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",118,"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","frontend/layout.tsx","latestPath","fileId","f3474b16-6128-11f1-b4a4-1607ee4eb77e","name","layout.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/preact@10.29.1 */\n// layout.tsx — Shared beer.css (Material Design 3) document shell. The top app bar\n// is the app's persistent chrome: brand on the left; page actions, the signed-in\n// user, and sign-out on the right. Styling comes from the modular styles/ layer.\n\nimport type { ComponentChildren } from \"https://esm.sh/preact@10.29.1\";\nimport { GLOBAL_CSS } from \"./styles/index.ts\";\nimport { UserBadge } from \"./shared.tsx\";\n\nconst BEER_CSS = \"https://cdn.jsdelivr.net/npm/beercss@4.0.21/dist/cdn/beer.min.css\";\nconst BEER_JS = \"https://cdn.jsdelivr.net/npm/beercss@4.0.21/dist/cdn/beer.min.js\";\nconst ICONS =\n \"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@40,400,0,0\";\n\nexport interface ShellUser {\n username: string;\n avatarUrl?: string;\n}\n\ninterface ShellProps {\n title: string;\n user?: ShellUser;\n navActions?: ComponentChildren;\n children: ComponentChildren;\n}\n\n/** Full HTML document: top app bar (brand + actions + user) and a page container. */\nexport function Shell({ title, user, navActions, children }: ShellProps) {\n return (\n \n \n \n \n {`uAgents · ${title}`}\n \n \n \n \n \n \n \n

{children}

\n \n \n \n \n \n

{children}

Diff · v118