Initial commit: Quiet Thanks gratitude app

A calm, private gratitude and mood log built with Next.js 16, TypeScript,
Tailwind CSS, and SQLite/Drizzle ORM.

Features:
- Quick check-in with autosave (800ms debounce)
- Optional mood selector (5 levels) with accessibility labels
- Optional tags with tap-to-add from recent
- Timeline with weekly reflection card
- Filters by mood, tag, and rough day
- Export to Markdown and JSON
- Dark mode default
- Delete with undo toast
- Docker deployment ready

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/app/timeline/page.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+import { WeeklyReflection } from "@/components/WeeklyReflection";
+import { FilterPanel } from "@/components/FilterPanel";
+import { EntryRow } from "@/components/EntryRow";
+import { Loader2 } from "lucide-react";
+import type { EntryWithTags, FilterState } from "@/lib/types";
+import { APP_NAME } from "@/lib/constants";
+
+export default function TimelinePage() {
+  const [entries, setEntries] = useState<EntryWithTags[]>([]);
+  const [filteredEntries, setFilteredEntries] = useState<EntryWithTags[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [filters, setFilters] = useState<FilterState>({
+    moods: [],
+    tagId: null,
+    roughDay: null,
+  });
+
+  useEffect(() => {
+    async function loadEntries() {
+      try {
+        const res = await fetch("/api/entries");
+        if (res.ok) {
+          setEntries(await res.json());
+        }
+      } catch (error) {
+        console.error("Failed to load entries:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    loadEntries();
+  }, []);
+
+  // Apply filters client-side
+  useEffect(() => {
+    let result = entries;
+
+    if (filters.moods.length > 0) {
+      result = result.filter((e) => e.mood && filters.moods.includes(e.mood));
+    }
+
+    if (filters.tagId) {
+      result = result.filter((e) => e.tags.some((t) => t.id === filters.tagId));
+    }
+
+    if (filters.roughDay === true) {
+      result = result.filter((e) => e.roughDay);
+    } else if (filters.roughDay === false) {
+      result = result.filter((e) => !e.roughDay);
+    }
+
+    setFilteredEntries(result);
+  }, [entries, filters]);
+
+  return (
+    <div>
+      <header className="mb-6">
+        <h1 className="text-2xl font-light">{APP_NAME}</h1>
+        <p className="text-sm text-muted">Timeline</p>
+      </header>
+
+      {isLoading ? (
+        <div className="flex items-center justify-center py-12">
+          <Loader2 className="animate-spin text-muted" size={24} />
+        </div>
+      ) : (
+        <>
+          <WeeklyReflection entries={entries} />
+          <FilterPanel filters={filters} onChange={setFilters} />
+
+          {filteredEntries.length === 0 ? (
+            <div className="text-center py-12 text-muted">
+              {entries.length === 0 ? (
+                <p>No entries yet. Start your first check-in!</p>
+              ) : (
+                <p>No entries match your filters.</p>
+              )}
+            </div>
+          ) : (
+            <div className="space-y-3">
+              {filteredEntries.map((entry) => (
+                <EntryRow key={entry.id} entry={entry} />
+              ))}
+            </div>
+          )}
+        </>
+      )}
+    </div>
+  );
+}