\n \n\n\n",[],[109,127],"ffb39482-2f18-11f1-b7ad-42dde27851f2","app.tsx","ffb3955e-2f18-11f1-b7ad-42dde27851f2",8,["D",1775191984058],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport type {\n MoodQuestion,\n MoodIntensity,\n AssessmentResult,\n CoachingSession,\n SessionRecord,\n} from \"../shared/types.ts\";\n\n// ─── Types ────────────────────────────────────────────────────────────────────\ntype Page = \"home\" | \"assess\" | \"loading\" | \"result\" | \"history\" | \"session\";\n\n// ─── App ─────────────────────────────────────────────────────────────────────\nfunction App() {\n const [page, setPage] = useState(\"home\");\n const [questions, setQuestions] = useState([]);\n const [answers, setAnswers] = useState>({});\n const [intensity, setIntensity] = useState(3);\n const [session, setSession] = useState(null);\n const [history, setHistory] = useState([]);\n const [loadingMsg, setLoadingMsg] = useState(\"Reading your responses…\");\n\n // ─── Fetch Questions ───────────────────────────────────────────────────────\n const startAssessment = async () => {\n const res = await fetch(\"/api/questions\");\n const data = await res.json();\n setQuestions(data.questions);\n setAnswers({});\n setIntensity(3);\n setPage(\"assess\");\n };\n\n // ─── Submit Assessment ─────────────────────────────────────────────────────\n const submitAssessment = async () => {\n setPage(\"loading\");\n const msgs = [\n \"Reading your responses…\",\n \"Weaving your story…\",\n \"Gathering wisdom…\",\n \"Almost ready…\",\n ];\n let i = 0;\n const interval = setInterval(() => {\n i = (i + 1) % msgs.length;\n setLoadingMsg(msgs[i]);\n }, 1200);\n\n try {\n const res = await fetch(\"/api/session\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ answers, intensity }),\n });\n const data = await res.json();\n clearInterval(interval);\n setSession(data.session);\n setPage(\"result\");\n } catch (e) {\n clearInterval(interval);\n setPage(\"assess\");\n }\n };\n\n // ─── Load History ──────────────────────────────────────────────────────────\n const loadHistory = async () => {\n const res = await fetch(\"/api/sessions\");\n const data = await res.json();\n setHistory(data.sessions);\n setPage(\"history\");\n };\n\n const loadSession = async (id: string) => {\n const res = await fetch(`/api/sessions/${id}`);\n const data = await res.json();\n setSession(data.session);\n setPage(\"session\");\n };\n\n const isAssessComplete =\n questions.length > 0 &&\n questions.every((q) => answers[q.id] !== undefined);\n\n return (\n

\n setPage(\"home\")}\n onHistory={loadHistory}\n onStart={startAssessment}\n page={page}\n />\n\n {page === \"home\" && (\n \n )}\n {page === \"assess\" && (\n setAnswers((p) => ({ ...p, [qid]: val }))}\n intensity={intensity}\n onIntensity={setIntensity}\n onSubmit={submitAssessment}\n isComplete={isAssessComplete}\n onBack={() => setPage(\"home\")}\n />\n )}\n {page === \"loading\" && }\n {page === \"result\" && session && (\n \n )}\n {page === \"history\" && (\n setPage(\"home\")}\n onStart={startAssessment}\n />\n )}\n {page === \"session\" && session && (\n \n )}\n\n \n

\n );\n}\n\n// ─── Header ───────────────────────────────────────────────────────────────────\nfunction Header({\n onHome,\n onHistory,\n onStart,\n page,\n}: {\n onHome: () => void;\n onHistory: () => void;\n onStart: () => void;\n page: Page;\n}) {\n return (\n

\n \n \n

\n );\n}\n\n// ─── Home Page ────────────────────────────────────────────────────────────────\nfunction HomePage({ onStart, onHistory }: { onStart: () => void; onHistory: () => void }) {\n return (\n

✦ Personalized Life Coaching

\n Navigate your inner world
\n with story & wisdom\n

\n Answer a few honest questions. Receive a narrative crafted for your\n exact moment, paired with curated wisdom to shift your perspective\n and move you forward.\n

\n \n \n

\n\n

🎲

Randomized Assessments

Fresh questions every session — no two journeys are the same.

📖

Personalized Stories

Parables and narratives tailored to your exact emotional state.

💬

Curated Wisdom

Hand-selected quotes with context to anchor your next step.

\n );\n}\n\n// ─── Assessment Page ──────────────────────────────────────────────────────────\nfunction AssessmentPage({\n questions,\n answers,\n onAnswer,\n intensity,\n onIntensity,\n onSubmit,\n isComplete,\n onBack,\n}: {\n questions: MoodQuestion[];\n answers: Record;\n onAnswer: (qid: string, val: string) => void;\n intensity: MoodIntensity;\n onIntensity: (v: MoodIntensity) => void;\n onSubmit: () => void;\n isComplete: boolean;\n onBack: () => void;\n}) {\n const answeredCount = Object.keys(answers).length;\n const total = questions.length + 1; // +1 for intensity\n const progress = ((answeredCount + (intensity ? 1 : 0)) / (total)) * 100;\n\n const INTENSITY_LABELS: Record = {\n 1: { emoji: \"🌤\", label: \"Mild\" },\n 2: { emoji: \"🌥\", label: \"Low\" },\n 3: { emoji: \"⛅\", label: \"Moderate\" },\n 4: { emoji: \"🌧\", label: \"High\" },\n 5: { emoji: \"⛈\", label: \"Intense\" },\n };\n\n return (\n

