📋 Activity Log

{todayFormatted}

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

📋 Activity Log

{todayFormatted}

\n \n

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

📋 Activity Log

{todayFormatted}

\n\n \n \n

\n );\n}\n",[],[219,225,231],{"_103":239,"_95":240,"_156":241,"_158":226,"_159":137,"_160":242,"_162":163,"_105":243,"_100":244,"_165":194,"_167":245,"_168":22,"_169":-5,"_170":246,"_98":247},"6398eb84-cdd8-11f0-a2d3-42dde27851f2","EntryForm.tsx","5b2cfbbc-cb66-11f0-b0ec-42dde27851f2",69,["D",1764498971591],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n type EntryInput,\n createMoodRating,\n createOverstimulationRating,\n} from \"../../shared/schemas.ts\";\nimport {\n getCurrentTimeString,\n validateTimeRange,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\nimport {\n highEnergyPleasant,\n highEnergyUnpleasant,\n lowEnergyPleasant,\n lowEnergyUnpleasant,\n} from \"../moodWords.ts\";\n\ninterface EntryFormProps {\n onEntrySaved: () => void;\n lastEndTime: string | null;\n}\n\nexport function EntryForm({ onEntrySaved, lastEndTime }: EntryFormProps) {\n const [startTime, setStartTime] = React.useState(lastEndTime || \"\");\n const [endTime, setEndTime] = React.useState(getCurrentTimeString());\n const [moodWithScore, setMoodWithScore] = React.useState(\"\");\n const [moodDescription, setMoodDescription] = React.useState(\"\");\n const [overstimulationLevel, setOverstimulationLevel] = React.useState(\"\");\n const [mustActivity, setMustActivity] = React.useState(\"\");\n const [pleasantActivity, setPleasantActivity] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n const [showMoodHelper, setShowMoodHelper] = React.useState(false);\n\n // Update start time when lastEndTime changes (e.g., after adding an entry)\n React.useEffect(() => {\n if (lastEndTime) {\n setStartTime(lastEndTime);\n }\n }, [lastEndTime]);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!validateTimeRange(startTime, endTime)) {\n setError(\"Start time must be before end time\");\n return;\n }\n\n if (!moodWithScore) {\n setError(\"Please select a mood score (1-5)\");\n return;\n }\n\n const moodValue = parseInt(moodWithScore, 10);\n const overstimValue = overstimulationLevel ? parseInt(overstimulationLevel, 10) : null;\n\n const input: EntryInput = {\n startTime,\n endTime,\n moodScore: moodValue,\n overstimulationScore: overstimValue,\n moodRating: createMoodRating(moodValue),\n overstimulationRating: overstimValue ? createOverstimulationRating(overstimValue) : undefined,\n moodDescription: moodDescription || undefined,\n mustActivity: mustActivity || \"-\",\n pleasantActivity: pleasantActivity || \"-\",\n };\n\n try {\n await saveEntry(input);\n onEntrySaved();\n } catch (err) {\n console.error(\"Failed to save entry:\", err);\n setError(err instanceof Error ? err.message : \"Failed to save entry. Please check your input.\");\n return;\n }\n\n // Reset form\n setMoodWithScore(\"\");\n setMoodDescription(\"\");\n setOverstimulationLevel(\"\");\n setMustActivity(\"\");\n setPleasantActivity(\"\");\n setStartTime(endTime);\n setEndTime(getCurrentTimeString());\n };\n\n return (\n

New Entry for Today

\n\n {/* Time Inputs */}\n

\n Start Time\n setStartTime(e.target.value)}\n className=\"w-full px-4 py-3 text-lg border-2 border-gray-200 rounded-lg focus:border-blue-400 focus:outline-none\"\n required\n />\n {lastEndTime && (\n setStartTime(lastEndTime)}\n className=\"text-xs text-blue-500 hover:text-blue-700 mt-1\"\n >\n Use last end ({lastEndTime})\n \n )}\n

\n End Time\n setEndTime(e.target.value)}\n className=\"w-full px-4 py-3 text-lg border-2 border-gray-200 rounded-lg focus:border-blue-400 focus:outline-none\"\n required\n />\n setEndTime(getCurrentTimeString())}\n className=\"text-xs text-blue-500 hover:text-blue-700 mt-1\"\n >\n Use now ({getCurrentTimeString()})\n \n

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

\n Mood Score (1-5)\n

\n {[1, 2, 3, 4, 5].map((score) => (\n setMoodWithScore(String(score))}\n className={`flex-1 min-h-[44px] py-3 text-lg font-semibold rounded-lg border-2 transition-all ${\n moodWithScore === String(score)\n ? \"bg-blue-500 text-white border-blue-500 scale-105\"\n : \"bg-white text-gray-700 border-gray-300 hover:border-blue-300 active:bg-blue-100 active:scale-95\"\n }`}\n >\n {score}\n \n ))}\n

\n Mood description\n setShowMoodHelper(!showMoodHelper)}\n className=\"text-xs text-blue-500 hover:text-blue-700\"\n >\n {showMoodHelper ? \"Hide helper\" : \"Help me describe this\"}\n \n

\n setMoodDescription(e.target.value)}\n placeholder=\"e.g., calm, tired, energized\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n {showMoodHelper && (\n

Tap words to add them

\n {/* 2×2 grid: rows = energy, cols = pleasantness */}\n

\n {/* High energy row */}\n

High energy / Unpleasant

\n {highEnergyUnpleasant.map((word) => (\n {\n setMoodDescription((prev) =>\n prev ? `${prev}, ${word}` : word\n );\n }}\n className=\"px-2 py-1 text-xs bg-red-100 text-red-700 rounded-full hover:bg-red-200 active:scale-95 transition-all\"\n >\n {word}\n \n ))}\n

High energy / Pleasant

\n {highEnergyPleasant.map((word) => (\n {\n setMoodDescription((prev) =>\n prev ? `${prev}, ${word}` : word\n );\n }}\n className=\"px-2 py-1 text-xs bg-green-100 text-green-700 rounded-full hover:bg-green-200 active:scale-95 transition-all\"\n >\n {word}\n \n ))}\n

\n {/* Low energy row */}\n

Low energy / Unpleasant

\n {lowEnergyUnpleasant.map((word) => (\n {\n setMoodDescription((prev) =>\n prev ? `${prev}, ${word}` : word\n );\n }}\n className=\"px-2 py-1 text-xs bg-blue-100 text-blue-700 rounded-full hover:bg-blue-200 active:scale-95 transition-all\"\n >\n {word}\n \n ))}\n

Low energy / Pleasant

\n {lowEnergyPleasant.map((word) => (\n {\n setMoodDescription((prev) =>\n prev ? `${prev}, ${word}` : word\n );\n }}\n className=\"px-2 py-1 text-xs bg-teal-100 text-teal-700 rounded-full hover:bg-teal-200 active:scale-95 transition-all\"\n >\n {word}\n \n ))}\n

\n setShowMoodHelper(false)}\n className=\"text-xs text-gray-500 hover:text-gray-700\"\n >\n Done\n \n

\n )}\n

\n Overstimulation (1-3)\n

\n {[1, 2, 3].map((level) => (\n setOverstimulationLevel(String(level))}\n className={`flex-1 min-h-[44px] py-3 text-lg font-semibold rounded-lg border-2 transition-all ${\n overstimulationLevel === String(level)\n ? \"bg-orange-500 text-white border-orange-500 scale-105\"\n : \"bg-white text-gray-700 border-gray-300 hover:border-orange-300 active:bg-orange-100 active:scale-95\"\n }`}\n >\n {level}\n \n ))}\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

}\n\n \n Save Entry\n \n \n );\n}",[],[219,225,240],{"_103":249,"_95":250,"_156":251,"_158":226,"_159":137,"_160":252,"_162":163,"_105":253,"_100":204,"_165":194,"_167":254,"_168":22,"_169":-5,"_170":255,"_98":256},"13ee493c-cdd6-11f0-858b-42dde27851f2","EntryTable.tsx","5b2ff9ac-cb66-11f0-82ba-42dde27851f2",65,["D",1764497978935],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type Entry } from \"../../shared/schemas.ts\";\n\ninterface EntryTableProps {\n entries: Entry[];\n}\n\nexport function EntryTable({ entries }: EntryTableProps) {\n if (entries.length === 0) {\n return (\n

\n No entries for today yet. Add your first activity above!\n

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

Today's Log

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

Time	Mood (1-5)	Mood description	Overstimulation (1-3)	Must Activity	Pleasant/Relaxing
\n {entry.startTime}–{entry.endTime}\n	{entry.moodScore}	{entry.moodDescription \|\| entry.moodRating?.note \|\| \"—\"}	{entry.overstimulationScore ?? \"-\"}	{entry.mustActivity}	{entry.pleasantActivity}

\n );\n}",[],[219,225,250],{"_103":258,"_95":259,"_156":260,"_158":226,"_159":137,"_160":261,"_162":163,"_105":262,"_100":204,"_165":194,"_167":263,"_168":22,"_169":-5,"_170":264,"_98":265},"1bea211c-cdd9-11f0-b70c-42dde27851f2","WakeCheckIn.tsx","902d7528-cd2b-11f0-90b4-42dde27851f2",72,["D",1764499280832],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n createMoodRating,\n createOverstimulationRating,\n type EntryInput,\n} from \"../../shared/schemas.ts\";\nimport {\n addMinutesToTime,\n DEFAULT_WAKE_BLOCK_MINUTES,\n getCurrentTimeString,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\n\ninterface WakeCheckInProps {\n onCheckInComplete: () => void;\n}\n\nexport function WakeCheckIn({ onCheckInComplete }: WakeCheckInProps) {\n const [step, setStep] = React.useState<\"mood\" | \"overstimulation\" | \"time\">(\n \"mood\",\n );\n const [moodScore, setMoodScore] = React.useState(null);\n const [moodDescription, setMoodDescription] = React.useState(\"\");\n const [overstimulationScore, setOverstimulationScore] = React.useState<\n number | null\n >(null);\n const [wakeTime, setWakeTime] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n const [isSubmitting, setIsSubmitting] = React.useState(false);\n\n const handleMoodSelect = (score: number) => {\n setMoodScore(score);\n // Don't auto-advance, let user optionally add description first\n };\n\n const handleOverstimulationSelect = (score: number) => {\n setOverstimulationScore(score);\n setStep(\"time\");\n };\n\n const handleSubmit = async () => {\n if (moodScore === null) {\n setError(\"Please select your mood\");\n return;\n }\n\n if (!wakeTime) {\n setError(\"Please enter when you woke up\");\n return;\n }\n\n const now = getCurrentTimeString();\n if (wakeTime >= now) {\n setError(\"Wake time must be before now\");\n return;\n }\n\n // End time is wake time + configured block duration, but capped at \"now\"\n const blockEndTime = addMinutesToTime(wakeTime, DEFAULT_WAKE_BLOCK_MINUTES);\n const endTime = blockEndTime < now ? blockEndTime : now;\n\n setIsSubmitting(true);\n setError(null);\n\n const input: EntryInput = {\n startTime: wakeTime,\n endTime,\n moodScore,\n overstimulationScore,\n moodRating: createMoodRating(moodScore),\n overstimulationRating: overstimulationScore\n ? createOverstimulationRating(overstimulationScore)\n : undefined,\n moodDescription: moodDescription || undefined,\n mustActivity: \"Woke up\",\n pleasantActivity: \"-\",\n };\n\n try {\n await saveEntry(input);\n onCheckInComplete();\n } catch (err) {\n console.error(\"Failed to save wake check-in:\", err);\n setError(\n err instanceof Error\n ? err.message\n : \"Failed to save. Please try again.\",\n );\n setIsSubmitting(false);\n }\n };\n\n const moodLabels = [\"😞\", \"😕\", \"😐\", \"🙂\", \"😊\"];\n const overstimLabels = [\"Low\", \"Medium\", \"High\"];\n\n return (\n

