pantheon-opencode 1.1.1-beta.9 → 1.1.1

package/src/plugins/tui/dist/tui.js

@@ -1,5 +1,5 @@
-import { createComponent, createElement, createTextNode, effect, insert, insertNode, setProp } from "@opentui/solid";
-import { For, Show, createMemo, createSignal } from "solid-js";
+import { createComponent, createElement, createTextNode, effect, insert, insertNode, memo, setProp } from "@opentui/solid";
+import { For, Show, createMemo, createResource, createSignal, onCleanup, onMount } from "solid-js";
 //#region src/index.tsx
 /** @jsxImportSource @opentui/solid */
 const BAR_WIDTH = 20;
@@ -148,6 +148,44 @@ function buildBar(pct) {
 	const filled = Math.max(0, Math.min(BAR_WIDTH, Math.round(Math.max(0, Math.min(100, pct)) / 100 * BAR_WIDTH)));
 	return "█".repeat(filled) + "░".repeat(BAR_WIDTH - filled);
 }
+async function detectVersion(api) {
+	try {
+		const wt = api.state.path?.worktree ?? "";
+		const fp = wt ? `${wt}/package.json` : "package.json";
+		const result = await api.client.file.read({ query: { path: fp } });
+		const match = String(result?.content ?? "").match(/"version":\s*"([^"]+)"/);
+		if (match?.[1]) return match[1];
+	} catch {}
+	try {
+		const proc = api.client?.process;
+		if (typeof proc?.exec === "function") {
+			const r = await proc.exec({
+				command: "git",
+				args: [
+					"describe",
+					"--tags",
+					"--always"
+				],
+				timeoutMs: 3e3
+			});
+			const tag = (r.stdout ?? r.output ?? "").trim().replace(/^v/, "").replace(/-\d+-g[0-9a-f]+$/, "");
+			if (tag && tag !== "5.0.0") return tag;
+		}
+	} catch {}
+	try {
+		const proc = api.client?.process;
+		if (typeof proc?.exec === "function") {
+			const r = await proc.exec({
+				command: "opencode",
+				args: ["--version"],
+				timeoutMs: 3e3
+			});
+			const ver = (r.stdout ?? r.output ?? "").trim().replace(/^v/, "");
+			if (ver) return ver;
+		}
+	} catch {}
+	return null;
+}
 function ContextBar(props) {
 	const messages = createMemo(() => {
 		try {
@@ -167,7 +205,7 @@ function ContextBar(props) {
 		const ctxLimit = safeNum((pid ? (props.api.state.provider ?? []).find((p) => p.id === pid) : null)?.models?.[mid ?? ""]?.limit?.context);
 		return {
 			tokens,
-			limit: ctxLimit > 0 ? ctxLimit : 128e3,
+			limit: ctxLimit > 0 ? ctxLimit : 2e5,
 			percent: ctxLimit > 0 ? Math.round(tokens / ctxLimit * 100) : 0
 		};
 	});
@@ -218,23 +256,77 @@ function ContextBar(props) {
 		}
 	});
 }
