\n {/* Header */}\n

🧠

Mental Health Support

Your personal wellness companion

\n \n {/* Quick Stats */}\n {moodStats && (\n

{moodStats.streak}

Day Streak

{moodStats.averageMood}

Avg Mood

{moodStats.totalEntries}

Total Entries

\n )}\n

\n\n {/* Navigation Tabs */}\n

\n {tabs.map((tab) => (\n setActiveTab(tab.id)}\n className={`flex items-center space-x-2 py-4 px-2 border-b-2 font-medium text-sm whitespace-nowrap transition-colors ${\n activeTab === tab.id\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n {tab.icon}\n {tab.name}\n \n ))}\n

\n\n {/* Main Content */}\n

\n {activeTab === 'mood' && (\n \n )}\n \n {activeTab === 'journal' && (\n \n )}\n \n {activeTab === 'breathing' && }\n \n {activeTab === 'resources' && }\n

\n\n {/* Footer */}\n \n

\n );\n}",[],[230,237,244],{"_102":251,"_95":252,"_151":253,"_153":238,"_154":136,"_155":254,"_157":158,"_104":255,"_99":32,"_160":178,"_162":256,"_163":22,"_164":-5,"_165":257,"_98":258},"a8eb3f3c-3f7d-11f0-b140-76b3cceeab13","BreathingExercise.tsx","a8eb400e-3f7d-11f0-b140-76b3cceeab13",14,["D",1748846938579],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { BreathingExercise as BreathingExerciseType } from \"../../shared/types.ts\";\n\nexport default function BreathingExercise() {\n const [selectedExercise, setSelectedExercise] = useState(null);\n const [isActive, setIsActive] = useState(false);\n const [currentPhase, setCurrentPhase] = useState<'inhale' | 'hold' | 'exhale'>('inhale');\n const [timeLeft, setTimeLeft] = useState(0);\n const [currentCycle, setCurrentCycle] = useState(0);\n const [isCompleted, setIsCompleted] = useState(false);\n const intervalRef = useRef(null);\n\n const exercises: BreathingExerciseType[] = [\n {\n id: '4-7-8',\n name: '4-7-8 Breathing',\n description: 'A calming technique that helps reduce anxiety and promote sleep. Inhale for 4, hold for 7, exhale for 8.',\n duration: 76, // (4+7+8) * 4 cycles\n inhale: 4,\n hold: 7,\n exhale: 8,\n cycles: 4\n },\n {\n id: 'box',\n name: 'Box Breathing',\n description: 'Used by Navy SEALs for stress management. Equal timing for all phases helps center your mind.',\n duration: 64, // (4+4+4+4) * 4 cycles\n inhale: 4,\n hold: 4,\n exhale: 4,\n cycles: 4\n },\n {\n id: 'triangle',\n name: 'Triangle Breathing',\n description: 'Simple and effective for quick stress relief. No hold phase makes it easier for beginners.',\n duration: 42, // (4+0+6) * 4 cycles + 2 seconds buffer\n inhale: 4,\n hold: 0,\n exhale: 6,\n cycles: 4\n },\n {\n id: 'coherent',\n name: 'Coherent Breathing',\n description: 'Balances your nervous system with equal inhale and exhale times.',\n duration: 60, // (5+0+5) * 6 cycles\n inhale: 5,\n hold: 0,\n exhale: 5,\n cycles: 6\n }\n ];\n\n const startExercise = (exercise: BreathingExerciseType) => {\n setSelectedExercise(exercise);\n setIsActive(true);\n setCurrentPhase('inhale');\n setTimeLeft(exercise.inhale);\n setCurrentCycle(1);\n setIsCompleted(false);\n };\n\n const stopExercise = () => {\n setIsActive(false);\n setSelectedExercise(null);\n setCurrentCycle(0);\n setIsCompleted(false);\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n }\n };\n\n useEffect(() => {\n if (isActive && selectedExercise && !isCompleted) {\n intervalRef.current = setInterval(() => {\n setTimeLeft(prev => {\n if (prev <= 1) {\n // Move to next phase\n if (currentPhase === 'inhale') {\n if (selectedExercise.hold > 0) {\n setCurrentPhase('hold');\n return selectedExercise.hold;\n } else {\n setCurrentPhase('exhale');\n return selectedExercise.exhale;\n }\n } else if (currentPhase === 'hold') {\n setCurrentPhase('exhale');\n return selectedExercise.exhale;\n } else {\n // End of exhale - check if we need another cycle\n if (currentCycle < selectedExercise.cycles) {\n setCurrentCycle(prev => prev + 1);\n setCurrentPhase('inhale');\n return selectedExercise.inhale;\n } else {\n // Exercise completed\n setIsCompleted(true);\n setIsActive(false);\n return 0;\n }\n }\n }\n return prev - 1;\n });\n }, 1000);\n }\n\n return () => {\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n }\n };\n }, [isActive, currentPhase, currentCycle, selectedExercise, isCompleted]);\n\n const getPhaseInstruction = () => {\n switch (currentPhase) {\n case 'inhale':\n return 'Breathe In';\n case 'hold':\n return 'Hold';\n case 'exhale':\n return 'Breathe Out';\n default:\n return '';\n }\n };\n\n const getPhaseColor = () => {\n switch (currentPhase) {\n case 'inhale':\n return 'text-blue-600';\n case 'hold':\n return 'text-yellow-600';\n case 'exhale':\n return 'text-green-600';\n default:\n return 'text-gray-600';\n }\n };\n\n const getCircleScale = () => {\n if (!isActive) return 'scale-100';\n switch (currentPhase) {\n case 'inhale':\n return 'scale-125';\n case 'hold':\n return 'scale-125';\n case 'exhale':\n return 'scale-75';\n default:\n return 'scale-100';\n }\n };\n\n if (isActive && selectedExercise) {\n return (\n

{selectedExercise.name}

Cycle {currentCycle} of {selectedExercise.cycles}

\n\n {/* Breathing Circle */}\n

\n {getPhaseInstruction()}\n

\n {timeLeft}\n

\n\n {/* Instructions */}\n

\n {getPhaseInstruction()}\n {currentPhase === 'inhale' && ' slowly through your nose'}\n {currentPhase === 'hold' && ' your breath gently'}\n {currentPhase === 'exhale' && ' slowly through your mouth'}\n

\n\n {/* Progress */}\n

\n\n \n Stop Exercise\n \n

\n );\n }\n\n if (isCompleted) {\n return (\n

🎉

Exercise Complete!

\n Great job! You've completed the {selectedExercise?.name} exercise.\n Take a moment to notice how you feel.\n

\n \n

\n selectedExercise && startExercise(selectedExercise)}\n className=\"w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n Do Another Round\n \n \n Choose Different Exercise\n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n 🫁\n Breathing Exercises\n

\n Breathing exercises can help reduce stress, anxiety, and promote relaxation. \n Choose an exercise below and follow the guided breathing pattern.\n

\n\n {/* Exercise Cards */}\n

\n {exercises.map((exercise) => (\n

{exercise.name}

{exercise.description}

\n \n

\n Duration:\n {Math.ceil(exercise.duration / 60)} minutes\n

\n Pattern:\n \n {exercise.inhale}-{exercise.hold}-{exercise.exhale}\n {exercise.hold === 0 && ' (no hold)'}\n \n

\n Cycles:\n {exercise.cycles}\n

\n\n startExercise(exercise)}\n className=\"w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors\"\n >\n Start Exercise\n \n

\n ))}\n

\n\n {/* Tips Section */}\n

\n 💡\n Tips for Better Breathing\n

Before You Start:

• Find a comfortable, quiet space
• Sit or lie down with good posture
• Close your eyes or soften your gaze
• Place one hand on chest, one on belly

During the Exercise:

• Breathe naturally, don't force it
• Focus on the rhythm and counting
• If you feel dizzy, take a break
• Let thoughts come and go without judgment

\n );\n}",[],[230,237,252],{"_102":260,"_95":261,"_151":262,"_153":238,"_154":136,"_155":263,"_157":158,"_104":264,"_99":32,"_160":178,"_162":265,"_163":22,"_164":-5,"_165":266,"_98":267},"8532b12e-3f7d-11f0-9dcc-76b3cceeab13","Journal.tsx","8532b200-3f7d-11f0-9dcc-76b3cceeab13",13,["D",1748846878657],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { JournalEntry } from \"../../shared/types.ts\";\n\ninterface JournalProps {\n recentJournals: JournalEntry[];\n onDataUpdate: () => void;\n}\n\nexport default function Journal({ recentJournals, onDataUpdate }: JournalProps) {\n const [isWriting, setIsWriting] = useState(false);\n const [editingEntry, setEditingEntry] = useState(null);\n const [title, setTitle] = useState('');\n const [content, setContent] = useState('');\n const [moodBefore, setMoodBefore] = useState(undefined);\n const [moodAfter, setMoodAfter] = useState(undefined);\n const [tags, setTags] = useState([]);\n const [tagInput, setTagInput] = useState('');\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [entries, setEntries] = useState(recentJournals);\n\n const journalPrompts = [\n \"What am I grateful for today?\",\n \"What challenged me today and how did I handle it?\",\n \"What emotions am I feeling right now?\",\n \"What would I tell a friend going through what I'm experiencing?\",\n \"What small win can I celebrate today?\",\n \"What do I need to let go of?\",\n \"How can I be kinder to myself?\",\n \"What patterns am I noticing in my thoughts or behaviors?\",\n \"What brings me peace and joy?\",\n \"What do I want to remember about today?\"\n ];\n\n useEffect(() => {\n setEntries(recentJournals);\n }, [recentJournals]);\n\n const startNewEntry = () => {\n setIsWriting(true);\n setEditingEntry(null);\n setTitle('');\n setContent('');\n setMoodBefore(undefined);\n setMoodAfter(undefined);\n setTags([]);\n setTagInput('');\n };\n\n const editEntry = (entry: JournalEntry) => {\n setIsWriting(true);\n setEditingEntry(entry);\n setTitle(entry.title);\n setContent(entry.content);\n setMoodBefore(entry.mood_before);\n setMoodAfter(entry.mood_after);\n setTags(entry.tags || []);\n setTagInput('');\n };\n\n const cancelWriting = () => {\n setIsWriting(false);\n setEditingEntry(null);\n setTitle('');\n setContent('');\n setMoodBefore(undefined);\n setMoodAfter(undefined);\n setTags([]);\n setTagInput('');\n };\n\n const addTag = () => {\n const tag = tagInput.trim();\n if (tag && !tags.includes(tag)) {\n setTags([...tags, tag]);\n setTagInput('');\n }\n };\n\n const removeTag = (tagToRemove: string) => {\n setTags(tags.filter(tag => tag !== tagToRemove));\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!title.trim() || !content.trim()) return;\n\n setIsSubmitting(true);\n\n try {\n const entryData = {\n date: new Date().toISOString().split('T')[0],\n title: title.trim(),\n content: content.trim(),\n mood_before: moodBefore,\n mood_after: moodAfter,\n tags: tags.length > 0 ? tags : undefined\n };\n\n const url = editingEntry ? `/api/journal/${editingEntry.id}` : '/api/journal';\n const method = editingEntry ? 'PUT' : 'POST';\n\n const response = await fetch(url, {\n method,\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(entryData)\n });\n\n if (response.ok) {\n const data = await response.json();\n if (data.success) {\n onDataUpdate();\n cancelWriting();\n \n // Show success message\n const successDiv = document.createElement('div');\n successDiv.className = 'fixed top-4 right-4 bg-green-500 text-white px-4 py-2 rounded-lg shadow-lg z-50';\n successDiv.textContent = editingEntry ? 'Journal entry updated!' : 'Journal entry saved!';\n document.body.appendChild(successDiv);\n setTimeout(() => successDiv.remove(), 3000);\n }\n } else {\n throw new Error('Failed to save journal entry');\n }\n } catch (error) {\n console.error('Error saving journal entry:', error);\n alert('Error saving journal entry. Please try again.');\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const deleteEntry = async (id: number) => {\n if (!confirm('Are you sure you want to delete this journal entry?')) return;\n\n try {\n const response = await fetch(`/api/journal/${id}`, {\n method: 'DELETE'\n });\n\n if (response.ok) {\n onDataUpdate();\n \n // Show success message\n const successDiv = document.createElement('div');\n successDiv.className = 'fixed top-4 right-4 bg-red-500 text-white px-4 py-2 rounded-lg shadow-lg z-50';\n successDiv.textContent = 'Journal entry deleted';\n document.body.appendChild(successDiv);\n setTimeout(() => successDiv.remove(), 3000);\n }\n } catch (error) {\n console.error('Error deleting journal entry:', error);\n alert('Error deleting journal entry. Please try again.');\n }\n };\n\n const usePrompt = (prompt: string) => {\n setContent(content + (content ? '\\n\\n' : '') + prompt + '\\n\\n');\n };\n\n if (isWriting) {\n return (\n

\n 📝\n {editingEntry ? 'Edit Journal Entry' : 'New Journal Entry'}\n

\n \n ✕\n \n

\n\n

\n {/* Title */}\n

\n Title\n setTitle(e.target.value)}\n placeholder=\"Give your entry a title...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n required\n />\n

\n\n {/* Mood Before/After */}\n

\n \n Mood Before Writing (optional)\n \n setMoodBefore(e.target.value ? parseInt(e.target.value) : undefined)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n >\n \n {Array.from({ length: 10 }, (_, i) => i + 1).map(num => (\n \n ))}\n \n

\n \n Mood After Writing (optional)\n \n setMoodAfter(e.target.value ? parseInt(e.target.value) : undefined)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n >\n \n {Array.from({ length: 10 }, (_, i) => i + 1).map(num => (\n \n ))}\n \n

\n\n {/* Writing Prompts */}\n

\n \n Need inspiration? Try these prompts:\n \n

\n {journalPrompts.slice(0, 6).map((prompt, idx) => (\n usePrompt(prompt)}\n className=\"text-left p-2 text-sm bg-purple-50 text-purple-700 rounded border hover:bg-purple-100 transition-colors\"\n >\n {prompt}\n \n ))}\n

\n\n {/* Content */}\n

\n Your thoughts\n setContent(e.target.value)}\n placeholder=\"Write about your thoughts, feelings, experiences...\"\n rows={12}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n required\n />\n

\n {content.length} characters\n

\n\n {/* Tags */}\n

\n Tags\n

\n {tags.map(tag => (\n \n {tag}\n removeTag(tag)}\n className=\"ml-1 text-purple-600 hover:text-purple-800\"\n >\n ×\n \n \n ))}\n

\n setTagInput(e.target.value)}\n onKeyPress={(e) => e.key === 'Enter' && (e.preventDefault(), addTag())}\n placeholder=\"Add a tag...\"\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n />\n \n Add\n \n

\n\n {/* Submit Buttons */}\n

\n \n {isSubmitting ? 'Saving...' : (editingEntry ? 'Update Entry' : 'Save Entry')}\n \n \n Cancel\n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n 📝\n Journal\n

\n \n ✏️ New Entry\n \n

\n\n {/* Journal Entries */}\n {entries.length === 0 ? (\n

📖

Start Your Journal

\n Writing can help you process emotions, track patterns, and reflect on your journey.\n

\n \n Write Your First Entry\n \n

\n ) : (\n

\n {entries.map((entry) => (\n

{entry.title}

\n {new Date(entry.created_at!).toLocaleDateString()} at{' '}\n {new Date(entry.created_at!).toLocaleTimeString()}\n

\n editEntry(entry)}\n className=\"text-gray-400 hover:text-blue-600\"\n title=\"Edit entry\"\n >\n ✏️\n \n deleteEntry(entry.id!)}\n className=\"text-gray-400 hover:text-red-600\"\n title=\"Delete entry\"\n >\n 🗑️\n \n

\n\n {/* Mood indicators */}\n {(entry.mood_before || entry.mood_after) && (\n

\n {entry.mood_before && (\n \n Mood before: {entry.mood_before}/10\n \n )}\n {entry.mood_after && (\n \n Mood after: {entry.mood_after}/10\n \n )}\n

\n )}\n\n {/* Content preview */}\n

\n {entry.content.length > 300 ? (\n <>\n {entry.content.substring(0, 300)}...\n editEntry(entry)}\n className=\"text-purple-600 hover:text-purple-800 ml-2\"\n >\n Read more\n \n \n ) : (\n entry.content\n )}\n

\n\n {/* Tags */}\n {entry.tags && entry.tags.length > 0 && (\n

\n {entry.tags.map((tag, idx) => (\n \n {tag}\n \n ))}\n

\n )}\n

\n ))}\n

\n )}\n

\n );\n}",[],[230,237,261],{"_102":269,"_95":270,"_151":271,"_153":238,"_154":136,"_155":272,"_157":158,"_104":273,"_99":32,"_160":178,"_162":274,"_163":22,"_164":-5,"_165":275,"_98":276},"5e57d6e2-3f7d-11f0-9bea-76b3cceeab13","MoodTracker.tsx","5e57d78c-3f7d-11f0-9bea-76b3cceeab13",12,["D",1748846813471],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { MoodEntry, MoodStats } from \"../../shared/types.ts\";\n\ninterface MoodTrackerProps {\n moodStats: MoodStats | null;\n recentMoods: MoodEntry[];\n onDataUpdate: () => void;\n}\n\nexport default function MoodTracker({ moodStats, recentMoods, onDataUpdate }: MoodTrackerProps) {\n const [selectedDate, setSelectedDate] = useState(new Date().toISOString().split('T')[0]);\n const [mood, setMood] = useState(5);\n const [energy, setEnergy] = useState(5);\n const [anxiety, setAnxiety] = useState(5);\n const [notes, setNotes] = useState('');\n const [activities, setActivities] = useState([]);\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [todayEntry, setTodayEntry] = useState(null);\n\n const activityOptions = [\n 'Exercise', 'Meditation', 'Reading', 'Socializing', 'Work', 'Sleep',\n 'Therapy', 'Music', 'Nature', 'Cooking', 'Gaming', 'Art'\n ];\n\n const moodLabels = {\n 1: 'Terrible', 2: 'Very Bad', 3: 'Bad', 4: 'Poor', 5: 'Okay',\n 6: 'Good', 7: 'Very Good', 8: 'Great', 9: 'Excellent', 10: 'Amazing'\n };\n\n const energyLabels = {\n 1: 'Exhausted', 2: 'Very Low', 3: 'Low', 4: 'Below Average', 5: 'Average',\n 6: 'Good', 7: 'High', 8: 'Very High', 9: 'Energetic', 10: 'Buzzing'\n };\n\n const anxietyLabels = {\n 1: 'Very Calm', 2: 'Calm', 3: 'Relaxed', 4: 'Slightly Tense', 5: 'Neutral',\n 6: 'Worried', 7: 'Anxious', 8: 'Very Anxious', 9: 'Panicked', 10: 'Overwhelmed'\n };\n\n // Load today's entry on component mount\n useEffect(() => {\n loadTodayEntry();\n }, []);\n\n const loadTodayEntry = async () => {\n try {\n const today = new Date().toISOString().split('T')[0];\n const response = await fetch(`/api/mood/${today}`);\n if (response.ok) {\n const data = await response.json();\n if (data.success && data.data) {\n const entry = data.data;\n setTodayEntry(entry);\n setMood(entry.mood);\n setEnergy(entry.energy);\n setAnxiety(entry.anxiety);\n setNotes(entry.notes || '');\n setActivities(entry.activities || []);\n }\n }\n } catch (error) {\n console.error('Error loading today\\'s entry:', error);\n }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsSubmitting(true);\n\n try {\n const response = await fetch('/api/mood', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n date: selectedDate,\n mood,\n energy,\n anxiety,\n notes: notes.trim() || undefined,\n activities: activities.length > 0 ? activities : undefined\n })\n });\n\n if (response.ok) {\n const data = await response.json();\n if (data.success) {\n setTodayEntry(data.data);\n onDataUpdate();\n \n // Show success message\n const successDiv = document.createElement('div');\n successDiv.className = 'fixed top-4 right-4 bg-green-500 text-white px-4 py-2 rounded-lg shadow-lg z-50';\n successDiv.textContent = 'Mood entry saved successfully!';\n document.body.appendChild(successDiv);\n setTimeout(() => successDiv.remove(), 3000);\n }\n } else {\n throw new Error('Failed to save mood entry');\n }\n } catch (error) {\n console.error('Error saving mood entry:', error);\n alert('Error saving mood entry. Please try again.');\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const toggleActivity = (activity: string) => {\n setActivities(prev => \n prev.includes(activity) \n ? prev.filter(a => a !== activity)\n : [...prev, activity]\n );\n };\n\n const getMoodColor = (value: number) => {\n if (value <= 3) return 'text-red-600';\n if (value <= 5) return 'text-yellow-600';\n if (value <= 7) return 'text-blue-600';\n return 'text-green-600';\n };\n\n return (\n

\n {/* Stats Overview */}\n {moodStats && (\n

🔥

Current Streak

{moodStats.streak} days

\n \n

😊

Average Mood

\n {moodStats.averageMood}/10\n

\n \n

⚡

Average Energy

\n {moodStats.averageEnergy}/10\n

\n \n

📈

Total Entries

{moodStats.totalEntries}

\n )}\n\n

\n {/* Mood Entry Form */}\n

\n 📊\n Track Your Mood\n

\n \n

\n {/* Date Selection */}\n

\n Date\n setSelectedDate(e.target.value)}\n max={new Date().toISOString().split('T')[0]}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n\n {/* Mood Scale */}\n

\n \n Mood: {mood}/10 - {moodLabels[mood as keyof typeof moodLabels]}\n \n

\n setMood(parseInt(e.target.value))}\n className=\"w-full h-2 mood-scale rounded-lg appearance-none cursor-pointer\"\n />\n

\n 😢 Terrible\n 😐 Okay\n 😊 Amazing\n

\n\n {/* Energy Scale */}\n

\n \n Energy: {energy}/10 - {energyLabels[energy as keyof typeof energyLabels]}\n \n setEnergy(parseInt(e.target.value))}\n className=\"w-full h-2 bg-gradient-to-r from-red-400 to-green-400 rounded-lg appearance-none cursor-pointer\"\n />\n

\n 🔋 Exhausted\n ⚡ Buzzing\n

\n\n {/* Anxiety Scale */}\n

\n \n Anxiety: {anxiety}/10 - {anxietyLabels[anxiety as keyof typeof anxietyLabels]}\n \n setAnxiety(parseInt(e.target.value))}\n className=\"w-full h-2 bg-gradient-to-r from-green-400 to-red-400 rounded-lg appearance-none cursor-pointer\"\n />\n

\n 😌 Very Calm\n 😰 Overwhelmed\n

\n\n {/* Activities */}\n

\n Activities\n

\n {activityOptions.map(activity => (\n toggleActivity(activity)}\n className={`px-3 py-2 text-sm rounded-md border transition-colors ${\n activities.includes(activity)\n ? 'bg-blue-500 text-white border-blue-500'\n : 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50'\n }`}\n >\n {activity}\n \n ))}\n

\n\n {/* Notes */}\n

\n Notes (optional)\n setNotes(e.target.value)}\n placeholder=\"How are you feeling today? What's on your mind?\"\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n\n \n {isSubmitting ? 'Saving...' : (todayEntry ? 'Update Entry' : 'Save Entry')}\n \n \n

\n\n {/* Recent Entries */}\n

\n 📈\n Recent Entries\n

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

📊

No mood entries yet.

Start tracking your mood to see patterns!

\n ) : (\n

\n {recentMoods.map((entry) => (\n

\n \n {new Date(entry.date).toLocaleDateString()}\n \n

\n \n 😊 {entry.mood}/10\n \n \n ⚡ {entry.energy}/10\n \n \n 😰 {entry.anxiety}/10\n \n

\n \n {entry.activities && entry.activities.length > 0 && (\n

\n {entry.activities.map((activity, idx) => (\n \n {activity}\n \n ))}\n

\n )}\n \n {entry.notes && (\n

{entry.notes}

\n )}\n

\n ))}\n

\n )}\n

\n );\n}",[],[230,237,270],{"_102":278,"_95":279,"_151":280,"_153":238,"_154":136,"_155":281,"_157":158,"_104":282,"_99":32,"_160":178,"_162":283,"_163":22,"_164":-5,"_165":284,"_98":285},"c878b906-3f7d-11f0-ac46-76b3cceeab13","Resources.tsx","c878b99c-3f7d-11f0-ac46-76b3cceeab13",15,["D",1748846991524],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { MentalHealthResource } from \"../../shared/types.ts\";\n\nexport default function Resources() {\n const [selectedCategory, setSelectedCategory] = useState('all');\n\n const resources: MentalHealthResource[] = [\n // Crisis Resources\n {\n id: 'crisis-text-line',\n title: 'Crisis Text Line',\n description: 'Free, 24/7 support for those in crisis. Text HOME to 741741.',\n url: 'https://www.crisistextline.org/',\n category: 'crisis',\n isEmergency: true\n },\n {\n id: 'national-suicide-prevention',\n title: 'National Suicide Prevention Lifeline',\n description: 'Free and confidential emotional support 24/7. Call 988.',\n url: 'https://suicidepreventionlifeline.org/',\n category: 'crisis',\n isEmergency: true\n },\n {\n id: 'samhsa-helpline',\n title: 'SAMHSA National Helpline',\n description: 'Treatment referral and information service. 1-800-662-4357.',\n url: 'https://www.samhsa.gov/find-help/national-helpline',\n category: 'crisis'\n },\n\n // Therapy Resources\n {\n id: 'psychology-today',\n title: 'Psychology Today',\n description: 'Find therapists, psychiatrists, and support groups in your area.',\n url: 'https://www.psychologytoday.com/',\n category: 'therapy'\n },\n {\n id: 'betterhelp',\n title: 'BetterHelp',\n description: 'Online therapy platform with licensed therapists.',\n url: 'https://www.betterhelp.com/',\n category: 'therapy'\n },\n {\n id: 'talkspace',\n title: 'Talkspace',\n description: 'Text, audio, and video therapy sessions with licensed therapists.',\n url: 'https://www.talkspace.com/',\n category: 'therapy'\n },\n {\n id: 'open-path',\n title: 'Open Path Psychotherapy Collective',\n description: 'Affordable therapy sessions ($30-$60) with qualified therapists.',\n url: 'https://openpathcollective.org/',\n category: 'therapy'\n },\n\n // Self-Help Resources\n {\n id: 'headspace',\n title: 'Headspace',\n description: 'Meditation and mindfulness app with guided sessions.',\n url: 'https://www.headspace.com/',\n category: 'self-help'\n },\n {\n id: 'calm',\n title: 'Calm',\n description: 'Sleep stories, meditation, and relaxation techniques.',\n url: 'https://www.calm.com/',\n category: 'self-help'\n },\n {\n id: 'insight-timer',\n title: 'Insight Timer',\n description: 'Free meditation app with thousands of guided meditations.',\n url: 'https://insighttimer.com/',\n category: 'self-help'\n },\n {\n id: 'moodpath',\n title: 'Moodpath',\n description: 'Mental health screening and mood tracking app.',\n url: 'https://mymoodpath.com/',\n category: 'self-help'\n },\n\n // Educational Resources\n {\n id: 'nami',\n title: 'National Alliance on Mental Illness (NAMI)',\n description: 'Education, support, and advocacy for mental health.',\n url: 'https://www.nami.org/',\n category: 'education'\n },\n {\n id: 'nimh',\n title: 'National Institute of Mental Health',\n description: 'Research-based information about mental health conditions.',\n url: 'https://www.nimh.nih.gov/',\n category: 'education'\n },\n {\n id: 'mental-health-america',\n title: 'Mental Health America',\n description: 'Mental health screening tools and educational resources.',\n url: 'https://www.mhanational.org/',\n category: 'education'\n },\n {\n id: 'anxiety-depression-association',\n title: 'Anxiety and Depression Association of America',\n description: 'Resources specifically for anxiety and depression.',\n url: 'https://adaa.org/',\n category: 'education'\n },\n\n // Support Groups\n {\n id: 'nami-support-groups',\n title: 'NAMI Support Groups',\n description: 'Peer support groups for individuals and families.',\n url: 'https://www.nami.org/Support-Education/Support-Groups',\n category: 'support-groups'\n },\n {\n id: 'depression-bipolar-support',\n title: 'Depression and Bipolar Support Alliance',\n description: 'Peer support groups and online communities.',\n url: 'https://www.dbsalliance.org/',\n category: 'support-groups'\n },\n {\n id: '7-cups',\n title: '7 Cups',\n description: 'Free emotional support through trained listeners.',\n url: 'https://www.7cups.com/',\n category: 'support-groups'\n },\n {\n id: 'support-groups-central',\n title: 'Support Groups Central',\n description: 'Directory of support groups for various mental health conditions.',\n url: 'https://www.supportgroupscentral.com/',\n category: 'support-groups'\n }\n ];\n\n const categories = [\n { id: 'all', name: 'All Resources', icon: '🌟' },\n { id: 'crisis', name: 'Crisis Support', icon: '🆘' },\n { id: 'therapy', name: 'Therapy', icon: '👥' },\n { id: 'self-help', name: 'Self-Help', icon: '🧘' },\n { id: 'education', name: 'Education', icon: '📚' },\n { id: 'support-groups', name: 'Support Groups', icon: '🤝' }\n ];\n\n const filteredResources = selectedCategory === 'all' \n ? resources \n : resources.filter(resource => resource.category === selectedCategory);\n\n const emergencyResources = resources.filter(resource => resource.isEmergency);\n\n const getCategoryColor = (category: string) => {\n switch (category) {\n case 'crisis': return 'bg-red-100 text-red-800 border-red-200';\n case 'therapy': return 'bg-blue-100 text-blue-800 border-blue-200';\n case 'self-help': return 'bg-green-100 text-green-800 border-green-200';\n case 'education': return 'bg-purple-100 text-purple-800 border-purple-200';\n case 'support-groups': return 'bg-yellow-100 text-yellow-800 border-yellow-200';\n default: return 'bg-gray-100 text-gray-800 border-gray-200';\n }\n };\n\n return (\n

