In-session phase presentation: header chip + dotted boundary dividers

- components/phase-divider.tsx: PhaseChip (header, next to the session
  title: phase-colored dot + Probing/Planning/Teaching) and PhaseDivider
  (the transcript boundary: color-coded dotted rules + a small chip —
  'Plan · N nodes' at the plan seam, 'Teaching' at the teach seam; probe
  never renders, phases only advance). planNodeCount reads the seam
  message's first plan tree.
- chat.tsx: dividers render at MESSAGE boundaries (phaseTimeline, one
  linear fold) — the seam is the transition to the message's phase, so
  the seam message's prose sits below its divider. requiresReveal now
  uses phaseAt3 teach (an occupied node), so probe- AND plan-phase
  questions auto-open.
- Retired the part-level plan-divider (artifact registry): the boundary
  is message-level, not part-level. Its tests replaced by
  render-phase-divider tests; core/phases gains tested phaseTimeline.
This commit is contained in:
Amos
2026-09-01 18:31:01 +03:00
parent 05359301e2
commit fbe4f16305
9 changed files with 276 additions and 92 deletions
-43
View File
@@ -18,7 +18,6 @@ import { renderToStaticMarkup } from "react-dom/server";
import { MessageResponse } from "../components/ai-elements/message.tsx";
import { QuestionDock } from "../components/question-dock.tsx";
import { AnsweredCard } from "../components/answered-card.tsx";
import { PlanDivider } from "../components/artifacts/plan-divider.tsx";
import { buildAnswer, coerceCorrectAnswer, normalizeOptions, resolveCorrect, type QuestionData } from "../src/core/question-core.ts";
const quizInput = {
@@ -42,7 +41,6 @@ function quizQD(): QuestionData {
};
}
function renderDock(props: { toolName: "quiz" | "ask_user_question"; toolCallId: string; input: never; onSubmit?: () => void }) {
// expanded=true renders the full form (the collapsed bar is covered by the
// QuestionDockBar test below). No scroll context needed — the DockOverlay
@@ -220,44 +218,3 @@ describe("teach-check reveal (W5 phase separation)", () => {
});
});
describe("PlanDivider (the probe→teach seam)", () => {
const tree = {
nodes: [
{ id: "a", title: "A" },
{ id: "b", title: "B" },
{ id: "c", title: "C" },
],
edges: [{ from: "a", to: "b" }],
currentNodeId: null,
doneNodeIds: [],
version: 1,
};
it("renders the quiet divider with the node count once output-available", () => {
const html = renderToStaticMarkup(
<PlanDivider part={{ type: "tool-plan_init", state: "output-available", toolCallId: "p1", output: { ok: true, tree } }} />,
);
assert.ok(html.includes('data-testid="plan-divider"'));
assert.match(html, /Teaching/);
assert.match(html, /3 nodes/, "node count from the output tree");
assert.ok(!html.includes("banner"), "never a loud banner");
});
it("renders null while the tool streams and on a failed init", () => {
const streaming = renderToStaticMarkup(
<PlanDivider part={{ type: "tool-plan_init", state: "input-streaming", toolCallId: "p1" }} />,
);
assert.equal(streaming, "", "null while input-streaming");
const failed = renderToStaticMarkup(
<PlanDivider
part={{
type: "tool-plan_init",
state: "output-available",
toolCallId: "p1",
output: { ok: false, error: "Tree already initialized", tree },
}}
/>,
);
assert.equal(failed, "", "a refused re-init must not draw a second seam");
});
});