Your Mood Assessment

Answer honestly — there are no wrong answers.

\n\n

\n\n {questions.map((q, idx) => (\n

Question {idx + 1} of {questions.length}

{q.text}

\n {q.options.map((opt) => {\n const selected = answers[q.id] === opt.value;\n return (\n onAnswer(q.id, opt.value)}\n >\n

\n {selected && ✓}\n

\n {opt.label}\n \n );\n })}\n

\n ))}\n\n

\n How intensely are you feeling this right now?\n

\n {([1, 2, 3, 4, 5] as MoodIntensity[]).map((v) => (\n onIntensity(v)}\n >\n {INTENSITY_LABELS[v].emoji}\n {v}\n {INTENSITY_LABELS[v].label}\n \n ))}\n

\n\n

\n \n \n ✦ Reveal My Session\n \n

\n );\n}\n\n// ─── Loading Page ─────────────────────────────────────────────────────────────\nfunction LoadingPage({ message }: { message: string }) {\n return (\n

{message}

Your personalized session is being woven…

\n );\n}\n\n// ─── Result Page ──────────────────────────────────────────────────────────────\nfunction ResultPage({\n session,\n onRestart,\n onHistory,\n readOnly = false,\n}: {\n session: CoachingSession;\n onRestart: () => void;\n onHistory: () => void;\n readOnly?: boolean;\n}) {\n const moodEmojis: Record = {\n stressed: \"⚡\", anxious: \"🌀\", stuck: \"🪨\", unmotivated: \"🌑\",\n overwhelmed: \"🌊\", lonely: \"🌙\", hopeful: \"🌱\", curious: \"🔭\",\n };\n\n return (\n

\n {/* Mood Badge */}\n

\n {moodEmojis[session.mood] || \"✦\"} {session.mood} · intensity {session.intensity}/5\n

\n\n {/* Story */}\n

✦ Your Story

{session.story.title}

{session.story.narrative}

The Lesson

{session.story.lesson}

Your Next Steps

\n {session.story.actionSteps.map((step, i) => (\n

{i + 1}

{step}

\n ))}\n

\n\n {/* Wisdom */}\n

Curated Wisdom for You

\n {session.wisdoms.map((w, i) => (\n

{w.text}

— {w.author}

{w.context}

\n ))}\n

\n\n {/* Actions */}\n

\n {!readOnly && (\n \n )}\n \n

\n );\n}\n\n// ─── History Page ─────────────────────────────────────────────────────────────\nfunction HistoryPage({\n sessions,\n onSelect,\n onBack,\n onStart,\n}: {\n sessions: SessionRecord[];\n onSelect: (id: string) => void;\n onBack: () => void;\n onStart: () => void;\n}) {\n const moodEmojis: Record = {\n stressed: \"⚡\", anxious: \"🌀\", stuck: \"🪨\", unmotivated: \"🌑\",\n overwhelmed: \"🌊\", lonely: \"🌙\", hopeful: \"🌱\", curious: \"🔭\",\n };\n\n const formatDate = (d: string) => {\n try {\n return new Date(d).toLocaleDateString(\"en-US\", {\n weekday: \"short\", month: \"short\", day: \"numeric\", hour: \"2-digit\", minute: \"2-digit\",\n });\n } catch { return d; }\n };\n\n return (\n

Your Coaching Journal

Every session, saved for reflection.

\n\n {sessions.length === 0 ? (\n

📖

Your journal is empty

Complete your first session to begin your coaching journey.

\n
\n \n

\n ) : (\n

\n {sessions.map((s) => (\n

onSelect(s.id)}>\n

\n {moodEmojis[s.mood] || \"✦\"} {s.story_title}\n

\n \n {s.mood}\n \n ·\n Intensity {s.intensity}/5\n ·\n {formatDate(s.created_at)}\n

›

\n ))}\n

\n )}\n\n
\n

\n \n \n

