[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_502":503,"_504":505},"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",330,"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 Avatar,\n Badge,\n Button,\n ButtonGroup,\n Divider,\n HStack,\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: \"anatomy\", label: \"Anatomy\", href: \"/anatomy\" },\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\" },\n { value: \"light\", label: \"Light\" },\n { value: \"dark\", label: \"Dark\" },\n];\n\n// ── UserSection ───────────────────────────────────────────────────────────────\n// Signed out: a real primary Button (not a bare link) — the sidebar's single\n// most important action when there's no session yet.\n// Signed in: an AvatarUserCard-style identity row (Avatar + name + role chip),\n// with \"Sign out\" as a full-width ghost button below it — declared full-width\n// on purpose via the `width` prop, unlike the accidental Badge-stretch bug\n// this fixed elsewhere (see fix/astryx-badge-stretch history).\n\nfunction UserSection({ user }: { user: UserInfo | null }) {\n if (!user) {\n return (\n

Diff · v330