\n 🌅\n

Good morning!

\n\n {/* Step 1: Mood */}\n {step === \"mood\" && (\n

\n How did you wake up today?\n

\n {[1, 2, 3, 4, 5].map((score) => (\n handleMoodSelect(score)}\n className=\"w-14 h-14 text-2xl rounded-full border-2 border-gray-200 hover:border-blue-400 hover:bg-blue-50 transition-all active:scale-95 flex items-center justify-center\"\n >\n {moodLabels[score - 1]}\n \n ))}\n

\n 1 = low, 5 = great\n

\n \n Mood description\n \n setMoodDescription(e.target.value)}\n placeholder=\"e.g., calm, tired, energized\"\n className=\"w-full px-3 py-2 border-2 border-gray-200 rounded-lg focus:border-blue-400 focus:outline-none text-center\"\n />\n

\n setStep(\"overstimulation\")}\n disabled={moodScore === null}\n className=\"w-full bg-blue-500 text-white py-2 rounded-lg font-medium hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed transition-colors\"\n >\n Continue\n \n

\n )}\n\n {/* Step 2: Overstimulation */}\n {step === \"overstimulation\" && (\n

\n Overstimulation level?\n

\n {[1, 2, 3].map((score) => (\n handleOverstimulationSelect(score)}\n className={`px-6 py-3 rounded-lg border-2 font-medium transition-all active:scale-95 ${\n score === 1\n ? \"border-green-300 hover:bg-green-50 hover:border-green-400\"\n : score === 2\n ? \"border-yellow-300 hover:bg-yellow-50 hover:border-yellow-400\"\n : \"border-red-300 hover:bg-red-50 hover:border-red-400\"\n }`}\n >\n {overstimLabels[score - 1]}\n \n ))}\n

\n setStep(\"time\")}\n className=\"block mx-auto text-sm text-gray-500 hover:text-gray-700 underline\"\n >\n Skip\n \n

\n )}\n\n {/* Step 3: Wake time */}\n {step === \"time\" && (\n

\n When did you wake up?\n

\n setWakeTime(e.target.value)}\n className=\"w-full px-4 py-3 text-lg border-2 border-gray-200 rounded-lg focus:border-blue-400 focus:outline-none text-center\"\n autoFocus\n />\n\n {/* Summary */}\n

\n Mood:\n \n {moodScore !== null ? moodLabels[moodScore - 1] : \"-\"}{\" \"}\n ({moodScore}/5)\n \n

\n {moodDescription && (\n

\n Description:\n {moodDescription}\n

\n )}\n {overstimulationScore !== null && (\n

\n Overstimulation:\n \n {overstimLabels[overstimulationScore - 1]}\n \n

\n )}\n

\n\n {error &&

{error}

}\n\n \n {isSubmitting ? \"Saving...\" : \"Start my day\"}\n \n\n setStep(\"mood\")}\n className=\"block mx-auto text-sm text-gray-500 hover:text-gray-700\"\n >\n ← Back to start\n \n

\n )}\n

\n );\n}\n",[],[219,225,259],[219,225],{"_103":268,"_95":180,"_156":269,"_158":220,"_159":137,"_160":161,"_162":163,"_105":270,"_100":32,"_165":183,"_167":271,"_168":22,"_169":-5,"_170":272,"_98":273},"6f6cdcac-cb64-11f0-88d0-42dde27851f2","019ac442-4028-7054-a7e8-f23753a4991d",["D",1764229267444],"# Frontend\n\nThis template is a classic client-side-only React app.\n\n## `index.html`\n\nThe **entrypoint** for the frontend is\n[`/frontend/index.html`](/frontend/index.html). This is the HTML page that is\nreturned at the root from [`../index.ts`](../index.ts).\n\nThis HTML file imports `/frontend/style.css` from [`/public/style.css`] and\n`/frontend/favicon.svg` from `/frontend/favicon.svg`. Everything in `/frontend/`\nis mapped to `/public` by `/backend/index.ts`. This is just a convention. You\ncould import & serve everything out of the same folder name.\n\nThis HTML file has a `

`, which is where we mount the React\napp.\n\nThis HTML file imports `/frontend/index.tsx` from `/public/index.tsx`, which is\nthe **entrypoint** for all frontend JavaScript, including all the React. It is\nnot a problem that it imports a file with a `.tsx` extension becaues browsers\nignore file extensions. They only pay attention to content-types, which is\ngreat, because all these files will be returned as transpiled JS with the\nappropriate JS content type by\n[std/utils](https://www.val.town/x/std/utils/code) functions.\n\n## [`index.tsx`](./index.tsx)\n\nThis file is the **entrypoint** for frontend JavaScript. It imports the React\napp from `/frontend/components/App.tsx` and mounts it on\n`

