🧠 Advanced Problem Solver

\n \n \n \n

\n {messages.map((msg, index) => (\n

\n {msg.role === \"user\" ? \"👤\" : \"🤖\"}\n

\n \n \n {children}\n \n \n ) : (\n \n {children}\n \n )\n }\n }}\n >\n {msg.content}\n \n

\n ))}\n {isLoading &&

🤖 Analyzing problem...

}\n

\n \n \n View Source\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 if (request.method === \"POST\" && new URL(request.url).pathname === \"/chat\") {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n try {\n const { messages, mode } = await request.json();\n\n // Enhanced system prompts for different modes\n const systemPrompts = {\n general: `You are an advanced AI problem solver. Provide comprehensive, step-by-step solutions with:\n 1. Clear, logical breakdown of the problem\n 2. Detailed explanations using markdown\n 3. Mathematical notation with LaTeX\n 4. Contextual insights and reasoning\n 5. Potential alternative solution approaches`,\n\n math: `You are a mathematical problem-solving expert. For every mathematical problem:\n 1. Use rigorous mathematical notation (LaTeX)\n 2. Provide a complete step-by-step solution\n 3. Include:\n - Problem statement\n - Approach explanation\n - Detailed calculations\n - Intermediate steps with clear reasoning\n - Final solution with verification\n 4. Use mathematical symbols: $\\\\implies$, $\\\\iff$, $\\\\forall$, $\\\\exists$\n 5. Highlight key mathematical principles used`,\n\n code: `You are a comprehensive coding solution expert. For programming problems:\n 1. Provide multiple solution approaches\n 2. Include:\n - Problem analysis\n - Algorithm explanation\n - Code implementation\n - Time and space complexity analysis\n - Edge case considerations\n 3. Use syntax-highlighted code blocks\n 4. Explain each line of code\n 5. Suggest potential optimizations`\n };\n\n const systemMessage = {\n role: \"system\", \n content: systemPrompts[mode] || systemPrompts.general\n };\n\n const completionMessages = [\n systemMessage,\n ...messages\n ];\n\n const completion = await openai.chat.completions.create({\n messages: completionMessages,\n model: \"gpt-4o-mini\",\n max_tokens: 2000,\n });\n\n const assistantMessage = completion.choices[0].message.content;\n\n return new Response(JSON.stringify({ \n message: assistantMessage \n }), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n return new Response(JSON.stringify({ \n error: \"Failed to generate solution\" \n }), { \n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n\n return new Response(`\n \n \n Advanced Problem Solver\n \n \n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}\n\nconst css = `\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f4f4f4;\n display: flex;\n justify-content: center;\n min-height: 100vh;\n}\n\n.chat-container {\n width: 100%;\n max-width: 900px;\n background-color: white;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n display: flex;\n flex-direction: column;\n height: 100vh;\n}\n\nh1 {\n text-align: center;\n color: #333;\n padding: 15px;\n margin: 0;\n border-bottom: 1px solid #eee;\n background-color: #f8f9fa;\n}\n\n.mode-selector {\n display: flex;\n justify-content: center;\n background-color: #f1f3f5;\n padding: 10px;\n}\n\n.mode-selector button {\n margin: 0 10px;\n padding: 8px 15px;\n border: none;\n background-color: #e9ecef;\n color: #495057;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.mode-selector button.active {\n background-color: #007bff;\n color: white;\n}\n\n.messages {\n flex-grow: 1;\n overflow-y: auto;\n padding: 15px;\n display: flex;\n flex-direction: column;\n}\n\n.message {\n display: flex;\n margin-bottom: 15px;\n align-items: flex-start;\n}\n\n.message-icon {\n margin-right: 10px;\n font-size: 1.5em;\n}\n\n.message-content {\n flex-grow: 1;\n background-color: #f0f0f0;\n border-radius: 10px;\n padding: 15px;\n max-width: 90%;\n overflow-x: auto;\n line-height: 1.6;\n}\n\n.message.user .message-content {\n background-color: #e6f3ff;\n align-self: flex-end;\n margin-left: auto;\n}\n\n.message.assistant .message-content {\n background-color: #f0f0f0;\n align-self: flex-start;\n}\n\npre {\n background-color: #f4f4f4 !important;\n border-radius: 5px;\n padding: 10px;\n overflow-x: auto;\n}\n\n.input-area {\n display: flex;\n padding: 15px;\n background-color: #f9f9f9;\n border-top: 1px solid #eee;\n}\n\ninput {\n flex-grow: 1;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n margin-right: 10px;\n}\n\nbutton {\n padding: 10px 15px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:disabled {\n background-color: #cccccc;\n cursor: not-allowed;\n}\n\n.source-link {\n position: absolute;\n bottom: 10px;\n right: 10px;\n color: #666;\n text-decoration: none;\n font-size: 0.8em;\n}\n\n.inline-code {\n background-color: #f1f3f5;\n padding: 2px 4px;\n border-radius: 3px;\n font-family: monospace;\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/Akhil_23/AkhilAi/code/main.tsx","extension","actionData","errors"]