\n );\n}\n\n// ─── Mount ────────────────────────────────────────────────────────────────────\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[109,134],["D",1775191718770],[144,145],[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":149,"_17":50,"_51":52,"_53":64,"_55":56,"_57":-5,"_81":150,"_18":151},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":146,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_81":147,"_18":148},["D",1775191725178],[],[19,37],["D",1775191718770],[],[19,60],"49f76a2e-2f18-11f1-8a7f-42dde27851f2",["D",1775191679185],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Personalized stories & wisdom via mood assessments","imageUrl","userId","e4c565a0-ed16-11ef-af12-67b5d5b0b458","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","04f8bbc1-335d-41fa-b276-b7775f43d0be","tursoName","49f76a2e2f1811f18a7f42dde27851f2","tursoHostname","49f76a2e2f1811f18a7f42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789516910456],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_208":204},"org",{"_11":12,"_202":-5,"_203":204,"_162":163,"_205":206,"_207":56},"branch",{"_17":77,"_13":16,"_35":43,"_194":152,"_195":-5,"_196":-5,"_197":-5,"_198":-5,"_199":-5,"_200":14,"_201":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0QUY1NFYyUjU5cW1mWFVNOVVNZWx5WW5MQyJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":152,"_13":14,"_48":276,"_154":-5,"_155":56,"_156":157,"_158":157,"_159":160,"_161":-5,"_162":163,"_164":-5,"_165":56,"_166":-5,"_167":-5,"_168":50,"_169":170,"_171":172,"_173":174,"_175":277,"_177":-5,"_178":179,"_180":179,"_181":182,"_183":182,"_184":182,"_185":179,"_186":179,"_187":278,"_189":279,"_191":280,"_193":56},[243,246,250,253],"files",[243,244,245,246,247,248,249,250,251,252,253],"counts",{"_233":50,"_234":235,"_236":50,"_32":237,"_238":239},[229,230],{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":62,"_46":47,"_48":67,"_17":50,"_51":68,"_53":-5,"_55":56,"_57":-5,"_18":228},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":63,"_17":50,"_51":52,"_53":64,"_55":56,"_57":-5,"_18":232},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":231},[19,37],[19,60],"pulls","branches",1,"forks",{"_240":50,"_242":50},"connections",{"_240":50,"_241":50},"count","unfilledCount","emptyCount",{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":62,"_46":47,"_48":141,"_17":50,"_51":68,"_53":-5,"_55":56,"_57":-5,"_81":274,"_18":275},{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":149,"_17":50,"_51":52,"_53":64,"_55":56,"_57":-5,"_81":272,"_18":273},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":146,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_81":270,"_18":271},{"_35":108,"_13":109,"_38":110,"_40":-5,"_42":43,"_44":111,"_46":47,"_48":112,"_17":50,"_51":68,"_53":-5,"_55":56,"_57":-5,"_81":268,"_18":269},{"_35":133,"_13":134,"_38":135,"_40":110,"_42":43,"_44":136,"_46":47,"_48":137,"_17":50,"_51":24,"_53":138,"_55":56,"_57":-5,"_81":266,"_18":267},{"_35":126,"_13":127,"_38":128,"_40":110,"_42":43,"_44":111,"_46":47,"_48":129,"_17":50,"_51":24,"_53":130,"_55":56,"_57":-5,"_81":264,"_18":265},{"_35":118,"_13":119,"_38":120,"_40":110,"_42":43,"_44":121,"_46":47,"_48":122,"_17":50,"_51":24,"_53":123,"_55":56,"_57":-5,"_81":262,"_18":263},{"_35":84,"_13":85,"_38":86,"_40":-5,"_42":43,"_44":87,"_46":47,"_48":88,"_17":50,"_51":68,"_53":-5,"_55":56,"_57":-5,"_81":260,"_18":261},{"_35":100,"_13":101,"_38":102,"_40":86,"_42":43,"_44":103,"_46":47,"_48":104,"_17":50,"_51":24,"_53":105,"_55":56,"_57":-5,"_81":258,"_18":259},{"_35":93,"_13":94,"_38":95,"_40":86,"_42":43,"_44":87,"_46":47,"_48":96,"_17":50,"_51":24,"_53":97,"_55":56,"_57":-5,"_81":256,"_18":257},{"_35":74,"_13":75,"_38":76,"_40":-5,"_42":43,"_44":77,"_46":47,"_48":78,"_17":45,"_51":79,"_53":80,"_55":56,"_57":-5,"_81":254,"_18":255},[],[75],[],[85,94],[],[85,101],[251,252],[85],[],[109,119],[],[109,127],[],[109,134],[247,248,249],[109],[],[19,37],[],[19,60],[244,245],[19],["D",1775191679185],["D",1789516910456],{"_11":12,"_208":204},{"_11":12,"_202":-5,"_203":204,"_162":163,"_205":206,"_207":56},{"_17":77,"_13":16,"_35":43,"_194":152,"_195":-5,"_196":-5,"_197":-5,"_198":-5,"_199":-5,"_200":14,"_201":12},"ctx",{"_187":-5,"_225":314,"_315":316,"_317":318,"_319":56,"_320":56,"_321":56,"_322":47,"_323":-5,"_324":-7,"_325":-7,"_326":50,"_327":56,"_328":56,"_329":-5,"_330":56,"_331":56,"_332":56,"_333":-5},"ENV",{"_285":286,"_287":288,"_289":16,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313},"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"]

\n Navigate your inner world\n with story & wisdom\n

Randomized Assessments

Personalized Stories

Curated Wisdom

Your Mood Assessment

{session.story.title}

Curated Wisdom for You

Your Coaching Journal

Your journal is empty

\n {moodEmojis[s.mood] || \"✦\"} {s.story_title}\n

\n Navigate your inner world
\n with story & wisdom\n