\n {/* Header */}\n

\n 🆘\n Mental Health Resources\n

\n Access professional help, educational materials, and support communities. \n Remember: seeking help is a sign of strength, not weakness.\n

\n\n {/* Emergency Banner */}\n

🚨

In Crisis? Get Help Now

\n {emergencyResources.map(resource => (\n

{resource.title}

{resource.description}

\n \n Get Help Now →\n \n

\n ))}\n

\n\n {/* Category Filter */}\n

\n {categories.map(category => (\n setSelectedCategory(category.id)}\n className={`flex items-center space-x-2 px-4 py-2 rounded-full border transition-colors ${\n selectedCategory === category.id\n ? 'bg-blue-500 text-white border-blue-500'\n : 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50'\n }`}\n >\n {category.icon}\n {category.name}\n \n ))}\n

\n\n {/* Resources Grid */}\n

\n {filteredResources.map(resource => (\n

{resource.title}

\n {resource.isEmergency && (\n 🚨\n )}\n

\n \n

{resource.description}

\n \n

\n \n {categories.find(cat => cat.id === resource.category)?.name}\n \n \n \n Visit Resource →\n \n

\n ))}\n

\n\n {/* Additional Information */}\n

\n 💡\n When to Seek Professional Help\n

• Persistent feelings of sadness or hopelessness
• Difficulty functioning in daily activities
• Thoughts of self-harm or suicide
• Substance abuse or addiction
• Severe anxiety or panic attacks
• Significant changes in sleep or appetite
• Relationship or work problems

