[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_162":163,"_164":165},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_61":132,"_16":-7,"_133":-5,"_17":134,"_135":136,"_28":137,"_21":138,"_23":139,"_140":-5,"_141":-5,"_142":-5,"_143":35,"_144":145,"_146":38,"_147":-5,"_148":-5,"_149":150},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":31,"_32":-5,"_33":-5,"_34":35,"_36":35,"_37":38},"handle","bomb","name","epistemology","branchName","version","project",{"_39":78,"_13":14,"_50":79,"_80":-5,"_81":35,"_82":83,"_84":83,"_85":-5,"_86":-5,"_87":88,"_89":43,"_90":38,"_91":38,"_92":-5,"_93":67,"_94":95,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":101,"_102":101,"_103":104,"_105":104,"_106":104,"_107":101,"_108":101,"_109":110,"_111":112,"_113":114,"_115":35},"tags",[],"counts",{"_66":67,"_68":69,"_70":67,"_71":72,"_73":74},"contents",[63],"readme","upstream","pull","files",[31],"preview",{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_59":60,"_61":62},"ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",true,"id","1acd0218-b989-11f0-891c-0224a6c84d84","main.ts","fileId","320793f6-b981-11f0-9542-0224a6c84d84","parentId","branchId","3204feb6-b981-11f0-9542-0224a6c84d84","branchVersion",15,"latest","createdAt",["D",1762265895964],14,"fileType","http","content","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n\n// --- AI BEHAVIORAL GUIDELINES ---\n\n/**\n * This prompt instructs the OpenAI model to act as the cognitive core of\n * the autonomous agent described in the user's provided academic paper.\n * It is a novel application, using the AI not just to answer questions,\n * but to *simulate* a modular agent's internal reasoning process in real-time,\n * externalizing its state for visualization.\n */\nconst AGENT_SIMULATOR_PROMPT = `\nYou are the central \"Reasoning System\" for an autonomous LLM agent, built\nfollowing the principles of the \"Fundamentals of Building Autonomous LLM Agents\"\npaper.\n\nYour entire cognitive process is structured into four modules:\n1. **Perception:** You receive environmental state and user tasks.\n2. **Reasoning:** (This is You) You analyze inputs, formulate plans (CoT),\n reflect on errors, and consult memory.\n3. **Memory:** You query short-term (context) and long-term (facts) memory.\n4. **Execution:** You select a single, precise action for an external system\n to perform.\n\nYour task is to process an incoming JSON object representing the agent's\ncurrent state and decide the single next step.\n\n**Your Response MUST be a single, minified JSON object** with the\nfollowing exact structure:\n\n{\n \"reasoningTrace\": \"string\",\n \"actionToExecute\": {\n \"tool\": \"string\",\n \"parameters\": { ... }\n },\n \"reasonForAction\": \"string\",\n \"memoryUpdate\": {\n \"type\": \"string\",\n \"key\": \"string\",\n \"value\": \"any\"\n } | null\n}\n\n**Field Explanations:**\n\n1. **reasoningTrace:** A string containing your \"Chain-of-Thought\" process.\n You MUST explicitly reference the other modules.\n * **Good Example:** \"Perception provided a new task: 'What is the\n capital of France?'. Short-term memory is empty. Long-term memory\n lookup for 'capital_of_france' failed. Reasoning dictates I cannot\n answer directly. I must formulate a plan to find this information.\n The Execution system will use the 'webSearch' tool.\"\n * **Bad Example:** \"I'll search for the capital of France.\"\n\n2. **actionToExecute:** The single action you are committing to.\n * **Available Tools:**\n * \\`\"webSearch\"\\`: params: \\`{ \"query\": \"search term\" }\\` - To find\n external information.\n * \\`\"databaseQuery\"\\`: params: \\`{ \"query\": \"sql_like_query\" }\\` - To\n find internal structured data.\n * \\`\"answerUser\"\\`: params: \\`{ \"response\": \"your answer\" }\\` - To\n provide a final answer.\n * \\`\"noAction\"\\`: params: \\`{ \"message\": \"reason\" }\\` - If no\n action is needed or possible.\n\n3. **reasonForAction:** (MANDATORY) A concise justification for your chosen\n action, as required by security and debugging principles.\n * **Example:** \"The task requires external knowledge not present in\n memory, necessitating a web search.\"\n\n4. **memoryUpdate:** (Nullable) If your reasoning concludes a fact should\n be saved, provide a memory operation.\n * \\`type\\`: \"long_term\" (to save a fact) or \"short_term_clear\" (to\n clear context).\n * \\`key\\`: The retrieval key for the fact.\n * \\`value\\`: The data to be stored.\n * Set to \\`null\\` if no memory change is needed this step.\n\nYou must be professional, analytical, and methodical. Your entire function\nis to provide this JSON object to power the simulation. Do not add\nconversational text outside the JSON structure.\n`;\n\n// --- HTML & FRONTEND ---\n\n/**\n * Generates the complete HTML, CSS, and JavaScript for the agent\n * visualization UI. This UI is designed to reflect the four-part\n * architecture from the paper.\n * @param sourceUrl - The base URL of this val, used for API calls.\n * Must end with a '/'.\n * @returns A string containing the full HTML document.\n */\nfunction generateHtml(sourceUrl: string): string {\n return `\n\n\n \n \n Autonomous Agent Simulation\n \n \n \n\n\n\n\n

Autonomous LLM Agent Simulation

Visualizing the agent architecture from \"Fundamentals of Building Autonomous LLM Agents\"

\n\n

\n \n \n \n

\n\n

1. Perception System

\n\n

4. Execution System

\n Action:\n

\n Justification:\n

\n\n

2. Reasoning System (AI Core)

\n\n

3. Memory System

\n Short-Term Memory (Context):\n

\n Long-Term Memory (Facts):\n

\n\n\n\n`;\n}\n\n// --- VAL TOWN BACKEND ---\n\n/**\n * This is the main exported function for the Val Town val.\n * It serves the HTML UI for GET requests and handles the AI\n * reasoning simulation for POST requests.\n */\nexport default async function (req: Request) {\n const url = new URL(req.url);\n\n // --- GET Request: Serve the HTML User Interface ---\n if (req.method === \"GET\") {\n // Adheres to \"URL Formatting\" principle by ensuring trailing slash.\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(sourceUrl), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // --- POST Request: Run the AI Reasoning Step ---\n if (req.method === \"POST\") {\n try {\n const openai = new OpenAI();\n\n const body = await req.json();\n\n // Construct the prompt for the AI simulation.\n const messages = [\n {\n role: \"system\",\n content: AGENT_SIMULATOR_PROMPT,\n },\n {\n role: \"user\",\n content: JSON.stringify(body, null, 2),\n },\n ];\n\n // Call OpenAI to get the agent's next step.\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: messages,\n temperature: 0.2,\n response_format: { type: \"json_object\" },\n });\n\n const aiResponse = completion.choices[0].message.content;\n\n // Return the raw JSON string from the AI.\n // The frontend is responsible for parsing this trusted structure.\n return new Response(aiResponse, {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"AI simulation error:\", error);\n return new Response(\n JSON.stringify({\n error: error.message || \"An unknown error occurred.\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // --- Other HTTP Methods ---\n return new Response(\"Method Not Allowed\", { status: 405 });\n}","deleted","label","children",[],"path",[41],{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":64,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_61":65},["D",1762265895964],[41],"pulls",0,"branches",1,"forks","envVars",{"_75":67,"_77":67},"connections",{"_75":67,"_76":67},"count","unfilledCount","emptyCount","32049372-b981-11f0-9542-0224a6c84d84",["D",1762262498952],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","019a29dd-b790-744e-b51b-76d556574760","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019a29dd-b790-744e-b51b-79456055c738","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_131":127},"org",{"_11":12,"_125":-5,"_126":127,"_87":88,"_128":129,"_130":35},"branch",{"_16":48,"_13":116,"_39":46,"_117":78,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":14,"_124":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM0Z2Q2U2p3V2syUGtoYUZ3TUlLY1FzSXRWdyJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_39":78,"_13":14,"_50":158,"_80":-5,"_81":35,"_82":83,"_84":83,"_85":-5,"_86":-5,"_87":88,"_89":43,"_90":38,"_91":38,"_92":-5,"_93":67,"_94":95,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":101,"_102":101,"_103":104,"_105":104,"_106":104,"_107":101,"_108":101,"_109":159,"_111":160,"_113":161,"_115":35},"tree",[155],[155],{"_66":67,"_68":69,"_70":67,"_71":153,"_73":154},[151],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":64,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_61":152},[41],{"_75":67,"_77":67},{"_75":67,"_76":67},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_59":156,"_61":157},[],[41],["D",1762262498952],{"_11":12,"_131":127},{"_11":12,"_125":-5,"_126":127,"_87":88,"_128":129,"_130":35},{"_16":48,"_13":116,"_39":46,"_117":78,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":14,"_124":12},"ctx",{"_109":-5,"_148":195,"_196":197,"_198":199,"_200":35,"_201":35,"_202":35,"_203":38,"_204":-5,"_205":-7,"_206":-7,"_207":67,"_208":35,"_209":35,"_210":-5,"_211":35,"_212":35,"_213":35,"_214":-5},"ENV",{"_166":167,"_168":169,"_170":116,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]