clawdbot 2026.1.4-1

package/dist/tui/components/user-message.js

@@ -0,0 +1,17 @@
+import { Container, Markdown, Spacer } from "@mariozechner/pi-tui";
+import { markdownTheme, theme } from "../theme/theme.js";
+export class UserMessageComponent extends Container {
+    body;
+    constructor(text) {
+        super();
+        this.body = new Markdown(text, 1, 1, markdownTheme, {
+            bgColor: (line) => theme.userBg(line),
+            color: (line) => theme.userText(line),
+        });
+        this.addChild(new Spacer(1));
+        this.addChild(this.body);
+    }
+    setText(text) {
+        this.body.setText(text);
+    }
+}

package/dist/tui/gateway-chat.js

@@ -0,0 +1,140 @@
+import { randomUUID } from "node:crypto";
+import { loadConfig, resolveGatewayPort } from "../config/config.js";
+import { GatewayClient } from "../gateway/client.js";
+import { PROTOCOL_VERSION, } from "../gateway/protocol/index.js";
+import { VERSION } from "../version.js";
+export class GatewayChatClient {
+    client;
+    readyPromise;
+    resolveReady;
+    connection;
+    hello;
+    onEvent;
+    onConnected;
+    onDisconnected;
+    onGap;
+    constructor(opts) {
+        const resolved = resolveGatewayConnection(opts);
+        this.connection = resolved;
+        this.readyPromise = new Promise((resolve) => {
+            this.resolveReady = resolve;
+        });
+        this.client = new GatewayClient({
+            url: resolved.url,
+            token: resolved.token,
+            password: resolved.password,
+            clientName: "clawdbot-tui",
+            clientVersion: VERSION,
+            platform: process.platform,
+            mode: "tui",
+            instanceId: randomUUID(),
+            minProtocol: PROTOCOL_VERSION,
+            maxProtocol: PROTOCOL_VERSION,
+            onHelloOk: (hello) => {
+                this.hello = hello;
+                this.resolveReady?.();
+                this.onConnected?.();
+            },
+            onEvent: (evt) => {
+                this.onEvent?.({
+                    event: evt.event,
+                    payload: evt.payload,
+                    seq: evt.seq,
+                });
+            },
+            onClose: (_code, reason) => {
+                this.onDisconnected?.(reason);
+            },
+            onGap: (info) => {
+                this.onGap?.(info);
+            },
+        });
+    }
+    start() {
+        this.client.start();
+    }
+    stop() {
+        this.client.stop();
+    }
+    async waitForReady() {
+        await this.readyPromise;
+    }
+    async sendChat(opts) {
+        const runId = randomUUID();
+        await this.client.request("chat.send", {
+            sessionKey: opts.sessionKey,
+            message: opts.message,
+            thinking: opts.thinking,
+            deliver: opts.deliver,
+            timeoutMs: opts.timeoutMs,
+            idempotencyKey: runId,
+        });
+        return { runId };
+    }
+    async abortChat(opts) {
+        return await this.client.request("chat.abort", {
+            sessionKey: opts.sessionKey,
+            runId: opts.runId,
+        });
+    }
+    async loadHistory(opts) {
+        return await this.client.request("chat.history", {
+            sessionKey: opts.sessionKey,
+            limit: opts.limit,
+        });
+    }
+    async listSessions(opts) {
+        return await this.client.request("sessions.list", {
+            limit: opts?.limit,
+            activeMinutes: opts?.activeMinutes,
+            includeGlobal: opts?.includeGlobal,
+            includeUnknown: opts?.includeUnknown,
+        });
+    }
+    async patchSession(opts) {
+        return await this.client.request("sessions.patch", opts);
+    }
+    async resetSession(key) {
+        return await this.client.request("sessions.reset", { key });
+    }
+    async getStatus() {
+        return await this.client.request("status");
+    }
+    async listModels() {
+        const res = await this.client.request("models.list");
+        return Array.isArray(res?.models) ? res.models : [];
+    }
+}
+export function resolveGatewayConnection(opts) {
+    const config = loadConfig();
+    const isRemoteMode = config.gateway?.mode === "remote";
+    const remote = isRemoteMode ? config.gateway?.remote : undefined;
+    const authToken = config.gateway?.auth?.token;
+    const localPort = resolveGatewayPort(config);
+    const url = (typeof opts.url === "string" && opts.url.trim().length > 0
+        ? opts.url.trim()
+        : undefined) ||
+        (typeof remote?.url === "string" && remote.url.trim().length > 0
+            ? remote.url.trim()
+            : undefined) ||
+        `ws://127.0.0.1:${localPort}`;
+    const token = (typeof opts.token === "string" && opts.token.trim().length > 0
+        ? opts.token.trim()
+        : undefined) ||
+        (isRemoteMode
+            ? typeof remote?.token === "string" && remote.token.trim().length > 0
+                ? remote.token.trim()
+                : undefined
+            : process.env.CLAWDBOT_GATEWAY_TOKEN?.trim() ||
+                (typeof authToken === "string" && authToken.trim().length > 0
+                    ? authToken.trim()
+                    : undefined));
+    const password = (typeof opts.password === "string" && opts.password.trim().length > 0
+        ? opts.password.trim()
+        : undefined) ||
+        process.env.CLAWDBOT_GATEWAY_PASSWORD?.trim() ||
+        (typeof remote?.password === "string" && remote.password.trim().length > 0
+            ? remote.password.trim()
+            : undefined);
+    return { url, token, password };
+}

