[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_226":227,"_228":229},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_169":-5,"_20":170,"_22":171,"_172":173,"_174":175,"_26":176,"_24":177,"_178":-5,"_179":-5,"_180":55,"_181":182,"_183":47,"_184":-5,"_185":-5,"_186":187},"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","bnelevitt","name","untitled-2503","branchName","main","version","path","frontend","project",{"_35":113,"_13":14,"_48":114,"_115":-5,"_116":55,"_117":118,"_119":118,"_120":-5,"_121":-5,"_122":123,"_124":-5,"_125":55,"_126":-5,"_127":-5,"_128":50,"_129":130,"_131":132,"_133":134,"_135":136,"_137":-5,"_138":139,"_140":139,"_141":142,"_143":142,"_144":142,"_145":139,"_146":139,"_147":148,"_149":150,"_151":152,"_153":55},"tree",[71,72,73,74],"file",{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":67,"_46":47,"_48":68,"_17":50,"_51":69,"_52":-5,"_54":55,"_56":-5,"_18":70},"contents",[33,34],"upstream","pull","ahead","behind","envVars",{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":62,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_18":65},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":57},"id","333a13e8-3857-11f1-8e2a-42b51c65c3df","index.html","fileId","333a14a6-3857-11f1-8e2a-42b51c65c3df","parentId","30175734-3857-11f1-8e2a-42b51c65c3df","branchId","ec8088f0-f8fb-11f0-bc42-42dde27851f2","branchVersion",9,"latest",true,"createdAt",["D",1776208259787],0,"fileType","content","\n\n\n \n \n Sample Agent\n \n \n\n\n

\n \n\n\n","deleted",false,"label",[19,37],"3ee3db98-3857-11f1-8e2a-42b51c65c3df","app.tsx","3ee3dc88-3857-11f1-8e2a-42b51c65c3df",10,["D",1776208279354],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\ninterface Message {\n role: \"user\" | \"assistant\";\n content: string;\n}\n\nfunction App() {\n const [messages, setMessages] = useState([]);\n const [input, setInput] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const messagesEndRef = useRef(null);\n const inputRef = useRef(null);\n\n useEffect(() => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n }, [messages]);\n\n async function sendMessage(e: React.FormEvent) {\n e.preventDefault();\n const text = input.trim();\n if (!text || loading) return;\n\n setInput(\"\");\n setMessages((prev) => [...prev, { role: \"user\", content: text }]);\n setLoading(true);\n\n try {\n const res = await fetch(\"/api/chat\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ message: text }),\n });\n const data = await res.json();\n setMessages((prev) => [...prev, { role: \"assistant\", content: data.response }]);\n } catch (err) {\n setMessages((prev) => [\n ...prev,\n { role: \"assistant\", content: \"Sorry, something went wrong. Please try again.\" },\n ]);\n } finally {\n setLoading(false);\n inputRef.current?.focus();\n }\n }\n\n const suggestions = [\n \"What time is it in Tokyo?\",\n \"Calculate 42 * 17 + 3\",\n \"Pick a random number 1-100\",\n \"What can you do?\",\n ];\n\n return (\n

\n {/* Header */}\n

\n 🤖\n

Sample Agent

\n \n view source\n \n

\n\n {/* Messages area */}\n