`.\n\nIt also looks for _bootstrapped_ JSON data at `window.__INITIAL_DATA`, and\npasses that only to the ``.\n\n## [`favicon.svg`](./favicon.svg)\n\nAs of this writing Val Town only supports text files, which is why the favicon\nis an SVG and not an .ico or any other binary image format. If you need binary\nfile storage, check out [Blob Storage](https://docs.val.town/std/blob/).\n\n## `components/`\n\nThis directory is where the React components are stored. They're pretty standard\nclient-side React components.",[],[219,180],{"_103":275,"_95":276,"_156":277,"_158":220,"_159":137,"_160":161,"_162":163,"_105":278,"_100":32,"_165":183,"_167":279,"_168":22,"_169":-5,"_170":280,"_98":281},"6f6cddba-cb64-11f0-88d0-42dde27851f2","favicon.svg","019ac442-4028-7054-a7e8-f5b21eeb0437",["D",1764229267444],"",[],[219,276],{"_103":283,"_95":284,"_156":285,"_158":220,"_159":137,"_160":244,"_162":163,"_105":286,"_100":161,"_165":183,"_167":287,"_168":22,"_169":-5,"_170":288,"_98":289},"5b6af1c4-cb66-11f0-9026-42dde27851f2","index.html","019ac442-4028-7054-a7e8-f92fcd48b851",["D",1764230092915],"\n\n \n \n \n Activity Log\n \n \n \n \n \n

\n \n \n \n",[],[219,284],{"_103":291,"_95":292,"_156":293,"_158":220,"_159":137,"_160":294,"_162":163,"_105":295,"_100":161,"_165":194,"_167":296,"_168":22,"_169":-5,"_170":297,"_98":298},"5b76af1e-cb66-11f0-9026-42dde27851f2","index.tsx","019ac442-4028-7054-a7e8-fca816a444a1",11,["D",1764230092987],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();\n",[],[219,292],{"_103":300,"_95":301,"_156":302,"_158":220,"_159":137,"_160":303,"_162":163,"_105":304,"_100":32,"_165":194,"_167":305,"_168":22,"_169":-5,"_170":306,"_98":307},"63b8ac12-cdd8-11f0-9355-42dde27851f2","moodWords.ts","63b8acbc-cdd8-11f0-9355-42dde27851f2",71,["D",1764498971810],"/**\n * Mood word lists organized by energy level and pleasantness.\n * Based on a 2×2 circumplex model of affect.\n */\n\n/** High energy, pleasant feelings */\nexport const highEnergyPleasant = [\n \"excited\",\n \"joyful\",\n \"enthusiastic\",\n \"energetic\",\n \"motivated\",\n \"playful\",\n \"curious\",\n \"inspired\",\n] as const;\n\n/** High energy, unpleasant feelings */\nexport const highEnergyUnpleasant = [\n \"angry\",\n \"anxious\",\n \"stressed\",\n \"frustrated\",\n \"overwhelmed\",\n \"irritated\",\n \"nervous\",\n \"agitated\",\n] as const;\n\n/** Low energy, pleasant feelings */\nexport const lowEnergyPleasant = [\n \"calm\",\n \"relaxed\",\n \"peaceful\",\n \"content\",\n \"relieved\",\n \"serene\",\n \"cozy\",\n \"mellow\",\n] as const;\n\n/** Low energy, unpleasant feelings */\nexport const lowEnergyUnpleasant = [\n \"tired\",\n \"sad\",\n \"exhausted\",\n \"bored\",\n \"drained\",\n \"lonely\",\n \"sluggish\",\n \"numb\",\n] as const;\n\n/** All mood word buckets grouped for easy iteration */\nexport const moodWordBuckets = {\n highEnergyPleasant,\n highEnergyUnpleasant,\n lowEnergyPleasant,\n lowEnergyUnpleasant,\n} as const;\n\n/** Type for the quadrant keys */\nexport type MoodQuadrant = keyof typeof moodWordBuckets;\n\n/** Union type of all mood words */\nexport type MoodWord =\n | (typeof highEnergyPleasant)[number]\n | (typeof highEnergyUnpleasant)[number]\n | (typeof lowEnergyPleasant)[number]\n | (typeof lowEnergyUnpleasant)[number];\n\n",[],[219,301],{"_103":309,"_95":310,"_156":311,"_158":220,"_159":137,"_160":312,"_162":163,"_105":313,"_100":314,"_165":194,"_167":315,"_168":22,"_169":-5,"_170":316,"_98":317},"28d66a86-cb7f-11f0-a725-42dde27851f2","storage.ts","5b3d0d7c-cb66-11f0-9026-42dde27851f2",47,["D",1764240745114],2,"import {\n type Entry,\n type EntryInput,\n entrySchema,\n} from \"../shared/schemas.ts\";\n\nconst USER_ID_KEY = \"activity_log_user_id\";\n\n// ============ User ID Management ============\n\nexport function getUserId(): string {\n let userId = localStorage.getItem(USER_ID_KEY);\n if (!userId) {\n // Generate a new user ID\n userId = `user_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n localStorage.setItem(USER_ID_KEY, userId);\n }\n return userId;\n}\n\n// ============ API Helpers ============\n\nfunction getHeaders(): HeadersInit {\n return {\n \"Content-Type\": \"application/json\",\n \"X-User-Id\": getUserId(),\n };\n}\n\n// ============ Entry Operations ============\n\nexport async function getTodayEntries(): Promise {\n const response = await fetch(\"/entries/today\", {\n headers: getHeaders(),\n });\n \n if (!response.ok) {\n console.error(\"Failed to fetch entries:\", await response.text());\n return [];\n }\n \n const data = await response.json();\n \n // Validate each entry through Zod\n const entries: Entry[] = [];\n for (const item of data) {\n try {\n const validated = entrySchema.parse(item);\n entries.push(validated);\n } catch (err) {\n console.error(\"Failed to validate entry from server:\", item, err);\n }\n }\n \n return entries;\n}\n\nexport async function saveEntry(input: EntryInput): Promise {\n const response = await fetch(\"/entries\", {\n method: \"POST\",\n headers: getHeaders(),\n body: JSON.stringify(input),\n });\n \n if (!response.ok) {\n const errorData = await response.json();\n throw new Error(errorData.error || \"Failed to save entry\");\n }\n \n const entry = await response.json();\n return entrySchema.parse(entry);\n}\n\nexport async function getLastEndTime(): Promise {\n const entries = await getTodayEntries();\n if (entries.length === 0) return null;\n \n // Entries are already sorted by start_time from the server\n const lastEntry = entries[entries.length - 1];\n return lastEntry.endTime;\n}\n",[],[219,310],{"_103":319,"_95":320,"_156":321,"_158":220,"_159":137,"_160":322,"_162":163,"_105":323,"_100":161,"_165":183,"_167":324,"_168":22,"_169":-5,"_170":325,"_98":326},"5b9bdfbe-cb66-11f0-ac2e-42dde27851f2","style.css","019ac442-4028-7054-a7e9-026beffe7c5d",15,["D",1764230093245],"/* Base styles - Tailwind handles most styling */\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n}",[],[219,320],[219],{"_103":329,"_95":330,"_156":331,"_158":-5,"_159":137,"_160":161,"_162":163,"_105":332,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":333,"_98":360},"6f6cf21e-cb64-11f0-88d0-42dde27851f2","shared","019ac442-4028-7054-a7e9-131b927f2bca",["D",1764229267444],[334,341,350],{"_103":335,"_95":180,"_156":336,"_158":331,"_159":137,"_160":161,"_162":163,"_105":337,"_100":32,"_165":183,"_167":338,"_168":22,"_169":-5,"_170":339,"_98":340},"6f6ce454-cb64-11f0-88d0-42dde27851f2","019ac442-4028-7054-a7e9-0a969d7243af",["D",1764229267444],"# Shared\n\nIt's common to have code and types that are needed on both the frontend and the backend. It's important that you write this code in a particularly defensive way because it's limited by what both environments support:\n\n![shapes at 25-02-25 11.57.13.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/75db1d51-d9b3-45e0-d178-25d886c10700/public)\n\nFor example, you *cannot* use the `Deno` keyword. For imports, you can't use `npm:` specifiers, so we reccomend `https://esm.sh` because it works on the server & client. You *can* use TypeScript because that is transpiled in `/backend/index.ts` for the frontend. Most code that works on the frontend tends to work in Deno, because Deno is designed to support \"web-standards\", but there are definitely edge cases to look out for.",[],[330,180],{"_103":342,"_95":343,"_156":344,"_158":331,"_159":137,"_160":345,"_162":163,"_105":346,"_100":193,"_165":194,"_167":347,"_168":22,"_169":-5,"_170":348,"_98":349},"13f93072-cdd6-11f0-858b-42dde27851f2","schemas.ts","9b2587d6-cb78-11f0-a4c8-42dde27851f2",67,["D",1764497979018],"import { z } from \"https://esm.sh/zod@3.23.8\";\n\n// ============ Rating Schemas (Versioned) ============\n\n// Scale definition for ordinal ratings\nconst scaleSchema = z.object({\n min: z.number(),\n max: z.number(),\n step: z.number().default(1),\n});\n\n// UI metadata for how to render the rating\nconst ratingUiSchema = z.object({\n style: z.enum([\"buttons\", \"slider\", \"faces\"]).default(\"buttons\"),\n}).optional();\n\n// Rating V1 base schema (without refine for discriminatedUnion compatibility)\nconst ratingV1BaseSchema = z.object({\n version: z.literal(1),\n dimension: z.enum([\"mood\", \"overstimulation\"]),\n scale: scaleSchema,\n value: z.number(),\n ui: ratingUiSchema,\n note: z.string().optional(),\n});\n\n// Rating V1 schema with validation\nconst ratingV1Schema = ratingV1BaseSchema.refine(\n (data) => data.value >= data.scale.min && data.value <= data.scale.max,\n { message: \"Value must be within scale range\" }\n);\n\n// Union of all rating versions using regular union (discriminatedUnion doesn't work with refine)\n// For now, we only have V1, so use it directly\n// When we add V2, switch to: z.union([ratingV1Schema, ratingV2Schema])\nexport const ratingSchema = ratingV1Schema;\n\nexport type Rating = z.infer;\nexport type RatingV1 = z.infer;\n\n// ============ Helper functions to create ratings ============\n\nexport function createMoodRating(value: number): RatingV1 {\n return {\n version: 1,\n dimension: \"mood\",\n scale: { min: 1, max: 5, step: 1 },\n value,\n ui: { style: \"buttons\" },\n };\n}\n\nexport function createOverstimulationRating(value: number, note?: string): RatingV1 {\n return {\n version: 1,\n dimension: \"overstimulation\",\n scale: { min: 1, max: 3, step: 1 },\n value,\n ui: { style: \"buttons\" },\n note,\n };\n}\n\n// ============ Entry Schema ============\n\n// Date format: YYYY-MM-DD\nconst dateStringSchema = z.string().regex(/^\\d{4}-\\d{2}-\\d{2}$/, \"Date must be YYYY-MM-DD\");\n\n// Time format: HH:mm\nconst timeStringSchema = z.string().regex(/^\\d{2}:\\d{2}$/, \"Time must be HH:mm\");\n\nexport const entrySchema = z.object({\n id: z.string(),\n date: dateStringSchema,\n startTime: timeStringSchema,\n endTime: timeStringSchema,\n \n // Canonical numeric scores (derived from ratings)\n moodScore: z.number().min(1).max(5).nullable(),\n overstimulationScore: z.number().min(1).max(3).nullable(),\n \n // Full rating objects (versioned)\n moodRating: ratingSchema.optional(),\n overstimulationRating: ratingSchema.optional(),\n \n // Mood description \n moodDescription: z.string().optional(),\n \n // Activity fields\n mustActivity: z.string(),\n pleasantActivity: z.string(),\n \n // Metadata\n rawInput: z.string().optional(),\n createdAt: z.number(),\n}).refine(\n (data) => data.startTime < data.endTime,\n { message: \"Start time must be before end time\" }\n);\n\nexport type Entry = z.infer;\n\n// Schema for array of entries\nexport const entriesArraySchema = z.array(entrySchema);\n\n// ============ API Input Schema ============\n\n// Schema for creating a new entry (client sends this, server fills id/createdAt/date)\nexport const entryInputSchema = z.object({\n startTime: timeStringSchema,\n endTime: timeStringSchema,\n \n // Client can send scores directly, or we derive from ratings\n moodScore: z.number().min(1).max(5).nullable().optional(),\n overstimulationScore: z.number().min(1).max(3).nullable().optional(),\n \n // Full rating objects (versioned)\n moodRating: ratingSchema.optional(),\n overstimulationRating: ratingSchema.optional(),\n \n // Mood description \n moodDescription: z.string().optional(),\n \n // Activity fields\n mustActivity: z.string(),\n pleasantActivity: z.string(),\n \n // Optional raw input\n rawInput: z.string().optional(),\n}).refine(\n (data) => data.startTime < data.endTime,\n { message: \"Start time must be before end time\" }\n).refine(\n // Ensure we have either a score or a rating for mood\n (data) => data.moodScore !== undefined || data.moodRating !== undefined,\n { message: \"Either moodScore or moodRating must be provided\" }\n);\n\nexport type EntryInput = z.infer;\n\n// Helper to convert input to full Entry\nexport function inputToEntry(input: EntryInput, date: string, id: string): Entry {\n // Derive scores from ratings if not provided directly\n const moodScore = input.moodScore ?? (input.moodRating?.value ?? null);\n const overstimulationScore = input.overstimulationScore ?? (input.overstimulationRating?.value ?? null);\n \n // Ensure moodRating includes note from moodDescription if provided\n const moodRating = input.moodRating \n ? { ...input.moodRating, note: input.moodDescription || input.moodRating.note }\n : (input.moodDescription ? createMoodRating(moodScore ?? 1, input.moodDescription) : undefined);\n \n // Use moodDescription from input, or fallback to moodRating.note\n const moodDescription = input.moodDescription ?? moodRating?.note ?? \"\";\n \n return {\n id,\n date,\n startTime: input.startTime,\n endTime: input.endTime,\n moodScore,\n overstimulationScore,\n moodRating,\n overstimulationRating: input.overstimulationRating,\n moodDescription: moodDescription || undefined,\n mustActivity: input.mustActivity,\n pleasantActivity: input.pleasantActivity,\n rawInput: input.rawInput,\n createdAt: Date.now(),\n };\n}\n\n// ============ Migration helpers ============\n\n// Migrate legacy ActivityEntry to new Entry format\nexport function migrateFromLegacy(legacy: LegacyActivityEntry): Entry {\n const moodValue = parseInt(legacy.moodWithScore, 10);\n const overstimValue = parseInt(legacy.overstimulationLevel, 10);\n \n const moodRating = isNaN(moodValue) ? undefined : createMoodRating(moodValue);\n \n return {\n id: legacy.id,\n date: legacy.date,\n startTime: legacy.startTime,\n endTime: legacy.endTime,\n moodScore: isNaN(moodValue) ? null : moodValue,\n overstimulationScore: isNaN(overstimValue) ? null : overstimValue,\n moodRating,\n overstimulationRating: isNaN(overstimValue) ? undefined : createOverstimulationRating(overstimValue),\n moodDescription: moodRating?.note,\n mustActivity: legacy.mustActivity,\n pleasantActivity: legacy.pleasantActivity,\n rawInput: legacy.rawInput,\n createdAt: legacy.createdAt,\n };\n}\n\n// Legacy type for migration\ninterface LegacyActivityEntry {\n id: string;\n date: string;\n startTime: string;\n endTime: string;\n moodWithScore: string;\n overstimulationLevel: string;\n mustActivity: string;\n pleasantActivity: string;\n rawInput?: string;\n createdAt: number;\n}\n\n// Check if an object looks like a legacy entry\nexport function isLegacyEntry(obj: unknown): obj is LegacyActivityEntry {\n return (\n typeof obj === \"object\" &&\n obj !== null &&\n \"moodWithScore\" in obj &&\n typeof (obj as LegacyActivityEntry).moodWithScore === \"string\"\n );\n}\n",[],[330,343],{"_103":351,"_95":352,"_156":353,"_158":331,"_159":137,"_160":354,"_162":163,"_105":355,"_100":356,"_165":194,"_167":357,"_168":22,"_169":-5,"_170":358,"_98":359},"887f4e9a-cd2c-11f0-8174-42dde27851f2","utils.ts","019ac442-4028-7054-a7e9-0ecc8cc64535",53,["D",1764425160070],6,"// Configuration for wake-up block duration in minutes\nexport const DEFAULT_WAKE_BLOCK_MINUTES = 30;\n\nexport function getTodayDateString(): string {\n const now = new Date();\n return now.toISOString().split(\"T\")[0];\n}\n\nexport function getCurrentTimeString(): string {\n const now = new Date();\n return now.toTimeString().slice(0, 5); // HH:mm\n}\n\nexport function validateTimeRange(startTime: string, endTime: string): boolean {\n if (!startTime || !endTime) return false;\n return startTime < endTime;\n}\n\nexport function generateId(): string {\n return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n}\n\n/**\n * Determines if the wake-up check-in screen should be shown.\n * Returns true when there are no entries for today yet.\n * Future-proof: can be extended with time-based rules.\n */\nexport function shouldShowWakeCheckIn(todayEntries: unknown[], _now?: Date): boolean {\n return todayEntries.length === 0;\n}\n\n/**\n * Adds minutes to a time string (HH:mm format).\n * Returns the new time string, capped at 23:59.\n */\nexport function addMinutesToTime(time: string, minutes: number): string {\n const [hours, mins] = time.split(\":\").map(Number);\n const totalMinutes = hours * 60 + mins + minutes;\n const cappedMinutes = Math.min(totalMinutes, 23 * 60 + 59);\n const newHours = Math.floor(cappedMinutes / 60);\n const newMins = cappedMinutes % 60;\n return `${String(newHours).padStart(2, \"0\")}:${String(newMins).padStart(2, \"0\")}`;\n}\n",[],[330,352],[330],{"_103":362,"_95":363,"_156":364,"_158":-5,"_159":137,"_160":365,"_162":163,"_105":366,"_100":32,"_165":183,"_167":367,"_168":22,"_169":-5,"_170":368,"_98":369},"5b6231d8-cb66-11f0-8d62-42dde27851f2",".gitignore","5b6232b4-cb66-11f0-8d62-42dde27851f2",8,["D",1764230092867],".vt/\n.vscode",[],[363],{"_103":371,"_95":372,"_156":373,"_158":-5,"_159":137,"_160":374,"_162":163,"_105":375,"_100":32,"_165":183,"_167":376,"_168":22,"_169":-5,"_170":377,"_98":378},"5b714286-cb66-11f0-8193-42dde27851f2",".vtignore","5b71433a-cb66-11f0-8193-42dde27851f2",10,["D",1764230092965],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[372],{"_103":380,"_95":381,"_156":382,"_158":-5,"_159":137,"_160":356,"_162":163,"_105":383,"_100":32,"_165":183,"_167":384,"_168":22,"_169":-5,"_170":385,"_98":386},"5b460b98-cb66-11f0-b0ec-42dde27851f2","AGENTS.md","5b460df0-cb66-11f0-b0ec-42dde27851f2",["D",1764230092685],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nFiles that are HTTP triggers have http in their name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nFiles that are Cron triggers have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nFiles that are Email triggers have email in their name like `foobar.email.tsx`\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({ \n subject: \"Hi\", \n text: \"Hi\", \n html: \"

Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