package/dist/tui/layout.js

@@ -0,0 +1,41 @@
+export class ChatLayout {
+    header;
+    messages;
+    status;
+    input;
+    constructor(header, messages, status, input) {
+        this.header = header;
+        this.messages = messages;
+        this.status = status;
+        this.input = input;
+    }
+    invalidate() {
+        this.header.invalidate?.();
+        this.messages.invalidate?.();
+        this.status.invalidate?.();
+        this.input.invalidate?.();
+    }
+    render(width) {
+        const rows = process.stdout.rows ?? 24;
+        const headerLines = this.header.render(width);
+        const statusLines = this.status.render(width);
+        const inputLines = this.input.render(width);
+        const reserved = headerLines.length + statusLines.length + inputLines.length;
+        const available = Math.max(rows - reserved, 0);
+        const messageLines = this.messages.render(width);
+        const slicedMessages = available > 0
+            ? messageLines.slice(Math.max(0, messageLines.length - available))
+            : [];
+        const lines = [
+            ...headerLines,
+            ...slicedMessages,
+            ...statusLines,
+            ...inputLines,
+        ];
+        if (lines.length < rows) {
+            const padding = Array.from({ length: rows - lines.length }, () => "");
+            return [...lines, ...padding];
+        }
+        return lines.slice(0, rows);
+    }
+}

package/dist/tui/message-list.js

@@ -0,0 +1,57 @@
+import crypto from "node:crypto";
+import { Container, Markdown, Spacer, Text } from "@mariozechner/pi-tui";
+import { theme } from "./theme.js";
+export class MessageList extends Container {
+    markdownTheme;
+    styles;
+    assistantById = new Map();
+    constructor(markdownTheme, styles) {
+        super();
+        this.markdownTheme = markdownTheme;
+        this.styles = styles;
+    }
+    clearAll() {
+        this.assistantById.clear();
+        this.clear();
+    }
+    addSystem(text) {
+        this.addMessage("system", text, this.styles.system);
+    }
+    addTool(text) {
+        this.addMessage("tool", text, this.styles.tool);
+    }
+    addUser(text) {
+        this.addMessage("user", text, this.styles.user);
+    }
+    addAssistant(text, id) {
+        const messageId = id ?? crypto.randomUUID();
+        const label = new Text(theme.assistant("clawd"), 1, 0);
+        const body = new Markdown(text, 1, 0, this.markdownTheme, this.styles.assistant);
+        const group = new Container();
+        group.addChild(label);
+        group.addChild(body);
+        this.addChild(group);
+        this.addChild(new Spacer(1));
+        this.assistantById.set(messageId, body);
+        return messageId;
+    }
+    updateAssistant(id, text) {
+        const component = this.assistantById.get(id);
+        if (!component)
+            return;
+        component.setText(text);
+    }
+    addMessage(role, text, style) {
+        const label = new Text(role === "user"
+            ? theme.user("you")
+            : role === "system"
+                ? theme.system("system")
+                : theme.dim("tool"), 1, 0);
+        const body = new Markdown(text, 1, 0, this.markdownTheme, style);
+        const group = new Container();
+        group.addChild(label);
+        group.addChild(body);
+        this.addChild(group);
+        this.addChild(new Spacer(1));
+    }
+}

package/dist/tui/theme/theme.js

