\n ${toolName}\n

Arguments:

${JSON.stringify(args, null, 2)}

\n \n

Result:

${JSON.stringify(result, null, 2)}

\n `;\n }).join(\"\");\n\n return `\n

Tool Calls:

\n ${toolCallsHtml}\n

\n `;\n}\n\n// Function to generate the HTML page with the form and optional results\nfunction generateHtmlPage(objective?: string, results?: any, errorMessage?: string): string {\n const defaultObjective = objective || `What is the current temperature in Tokyo?`;\n\n // Define suggested prompts\n const suggestedPrompts = [\n { label: \"Select a suggested prompt...\", value: \"\" },\n { label: \"Check the weather\", value: \"What is the current temperature in Tokyo?\" },\n {\n label: \"Product research\",\n value: \"Summarize Val Town's most recent feature releases.\",\n },\n {\n label: \"Autonomous Stock Trading Prompt\",\n value:\n `Use recent stock recommendations by Jim Cramer as an inverse signal and make 3 to 5 corresponding stock trades.`,\n },\n ];\n\n // Generate options for the dropdown\n const promptOptions = suggestedPrompts.map(prompt => ``).join(\n \"\",\n );\n\n return `\n\n\n \n \n Autonomous Val\n \n \n \n\n\n

Autonomous Val

