[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_219":220,"_221":222},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_121":-5,"_19":122,"_123":124,"_125":126,"_127":128,"_129":130,"_21":131,"_132":-5,"_133":-5,"_134":24,"_135":136,"_137":138,"_139":-5,"_140":-5,"_141":142},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","bnelevitt","name","untitled-2503","branchName","main","path","frontend/index.html","project",{"_32":71,"_13":14,"_36":72,"_73":-5,"_74":24,"_75":76,"_77":76,"_78":-5,"_79":-5,"_30":67,"_80":-5,"_81":24,"_82":-5,"_83":-5,"_84":26,"_40":41,"_85":86,"_87":88,"_89":90,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_52":101,"_102":103,"_104":105,"_106":24},"file",{"_62":63,"_13":64,"_65":21,"_66":24,"_70":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60},"id","333c101c-3857-11f1-8e2a-42b51c65c3df","branchId","ec8088f0-f8fb-11f0-bc42-42dde27851f2","createdAt",["D",1776208259787],"version",9,"orgId","019bef07-c64e-732f-a4cf-18f8ca4e30e3","parentId","30198162-3857-11f1-8e2a-42b51c65c3df","incomingCommitId","aiChatMessageId","d1996413-b0dd-4175-86dc-e6c9fbd52922","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":67,"_40":41,"_11":12,"_68":69},{"_62":63,"_13":64,"_65":21,"_66":24},"pull","merge","revert","multiple","commits",[61],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5},"fileId","333a14a6-3857-11f1-8e2a-42b51c65c3df","index.html","fileType","deleted","019bef07-c64e-732f-a4cf-141aa7329fae","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM4aEJFekg1ZGVzcFVGZ1FrMmVjcE1BQjdHRiJ9","deletedAtVersion","ec7fd59a-f8fb-11f0-bc42-42dde27851f2",["D",1769242133636],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","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",{"_11":12,"_120":69},"org",{"_11":12,"_116":-5,"_68":69,"_30":67,"_117":118,"_119":24},"branch",{"_38":107,"_13":16,"_32":35,"_108":71,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"isOwned",11,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":71,"_13":14,"_36":214,"_73":-5,"_74":24,"_75":76,"_77":76,"_78":-5,"_79":-5,"_30":67,"_80":-5,"_81":24,"_82":-5,"_83":-5,"_84":26,"_40":41,"_85":86,"_87":88,"_89":215,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_52":216,"_102":217,"_104":218,"_106":24},"tree",[164,167,168,169],"files",[164,165,166,167,168,169],"counts",{"_153":26,"_154":155,"_156":26,"_157":158,"_159":160},"contents",[],{"_32":143,"_13":64,"_62":63,"_42":144,"_34":35,"_145":39,"_146":138,"_36":147,"_38":26,"_65":21,"_148":149,"_66":24,"_150":-5,"_17":151},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},"333a13e8-3857-11f1-8e2a-42b51c65c3df","30175734-3857-11f1-8e2a-42b51c65c3df","branchVersion","latest",["D",1776208259787],"content","\n\n\n \n \n Sample Agent\n \n \n\n\n

\n \n\n\n","label",[152,64],"frontend","pulls","branches",1,"forks","envVars",{"_161":26,"_163":26},"connections",{"_161":26,"_162":26},"count","unfilledCount","emptyCount",{"_32":208,"_13":152,"_62":144,"_42":-5,"_34":35,"_145":209,"_146":138,"_36":210,"_38":26,"_65":211,"_148":-5,"_66":24,"_150":-5,"_178":212,"_17":213},{"_32":200,"_13":201,"_62":202,"_42":144,"_34":35,"_145":203,"_146":138,"_36":204,"_38":26,"_65":186,"_148":205,"_66":24,"_150":-5,"_178":206,"_17":207},{"_32":143,"_13":64,"_62":63,"_42":144,"_34":35,"_145":39,"_146":138,"_36":197,"_38":26,"_65":21,"_148":149,"_66":24,"_150":-5,"_178":198,"_17":199},{"_32":190,"_13":191,"_62":192,"_42":-5,"_34":35,"_145":107,"_146":138,"_36":193,"_38":26,"_65":21,"_148":194,"_66":24,"_150":-5,"_178":195,"_17":196},{"_32":181,"_13":182,"_62":183,"_42":-5,"_34":35,"_145":184,"_146":138,"_36":185,"_38":26,"_65":186,"_148":187,"_66":24,"_150":-5,"_178":188,"_17":189},{"_32":170,"_13":171,"_62":172,"_42":-5,"_34":35,"_145":173,"_146":138,"_36":174,"_38":175,"_65":176,"_148":177,"_66":24,"_150":-5,"_178":179,"_17":180},"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",[],[171],"2ea5d70e-3857-11f1-8e2a-42b51c65c3df","agent.ts","2ea5d7cc-3857-11f1-8e2a-42b51c65c3df",7,["D",1776208252104],"script","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",[],[182],"48e46bd0-3857-11f1-b691-42b51c65c3df","README.md","48e46c7a-3857-11f1-b691-42b51c65c3df",["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",[],[191],["D",1776208259787],[],[152,64],"3ee3db98-3857-11f1-8e2a-42b51c65c3df","app.tsx","3ee3dc88-3857-11f1-8e2a-42b51c65c3df",10,["D",1776208279354],"/** @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",[],[152,201],"30175680-3857-11f1-8e2a-42b51c65c3df",8,["D",1776208254525],"directory",[165,166],[152],["D",1769242133636],["D",1789530055570],{"_11":12,"_120":69},{"_11":12,"_116":-5,"_68":69,"_30":67,"_117":118,"_119":24},{"_38":107,"_13":16,"_32":35,"_108":71,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"ctx",{"_52":-5,"_140":252,"_253":254,"_255":256,"_257":24,"_258":24,"_259":24,"_260":138,"_261":-5,"_262":-7,"_263":-7,"_264":26,"_265":24,"_266":24,"_267":-5,"_268":24,"_269":24,"_270":24,"_271":-5},"ENV",{"_223":224,"_225":226,"_227":16,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

History · index.html