@@ -0,0 +1,80 @@
+import chalk from "chalk";
+const palette = {
+    text: "#E8E3D5",
+    dim: "#7B7F87",
+    accent: "#F6C453",
+    accentSoft: "#F2A65A",
+    border: "#3C414B",
+    userBg: "#2B2F36",
+    userText: "#F3EEE0",
+    systemText: "#9BA3B2",
+    toolPendingBg: "#1F2A2F",
+    toolSuccessBg: "#1E2D23",
+    toolErrorBg: "#2F1F1F",
+    toolTitle: "#F6C453",
+    toolOutput: "#E1DACB",
+    quote: "#8CC8FF",
+    quoteBorder: "#3B4D6B",
+    code: "#F0C987",
+    codeBlock: "#1E232A",
+    codeBorder: "#343A45",
+    link: "#7DD3A5",
+    error: "#F97066",
+    success: "#7DD3A5",
+};
+const fg = (hex) => (text) => chalk.hex(hex)(text);
+const bg = (hex) => (text) => chalk.bgHex(hex)(text);
+export const theme = {
+    fg: fg(palette.text),
+    dim: fg(palette.dim),
+    accent: fg(palette.accent),
+    accentSoft: fg(palette.accentSoft),
+    success: fg(palette.success),
+    error: fg(palette.error),
+    header: (text) => chalk.bold(fg(palette.accent)(text)),
+    system: fg(palette.systemText),
+    userBg: bg(palette.userBg),
+    userText: fg(palette.userText),
+    toolTitle: fg(palette.toolTitle),
+    toolOutput: fg(palette.toolOutput),
+    toolPendingBg: bg(palette.toolPendingBg),
+    toolSuccessBg: bg(palette.toolSuccessBg),
+    toolErrorBg: bg(palette.toolErrorBg),
+    border: fg(palette.border),
+    bold: (text) => chalk.bold(text),
+    italic: (text) => chalk.italic(text),
+};
+export const markdownTheme = {
+    heading: (text) => chalk.bold(fg(palette.accent)(text)),
+    link: (text) => fg(palette.link)(text),
+    linkUrl: (text) => chalk.dim(text),
+    code: (text) => fg(palette.code)(text),
+    codeBlock: (text) => fg(palette.code)(text),
+    codeBlockBorder: (text) => fg(palette.codeBorder)(text),
+    quote: (text) => fg(palette.quote)(text),
+    quoteBorder: (text) => fg(palette.quoteBorder)(text),
+    hr: (text) => fg(palette.border)(text),
+    listBullet: (text) => fg(palette.accentSoft)(text),
+    bold: (text) => chalk.bold(text),
+    italic: (text) => chalk.italic(text),
+    strikethrough: (text) => chalk.strikethrough(text),
+    underline: (text) => chalk.underline(text),
+};
+export const selectListTheme = {
+    selectedPrefix: (text) => fg(palette.accent)(text),
+    selectedText: (text) => chalk.bold(fg(palette.accent)(text)),
+    description: (text) => fg(palette.dim)(text),
+    scrollInfo: (text) => fg(palette.dim)(text),
+    noMatch: (text) => fg(palette.dim)(text),
+};
+export const settingsListTheme = {
+    label: (text, selected) => selected ? chalk.bold(fg(palette.accent)(text)) : fg(palette.text)(text),
+    value: (text, selected) => selected ? fg(palette.accentSoft)(text) : fg(palette.dim)(text),
+    description: (text) => fg(palette.systemText)(text),
+    cursor: fg(palette.accent)("→ "),
+    hint: (text) => fg(palette.dim)(text),
+};
+export const editorTheme = {
+    borderColor: (text) => fg(palette.border)(text),
+    selectList: selectListTheme,
+};

package/dist/tui/theme.js

@@ -0,0 +1,25 @@
+import chalk from "chalk";
+export const markdownTheme = {
+    heading: (text) => chalk.bold.cyan(text),
+    link: (text) => chalk.blue(text),
+    linkUrl: (text) => chalk.gray(text),
+    code: (text) => chalk.yellow(text),
+    codeBlock: (text) => chalk.yellow(text),
+    codeBlockBorder: (text) => chalk.gray(text),
+    quote: (text) => chalk.gray(text),
+    quoteBorder: (text) => chalk.gray(text),
+    hr: (text) => chalk.gray(text),
+    listBullet: (text) => chalk.cyan(text),
+    bold: (text) => chalk.bold(text),
+    italic: (text) => chalk.italic(text),
+    strikethrough: (text) => chalk.strikethrough(text),
+    underline: (text) => chalk.underline(text),
+};
+export const theme = {
+    header: (text) => chalk.bold.cyan(text),
+    dim: (text) => chalk.gray(text),
+    user: (text) => chalk.cyan(text),
+    assistant: (text) => chalk.green(text),
+    system: (text) => chalk.magenta(text),
+    error: (text) => chalk.red(text),
+};