Re/Pair

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_116":-5,"_20":117,"_22":118,"_119":120,"_121":122,"_25":123,"_24":-5,"_124":-5,"_125":-5,"_126":53,"_127":128,"_129":44,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","real","name","Repair","branchName","main","version","path","","project",{"_33":62,"_13":14,"_45":63,"_64":-5,"_65":53,"_66":67,"_68":67,"_69":-5,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":44,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":95,"_96":97,"_98":99,"_100":53},"tree",[57],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":55,"_18":56},"id","fc971e36-6ba0-11f0-8bbc-0224a6c84d84","main.tsx","fileId","b0f436e4-6ba0-11f0-a401-0224a6c84d84","parentId","branchId","b0f17f62-6ba0-11f0-a401-0224a6c84d84","branchVersion",5,"latest",true,"createdAt",["D",1753699962507],4,"fileType","http","content","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\nimport { Hono } from \"npm:hono@4.4.12\";\n\n// --- DOMAIN TRANSFER: DATA ---\n// The personas object is swapped out for the new domain.\nconst personas = {\n \"Plumber\": \"Diagnoses and advises on issues related to pipes, fixtures, and water systems, from leaks to blockages.\",\n \"Electrician\":\n \"Assesses problems with wiring, outlets, and circuits, providing guidance on safety and electrical code compliance.\",\n \"General Contractor\":\n \"Offers advice on structural issues, drywall, framing, and general project planning for larger home repairs.\",\n \"Appliance Repair Technician\":\n \"Specializes in troubleshooting and diagnosing issues with common household appliances like refrigerators, washers, and dryers.\",\n};\n\n// --- AI PROMPTING LOGIC (ADAPTED FOR NEW DOMAIN) ---\n// The initial prompt is updated for the new domain and output structure.\nconst INITIAL_ANALYSIS_PROMPT = `\nYou are an expert home inspector and DIY consultant AI. Your task is to perform an immediate, high-level analysis of the provided home repair problem image.\n\nYou MUST respond ONLY with a single, minified JSON object with the following structure:\n{\n \"problemCategory\": \"string\", // e.g., \"Plumbing - Faucet Leak\", \"Drywall - Stress Crack\". If unsure, state \"General Inquiry\".\n \"initialObservations\": [\"string\"], // An array of 2-3 key things you observe in the image (e.g., \"Corrosion visible on fixture base.\", \"Water damage apparent on surrounding countertop.\").\n \"problemAssessment\": \"string\", // A concise, one-paragraph summary of the likely issue and its severity.\n \"safetyChecklist\": [ // An array of 3-5 critical safety steps for immediate action.\n {\n \"id\": \"string\", // e.g., \"turn_off_water_supply\".\n \"text\": \"string\" // e.g., \"Turn off the main water supply valve to the house or the stopcock under the sink.\"\n }\n ]\n}\nDo not include any text outside of this JSON structure.\n`;\n\n// This meta-prompt is domain-agnostic and does not need to change.\nconst PROMPT_ENGINEER_PROMPT = `\nYou operate as a top 0.1% prompt engineer...\n# Output\nYour entire response MUST be a single, minified JSON object containing exactly one key, \\`refined_prompt\\`. Do not include any other text or markdown wrappers.`;\n\n// This base prompt is also domain-agnostic and does not need to change.\nconst PERSONA_BASE_PROMPT = `\nYou are an AI expert...\n**Critical Rule:** Before finalizing your JSON output, you must review the \\`response\\` text you have written. If this text contains any phrase that asks, suggests, or infers that the user should provide a new photo... you are **mandated** to set the \\`requestImage\\` field to \\`true\\`. If you do not ask for a photo, you must set it to \\`false\\`. There are no exceptions to this rule.\nYou MUST respond ONLY with a single, minified JSON object with the following structure:\n{\n \"response\": \"string\",\n \"requestImage\": boolean\n}`;\n\n// --- HTML & FRONTEND (RE-SKINNED) ---\nfunction generateHtml(baseUrl: string, personasData: any) {\n return `\n\n\n \n \n Re/Pair\n \n \n \n\n\n\n

Re/Pair is diagnosing the issue...

\n\n

\n \n \n

New Project

\n Upload a photo of the problem\n \n

\n\n

\n \n

\n $\"Uploaded$ \n

Consult a Pro

\n \n

\n\n

\n \n

Re/Pair is thinking...

\n The pro has requested another photo:\n \n

\n \n

