feat: journal dashboard widgets, agent polish, and edit-mode live previews

Journal dashboard widgets and quick-add; rich-text quick-add dialogs.

Dashboard draft sync for live edit previews; assistant bubble + API tools.

Journal UX: stress slider, mood grid, query cap fix.

src/app/settings/page.tsx

@@ -13,11 +13,23 @@ import { AvatarFallbackWithName } from "@/components/avatar-fallback";
 import { revokeShareLinkAction } from "./actions";
 import { getHouseholdApiTokenStatus } from "@/modules/_core/api-token";
 import { ApiTokenSettings } from "@/components/api-token-settings";
+import { AssistantOptIn } from "@/components/assistant-opt-in";
 import { listCalendars } from "@/modules/calendar/server/queries";
 import { listLists } from "@/modules/lists/server/queries";
 import Link from "next/link";
 import { NavIcon } from "@/components/nav-icon";
-import { Mail, Globe, History, Sun, Bell, Pencil, Lock, Plus, KeyRound } from "lucide-react";
+import {
+  Mail,
+  Globe,
+  History,
+  Sun,
+  Bell,
+  Pencil,
+  Lock,
+  Plus,
+  KeyRound,
+  MessageCircle,
+} from "lucide-react";
 
 const VALID_SECTIONS = new Set<SectionId>([
   "household",
@@ -289,31 +301,44 @@ function AppearanceSection({
     themeDashLayout: string;
     themeCalView: string;
     themeNavStyle: string;
+    assistantEnabled: boolean;
   };
 }) {
   return (
-    <Card>
-      <CardHeader>
-        <CardTitle>Appearance</CardTitle>
-        <Sun className="size-4 text-[var(--ink-mute)]" />
-      </CardHeader>
-      <CardContent>
-        <ThemePicker
-          initialPalette={user.themePalette as "clay" | "indigo" | "sage" | "plum" | "ink"}
-          initialMode={user.themeMode as "light" | "dark" | "system"}
-          initialFontPair={
-            user.themeFontPair as "serif-sans" | "newsreader" | "fraunces" | "sans-only"
-          }
-          initialDensity={user.themeDensity as "compact" | "regular" | "comfy"}
-          initialDashLayout={user.themeDashLayout as "classic" | "split" | "glance"}
-          initialCalView={user.themeCalView as "month" | "week" | "day"}
-          initialNavStyle={
-            user.themeNavStyle as "rail-desktop" | "compact-rail" | "top-nav" | "fab-only"
-          }
-          signedIn
-        />
-      </CardContent>
-    </Card>
+    <>
+      <Card>
+        <CardHeader>
+          <CardTitle>Appearance</CardTitle>
+          <Sun className="size-4 text-[var(--ink-mute)]" />
+        </CardHeader>
+        <CardContent>
+          <ThemePicker
+            initialPalette={user.themePalette as "clay" | "indigo" | "sage" | "plum" | "ink"}
+            initialMode={user.themeMode as "light" | "dark" | "system"}
+            initialFontPair={
+              user.themeFontPair as "serif-sans" | "newsreader" | "fraunces" | "sans-only"
+            }
+            initialDensity={user.themeDensity as "compact" | "regular" | "comfy"}
+            initialDashLayout={user.themeDashLayout as "classic" | "split" | "glance"}
+            initialCalView={user.themeCalView as "month" | "week" | "day"}
+            initialNavStyle={
+              user.themeNavStyle as "rail-desktop" | "compact-rail" | "top-nav" | "fab-only"
+            }
+            signedIn
+          />
+        </CardContent>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>Assistant</CardTitle>
+          <MessageCircle className="size-4 text-[var(--ink-mute)]" />
+        </CardHeader>
+        <CardContent>
+          <AssistantOptIn enabled={user.assistantEnabled} />
+        </CardContent>
+      </Card>
+    </>
   );
 }