`, favicon, and body of `Root()` to\nmatch your app's existing `index.html`, and stamp anything else your shell\nreferences directly (images, css) with `immutableFileUrl()`.\n\n1. Create `frontend/root.tsx`:\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"<!DOCTYPE html>\")}\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>React Hono Val Town Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_376":377,"_378":379},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"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",24,"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","benchmark/config.ts","latestPath","fileId","3c8e2888-a235-11f1-bf17-1607ee4eb77e","name","config.ts","fileType","script","content","import type { BenchmarkConfig } from \"../shared/types.ts\";\n\nexport const FULL_BENCHMARK_CONFIG: BenchmarkConfig = {\n label: \"Full provider comparison\",\n modelId: \"zai/glm-5.3-flash\",\n runsPerProvider: 4,\n maxOutputTokens: 300,\n providerConcurrency: 3,\n requestTimeoutMs: 75_000,\n};\n\nexport const SMOKE_BENCHMARK_CONFIG: BenchmarkConfig = {\n label: \"Smoke test\",\n modelId: \"zai/glm-5.3-flash\",\n runsPerProvider: 1,\n maxOutputTokens: 80,\n providerConcurrency: 1,\n requestTimeoutMs: 45_000,\n providers: [\"wafer\"],\n};\n","import type { BenchmarkConfig } from \"../shared/types.ts\";\n\nexport const FULL_BENCHMARK_CONFIG: BenchmarkConfig = {\n label: \"Full provider comparison\",\n modelId: \"zai/glm-5.3-flash\",\n runsPerProvider: 4,\n maxOutputTokens: 300,\n providerConcurrency: 3,\n requestTimeoutMs: 75_000,\n};\n","createdAt",["D",1787852192235],"branchVersion","branchId","24cb14b4-1851-4548-adc6-43a574860a3d","id","d055324c-28f9-4529-80dd-e9bbfbdbeb65","glm53-flash-benchmark",["D",1787848294548],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Run and compare AI Gateway providers","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","01a04410-0100-7214-ba2d-a172e514af90","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","tursoName","d055324c28f9452980dde9bbfbdbeb65","tursoHostname","d055324c28f9452980dde9bbfbdbeb65-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789587078639],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":-5,"_106":107,"_108":60},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"isOwned",338,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","valdottown","handle","displayName","Val Town ","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9","tier","business","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":371,"_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":372,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":373,"_85":374,"_87":375,"_89":25},"tree",[198,203,206,217,219,220,221],"files",[198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221],"counts",{"_188":64,"_189":185,"_190":145,"_191":192,"_193":194},"contents",[132,133,134,135,136,137,138],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":182,"_32":183,"_30":184,"_141":-5,"_42":43,"_41":185,"_143":60,"_39":186,"_13":64,"_34":169,"_36":-5,"_24":25,"_148":-5,"_27":187},{"_44":176,"_32":177,"_30":178,"_141":-5,"_42":43,"_41":179,"_143":60,"_39":180,"_13":64,"_34":169,"_36":-5,"_24":25,"_148":-5,"_27":181},{"_44":171,"_32":172,"_30":173,"_141":-5,"_42":43,"_41":145,"_143":60,"_39":174,"_13":64,"_34":169,"_36":-5,"_24":25,"_148":-5,"_27":175},{"_44":164,"_32":165,"_30":166,"_141":-5,"_42":43,"_41":167,"_143":60,"_39":168,"_13":64,"_34":169,"_36":-5,"_24":25,"_148":-5,"_27":170},{"_44":158,"_32":159,"_30":160,"_141":-5,"_42":43,"_41":145,"_143":25,"_39":161,"_13":64,"_34":20,"_36":162,"_24":25,"_148":-5,"_27":163},{"_44":151,"_32":152,"_30":153,"_141":-5,"_42":43,"_41":154,"_143":25,"_39":155,"_13":145,"_34":20,"_36":156,"_24":25,"_148":-5,"_27":157},{"_44":139,"_32":140,"_30":58,"_141":-5,"_42":43,"_41":142,"_143":25,"_39":144,"_13":145,"_34":146,"_36":147,"_24":25,"_148":149,"_27":150},"c052d1b7-a116-43bf-8e43-50a3213b08df","index.ts","parentId",13,"latest",["D",1787848558274],1,"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono@4\";\nimport { getBenchmarkRun, listBenchmarkRuns } from \"./db/queries.ts\";\nimport { Root } from \"./frontend/root.tsx\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => c.html(Root()));\n\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n\napp.get(\"/api/runs\", async (c) => {\n const runs = await listBenchmarkRuns();\n c.header(\"Cache-Control\", \"no-store\");\n c.header(\"X-Content-Type-Options\", \"nosniff\");\n return c.json({ runs });\n});\n\napp.get(\"/api/runs/:id\", async (c) => {\n const run = await getBenchmarkRun(c.req.param(\"id\"));\n c.header(\"Cache-Control\", \"no-store\");\n c.header(\"X-Content-Type-Options\", \"nosniff\");\n return run\n ? c.json({ run })\n : c.json({ error: \"Benchmark run not found\" }, 404);\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label","glm53flash",[140],"401f9d03-59f5-4269-bccf-83d3ee08c51e","README.md","01a04410-0100-7214-ba2d-9ca990fb87d3",20,["D",1787849973345],"# GLM-5.3-Flash Gateway Benchmark\n\nA Val Town dashboard and manually-run benchmark for comparing\n`zai/glm-5.3-flash` providers through Vercel AI Gateway.\n\n## What is public\n\n- The dashboard and source code.\n- Read-only routes: `GET /api/runs` and `GET /api/runs/:id`.\n- Raw measurements, captured provider metadata, and the benchmark methodology.\n\n## What is not public\n\nThe Vercel AI Gateway credential is an encrypted Val environment variable named\n`VERCEL_AI_GATEWAY_API_KEY`. No HTTP route triggers a model request. Only Val\neditors can open a script file and click Run against the original credential.\n\n## Run a benchmark\n\n1. Edit [benchmark/config.ts](./benchmark/config.ts) if you need a different\n model, provider allowlist, request count, or output cap.\n2. Open [benchmark/run.ts](./benchmark/run.ts) in Val Town and click **Run**.\n3. Refresh the dashboard. The runner saves each attempt to the val-scoped\n SQLite database and resumes an incomplete run when its configuration matches.\n\nUse [benchmark/smoke.ts](./benchmark/smoke.ts) for a one-provider validation\nbefore changing runner internals.\n\n## Design\n\n- `benchmark/` contains the editable config, fixed multi-turn prompt, and manual\n runners.\n- `db/` owns the val-scoped SQLite schema and parameterized queries.\n- `frontend/` is a small React dashboard.\n- `shared/` contains the result types and aggregation logic used by both API and UI.\n\nThe dashboard links to the Vercel model page, Vercel provider catalogue, the\ncaptured endpoint metadata, and the related Val Town pull request.\n",[152],"6456befa-e5ac-4def-a9e9-75078f5981eb","CHANGELOG.md","01a04410-0100-7214-ba2d-9a1f957737cb",["D",1787848294548],"# Changelog\n\n## 2026-07-30 — Immutable asset caching\n\nFrontend files are now served at version-addressed URLs\n(`/__immutable/45/frontend/index.tsx`) with\n`Cache-Control: public, max-age=31536000, immutable`, so repeat visits load the\nwhole client graph from the browser cache — roughly 3× faster (~665ms → ~157ms\nmeasured). Publishing your val bumps its version, which changes every URL, so\ncaches invalidate automatically. Old-version URLs return 404 after a publish\n(like Next.js build assets); a reload picks up the new version.\n\nWhat changed in the template:\n\n- `frontend/index.html` → [`frontend/root.tsx`](/frontend/root.tsx): the HTML\n shell is now JSX and stamps asset URLs with `immutableFileUrl()`\n- [`index.ts`](/index.ts): serves `Root()` at `/`, and one\n `app.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path))` route\n serves all frontend files\n\n### Upgrading an existing remix\n\nYour copy of this template doesn't update automatically. Two options:\n\n**Minimal (most of the benefit):** point both routes at `serveImmutableFile` —\nyour existing bare URLs redirect into versioned space, the new route serves\nthem, and the whole module graph gets cached (costs one redirect per page view):\n\n```ts\nimport { serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\n\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/frontend/**/*\", (c) => serveImmutableFile(c.req.path)); // was serveFile\n```\n\n**Full upgrade (also removes the redirect):** three self-contained steps —\nno other files needed. Adjust the ``, favicon, and body of `Root()` to\nmatch your app's existing `index.html`, and stamp anything else your shell\nreferences directly (images, css) with `immutableFileUrl()`.\n\n1. Create `frontend/root.tsx`:\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"<!DOCTYPE html>\")}\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>React Hono Val Town Starter\n

Diff · v24