/**
 * The queued-steer indicator's pins (composer steering, owner arc
 * 2026-10-03): the quiet one-liners above the composer shell, and the
 * visibleQueuedSteers fold that decides which queued steers still show.
 */
import { describe, it } from "node:test";
import assert from "node:assert/strict";
import { renderToStaticMarkup } from "react-dom/server";
import { QueuedSteersBody } from "../components/queued-steers.tsx";
import { visibleQueuedSteers } from "../components/session-core.ts";

describe("QueuedSteersBody (the quiet queue above the composer)", () => {
	it("renders one truncated right-aligned line per queued steer — no background, no container chrome", () => {
		const html = renderToStaticMarkup(
			<QueuedSteersBody
				steers={[
					{ id: "steer_a", text: "also cover Venus while you are at it, please and thank you" },
					{ id: "steer_b", text: "short one" },
				]}
			/>,
		);
		assert.match(html, /data-testid="queued-steers"/);
		assert.equal(html.match(/<span/g)?.length, 2, "one span per steer");
		assert.match(html, /truncate/, "single-line truncation with ellipsis");
		assert.match(html, /items-end/, "right-aligned stack");
		assert.match(html, /max-w-\[240px\]/, "fixed-width stash");
		assert.match(html, /muted-foreground\/60/, "quiet, roughly half opacity");
		assert.doesNotMatch(html, /bg-|border|rounded/, "no background, no container");
		assert.match(html, /also cover Venus/, "the text rides the line");
	});

	it("empty queue renders nothing", () => {
		assert.equal(renderToStaticMarkup(<QueuedSteersBody steers={[]} />), "");
	});
});

describe("visibleQueuedSteers (the fold: a line dies when its card lands)", () => {
	it("a queued steer stays visible until its id lands in the messages", () => {
		const queue = [
			{ id: "steer_a", text: "a" },
			{ id: "steer_b", text: "b" },
		];
		const before = visibleQueuedSteers(queue, [{ id: "msg_1" } as never]);
		assert.equal(before.length, 2, "nothing landed yet — both lines show");
		const after = visibleQueuedSteers(queue, [
			{ id: "msg_1" } as never,
			{ id: "steer_a", role: "user", content: "a" } as never,
		]);
		assert.deepEqual(after.map((s) => s.id), ["steer_b"], "the drained steer's line dropped");
	});
});