Hi

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n\n## Utility Functions from Other Vals\n\n### Logging\n\n- Use the relevant log level based on what you're logging.\n- Import `https://www.val.town/x/cricks_unmixed4u/logger/code/logger/main.tsx` and use `logInfo`, `logError` or `logDebug`.\n\n## Building an MVP\n\nUpdated pseudo-PRD with “today-only” constraint.\n\n---\n\n## 1. Working title\n\nActivity Log MVP – “Today-only form-first tracking”\n\n---\n\n## 2. Context & problem\n\nYou log activities with a fixed schema (date, time, mood with score, overstimulation level, “must” activity, pleasant/relaxing activity). You want a tiny app that:\n\n* Always works on “today”\n* Makes time-range entry extremely easy for the next activity block\n* Lets you refine the structure over time.\n\n---\n\n## 3. Goals (MVP)\n\n1. **Fast capture of activity rows for today**\n\n * No date picker, no navigation.\n * The app is implicitly “today’s log”.\n\n2. **Respect the existing schema**\n\n * For each row, capture:\n\n * `date` (implicit: today)\n * `time range`\n * `mood (with numeric rating)`\n * `overstimulation level`\n * `must activity`\n * `pleasant/relaxing activity`\n\n3. **Support both free-text and structured entry**\n\n * Free-text description → optional LLM assist to fill fields.\n * Full manual control over all fields before saving.\n\n4. **Simple persistence + today view**\n\n * Store all rows in a simple store.\n * Show all entries for today in a table that mirrors the activities form.\n\n5. **Be easy to extend later**\n\n * Clear separation between:\n\n * Storage\n * LLM parsing\n * UI\n\n---\n\n## 4. Primary users and usage\n\n* **User**: you, logging only for today.\n* **Usage pattern**:\n\n * Multiple short entry bursts during today.\n * Some retrospective entries within the same day (e.g. “what happened from 08:30–09:15?”).\n\nOut of scope for MVP: viewing or editing past days.\n\n---\n\n## 5. Core user flows\n\n### 5.1. Open the app (today view only)\n\n* App loads with:\n\n * A “New entry for today” panel.\n * A table showing all entries already recorded for today.\n\nDate is implied and not editable.\n\n### 5.2. Add a new activity (today)\n\nIn the “New entry” panel:\n\n1. **Time range selection (always for today)**\n\nThe app knows the latest `endTime` of today’s entries (if any).\n\nTime range modes:\n\n* **Mode A – From last end → now**\n\n * Available if at least one previous entry exists today.\n * Default mode.\n * Start = last entry’s end time (read-only by default).\n * End = “now” (auto-filled, but can be overridden).\n * One click to accept this range.\n\n* **Mode B – From custom start → now**\n\n * For retroactive blocks earlier today.\n * User inputs `startTime` (e.g. `08:30`).\n * End is auto-set to “now” (editable if needed).\n\n* **Mode C – From custom start → custom end**\n\n * For explicit blocks within today (e.g. `09:15–10:00`).\n * User inputs both `startTime` and `endTime`.\n\nFirst entry of the day:\n\n* No “last end”; default to Mode B or C with empty time fields.\n* You fill the first block explicitly.\n\n2. **Content entry**\n\nTwo ways to fill the content columns:\n\n* **Structured fields**\n\n * `Mood with score` (single text field, must contain “(x/10)”).\n * `Overstimulation level` (e.g. free text or low/medium/high).\n * `Must activity` (text, `\"-\"` allowed).\n * `Pleasant/relaxing activity` (text, `\"-\"` allowed).\n\n3. **Save**\n\nBefore saving:\n\n* Validate that `startTime < endTime`.\n* Validate that the mood includes a numeric score pattern like `(6/10)`.\n\nOn success:\n\n* Store the entry with `date = today`.\n* Append it to today’s table.\n* Update “last end” to this entry’s `endTime`.\n\n### 5.3. View today’s log\n\n* A table below the input panel:\n\nHeader:\n\n`Time | Mood (with rating) | Overstimulation level | Must activity | Pleasant/relaxing activity`\n\n* Each row shows:\n\n * `Time` as `HH:mm–HH:mm`\n * The four content columns.\n\nNo navigation to other dates; only today is visible.\n\n---\n\n## 6. Data model (MVP)\n\nPer entry:\n\n* `id` (string or numeric)\n* `date` (ISO date string, always today in this MVP)\n* `startTime` (`\"HH:mm\"`)\n* `endTime` (`\"HH:mm\"`)\n* `moodWithScore` (string, contains “(n/10)”)\n* `overstimulationLevel` (string)\n* `mustActivity` (string, `\"-\"` allowed)\n* `pleasantActivity` (string, `\"-\"` allowed)\n* `rawInput` (optional string; free-text source, if used)\n* `createdAt` (timestamp)\n\n---\n\n## 7. Technical outline\n\n1. **HTTP endpoints**\n\n* `GET /`\n\n * Renders HTML for:\n\n * New-entry panel (today-only).\n * Today’s table.\n\n* `GET /entries/today`\n\n * Returns today’s entries as JSON.\n\n* `POST /parse`\n\n * Input: `{ rawText, startTime?, endTime? }` (today is implied).\n * Output: suggested `moodWithScore`, `overstimulationLevel`, `mustActivity`, `pleasantActivity`.\n\n* `POST /entries`\n\n * Input: full entry payload (except `date` which is set to today on the server).\n\n2. **Storage**\n\n* vltable / JSON keyed by date and time.\n* Query: “entries where date = today, sorted by `startTime`”.\n\n3. **LLM helper**G\n\n* Function `parseActivityEntry(rawText, startTime, endTime)`:\n\n * Uses activities-form prompt.\n * Returns the four content fields in a strict schema.\n\n---\n\n## 8. Non-goals\n\n* No date navigation or historical views.\n* No multi-user support.\n* No analytics or charts.\n* No complex editing or versioning (append-only for today in MVP).\n\n## Implementation plan\n\n### DONE - Step 1 - UI scaffolding\n\nLet's add the UI components with data backed in local storage so we don't have to write backend endpoints.\n\nFor now, let's not style the app beyond using tailwind to have some paddings, font and form styling.\n\n### DONE Step 2 - Speed up data entry: Mood score 1-5 and overstimulation 1-3\n\nInstead of accepting a 1-10 range, let's accept a 1-5 range and help user just click/tap on a number for faster data entry. Don't have a default selection. Focus on mobile user input experience with a touch screen.\n\nAlso for overstimulation.\n\n### DONE - Step 3 - Step: Introduce Zod + versioned ratings (frontend only)\n\n1. **Define a versioned rating model with Zod**\n\n * Create a `Rating` schema that represents “an ordinal rating on a scale”, with:\n\n * A `dimension` field: `\"mood\"` or `\"overstimulation\"`.\n * A scale definition: `min`, `max`, `step`.\n * A `value` that must lie on that scale.\n * Optional `ui` metadata (e.g. style: buttons, slider, faces).\n * Optional `note` (for mood text like “calm, tired”).\n * Wrap this in a versioned structure (for now `version: 1`), so you can later add `version: 2` without breaking old data.\n\n2. **Define an `Entry` schema with Zod**\n\n * Create a Zod schema for an activity entry that includes:\n\n * `date`, `startTime`, `endTime` as validated strings (`YYYY-MM-DD`, `HH:mm`).\n * Canonical numeric scores: `moodScore` (1–5), `overstimulationScore` (1–3), nullable.\n * Optional `moodRating` and `overstimulationRating` as your versioned rating objects.\n * `mustActivity`, `pleasantActivity`, `createdAt`, `id`.\n * Derive the TypeScript `Entry` type from this Zod schema, so the schema is the single source of truth.\n\n3. **Let the form work with rating objects, not just numbers**\n\n * In the “new entry” UI:\n\n * Keep the tap UI as simple 1–5 and 1–3 buttons for now.\n * Internally, when a button is tapped, construct a rating object (scale + value + `dimension = \"mood\"` or `\"overstimulation\"`).\n * Treat the numeric score as a *derived* field from the rating (`rating.value`), not the primary state.\n\n4. **Validate entries through Zod before saving**\n\n * When the user taps “save”:\n\n * Build an `Entry` object that includes:\n\n * Time range, activities, createdAt, id.\n * `moodRating` and `overstimulationRating`.\n * `moodScore` and `overstimulationScore` copied from those ratings’ `value`.\n * Run this through the Zod `entrySchema`:\n\n * On success: store it (localStorage for now) and update in-memory state.\n * On failure: surface a simple error (for you, this is primarily to catch bugs).\n\n5. **Use Zod when loading from localStorage**\n\n * When restoring data from localStorage:\n\n * Parse the JSON and validate it as “array of `Entry`” with Zod.\n * If something does not conform to the schema, either:\n\n * Drop those entries and log the error, or\n * Apply a small manual migration before validation (e.g. fill missing `moodRating` from `moodScore`).\n\n6. **Keep the versioning future-proof**\n\n * Always put the version field inside the rating object.\n * Wrap your rating schema as a union over versions (for now just V1).\n * This lets you later introduce a different input style or scale (e.g. mood 0–100 slider) as `version: 2` without touching existing data or frontend logic beyond extending the union.\n\nOnce this is in place, your frontend is already “rating-version aware,” and switching from localStorage to a database later is mostly about wiring these same `Entry` objects through an API rather than changing their structure.\n\n### DONE - Step 4.1 - Share the Zod models\n\nMove your ratingSchema and entrySchema into a shared module (e.g. models/activity.ts) that both frontend and backend can import.\n\nBackend should:\n\nUse the same Entry and RatingPayload types (via z.infer).\n\nUse the same Zod schemas for request validation and response shaping.\n\nGoal: one source of truth for the data model.\n\n### DONE - Step 4.2 - Extend the database schema\n\nAdd columns for the canonical numeric scores:\n\nmood_score (small integer, nullable).\n\noverstimulation_score (small integer, nullable).\n\nAdd JSON columns for the versioned rating payloads:\n\nmood_rating_json (JSON/JSONB, nullable).\n\noverstimulation_rating_json (JSON/JSONB, nullable).\n\nKeep existing time and activity fields as-is:\n\ndate, start_time, end_time, must_activity, pleasant_activity, created_at.\n\nGoal: DB row can store both “fast to query” numbers and “rich, versioned” JSON.\n\n### DONE - Step 4.3 – Define row ↔ Entry mapping\n\nDecide on a clear mapping:\n\ndate ↔ Entry.date (YYYY-MM-DD).\n\nstart_time / end_time ↔ startTime / endTime.\n\nmood_score ↔ moodScore.\n\noverstimulation_score ↔ overstimulationScore.\n\nmood_rating_json ↔ moodRating.\n\noverstimulation_rating_json ↔ overstimulationRating.\n\nImplement small helpers:\n\ndbRowToEntry(row): converts a DB row to a plain object and runs entrySchema.parse on it.\n\nentryToDbParams(entry): picks out the DB fields for inserts.\n\nGoal: all API handlers work in terms of Entry objects, not raw DB rows.\n\n### DONE: Step 4.4 – Validate API input with Zod\n\nFor POST /entries:\n\nDefine an “input schema” that represents what the client sends (no id, createdAt).\n\nUse Zod to:\n\nValidate and parse the incoming JSON into a partial Entry.\n\nFill id and createdAt on the backend.\n\nBefore inserting:\n\nConfirm moodRating and overstimulationRating (if present) pass ratingSchema.\n\nEnsure their value matches moodScore / overstimulationScore (or derive scores from value and ignore client-provided numbers).\n\nGoal: backend never trusts raw JSON; everything passes through Zod.\n\n### DONE: STEP 5 - Start persisting data in the backend\n\nSince we don't have authentication, for now we can simply store a user ID in the localstorage and use that.\n\nFor now let's just focus on storing the data, later we can also use it in the frontend.\n\n### DONE: STEP 6 - First entry of the day: wake-up check-in\n\nGoal: when there are no entries for today yet, the app should start with a minimal, calm “How did you wake up?” flow, and only then show the regular timeline.\n\n1. Detect “first entry of the day”\n\nOn app load: Compute today. Load today’s entries (from localStorage/DB). If todayEntries.length === 0, the initial UI state is: Show a dedicated “wake-up check-in” screen/card. If there are existing entries: Skip this; show the normal new-entry form + today timeline. Keep this decision in a small helper like shouldShowWakeCheckIn(todayEntries, now) so future time-based rules can plug in.\n\n### DONE: STEP 7 - Refactor for future changes\n\nMake a DEFAULT_WAKE_BLOCK_MINUTES configuration that'll be used when converting wake-up time → time range.\n\n### DONE: STEP 8 - Simplify data input\n\n1. **Remove explicit time modes**\n * Remove the “Time Range Mode” label and the three mode buttons.\n * Keep a single “Time Range” section with two fields: `startTime`, `endTime`.\n\n2. **Time fields**\n * Both `startTime` and `endTime` are editable `HH:mm` values.\n * Render them as large, tap-friendly controls suitable for mobile.\n * Always show both fields on the “New Entry for Today” card.\n\n3. **Defaults when today has entries**\n * Compute `lastEndTime = last(todayEntries).endTime` (todayEntries sorted chronologically).\n * On form init and after each successful save:\n * Set `startTime = lastEndTime`.\n * Set `endTime = nowRoundedTo5Min()`.\n\n4. **Retro blocks (implicit modes via edits)**\n\n * Do not expose any “mode” selector.\n * Interpret the user’s edits as follows:\n * If user keeps defaults → “from last end → now”.\n * If user edits only `startTime` → “custom start → now”.\n * If user edits both `startTime` and `endTime` → “custom start → custom end”.\n * Optional UI shortcuts (not required for logic):\n * When `startTime` is empty, show a clickable hint “Use last end (HH:MM)” that fills `startTime`.\n * When `endTime` is empty, show a clickable hint “Use now (HH:MM)” that fills `endTime`.\n\n### DONE: Step 9 - Add \"mood description\"\n\nEnglish title suggestion: use **“Mood description”** for *stemming*.\n\nTiny programming TODOs:\n\n1. **Naming decision**\n * [ ] Use UI label: `\"Mood description\"`.\n * [ ] Use field name in code: `moodDescription`.\n\n2. **Update shared models (frontend only for now)**\n * [ ] Add `moodDescription: string` to the `Entry` Zod schema (required or optional – choose).\n * [ ] Regenerate `Entry` TypeScript type from the updated schema.\n * [ ] Ensure `moodDescription` is included in any `Entry` constructors/builders.\n\n\n3. **Update “New Entry for Today” UI**\n * [ ] Add a text input under “Mood Score (1–5)” with label “Mood description”.\n * [ ] Bind this input to local state `moodDescription`.\n * [ ] On save, pass `moodDescription` into the `Entry` builder.\n\n5. **Wake-up check-in UI (first entry)**\n * [ ] Add the same “Mood description” field to the wake-up card.\n * [ ] Bind to `moodDescription` state used for the first `Entry`.\n * [ ] Ensure wake-up `Entry` gets `moodDescription`.note`.\n\n6. **Save flow**\n * [ ] Update the `Entry` object created on save to include `moodDescription`.\n * [ ] Run the updated `entrySchema` validation (it should now include `moodDescription`).\n * [ ] Confirm localStorage (or in-memory) entries now contain `moodDescription`.\n\n7. **Load flow**\n * [ ] Update localStorage loading to read `moodDescription` from stored entries.\n * [ ] If older entries do not have `moodDescription`, default to `\"\"`.\n * [ ] Re-save migrated entries only if needed (optional).\n\n8. **Display in “Today’s Log”**\n * [ ] Add a “Mood description” column (or subline) in the log view.\n * [ ] Render `moodDescription` if present; otherwise hide or show “—”.\n\n9. **Backend**\n * [ ] Add `mood_description` column to DB schema (text).\n * [ ] Map `mood_description` ↔ `moodDescription` in `dbRowToEntry` / `entryToDbParams`.\n\n### Step 10 - Mood description helper (v1)\n\n#### DONE: Substep: 10.1 Data: word lists\n\n Add a small static module moodWords.ts (frontend only).\n\n Define four buckets (2×2 model – energy × pleasantness):\n\n highEnergyPleasant: string[]\n\n highEnergyUnpleasant: string[]\n\n lowEnergyPleasant: string[]\n\n lowEnergyUnpleasant: string[]\n\n Keep each list small for MVP (e.g. 6–10 words per bucket).\n\n Ensure all words are simple, everyday language (no jargon).\n\n#### DONE: Substep: 10.2 UI entry point\n\n Add a tiny “Help me describe this” link/button next to the “Mood description” input.\n\n When pressed, open a lightweight helper UI:\n\n Could be inline below the field, not a full-screen dialog (MVP).\n\n#### DONE: 10.3 Helper UI layout (MVP)\n\n Show a simple 2×2 layout, text-only, no graphics needed:\n\nRow labels: High energy, Low energy.\n\nColumn labels: Unpleasant, Pleasant.\n\n Under each quadrant label, display a few chips/buttons from the corresponding list:\n\n Example layout:\n\nHigh energy / Pleasant → chips: “excited”, “curious”, …\n\nHigh energy / Unpleasant → chips: “angry”, “overwhelmed”, …\n\nLow energy / Pleasant → chips: “calm”, “relieved”, …\n\nLow energy / Unpleasant → chips: “tired”, “sad”, …\n\n#### DONE: 10.4 Interaction model\n\n On tap of a word chip:\n\n If mood description is empty → set it to that word.\n\n If mood description already has content → append with a comma and space.\n\n Do not auto-close the helper; allow multiple taps.\n\n Add a small “Done” / “Close” link under the helper to hide it.\n\n#### SKIP: 10.5 Optional alignment with existing ratings (no behavior change)\n\n Add a small helper function to suggest a quadrant based on existing numeric scores:\n\n Use moodScore (pleasant–unpleasant axis).\n\n Use overstimulationScore as a crude energy proxy (low–high).\n\n Use this only to:\n\n Option A (simplest): visually emphasise one quadrant (e.g. show it first or bold header).\n\n Option B (if simpler): do nothing for now; just keep helper independent of scores.\n\n Do not make behavior dependent on this in v1; keep it purely as a hint or future hook.\n\n#### 10.6 Persistence\n\n Ensure mood description field already flows into:\n\n Entry.moodDescription.\n\n moodRating.note.\n\n No additional persistence needed for the helper; it just writes into the existing field.\n\n#### 10.7 UX constraints\n\n Keep the helper visually light:\n\n No extra navigation.\n\n Minimal text; mostly labels + chips.\n\n Make all chips large, touch-friendly targets.",[],[414],"files",[153,172,178,187,198,209,217,223,229,238,248,257,267,274,282,290,299,308,318,328,334,341,350,361,370,379,387,394,402,412],"counts",{"_425":32,"_426":161,"_427":32,"_428":429},"pulls","branches","forks","envVars",{"_430":32,"_431":32},"count","emptyCount","contents",[],{"_103":239,"_159":137,"_156":241,"_95":240,"_167":245,"_165":194,"_100":244,"_158":226,"_105":435,"_160":242,"_169":-5,"_98":436},["D",1764498971591],[219,225,240],"upstreamProject",{"_103":145,"_95":439,"_111":440,"_112":-5,"_109":110,"_23":441},"reactHonoExample","Example with client-side React & Hono server",{"_93":442,"_129":443},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","upstreamBranch",{"_103":140,"_105":446,"_447":448,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_449":450,"_107":-5,"_150":22,"_109":110,"_149":442,"_16":147,"_148":439},["D",1740432065884],"updatedAt",["D",1755285423526],"lockfileKey","1755661346047-esm.town_v_stevekrouse_reactHonoExample@244-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":457,"_183":462,"_465":466,"_515":516,"_528":-7,"_529":32,"_530":22},{"_103":104,"_95":96,"_105":458,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":459,"_131":460,"_134":461,"_150":22},["D",1764229267444],{"_93":94,"_129":130},{"_93":94,"_133":130,"_14":113},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},{"_103":239,"_95":240,"_156":241,"_158":226,"_159":137,"_160":242,"_162":163,"_105":463,"_100":244,"_165":194,"_167":245,"_168":22,"_169":-5,"_98":464},["D",1764498971591],[219,225,240],"history",[467,469,474,480,485,491,496,501,506,511],{"_103":239,"_159":137,"_156":241,"_95":240,"_167":245,"_165":194,"_100":244,"_158":226,"_105":468,"_160":242,"_169":-5},["D",1764498971591],{"_103":470,"_159":137,"_156":241,"_95":240,"_167":471,"_165":194,"_100":365,"_158":226,"_105":472,"_160":473,"_169":-5},"13d8ef6a-cdd6-11f0-a24c-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n type EntryInput,\n createMoodRating,\n createOverstimulationRating,\n} from \"../../shared/schemas.ts\";\nimport {\n getCurrentTimeString,\n validateTimeRange,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\n\ninterface EntryFormProps {\n onEntrySaved: () => void;\n lastEndTime: string | null;\n}\n\nexport function EntryForm({ onEntrySaved, lastEndTime }: EntryFormProps) {\n const [startTime, setStartTime] = React.useState(lastEndTime || \"\");\n const [endTime, setEndTime] = React.useState(getCurrentTimeString());\n const [moodWithScore, setMoodWithScore] = React.useState(\"\");\n const [moodDescription, setMoodDescription] = React.useState(\"\");\n const [overstimulationLevel, setOverstimulationLevel] = React.useState(\"\");\n const [mustActivity, setMustActivity] = React.useState(\"\");\n const [pleasantActivity, setPleasantActivity] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n\n // Update start time when lastEndTime changes (e.g., after adding an entry)\n React.useEffect(() => {\n if (lastEndTime) {\n setStartTime(lastEndTime);\n }\n }, [lastEndTime]);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!validateTimeRange(startTime, endTime)) {\n setError(\"Start time must be before end time\");\n return;\n }\n\n if (!moodWithScore) {\n setError(\"Please select a mood score (1-5)\");\n return;\n }\n\n const moodValue = parseInt(moodWithScore, 10);\n const overstimValue = overstimulationLevel ? parseInt(overstimulationLevel, 10) : null;\n\n const input: EntryInput = {\n startTime,\n endTime,\n moodScore: moodValue,\n overstimulationScore: overstimValue,\n moodRating: createMoodRating(moodValue),\n overstimulationRating: overstimValue ? createOverstimulationRating(overstimValue) : undefined,\n moodDescription: moodDescription || undefined,\n mustActivity: mustActivity || \"-\",\n pleasantActivity: pleasantActivity || \"-\",\n };\n\n try {\n await saveEntry(input);\n onEntrySaved();\n } catch (err) {\n console.error(\"Failed to save entry:\", err);\n setError(err instanceof Error ? err.message : \"Failed to save entry. Please check your input.\");\n return;\n }\n\n // Reset form\n setMoodWithScore(\"\");\n setMoodDescription(\"\");\n setOverstimulationLevel(\"\");\n setMustActivity(\"\");\n setPleasantActivity(\"\");\n setStartTime(endTime);\n setEndTime(getCurrentTimeString());\n };\n\n return (\n

