feat: draft settings persistence — shared model/thinking/context record for the new-session surfaces

Both new-session pages (the home graph view's topic dock and /chat/new)
held their model + thinking + knowledge-context choices in plain
useState(undefined) — every navigation reset them to config defaults.

Now both surfaces read/write ONE server-side record
(data/draft-settings.json via GET/PUT /api/settings/draft, the
render-settings pattern): whatever the learner last left the controls on
is what every later visit shows. useDraftSettings loads on mount with a
touch-guard (a slow GET never clobbers a fast choice), saves
optimistically. Session creation still carries the choice into the new
chat exactly as before; per-session settings are untouched.

The PUT validation is the exact per-chat contract — parseSettingsBody
extracted verbatim from app/api/chats/[id]/settings and shared by both
routes (unknown model/level → 400 with the supported list, never a
silent clamp). 400s on garbage, {} = the clear-overrides write.

Live-verified: Cmd+K+Enter model pick, Shift+Tab thinking cycle, context
slider — all held across home → session → home → /chat/new, and carried
into a created session's record.
This commit is contained in:
amosblomqvist
2026-09-18 09:25:40 +03:00
parent 597b3f43e1
commit a94a108e74
10 changed files with 359 additions and 59 deletions
+10 -8
View File
@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation";
import { CornerDownLeftIcon } from "lucide-react";
import { GraphView } from "@/components/graph-view";
import { GraphContextControl, effectiveContextTokens } from "@/components/graph-context-control";
import { useDraftSettings } from "@/components/draft-settings";
import { DictationBar, useDictation } from "@/components/dictation";
import { SidebarToggle } from "@/components/sidebar";
import { StatsBar } from "@/components/stats-bar";
@@ -25,10 +26,13 @@ export function Home() {
append: (t) => setTopic((v) => (v ? v.replace(/\s+$/, "") + " " + t : t)),
});
const [busy, setBusy] = useState(false);
// The model+thinking selection made pre-chat — lifted from the StatsBar's
// ModelControl, carried to the chat POST then PUT-on-create (the model
// picker defers its save when chatId is empty; see components/model-picker).
const [settings, setSettings] = useState<ChatSettings | undefined>(undefined);
// The model+thinking+context selection made pre-chat — the SHARED draft
// record (draft-settings wave, 2026-09-18): both new-session surfaces
// (this topic dock and /chat/new) read and write ONE persisted choice,
// so what the learner last left the controls on is what shows on return.
// Still carried to the chat POST then PUT-on-create (the model picker
// defers its save when chatId is empty; see components/model-picker).
const { settings, save: saveDraft } = useDraftSettings();
const start = async () => {
const t = topic.trim();
@@ -140,13 +144,11 @@ export function Home() {
turns={[] as TurnUsage[]}
chatId=""
settings={settings}
onSettingsSaved={setSettings}
onSettingsSaved={saveDraft}
leftSlot={
<GraphContextControl
value={effectiveContextTokens(settings)}
onChange={(tokens) =>
setSettings((s) => ({ ...s, graphContextTokens: tokens }))
}
onChange={(tokens) => saveDraft({ ...settings, graphContextTokens: tokens })}
/>
}
/>