\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","deleted","label",[179,162],"frontend","permalink","https://www.val.town/x/Biniyam/lumina-life-coaching/code/frontend/app.tsx","extension","tsx","actionData","errors"]

\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