New Entry for Today

\n\n {/* Time Inputs */}\n

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

\n Mood Score (1-5)\n

\n Mood description\n setMoodDescription(e.target.value)}\n placeholder=\"e.g., calm, tired, energized\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Overstimulation (1-3)\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

}\n\n \n Save Entry\n \n \n );\n}",["D",1764497978802],63,{"_103":475,"_159":137,"_156":241,"_95":240,"_167":476,"_165":194,"_100":477,"_158":226,"_105":478,"_160":479,"_169":-5},"112f98ba-cd2f-11f0-9ba2-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n type EntryInput,\n createMoodRating,\n createOverstimulationRating,\n} from \"../../shared/schemas.ts\";\nimport {\n getCurrentTimeString,\n validateTimeRange,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\n\ninterface EntryFormProps {\n onEntrySaved: () => void;\n lastEndTime: string | null;\n}\n\nexport function EntryForm({ onEntrySaved, lastEndTime }: EntryFormProps) {\n const [startTime, setStartTime] = React.useState(lastEndTime || \"\");\n const [endTime, setEndTime] = React.useState(getCurrentTimeString());\n const [moodWithScore, setMoodWithScore] = React.useState(\"\");\n const [overstimulationLevel, setOverstimulationLevel] = React.useState(\"\");\n const [mustActivity, setMustActivity] = React.useState(\"\");\n const [pleasantActivity, setPleasantActivity] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n\n // Update start time when lastEndTime changes (e.g., after adding an entry)\n React.useEffect(() => {\n if (lastEndTime) {\n setStartTime(lastEndTime);\n }\n }, [lastEndTime]);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!validateTimeRange(startTime, endTime)) {\n setError(\"Start time must be before end time\");\n return;\n }\n\n if (!moodWithScore) {\n setError(\"Please select a mood score (1-5)\");\n return;\n }\n\n const moodValue = parseInt(moodWithScore, 10);\n const overstimValue = overstimulationLevel ? parseInt(overstimulationLevel, 10) : null;\n\n const input: EntryInput = {\n startTime,\n endTime,\n moodScore: moodValue,\n overstimulationScore: overstimValue,\n moodRating: createMoodRating(moodValue),\n overstimulationRating: overstimValue ? createOverstimulationRating(overstimValue) : undefined,\n mustActivity: mustActivity || \"-\",\n pleasantActivity: pleasantActivity || \"-\",\n };\n\n try {\n await saveEntry(input);\n onEntrySaved();\n } catch (err) {\n console.error(\"Failed to save entry:\", err);\n setError(err instanceof Error ? err.message : \"Failed to save entry. Please check your input.\");\n return;\n }\n\n // Reset form\n setMoodWithScore(\"\");\n setOverstimulationLevel(\"\");\n setMustActivity(\"\");\n setPleasantActivity(\"\");\n setStartTime(endTime);\n setEndTime(getCurrentTimeString());\n };\n\n return (\n

