[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_205":206,"_207":208},"routes/_app.x.$handle.$name",{"_102":101,"_37":50,"_110":92,"_32":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":30,"_125":126,"_127":128,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":-5,"_58":-5,"_19":59,"_60":-5,"_61":30,"_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":30},"version",10,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","d1996413-b0dd-4175-86dc-e6c9fbd52922","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/app.tsx","latestPath","fileId","3ee3dc88-3857-11f1-8e2a-42b51c65c3df","name","app.tsx","fileType","script","content","/** @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","createdAt",["D",1776208279354],"branchVersion","branchId","ec8088f0-f8fb-11f0-bc42-42dde27851f2","id","ec7fd59a-f8fb-11f0-bc42-42dde27851f2","untitled-2503",["D",1769242133636],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019bef07-c64e-732f-a4cf-141aa7329fae","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"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",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_19":59,"_106":107,"_108":30},"branch",{"_13":91,"_37":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","bnelevitt","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM4aEJFekg1ZGVzcFVGZ1FrMmVjcE1BQjdHRiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":200,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":-5,"_58":-5,"_19":59,"_60":-5,"_61":30,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":201,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":202,"_86":203,"_88":204,"_90":30},"tree",[173,176,177],"files",[173,174,175,176,177],"counts",{"_162":65,"_163":164,"_165":65,"_166":167,"_168":169},"contents",[133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_48":155,"_37":156,"_35":157,"_139":-5,"_46":47,"_45":158,"_141":128,"_43":159,"_13":65,"_39":160,"_41":-5,"_29":30,"_146":-5,"_32":161},{"_48":148,"_37":149,"_35":150,"_139":-5,"_46":47,"_45":151,"_141":128,"_43":152,"_13":65,"_39":40,"_41":153,"_29":30,"_146":-5,"_32":154},{"_48":136,"_37":137,"_35":138,"_139":-5,"_46":47,"_45":140,"_141":128,"_43":142,"_13":143,"_39":144,"_41":145,"_29":30,"_146":-5,"_32":147},"2781693e-3857-11f1-8e2a-42b51c65c3df","main.ts","ec84ce74-f8fb-11f0-bc42-42dde27851f2","parentId",6,"latest",["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","label",[137],"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",[149],"30175680-3857-11f1-8e2a-42b51c65c3df","frontend","30175734-3857-11f1-8e2a-42b51c65c3df",8,["D",1776208254525],"directory",[156],"pulls","branches",1,"forks","envVars",{"_170":65,"_172":65},"connections",{"_170":65,"_171":65},"count","unfilledCount","emptyCount",{"_48":155,"_37":156,"_35":157,"_139":-5,"_46":47,"_45":158,"_141":128,"_43":197,"_13":65,"_39":160,"_41":-5,"_29":30,"_146":-5,"_179":198,"_32":199},{"_48":193,"_37":38,"_35":36,"_139":157,"_46":47,"_45":14,"_141":128,"_43":194,"_13":65,"_39":40,"_41":42,"_29":30,"_146":-5,"_179":195,"_32":196},{"_48":185,"_37":186,"_35":187,"_139":157,"_46":47,"_45":188,"_141":128,"_43":189,"_13":65,"_39":26,"_41":190,"_29":30,"_146":-5,"_179":191,"_32":192},{"_48":148,"_37":149,"_35":150,"_139":-5,"_46":47,"_45":151,"_141":128,"_43":182,"_13":65,"_39":40,"_41":153,"_29":30,"_146":-5,"_179":183,"_32":184},{"_48":136,"_37":137,"_35":138,"_139":-5,"_46":47,"_45":140,"_141":128,"_43":178,"_13":143,"_39":144,"_41":145,"_29":30,"_146":-5,"_179":180,"_32":181},["D",1776208240110],"children",[],[137],["D",1776208252104],[],[149],"333a13e8-3857-11f1-8e2a-42b51c65c3df","index.html","333a14a6-3857-11f1-8e2a-42b51c65c3df",9,["D",1776208259787],"\n\n\n \n \n Sample Agent\n \n \n\n\n

\n \n\n\n",[],[156,186],"3ee3db98-3857-11f1-8e2a-42b51c65c3df",["D",1776208279354],[],[156,38],["D",1776208254525],[174,175],[156],["D",1769242133636],["D",1789530055570],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_19":59,"_106":107,"_108":30},{"_13":91,"_37":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"ctx",{"_84":-5,"_130":238,"_239":240,"_241":242,"_243":30,"_244":30,"_245":30,"_246":128,"_247":-5,"_248":-7,"_249":-7,"_250":65,"_251":30,"_252":30,"_253":-5,"_254":30,"_255":30,"_256":30,"_257":-5},"ENV",{"_209":210,"_211":212,"_213":92,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Diff · v10