\n {messages.length === 0 && (\n

🤖

Hi! I'm a sample agent.

\n I can tell time in any timezone, do math, and generate random numbers. Try asking me something!\n

\n {suggestions.map((s) => (\n {\n setInput(s);\n inputRef.current?.focus();\n }}\n className=\"px-3 py-1.5 bg-gray-800 hover:bg-gray-700 rounded-full text-sm text-gray-300 transition-colors\"\n >\n {s}\n \n ))}\n

\n )}\n\n {messages.map((msg, i) => (\n \n \n {msg.content}\n

\n ))}\n\n {loading && (\n

\n \n \n \n

\n )}\n\n

\n\n {/* Input area */}\n \n \n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[19,59],"30175680-3857-11f1-8e2a-42b51c65c3df",8,["D",1776208254525],"directory",[19],{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":67,"_46":47,"_48":102,"_17":50,"_51":69,"_52":-5,"_54":55,"_56":-5,"_83":103,"_18":104},{"_35":94,"_13":95,"_38":96,"_40":-5,"_42":43,"_44":97,"_46":47,"_48":98,"_17":50,"_51":24,"_52":99,"_54":55,"_56":-5,"_83":100,"_18":101},{"_35":86,"_13":87,"_38":88,"_40":-5,"_42":43,"_44":89,"_46":47,"_48":90,"_17":50,"_51":63,"_52":91,"_54":55,"_56":-5,"_83":92,"_18":93},{"_35":75,"_13":76,"_38":77,"_40":-5,"_42":43,"_44":78,"_46":47,"_48":79,"_17":80,"_51":81,"_52":82,"_54":55,"_56":-5,"_83":84,"_18":85},"2781693e-3857-11f1-8e2a-42b51c65c3df","main.ts","ec84ce74-f8fb-11f0-bc42-42dde27851f2",6,["D",1776208240110],5,"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Serve frontend\napp.get(\"/\", (c) => serveFile(\"frontend/index.html\", import.meta.url));\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// API route for chat\napp.post(\"/api/chat\", async (c) => {\n const { message } = await c.req.json();\n const { runAgent } = await import(\"./agent.ts\");\n const result = await runAgent(message);\n return c.json({ response: result });\n});\n\n// View source\napp.get(\"/source\", (c) => c.redirect(parseVal(import.meta.url).links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[76],"2ea5d70e-3857-11f1-8e2a-42b51c65c3df","agent.ts","2ea5d7cc-3857-11f1-8e2a-42b51c65c3df",7,["D",1776208252104],"import { Agent, run, tool } from \"npm:@openai/agents@0.7\";\nimport { z } from \"npm:zod\";\n\n// Custom tool: get current time in any timezone\nconst getTimeTool = tool({\n name: \"get_current_time\",\n description: \"Get the current date and time in a given timezone (e.g. 'America/New_York', 'Europe/London', 'Asia/Tokyo'). Use 'UTC' if no timezone is specified.\",\n parameters: z.object({\n timezone: z.string().describe(\"IANA timezone string, e.g. 'America/New_York'\"),\n }),\n execute: async ({ timezone }) => {\n try {\n const now = new Date();\n const formatted = now.toLocaleString(\"en-US\", {\n timeZone: timezone,\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n second: \"2-digit\",\n timeZoneName: \"short\",\n });\n return `Current time in ${timezone}: ${formatted}`;\n } catch {\n return `Invalid timezone: \"${timezone}\". Use IANA format like \"America/New_York\".`;\n }\n },\n});\n\n// Custom tool: do math calculations\nconst calculatorTool = tool({\n name: \"calculator\",\n description: \"Evaluate a mathematical expression. Supports basic arithmetic (+, -, *, /), exponents (**), and parentheses.\",\n parameters: z.object({\n expression: z.string().describe(\"The math expression to evaluate, e.g. '(2 + 3) * 4'\"),\n }),\n execute: async ({ expression }) => {\n try {\n // Safe math evaluation using Function constructor with only math operations\n const sanitized = expression.replace(/[^0-9+\\-*/().%\\s^]/g, \"\");\n const result = new Function(`return (${sanitized.replace(/\\^/g, \"**\")})`)();\n return `${expression} = ${result}`;\n } catch {\n return `Could not evaluate: \"${expression}\". Make sure it's a valid math expression.`;\n }\n },\n});\n\n// Custom tool: generate a random number\nconst randomNumberTool = tool({\n name: \"random_number\",\n description: \"Generate a random integer between min and max (inclusive).\",\n parameters: z.object({\n min: z.number().describe(\"Minimum value\"),\n max: z.number().describe(\"Maximum value\"),\n }),\n execute: async ({ min, max }) => {\n const result = Math.floor(Math.random() * (max - min + 1)) + min;\n return `Random number between ${min} and ${max}: ${result}`;\n },\n});\n\nconst agent = new Agent({\n name: \"Sample Agent\",\n instructions: `You are a friendly and helpful AI assistant with access to tools. \nYou can:\n- Tell the current time in any timezone\n- Do math calculations\n- Generate random numbers\n\nBe concise but helpful. Use your tools when the user's request would benefit from them.\nIf someone asks what you can do, tell them about your tools.`,\n tools: [getTimeTool, calculatorTool, randomNumberTool],\n});\n\nexport async function runAgent(message: string): Promise {\n const result = await run(agent, message, { maxTurns: 5 });\n return result.finalOutput;\n}\n",[],[87],"48e46bd0-3857-11f1-b691-42b51c65c3df","README.md","48e46c7a-3857-11f1-b691-42b51c65c3df",11,["D",1776208296134],"# Sample Agent\n\nA chat-style AI agent built with the [OpenAI Agents SDK](https://openai.github.io/openai-agents-js/) and a React frontend.\n\n## Tools\n\nThe agent has 3 custom tools:\n\n| Tool | Description |\n|------|-------------|\n| 🕐 **get_current_time** | Get the current time in any IANA timezone |\n| 🧮 **calculator** | Evaluate math expressions |\n| 🎲 **random_number** | Generate random integers in a range |\n\n## Architecture\n\n```mermaid\nflowchart LR\n A[React Chat UI] -->|POST /api/chat| B[Hono Server]\n B --> C[OpenAI Agent]\n C -->|tool calls| D[Tools]\n D -->|results| C\n C -->|final answer| B\n B -->|JSON response| A\n```\n\n## Setup\n\n1. **Set the `OPENAI_API_KEY` environment variable.** Get your key at https://platform.openai.com/api-keys\n2. Open the live URL and start chatting!\n\n## Files\n\n- `main.ts` — Hono HTTP server (entrypoint)\n- `agent.ts` — Agent definition with tools\n- `frontend/index.html` — HTML shell\n- `frontend/app.tsx` — React chat UI\n",[],[95],["D",1776208254525],[105,106],[19],{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":110,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_83":111,"_18":112},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":107,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_83":108,"_18":109},["D",1776208259787],[],[19,37],["D",1776208279354],[],[19,59],"ec7fd59a-f8fb-11f0-bc42-42dde27851f2",["D",1769242133636],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","019bef07-c64e-732f-a4cf-141aa7329fae","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019bef07-c64e-732f-a4cf-18f8ca4e30e3","tursoName","ec7fd59af8fb11f0bc4242dde27851f2","tursoHostname","ec7fd59af8fb11f0bc4242dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789530055570],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_168":164},"org",{"_11":12,"_162":-5,"_163":164,"_122":123,"_165":166,"_167":55},"branch",{"_17":97,"_13":16,"_35":43,"_154":113,"_155":-5,"_156":-5,"_157":-5,"_158":-5,"_159":-5,"_160":14,"_161":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM4aEJFekg1ZGVzcFVGZ1FrMmVjcE1BQjdHRiJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":113,"_13":14,"_48":221,"_115":-5,"_116":55,"_117":118,"_119":118,"_120":-5,"_121":-5,"_122":123,"_124":-5,"_125":55,"_126":-5,"_127":-5,"_128":50,"_129":130,"_131":132,"_133":134,"_135":222,"_137":-5,"_138":139,"_140":139,"_141":142,"_143":142,"_144":142,"_145":139,"_146":139,"_147":223,"_149":224,"_151":225,"_153":55},[203,206,207,208],"files",[203,204,205,206,207,208],"counts",{"_193":50,"_194":195,"_196":50,"_32":197,"_198":199},[189,190],{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":67,"_46":47,"_48":68,"_17":50,"_51":69,"_52":-5,"_54":55,"_56":-5,"_18":188},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":62,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_18":192},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":191},[19,37],[19,59],"pulls","branches",1,"forks",{"_200":50,"_202":50},"connections",{"_200":50,"_201":50},"count","unfilledCount","emptyCount",{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":67,"_46":47,"_48":102,"_17":50,"_51":69,"_52":-5,"_54":55,"_56":-5,"_83":219,"_18":220},{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":110,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_83":217,"_18":218},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":107,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_83":215,"_18":216},{"_35":94,"_13":95,"_38":96,"_40":-5,"_42":43,"_44":97,"_46":47,"_48":98,"_17":50,"_51":24,"_52":99,"_54":55,"_56":-5,"_83":213,"_18":214},{"_35":86,"_13":87,"_38":88,"_40":-5,"_42":43,"_44":89,"_46":47,"_48":90,"_17":50,"_51":63,"_52":91,"_54":55,"_56":-5,"_83":211,"_18":212},{"_35":75,"_13":76,"_38":77,"_40":-5,"_42":43,"_44":78,"_46":47,"_48":79,"_17":80,"_51":81,"_52":82,"_54":55,"_56":-5,"_83":209,"_18":210},[],[76],[],[87],[],[95],[],[19,37],[],[19,59],[204,205],[19],["D",1769242133636],["D",1789530055570],{"_11":12,"_168":164},{"_11":12,"_162":-5,"_163":164,"_122":123,"_165":166,"_167":55},{"_17":97,"_13":16,"_35":43,"_154":113,"_155":-5,"_156":-5,"_157":-5,"_158":-5,"_159":-5,"_160":14,"_161":12},"ctx",{"_147":-5,"_185":259,"_260":261,"_262":263,"_264":55,"_265":55,"_266":55,"_267":47,"_268":-5,"_269":-7,"_270":-7,"_271":50,"_272":55,"_273":55,"_274":-5,"_275":55,"_276":55,"_277":55,"_278":-5},"ENV",{"_230":231,"_232":233,"_234":16,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]