+function SessionRow(props) {
+	const theme = () => props.api.theme.current;
+	const status = createMemo(() => {
+		try {
+			const s = props.api.state.session?.status?.(props.session.id);
+			if (s?.type) return s.type;
+		} catch {}
+		return null;
+	});
+	const statusIcon = createMemo(() => {
+		switch (status()) {
+			case "busy": return "● ";
+			case "retry": return "⚠ ";
+			default: return "";
+		}
+	});
+	return (() => {
+		var _el$8 = createElement("text");
+		insert(_el$8, () => `${statusIcon()}${props.session?.id?.slice(0, 8) ?? "????"}... ${props.session?.title?.slice(0, 26) ?? "(untitled)"}`);
+		effect((_$p) => setProp(_el$8, "fg", theme().textMuted, _$p));
+		return _el$8;
+	})();
+}
 function View(props) {
 	const [showCommands, setShowCommands] = createSignal(false);
 	const [showAgents, setShowAgents] = createSignal(false);
 	const [showConfig, setShowConfig] = createSignal(false);
-	const [showSubagents, setShowSubagents] = createSignal(false);
+	const [showSessions, setShowSessions] = createSignal(false);
 	const theme = () => props.api.theme.current;
 	const branch = createMemo(() => props.api.state.vcs?.branch ? `\u2387 ${props.api.state.vcs.branch}` : null);
-	const sessionCount = createMemo(() => {
+	const [sessionList, { refetch: refetchSessions }] = createResource(async () => {
 		try {
-			return props.api.state.session.count();
+			return await props.api.client?.session?.list?.({ limit: 100 }) ?? { data: [] };
 		} catch {
-			return 0;
+			return { data: [] };
 		}
 	});
-	const memoryCount = createMemo(() => {
-		const mem = props.api.state.memory;
-		return safeNum(mem?.entries) || safeNum(mem?.count);
+	const totalSessions = createMemo(() => {
+		const result = sessionList();
+		if (!result) return 0;
+		const data = result.data ?? result;
+		if (!Array.isArray(data)) return 0;
+		return data.filter((s) => !s.parentID).length;
+	});
+	const recentSessions = createMemo(() => {
+		const result = sessionList();
+		if (!result) return [];
+		const data = result.data ?? result;
+		if (!Array.isArray(data)) return [];
+		return data.filter((s) => !s.parentID && s.id !== props.sessionID).sort((a, b) => {
+			const ta = a.time?.updated ?? a.updated ?? 0;
+			return (b.time?.updated ?? b.updated ?? 0) - ta;
+		}).slice(0, 8);
+	});
+	const [memoryCount, setMemoryCount] = createSignal(null);
+	onMount(() => {
+		const cleanup = [];
+		try {
+			cleanup.push(props.api.event.on("session.status", refetchSessions));
+			cleanup.push(props.api.event.on("session.created", refetchSessions));
+			cleanup.push(props.api.event.on("session.updated", refetchSessions));
+			cleanup.push(props.api.event.on("session.deleted", refetchSessions));
+		} catch {}
+		try {
+			const ev = props.api.event;
+			if (typeof ev?.on === "function") {
+				cleanup.push(ev.on("memory.created", () => setMemoryCount((c) => c !== null ? c + 1 : 1)));
+				cleanup.push(ev.on("memory.deleted", () => setMemoryCount((c) => c !== null ? Math.max(0, c - 1) : 0)));
+			}
+		} catch {}
+		onCleanup(() => cleanup.forEach((fn) => fn()));
 	});
 	const configSummary = createMemo(() => {
 		const cfg = props.api.state.config;
@@ -246,24 +338,24 @@ function View(props) {
 		};
 	});
 	const HR = () => (() => {
-		var _el$8 = createElement("text");
-		insertNode(_el$8, createTextNode(`────────────────────────────`));
-		effect((_$p) => setProp(_el$8, "fg", theme().textMuted, _$p));
-		return _el$8;
+		var _el$9 = createElement("text");
+		insertNode(_el$9, createTextNode(`────────────────────────────`));
+		effect((_$p) => setProp(_el$9, "fg", theme().textMuted, _$p));
+		return _el$9;
 	})();
 	return (() => {
-		var _el$0 = createElement("box"), _el$1 = createElement("text"), _el$10 = createElement("box"), _el$11 = createElement("text"), _el$12 = createElement("text"), _el$15 = createElement("box"), _el$16 = createElement("text"), _el$17 = createElement("text"), _el$19 = createElement("box"), _el$20 = createElement("text"), _el$21 = createElement("text"), _el$23 = createElement("box"), _el$24 = createElement("text"), _el$25 = createElement("box"), _el$26 = createElement("text");
-		insertNode(_el$0, _el$1);
-		insertNode(_el$0, _el$10);
-		insertNode(_el$0, _el$15);
-		insertNode(_el$0, _el$19);
-		insertNode(_el$0, _el$23);
-		insertNode(_el$0, _el$25);
-		setProp(_el$0, "flexDirection", "column");
-		setProp(_el$0, "width", "100%");
-		setProp(_el$1, "attributes", { bold: true });
-		insert(_el$1, () => `Pantheon v${props.version}`);
-		insert(_el$0, createComponent(Show, {
+		var _el$1 = createElement("box"), _el$10 = createElement("text"), _el$11 = createElement("box"), _el$12 = createElement("text"), _el$13 = createElement("text"), _el$15 = createElement("box"), _el$16 = createElement("text"), _el$17 = createElement("text"), _el$19 = createElement("box"), _el$20 = createElement("text"), _el$21 = createElement("text"), _el$23 = createElement("box"), _el$24 = createElement("text"), _el$25 = createElement("box"), _el$26 = createElement("text");
+		insertNode(_el$1, _el$10);
+		insertNode(_el$1, _el$11);
+		insertNode(_el$1, _el$15);
+		insertNode(_el$1, _el$19);
+		insertNode(_el$1, _el$23);
+		insertNode(_el$1, _el$25);
+		setProp(_el$1, "flexDirection", "column");
+		setProp(_el$1, "width", "100%");
+		setProp(_el$10, "attributes", { bold: true });
+		insert(_el$10, () => `Pantheon${props.version ? ` v${props.version}` : ""}`);
+		insert(_el$1, createComponent(Show, {
 			get when() {
 				return branch();
 			},
@@ -273,34 +365,60 @@ function View(props) {
 				effect((_$p) => setProp(_el$27, "fg", theme().textMuted, _$p));
 				return _el$27;
 			})()
-		}), _el$10);
-		insert(_el$0, createComponent(HR, {}), _el$10);
-		insert(_el$0, createComponent(ContextBar, {
+		}), _el$11);
+		insert(_el$1, createComponent(HR, {}), _el$11);
+		insert(_el$1, createComponent(ContextBar, {
 			get api() {
 				return props.api;
 			},
 			get sessionID() {
 				return props.sessionID;
 			}
-		}), _el$10);
-		insert(_el$0, createComponent(HR, {}), _el$10);
-		insertNode(_el$10, _el$11);
-		insertNode(_el$10, _el$12);
-		setProp(_el$10, "onMouseDown", () => setShowSubagents((x) => !x));
-		setProp(_el$11, "attributes", { bold: true });
-		insert(_el$11, () => `${showSubagents() ? "▼" : "▶"} Subagents`);
-		insert(_el$12, () => ` (${String(sessionCount())})`);
-		insert(_el$0, createComponent(Show, {
+		}), _el$11);
+		insert(_el$1, createComponent(HR, {}), _el$11);
+		insertNode(_el$11, _el$12);
+		insertNode(_el$11, _el$13);
+		setProp(_el$11, "onMouseDown", () => setShowSessions((x) => !x));
+		setProp(_el$12, "attributes", { bold: true });
+		insert(_el$12, () => `${showSessions() ? "▼" : "▶"} Sessions`);
+		insert(_el$13, () => ` (${String(totalSessions())})`);
+		insert(_el$1, createComponent(Show, {
 			get when() {
-				return showSubagents();
+				return showSessions();
 			},
 			get children() {
-				var _el$13 = createElement("box"), _el$14 = createElement("text");
-				insertNode(_el$13, _el$14);
-				setProp(_el$13, "marginLeft", 1);
-				insert(_el$14, () => `Active sessions: ${String(sessionCount())}`);
-				effect((_$p) => setProp(_el$14, "fg", theme().textMuted, _$p));
-				return _el$13;
+				return createComponent(Show, {
+					get when() {
+						return recentSessions().length > 0;
+					},
+					get fallback() {
+						return (() => {
+							var _el$28 = createElement("box"), _el$29 = createElement("text");
+							insertNode(_el$28, _el$29);
+							setProp(_el$28, "marginLeft", 1);
+							insertNode(_el$29, createTextNode(`No recent sessions`));
+							effect((_$p) => setProp(_el$29, "fg", theme().textMuted, _$p));
+							return _el$28;
+						})();
+					},
+					get children() {
+						var _el$14 = createElement("box");
+						setProp(_el$14, "marginLeft", 1);
+						setProp(_el$14, "flexDirection", "column");
+						insert(_el$14, createComponent(For, {
+							get each() {
+								return recentSessions();
+							},
+							children: (ses) => createComponent(SessionRow, {
+								get api() {
+									return props.api;
+								},
+								session: ses
+							})
+						}));
+						return _el$14;
+					}
+				});
 			}
 		}), _el$15);
 		insertNode(_el$15, _el$16);
@@ -309,7 +427,7 @@ function View(props) {
 		setProp(_el$16, "attributes", { bold: true });
 		insert(_el$16, () => `${showCommands() ? "▼" : "▶"} Commands`);
 		insert(_el$17, () => ` (${String(COMMANDS.length)})`);
-		insert(_el$0, createComponent(Show, {
+		insert(_el$1, createComponent(Show, {
 			get when() {
 				return showCommands();
 			},
@@ -320,10 +438,10 @@ function View(props) {
 				insert(_el$18, createComponent(For, {
 					each: COMMANDS,
 					children: (cmd) => (() => {
-						var _el$28 = createElement("box"), _el$29 = createElement("text"), _el$30 = createElement("text");
-						insertNode(_el$28, _el$29);
-						insertNode(_el$28, _el$30);
-						setProp(_el$28, "onMouseDown", (e) => {
+						var _el$31 = createElement("box"), _el$32 = createElement("text"), _el$33 = createElement("text");
+						insertNode(_el$31, _el$32);
+						insertNode(_el$31, _el$33);
+						setProp(_el$31, "onMouseDown", (e) => {
 							e.stopPropagation();
 							try {
 								const cmdApi = props.api.command;
@@ -335,18 +453,18 @@ function View(props) {
 								message: `Type ${cmd.name} in chat`
 							});
 						});
-						insert(_el$29, () => cmd.name);
-						insert(_el$30, () => ` \u2014 ${cmd.desc}`);
+						insert(_el$32, () => cmd.name);
+						insert(_el$33, () => ` \u2014 ${cmd.desc}`);
 						effect((_p$) => {
 							var _v$10 = cmd.name === "/pantheon" ? theme().accent : theme().textMuted, _v$11 = theme().textMuted;
-							_v$10 !== _p$.e && (_p$.e = setProp(_el$29, "fg", _v$10, _p$.e));
-							_v$11 !== _p$.t && (_p$.t = setProp(_el$30, "fg", _v$11, _p$.t));
+							_v$10 !== _p$.e && (_p$.e = setProp(_el$32, "fg", _v$10, _p$.e));
+							_v$11 !== _p$.t && (_p$.t = setProp(_el$33, "fg", _v$11, _p$.t));
 							return _p$;
 						}, {
 							e: void 0,
 							t: void 0
 						});
-						return _el$28;
+						return _el$31;
 					})()
 				}));
 				return _el$18;
@@ -358,7 +476,7 @@ function View(props) {
 		setProp(_el$20, "attributes", { bold: true });
 		insert(_el$20, () => `${showAgents() ? "▼" : "▶"} Agents`);
 		insert(_el$21, () => ` (${String(AGENTS.length)})`);
-		insert(_el$0, createComponent(Show, {
+		insert(_el$1, createComponent(Show, {
 			get when() {
 				return showAgents();
 			},
@@ -369,21 +487,21 @@ function View(props) {
 				insert(_el$22, createComponent(For, {
 					each: AGENTS,
 					children: (agent) => (() => {
-						var _el$31 = createElement("box"), _el$32 = createElement("text"), _el$33 = createElement("text");
-						insertNode(_el$31, _el$32);
-						insertNode(_el$31, _el$33);
-						insert(_el$32, () => `${agent.tier === "premium" ? "✦ " : "· "}${agent.name}`);
-						insert(_el$33, () => ` \u2014 ${agent.role}`);
+						var _el$34 = createElement("box"), _el$35 = createElement("text"), _el$36 = createElement("text");
+						insertNode(_el$34, _el$35);
+						insertNode(_el$34, _el$36);
+						insert(_el$35, () => `${agent.tier === "premium" ? "✦ " : "· "}${agent.name}`);
+						insert(_el$36, () => ` \u2014 ${agent.role}`);
 						effect((_p$) => {
 							var _v$12 = agent.tier === "premium" ? theme().accent : theme().textMuted, _v$13 = theme().textMuted;
-							_v$12 !== _p$.e && (_p$.e = setProp(_el$32, "fg", _v$12, _p$.e));
-							_v$13 !== _p$.t && (_p$.t = setProp(_el$33, "fg", _v$13, _p$.t));
+							_v$12 !== _p$.e && (_p$.e = setProp(_el$35, "fg", _v$12, _p$.e));
+							_v$13 !== _p$.t && (_p$.t = setProp(_el$36, "fg", _v$13, _p$.t));
 							return _p$;
 						}, {
 							e: void 0,
 							t: void 0
 						});
-						return _el$31;
+						return _el$34;
 					})()
 				}));
 				return _el$22;
@@ -393,7 +511,7 @@ function View(props) {
 		setProp(_el$23, "onMouseDown", () => setShowConfig((x) => !x));
 		setProp(_el$24, "attributes", { bold: true });
 		insert(_el$24, () => `${showConfig() ? "▼" : "▶"} Config`);
-		insert(_el$0, createComponent(Show, {
+		insert(_el$1, createComponent(Show, {
 			get when() {
 				return showConfig();
 			},
@@ -404,44 +522,47 @@ function View(props) {
 					},
 					get fallback() {
 						return (() => {
-							var _el$34 = createElement("box"), _el$35 = createElement("text");
-							insertNode(_el$34, _el$35);
-							setProp(_el$34, "marginLeft", 1);
-							insertNode(_el$35, createTextNode(`No config data`));
-							effect((_$p) => setProp(_el$35, "fg", theme().textMuted, _$p));
-							return _el$34;
+							var _el$37 = createElement("box"), _el$38 = createElement("text");
+							insertNode(_el$37, _el$38);
+							setProp(_el$37, "marginLeft", 1);
+							insertNode(_el$38, createTextNode(`No config data`));
+							effect((_$p) => setProp(_el$38, "fg", theme().textMuted, _$p));
+							return _el$37;
 						})();
 					},
 					children: (cfg) => (() => {
-						var _el$37 = createElement("box"), _el$38 = createElement("text"), _el$39 = createElement("text");
-						insertNode(_el$37, _el$38);
-						insertNode(_el$37, _el$39);
-						setProp(_el$37, "marginLeft", 1);
-						setProp(_el$37, "flexDirection", "column");
-						insert(_el$38, () => `MCP servers: ${String(cfg().mcpCount)}  Plugins: ${String(cfg().pluginCount)}`);
-						insert(_el$39, () => `Auto-compaction: ${cfg().autoCompaction ? "ON" : "OFF"}`);
+						var _el$40 = createElement("box"), _el$41 = createElement("text"), _el$42 = createElement("text");
+						insertNode(_el$40, _el$41);
+						insertNode(_el$40, _el$42);
+						setProp(_el$40, "marginLeft", 1);
+						setProp(_el$40, "flexDirection", "column");
+						insert(_el$41, () => `MCP: ${String(cfg().mcpCount)}  Plugins: ${String(cfg().pluginCount)}`);
+						insert(_el$42, () => `Auto-compaction: ${cfg().autoCompaction ? "ON" : "OFF"}`);
 						effect((_p$) => {
 							var _v$14 = theme().textMuted, _v$15 = theme().textMuted;
-							_v$14 !== _p$.e && (_p$.e = setProp(_el$38, "fg", _v$14, _p$.e));
-							_v$15 !== _p$.t && (_p$.t = setProp(_el$39, "fg", _v$15, _p$.t));
+							_v$14 !== _p$.e && (_p$.e = setProp(_el$41, "fg", _v$14, _p$.e));
+							_v$15 !== _p$.t && (_p$.t = setProp(_el$42, "fg", _v$15, _p$.t));
 							return _p$;
 						}, {
 							e: void 0,
 							t: void 0
 						});
-						return _el$37;
+						return _el$40;
 					})()
 				});
 			}
 		}), _el$25);
 		insertNode(_el$25, _el$26);
 		setProp(_el$25, "marginTop", 1);
-		insert(_el$26, () => `Memory: ${memoryCount() > 0 ? `${fmtInt(memoryCount())} entries` : "0 entries"}`);
+		insert(_el$26, (() => {
+			var _c$ = memo(() => memoryCount() !== null);
+			return () => _c$() ? `Memory: ${fmtInt(memoryCount())} entries` : "Memory: N/A";
+		})());
 		effect((_p$) => {
 			var _v$3 = theme().accent, _v$4 = theme().text, _v$5 = theme().textMuted, _v$6 = theme().text, _v$7 = theme().textMuted, _v$8 = theme().text, _v$9 = theme().textMuted, _v$0 = theme().text, _v$1 = theme().textMuted;
-			_v$3 !== _p$.e && (_p$.e = setProp(_el$1, "fg", _v$3, _p$.e));
-			_v$4 !== _p$.t && (_p$.t = setProp(_el$11, "fg", _v$4, _p$.t));
-			_v$5 !== _p$.a && (_p$.a = setProp(_el$12, "fg", _v$5, _p$.a));
+			_v$3 !== _p$.e && (_p$.e = setProp(_el$10, "fg", _v$3, _p$.e));
+			_v$4 !== _p$.t && (_p$.t = setProp(_el$12, "fg", _v$4, _p$.t));
+			_v$5 !== _p$.a && (_p$.a = setProp(_el$13, "fg", _v$5, _p$.a));
 			_v$6 !== _p$.o && (_p$.o = setProp(_el$16, "fg", _v$6, _p$.o));
 			_v$7 !== _p$.i && (_p$.i = setProp(_el$17, "fg", _v$7, _p$.i));
 			_v$8 !== _p$.n && (_p$.n = setProp(_el$20, "fg", _v$8, _p$.n));
@@ -460,36 +581,11 @@ function View(props) {
 			h: void 0,
 			r: void 0
 		});
-		return _el$0;
+		return _el$1;
 	})();
 }
 const tui = async (api, _options, _meta) => {
-	let version = "1.1.1-beta.6";
-	try {
-		const wt = api.state.path?.worktree ?? "";
-		const fp = wt ? `${wt}/package.json` : "package.json";
-		const result = await api.client.file.read({ query: { path: fp } });
-		const match = String(result?.content ?? "").match(/"version":\s*"([^"]+)"/);
-		if (match?.[1]) version = match[1];
-		else throw new Error("no version in file");
-	} catch {
-		try {
-			const proc = api.client?.process;
-			if (typeof proc?.exec === "function") {
-				const r = await proc.exec({
-					command: "git",
-					args: [
-						"describe",
-						"--tags",
-						"--always"
-					],
-					timeoutMs: 3e3
-				});
-				const tag = (r.stdout ?? r.output ?? "").trim().replace(/^v/, "").replace(/-\d+-g[0-9a-f]+$/, "");
-				if (tag && tag !== "5.0.0") version = tag;
-			}
-		} catch {}
-	}
+	const version = await detectVersion(api);
 	api.slots.register({
 		order: 900,
 		slots: { sidebar_content(_ctx, props) {