@katyella/legio 0.1.2 → 0.2.0

package/src/server/public/views/gateway-chat.js

@@ -28,9 +28,7 @@ export function GatewayChat({ gwRunning }) {
 	const [sendError, setSendError] = useState("");
 	const [pendingMessages, setPendingMessages] = useState([]);
 	const [historyMessages, setHistoryMessages] = useState([]);
-	const [coordinatorMessages, setCoordinatorMessages] = useState([]);
-	const [showCoordinator, setShowCoordinator] = useState(false);
-	const [thinking, setThinking] = useState(false);
+	const [terminalActivity, setTerminalActivity] = useState("idle");
 	const [dropdown, setDropdown] = useState({
 		visible: false,
 		items: [],
@@ -42,15 +40,13 @@ export function GatewayChat({ gwRunning }) {
 	const prevFromAgentCountRef = useRef(0);
 	const inputRef = useRef(null);
 	const pendingCursorRef = useRef(null);
-	const thinkingTimeoutRef = useRef(null);
-	const thinkingCountRef = useRef(0);
 
 	const inputClass =
 		"bg-[#1a1a1a] border border-[#2a2a2a] rounded px-2 py-1 text-sm text-[#e5e5e5]" +
 		" placeholder-[#666] outline-none focus:border-[#E64415]";
 
 	// Load gateway chat history on mount and poll for updates
-	// Poll faster (2000ms) when thinking so we catch replies quickly
+	// Poll faster (2000ms) when active so we catch replies quickly
 	useEffect(() => {
 		let cancelled = false;
 
@@ -70,43 +66,12 @@ export function GatewayChat({ gwRunning }) {
 		}
 
 		fetchHistory();
-		const interval = setInterval(fetchHistory, thinking ? 2000 : 5000);
+		const interval = setInterval(fetchHistory, terminalActivity === "active" ? 2000 : 5000);
 		return () => {
 			cancelled = true;
 			clearInterval(interval);
 		};
-	}, [thinking]);
-
-	// Fetch coordinator messages when toggle is enabled
-	useEffect(() => {
-		if (!showCoordinator) {
-			setCoordinatorMessages([]);
-			return;
-		}
-		let cancelled = false;
-
-		async function fetchCoordinatorHistory() {
-			try {
-				const data = await fetchJson("/api/coordinator/chat/history?limit=200");
-				if (!cancelled) {
-					const next = Array.isArray(data) ? data : [];
-					setCoordinatorMessages((prev) => {
-						if (JSON.stringify(prev) === JSON.stringify(next)) return prev;
-						return next;
-					});
-				}
-			} catch (_err) {
-				// non-fatal
-			}
-		}
-
-		fetchCoordinatorHistory();
-		const interval = setInterval(fetchCoordinatorHistory, thinking ? 2000 : 5000);
-		return () => {
-			cancelled = true;
-			clearInterval(interval);
-		};
-	}, [showCoordinator, thinking]);
+	}, [terminalActivity]);
 
 	// Subscribe to WebSocket mail_new events via appState.mail signal for instant updates
 	useEffect(() => {
@@ -117,35 +82,16 @@ export function GatewayChat({ gwRunning }) {
 					(m.from === "gateway" && m.to === "human")) &&
 				(m.audience === "human" || m.audience === "both"),
 		);
-		const coordMessages = showCoordinator
-			? mailMessages.filter(
-					(m) =>
-						(m.from === "coordinator" && m.to === "human") ||
-						(m.from === "human" && m.to === "coordinator"),
-				)
-			: [];
-		if (gatewayMessages.length === 0 && coordMessages.length === 0) return;
-		if (gatewayMessages.length > 0) {
-			setHistoryMessages((prev) => {
-				const existingIds = new Set(prev.map((m) => m.id));
-				const newMsgs = gatewayMessages.filter((m) => !existingIds.has(m.id));
-				if (newMsgs.length === 0) return prev;
-				return [...prev, ...newMsgs].sort(
-					(a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime(),
-				);
-			});
-		}
-		if (coordMessages.length > 0) {
-			setCoordinatorMessages((prev) => {
-				const existingIds = new Set(prev.map((m) => m.id));
-				const newMsgs = coordMessages.filter((m) => !existingIds.has(m.id));
-				if (newMsgs.length === 0) return prev;
-				return [...prev, ...newMsgs].sort(
-					(a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime(),
-				);
-			});
-		}
-	}, [appState.mail.value, showCoordinator]); // eslint-disable-line react-hooks/exhaustive-deps
+		if (gatewayMessages.length === 0) return;
+		setHistoryMessages((prev) => {
+			const existingIds = new Set(prev.map((m) => m.id));
+			const newMsgs = gatewayMessages.filter((m) => !existingIds.has(m.id));
+			if (newMsgs.length === 0) return prev;
+			return [...prev, ...newMsgs].sort(
+				(a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime(),
+			);
+		});
+	}, [appState.mail.value]); // eslint-disable-line react-hooks/exhaustive-deps
 
 	// Poll POST /api/chat/transcript-sync to sync gateway transcript responses into mail.db
 	useEffect(() => {
@@ -159,12 +105,12 @@ export function GatewayChat({ gwRunning }) {
 			}
 		}
 		syncTranscript();
-		const interval = setInterval(syncTranscript, thinking ? 2000 : 10000);
+		const interval = setInterval(syncTranscript, terminalActivity === "active" ? 2000 : 10000);
 		return () => {
 			cancelled = true;
 			clearInterval(interval);
 		};
-	}, [thinking]);
+	}, [terminalActivity]);
 
 	// Consume pendingChatContext from issue click-through
 	useEffect(() => {
@@ -175,14 +121,13 @@ export function GatewayChat({ gwRunning }) {
 		inputRef.current?.focus();
 	}, [appState.pendingChatContext.value]); // eslint-disable-line react-hooks/exhaustive-deps
 
-	// Count non-human responses in history — detect new agent replies to clear thinking
+	// Count non-human responses in history — detect new agent replies
 	const fromAgentCount = historyMessages.filter((m) => m.from !== "human").length;
 
 	useEffect(() => {
 		if (fromAgentCount > prevFromAgentCountRef.current) {
-			// Decrement thinking counter; clear indicator only when all sends have been replied to
-			thinkingCountRef.current = Math.max(0, thinkingCountRef.current - 1);
-			if (thinkingCountRef.current === 0) setThinking(false);
+			// Agent replied — transition activity to ready (state machine in TerminalPanel takes over)
+			setTerminalActivity("ready");
 			// Deduplicate pending messages that now appear in history
 			setPendingMessages((prev) =>
 				prev.filter(
@@ -216,28 +161,10 @@ export function GatewayChat({ gwRunning }) {
 		);
 	}, [historyMessages]);
 
-	// Auto-clear thinking after 60 seconds to prevent it from getting stuck forever
-	useEffect(() => {
-		if (thinking) {
-			thinkingTimeoutRef.current = setTimeout(() => {
-				thinkingCountRef.current = 0;
-				setThinking(false);
-			}, 60000);
-		}
-		return () => {
-			if (thinkingTimeoutRef.current) {
-				clearTimeout(thinkingTimeoutRef.current);
-				thinkingTimeoutRef.current = null;
-			}
-		};
-	}, [thinking]);
-
-	// Merge history + pending (+ coordinator when toggle on), deduplicate by id, sort oldest first
+	// Merge history + pending, deduplicate by id, sort oldest first
 	const seenIds = new Set();
 	const allMessages = [];
-	const mergeSource = showCoordinator
-		? [...historyMessages, ...coordinatorMessages, ...pendingMessages]
-		: [...historyMessages, ...pendingMessages];
+	const mergeSource = [...historyMessages, ...pendingMessages];
 	for (const msg of mergeSource) {
 		if (!seenIds.has(msg.id)) {
 			seenIds.add(msg.id);
@@ -246,6 +173,11 @@ export function GatewayChat({ gwRunning }) {
 	}
 	allMessages.sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());
 
+	// Look up gateway agent session state for TerminalPanel ready/idle determination
+	const gwAgents = appState.agents.value ?? [];
+	const gwSession = gwAgents.find((a) => (a.agentName ?? a.name) === "gateway");
+	const gwState = gwSession?.state ?? null;
+
 	// Auto-scroll to bottom when near bottom
 	useEffect(() => {
 		const feed = feedRef.current;
@@ -254,7 +186,7 @@ export function GatewayChat({ gwRunning }) {
 				feed.scrollTop = feed.scrollHeight;
 			});
 		}
-	}, [allMessages.length, thinking]);
+	}, [allMessages.length, terminalActivity]);
 
 	// Restore cursor position after programmatic input update (e.g., @-mention insertion)
 	useEffect(() => {
@@ -295,8 +227,7 @@ export function GatewayChat({ gwRunning }) {
 				inputRef.current.style.height = "auto";
 			}
 			inputRef.current?.focus();
-			thinkingCountRef.current += 1;
-			setThinking(true);
+			setTerminalActivity("active");
 			await postJson("/api/gateway/chat", { text });
 			// Do NOT remove pending here — let the historyMessages useEffect deduplicate
 			// once the history poll confirms the message, preventing a visible flash/gap.
@@ -430,17 +361,6 @@ export function GatewayChat({ gwRunning }) {
 			<div class="px-3 py-2 border-b border-[#2a2a2a] shrink-0 flex items-center gap-2">
 				<span class="text-sm font-medium text-[#e5e5e5]">Chat</span>
 				<span class="ml-1 text-xs text-[#555]">All agents</span>
-				<button
-					onClick=${() => setShowCoordinator((v) => !v)}
-					class=${
-						"ml-auto text-xs px-2 py-0.5 rounded border cursor-pointer " +
-						(showCoordinator
-							? "border-purple-600 text-purple-400 bg-purple-900/20"
-							: "border-[#2a2a2a] text-[#666] hover:border-[#444] bg-transparent")
-					}
-				>
-					${showCoordinator ? "Hide Coordinator" : "Show Coordinator"}
-				</button>
 			</div>
 
 			<!-- Message feed — unified timeline of all human-audience messages -->
@@ -460,22 +380,13 @@ export function GatewayChat({ gwRunning }) {
 								const isFromUser = msg.from === "human";
 								const isSending = msg.status === "sending";
 								const isCommand = isFromUser && (msg.body ?? "").startsWith("/");
-								const isCoordinator = msg.from === "coordinator" || msg.to === "coordinator";
 
 								// Determine bubble styling
 								let bubbleClass = "max-w-[85%] rounded px-3 py-2 text-sm ";
-								if (isFromUser && isCoordinator) {
-									// Human -> coordinator
-									bubbleClass +=
-										"bg-purple-600/20 text-[#e5e5e5] border border-purple-600/30" +
-										(isSending ? " opacity-70" : "");
-								} else if (isFromUser) {
+								if (isFromUser) {
 									bubbleClass +=
 										"bg-[#E64415]/20 text-[#e5e5e5] border border-[#E64415]/30" +
 										(isSending ? " opacity-70" : "");
-								} else if (isCoordinator) {
-									// Coordinator -> human
-									bubbleClass += "bg-purple-900/20 text-[#e5e5e5] border border-purple-800/40";
 								} else {
 									bubbleClass += "bg-[#1a1a1a] text-[#e5e5e5] border border-[#2a2a2a]";
 								}
@@ -488,14 +399,9 @@ export function GatewayChat({ gwRunning }) {
 								>
 									<div class=${bubbleClass}>
 										<div class="flex items-center gap-1 mb-1">
-											<span class=${`text-xs ${isCoordinator ? "text-purple-400" : "text-[#999]"}`}>
+											<span class="text-xs text-[#999]">
 												${isFromUser ? "You" : msg.from || "unknown"}
 											</span>
-											${
-												isCoordinator && !isFromUser
-													? html`<span class="text-xs px-1 py-0.5 rounded bg-purple-900/40 text-purple-400 font-mono">coordinator</span>`
-													: null
-											}
 											<span class="text-xs text-[#555]">
 												${isSending ? "\u00b7 sending\u2026" : `\u00b7 ${timeAgo(msg.createdAt)}`}
 											</span>
@@ -517,7 +423,7 @@ export function GatewayChat({ gwRunning }) {
 							})
 				}
 				${
-					thinking
+					terminalActivity === "active"
 						? html`
 						<div class="flex justify-start">
 							<div class="max-w-[85%] rounded px-3 py-2 text-sm bg-[#1a1a1a] text-[#e5e5e5] border border-[#2a2a2a]">
@@ -536,7 +442,7 @@ export function GatewayChat({ gwRunning }) {
 			</div>
 
 			<!-- Terminal panel (collapsible, collapsed by default) -->
-			<${TerminalPanel} chatTarget="gateway" thinking=${thinking} />
+			<${TerminalPanel} chatTarget="gateway" activity=${terminalActivity} agentState=${gwState} />
 
 			<!-- Input area (always visible) -->
 			<div class="border-t border-[#2a2a2a] p-3 shrink-0">
@@ -593,10 +499,10 @@ export function GatewayChat({ gwRunning }) {
 						`
 							: null
 					}
-					<div class="flex gap-2">
-						<input
+					<div class="flex gap-2 items-end">
+						<textarea
 							ref=${inputRef}
-							type="text"
+							rows="1"
 							placeholder=${
 								gwRunning ? "Send command to gateway\u2026" : "Start gateway to chat\u2026"
 							}
@@ -604,8 +510,8 @@ export function GatewayChat({ gwRunning }) {
 							onInput=${handleInput}
 							onKeyDown=${handleKeyDown}
 							disabled=${sending || !gwRunning}
-							class=${`${inputClass} flex-1 min-w-0`}
-						/>
+							class=${`${inputClass} flex-1 min-w-0 resize-none overflow-hidden`}
+						></textarea>
 						<button
 							onClick=${handleSend}
 							disabled=${sending || !input.trim() || !gwRunning}

package/src/server/public/views/inspect.js

@@ -53,7 +53,19 @@ function formatTimestamp(iso) {
 // Strip ANSI escape sequences from terminal output before display
 function stripAnsi(str) {
 	// biome-ignore lint/suspicious/noControlCharactersInRegex: stripping ANSI escape sequences requires matching control chars
-	return str.replace(/\x1b\[[0-9;]*[mGKHF]/g, "");
+	const oscRe = /\x1b\][^\x07\x1b]*(?:\x07|\x1b\\)/g;
+	// biome-ignore lint/suspicious/noControlCharactersInRegex: stripping ANSI escape sequences requires matching control chars
+	const csiRe = /\x1b\[[?0-9;]*[a-zA-Z]/g;
+	// biome-ignore lint/suspicious/noControlCharactersInRegex: stripping ANSI escape sequences requires matching control chars
+	const charsetRe = /\x1b[()][A-Z0-9]/g;
+	// biome-ignore lint/suspicious/noControlCharactersInRegex: stripping ANSI escape sequences requires matching control chars
+	const keypadRe = /\x1b[=>]/g;
+	return str
+		.replace(oscRe, "")
+		.replace(csiRe, "")
+		.replace(charsetRe, "")
+		.replace(keypadRe, "")
+		.replace(/\r/g, "");
 }
 
 // ── State badge config ─────────────────────────────────────────────────────
@@ -241,7 +253,7 @@ export function InspectView({ agentName }) {
 	return html`
 		<div class="p-4 text-[#e5e5e5]">
 			<!-- Header -->
-			<div class="flex items-center gap-3 mb-1">
+			<div class="flex flex-wrap items-center gap-3 mb-1">
 				<h2 class="text-xl font-semibold">${agent.agentName || agentName}</h2>
 				<span class=${`text-sm px-2 py-0.5 rounded-sm ${badgeClass}`}>
 					${agent.state || ""}
@@ -251,14 +263,14 @@ export function InspectView({ agentName }) {
 			</div>
 
 			<!-- Subheader -->
-			<div class="text-[#999] text-sm mb-4">
+			<div class="text-[#999] text-sm mb-4 break-words">
 				Branch: ${agent.branchName || "\u2014"} |
 				Parent: ${agent.parentAgent || "orchestrator"} |
 				Duration: ${formatDuration(dur)}
 			</div>
 
 			<!-- Token stat cards -->
-			<div class="grid grid-cols-3 gap-2 mb-6">
+			<div class="grid grid-cols-2 md:grid-cols-3 gap-2 mb-6">
 				${statCards.map(
 					({ label, value }) => html`
 					<div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-sm p-3">

package/src/server/public/views/issues.js

@@ -74,7 +74,7 @@ function DispatchableCard({ issue }) {
 	const [closing, setClosing] = useState(false);
 	const [closeError, setCloseError] = useState(null);
 
-	const isDispatchable = issue.status === "open" || issue.status === "in_progress";
+	const isDispatchable = issue.status === "open";
 
 	const handleDispatch = useCallback(
 		async (e) => {
@@ -144,7 +144,7 @@ function DispatchableCard({ issue }) {
 						class=${
 							closing
 								? "px-2 py-1 text-xs rounded-sm border border-[#444] text-[#999] cursor-wait"
-								: "px-2 py-1 text-xs rounded-sm border border-red-700 text-red-400 hover:bg-red-900/20"
+								: "px-2 py-1 text-xs rounded-sm border border-[#666] text-[#999] hover:bg-[#666]/10"
 						}
 					>
 						${closing ? "Closing…" : closeConfirm ? "Confirm?" : "Close"}
@@ -178,7 +178,7 @@ function SkeletonCard() {
 
 function SkeletonColumn({ title, borderClass, count }) {
 	return html`
-		<div class="flex-1 min-w-[240px] flex flex-col">
+		<div class="flex-1 min-w-full md:min-w-[240px] flex flex-col">
 			<div class=${`border-t-2 ${borderClass} bg-[#1a1a1a] border border-[#2a2a2a] rounded-sm px-3 py-2 mb-2 flex items-center gap-2`}>
 				<span class="text-[#e5e5e5] text-sm font-medium">${title}</span>
 				<span class="bg-[#2a2a2a] text-[#999] text-xs rounded-full px-2">—</span>
@@ -194,7 +194,7 @@ function SkeletonColumn({ title, borderClass, count }) {
 
 function Column({ title, issues, borderClass }) {
 	return html`
-		<div class="flex-1 min-w-[240px] flex flex-col">
+		<div class="flex-1 min-w-full md:min-w-[240px] flex flex-col">
 			<div class=${`border-t-2 ${borderClass} bg-[#1a1a1a] border border-[#2a2a2a] rounded-sm px-3 py-2 mb-2 flex items-center gap-2`}>
 				<span class="text-[#e5e5e5] text-sm font-medium">${title}</span>
 				<span class="bg-[#2a2a2a] text-[#999] text-xs rounded-full px-2">${issues.length}</span>
@@ -273,7 +273,7 @@ export function IssuesView() {
 						100% { opacity: 0.3; }
 					}
 				</style>
-				<div class="flex gap-4 overflow-x-auto pb-4">
+				<div class="flex flex-col md:flex-row gap-4 overflow-x-auto pb-4">
 					<${SkeletonColumn} title="Open" borderClass="border-blue-500" count=${3} />
 					<${SkeletonColumn} title="In Progress" borderClass="border-yellow-500" count=${2} />
 					<${SkeletonColumn} title="Blocked" borderClass="border-red-500" count=${1} />
@@ -290,7 +290,9 @@ export function IssuesView() {
 
 	const visibleIssues = showClosed ? filtered : filtered.filter((i) => i.status !== "closed");
 	const { open, inProgress, blocked, closed } = categorize(visibleIssues);
-	closed.sort((a, b) => new Date(b.updated_at) - new Date(a.updated_at));
+	closed.sort(
+		(a, b) => new Date(b.closed_at || b.updated_at) - new Date(a.closed_at || a.updated_at),
+	);
 
 	const filterButtons = [null, 0, 1, 2, 3, 4];
 
@@ -307,7 +309,7 @@ export function IssuesView() {
 				/>
 			</div>
 			<!-- Priority filter bar -->
-			<div class="flex items-center gap-2 mb-4">
+			<div class="flex flex-wrap items-center gap-2 mb-4">
 				${filterButtons.map((p) => {
 					const active = priorityFilter === p;
 					const label = p == null ? "All" : `P${p}`;
@@ -340,7 +342,7 @@ export function IssuesView() {
 			</div>
 
 			<!-- Kanban board -->
-			<div class="flex gap-4 overflow-x-auto pb-4">
+			<div class="flex flex-col md:flex-row gap-4 overflow-x-auto pb-4">
 				<${Column} title="Open" issues=${open} borderClass="border-blue-500" />
 				<${Column} title="In Progress" issues=${inProgress} borderClass="border-yellow-500" />
 				<${Column} title="Blocked" issues=${blocked} borderClass="border-red-500" />
@@ -393,7 +395,7 @@ function renderColumnHtml(title, issues, borderClass) {
 			? `<div class="text-[#999] text-sm text-center py-4">No issues</div>`
 			: issues.map(renderIssueCardHtml).join("");
 	return `
-		<div class="flex-1 min-w-[240px]">
+		<div class="flex-1 min-w-full md:min-w-[240px]">
 			<div class="border-t-2 ${borderClass} bg-[#1a1a1a] border border-[#2a2a2a] rounded-sm px-3 py-2 mb-2 flex items-center gap-2">
 				<span class="text-[#e5e5e5] text-sm font-medium">${escapeHtml(title)}</span>
 				<span class="bg-[#2a2a2a] text-[#999] text-xs rounded-full px-2">${issues.length}</span>
@@ -412,7 +414,9 @@ window.renderIssues = (appState, el) => {
 
 	const visibleIssues = showClosed ? filtered : filtered.filter((i) => i.status !== "closed");
 	const { open, inProgress, blocked, closed } = categorize(visibleIssues);
-	closed.sort((a, b) => new Date(b.updated_at) - new Date(a.updated_at));
+	closed.sort(
+		(a, b) => new Date(b.closed_at || b.updated_at) - new Date(a.closed_at || a.updated_at),
+	);
 
 	const filterButtons = [
 		{ key: "all", label: "All" },
@@ -448,8 +452,8 @@ window.renderIssues = (appState, el) => {
 
 	el.innerHTML = `
 		<div class="p-4">
-			<div class="flex items-center gap-2 mb-4">${filterBtnsHtml}${closedToggleHtml}</div>
-			<div class="flex gap-4 overflow-x-auto pb-4">${columnsHtml}</div>
+			<div class="flex flex-wrap items-center gap-2 mb-4">${filterBtnsHtml}${closedToggleHtml}</div>
+			<div class="flex flex-col md:flex-row gap-4 overflow-x-auto pb-4">${columnsHtml}</div>
 		</div>`;
 
 	// Wire up filter button click handlers

package/src/server/routes.test.ts

@@ -34,47 +34,51 @@ vi.stubGlobal("Bun", {
 	},
 });
 
-// Mock the beads client so strategy tests can run without `bd` on PATH.
+// Mock the tracker factory so tests can run without `bd`/`sd` on PATH.
 // list/ready return [] (keeps existing /api/issues tests passing).
 // show throws (existing /api/issues/:id test expects 404 on error).
 // create returns a predictable issue ID for strategy approve tests.
 // list returns a closed and a blocked issue fixture when all=true to verify all-statuses behavior.
-vi.mock("../beads/client.ts", () => ({
-	createBeadsClient: () => ({
-		ready: async () => [],
-		list: async (options?: { status?: string; limit?: number; all?: boolean }) => {
-			// Return closed and blocked issue fixtures when all is true
-			if (options?.all) {
-				return [
-					{
-						id: "bead-closed-001",
-						title: "Closed issue",
-						status: "closed",
-						priority: 3,
-						type: "task",
-						closedAt: "2026-01-01T00:00:00.000Z",
-						closeReason: "Done",
-					},
-					{
-						id: "bead-blocked-001",
-						title: "Blocked issue",
-						status: "blocked",
-						priority: 2,
-						type: "task",
-						dependency_count: 1,
-					},
-				];
-			}
-			return [];
-		},
-		show: async (id: string) => {
-			throw new Error(`bd not available: ${id}`);
-		},
-		create: async () => "bead-test-001",
-		claim: async () => {},
-		close: async () => {},
-	}),
-}));
+vi.mock("../tracker/factory.ts", async (importOriginal) => {
+	const original = await importOriginal<typeof import("../tracker/factory.ts")>();
+	return {
+		...original,
+		createTrackerClient: () => ({
+			ready: async () => [],
+			list: async (options?: { status?: string; limit?: number; all?: boolean }) => {
+				// Return closed and blocked issue fixtures when all is true
+				if (options?.all) {
+					return [
+						{
+							id: "bead-closed-001",
+							title: "Closed issue",
+							status: "closed",
+							priority: 3,
+							type: "task",
+							closedAt: "2026-01-01T00:00:00.000Z",
+							closeReason: "Done",
+						},
+						{
+							id: "bead-blocked-001",
+							title: "Blocked issue",
+							status: "blocked",
+							priority: 2,
+							type: "task",
+						},
+					];
+				}
+				return [];
+			},
+			show: async (id: string) => {
+				throw new Error(`tracker not available: ${id}`);
+			},
+			create: async () => "bead-test-001",
+			claim: async () => {},
+			close: async () => {},
+			sync: async () => {},
+		}),
+	};
+});
 
 // Mock tmux so tests don't interfere with real developer tmux sessions.
 // isSessionAlive defaults to true so that tests which seed an active session
@@ -406,11 +410,23 @@ describe("GET /api/agents", () => {
 		expect(body).toEqual([]);
 	});
 
-	it("returns seeded agent sessions", async () => {
+	it("returns only active agents when no current run", async () => {
+		seedSessionDb(join(legioDir, "sessions.db"));
+		const res = await dispatch("/api/agents");
+		expect(res.status).toBe(200);
+		const body = (await json(res)) as Array<{ state: string }>;
+		// No current-run.txt → falls back to active agents only
+		expect(body.length).toBe(1);
+		expect(body[0]?.state).toBe("working");
+	});
+
+	it("returns all agents in current run when current-run.txt exists", async () => {
 		seedSessionDb(join(legioDir, "sessions.db"));
+		await writeFile(join(legioDir, "current-run.txt"), "run-001\n");
 		const res = await dispatch("/api/agents");
 		expect(res.status).toBe(200);
 		const body = (await json(res)) as unknown[];
+		// current-run.txt has run-001, both sessions belong to run-001
 		expect(body.length).toBe(2);
 	});
 });
@@ -1977,7 +1993,7 @@ describe("POST /api/coordinator/start", () => {
 		expect(body).toBeDefined();
 	});
 
-	it("passes --watchdog flag when body.watchdog is true", async () => {
+	it("passes --watchman flag when body.watchdog is true", async () => {
 		const res = await dispatchPost("/api/coordinator/start", { watchdog: true });
 		expect([200, 500]).toContain(res.status);
 		const body = (await json(res)) as Record<string, unknown>;