fix(coding-agent): add entry renderers for session entries

2026-07-01 11:00:14 +02:00
parent 8c9436407c
commit ba10b60b51
18 changed files with 507 additions and 158 deletions
@@ -0,0 +1,62 @@
+import type { Component } from "@earendil-works/pi-tui";
+import { Box, Container, Spacer, Text } from "@earendil-works/pi-tui";
+import type { EntryRenderer } from "../../../core/extensions/types.ts";
+import type { CustomEntry } from "../../../core/session-manager.ts";
+import { theme } from "../theme/theme.ts";
+
+/**
+ * Component that renders a custom session entry from extensions.
+ * The host owns transcript spacing; renderer output should provide only its content.
+ */
+export class CustomEntryComponent extends Container {
+	private entry: CustomEntry<unknown>;
+	private renderer: EntryRenderer;
+	private customComponent?: Component;
+	private _expanded = false;
+
+	constructor(entry: CustomEntry<unknown>, renderer: EntryRenderer) {
+		super();
+		this.entry = entry;
+		this.renderer = renderer;
+		this.rebuild();
+	}
+
+	hasContent(): boolean {
+		return this.customComponent !== undefined;
+	}
+
+	setExpanded(expanded: boolean): void {
+		if (this._expanded !== expanded) {
+			this._expanded = expanded;
+			this.rebuild();
+		}
+	}
+
+	override invalidate(): void {
+		super.invalidate();
+		this.rebuild();
+	}
+
+	private rebuild(): void {
+		this.clear();
+		this.customComponent = undefined;
+
+		let component: Component | undefined;
+		try {
+			component = this.renderer(this.entry, { expanded: this._expanded }, theme);
+		} catch (error) {
+			const message = error instanceof Error ? error.message : String(error);
+			const box = new Box(1, 1, (text) => theme.bg("customMessageBg", text));
+			box.addChild(new Text(theme.fg("error", `[${this.entry.customType}] renderer failed: ${message}`), 0, 0));
+			component = box;
+		}
+
+		if (!component) {
+			return;
+		}
+
+		this.customComponent = component;
+		this.addChild(new Spacer(1));
+		this.addChild(component);
+	}
+}