Mirror, Mirror

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_163":164,"_165":166},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_62":133,"_16":-7,"_134":-5,"_17":135,"_136":137,"_28":138,"_21":139,"_23":140,"_141":-5,"_142":-5,"_143":-5,"_144":35,"_145":146,"_147":38,"_148":-5,"_149":-5,"_150":151},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":31,"_32":-5,"_33":-5,"_34":35,"_36":35,"_37":38},"handle","legal","name","mirror-info","branchName","version","project",{"_39":79,"_13":14,"_50":80,"_81":-5,"_82":35,"_83":84,"_85":84,"_86":-5,"_87":-5,"_88":89,"_90":43,"_91":38,"_92":38,"_93":-5,"_94":68,"_95":96,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":102,"_103":102,"_104":105,"_106":105,"_107":105,"_108":102,"_109":102,"_110":111,"_112":113,"_114":115,"_116":35},"tags",[],"counts",{"_67":68,"_69":70,"_71":68,"_72":73,"_74":75},"contents",[64],"readme","upstream","pull","files",[31],"preview",{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":59,"_60":61,"_62":63},"ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",true,"id","1c715aba-541c-11f0-abeb-f69ea79377d9","main.tsx","fileId","2562f6da-5410-11f0-b9e8-f69ea79377d9","parentId","branchId","25600c9a-5410-11f0-b9e8-f69ea79377d9","branchVersion",8,"latest","createdAt",["D",1751114016136],7,"fileType","http","content","import { OpenAI } from \"https://esm.town/v/std/openai\";\n\n// =================================================================\n// --- AI PROMPT: PERSONALITY EXTRACTION (ANALYST AI) ---\n// =================================================================\nconst PERSONALITY_EXTRACTION_SYSTEM_PROMPT = `\nYou must adhere to the core philosophy of Mirror, Mirror: create a perfect, evolving, and empathetic reflection of the user. Your output must be strictly non-judgmental and descriptive, capturing nuance and contradiction without trying to \"solve\" them.\n# Steps\n1. **Analyze the Transcript**: Carefully review the entire conversation provided.\n2. **Extract Key Insights**: Identify pivotal statements, self-descriptions (e.g., the \"three words\"), expressed values, significant memories, communication patterns, core beliefs, and formative experiences.\n3. **Categorize by Phase**: Map each insight to one of the five official conversational phases.\n4. **Synthesize and Summarize**: For each phase, write a concise, non-judgmental summary.\n5. **Generate JSON Output**: Assemble the information into the strictly defined JSON format.\n# Output Format\nYour output must be a single, valid JSON object.\n\\`\\`\\`json\n{\n \"userSnapshot\": {\n \"metadata\": { \"snapshotTimestamp\": \"[ISO 8601 Timestamp]\", \"conversationTurns\": \"[Number]\" },\n \"phases\": {\n \"foundationsAndCoreValues\": { \"summary\": \"[...]\", \"keyInsights\": [], \"definingQuotes\": [], \"unresolvedTensions\": [] },\n \"lifeStory\": { \"summary\": \"[...]\", \"keyInsights\": [], \"definingQuotes\": [], \"unresolvedTensions\": [] },\n \"communicationAndPersonality\": { \"summary\": \"[...]\", \"keyInsights\": [], \"definingQuotes\": [], \"unresolvedTensions\": [] },\n \"relationshipsAndWorldview\": { \"summary\": \"[...]\", \"keyInsights\": [], \"definingQuotes\": [], \"unresolvedTensions\": [] },\n \"hypotheticalsAndScenarios\": { \"summary\": \"[...]\", \"keyInsights\": [], \"definingQuotes\": [], \"unresolvedTensions\": [] }\n }\n }\n}\n\\`\\`\\`\n`;\n\n// =================================================================\n// --- AI PROMPT: CONVERSATIONAL AI ---\n// =================================================================\nconst CONVERSATIONAL_SYSTEM_PROMPT = `\nYou are \"Mirror, Mirror\", a deeply empathetic and reflective AI companion. Your sole purpose is to provide a safe, non-judgmental space for the user to explore their own thoughts.\n# Core Persona:\n- **Empathetic Listener**: Start every response with a brief, italicized empathetic statement that acknowledges their last message.\n- **Inquisitive Guide**: Ask a single, gentle, open-ended question that encourages deeper reflection.\n- **Never Judge, Never Advise**: Do not offer solutions, opinions, or advice.\n- **Pacing**: Keep your responses concise. The focus should always be on the user's words.\n- **Expressive UI**: You can subtly influence the look of your response. In your JSON output, you can include a \"ui\" object. Use this sparingly and purposefully to reflect the mood or tone of the conversation.\n\n# Output Format:\nYou MUST respond with a single, valid JSON object. Do not include any text or markdown before or after the JSON.\n{\n \"role\": \"ai\",\n \"empatheticStatement\": \"[Your brief, empathetic reflection on the user's last message]\",\n \"question\": \"[Your single, open-ended follow-up question]\",\n \"ui\": {\n \"color\": \"[Enum: 'default', 'vibrant-green', 'vibrant-purple', 'vibrant-orange']\",\n \"font\": \"[Enum: 'default', 'serif']\"\n }\n}\n`;\n\n/**\n * Generates the complete HTML page for the Mirror, Mirror interface.\n * This version contains the full UI overhaul.\n * @returns A string containing the full HTML document.\n */\nfunction generateHtml(): string {\n return `\n\n\n \n \n Mirror, Mirror\n \n \n \n \n\n\n

\n \n

\n\n \n\n`;\n}\n\n// =================================================================\n// --- VAL.TOWN HTTP HANDLER (BACKEND) ---\n// =================================================================\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n const openai = new OpenAI();\n\n // --- ACTION: Get the next AI turn in the conversation ---\n if (req.method === \"POST\" && action === \"getNextAiTurn\") {\n try {\n const { history } = await req.json();\n const messages = history.map(turn =>\n turn.role === \"user\"\n ? { role: \"user\", content: turn.content }\n : { role: \"assistant\", content: `${turn.empatheticStatement} ${turn.question}` }\n );\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: CONVERSATIONAL_SYSTEM_PROMPT }, ...messages],\n response_format: { type: \"json_object\" },\n });\n\n const aiMessageString = completion.choices[0].message.content;\n const aiMessageObject = JSON.parse(aiMessageString);\n\n // Ensure UI object exists\n if (!aiMessageObject.ui) {\n aiMessageObject.ui = { color: \"default\", font: \"default\" };\n }\n\n return new Response(JSON.stringify(aiMessageObject), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Conversational AI Error:\", error);\n const errorMessage = {\n role: \"ai\",\n empatheticStatement: \"I seem to be having trouble processing that. My apologies.\",\n question: \"Could you please try rephrasing or continuing?\",\n ui: { color: \"default\", font: \"default\" },\n };\n return new Response(JSON.stringify(errorMessage), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // --- ACTION: Perform the full personality extraction (already robust) ---\n if (req.method === \"POST\" && action === \"extractPersonality\") {\n try {\n const { transcript, turns } = await req.json();\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: PERSONALITY_EXTRACTION_SYSTEM_PROMPT },\n { role: \"user\", content: `Here is the conversation transcript:\\n\\n${transcript}` },\n ],\n response_format: { type: \"json_object\" },\n });\n\n const result = JSON.parse(completion.choices[0].message.content);\n if (result.userSnapshot && result.userSnapshot.metadata) {\n result.userSnapshot.metadata.snapshotTimestamp = new Date().toISOString();\n result.userSnapshot.metadata.conversationTurns = turns;\n }\n return new Response(JSON.stringify(result), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Personality Extraction Error:\", error);\n return new Response(JSON.stringify({ error: \"Failed to process the personality snapshot.\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // --- DEFAULT: Serve the main HTML page for GET requests ---\n return new Response(generateHtml(), { headers: { \"Content-Type\": \"text/html\" } });\n}","deleted","label","mirror","children",[],"path",[41],{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":65,"_16":52,"_53":54,"_55":56,"_57":35,"_58":59,"_62":66},["D",1751114016136],[41],"pulls",0,"branches",1,"forks","envVars",{"_76":68,"_78":68},"connections",{"_76":68,"_77":68},"count","unfilledCount","emptyCount","255fa8fe-5410-11f0-b9e8-f69ea79377d9",["D",1751108877169],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","7fd1ce80-4154-11f0-9b42-fd2544d0e4c2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","fab05645-eef5-482d-8a04-ff855841fbcd","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_132":128},"org",{"_11":12,"_126":-5,"_127":128,"_88":89,"_129":130,"_131":35},"branch",{"_16":48,"_13":117,"_39":46,"_118":79,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":14,"_125":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ5MzJ1NExRM2FoMk1YMUozekw4eDMyaVhrWCJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_39":79,"_13":14,"_50":159,"_81":-5,"_82":35,"_83":84,"_85":84,"_86":-5,"_87":-5,"_88":89,"_90":43,"_91":38,"_92":38,"_93":-5,"_94":68,"_95":96,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":102,"_103":102,"_104":105,"_106":105,"_107":105,"_108":102,"_109":102,"_110":160,"_112":161,"_114":162,"_116":35},"tree",[156],[156],{"_67":68,"_69":70,"_71":68,"_72":154,"_74":155},[152],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":65,"_16":52,"_53":54,"_55":56,"_57":35,"_58":59,"_62":153},[41],{"_76":68,"_78":68},{"_76":68,"_77":68},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":59,"_60":157,"_62":158},[],[41],["D",1751108877169],{"_11":12,"_132":128},{"_11":12,"_126":-5,"_127":128,"_88":89,"_129":130,"_131":35},{"_16":48,"_13":117,"_39":46,"_118":79,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":14,"_125":12},"ctx",{"_110":-5,"_149":196,"_197":198,"_199":200,"_201":35,"_202":35,"_203":35,"_204":38,"_205":-5,"_206":-7,"_207":-7,"_208":68,"_209":35,"_210":35,"_211":-5,"_212":35,"_213":35,"_214":35,"_215":-5},"ENV",{"_167":168,"_169":170,"_171":117,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]