@gajae-code/coding-agent 0.11.1 → 0.11.2

package/src/modes/components/tasks-pane.ts

@@ -0,0 +1,73 @@
+import { Container, type SelectItem, SelectList } from "@gajae-code/tui";
+import type { TaskRow, TasksAggregator } from "../tasks-aggregator";
+import { getSelectListTheme } from "../theme/theme";
+import { DynamicBorder } from "./dynamic-border";
+
+export interface TasksPaneCallbacks {
+	close(): void;
+	requestRender(): void;
+}
+
+/** A compact, read-only unified task list. Source-specific controls remain in their owners. */
+export class TasksPaneComponent extends Container {
+	readonly #aggregator: TasksAggregator;
+	readonly #callbacks: TasksPaneCallbacks;
+	#selectList: SelectList | undefined;
+
+	constructor(aggregator: TasksAggregator, callbacks: TasksPaneCallbacks) {
+		super();
+		this.#aggregator = aggregator;
+		this.#callbacks = callbacks;
+		this.#render();
+		this.#aggregator.acknowledgeFailures();
+	}
+
+	getFocus(): SelectList {
+		if (!this.#selectList) throw new Error("Tasks pane has no focusable list");
+		return this.#selectList;
+	}
+
+	handleInput(data: string): void {
+		this.#selectList?.handleInput(data);
+	}
+
+	refresh(): void {
+		this.#render();
+	}
+
+	#render(): void {
+		const rows = this.#aggregator.getSnapshot().rows;
+		const items = rows.length > 0 ? rows.map(taskItem) : [{ value: "close", label: "No tasks" }];
+		this.clear();
+		this.addChild(new DynamicBorder());
+		this.#selectList = new SelectList(items, 12, getSelectListTheme());
+		this.#selectList.onSelect = item => {
+			if (item.value === "close") this.#callbacks.close();
+		};
+		this.#selectList.onCancel = () => this.#callbacks.close();
+		this.addChild(this.#selectList);
+		this.addChild(new DynamicBorder());
+		this.#callbacks.requestRender();
+	}
+}
+
+export function taskItem(row: TaskRow): SelectItem {
+	const badge = row.monitorOutputLines === undefined ? "" : ` (${row.monitorOutputLines} lines)`;
+	const resumable = row.resumable ? " [resumable]" : "";
+	return { value: row.id, label: `${statusLabel(row.status)} ${row.label}${badge}${resumable}` };
+}
+
+function statusLabel(status: TaskRow["status"]): string {
+	switch (status) {
+		case "running":
+			return "Running";
+		case "waiting":
+			return "Waiting";
+		case "done":
+			return "Done";
+		case "failed":
+			return "Failed";
+		case "cancelled":
+			return "Cancelled";
+	}
+}

package/src/modes/components/theme-selector.ts

@@ -1,6 +1,5 @@
-import { Container, type SelectItem, SelectList } from "@gajae-code/tui";
-import { getSelectListTheme } from "../../modes/theme/theme";
-import { DynamicBorder } from "./dynamic-border";
+import { Container, type SelectItem, type SelectList } from "@gajae-code/tui";
+import { FramedSelect } from "./chrome";
 
 /**
  * Component that renders a theme selector.
@@ -27,34 +26,15 @@ export class ThemeSelectorComponent extends Container {
 			description: name === currentTheme ? "(current)" : undefined,
 		}));
 
-		// Add top border
-		this.addChild(new DynamicBorder());
-
-		// Create selector
-		this.#selectList = new SelectList(themeItems, 10, getSelectListTheme());
-
-		// Preselect current theme
-		const currentIndex = themes.indexOf(currentTheme);
-		if (currentIndex !== -1) {
-			this.#selectList.setSelectedIndex(currentIndex);
-		}
-
-		this.#selectList.onSelect = item => {
-			onSelect(item.value);
-		};
-
-		this.#selectList.onCancel = () => {
-			onCancel();
-		};
-
-		this.#selectList.onSelectionChange = item => {
-			this.#onPreview(item.value);
-		};
-
-		this.addChild(this.#selectList);
-
-		// Add bottom border
-		this.addChild(new DynamicBorder());
+		const framed = FramedSelect("Select theme", themeItems, {
+			maxVisible: 10,
+			selectedValue: currentTheme,
+			onSelect: item => onSelect(item.value),
+			onCancel,
+			onSelectionChange: item => this.#onPreview(item.value),
+		});
+		this.#selectList = framed.selectList;
+		this.addChild(framed.container);
 	}
 
 	getSelectList(): SelectList {

package/src/modes/components/tool-execution.ts

@@ -159,6 +159,15 @@ export interface ToolExecutionHandle {
 	): void;
 	setArgsComplete(toolCallId?: string): void;
 	setExpanded(expanded: boolean): void;
+	/**
+	 * Applies an explicit fold choice for this renderer instance. The pin lasts
+	 * only for this instance; transcript rebuilds recreate it from global state.
+	 * Optional for source compatibility: this interface is publicly exported and
+	 * pre-existing structural implementers must keep compiling. Dispatchers must
+	 * guard with `typeof handle.setManuallyExpanded === "function"` and fall
+	 * back to {@link setExpanded}.
+	 */
+	setManuallyExpanded?(expanded: boolean): void;
 }
 
 /**
@@ -174,6 +183,7 @@ export class ToolExecutionComponent extends Container {
 	#toolLabel: string;
 	#args: any;
 	#expanded = false;
+	#manuallyExpanded: boolean | undefined;
 	#showImages: boolean;
 	#editFuzzyThreshold: number | undefined;
 	#editAllowFuzzy: boolean | undefined;
@@ -450,7 +460,19 @@ export class ToolExecutionComponent extends Container {
 		super.dispose();
 	}
 
+	/** Applies automatic expansion unless this renderer instance has an explicit fold choice. */
 	setExpanded(expanded: boolean): void {
+		if (this.#manuallyExpanded !== undefined) return;
+		this.#expanded = expanded;
+		this.#updateDisplay();
+	}
+
+	/**
+	 * Applies and pins an explicit fold choice for this renderer instance only.
+	 * Transcript rebuilds recreate components from global state and drop this pin.
+	 */
+	setManuallyExpanded(expanded: boolean): void {
+		this.#manuallyExpanded = expanded;
 		this.#expanded = expanded;
 		this.#updateDisplay();
 	}