\n \n \n \n ${\n errorMessage\n ? `\n

Error

${errorMessage}

\n `\n : \"\"\n }\n \n ${\n results\n ? `\n

Results:

\n \n

${results.text || \"No text response\"}

\n \n ${generateToolCallsHtml(results)}\n

\n `\n : \"\"\n }\n

\n\n`;\n}",[],[186],{"_102":193,"_95":194,"_155":195,"_157":-5,"_158":136,"_159":135,"_161":162,"_104":196,"_99":160,"_164":197,"_166":198,"_168":22,"_169":-5,"_170":199,"_98":200},"30745e66-7e80-11f0-b27e-0224a6c84d84","prompt.tsx","0198cc3d-1e21-760e-96fe-b0f10a905c9e",["D",1755774948221],"script","export const getSystemPrompt = (pageStructure: unknown): string => {\n // - Available Tools: ${Object.keys(tools).join(\", \")}\n\n return `\n You are an AI assistant in the Page Builder application. Your task is to analyze the current page structure and recommend improvements based on design guidelines. You should suggest which elements to add, move, or delete to enhance the overall layout and user experience.\n\nFirst, you will be provided with the current page structure:\n\n\n${pageStructure}\n\n\nAnalyze the current page structure and compare it against the design guidelines. Consider the following aspects:\n1. Layout and hierarchy\n2. Content organization\n3. User flow and navigation\n4. Visual balance and aesthetics\n5. Consistency with design guidelines\n\nBased on your analysis, provide recommendations for improvements. Your recommendations should include:\n1. Elements to add (if any)\n2. Elements to move (if any)\n3. Elements to delete (if any)\n4. Justification for each recommendation\n\nPresent your recommendations in a clear, structured format. Use bullet points for each suggestion and provide a brief explanation for each recommendation.\n\nOutput your analysis and recommendations within tags. Structure your response as follows:\n\n\n\n[Provide a brief overall assessment of the current page structure]\n\n\n\n\n[List elements to add, if any]\n- [Element 1]: [New position] \n- [Element 2]:[New position] \n\n\n\n[List elements to move, if any]\n- [Element 1]: [New position]\n- [Element 2]: [New position]\n\n\n\n[List elements to delete, if any]\n- [Element 1]: [Id]\n- [Element 2]: [Id]\n\n\n\n

\n[Provide a brief summary of how these changes will improve the page structure]\n

\n\n\nEnsure that your recommendations are specific, actionable, and aligned with the provided design guidelines. Focus on improvements that will enhance the user experience and overall effectiveness of the page.\n`;\n};",[],[194],{"_102":202,"_95":203,"_155":204,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":205,"_99":32,"_164":197,"_166":206,"_168":22,"_169":-5,"_170":207,"_98":208},"26ec00d2-7e7c-11f0-9977-0224a6c84d84","tools.tsx","0198cc3d-1e21-760e-96fe-b4cfb557b12d",["D",1755773214141],"import { tool } from \"npm:ai\";\nimport Exa from \"npm:exa-js\";\nimport { z } from \"npm:zod\";\n\nexport const planningTool = tool({\n description: \"Create a plan for completing your objective\",\n parameters: z.object({\n plan: z.string().describe(\"Your plan in markdown format.\"),\n }),\n execute: async ({ plan }) => {\n return {\n plan,\n };\n },\n});\n\nexport const thinkingTool = tool({\n description: \"Plan, think or reflect on your objective\",\n parameters: z.object({\n thoughts: z.string().describe(\"The results of your thinking.\"),\n }),\n execute: async ({ thoughts }) => {\n return {\n thoughts,\n };\n },\n});\n\nexport const statusTool = tool({\n description: \"Declare the final status of your objective\",\n parameters: z.object({\n statusCode: z.enum([\"SUCCESS\", \"FAILURE\"])\n .describe(\"The status code of the operation: SUCCESS, or FAILURE\"),\n statusMessage: z.string().describe(\"Additional details or message about the status\"),\n }),\n execute: async ({ statusCode, statusMessage }) => {\n return {\n statusCode,\n statusMessage,\n };\n },\n});\n\nexport const calculatorTool = tool({\n description: \"Perform a calculation\",\n parameters: z.object({\n operation: z.enum([\"add\", \"subtract\", \"multiply\", \"divide\"]).describe(\"The operation to perform\"),\n a: z.number().describe(\"The first number\"),\n b: z.number().describe(\"The second number\"),\n }),\n execute: async ({ operation, a, b }) => {\n // console.log(`Performing ${operation} on ${a} and ${b}...`);\n switch (operation) {\n case \"add\":\n return { result: a + b };\n case \"subtract\":\n return { result: a - b };\n case \"multiply\":\n return { result: a * b };\n case \"divide\":\n if (b === 0) return { error: \"Cannot divide by zero\" };\n return { result: a / b };\n default:\n return { error: \"Invalid operation\" };\n }\n },\n});\n\nexport const webSearchTool = tool({\n description: \"Use this tool to search the web for information. Returns URLs and content summaries.\",\n parameters: z.object({\n query: z\n .string()\n .describe(\n \"Search query. It can be semantic in the form of a natural language query or a keyword style query.\",\n ),\n }),\n execute: async ({ query }) => {\n const apiKey = Deno.env.get(\"EXA_API_KEY\");\n const exa = new Exa(apiKey);\n const result = await exa.searchAndContents(query, {\n text: true,\n type: \"neural\",\n summary: true,\n });\n return {\n result: result.results.map((result) => ({\n title: result.title || \"\",\n url: result.url || result.id || \"\",\n summary: result.summary || \"\",\n })),\n };\n },\n});\n\nexport const webFetchTool = tool({\n description: \"Use this tool to fetch the content of a website. Returns the content as plain text.\",\n parameters: z.object({\n url: z.string().describe(\"Url to download\"),\n }),\n execute: async ({ url }) => {\n const apiKey = Deno.env.get(\"EXA_API_KEY\");\n const exa = new Exa(apiKey);\n const result = await exa.getContents([url], { text: true });\n return {\n result: result.results.map((result) => ({\n url: result.url || result.id || \"\",\n title: result.title || \"\",\n author: result.author || \"\",\n text: result.text || \"\",\n highlights: result.highlights || [],\n })),\n };\n },\n});\n\nexport const tradeStocksTool = tool({\n description: \"Use this tool to buy or sell securities.\",\n parameters: z.object({\n action: z.enum([\"BUY\", \"SELL\", \"HOLD\"]).describe(\"Action to perform. Can be either 'BUY' or 'SELL'.\"),\n ticker_symbol: z.string().describe(\"Ticker symbol of the security to buy or sell.\"),\n amount: z.string().describe(\"Amount of shares to buy or sell.\"),\n price: z.string().describe(\"Price per share to buy or sell.\"),\n }),\n execute: async ({ action, ticker_symbol, amount, price }) => {\n return {\n result: `Fake ${action} order has been executed for ${amount} shares of ${ticker_symbol} at ${price}`,\n };\n },\n});\n\nexport const getWeatherTool = tool({\n description: \"Use this tool to get weather information for a given city.\",\n parameters: z.object({\n city: z.string().describe(\"City to get weather details for.\"),\n }),\n execute: async ({ city }) => {\n const result = await fetch(`https://wttr.in/${city}?format=j1`);\n return result.json();\n },\n});",[],[203],{"_102":210,"_95":211,"_155":212,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":213,"_99":32,"_164":197,"_166":214,"_168":22,"_169":-5,"_170":215,"_98":216},"26ec0488-7e7c-11f0-9977-0224a6c84d84","utils.tsx","0198cc3d-1e21-760e-96fe-bb46ca16114f",["D",1755773214141],"export const parseStatusToolResult = (step: any) => {\n if (!step.toolResults) return null;\n\n const statusToolResult = step.toolResults.find(\n (result: any) => result.toolName === \"statusTool\",\n );\n\n if (!statusToolResult) return null;\n\n return statusToolResult.result;\n};\n\nexport const formatResult = (result: any) => {\n return {\n summary: {\n totalTokens: result.usage.totalTokens,\n promptTokens: result.usage.promptTokens,\n completionTokens: result.usage.completionTokens,\n model: result.response?.model || \"unknown\",\n finishReason: result.finishReason,\n totalSteps: result.steps.length,\n },\n steps: result.steps.map((step: any) => ({\n type: step.stepType,\n text: step.text,\n toolResults: (step.toolResults || []).map((res: any) => ({\n name: res.toolName,\n callId: res.callId,\n args: res.args,\n result: res.result,\n error: res.error,\n })),\n tokens: {\n total: step.usage.totalTokens,\n prompt: step.usage.promptTokens,\n completion: step.usage.completionTokens,\n },\n })),\n text: result.text,\n };\n};",[],[211],"files",[152,173,184,192,201,209],"counts",{"_221":32,"_222":179,"_223":32,"_224":179},"pulls","branches","forks","envVars","contents",[227,230,233,236,239,242],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":228,"_99":32,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":229},["D",1755773214141],[154],{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":136,"_159":177,"_161":162,"_104":231,"_99":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_98":232},["D",1755774657378],[175],{"_102":185,"_95":186,"_155":187,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":234,"_99":32,"_164":180,"_166":189,"_168":22,"_169":-5,"_98":235},["D",1755773214141],[186],{"_102":193,"_95":194,"_155":195,"_157":-5,"_158":136,"_159":135,"_161":162,"_104":237,"_99":160,"_164":197,"_166":198,"_168":22,"_169":-5,"_98":238},["D",1755774948221],[194],{"_102":202,"_95":203,"_155":204,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":240,"_99":32,"_164":197,"_166":206,"_168":22,"_169":-5,"_98":241},["D",1755773214141],[203],{"_102":210,"_95":211,"_155":212,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":243,"_99":32,"_164":197,"_166":214,"_168":22,"_169":-5,"_98":244},["D",1755773214141],[211],"upstreamProject",{"_102":144,"_95":96,"_110":72,"_111":-5,"_108":109,"_23":247},{"_93":248,"_128":249},"abrinz","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4OWhYS3laTE9RS1BHRVY1UzF6VVB4b3ZiTCJ9","upstreamBranch",{"_102":139,"_104":252,"_253":254,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_255":256,"_106":-5,"_149":22,"_108":109,"_148":248,"_16":146,"_147":96},["D",1747863610672],"updatedAt",["D",1753413341324],"lockfileKey","1753413482150-esm.town_v_abrinz_autonomous-val@21-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":263,"_268":177,"_269":32,"_270":271,"_303":162,"_304":267,"_305":306,"_309":-5},{"_102":103,"_95":96,"_104":264,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":265,"_130":266,"_133":267,"_149":22},["D",1755773214141],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":146,"_147":96,"_148":94},"ahead","behind","diff",{"_272":273,"_168":274,"_275":276},"added",[],[],"modified",[277,292],{"_98":175,"_278":279,"_288":289},"targetFile",{"_102":280,"_95":175,"_155":281,"_157":-5,"_158":139,"_159":282,"_161":162,"_104":283,"_99":160,"_164":180,"_166":284,"_168":22,"_169":-5,"_170":-7,"_98":285,"_286":287},"2c3d57da-368c-11f0-b284-9e149126039e","2c072a84-368c-11f0-b862-9e149126039e",8,["D",1747863611397],"import { anthropic } from \"npm:@ai-sdk/anthropic\";\nimport { openai } from \"npm:@ai-sdk/openai\";\nimport { generateText, streamText } from \"npm:ai\";\nimport { getSystemPrompt } from \"./prompt.tsx\";\nimport {\n calculatorTool,\n getWeatherTool,\n planningTool,\n statusTool,\n thinkingTool,\n tradeStocksTool,\n webFetchTool,\n webSearchTool,\n} from \"./tools.tsx\";\n\nimport { formatResult, parseStatusToolResult } from \"./utils.tsx\";\n\nexport default async function POST(req: Request) {\n if (req.headers.get(\"Authorization\") !== `Bearer ${Deno.env.get(\"AGENT_API_KEY\")}`) {\n return new Response(\"Unauthorized\", { status: 401 });\n }\n const { messages, streamResults } = await req.json();\n\n const tools = {\n planningTool,\n thinkingTool,\n calculatorTool,\n webSearchTool,\n webFetchTool,\n tradeStocksTool,\n getWeatherTool,\n };\n\n const maxSteps = 10;\n\n const model = Deno.env.get(\"ANTHROPIC_API_KEY\") ? anthropic(\"claude-3-7-sonnet-latest\") : openai(\"gpt-4.1\");\n\n const options = {\n model,\n temperature: 0.1,\n maxSteps,\n messages: [\n {\n role: \"system\",\n content: getSystemPrompt(tools, maxSteps, streamResults),\n },\n ...messages,\n ],\n onStepFinish: (step: any) => {\n if (step.toolResults) {\n console.log(step.toolResults.map((result: any) => ({\n toolCallId: result.toolCallId,\n toolName: result.toolName,\n args: result.args,\n result: result.result,\n })));\n }\n },\n };\n\n if (streamResults) {\n // Streaming Chat Mode\n const result = streamText({\n ...options,\n toolChoice: \"auto\",\n tools,\n });\n return result.toDataStreamResponse();\n } else {\n // Autonomous Agent Mode\n const autonomousTools = { statusTool, ...tools }; // add a status tool\n const result = await generateText({\n ...options,\n tools: autonomousTools,\n toolChoice: \"required\",\n experimental_prepareStep: async ({ steps }: { steps: any[] }) => {\n // This is a hack to exit agent loop when the statusTool is called\n // v5 of the AI SDK will have a continueUtil parameter\n if (steps.length > 0 && parseStatusToolResult(steps[steps.length - 1])) {\n return {\n experimental_activeTools: [],\n };\n }\n },\n });\n\n return new Response(\n JSON.stringify(formatResult(result), null, 2),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n}",[175],"contentHash","c9a81a5ca53caa929396b834fbd81d501ee7fc5dfd4e2c056407273b101bc1b4","sourceFile",{"_102":174,"_95":175,"_155":176,"_157":-5,"_158":136,"_159":177,"_161":162,"_104":178,"_99":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_170":-7,"_98":290,"_286":291},[175],"65a487f727232b4679a838910bf70e0c54e1e75a01f4ea5f6cdae251ad12e93c",{"_98":194,"_278":293,"_288":300},{"_102":294,"_95":194,"_155":295,"_157":-5,"_158":139,"_159":179,"_161":162,"_104":296,"_99":32,"_164":197,"_166":297,"_168":22,"_169":-5,"_170":-7,"_98":298,"_286":299},"2c0c37c2-368c-11f0-85ca-9e149126039e","2c0c39b6-368c-11f0-85ca-9e149126039e",["D",1747863611040],"export const getSystemPrompt = (tools: Record, maxSteps: number, streamResults = true): string => {\n return `\n\n- Current Time & Date: ${new Date().toLocaleString(\"en-US\", { timeZone: \"UTC\" })}\n- Available Tools: ${Object.keys(tools).join(\", \")}\n\n\n\n- You are a helpful AI assistant that completes tasks using available tools.\n- You like to talk through what you are doing and often preface tool calls with your thinking process. \n- You don't work in silence.\n\n\n\n- \n Never give up on an objective after just one attempt. For information queries, you must try at least 3 different approaches or tools before concluding a task cannot be completed.\n If initial results are incomplete or unsatisfactory, refine your search terms or try a different tool.\n For complex requests, cross-verify information from at least 2 different sources.\n\n\n- \n When using the planning tool, your plan must include:\n * At least 3 specific steps with concrete actions\n * Alternative approaches if initial attempts fail\n * Verification methods to ensure information quality\n * Expected outcomes for each step\n\n\n- \n For information gathering tasks:\n * Start with a broad query to understand the topic landscape\n * Follow up with specific queries to gather detailed information\n * Perform verification searches to confirm critical information\n * Always ask yourself \"What additional context or details would make this response more complete?\" before finishing\n\n\n- You can use up to ${maxSteps} steps at a time. Utilize your best judgment to decide how many steps you should use to complete objectives.\n- Run tools in parallel when sensible.\n\n\n${\n !streamResults\n ? `\n\n- You must use the statusTool to declare the success or failure of objectives once completed\n- When an objective is successfully completed, call statusTool with a \"SUCCESS\" status and a brief message describing what was accomplished\n- When an objective cannot be completed despite multiple attempts, call statusTool with a \"FAILURE\" status and explain why the task couldn't be completed\n- Your status messages should be concise but informative, summarizing the outcome in 1-2 sentences\n- Always use statusTool as your final action when you've determined an objective is either completed or cannot be completed\n`\n : \"\"\n }\n`;\n};",[194],"bce28c403356601a6f25167f9bea7973b95bcbe02b5c3e0f67138ee464f09df7",{"_102":193,"_95":194,"_155":195,"_157":-5,"_158":136,"_159":135,"_161":162,"_104":196,"_99":160,"_164":197,"_166":198,"_168":22,"_169":-5,"_170":-7,"_98":301,"_286":302},[194],"6a9cb20687fcbf8c86d843abc0a7becc105f2587e858c57477349d812a8742d3","hasChanges","sourceBranch","targetBranch",{"_102":139,"_104":307,"_253":308,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_255":256,"_106":-5,"_149":22,"_108":109,"_148":248,"_16":146,"_147":96},["D",1747863610672],["D",1753413341324],"pull","actionData","errors"]

vadymperenesenkomoc

autonomous-val

Mergevadymperenesenkomoc/mainintoabrinz/main

Hagent.tsx+17-10

prompt.tsx+53-45