\n toggleExpand(currentKeyPath)}\n >\n {expanded[currentKeyPath] ? '▼ ' : '► '}\n {isArray ? 'Array' : 'Object'}\n {\n e.stopPropagation();\n onNodeClick(currentKeyPath);\n }}\n >\n [Explore]\n \n \n \n {expanded[currentKeyPath] && (\n

\n {isArray ? (\n value.map((item, index) => (\n

\n {index}: \n {renderValue(item, index.toString(), currentKeyPath)}\n

\n ))\n ) : (\n Object.entries(value).map(([subKey, subValue]) => (\n

\n {subKey}: \n {renderValue(subValue, subKey, currentKeyPath)}\n

\n ))\n )}\n

\n )}\n

\n );\n }\n \n if (typeof value === 'string') {\n // Check if value is a URL or contains http/https\n if (value.match(/^(https?:\\/\\/|www\\.)/i)) {\n return (\n e.stopPropagation()}\n >\n \"{value}\"\n \n );\n }\n return \"{value}\";\n }\n \n if (typeof value === 'number') {\n return {value};\n }\n \n if (typeof value === 'boolean') {\n return {value.toString()};\n }\n \n return {String(value)};\n };\n\n return (\n

\n {renderValue(data, \"\", currentPath)}\n

\n );\n};\n\nfunction App() {\n const [messages, setMessages] = useState([\n {\n role: \"system\",\n content: \"Welcome to the Agent System. I can build information tools for you. What would you like to know?\",\n },\n ]);\n const [inputMessage, setInputMessage] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n\n const sendMessage = async () => {\n if (!inputMessage.trim()) {\n log(\"WARN\", \"Attempted to send empty message\");\n return;\n }\n\n // Reset previous errors\n setError(null);\n\n // Add user message to chat\n const userMessage: ChatMessage = {\n role: \"user\",\n content: inputMessage,\n };\n\n setMessages(prev => [...prev, userMessage]);\n setInputMessage(\"\");\n setIsLoading(true);\n\n try {\n log(\"INFO\", \"Sending message to agent\", {\n messageLength: inputMessage.length,\n });\n\n // Send request to AgentA\n const response = await fetch(\"/process\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n messages: [...messages, userMessage],\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`HTTP error! status: ${response.status}, message: ${errorText}`);\n }\n\n const data: AgentResponse = await response.json();\n\n if (!data.response) {\n throw new Error(\"No response received from agent\");\n }\n\n log(\"INFO\", \"Received agent response\", {\n actionType: data.actionType,\n responseLength: data.response.length,\n });\n\n // Add agent response to chat\n const agentMessage: ChatMessage = {\n role: \"agent\",\n content: data.response,\n };\n setMessages(prev => [...prev, agentMessage]);\n\n // If the action type requires using a tool, make a tool request\n if (data.actionType === \"use_tool\" && data.tool) {\n try {\n const toolResponse = await fetch(\"/tool\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(data.tool),\n });\n\n if (!toolResponse.ok) {\n throw new Error(`Tool request failed with status: ${toolResponse.status}`);\n }\n\n const toolData: ToolResponse = await toolResponse.json();\n\n // Add tool response to chat\n const toolMessage: ChatMessage = {\n role: \"tool\",\n content: toolData.success\n ? JSON.stringify(toolData.data)\n : `Tool error: ${toolData.error || \"Unknown error\"}`,\n };\n setMessages(prev => [...prev, toolMessage]);\n } catch (toolError) {\n const errorMessage = toolError instanceof Error\n ? toolError.message\n : \"An unknown tool error occurred\";\n\n log(\"ERROR\", \"Tool request failed\", {\n errorMessage,\n tool: data.tool,\n });\n\n setMessages(prev => [...prev, {\n role: \"system\",\n content: `Tool Error: ${errorMessage}. Please try again.`,\n }]);\n }\n }\n } catch (error) {\n const errorMessage = error instanceof Error\n ? error.message\n : \"An unknown error occurred\";\n\n log(\"ERROR\", \"Message processing failed\", {\n errorMessage,\n inputMessage: userMessage.content,\n });\n\n setError(errorMessage);\n setMessages(prev => [...prev, {\n role: \"system\",\n content: `Error: ${errorMessage}. Please try again.`,\n }]);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

Agent Information System

\n\n {error && (\n

\n Error:\n {error}\n

\n )}\n\n

\n {messages.map((message, index) => (\n \n {message.role === \"tool\" ? (\n

\n {\n setInputMessage(`Explore more about ${path}`);\n }}\n />\n

\n ) : (\n message.content\n )}\n

\n ))}\n {isLoading && (\n

\n Processing...\n

\n )}\n

\n\n

\n setInputMessage(e.target.value)}\n onKeyPress={(e) => e.key === \"Enter\" && sendMessage()}\n placeholder=\"Ask me anything...\"\n disabled={isLoading}\n />\n \n Send\n \n

\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n\n // Enhanced server-side logging\n function serverLog(level: \"INFO\" | \"WARN\" | \"ERROR\", message: string, context?: any) {\n const timestamp = new Date().toISOString();\n const logEntry = {\n timestamp,\n level,\n message,\n context,\n };\n console.log(JSON.stringify(logEntry));\n return logEntry;\n }\n\n const openai = new OpenAI();\n\n const url = new URL(request.url);\n const path = url.pathname.split(\"/\").filter(Boolean);\n const method = request.method;\n\n // NEW: Handle dynamic data endpoints - trigger AgentA and AgentB for any path\n if (path.length > 0 && path[0] !== \"process\" && path[0] !== \"tool\") {\n try {\n serverLog(\"INFO\", \"Dynamic data endpoint requested\", {\n path: path.join(\"/\"),\n });\n\n // Construct the topic from the path\n const topic = path.join(\" \");\n\n // Simulate a user request to AgentA\n const agentAPrompt = `\n You are AgentA, an advanced AI assistant that creates comprehensive information tools.\n \n A user has requested information about: \"${topic}\"\n \n Define a schema for this information topic and create a query for AgentB to fetch detailed data.\n Your goal is to return the most comprehensive, detailed, and accurate information about this topic.\n \n Format your thinking as JSON with this structure:\n {\n \"actionType\": \"use_tool\",\n \"reasoning\": \"your reasoning here\",\n \"response\": \"This is comprehensive information about ${topic}\",\n \"tool\": {\n \"id\": \"${crypto.randomUUID()}\",\n \"schema\": {\n \"name\": \"${topic.replace(/\\s+/g, \"_\")}_info\",\n \"description\": \"Comprehensive information about ${topic}\",\n \"fields\": [\n {\"name\": \"data\", \"type\": \"object\", \"description\": \"Complete structured data about ${topic}\"}\n ]\n },\n \"query\": \"Provide comprehensive, detailed information about ${topic}. Include all relevant subcategories, statistics, examples, and structured data.\",\n \"parameters\": {\"depth\": \"complete\", \"format\": \"structured\"}\n }\n }\n `;\n\n // Call AgentA to create the tool definition\n const agentACompletion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n response_format: { type: \"json_object\" },\n messages: [{ role: \"user\", content: agentAPrompt }],\n });\n\n // Parse AgentA response\n const completionContent = agentACompletion.choices[0].message.content || \"{}\";\n const agentAResponse: AgentResponse = JSON.parse(completionContent);\n\n // If AgentA didn't provide a tool, return an error\n if (!agentAResponse.tool) {\n throw new Error(\"Failed to create a tool for this topic\");\n }\n\n // Now use AgentB to process the tool request (similar to the /tool endpoint)\n const toolRequest = agentAResponse.tool;\n\n // Call AgentB with the tool request\n const agentBPrompt = `\n You are AgentB, a specialized tool agent designed to provide comprehensive, accurate information.\n \n Tool Schema:\n ${JSON.stringify(toolRequest.schema, null, 2)}\n \n Query: ${toolRequest.query}\n \n Parameters: ${JSON.stringify(toolRequest.parameters || {})}\n\n Current Date and Time: ${new Date().toISOString()}\n \n Instructions:\n 1. Your task is to provide complete, accurate, and detailed information about \"${topic}\".\n 2. Return structured data that covers all relevant aspects of the topic.\n 3. Include subcategories, examples, definitions, comparisons, and any other relevant information.\n 4. Organize the information hierarchically where appropriate.\n 5. If the topic is about a list or collection, make sure to provide an extensive list.\n 6. For numeric data, provide precise figures where possible.\n 7. Include metadata about your response if relevant.\n \n Process this request and return a JSON response with:\n {\n \"success\": true,\n \"data\": {\n // Complete structured information about ${topic}\n }\n }\n `;\n\n const agentBCompletion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n response_format: { type: \"json_object\" },\n messages: [{ role: \"user\", content: agentBPrompt }],\n });\n\n // Parse AgentB response\n const agentBContent = agentBCompletion.choices[0].message.content || \"{}\";\n const toolResponse: ToolResponse = JSON.parse(agentBContent);\n\n serverLog(\"INFO\", \"Dynamic endpoint processed successfully\", {\n path: path.join(\"/\"),\n success: toolResponse.success,\n });\n\n // Return the data as JSON\n return new Response(JSON.stringify(toolResponse.data), {\n status: toolResponse.success ? 200 : 500,\n headers: {\n \"Content-Type\": \"application/json\",\n },\n });\n } catch (error) {\n serverLog(\"ERROR\", \"Dynamic endpoint processing failed\", {\n path: path.join(\"/\"),\n error: error instanceof Error ? error.message : String(error),\n });\n\n const errorResponse = JSON.stringify({\n error: \"Failed to process this data endpoint\",\n details: error instanceof Error ? error.message + \" \" + String(error.stack) : String(error),\n });\n\n return new Response(errorResponse, {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // Route for tool processing (AgentB)\n if (path[0] === \"tool\") {\n try {\n const toolRequest: ToolRequest = await request.json();\n serverLog(\"INFO\", \"Processing tool request\", {\n toolName: toolRequest.schema.name,\n query: toolRequest.query,\n });\n\n // Use AgentB (a separate OpenAI instance) to process the tool request\n const agentBPrompt = `\n You are AgentB, a specialized tool agent designed to process specific information requests.\n \n Tool Schema:\n ${JSON.stringify(toolRequest.schema, null, 2)}\n \n Query: ${toolRequest.query}\n \n Parameters: ${JSON.stringify(toolRequest.parameters || {})}\n \n Process this request and return a JSON response with:\n {\n \"success\": true/false,\n \"data\": {}, // The result of processing the request\n \"error\": \"\" // Optional error message if something goes wrong\n }\n `;\n\n const agentBCompletion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n response_format: { type: \"json_object\" },\n messages: [{ role: \"user\", content: agentBPrompt }],\n });\n\n // Safely parse the response\n const completionContent = agentBCompletion.choices[0].message.content || \"{}\";\n const toolResponse: ToolResponse = JSON.parse(completionContent);\n\n serverLog(\"INFO\", \"Tool request processed\", {\n success: toolResponse.success,\n });\n\n return new Response(JSON.stringify(toolResponse), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n serverLog(\"ERROR\", \"Tool processing failed\", {\n error: error instanceof Error ? error.message : String(error),\n });\n\n return new Response(\n JSON.stringify({\n success: false,\n error: \"Tool processing error\",\n details: error instanceof Error ? error.message : String(error),\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Route for main agent processing (AgentA)\n if (path[0] === \"process\") {\n try {\n const { messages } = await request.json();\n serverLog(\"INFO\", \"Processing agent request\", {\n messageCount: messages.length,\n });\n\n // Fallback response if OpenAI fails\n let agentAResponse: AgentResponse = {\n actionType: \"direct_response\",\n response: \"I'm having trouble processing your request right now. Please try again.\",\n };\n\n try {\n // AgentA decides what to do with the query\n const agentAPrompt = `\n You are AgentA, an advanced AI assistant that can define information tools to help users.\n When a user asks for information, you should:\n \n 1. Analyze what kind of information they need\n 2. Define a schema for that information\n 3. Create a query to fetch the information from AgentB, a specialized tool agent designed to process specific information requests.\n \n Current conversation history:\n ${messages.map(m => `${m.role}: ${m.content}`).join(\"\\n\")}\n \n Now, decide:\n 1. Does this request require creating a new information tool?\n 2. Can we use an existing tool?\n\n Current Date and Time: ${new Date()}\n \n Format your thinking as JSON with this structure:\n {\n \"actionType\": \"create_tool\" | \"use_tool\",\n \"reasoning\": \"your reasoning here\",\n \"response\": \"your response to the user\",\n \"tool\": { // Only if actionType is create_tool or use_tool\n \"id\": \"optional unique identifier\",\n \"schema\": {\n \"name\": \"tool name\",\n \"description\": \"tool description\",\n \"fields\": [\n {\"name\": \"field1\", \"type\": \"string | number | boolean | array | object\", \"description\": \"field description\"}\n ]\n },\n \"query\": \"specific query for AgentB\",\n \"parameters\": {} // Any parameters needed for the query\n }\n }\n `;\n\n const agentACompletion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n response_format: { type: \"json_object\" },\n messages: [{ role: \"user\", content: agentAPrompt }],\n });\n\n // Safely parse the response\n const completionContent = agentACompletion.choices[0].message.content || \"{}\";\n agentAResponse = JSON.parse(completionContent);\n\n // Generate ID for the tool if needed\n if (agentAResponse.tool && !agentAResponse.tool.id) {\n agentAResponse.tool.id = crypto.randomUUID();\n }\n\n serverLog(\"INFO\", \"AgentA response received\", {\n actionType: agentAResponse.actionType,\n });\n } catch (aiProcessingError) {\n serverLog(\"ERROR\", \"AI processing failed\", {\n error: aiProcessingError instanceof Error ? aiProcessingError.message : String(aiProcessingError),\n });\n // Use fallback response if AI processing fails\n }\n\n // Always return a JSON response\n return new Response(JSON.stringify(agentAResponse), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n serverLog(\"ERROR\", \"Agent processing failed\", {\n error: error instanceof Error ? error.message : String(error),\n });\n\n return new Response(\n JSON.stringify({\n error: \"Comprehensive processing error\",\n details: error instanceof Error ? error.message : String(error),\n suggestion: \"Please check your input and try again.\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Serve the HTML for root path\n if (path.length === 0) {\n const htmlResponse = `\n \n \n \n \n Dynamic Data API\n \n \n \n \n \n \n

\n Dynamic Data API\n

\n Access structured data for any topic using URL paths\n

\n \n

How to use:

\n Simply add your topic as a path after the domain.\n For example:\n

\n /cars/makes/models - Get information about car makes and models\n

\n /countries/europe - Get information about European countries\n

\n /programming/javascript/frameworks - Get information about JavaScript frameworks\n

\n \n

Try it now:

\n \n \n \n

\n Results\n \n

\n \n

Explore 100 Interesting Topics:

\n \n \n

Science

\n Quantum Entanglement\n Black Hole Event Horizons\n CRISPR Gene Editing\n Dark Matter Theories\n Memory Formation\n Deep Ocean Exploration\n Habitable Exoplanets\n Multiverse Hypotheses\n Bioluminescent Organisms\n Climate Change Solutions\n

\n \n \n

Technology

\n Quantum Computing Algorithms\n Autonomous Vehicle Tech\n Blockchain in Finance\n AR Applications\n Reinforcement Learning\n IoT in Smart Cities\n Zero Trust Security\n 3D Printed Organs\n Space Exploration Tech\n Soft Robotics\n

\n \n \n

History

\n Lost Ancient Civilizations\n Renaissance Art Movements\n Medieval Siege Warfare\n Silk Road Trade Routes\n Indigenous American Cultures\n Industrial Revolution Inventions\n Egyptian Pyramids\n Roman Engineering\n WWII Pacific Theater\n Viking Exploration\n

\n \n \n

Art & Culture

\n Impressionist Techniques\n Jazz Evolution\n Film Noir Characteristics\n Japanese Pottery\n Famous Ballet Choreographers\n Magical Realism Literature\n Gothic Cathedrals\n Global Street Art\n Indigenous Dance Traditions\n Opera Composers\n

\n \n \n

Philosophy

\n Modern Stoicism\n Existentialist Thinkers\n Buddhist Mindfulness\n Utilitarianism Critiques\n Reality Theories\n Philosophy of Consciousness\n Nietzsche's Will to Power\n Plato's Theory of Forms\n Confucian Social Harmony\n Free Will vs Determinism\n

\n \n \n

Food & Cuisine

\n Global Fermentation Techniques\n Silk Road Spice History\n Molecular Gastronomy\n Regional Mexican Cuisines\n Winemaking Processes\n Cheese Aging Techniques\n Sustainable Fishing\n Global Breadmaking\n Coffee Growing Regions\n Street Food Traditions\n

\n \n \n

Psychology

\n Cognitive Biases\n Emotional Intelligence\n Flow State Psychology\n Dream Analysis Theories\n Attachment Theory\n Trauma Healing\n Personality Type Systems\n Mindfulness Benefits\n Social Conformity\n Positive Psychology\n

\n \n \n

Sports & Recreation

\n Extreme Sports Psychology\n Martial Arts Traditions\n Olympic Games History\n Chess Strategy\n Famous Mountaineering\n Surfing Techniques\n Yoga Philosophy\n Traditional Games\n Sailing Navigation\n Ultramarathon Training\n

\n \n \n

Nature & Environment

\n Coral Reef Ecosystems\n Rainforest Biodiversity\n Bird Migration Patterns\n Wolf Rewilding\n Sustainable Architecture\n Permaculture Principles\n Ocean Currents\n Desert Adaptations\n Fungi Ecology\n Pollinator Conservation\n

\n \n \n

Business & Economics

\n Behavioral Economics\n Circular Economy\n Startup Funding\n Supply Chain Optimization\n Decentralized Finance\n Cryptocurrency Economics\n Sustainable Business\n Negotiation Psychology\n Global Trade Agreements\n Future of Work\n

\n \n \n \n `;\n return new Response(htmlResponse, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // Default 404 response for any unhandled routes\n return new Response(\n JSON.stringify({\n error: \"Not Found\",\n message: \"Try accessing a data path like '/cars/makes/toyota' to get structured data\",\n }),\n {\n status: 404,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/Learn/base/code/main.tsx","extension","actionData","errors"]

\n Dynamic Data API\n

How to use:

Try it now:

\n Results\n \n Copy JSON\n \n

Explore 100 Interesting Topics:

Science

Technology

History

Art & Culture

Philosophy

Food & Cuisine

Psychology

Sports & Recreation

Nature & Environment

Business & Economics

\n Results\n \n