\n \n\n\n",[],[236,238],"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",[],[236,246],"b19acd74-2f18-11f1-b3f2-42dde27851f2",["D",1775191852986],[189,190,191],[236],["D",1775191725178],[],[18,81],["D",1775191718770],[],[18,66],["D",1775191718770],[186,187],[18],["D",1775191679185],["D",1789516910456],{"_11":12,"_135":72},{"_11":12,"_131":-5,"_71":72,"_31":70,"_132":133,"_134":30},{"_40":122,"_13":16,"_34":37,"_123":85,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":-5,"_129":14,"_130":12},"ctx",{"_54":-5,"_154":304,"_305":306,"_307":308,"_309":30,"_310":30,"_311":30,"_312":24,"_313":-5,"_314":-7,"_315":-7,"_316":26,"_317":30,"_318":30,"_319":-5,"_320":30,"_321":30,"_322":30,"_323":-5},"ENV",{"_275":276,"_277":278,"_279":16,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303},"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

History · database