[{"_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",336,"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/pages/kit.tsx","latestPath","fileId","addfd5a0-a4a5-11f1-b768-1607ee4eb77e","name","kit.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@19.2.0 */\n// kit.tsx — Small shared pieces reused across every info page: a reference\n// link row and a \"try the live API\" card (button + output area wired by\n// client.ts via id convention `${id}-btn` / `${id}-out`).\n\nimport { Button, Card, Heading, HStack, Link, Text, VStack } from \"../astryx/components.ts\";\n\nexport function PageLinks({ links }: { links: { href: string; label: string }[] }) {\n return (\n \n {links.map((l) => (\n \n {l.label}\n \n ))}\n \n );\n}\n\n/**\n * Link to a file in this val's public code browser. Every Val Town HTTP val\n * is browsable source regardless of privacy — but the browser URL needs the\n * *owner's* username, and the platform has no runtime API for that. Falls\n * back to a plain path when VAL_TOWN_USERNAME isn't set (see\n * backend/shared.ts and val.yml).\n */\nexport function SourceLink(\n { valTownUsername, appName, path }: { valTownUsername: string; appName: string; path: string },\n) {\n if (!valTownUsername) return code/{path};\n return (\n \n {path}\n \n );\n}\n\nexport function SourceLinkList(\n { valTownUsername, appName, files }: {\n valTownUsername: string;\n appName: string;\n files: readonly { path: string; desc: string }[];\n },\n) {\n return (\n \n {files.map((f) => (\n \n \n {f.desc}\n \n ))}\n \n );\n}\n\nexport function DemoBox(\n { id, title, label, endpoint }: { id: string; title: string; label: string; endpoint: string },\n) {\n return (\n \n \n {title}\n {endpoint}\n \n

Diff · v336