New Entry for Today

\n\n {/* Time Inputs */}\n

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

\n Mood Score (1-5)\n

\n Overstimulation (1-3)\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

}\n\n \n Save Entry\n \n \n );\n}",7,["D",1764426248387],60,{"_103":481,"_159":137,"_156":241,"_95":240,"_167":482,"_165":194,"_100":356,"_158":226,"_105":483,"_160":484,"_169":-5},"a8de7588-cd2e-11f0-be87-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n type EntryInput,\n createMoodRating,\n createOverstimulationRating,\n} from \"../../shared/schemas.ts\";\nimport {\n getCurrentTimeString,\n validateTimeRange,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\n\ninterface EntryFormProps {\n onEntrySaved: () => void;\n lastEndTime: string | null;\n}\n\nexport function EntryForm({ onEntrySaved, lastEndTime }: EntryFormProps) {\n const [startTime, setStartTime] = React.useState(lastEndTime || \"\");\n const [endTime, setEndTime] = React.useState(getCurrentTimeString());\n const [moodWithScore, setMoodWithScore] = React.useState(\"\");\n const [overstimulationLevel, setOverstimulationLevel] = React.useState(\"\");\n const [mustActivity, setMustActivity] = React.useState(\"\");\n const [pleasantActivity, setPleasantActivity] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n\n // Update start time when lastEndTime changes (e.g., after adding an entry)\n React.useEffect(() => {\n if (lastEndTime) {\n setStartTime(lastEndTime);\n }\n }, [lastEndTime]);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!validateTimeRange(startTime, endTime)) {\n setError(\"Start time must be before end time\");\n return;\n }\n\n if (!moodWithScore) {\n setError(\"Please select a mood score (1-5)\");\n return;\n }\n\n const moodValue = parseInt(moodWithScore, 10);\n const overstimValue = overstimulationLevel ? parseInt(overstimulationLevel, 10) : null;\n\n const input: EntryInput = {\n startTime,\n endTime,\n moodScore: moodValue,\n overstimulationScore: overstimValue,\n moodRating: createMoodRating(moodValue),\n overstimulationRating: overstimValue ? createOverstimulationRating(overstimValue) : undefined,\n mustActivity: mustActivity || \"-\",\n pleasantActivity: pleasantActivity || \"-\",\n };\n\n try {\n await saveEntry(input);\n onEntrySaved();\n } catch (err) {\n console.error(\"Failed to save entry:\", err);\n setError(err instanceof Error ? err.message : \"Failed to save entry. Please check your input.\");\n return;\n }\n\n // Reset form\n setMoodWithScore(\"\");\n setOverstimulationLevel(\"\");\n setMustActivity(\"\");\n setPleasantActivity(\"\");\n setStartTime(endTime);\n setEndTime(getCurrentTimeString());\n };\n\n return (\n

New Entry for Today

\n\n {/* Time Inputs */}\n

\n Start Time\n setStartTime(e.target.value)}\n className=\"w-full px-4 py-3 text-lg border-2 border-gray-200 rounded-lg focus:border-blue-400 focus:outline-none\"\n required\n />\n {lastEndTime && !startTime && (\n setStartTime(lastEndTime)}\n className=\"text-xs text-blue-500 hover:text-blue-700 mt-1\"\n >\n Use last end ({lastEndTime})\n \n )}\n

