[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_462":463,"_464":465},"routes/_app.x.$handle.$name",{"_102":101,"_32":46,"_111":92,"_27":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_20":-5,"_123":-5,"_124":-5,"_125":25,"_126":127,"_128":61,"_129":-5,"_130":-5,"_131":132},"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":56,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":25},"version",296,"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/astryx/shell.tsx","latestPath","fileId","abd853b8-a4a5-11f1-b7f1-1607ee4eb77e","name","shell.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@19.2.0 */\n// shell.tsx — Side navigation, user section, and the theme-mode switcher.\n// Real navigation (server-rendered, per-route) — no client router.\n\nimport {\n Badge,\n Button,\n ButtonGroup,\n Divider,\n HStack,\n Link,\n SideNav,\n SideNavHeading,\n SideNavItem,\n Text,\n VStack,\n} from \"./components.ts\";\nimport type { ThemeMode, UserInfo } from \"../types.ts\";\n\nconst NAV = [\n { page: \"home\", label: \"Home\", href: \"/\" },\n { page: \"http\", label: \"HTTP Trigger\", href: \"/http\" },\n { page: \"sqlite\", label: \"SQLite\", href: \"/sqlite\" },\n { page: \"cron\", label: \"Cron Trigger\", href: \"/cron\" },\n { page: \"email\", label: \"Email Trigger\", href: \"/email\" },\n { page: \"blob\", label: \"Blob Storage\", href: \"/blob\" },\n { page: \"ui\", label: \"Design System\", href: \"/ui\" },\n];\n\nconst MODES: { value: ThemeMode; label: string }[] = [\n { value: \"system\", label: \"Auto (OS)\" },\n { value: \"light\", label: \"Light\" },\n { value: \"dark\", label: \"Dark\" },\n];\n\n// ── UserSection ───────────────────────────────────────────────────────────────\n\nfunction UserSection({ user }: { user: UserInfo | null }) {\n if (!user) {\n return Sign in with Val Town;\n }\n const roleLabel = user.isSuperAdmin ? \"super\" : user.isAdmin ? \"admin\" : null;\n return (\n \n \n {user.username}\n {roleLabel && }\n \n \n

Diff · v296