for the main title,

for major sections,

for paragraphs,

for quoted text, for emphasis, etc. 2. **No Full Document:** Do NOT include \\`\\`, \\`\\`, or \\`\\` tags. Your response must be an HTML snippet that can be directly injected into a \\`
\\` on an existing page. 3. **No Styling:** Do NOT include any CSS, \\`\n\n\n
\n
\n
\n
\n \n \n \n sHiNesHiNe\n
\n
\n
\n
\n
\n
Select Your Domain
\n
\n
\n
\n
\n
\n
\n
Industry
\n
\n
\n
\n
\n
\n
Occupation
\n
\n
\n
\n
\n
\n
Task
\n
\n
\n
\n
\n
\n
\n \n \n
\n
\n
\n\n
\n \n
\n
\n
Generated Agent Prompt
\n
\n
\n
\n
Configure Agent Inputs
\n
\n
\n
\n
✅ Agent Output
\n
\n
\n
\n
\n
\n\n\n`;\n}\n\n// --- HONO APPLICATION SETUP ---\nconst app = new Hono();\n\n// --- API ROUTES ---\n\n// 1. Serve the frontend application\napp.get(\"/\", (c: Context) => c.html(generateHtml(c.req.url)));\n\n// 2. Get the initial list of industries\napp.get(\"/api/industries\", (c: Context) => c.json(industries));\n\n// 3. Generate occupations for an industry\napp.post(\"/api/generate/occupations\", async (c: Context) => {\n const { industry } = await c.req.json();\n if (!industry) return c.json({ error: \"Industry is a required field.\" }, 400);\n try {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: DYNAMIC_LIST_GENERATOR_PROMPT }, {\n role: \"user\",\n content: JSON.stringify({ type: \"occupations\", industry }),\n }],\n response_format: { type: \"json_object\" },\n });\n return c.json(JSON.parse(completion.choices[0].message.content));\n } catch (e) {\n console.error(\"Error in /api/generate/occupations:\", e);\n return c.json({ error: \"AI failed to generate a valid list.\" }, 500);\n }\n});\n\n// 4. Generate tasks for an occupation\napp.post(\"/api/generate/tasks\", async (c: Context) => {\n const { occupation } = await c.req.json();\n if (!occupation) return c.json({ error: \"Occupation is a required field.\" }, 400);\n try {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: DYNAMIC_LIST_GENERATOR_PROMPT }, {\n role: \"user\",\n content: JSON.stringify({ type: \"tasks\", occupation }),\n }],\n response_format: { type: \"json_object\" },\n });\n return c.json(JSON.parse(completion.choices[0].message.content));\n } catch (e) {\n console.error(\"Error in /api/generate/tasks:\", e);\n return c.json({ error: \"AI failed to generate a valid list.\" }, 500);\n }\n});\n\n// 5. Generate a refined agent prompt\napp.post(\"/api/prompt/dynamic\", async (c: Context) => {\n const { occupation_title, task } = await c.req.json();\n if (!occupation_title || !task) return c.json({ error: \"occupation_title and task are required.\" }, 400);\n const userInput = `Occupation: ${occupation_title}, Task: ${task}`;\n try {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: PROMPT_REFINER_SYSTEM_PROMPT }, { role: \"user\", content: userInput }],\n response_format: { type: \"json_object\" },\n });\n return c.json(JSON.parse(completion.choices[0].message.content));\n } catch (e) {\n console.error(\"Error in /api/prompt/dynamic:\", e);\n return c.json({ error: \"AI failed to generate a valid prompt.\" }, 500);\n }\n});\n\n// 6. Extract input fields from the prompt\napp.post(\"/api/inputs\", async (c: Context) => {\n const { refined_prompt } = await c.req.json();\n if (!refined_prompt) return c.json({ error: \"refined_prompt is required\" }, 400);\n try {\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: INPUT_EXTRACTOR_SYSTEM_PROMPT }, {\n role: \"user\",\n content: refined_prompt,\n }],\n response_format: { type: \"json_object\" },\n });\n return c.json(JSON.parse(completion.choices[0].message.content));\n } catch (e) {\n console.error(\"Error in /api/inputs:\", e);\n return c.json({ error: \"AI failed to extract inputs.\" }, 500);\n }\n});\n\n// 7. Execute the final agent task\napp.post(\"/api/execute\", async (c: Context) => {\n const { refined_prompt, user_inputs } = await c.req.json();\n if (!refined_prompt || !user_inputs) return c.json({ error: \"refined_prompt and user_inputs are required\" }, 400);\n\n let finalUserPrompt = refined_prompt;\n for (const [key, value] of Object.entries(user_inputs)) {\n const placeholder = new RegExp(`\\\\{\\\\{\\\\s*${key}\\\\s*\\\\}\\\\}`, \"g\");\n finalUserPrompt = finalUserPrompt.replace(placeholder, String(value));\n }\n\n try {\n const openai = new OpenAI();\n const agentCompletion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: finalUserPrompt }, {\n role: \"user\",\n content: \"Proceed with the task as instructed.\",\n }],\n });\n const agentOutput = agentCompletion.choices[0].message.content;\n if (!agentOutput) throw new Error(\"The agent returned no content.\");\n\n const htmlCompletion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: HTML_FORMATTER_SYSTEM_PROMPT }, { role: \"user\", content: agentOutput }],\n });\n const htmlOutput = htmlCompletion.choices[0].message.content;\n return c.json({ output: htmlOutput });\n } catch (e) {\n console.error(\"Error during execution:\", e);\n return c.json({ error: `AI execution failed: ${e.message}` }, 500);\n }\n});\n\n// --- EXPORT THE VAL ---\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/join/horiz-shine/code/main.tsx","extension","actionData","errors"]

for the main title,

Select Your Domain

Industry

Occupation

Task

Your AI Agent Workspace