practice entry points: sidebar filter, practice draft, graph picker

- Sidebar: the three-way kind filter (Teaching/All/Practice, persisted
  in localStorage) above the search; two new-session doors (Teaching →
  /chat/new, Practice → /chat/new?mode=practice); practice rows carry
  the dumbbell badge and 'Practicing…' busy meta.
- Draft: ?mode=practice swaps the copy (title, empty state, 'What do
  you want to practice?') and startDraftSession posts kind:'practice'.
- Graph entry (home composer): teach|practice switch on the stats row's
  left edge (StatsBar leadingSlot); practice mode shows the propositions
  chip that opens the chain table as a picker (its floating bar becomes
  'Practice these' — no delete fence); the picks seed the opening prompt
  ('Propositions from the map:…') while the title stays the typed text.

tests/render-new-session.test.tsx

@@ -107,4 +107,41 @@ describe("DraftShell — the sessionless surface", () => {
 		);
 		assert.ok(!/\/chat\/c[a-z0-9_]+/.test(html));
 	});
-});
+});
+describe("the practice draft (?mode=practice, 2026-10-04)", () => {
+	it("the shell swaps copy: practice title, empty state, placeholder", () => {
+		const html = renderToStaticMarkup(
+			<DraftShell
+				busy={false}
+				text=""
+				onChange={() => {}}
+				onSend={() => {}}
+				mode="practice"
+			/>,
+		);
+		assert.match(html, /New practice session/);
+		assert.match(html, /Describe what to practice/);
+		assert.match(html, /What do you want to practice\?/);
+	});
+
+	it("startDraftSession carries kind:\"practice\" to the create route", async () => {
+		let body: Record<string, unknown> | null = null;
+		const f = (async (_url: string, init?: RequestInit) => {
+			body = JSON.parse(String(init?.body));
+			return new Response(JSON.stringify({ id: "c9" }), { status: 201 });
+		}) as unknown as typeof fetch;
+		const target = await startDraftSession("the parity chain", f, "practice");
+		assert.equal(target, "/chat/c9?prompt=the%20parity%20chain");
+		assert.deepEqual(body, { title: "the parity chain", kind: "practice" });
+	});
+
+	it("the teaching default is unchanged — no kind key on the wire", async () => {
+		let body: Record<string, unknown> | null = null;
+		const f = (async (_url: string, init?: RequestInit) => {
+			body = JSON.parse(String(init?.body));
+			return new Response(JSON.stringify({ id: "c8" }), { status: 201 });
+		}) as unknown as typeof fetch;
+		await startDraftSession("orbital mechanics", f);
+		assert.deepEqual(body, { title: "orbital mechanics" });
+	});
+});

tests/render-sidebar.test.tsx

@@ -117,3 +117,22 @@ describe("timeAgo", () => {
 		assert.equal(timeAgo("2026-01-02T12:01:00.000Z", now), "just now");
 	});
 });
+
+describe("SessionRow practice badge (practice sessions, 2026-10-04)", () => {
+	it("a practice row carries the dumbbell badge and the Practicing meta while busy", () => {
+		const html = render(item({ kind: "practice", busy: true }));
+		assert.match(html, /Practicing…/);
+		assert.match(html, /aria-label="Practice session"/);
+	});
+
+	it("a teaching row carries neither", () => {
+		const html = render(item({}));
+		assert.doesNotMatch(html, /Practice session/);
+		assert.doesNotMatch(html, /Practicing…/);
+	});
+
+	it("busy teaching rows still say the teacher is working", () => {
+		const html = render(item({ busy: true }));
+		assert.match(html, /Teacher is working…/);
+	});
+});