React Hono Val Town Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_267":268,"_269":270},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_200":-5,"_20":201,"_22":202,"_203":204,"_205":206,"_26":207,"_24":208,"_209":-5,"_210":-5,"_211":54,"_212":213,"_214":45,"_215":-5,"_216":-5,"_217":218},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","NITHISHLUNA","name","nicko-ai","branchName","main","version","path","frontend/components/Counter.tsx","project",{"_33":145,"_13":14,"_46":146,"_147":-5,"_148":54,"_149":150,"_151":150,"_152":153,"_154":-5,"_155":156,"_157":65,"_158":45,"_159":-5,"_160":-5,"_161":48,"_162":163,"_164":-5,"_165":-5,"_166":-5,"_167":-5,"_168":169,"_170":169,"_171":172,"_173":172,"_174":172,"_175":169,"_176":169,"_177":178,"_179":180,"_181":182,"_183":54},"tree",[59,60,61,62],"file",{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"contents",[],"upstream","pull","ahead","behind","envVars","id","46bd378a-ede1-4cfd-86c2-eb6b92421f17","Counter.tsx","fileId","01a07c22-eb1e-735b-912f-dd1bac77fb94","parentId","01a07c22-eb1e-735b-912f-d62b1e46713f","branchId","88abf643-bdd7-4652-96ac-eb6946946c4a","branchVersion",2,"latest",true,"createdAt",["D",1788789058334],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n","deleted",false,"label",[57,58,35],"frontend","components",{"_33":131,"_13":132,"_36":133,"_38":-5,"_40":41,"_42":127,"_44":45,"_46":134,"_17":48,"_49":85,"_51":-5,"_53":54,"_55":-5,"_70":135,"_18":136},{"_33":82,"_13":57,"_36":83,"_38":-5,"_40":41,"_42":43,"_44":45,"_46":84,"_17":48,"_49":85,"_51":-5,"_53":54,"_55":-5,"_70":86,"_18":87},{"_33":73,"_13":74,"_36":75,"_38":-5,"_40":41,"_42":76,"_44":45,"_46":77,"_17":78,"_49":68,"_51":79,"_53":54,"_55":-5,"_70":80,"_18":81},{"_33":63,"_13":64,"_36":65,"_38":-5,"_40":41,"_42":66,"_44":45,"_46":67,"_17":48,"_49":68,"_51":69,"_53":54,"_55":-5,"_70":71,"_18":72},"0498cd91-5be1-4037-a88d-2cacfe972422","main.ts","1abd655c-aac3-11f1-a631-1607ee4eb77e",1,["D",1788789036771],"http","import { Hono } from \"npm:hono\";\nconst app = new Hono();\napp.get(\"/\", (c) => c.text(\"NICKO AI is starting...\"));\nexport default app;","children",[],[64],"e32d26d2-b706-4ecb-a74e-cdcffc126fbf","index.ts","01a07c22-eb1e-735b-912f-cd0898132181",11,["D",1788834420353],3,"import { Hono } from \"npm:hono\";\nimport { cors } from \"npm:hono/cors\";\n\nconst app = new Hono();\napp.use(\"/api/*\", cors());\n\nconst NICKO_SYSTEM = `You are NICKO, the onboard AI assistant prototype for the Titanisis spacecraft.\nBe calm, concise, technically capable, and helpful. Explain science, engineering, navigation concepts, mission planning, and telemetry clearly.\nTreat spacecraft control as simulation unless an authorized external control system explicitly confirms an action.\nNever claim a physical action occurred when it did not.\nSeparate observations, analysis, recommendations, and authorized actions.\nSafety-critical operations require human authorization and independent verification.`;\n\nconst localCore = (message: string) => {\n const q = message.toLowerCase().trim();\n if (!q) return \"NICKO local core online. Send me a question or command.\";\n if (q.includes(\"status\") || q.includes(\"systems\")) {\n return \"NICKO STATUS — CORE ONLINE • MEMORY READY • NAV READY • TELEMETRY READY • SAFETY ACTIVE. This is a software simulation; no physical spacecraft action has been performed.\";\n }\n if (q.includes(\"hello\") || q.includes(\"hi\") || q.includes(\"nicko\")) {\n return \"NICKO online. I can help with Titanisis planning, astronomy, physics, software architecture, and mission simulations.\";\n }\n if (q.includes(\"free\") || q.includes(\"unlimited\")) {\n return \"Local Core mode is free to run, but it is a lightweight fallback rather than a full cloud LLM. Cloud AI usage can have provider limits or costs.\";\n }\n return `NICKO Local Core received: “${message.slice(0, 500)}”. Full reasoning is unavailable without a configured AI provider, so I won't pretend to know more than this local core can determine.`;\n};\n\napp.get(\"/\", (c) => c.html(`

`));\n\napp.post(\"/api/chat\", async (c) => {\n try {\n const body = await c.req.json().catch(() => ({}));\n const message = typeof body?.message === \"string\" ? body.message.trim() : \"\";\n if (!message) return c.json({ error: \"Message is required.\" }, 400);\n\n const apiKey = Deno.env.get(\"OPENAI_API_KEY\");\n const model = Deno.env.get(\"NICKO_MODEL\") || \"gpt-5.6-luna\";\n\n // Always keep the app usable without a paid API key.\n if (!apiKey) return c.json({ text: localCore(message), mode: \"local\" });\n\n const response = await fetch(\"https://api.openai.com/v1/responses\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${apiKey}`,\n },\n body: JSON.stringify({\n model,\n instructions: NICKO_SYSTEM,\n input: message,\n max_output_tokens: 700,\n }),\n });\n\n if (!response.ok) {\n // Gracefully fall back instead of turning the chat into an error page.\n console.error(\"AI provider error:\", response.status, await response.text());\n return c.json({ text: localCore(message), mode: \"local-fallback\" });\n }\n\n const data = await response.json();\n return c.json({ text: data.output_text || localCore(message), mode: \"cloud\" });\n } catch (error) {\n console.error(error);\n return c.json({ text: localCore(\"The cloud service is unavailable right now.\"), mode: \"local-fallback\" }, 200);\n }\n});\n\nexport default app.fetch;\n",[],[74],"fb0333c0-af0d-4ae7-9454-7ceb0427845b","01a07c22-eb1e-735b-912f-d25e202a8f65",["D",1788789058334],"directory",[88,89,90,91],[57],{"_33":113,"_13":58,"_36":39,"_38":83,"_40":41,"_42":43,"_44":45,"_46":114,"_17":48,"_49":85,"_51":-5,"_53":54,"_55":-5,"_70":115,"_18":116},{"_33":106,"_13":107,"_36":108,"_38":83,"_40":41,"_42":43,"_44":45,"_46":109,"_17":48,"_49":24,"_51":110,"_53":54,"_55":-5,"_70":111,"_18":112},{"_33":99,"_13":100,"_36":101,"_38":83,"_40":41,"_42":43,"_44":45,"_46":102,"_17":48,"_49":50,"_51":103,"_53":54,"_55":-5,"_70":104,"_18":105},{"_33":92,"_13":93,"_36":94,"_38":83,"_40":41,"_42":43,"_44":45,"_46":95,"_17":48,"_49":50,"_51":96,"_53":54,"_55":-5,"_70":97,"_18":98},"6aace013-b8b7-4058-aca2-1a2d3aa9df47","root.tsx","01a07c22-eb1f-760b-98ef-0b2ca8ab8421",["D",1788789058334],"/** @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(\"\")}\n \n \n \n \n React Hono Val Town Starter\n