\n End Time\n setEndTime(e.target.value)}\n className=\"w-full px-4 py-3 text-lg border-2 border-gray-200 rounded-lg focus:border-blue-400 focus:outline-none\"\n required\n />\n {!endTime && (\n setEndTime(getCurrentTimeString())}\n className=\"text-xs text-blue-500 hover:text-blue-700 mt-1\"\n >\n Use now ({getCurrentTimeString()})\n \n )}\n

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

\n Mood Score (1-5)\n

\n Overstimulation (1-3)\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

}\n\n \n Save Entry\n \n \n );\n}",["D",1764426073375],58,{"_103":486,"_159":137,"_156":241,"_95":240,"_167":487,"_165":194,"_100":488,"_158":226,"_105":489,"_160":490,"_169":-5},"28a052f2-cb7f-11f0-9655-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n type EntryInput,\n createMoodRating,\n createOverstimulationRating,\n} from \"../../shared/schemas.ts\";\nimport {\n getCurrentTimeString,\n validateTimeRange,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\n\ntype TimeMode = \"lastToNow\" | \"customToNow\" | \"customToCustom\";\n\ninterface EntryFormProps {\n onEntrySaved: () => void;\n lastEndTime: string | null;\n}\n\nexport function EntryForm({ onEntrySaved, lastEndTime }: EntryFormProps) {\n const [timeMode, setTimeMode] = React.useState(\n lastEndTime ? \"lastToNow\" : \"customToNow\"\n );\n const [startTime, setStartTime] = React.useState(lastEndTime || \"\");\n const [endTime, setEndTime] = React.useState(getCurrentTimeString());\n const [moodWithScore, setMoodWithScore] = React.useState(\"\");\n const [overstimulationLevel, setOverstimulationLevel] = React.useState(\"\");\n const [mustActivity, setMustActivity] = React.useState(\"\");\n const [pleasantActivity, setPleasantActivity] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n\n React.useEffect(() => {\n if (timeMode === \"lastToNow\" && lastEndTime) {\n setStartTime(lastEndTime);\n setEndTime(getCurrentTimeString());\n } else if (timeMode === \"customToNow\") {\n setEndTime(getCurrentTimeString());\n }\n }, [timeMode, lastEndTime]);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!validateTimeRange(startTime, endTime)) {\n setError(\"Start time must be before end time\");\n return;\n }\n\n if (!moodWithScore) {\n setError(\"Please select a mood score (1-5)\");\n return;\n }\n\n const moodValue = parseInt(moodWithScore, 10);\n const overstimValue = overstimulationLevel ? parseInt(overstimulationLevel, 10) : null;\n\n const input: EntryInput = {\n startTime,\n endTime,\n moodScore: moodValue,\n overstimulationScore: overstimValue,\n moodRating: createMoodRating(moodValue),\n overstimulationRating: overstimValue ? createOverstimulationRating(overstimValue) : undefined,\n mustActivity: mustActivity || \"-\",\n pleasantActivity: pleasantActivity || \"-\",\n };\n\n try {\n await saveEntry(input);\n onEntrySaved();\n } catch (err) {\n console.error(\"Failed to save entry:\", err);\n setError(err instanceof Error ? err.message : \"Failed to save entry. Please check your input.\");\n return;\n }\n\n // Reset form\n setMoodWithScore(\"\");\n setOverstimulationLevel(\"\");\n setMustActivity(\"\");\n setPleasantActivity(\"\");\n setStartTime(endTime);\n setEndTime(getCurrentTimeString());\n setTimeMode(\"lastToNow\");\n };\n\n return (\n

New Entry for Today

\n\n {/* Time Mode Selection */}\n

\n Time Range Mode\n

\n {lastEndTime && (\n setTimeMode(\"lastToNow\")}\n className={`px-3 py-1 text-sm rounded border ${\n timeMode === \"lastToNow\"\n ? \"bg-blue-500 text-white border-blue-500\"\n : \"bg-white border-gray-300\"\n }`}\n >\n From last end → now\n \n )}\n setTimeMode(\"customToNow\")}\n className={`px-3 py-1 text-sm rounded border ${\n timeMode === \"customToNow\"\n ? \"bg-blue-500 text-white border-blue-500\"\n : \"bg-white border-gray-300\"\n }`}\n >\n Custom start → now\n \n setTimeMode(\"customToCustom\")}\n className={`px-3 py-1 text-sm rounded border ${\n timeMode === \"customToCustom\"\n ? \"bg-blue-500 text-white border-blue-500\"\n : \"bg-white border-gray-300\"\n }`}\n >\n Custom start → custom end\n \n

\n\n {/* Time Inputs */}\n

\n Start Time\n setStartTime(e.target.value)}\n disabled={timeMode === \"lastToNow\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

\n End Time\n setEndTime(e.target.value)}\n disabled={timeMode !== \"customToCustom\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

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

\n Mood Score (1-5)\n

\n Overstimulation (1-3)\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

}\n\n \n Save Entry\n \n \n );\n}",5,["D",1764240745110],42,{"_103":492,"_159":137,"_156":241,"_95":240,"_167":493,"_165":194,"_100":204,"_158":226,"_105":494,"_160":495,"_169":-5},"9b2a0d42-cb78-11f0-b99a-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n type Entry,\n createMoodRating,\n createOverstimulationRating,\n} from \"../../shared/schemas.ts\";\nimport {\n generateId,\n getCurrentTimeString,\n getTodayDateString,\n validateTimeRange,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\n\ntype TimeMode = \"lastToNow\" | \"customToNow\" | \"customToCustom\";\n\ninterface EntryFormProps {\n onEntrySaved: () => void;\n lastEndTime: string | null;\n}\n\nexport function EntryForm({ onEntrySaved, lastEndTime }: EntryFormProps) {\n const [timeMode, setTimeMode] = React.useState(\n lastEndTime ? \"lastToNow\" : \"customToNow\"\n );\n const [startTime, setStartTime] = React.useState(lastEndTime || \"\");\n const [endTime, setEndTime] = React.useState(getCurrentTimeString());\n const [moodWithScore, setMoodWithScore] = React.useState(\"\");\n const [overstimulationLevel, setOverstimulationLevel] = React.useState(\"\");\n const [mustActivity, setMustActivity] = React.useState(\"\");\n const [pleasantActivity, setPleasantActivity] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n\n React.useEffect(() => {\n if (timeMode === \"lastToNow\" && lastEndTime) {\n setStartTime(lastEndTime);\n setEndTime(getCurrentTimeString());\n } else if (timeMode === \"customToNow\") {\n setEndTime(getCurrentTimeString());\n }\n }, [timeMode, lastEndTime]);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!validateTimeRange(startTime, endTime)) {\n setError(\"Start time must be before end time\");\n return;\n }\n\n if (!moodWithScore) {\n setError(\"Please select a mood score (1-5)\");\n return;\n }\n\n const moodValue = parseInt(moodWithScore, 10);\n const overstimValue = overstimulationLevel ? parseInt(overstimulationLevel, 10) : null;\n\n const entry: Entry = {\n id: generateId(),\n date: getTodayDateString(),\n startTime,\n endTime,\n moodScore: moodValue,\n overstimulationScore: overstimValue,\n moodRating: createMoodRating(moodValue),\n overstimulationRating: overstimValue ? createOverstimulationRating(overstimValue) : undefined,\n mustActivity: mustActivity || \"-\",\n pleasantActivity: pleasantActivity || \"-\",\n createdAt: Date.now(),\n };\n\n try {\n saveEntry(entry);\n onEntrySaved();\n } catch (err) {\n console.error(\"Failed to save entry:\", err);\n setError(\"Failed to save entry. Please check your input.\");\n return;\n }\n\n // Reset form\n setMoodWithScore(\"\");\n setOverstimulationLevel(\"\");\n setMustActivity(\"\");\n setPleasantActivity(\"\");\n setStartTime(endTime);\n setEndTime(getCurrentTimeString());\n setTimeMode(\"lastToNow\");\n };\n\n return (\n

New Entry for Today

\n\n {/* Time Mode Selection */}\n

\n Time Range Mode\n

\n\n {/* Time Inputs */}\n

\n Start Time\n setStartTime(e.target.value)}\n disabled={timeMode === \"lastToNow\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

\n End Time\n setEndTime(e.target.value)}\n disabled={timeMode !== \"customToCustom\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

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

\n Mood Score (1-5)\n

\n Overstimulation (1-3)\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

}\n\n \n Save Entry\n \n \n );\n}",["D",1764237930729],29,{"_103":497,"_159":137,"_156":241,"_95":240,"_167":498,"_165":194,"_100":193,"_158":226,"_105":499,"_160":500,"_169":-5},"7e80f596-cb75-11f0-879e-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n type ActivityEntry,\n generateId,\n getCurrentTimeString,\n getTodayDateString,\n validateMoodScore,\n validateTimeRange,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\n\ntype TimeMode = \"lastToNow\" | \"customToNow\" | \"customToCustom\";\n\ninterface EntryFormProps {\n onEntrySaved: () => void;\n lastEndTime: string | null;\n}\n\nexport function EntryForm({ onEntrySaved, lastEndTime }: EntryFormProps) {\n const [timeMode, setTimeMode] = React.useState(\n lastEndTime ? \"lastToNow\" : \"customToNow\"\n );\n const [startTime, setStartTime] = React.useState(lastEndTime || \"\");\n const [endTime, setEndTime] = React.useState(getCurrentTimeString());\n const [moodWithScore, setMoodWithScore] = React.useState(\"\");\n const [overstimulationLevel, setOverstimulationLevel] = React.useState(\"\");\n const [mustActivity, setMustActivity] = React.useState(\"\");\n const [pleasantActivity, setPleasantActivity] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n\n React.useEffect(() => {\n if (timeMode === \"lastToNow\" && lastEndTime) {\n setStartTime(lastEndTime);\n setEndTime(getCurrentTimeString());\n } else if (timeMode === \"customToNow\") {\n setEndTime(getCurrentTimeString());\n }\n }, [timeMode, lastEndTime]);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!validateTimeRange(startTime, endTime)) {\n setError(\"Start time must be before end time\");\n return;\n }\n\n if (!validateMoodScore(moodWithScore)) {\n setError(\"Please select a mood score (1-5)\");\n return;\n }\n\n const entry: ActivityEntry = {\n id: generateId(),\n date: getTodayDateString(),\n startTime,\n endTime,\n moodWithScore,\n overstimulationLevel: overstimulationLevel || \"-\",\n mustActivity: mustActivity || \"-\",\n pleasantActivity: pleasantActivity || \"-\",\n createdAt: Date.now(),\n };\n\n saveEntry(entry);\n onEntrySaved();\n\n // Reset form\n setMoodWithScore(\"\");\n setOverstimulationLevel(\"\");\n setMustActivity(\"\");\n setPleasantActivity(\"\");\n setStartTime(endTime);\n setEndTime(getCurrentTimeString());\n setTimeMode(\"lastToNow\");\n };\n\n return (\n

New Entry for Today

\n\n {/* Time Mode Selection */}\n