\n\n

\n 🌱\n Self-Care Strategies\n

• Maintain a regular sleep schedule
• Exercise regularly, even light walking
• Practice mindfulness or meditation
• Stay connected with supportive people
• Limit alcohol and avoid drugs
• Eat nutritious meals regularly
• Engage in activities you enjoy

\n\n {/* Disclaimer */}\n

\n Disclaimer: This app and its resources are for informational purposes only and \n do not constitute medical advice. If you're experiencing a mental health emergency, \n please contact emergency services or a crisis hotline immediately.\n

\n );\n}",[],[230,237,279],[230,237],{"_102":288,"_95":289,"_151":290,"_153":231,"_154":136,"_155":232,"_157":158,"_104":291,"_99":32,"_160":292,"_162":293,"_163":22,"_164":-5,"_165":294,"_98":295},"25afbc56-3f7d-11f0-9bea-76b3cceeab13","index.html","25afbd14-3f7d-11f0-9bea-76b3cceeab13",["D",1748846718415],"file","\n\n\n \n \n Mental Health Support App\n \n \n 🧠\">\n \n\n\n

\n \n \n\n",[],[230,289],{"_102":297,"_95":298,"_151":299,"_153":231,"_154":136,"_155":300,"_157":158,"_104":301,"_99":32,"_160":178,"_162":302,"_163":22,"_164":-5,"_165":303,"_98":304},"29ef8b3e-3f7d-11f0-b38d-76b3cceeab13","index.tsx","29ef8bde-3f7d-11f0-b38d-76b3cceeab13",10,["D",1748846725508],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\n// Get initial data from server\nconst initialData = (window as any).__INITIAL_DATA__ || {\n moodStats: null,\n recentMoods: [],\n recentJournals: []\n};\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();",[],[230,298],[230],{"_102":307,"_95":308,"_151":309,"_153":-5,"_154":136,"_155":310,"_157":158,"_104":311,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":312,"_98":321},"e797150e-3f7c-11f0-9baa-76b3cceeab13","shared","67357349-4169-4d52-b15b-b0d4757c5751",3,["D",1748846614234],[313],{"_102":314,"_95":315,"_151":316,"_153":309,"_154":136,"_155":310,"_157":158,"_104":317,"_99":32,"_160":178,"_162":318,"_163":22,"_164":-5,"_165":319,"_98":320},"e7970c08-3f7c-11f0-9baa-76b3cceeab13","types.ts","e7970d0c-3f7c-11f0-9baa-76b3cceeab13",["D",1748846614234],"// Shared types for the Mental Health Support App\n\nexport interface MoodEntry {\n id?: number;\n date: string;\n mood: number; // 1-10 scale\n energy: number; // 1-10 scale\n anxiety: number; // 1-10 scale\n notes?: string;\n activities?: string[];\n created_at?: string;\n}\n\nexport interface JournalEntry {\n id?: number;\n date: string;\n title: string;\n content: string;\n mood_before?: number;\n mood_after?: number;\n tags?: string[];\n created_at?: string;\n updated_at?: string;\n}\n\nexport interface BreathingExercise {\n id: string;\n name: string;\n description: string;\n duration: number; // in seconds\n inhale: number;\n hold: number;\n exhale: number;\n cycles: number;\n}\n\nexport interface MentalHealthResource {\n id: string;\n title: string;\n description: string;\n url: string;\n category: 'crisis' | 'therapy' | 'self-help' | 'education' | 'support-groups';\n isEmergency?: boolean;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}\n\nexport interface MoodStats {\n averageMood: number;\n averageEnergy: number;\n averageAnxiety: number;\n totalEntries: number;\n streak: number;\n lastEntry?: string;\n}",[],[308,315],[308],{"_102":323,"_95":324,"_151":325,"_153":-5,"_154":136,"_155":222,"_157":158,"_104":326,"_99":32,"_160":292,"_162":327,"_163":22,"_164":-5,"_165":328,"_98":329},"e2f085da-3f7c-11f0-8786-76b3cceeab13","README.md","e2f086a2-3f7c-11f0-8786-76b3cceeab13",["D",1748846606334],"# Mental Health Support App\n\nA comprehensive web application designed to support individuals with their mental health journey through various tools and resources.\n\n## Features\n\n- **Mood Tracking**: Daily mood logging with visual charts\n- **Journaling**: Private journaling with prompts and reflection\n- **Breathing Exercises**: Guided breathing techniques for anxiety and stress\n- **Resources**: Curated mental health resources and crisis support\n- **Progress Tracking**: Visual representation of mood patterns over time\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema setup\n│ │ └── queries.ts # Database query functions\n│ ├── routes/\n│ │ ├── mood.ts # Mood tracking endpoints\n│ │ ├── journal.ts # Journal entry endpoints\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── MoodTracker.tsx # Mood tracking interface\n│ │ ├── Journal.tsx # Journaling interface\n│ │ ├── BreathingExercise.tsx # Breathing exercise guide\n│ │ └── Resources.tsx # Mental health resources\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Technology Stack\n\n- **Backend**: Hono (TypeScript API framework)\n- **Frontend**: React with TypeScript\n- **Database**: SQLite for data persistence\n- **Styling**: TailwindCSS\n- **Charts**: Chart.js for mood visualization\n\n## Getting Started\n\nThis app is designed to run on Val Town. The backend serves both API endpoints and the frontend application.\n\n## Privacy & Security\n\n- All data is stored locally in your Val Town instance\n- No personal data is shared with third parties\n- Journal entries and mood data remain private",[],[324],{"_102":331,"_95":332,"_151":333,"_153":-5,"_154":136,"_155":334,"_157":158,"_104":335,"_99":32,"_160":178,"_162":72,"_163":22,"_164":-5,"_165":336,"_98":337},"f508dd84-3f78-11f0-8d1f-76b3cceeab13","main.tsx","f508de10-3f78-11f0-8d1f-76b3cceeab13",1,["D",1748844918805],[],[332],"files",[148,167,173,182,192,199,208,217,228,235,242,250,259,268,277,287,296,306,313,322,330],"counts",{"_342":32,"_343":334,"_344":32,"_345":346},"pulls","branches","forks","envVars",{"_347":32,"_348":32},"count","emptyCount","contents",[351,354,357,360,363],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":156,"_157":158,"_104":352,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":353},["D",1748846622331],[150],{"_102":229,"_95":230,"_151":231,"_153":-5,"_154":136,"_155":232,"_157":158,"_104":355,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":356},["D",1748846718415],[230],{"_102":307,"_95":308,"_151":309,"_153":-5,"_154":136,"_155":310,"_157":158,"_104":358,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":359},["D",1748846614234],[308],{"_102":323,"_95":324,"_151":325,"_153":-5,"_154":136,"_155":222,"_157":158,"_104":361,"_99":32,"_160":292,"_162":327,"_163":22,"_164":-5,"_98":362},["D",1748846606334],[324],{"_102":331,"_95":332,"_151":333,"_153":-5,"_154":136,"_155":334,"_157":158,"_104":364,"_99":32,"_160":178,"_162":72,"_163":22,"_164":-5,"_98":365},["D",1748844918805],[332],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_93":94,"_95":96,"_100":374,"_345":379},{"_102":103,"_95":96,"_104":375,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":376,"_130":377,"_133":378,"_145":22},["D",1748844918795],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},[],"actionData","errors"]

andym42

Mind_clinic

Environment variables