\n\n\n\n`;\n}\n\n// --- BACKEND LOGIC (ADAPTED FOR NEW DOMAIN) ---\nconst app = new Hono();\nconst openai = new OpenAI();\n\n// This function is domain-agnostic and reusable.\nasync function generatePersonaPrompt(occupation: string, task: string) {\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: PROMPT_ENGINEER_PROMPT.replace(\"{{meta_prompts}}\", \"a persona-based meta prompt\") },\n { role: \"user\", content: `{\"Occupation\": \"${occupation}\", \"Task\": \"${task}\"}` },\n ],\n temperature: 0.2,\n response_format: { type: \"json_object\" },\n });\n const result = JSON.parse(completion.choices[0].message.content);\n return result.refined_prompt;\n}\n\nconst handleApiError = (error, c) => {\n console.error(\"API Error:\", error);\n if (error instanceof APIError && error.status === 429) {\n return c.json({\n error: \"Quota Exceeded\",\n message:\n \"The application's OpenAI quota has been exceeded. Please check the account dashboard on the OpenAI platform.\",\n }, 429);\n }\n return c.json({\n error: \"API Error\",\n message: error.message || \"An unknown error occurred while communicating with the AI.\",\n }, 500);\n};\n\napp.post(\"/initial-analyze\", async (c) => {\n try {\n const { image } = await c.req.json();\n if (!image) return c.json({ error: \"Image is required.\" }, 400);\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: INITIAL_ANALYSIS_PROMPT },\n { role: \"user\", content: [{ type: \"image_url\", image_url: { url: image } }] },\n ],\n response_format: { type: \"json_object\" },\n });\n return c.json(JSON.parse(completion.choices[0].message.content));\n } catch (error) {\n return handleApiError(error, c);\n }\n});\n\napp.post(\"/chat\", async (c) => {\n try {\n const body = await c.req.json();\n let { history, newUserInput, newImageB64 } = body;\n\n if (!history) { // First message\n const { imageB64, initialAnalysis, checklistState, persona } = body;\n const personaPrompt = await generatePersonaPrompt(\n persona,\n `Analyze a home repair report and engage in a detailed follow-up conversation about {{user_concerns}} regarding the home's {{specific_area_or_problem}}.`,\n );\n const context =\n `Initial Problem ID: ${initialAnalysis.problemCategory}. My Summary: ${initialAnalysis.problemAssessment}. Safety Checklist Status: ${\n JSON.stringify(checklistState)\n }. My first question is: Please introduce yourself and give me a more detailed analysis based on your specialty.`;\n history = [\n { role: \"system\", content: PERSONA_BASE_PROMPT },\n { role: \"system\", content: personaPrompt },\n {\n role: \"user\",\n content: [{ type: \"text\", text: context }, { type: \"image_url\", image_url: { url: imageB64 } }],\n },\n ];\n } else { // Follow-up message\n const userContent = [];\n if (newUserInput) userContent.push({ type: \"text\", text: newUserInput });\n if (newImageB64) userContent.push({ type: \"image_url\", image_url: { url: newImageB64 } });\n if (userContent.length > 0) history.push({ role: \"user\", content: userContent });\n }\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: history,\n temperature: 0.7,\n response_format: { type: \"json_object\" },\n });\n const aiResponseContent = completion.choices[0].message.content;\n const updatedHistory = [...history, { role: \"assistant\", content: aiResponseContent }];\n\n return c.json({ response: JSON.parse(aiResponseContent).response, history: updatedHistory });\n } catch (error) {\n return handleApiError(error, c);\n }\n});\n\napp.get(\"/\", (c) => {\n const baseUrl = new URL(c.req.url).origin;\n return c.html(generateHtml(baseUrl, personas));\n});\n\nexport default app.fetch;","deleted",false,"label","repair",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":58,"_17":47,"_48":49,"_50":51,"_52":53,"_54":55,"_59":60,"_18":61},["D",1753699962507],"children",[],[35],"b0f11748-6ba0-11f0-a401-0224a6c84d84",["D",1753699835596],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","63f04ac0-562b-11f0-a849-2f0fd58d5bdc","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","0abcaa5c-2531-4e34-967b-6f68bd9904a8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_115":111},"org",{"_11":12,"_109":-5,"_110":111,"_71":72,"_112":113,"_114":53},"branch",{"_17":42,"_13":16,"_33":40,"_101":62,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ6Rng5NEh2b3dPMmVwbThwVm1keXA3aTk5bCJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":62,"_13":14,"_45":149,"_64":-5,"_65":53,"_66":67,"_68":67,"_69":-5,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":44,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":150,"_96":151,"_98":152,"_100":53},[146],"files",[146],"counts",{"_136":78,"_137":138,"_139":78,"_31":140,"_141":142},[134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":55,"_18":135},[35],"pulls","branches",1,"forks",{"_143":78,"_145":78},"connections",{"_143":78,"_144":78},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":58,"_17":47,"_48":49,"_50":51,"_52":53,"_54":55,"_59":147,"_18":148},[],[35],["D",1753699835596],{"_11":12,"_115":111},{"_11":12,"_109":-5,"_110":111,"_71":72,"_112":113,"_114":53},{"_17":42,"_13":16,"_33":40,"_101":62,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"ctx",{"_94":-5,"_131":186,"_187":188,"_189":190,"_191":53,"_192":53,"_193":53,"_194":44,"_195":-5,"_196":-7,"_197":-7,"_198":78,"_199":53,"_200":53,"_201":-5,"_202":53,"_203":53,"_204":53,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":16,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

Code