\n Time Range Mode\n

\n\n {/* Time Inputs */}\n

\n Start Time\n setStartTime(e.target.value)}\n disabled={timeMode === \"lastToNow\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

\n End Time\n setEndTime(e.target.value)}\n disabled={timeMode !== \"customToCustom\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

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

\n Mood Score (1-5)\n

\n Overstimulation (1-3)\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

}\n\n \n Save Entry\n \n \n );\n}",["D",1764236594199],25,{"_103":502,"_159":137,"_156":241,"_95":240,"_167":503,"_165":194,"_100":314,"_158":226,"_105":504,"_160":505,"_169":-5},"ad1edbd0-cb74-11f0-bd00-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n type ActivityEntry,\n generateId,\n getCurrentTimeString,\n getTodayDateString,\n validateMoodScore,\n validateTimeRange,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\n\ntype TimeMode = \"lastToNow\" | \"customToNow\" | \"customToCustom\";\n\ninterface EntryFormProps {\n onEntrySaved: () => void;\n lastEndTime: string | null;\n}\n\nexport function EntryForm({ onEntrySaved, lastEndTime }: EntryFormProps) {\n const [timeMode, setTimeMode] = React.useState(\n lastEndTime ? \"lastToNow\" : \"customToNow\"\n );\n const [startTime, setStartTime] = React.useState(lastEndTime || \"\");\n const [endTime, setEndTime] = React.useState(getCurrentTimeString());\n const [moodWithScore, setMoodWithScore] = React.useState(\"\");\n const [overstimulationLevel, setOverstimulationLevel] = React.useState(\"\");\n const [mustActivity, setMustActivity] = React.useState(\"\");\n const [pleasantActivity, setPleasantActivity] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n\n React.useEffect(() => {\n if (timeMode === \"lastToNow\" && lastEndTime) {\n setStartTime(lastEndTime);\n setEndTime(getCurrentTimeString());\n } else if (timeMode === \"customToNow\") {\n setEndTime(getCurrentTimeString());\n }\n }, [timeMode, lastEndTime]);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!validateTimeRange(startTime, endTime)) {\n setError(\"Start time must be before end time\");\n return;\n }\n\n if (!validateMoodScore(moodWithScore)) {\n setError(\"Please select a mood score (1-5)\");\n return;\n }\n\n const entry: ActivityEntry = {\n id: generateId(),\n date: getTodayDateString(),\n startTime,\n endTime,\n moodWithScore,\n overstimulationLevel: overstimulationLevel || \"-\",\n mustActivity: mustActivity || \"-\",\n pleasantActivity: pleasantActivity || \"-\",\n createdAt: Date.now(),\n };\n\n saveEntry(entry);\n onEntrySaved();\n\n // Reset form\n setMoodWithScore(\"\");\n setOverstimulationLevel(\"\");\n setMustActivity(\"\");\n setPleasantActivity(\"\");\n setStartTime(endTime);\n setEndTime(getCurrentTimeString());\n setTimeMode(\"lastToNow\");\n };\n\n return (\n

New Entry for Today

\n\n {/* Time Mode Selection */}\n

\n Time Range Mode\n

\n\n {/* Time Inputs */}\n

\n Start Time\n setStartTime(e.target.value)}\n disabled={timeMode === \"lastToNow\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

\n End Time\n setEndTime(e.target.value)}\n disabled={timeMode !== \"customToCustom\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

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

\n Mood Score (1-5)\n

\n Overstimulation Level\n setOverstimulationLevel(e.target.value)}\n placeholder=\"e.g., low, medium, high\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

}\n\n \n Save Entry\n \n \n );\n}",["D",1764236242877],22,{"_103":507,"_159":137,"_156":241,"_95":240,"_167":508,"_165":194,"_100":161,"_158":226,"_105":509,"_160":510,"_169":-5},"f777d3a4-cb6e-11f0-88aa-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n type ActivityEntry,\n generateId,\n getCurrentTimeString,\n getTodayDateString,\n validateMoodScore,\n validateTimeRange,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\n\ntype TimeMode = \"lastToNow\" | \"customToNow\" | \"customToCustom\";\n\ninterface EntryFormProps {\n onEntrySaved: () => void;\n lastEndTime: string | null;\n}\n\nexport function EntryForm({ onEntrySaved, lastEndTime }: EntryFormProps) {\n const [timeMode, setTimeMode] = React.useState(\n lastEndTime ? \"lastToNow\" : \"customToNow\"\n );\n const [startTime, setStartTime] = React.useState(lastEndTime || \"\");\n const [endTime, setEndTime] = React.useState(getCurrentTimeString());\n const [moodWithScore, setMoodWithScore] = React.useState(\"\");\n const [overstimulationLevel, setOverstimulationLevel] = React.useState(\"\");\n const [mustActivity, setMustActivity] = React.useState(\"\");\n const [pleasantActivity, setPleasantActivity] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n\n React.useEffect(() => {\n if (timeMode === \"lastToNow\" && lastEndTime) {\n setStartTime(lastEndTime);\n setEndTime(getCurrentTimeString());\n } else if (timeMode === \"customToNow\") {\n setEndTime(getCurrentTimeString());\n }\n }, [timeMode, lastEndTime]);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!validateTimeRange(startTime, endTime)) {\n setError(\"Start time must be before end time\");\n return;\n }\n\n if (!validateMoodScore(moodWithScore)) {\n setError(\"Mood score must be a number from 1-10\");\n return;\n }\n\n const entry: ActivityEntry = {\n id: generateId(),\n date: getTodayDateString(),\n startTime,\n endTime,\n moodWithScore,\n overstimulationLevel: overstimulationLevel || \"-\",\n mustActivity: mustActivity || \"-\",\n pleasantActivity: pleasantActivity || \"-\",\n createdAt: Date.now(),\n };\n\n saveEntry(entry);\n onEntrySaved();\n\n // Reset form\n setMoodWithScore(\"\");\n setOverstimulationLevel(\"\");\n setMustActivity(\"\");\n setPleasantActivity(\"\");\n setStartTime(endTime);\n setEndTime(getCurrentTimeString());\n setTimeMode(\"lastToNow\");\n };\n\n return (\n

New Entry for Today

\n\n {/* Time Mode Selection */}\n

\n Time Range Mode\n

\n\n {/* Time Inputs */}\n

\n Start Time\n setStartTime(e.target.value)}\n disabled={timeMode === \"lastToNow\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

\n End Time\n setEndTime(e.target.value)}\n disabled={timeMode !== \"customToCustom\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

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

\n Mood Score (1-10)\n setMoodWithScore(e.target.value)}\n placeholder=\"e.g., 7\"\n className=\"w-full px-2 py-1 border rounded\"\n required\n />\n

\n Overstimulation Level\n setOverstimulationLevel(e.target.value)}\n placeholder=\"e.g., low, medium, high\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

}\n\n \n Save Entry\n \n \n );\n}",["D",1764233790702],18,{"_103":512,"_159":137,"_156":241,"_95":240,"_167":513,"_165":194,"_100":32,"_158":226,"_105":514,"_160":193,"_169":-5},"5b2cfb12-cb66-11f0-b0ec-42dde27851f2","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport {\n type ActivityEntry,\n generateId,\n getCurrentTimeString,\n getTodayDateString,\n validateMoodScore,\n validateTimeRange,\n} from \"../../shared/utils.ts\";\nimport { saveEntry } from \"../storage.ts\";\n\ntype TimeMode = \"lastToNow\" | \"customToNow\" | \"customToCustom\";\n\ninterface EntryFormProps {\n onEntrySaved: () => void;\n lastEndTime: string | null;\n}\n\nexport function EntryForm({ onEntrySaved, lastEndTime }: EntryFormProps) {\n const [timeMode, setTimeMode] = React.useState(\n lastEndTime ? \"lastToNow\" : \"customToNow\"\n );\n const [startTime, setStartTime] = React.useState(lastEndTime || \"\");\n const [endTime, setEndTime] = React.useState(getCurrentTimeString());\n const [moodWithScore, setMoodWithScore] = React.useState(\"\");\n const [overstimulationLevel, setOverstimulationLevel] = React.useState(\"\");\n const [mustActivity, setMustActivity] = React.useState(\"\");\n const [pleasantActivity, setPleasantActivity] = React.useState(\"\");\n const [error, setError] = React.useState(null);\n\n React.useEffect(() => {\n if (timeMode === \"lastToNow\" && lastEndTime) {\n setStartTime(lastEndTime);\n setEndTime(getCurrentTimeString());\n } else if (timeMode === \"customToNow\") {\n setEndTime(getCurrentTimeString());\n }\n }, [timeMode, lastEndTime]);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!validateTimeRange(startTime, endTime)) {\n setError(\"Start time must be before end time\");\n return;\n }\n\n if (!validateMoodScore(moodWithScore)) {\n setError(\"Mood must include a score like (6/10)\");\n return;\n }\n\n const entry: ActivityEntry = {\n id: generateId(),\n date: getTodayDateString(),\n startTime,\n endTime,\n moodWithScore,\n overstimulationLevel: overstimulationLevel || \"-\",\n mustActivity: mustActivity || \"-\",\n pleasantActivity: pleasantActivity || \"-\",\n createdAt: Date.now(),\n };\n\n saveEntry(entry);\n onEntrySaved();\n\n // Reset form\n setMoodWithScore(\"\");\n setOverstimulationLevel(\"\");\n setMustActivity(\"\");\n setPleasantActivity(\"\");\n setStartTime(endTime);\n setEndTime(getCurrentTimeString());\n setTimeMode(\"lastToNow\");\n };\n\n return (\n

New Entry for Today

\n\n {/* Time Mode Selection */}\n

\n Time Range Mode\n

\n\n {/* Time Inputs */}\n

\n Start Time\n setStartTime(e.target.value)}\n disabled={timeMode === \"lastToNow\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

\n End Time\n setEndTime(e.target.value)}\n disabled={timeMode !== \"customToCustom\"}\n className=\"w-full px-2 py-1 border rounded disabled:bg-gray-100\"\n required\n />\n

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

\n Mood with Score\n setMoodWithScore(e.target.value)}\n placeholder=\"e.g., Calm and focused (7/10)\"\n className=\"w-full px-2 py-1 border rounded\"\n required\n />\n

\n Overstimulation Level\n setOverstimulationLevel(e.target.value)}\n placeholder=\"e.g., low, medium, high\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

}\n\n \n Save Entry\n \n \n );\n}",["D",1764230092509],"versions",[517,519,520,521,522,523,524,525,526,527],{"_183":467,"_518":469},"previous",{"_183":469,"_518":474},{"_183":474,"_518":480},{"_183":480,"_518":485},{"_183":485,"_518":491},{"_183":491,"_518":496},{"_183":496,"_518":501},{"_183":501,"_518":506},{"_183":506,"_518":511},{"_183":511,"_518":-5},"versionNumber","page","hasNext","actionData","errors"]

cricks_unmixed4u

activity-log

History for EntryForm.tsx