ui: conclude card — quiz-chip outcomes, verdict-first; YOUR THINKING / AGENT THINKING

Owner round 3 (2026-10-05):

- CONCLUDE CARD: the stacked same-weight headings are gone. Plain
  'Concluded' eyebrow + the outcome in the quiz cards' EXACT chip
  register. Colors per outcome: solved green (the 'correct' twin),
  solvedWithHints amber (succeeded with cost), surrendered red (the
  problem won), movedOn muted (the agent's call, not a verdict against
  the learner). Verdict as plain 50% prose under the heading — the
  'Verdict:' label is gone — then a divider, then the labeled model
  solution.
- ALL-CAPS: 'YOUR THINKING' and 'AGENT THINKING' — display strings only
  (the model-facing marker label stays sentence-case). The two rows are
  equal-length over the shared rail, so the chevrons align vertically.
  Dock field labels match.

tests/render-cards.test.tsx

@@ -142,7 +142,7 @@ describe("render smoke tests", () => {
 		// The learner's voice: a labeled "Your thinking" composer-twin lives
 		// INSIDE the dock — never called optional, inviting the dump.
 		assert.ok(html.includes('data-testid="thinking-field"'), "thinking field present");
-		assert.match(html, /Your thinking/, "labeled as the learner's voice");
+		assert.match(html, /YOUR THINKING/, "labeled as the learner's voice (all caps, owner round 3)");
 		assert.match(html, /Why this answer\? What are you unsure about\?/, "placeholder invites, not apologizes");
 		assert.ok(!html.includes("optional"), "the field is never called optional");
 		assert.match(html, /Submit answer/, "send becomes Submit answer");
@@ -171,7 +171,7 @@ describe("render smoke tests", () => {
 		assert.ok(html.includes('role="radio"'), "Other row keeps the option role");
 		assert.match(html, /aria-checked="false"/, "circle starts unfilled");
 		assert.ok(html.includes('data-testid="thinking-field"'), "thinking field coexists with Other");
-		assert.match(html, /Your thinking/, "ask select-mode also gets the learner's voice");
+		assert.match(html, /YOUR THINKING/, "ask select-mode also gets the learner's voice");
 	});
 
 	it("multi-select ask renders checkbox rows and the select-all hint", () => {
@@ -287,7 +287,7 @@ describe("render smoke tests", () => {
 		});
 		const html = renderToStaticMarkup(<AnsweredCard answer={answer} />);
 		assert.ok(html.includes('data-testid="your-thinking"'), "the thinking row exists");
-		assert.match(html, /Your thinking/, "labeled as the learner's voice");
+		assert.match(html, /YOUR THINKING/, "labeled as the learner's voice (all caps, owner round 3)");
 		// COLLAPSED ARRIVAL (owner round 2, 2026-10-05): the SSR output is the
 		// trigger row only — the thinking text is one click away, never loud.
 		assert.ok(html.includes('data-testid="your-thinking-trigger"'), "the trigger row");
@@ -595,7 +595,7 @@ describe("predict vs check rendering", () => {
 		const cardAt = html.indexOf("answered-card");
 		assert.ok(blockAt !== -1, "the lifted block renders");
 		assert.ok(blockAt < cardAt, "it sits ABOVE the answered card");
-		assert.ok(html.includes("Your thinking"), "the plain label");
+		assert.ok(html.includes("YOUR THINKING"), "the plain label");
 		assert.ok(!html.includes("Your thinking while reading"), "the old verbose label is gone");
 		assert.ok(!html.includes("your-reading-thinking"), "the in-card inset is gone");
 		// COLLAPSED ARRIVAL: SSR shows the triggers, not the texts.

tests/render-practice-surface.test.tsx

@@ -55,7 +55,7 @@ describe("PracticeDock", () => {
 		assert.match(html, /Problem/);
 		// The measured column cap (the old fixed 40vh is only the fallback).
 		assert.match(html, /--dock-max-h/);
-		assert.match(html, /Your thinking/);
+		assert.match(html, /YOUR THINKING/);
 		assert.match(html, /data-testid="practice-send"/);
 		assert.ok(!html.includes("practice-nudge") && !html.includes("practice-commit"), "the two-lane buttons are gone");
 		// The buttons carry their lane in the disabled gate; both start
@@ -114,11 +114,14 @@ describe("the practice transcript cards", () => {
 		assert.match(html, /data-testid="conclude-card"/);
 		assert.match(html, /Solved with hints/);
 		assert.match(html, /Pair them; each pair is even\./, "the committed solution, verbatim");
-		assert.match(html, /Model solution/); // the labeled hero (owner round 2)
-		assert.match(html, /Verdict:/);
+		assert.match(html, /Concluded/); // the plain eyebrow (owner round 3)
+		assert.match(html, /Solved/); // the outcome rides the quiz chip
+		assert.match(html, /Model solution/); // the labeled hero after the divider
+		assert.ok(html.indexOf("Solved") < html.indexOf("Model solution"), "chip at the top");
 		assert.match(html, /The pairing came after R2\./);
-		// The verdict row renders AFTER the solution (the hero first).
-		assert.ok(html.indexOf("Pair them; each pair is even.") < html.indexOf("The pairing came after R2."));
+		// VERDICT FIRST (owner round 3): verdict under the heading row, then
+		// the divider, then the labeled model solution.
+		assert.ok(html.indexOf("The pairing came after R2.") < html.indexOf("Pair them; each pair is even."));
 		assert.doesNotMatch(html, /<button/, "nothing collapsible");
 	});
 
@@ -144,11 +147,11 @@ describe("the practice transcript cards", () => {
 
 	it("ThinkingCard: one label, collapsed arrival (legacy commit flags ignored)", () => {
 		const trace = renderToStaticMarkup(<ThinkingCard data={{ problemCallId: "c", commit: false, text: "stuck at step two" }} />);
-		assert.match(trace, /Your thinking/);
+		assert.match(trace, /YOUR THINKING/);
 		assert.match(trace, /aria-expanded="false"/);
 		assert.ok(!trace.includes("stuck at step two"), "the text is one click away");
 		const legacy = renderToStaticMarkup(<ThinkingCard data={{ problemCallId: "c", commit: true, text: "It is 42." }} />);
-		assert.match(legacy, /Your thinking/);
+		assert.match(legacy, /YOUR THINKING/);
 		assert.doesNotMatch(legacy, /Your solution/);
 	});
 });