pilotswarm-cli 0.1.13 → 0.1.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pilotswarm-cli",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Terminal UI for PilotSwarm.",
   "type": "module",
   "bin": {

package/src/app.js

@@ -241,6 +241,7 @@ export function PilotSwarmTuiApp({ controller, platform, onRequestExit }) {
         const isCtrlA = matchesCtrlKey("a", "\u0001");
         const isShiftN = input === "N" || (key.shift && key.name === "n");
         const isShiftD = input === "D" || (key.shift && key.name === "d");
+        const isShiftT = !key.ctrl && !key.meta && !key.alt && (input === "T" || (key.shift && key.name === "t"));
         const isAltBackspace = key.meta && (key.backspace || key.delete || key.name === "backspace" || key.name === "delete");
         const isAltLeftWord = key.meta && (key.leftArrow || key.name === "left" || input === "b" || input === "B");
         const isAltRightWord = key.meta && (key.rightArrow || key.name === "right" || input === "f" || input === "F");
@@ -275,6 +276,10 @@ export function PilotSwarmTuiApp({ controller, platform, onRequestExit }) {
         }
 
         if (modal) {
+            if (isShiftT && modal.type === "themePicker") {
+                controller.handleCommand(UI_COMMANDS.CLOSE_MODAL).catch(() => {});
+                return;
+            }
             if (modal.type === "renameSession" || modal.type === "artifactUpload") {
                 if (key.escape) {
                     controller.handleCommand(UI_COMMANDS.CLOSE_MODAL).catch(() => {});
@@ -342,6 +347,11 @@ export function PilotSwarmTuiApp({ controller, platform, onRequestExit }) {
             return;
         }
 
+        if (focus !== "prompt" && isShiftT) {
+            controller.handleCommand(UI_COMMANDS.OPEN_THEME_PICKER).catch(() => {});
+            return;
+        }
+
         if (key.tab && key.shift) {
             controller.handleCommand(UI_COMMANDS.FOCUS_PREV).catch(() => {});
             return;
@@ -387,6 +397,18 @@ export function PilotSwarmTuiApp({ controller, platform, onRequestExit }) {
             controller.handleCommand(UI_COMMANDS.OPEN_FILES_FILTER).catch(() => {});
             return;
         }
+        if (focus === "inspector" && inspectorTab === "history" && input === "f") {
+            controller.handleCommand(UI_COMMANDS.OPEN_HISTORY_FORMAT).catch(() => {});
+            return;
+        }
+        if (focus === "inspector" && inspectorTab === "history" && input === "r") {
+            controller.handleCommand(UI_COMMANDS.REFRESH_EXECUTION_HISTORY).catch(() => {});
+            return;
+        }
+        if (focus === "inspector" && inspectorTab === "history" && input === "a") {
+            controller.handleCommand(UI_COMMANDS.EXPORT_EXECUTION_HISTORY).catch(() => {});
+            return;
+        }
         if (focus === "inspector" && inspectorTab === "files" && input === "v") {
             controller.handleCommand(UI_COMMANDS.TOGGLE_FILE_PREVIEW_FULLSCREEN).catch(() => {});
             return;

package/src/index.js

@@ -1,5 +1,7 @@
 import React from "react";
 import fs from "node:fs";
+import path from "node:path";
+import os from "node:os";
 import { createRequire } from "node:module";
 import { render } from "ink";
 import {
@@ -14,6 +16,26 @@ import { NodeSdkTransport } from "./node-sdk-transport.js";
 
 const require = createRequire(import.meta.url);
 
+const CONFIG_DIR = path.join(process.env.XDG_CONFIG_HOME || path.join(os.homedir(), ".config"), "pilotswarm");
+const CONFIG_FILE = path.join(CONFIG_DIR, "config.json");
+
+function readConfig() {
+    try {
+        return JSON.parse(fs.readFileSync(CONFIG_FILE, "utf8"));
+    } catch {
+        return {};
+    }
+}
+
+function writeConfig(patch) {
+    try {
+        const existing = readConfig();
+        const merged = { ...existing, ...patch };
+        fs.mkdirSync(CONFIG_DIR, { recursive: true });
+        fs.writeFileSync(CONFIG_FILE, JSON.stringify(merged, null, 2) + "\n", "utf8");
+    } catch {}
+}
+
 function setupTuiHostRuntime() {
     const logFile = "/tmp/duroxide-tui.log";
     const originalConsole = {
@@ -90,9 +112,11 @@ export async function startTuiApp(config) {
         store: config.store,
         mode: config.mode,
     });
+    const userConfig = readConfig();
     const store = createStore(appReducer, createInitialState({
         mode: config.mode,
         branding: config.branding,
+        themeId: userConfig.themeId,
     }));
     const controller = new PilotSwarmUiController({ store, transport });
     let tuiApp;
@@ -144,6 +168,49 @@ export async function startTuiApp(config) {
         exitOnCtrlC: false,
     });
 
+    // Listen for portal theme-change OSC sequences on stdin:
+    //   \x1b]777;theme;<themeId>\x07
+    let oscBuffer = "";
+    const OSC_PREFIX = "\x1b]777;theme;";
+    const OSC_SUFFIX = "\x07";
+    const stdinThemeHandler = (data) => {
+        const str = typeof data === "string" ? data : data.toString("utf8");
+        oscBuffer += str;
+        while (oscBuffer.includes(OSC_PREFIX) && oscBuffer.includes(OSC_SUFFIX)) {
+            const start = oscBuffer.indexOf(OSC_PREFIX);
+            const end = oscBuffer.indexOf(OSC_SUFFIX, start);
+            if (end < 0) break;
+            const themeId = oscBuffer.slice(start + OSC_PREFIX.length, end);
+            oscBuffer = oscBuffer.slice(end + OSC_SUFFIX.length);
+            if (themeId) {
+                store.dispatch({ type: "ui/theme", themeId });
+            }
+        }
+        // Prevent buffer from growing unbounded
+        if (oscBuffer.length > 1024) oscBuffer = oscBuffer.slice(-256);
+    };
+    process.stdin.on("data", stdinThemeHandler);
+
+    // Sync viewport on terminal resize (SIGWINCH)
+    const syncViewport = () => {
+        controller.setViewport({
+            width: process.stdout.columns || 120,
+            height: process.stdout.rows || 40,
+        });
+    };
+    syncViewport();
+    process.stdout.on("resize", syncViewport);
+
+    // Persist theme changes to config file
+    let lastPersistedThemeId = store.getState().ui.themeId;
+    store.subscribe(() => {
+        const currentThemeId = store.getState().ui.themeId;
+        if (currentThemeId && currentThemeId !== lastPersistedThemeId) {
+            lastPersistedThemeId = currentThemeId;
+            writeConfig({ themeId: currentThemeId });
+        }
+    });
+
     try {
         await exitPromise;
     } finally {

package/src/node-sdk-transport.js

@@ -335,6 +335,10 @@ export class NodeSdkTransport {
         return this.mgmt.getOrchestrationStats(sessionId);
     }
 
+    async getExecutionHistory(sessionId, executionId) {
+        return this.mgmt.getExecutionHistory(sessionId, executionId);
+    }
+
     async createSession({ model } = {}) {
         const effectiveModel = model || this.mgmt.getDefaultModel();
         const session = await this.client.createSession(effectiveModel ? { model: effectiveModel } : undefined);
@@ -495,6 +499,43 @@ export class NodeSdkTransport {
         };
     }
 
+    async exportExecutionHistory(sessionId) {
+        if (!this.artifactStore) {
+            throw new Error("Artifact store is not available for this transport.");
+        }
+        const shortId = String(sessionId || "").slice(0, 8);
+        const [history, stats] = await Promise.all([
+            this.mgmt.getExecutionHistory(sessionId),
+            this.mgmt.getOrchestrationStats(sessionId),
+        ]);
+        const sessionInfo = await this.mgmt.getSession(sessionId).catch(() => null);
+        const exportData = {
+            exportedAt: new Date().toISOString(),
+            sessionId,
+            title: sessionInfo?.title || null,
+            agentId: sessionInfo?.agentId || null,
+            model: sessionInfo?.model || null,
+            orchestrationStats: stats || null,
+            eventCount: history?.length || 0,
+            events: (history || []).map((e) => {
+                const evt = { ...e };
+                if (evt.data) {
+                    try { evt.data = JSON.parse(evt.data); } catch { /* keep raw */ }
+                }
+                return evt;
+            }),
+        };
+        const filename = `execution-history-${shortId}-${Date.now()}.json`;
+        const content = JSON.stringify(exportData, null, 2);
+        await this.artifactStore.uploadArtifact(sessionId, filename, content, guessArtifactContentType(filename));
+        return {
+            sessionId,
+            filename,
+            artifactLink: `artifact://${sessionId}/${filename}`,
+            sizeBytes: Buffer.byteLength(content, "utf8"),
+        };
+    }
+
     async openPathInDefaultApp(targetPath) {
         const resolvedPath = path.resolve(expandUserPath(targetPath));
         if (!resolvedPath) {

package/src/platform.js

@@ -1,11 +1,11 @@
 import React from "react";
 import { spawnSync } from "node:child_process";
 import { Box, Text } from "ink";
-import { parseTerminalMarkupRuns } from "pilotswarm-ui-core";
+import { DEFAULT_THEME_ID, getTheme, parseTerminalMarkupRuns } from "pilotswarm-ui-core";
 
 const MAX_PROMPT_INPUT_ROWS = 3;
-const SELECTION_BACKGROUND = "white";
-const SELECTION_FOREGROUND = "black";
+const SELECTION_BACKGROUND = "selectionBackground";
+const SELECTION_FOREGROUND = "selectionForeground";
 
 function clampValue(value, min, max) {
     return Math.max(min, Math.min(max, value));
@@ -25,8 +25,23 @@ const tuiPlatformRuntime = {
     paneRegistry: new Map(),
     selection: createEmptySelection(),
     renderInvalidator: null,
+    themeId: DEFAULT_THEME_ID,
 };
 
+function getCurrentTheme() {
+    return getTheme(tuiPlatformRuntime.themeId) || getTheme(DEFAULT_THEME_ID);
+}
+
+function resolveColorToken(color) {
+    if (!color) return undefined;
+    const theme = getCurrentTheme();
+    return theme?.tui?.[color] || color;
+}
+
+function isDimColorToken(color) {
+    return color === "gray";
+}
+
 function trimText(value, width) {
     if (width <= 0) return "";
     const text = String(value || "");
@@ -230,11 +245,11 @@ function flattenTitleText(title) {
 function renderInlineRuns(runs, keyPrefix = "run") {
     return runs.map((run, index) => React.createElement(Text, {
         key: `${keyPrefix}:${index}`,
-        color: run.color || undefined,
-        backgroundColor: run.backgroundColor || undefined,
+        color: resolveColorToken(run.color),
+        backgroundColor: resolveColorToken(run.backgroundColor),
         bold: Boolean(run.bold),
         underline: Boolean(run.underline),
-        dimColor: run.color === "gray",
+        dimColor: isDimColorToken(run.color),
     }, run.text || ""));
 }
 
@@ -339,15 +354,15 @@ function renderPanelRow(line, rowKey, contentWidth, borderColor, scrollIndicator
     const selectedRuns = applySelectionToRuns(lineToRuns(line, contentWidth), normalizedSelection);
 
     return React.createElement(Box, { key: `row:${rowKey}`, flexDirection: "row" },
-        React.createElement(Text, { color: borderColor }, "│ "),
-        React.createElement(Box, { width: contentWidth, backgroundColor: fillColor || undefined },
+        React.createElement(Text, { color: resolveColorToken(borderColor) }, "│ "),
+        React.createElement(Box, { width: contentWidth, backgroundColor: resolveColorToken(fillColor) },
             !line
                 ? React.createElement(Text, null, " ".repeat(contentWidth))
                 : selectedRuns.length > 0
                     ? renderInlineRuns(selectedRuns, `inline:${rowKey}`)
                     : React.createElement(Text, null, "")),
-        React.createElement(Text, { color: scrollIndicator ? "gray" : undefined, dimColor: Boolean(scrollIndicator) }, scrollChar),
-        React.createElement(Text, { color: borderColor }, "│"));
+        React.createElement(Text, { color: scrollIndicator ? resolveColorToken("gray") : undefined, dimColor: Boolean(scrollIndicator) }, scrollChar),
+        React.createElement(Text, { color: resolveColorToken(borderColor) }, "│"));
 }
 
 function renderBorderTop(title, color, width) {
@@ -356,14 +371,14 @@ function renderBorderTop(title, color, width) {
     const fill = Math.max(0, safeWidth - titleRunLength(safeTitleRuns) - 5);
 
     return React.createElement(Box, null,
-        React.createElement(Text, { color }, "╭─ "),
+        React.createElement(Text, { color: resolveColorToken(color) }, "╭─ "),
         renderInlineRuns(safeTitleRuns, "title"),
-        React.createElement(Text, { color }, ` ${"─".repeat(fill)}╮`));
+        React.createElement(Text, { color: resolveColorToken(color) }, ` ${"─".repeat(fill)}╮`));
 }
 
 function renderBorderBottom(color, width) {
     const safeWidth = Math.max(8, Number(width) || 40);
-    return React.createElement(Text, { color }, `╰${"─".repeat(Math.max(0, safeWidth - 2))}╯`);
+    return React.createElement(Text, { color: resolveColorToken(color) }, `╰${"─".repeat(Math.max(0, safeWidth - 2))}╯`);
 }
 
 function compareSelectionPoints(left, right) {
@@ -527,10 +542,10 @@ function linesToElements(lines) {
         }
         return React.createElement(Text, {
             key: `text:${index}`,
-            color: line.color || undefined,
-            backgroundColor: line.backgroundColor || undefined,
+            color: resolveColorToken(line.color),
+            backgroundColor: resolveColorToken(line.backgroundColor),
             bold: Boolean(line.bold),
-            dimColor: line.color === "gray",
+            dimColor: isDimColorToken(line.color),
         }, line.text || "");
     });
 }
@@ -540,6 +555,7 @@ function Root({ children }) {
         flexDirection: "column",
         height: process.stdout.rows || 40,
         width: process.stdout.columns || 120,
+        backgroundColor: resolveColorToken("background"),
     }, children);
 }
 
@@ -554,13 +570,13 @@ function Column({ children, ...props }) {
 function Header({ title, subtitle }) {
     return React.createElement(Box, {
         borderStyle: "round",
-        borderColor: "cyan",
+        borderColor: resolveColorToken("cyan"),
         paddingX: 1,
         marginBottom: 1,
         justifyContent: "space-between",
     },
-    React.createElement(Text, { bold: true, color: "cyan" }, title),
-    React.createElement(Text, { color: "gray" }, subtitle || ""));
+    React.createElement(Text, { bold: true, color: resolveColorToken("cyan") }, title),
+    React.createElement(Text, { color: resolveColorToken("gray"), dimColor: true }, subtitle || ""));
 }
 
 function Panel({
@@ -660,10 +676,10 @@ function Panel({
         : React.createElement(Box, {
             flexDirection: "column",
             borderStyle: "round",
-            borderColor: borderColor,
+            borderColor: resolveColorToken(borderColor),
             paddingX: 1,
             flexGrow: 1,
-            backgroundColor: fillColor || undefined,
+            backgroundColor: resolveColorToken(fillColor),
         }, children),
     renderBorderBottom(borderColor, safeWidth));
 }
@@ -717,11 +733,11 @@ function renderPromptRow(lineText, cursorColumn, { color, showCursor, keyPrefix,
         showCursor
             ? cursorChar
                 ? React.createElement(Text, {
-                    color: "black",
-                    backgroundColor: "green",
+                    color: resolveColorToken("promptCursorForeground"),
+                    backgroundColor: resolveColorToken("promptCursorBackground"),
                     dimColor,
                 }, cursorChar)
-                : React.createElement(Text, { color: "green" }, "█")
+                : React.createElement(Text, { color: resolveColorToken("promptCursorBackground") }, "█")
             : null,
         after ? React.createElement(Text, { color, dimColor }, after) : null,
     );
@@ -732,7 +748,7 @@ function Input({ label, value, focused, placeholder, rows = 1, cursorIndex = 0 }
     const isEmpty = safeValue.length === 0;
     const safeRows = clampValue(Number(rows) || 1, 1, MAX_PROMPT_INPUT_ROWS);
     const labelPrefix = React.createElement(Text, {
-        color: focused ? "red" : "green",
+        color: resolveColorToken(focused ? "red" : "green"),
         bold: true,
     }, `${label}: `);
     const cursorPosition = getPromptCursorPosition(safeValue, cursorIndex);
@@ -756,7 +772,7 @@ function Input({ label, value, focused, placeholder, rows = 1, cursorIndex = 0 }
         isEmpty
             ? [
                 renderPromptRow(placeholder || "Type a message and press Enter", focused ? 0 : null, {
-                    color: "gray",
+                    color: resolveColorToken("gray"),
                     dimColor: true,
                     showCursor: Boolean(focused),
                     keyPrefix: "prompt-line:0",
@@ -768,7 +784,7 @@ function Input({ label, value, focused, placeholder, rows = 1, cursorIndex = 0 }
                 }, React.createElement(Text, null, ""))),
             ]
             : displayLines.map((line, index) => renderPromptRow(line, focused && visibleCursorLine === index ? cursorPosition.column : null, {
-                color: "white",
+                color: resolveColorToken("white"),
                 showCursor: Boolean(focused && visibleCursorLine === index),
                 keyPrefix: `prompt-line:${index}`,
                 prefix: index === 0 ? labelPrefix : null,
@@ -779,12 +795,12 @@ function Input({ label, value, focused, placeholder, rows = 1, cursorIndex = 0 }
 function StatusLine({ left, right }) {
     return React.createElement(Box, {
         borderStyle: "round",
-        borderColor: "gray",
+        borderColor: resolveColorToken("gray"),
         paddingX: 1,
         justifyContent: "space-between",
     },
-    React.createElement(Text, { color: "white" }, left || ""),
-    React.createElement(Text, { color: "gray", dimColor: true }, right || ""));
+    React.createElement(Text, { color: resolveColorToken("white") }, left || ""),
+    React.createElement(Text, { color: resolveColorToken("gray"), dimColor: true }, right || ""));
 }
 
 function Overlay({ children }) {
@@ -807,6 +823,7 @@ export function createTuiPlatform() {
     tuiPlatformRuntime.paneRegistry.clear();
     tuiPlatformRuntime.selection = createEmptySelection();
     tuiPlatformRuntime.renderInvalidator = null;
+    tuiPlatformRuntime.themeId = DEFAULT_THEME_ID;
 
     return {
         Root,
@@ -818,6 +835,12 @@ export function createTuiPlatform() {
         Lines,
         Input,
         StatusLine,
+        setTheme(themeId) {
+            const nextTheme = getTheme(themeId) || getTheme(DEFAULT_THEME_ID);
+            if (!nextTheme || nextTheme.id === tuiPlatformRuntime.themeId) return;
+            tuiPlatformRuntime.themeId = nextTheme.id;
+            requestTuiRender();
+        },
         setRenderInvalidator(fn) {
             tuiPlatformRuntime.renderInvalidator = typeof fn === "function" ? fn : null;
         },