@markusylisiurunen/tau 0.1.33 → 0.1.36

package/dist/app.js

@@ -1,7 +1,7 @@
 import { homedir } from "node:os";
 import { join, resolve } from "node:path";
 import { streamSimple } from "@mariozechner/pi-ai";
-import { Spacer, Text, TUI } from "@mariozechner/pi-tui";
+import { Spacer, TUI } from "@mariozechner/pi-tui";
 import { loadBashCommands } from "./bash_commands.js";
 import { copyTextToClipboard } from "./clipboard.js";
 import { buildHelpText, getRiskLevelDescription, parseCommand } from "./commands.js";
@@ -20,6 +20,7 @@ import { ToolRegistry } from "./tools/registry.js";
 import { createTaskToolDefinition } from "./tools/task.js";
 import { createWriteToolDefinition } from "./tools/write.js";
 import { REASONING_LEVELS, } from "./types.js";
+import { AppIntroComponent } from "./ui/app_intro.js";
 import { AssistantMessageComponent } from "./ui/assistant_message.js";
 import { renderBashAborted, renderBashBlocked, renderBashExecution, renderBashRunning, } from "./ui/bash_execution.js";
 import { ChatContainerComponent } from "./ui/chat_container.js";
@@ -33,7 +34,7 @@ import { SessionSummaryComponent } from "./ui/session_summary.js";
 import { getFileAutocompleteToken, SlashAutocompleteProvider } from "./ui/slash_autocomplete.js";
 import { SystemMessageComponent } from "./ui/system_message.js";
 import { renderTaskBlocked, renderTaskFinished, renderTaskRunning } from "./ui/task_execution.js";
-import { editorBorderForReasoning, theme } from "./ui/theme.js";
+import { createUiTheme } from "./ui/theme.js";
 import { UserMessageComponent } from "./ui/user_message.js";
 import { buildBaseSystemPrompt, buildEnvironmentTag, buildProjectContextBlock, buildSkillsIndexBlock, findAgentsFilesFromCwdToHome, formatRiskLevelChangeNotice, } from "./utils/context.js";
 import { formatHistoryForCompression } from "./utils/fork.js";
@@ -42,13 +43,13 @@ import { getGitRoot } from "./utils/git.js";
 import { extractAllFencedCodeBlocks, extractAssistantText } from "./utils/messages.js";
 import { listProjectFiles, listProjectFilesAsync } from "./utils/project_files.js";
 import { APP_VERSION } from "./version.js";
-const { palette } = theme;
 export class ChatApp {
     ui;
     chatContainer;
     footer;
     queuedMessages;
     editor;
+    uiTheme;
     personas;
     currentPersona;
     prompts;
@@ -139,12 +140,13 @@ export class ChatApp {
             toolRegistry,
             config: this.config,
         });
+        this.uiTheme = createUiTheme("ansi");
         this.ui = new TUI(createAppTerminal());
         this.chatContainer = new ChatContainerComponent();
         this.chatContainer.setCompactToolUi(this.compactToolUi);
-        this.footer = new FooterComponent(this.ui);
-        this.queuedMessages = new QueuedMessagesComponent(() => this.queuedUserMessages);
-        this.editor = new CustomEditor(theme.editorTheme);
+        this.footer = new FooterComponent(this.uiTheme, this.ui);
+        this.queuedMessages = new QueuedMessagesComponent(this.uiTheme, this.queuedUserMessages);
+        this.editor = new CustomEditor(this.uiTheme.editorTheme);
         this.setupUI();
         this.setupEditor();
     }
@@ -154,9 +156,7 @@ export class ChatApp {
         this.ui.addChild(this.queuedMessages);
         this.ui.addChild(this.editor);
         this.ui.addChild(this.footer);
-        const headerText = `\n${palette.accent("tau")} ${palette.muted(`– terminal chat (v${APP_VERSION})`)}\n\n` +
-            palette.muted(buildHelpText(this.agentsFiles, this.skills));
-        this.chatContainer.addMessage(new Text(headerText, 1, 0));
+        this.chatContainer.addMessage(new AppIntroComponent(this.uiTheme, "tau", APP_VERSION, buildHelpText(this.agentsFiles, this.skills)));
         this.ui.setFocus(this.editor);
         this.updateFooter();
         this.updateEditorBorderColor();
@@ -174,7 +174,7 @@ export class ChatApp {
         this.editor.onEscape = () => this.interruptAssistantTurn();
         this.editor.onCtrlF = () => {
             this.expandFileMentions().catch((err) => {
-                this.addSystemMessage(`file expansion failed: ${err.message}`, palette.noticeError);
+                this.addSystemMessage(`file expansion failed: ${err.message}`, "error");
             });
         };
         this.editor.onAltUp = () => this.popQueuedUserMessageIntoEditor();
@@ -238,29 +238,23 @@ export class ChatApp {
     }
     // UI Updates ------------------------------------------------------------------------------------
     updateFooter() {
-        const reasoningLabel = this.currentPersona.settings.reasoning || "default";
-        const toolLabel = this.formatRiskLevelLabel();
+        const reasoningLabel = this.currentPersona.settings.reasoning ?? "none";
         const contextUsage = this.getContextUsageString();
         const sessionCost = this.getSessionCostString();
         const cwd = formatCwd(process.cwd());
-        const left = palette.dim(`${cwd} · ${contextUsage} · ${sessionCost}`);
         const personaName = this.currentPersona.label || this.currentPersona.id;
-        const statusPart = palette.dim(`${personaName} · ${reasoningLabel} · `);
-        const right = `${statusPart}${toolLabel}`;
-        this.footer.setLeftRight(left, right);
+        this.footer.setStatus({
+            cwd,
+            contextUsage,
+            sessionCost,
+            personaLabel: personaName,
+            reasoningLabel,
+            riskLevel: this.riskLevel,
+        });
         this.ui.requestRender();
     }
-    formatRiskLevelLabel() {
-        switch (this.riskLevel) {
-            case "restricted":
-                return palette.riskRestricted("restricted");
-            case "read-only":
-                return palette.riskReadOnly("read-only");
-            case "read-write":
-                return palette.riskReadWrite("read-write");
-        }
-    }
     updateEditorBorderColor() {
+        const { palette } = this.uiTheme;
         if (this.isBashMode) {
             this.editor.borderColor = (s) => palette.bashRan(s);
         }
@@ -268,16 +262,16 @@ export class ChatApp {
             this.editor.borderColor = (s) => palette.memoryMode(s);
         }
         else {
-            this.editor.borderColor = editorBorderForReasoning(this.currentPersona.settings.reasoning);
+            this.editor.borderColor = this.uiTheme.editorBorderForReasoning(this.currentPersona.settings.reasoning);
         }
         this.ui.requestRender();
     }
-    addSystemMessage(text, styleFn) {
-        this.chatContainer.addMessage(new SystemMessageComponent(text, styleFn));
+    addSystemMessage(text, kind) {
+        this.chatContainer.addMessage(new SystemMessageComponent(this.uiTheme, text, kind));
         this.ui.requestRender();
     }
     addUserMessage(text, opts) {
-        this.chatContainer.addMessage(new UserMessageComponent(text, opts));
+        this.chatContainer.addMessage(new UserMessageComponent(this.uiTheme, text, opts));
         this.ui.requestRender();
     }
     addAssistantComponent(component) {
@@ -388,7 +382,7 @@ export class ChatApp {
             }
         }
         const description = getRiskLevelDescription(next);
-        this.addSystemMessage(`risk level: ${description} (ctrl+r to cycle)`, palette.noticeSuccess);
+        this.addSystemMessage(`risk level: ${description} (ctrl+r to cycle)`, "success");
         this.ui.requestRender();
     }
     // Personality Management ---------------------------------------------------------------
@@ -411,10 +405,10 @@ export class ChatApp {
         this.updateFooter();
         this.updateEditorBorderColor();
         if (skillsContext.unknown.length > 0) {
-            this.addSystemMessage(`warning: unknown skills enabled: ${skillsContext.unknown.join(", ")}`, palette.noticeWarn);
+            this.addSystemMessage(`warning: unknown skills enabled: ${skillsContext.unknown.join(", ")}`, "warn");
         }
         const label = this.currentPersona.label || this.currentPersona.id;
-        this.addSystemMessage(`switched to ${label} (ctrl+p to cycle)`, palette.noticeSuccess);
+        this.addSystemMessage(`switched to ${label} (ctrl+p to cycle)`, "success");
         this.ui.requestRender();
     }
     getSkillsIndexBlockForPersona(persona) {
@@ -455,7 +449,7 @@ export class ChatApp {
         const message = this.showThinking
             ? "thoughts visible (ctrl+t to hide)"
             : "thoughts hidden (ctrl+t to show)";
-        this.addSystemMessage(message, palette.noticeSuccess);
+        this.addSystemMessage(message, "success");
         this.ui.requestRender();
     }
     toggleCompactToolUi() {
@@ -464,14 +458,14 @@ export class ChatApp {
         const message = this.compactToolUi
             ? "compact tool UI enabled (ctrl+o to disable)"
             : "compact tool UI disabled (ctrl+o to enable)";
-        this.addSystemMessage(message, palette.noticeSuccess);
+        this.addSystemMessage(message, "success");
         this.ui.requestRender();
     }
     interruptAssistantTurn() {
         if (!this.isStreaming || this.currentTurnAbort?.signal.aborted)
             return;
         this.currentTurnAbort?.abort();
-        this.addSystemMessage("interrupted.", palette.noticeError);
+        this.addSystemMessage("interrupted.", "error");
         this.ui.requestRender();
     }
     // Input Handling --------------------------------------------------------------------------------
@@ -566,7 +560,7 @@ export class ChatApp {
         if (trimmed.startsWith("#")) {
             const request = trimmed.slice(1).trim();
             if (!request) {
-                this.addSystemMessage("memory mode request was empty.", palette.noticeWarn);
+                this.addSystemMessage("memory mode request was empty.", "warn");
                 return;
             }
             const agentsFilePath = this.getMemoryModeFilePath();
@@ -635,10 +629,10 @@ export class ChatApp {
             case "new":
                 this.clearSession();
                 break;
-            case "forkOnlySummary":
+            case "compactOnlySummary":
                 await this.forkSessionOnlySummary();
                 break;
-            case "forkSummaryAndLastTurn":
+            case "compactSummaryAndLastTurn":
                 await this.forkSessionSummaryAndLastTurn();
                 break;
             case "risk":
@@ -657,50 +651,50 @@ export class ChatApp {
                 await this.reloadContent();
                 break;
             case "unknown":
-                this.addSystemMessage("unknown command. type /help.", palette.noticeError);
+                this.addSystemMessage("unknown command. type /help.", "error");
                 break;
         }
     }
     showHelp() {
-        this.addSystemMessage(buildHelpText(this.agentsFiles, this.skills), palette.muted);
+        this.addSystemMessage(buildHelpText(this.agentsFiles, this.skills), "muted");
     }
     async copyLastAssistantMessage() {
         const lastAssistant = this.getLastAssistantMessage();
         if (!lastAssistant) {
-            this.addSystemMessage("no assistant message to copy yet.", palette.noticeWarn);
+            this.addSystemMessage("no assistant message to copy yet.", "warn");
             return;
         }
         const text = extractAssistantText(lastAssistant);
         if (!text.trim()) {
-            this.addSystemMessage("last assistant message was empty.", palette.noticeWarn);
+            this.addSystemMessage("last assistant message was empty.", "warn");
             return;
         }
         try {
             await copyTextToClipboard(text);
-            this.addSystemMessage("copied last assistant message to clipboard.", palette.noticeSuccess);
+            this.addSystemMessage("copied last assistant message to clipboard.", "success");
         }
         catch (err) {
-            this.addSystemMessage(`clipboard copy failed: ${err.message}`, palette.noticeError);
+            this.addSystemMessage(`clipboard copy failed: ${err.message}`, "error");
         }
     }
     async copyLastAssistantCodeBlock() {
         const lastAssistant = this.getLastAssistantMessage();
         if (!lastAssistant) {
-            this.addSystemMessage("no assistant message to copy yet.", palette.noticeWarn);
+            this.addSystemMessage("no assistant message to copy yet.", "warn");
             return;
         }
         const text = extractAssistantText(lastAssistant);
         const code = extractAllFencedCodeBlocks(text);
         if (!code) {
-            this.addSystemMessage("no code block to copy yet.", palette.noticeWarn);
+            this.addSystemMessage("no code block to copy yet.", "warn");
             return;
         }
         try {
             await copyTextToClipboard(code);
-            this.addSystemMessage("copied all code blocks to clipboard.", palette.noticeSuccess);
+            this.addSystemMessage("copied all code blocks to clipboard.", "success");
         }
         catch (err) {
-            this.addSystemMessage(`clipboard copy failed: ${err.message}`, palette.noticeError);
+            this.addSystemMessage(`clipboard copy failed: ${err.message}`, "error");
         }
     }
     clearSession() {
@@ -711,7 +705,7 @@ export class ChatApp {
         this.taskEvents.clear();
         this.subagentCostTotal = 0;
         this.expandedFilesInCurrentPrompt.clear();
-        this.chatContainer.addMessage(new SessionDividerComponent("new session"));
+        this.chatContainer.addMessage(new SessionDividerComponent(this.uiTheme, "new session"));
         this.isBashMode = false;
         this.isMemoryMode = false;
         this.previousSessionSummary = undefined;
@@ -847,8 +841,8 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
         this.taskEvents.clear();
         this.subagentCostTotal = 0;
         this.expandedFilesInCurrentPrompt.clear();
-        this.chatContainer.addMessage(new SessionDividerComponent("new session"));
-        this.chatContainer.addMessage(new SessionSummaryComponent(this.previousSessionSummary));
+        this.chatContainer.addMessage(new SessionDividerComponent(this.uiTheme, "new session"));
+        this.chatContainer.addMessage(new SessionSummaryComponent(this.uiTheme, this.previousSessionSummary));
         this.isBashMode = false;
         this.isMemoryMode = false;
         // Rebuild environment tag and system prompt with the new summary and current risk level
@@ -859,19 +853,19 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
     async forkSessionOnlySummary() {
         const history = this.engine.history;
         if (history.length === 0) {
-            this.addSystemMessage("no conversation to fork.", palette.noticeWarn);
+            this.addSystemMessage("no conversation to fork.", "warn");
             return;
         }
-        this.addSystemMessage("summarizing session...", palette.noticeSuccess);
+        this.addSystemMessage("summarizing session...", "success");
         this.isStreaming = true;
         this.footer.startWorkingIcon();
         try {
             const summary = await this.generateSummary(history);
             this.applySessionContext(summary);
-            this.addSystemMessage("session forked. previous context has been summarized.", palette.noticeSuccess);
+            this.addSystemMessage("session forked. previous context has been summarized.", "success");
         }
         catch (err) {
-            this.addSystemMessage(`fork failed: ${err.message}`, palette.noticeError);
+            this.addSystemMessage(`fork failed: ${err.message}`, "error");
         }
         finally {
             this.footer.stop();
@@ -883,10 +877,10 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
     async forkSessionSummaryAndLastTurn() {
         const history = this.engine.history;
         if (history.length === 0) {
-            this.addSystemMessage("no conversation to fork.", palette.noticeWarn);
+            this.addSystemMessage("no conversation to fork.", "warn");
             return;
         }
-        this.addSystemMessage("summarizing session...", palette.noticeSuccess);
+        this.addSystemMessage("summarizing session...", "success");
         this.isStreaming = true;
         this.footer.startWorkingIcon();
         try {
@@ -907,10 +901,10 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                 sessionContext += "\n</last_turn>";
             }
             this.applySessionContext(sessionContext);
-            this.addSystemMessage("session forked. previous context and last turn have been included.", palette.noticeSuccess);
+            this.addSystemMessage("session forked. previous context and last turn have been included.", "success");
         }
         catch (err) {
-            this.addSystemMessage(`fork failed: ${err.message}`, palette.noticeError);
+            this.addSystemMessage(`fork failed: ${err.message}`, "error");
         }
         finally {
             this.footer.stop();
@@ -934,12 +928,12 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
             }
         }
         const details = getRiskLevelDescription(level);
-        this.addSystemMessage(`risk level set to '${level}': ${details}`, palette.noticeSuccess);
+        this.addSystemMessage(`risk level set to '${level}': ${details}`, "success");
     }
     switchPersona(id) {
         const persona = this.personas.find((p) => p.id.toLowerCase() === id.toLowerCase());
         if (!persona) {
-            this.addSystemMessage(`unknown persona '${id}'.`, palette.noticeError);
+            this.addSystemMessage(`unknown persona '${id}'.`, "error");
             return;
         }
         this.currentPersona = persona;
@@ -958,14 +952,14 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
         this.updateFooter();
         this.updateEditorBorderColor();
         if (skillsContext.unknown.length > 0) {
-            this.addSystemMessage(`warning: unknown skills enabled: ${skillsContext.unknown.join(", ")}`, palette.noticeWarn);
+            this.addSystemMessage(`warning: unknown skills enabled: ${skillsContext.unknown.join(", ")}`, "warn");
         }
-        this.addSystemMessage(`switched to ${persona.label} (${persona.model.id})`, palette.noticeSuccess);
+        this.addSystemMessage(`switched to ${persona.label} (${persona.model.id})`, "success");
     }
     insertPrompt(id) {
         const prompt = this.prompts.find((p) => p.id.toLowerCase() === id.toLowerCase());
         if (!prompt) {
-            this.addSystemMessage(`unknown prompt '${id}'.`, palette.noticeError);
+            this.addSystemMessage(`unknown prompt '${id}'.`, "error");
             return;
         }
         this.editor.setText(prompt.template);
@@ -974,14 +968,14 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
     async runSavedBashCommand(id) {
         const saved = this.bashCommands.find((b) => b.id.toLowerCase() === id.toLowerCase());
         if (!saved) {
-            this.addSystemMessage(`unknown bash command '${id}'.`, palette.noticeError);
+            this.addSystemMessage(`unknown bash command '${id}'.`, "error");
             return;
         }
         await this.runBashCommand(saved.cmd, { cwd: this.repoRoot });
     }
     async reloadContent() {
         if (this.isStreaming) {
-            this.addSystemMessage("cannot reload while streaming. try again after the response.", palette.noticeWarn);
+            this.addSystemMessage("cannot reload while streaming. try again after the response.", "warn");
             return;
         }
         try {
@@ -1004,7 +998,7 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                 // Persona no longer exists; switch to the first one
                 this.currentPersona = personas[0];
                 this.clampPersonaReasoning(this.currentPersona);
-                this.addSystemMessage(`previous persona no longer available; switched to ${this.currentPersona.label || this.currentPersona.id}.`, palette.noticeWarn);
+                this.addSystemMessage(`previous persona no longer available; switched to ${this.currentPersona.label || this.currentPersona.id}.`, "warn");
             }
             // Rebuild system prompt and update the engine
             const skillsContext = this.getSkillsIndexBlockForPersona(this.currentPersona);
@@ -1019,7 +1013,7 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
             });
             this.engine.setPersona(this.currentPersona, this.baseSystemPrompt);
             if (skillsContext.unknown.length > 0) {
-                this.addSystemMessage(`warning: unknown skills enabled: ${skillsContext.unknown.join(", ")}`, palette.noticeWarn);
+                this.addSystemMessage(`warning: unknown skills enabled: ${skillsContext.unknown.join(", ")}`, "warn");
             }
             // Update UI
             this.updateFooter();
@@ -1033,11 +1027,11 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
             const summary = errorCount > 0
                 ? `reloaded: ${personaCount} personas, ${promptCount} prompts, ${skillCount} skills, ${bashCount} bash commands (${errorCount} errors).`
                 : `reloaded: ${personaCount} personas, ${promptCount} prompts, ${skillCount} skills, ${bashCount} bash commands.`;
-            this.addSystemMessage(summary, palette.noticeSuccess);
+            this.addSystemMessage(summary, "success");
             this.ui.requestRender();
         }
         catch (err) {
-            this.addSystemMessage(`reload failed: ${err.message}`, palette.noticeError);
+            this.addSystemMessage(`reload failed: ${err.message}`, "error");
         }
     }
     // Assistant Turn --------------------------------------------------------------------------------
@@ -1051,7 +1045,7 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                 if (currentAssistant)
                     return currentAssistant;
                 currentAssistant = {
-                    component: new AssistantMessageComponent(undefined, this.showThinking),
+                    component: new AssistantMessageComponent(this.uiTheme, undefined, this.showThinking),
                     inserted: false,
                 };
                 return currentAssistant;
@@ -1070,7 +1064,7 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                 switch (event.type) {
                     case "assistant_start":
                         currentAssistant = {
-                            component: new AssistantMessageComponent(undefined, this.showThinking),
+                            component: new AssistantMessageComponent(this.uiTheme, undefined, this.showThinking),
                             inserted: false,
                         };
                         break;
@@ -1106,7 +1100,7 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                     case "tool_ui": {
                         const uiEvent = event.uiEvent;
                         if (uiEvent.type === "bash_started") {
-                            this.chatContainer.addToolMessage((compact) => renderBashRunning(uiEvent.command, compact), uiEvent.toolCallId);
+                            this.chatContainer.addToolMessage((compact) => renderBashRunning(this.uiTheme, uiEvent.command, compact), uiEvent.toolCallId);
                             this.runningBashComponents.set(uiEvent.toolCallId, {
                                 command: uiEvent.command,
                             });
@@ -1114,7 +1108,7 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                         }
                         else if (uiEvent.type === "bash_execution") {
                             const running = this.runningBashComponents.get(uiEvent.toolCallId);
-                            this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderBashExecution(uiEvent.command, uiEvent.exitCode, uiEvent.truncationInfo, compact));
+                            this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderBashExecution(this.uiTheme, uiEvent.command, uiEvent.exitCode, uiEvent.truncationInfo, compact));
                             if (running) {
                                 this.runningBashComponents.delete(uiEvent.toolCallId);
                             }
@@ -1123,13 +1117,13 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                         else if (uiEvent.type === "bash_blocked") {
                             if (uiEvent.toolCallId) {
                                 const running = this.runningBashComponents.get(uiEvent.toolCallId);
-                                this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderBashBlocked(uiEvent.command, uiEvent.reason, compact));
+                                this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderBashBlocked(this.uiTheme, uiEvent.command, uiEvent.reason, compact));
                                 if (running) {
                                     this.runningBashComponents.delete(uiEvent.toolCallId);
                                 }
                             }
                             else {
-                                this.chatContainer.addToolMessage((compact) => renderBashBlocked(uiEvent.command, uiEvent.reason, compact));
+                                this.chatContainer.addToolMessage((compact) => renderBashBlocked(this.uiTheme, uiEvent.command, uiEvent.reason, compact));
                             }
                             this.ui.requestRender();
                         }
@@ -1139,7 +1133,10 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                             }
                             const kind = uiEvent.kind ?? "task";
                             const subagentName = uiEvent.name.trim() || undefined;
-                            this.chatContainer.addToolMessage((compact) => renderTaskRunning(uiEvent.title, [], 0, 0, 0, compact, { kind, subagentName }), uiEvent.toolCallId);
+                            this.chatContainer.addToolMessage((compact) => renderTaskRunning(this.uiTheme, uiEvent.title, [], 0, 0, 0, compact, {
+                                kind,
+                                subagentName,
+                            }), uiEvent.toolCallId);
                             this.runningTaskComponents.set(uiEvent.toolCallId, {
                                 kind,
                                 name: subagentName,
@@ -1168,14 +1165,14 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                                 running.turns = uiEvent.turns;
                                 running.toolCalls = uiEvent.toolCalls;
                             }
-                            this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderTaskRunning(uiEvent.title, events, uiEvent.costTotal, uiEvent.turns, uiEvent.toolCalls, compact, { kind, subagentName }));
+                            this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderTaskRunning(this.uiTheme, uiEvent.title, events, uiEvent.costTotal, uiEvent.turns, uiEvent.toolCalls, compact, { kind, subagentName }));
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "task_finished") {
                             const running = this.runningTaskComponents.get(uiEvent.toolCallId);
                             const kind = uiEvent.kind ?? running?.kind ?? "task";
                             const subagentName = uiEvent.name.trim() || undefined;
-                            this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderTaskFinished(uiEvent.title, uiEvent.costTotal, uiEvent.turns, uiEvent.toolCalls, uiEvent.status, uiEvent.finalOutput, compact, { kind, subagentName }));
+                            this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderTaskFinished(this.uiTheme, uiEvent.title, uiEvent.costTotal, uiEvent.turns, uiEvent.toolCalls, uiEvent.status, uiEvent.finalOutput, compact, { kind, subagentName }));
                             this.runningTaskComponents.delete(uiEvent.toolCallId);
                             this.taskEvents.delete(uiEvent.toolCallId);
                             this.subagentCostTotal += uiEvent.costTotal;
@@ -1187,10 +1184,13 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                             const kind = uiEvent.kind ?? running?.kind ?? "task";
                             const subagentName = uiEvent.name?.trim() || undefined;
                             if (running) {
-                                this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderTaskBlocked(uiEvent.title, uiEvent.reason, compact, { kind, subagentName }));
+                                this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderTaskBlocked(this.uiTheme, uiEvent.title, uiEvent.reason, compact, {
+                                    kind,
+                                    subagentName,
+                                }));
                             }
                             else {
-                                this.chatContainer.addToolMessage((compact) => renderTaskBlocked(uiEvent.title, uiEvent.reason, compact, {
+                                this.chatContainer.addToolMessage((compact) => renderTaskBlocked(this.uiTheme, uiEvent.title, uiEvent.reason, compact, {
                                     kind,
                                     subagentName,
                                 }), uiEvent.toolCallId);
@@ -1200,58 +1200,54 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "write_success") {
-                            this.chatContainer.addToolMessage((compact) => renderWriteSuccess(uiEvent.path, uiEvent.bytes, uiEvent.lines, uiEvent.preview, uiEvent.previewTruncation, compact));
+                            this.chatContainer.addToolMessage((compact) => renderWriteSuccess(this.uiTheme, uiEvent.path, uiEvent.bytes, uiEvent.lines, uiEvent.content, compact));
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "write_blocked") {
-                            this.chatContainer.addToolMessage((compact) => renderWriteBlocked(uiEvent.path, uiEvent.reason, compact));
+                            this.chatContainer.addToolMessage((compact) => renderWriteBlocked(this.uiTheme, uiEvent.path, uiEvent.reason, compact));
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "edit_success") {
-                            this.chatContainer.addToolMessage((compact) => renderEditSuccess(uiEvent.path, uiEvent.oldLength, uiEvent.newLength, uiEvent.diff, uiEvent.diffTruncation, compact));
+                            this.chatContainer.addToolMessage((compact) => renderEditSuccess(this.uiTheme, uiEvent.path, uiEvent.oldLength, uiEvent.newLength, uiEvent.oldText, uiEvent.newText, compact));
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "edit_blocked") {
-                            this.chatContainer.addToolMessage((compact) => renderEditBlocked(uiEvent.path, uiEvent.reason, compact));
+                            this.chatContainer.addToolMessage((compact) => renderEditBlocked(this.uiTheme, uiEvent.path, uiEvent.reason, compact));
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "read_success") {
-                            this.chatContainer.addToolMessage((compact) => renderReadSuccess(uiEvent.path, uiEvent.startLine, uiEvent.endLine, uiEvent.preview, uiEvent.previewTruncation, uiEvent.modelTruncation, compact));
+                            this.chatContainer.addToolMessage((compact) => renderReadSuccess(this.uiTheme, uiEvent.path, uiEvent.startLine, uiEvent.endLine, uiEvent.content, uiEvent.modelTruncation, compact));
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "read_blocked") {
-                            this.chatContainer.addToolMessage((compact) => renderReadBlocked(uiEvent.path, uiEvent.reason, compact));
+                            this.chatContainer.addToolMessage((compact) => renderReadBlocked(this.uiTheme, uiEvent.path, uiEvent.reason, compact));
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "list_success") {
-                            this.chatContainer.addToolMessage((compact) => renderListSuccess(uiEvent.path, uiEvent.offset, uiEvent.limit, uiEvent.total, uiEvent.returned, uiEvent.entries, compact));
+                            this.chatContainer.addToolMessage((compact) => renderListSuccess(this.uiTheme, uiEvent.path, uiEvent.offset, uiEvent.limit, uiEvent.total, uiEvent.returned, uiEvent.entries, compact));
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "list_blocked") {
-                            this.chatContainer.addToolMessage((compact) => renderListBlocked(uiEvent.path, uiEvent.reason, compact));
+                            this.chatContainer.addToolMessage((compact) => renderListBlocked(this.uiTheme, uiEvent.path, uiEvent.reason, compact));
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "grep_started") {
-                            this.chatContainer.addToolMessage((compact) => renderGrepRunning(uiEvent.pattern, compact), uiEvent.toolCallId);
+                            this.chatContainer.addToolMessage((compact) => renderGrepRunning(this.uiTheme, uiEvent.pattern, compact), uiEvent.toolCallId);
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "grep_finished") {
-                            this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderGrepFinished(uiEvent.pattern, uiEvent.status, uiEvent.exitCode, uiEvent.stdoutPreview, uiEvent.stdoutPreviewTruncation, uiEvent.stderrPreview, uiEvent.stderrPreviewTruncation, uiEvent.captureTruncated, compact));
+                            this.chatContainer.replaceToolMessage(uiEvent.toolCallId, (compact) => renderGrepFinished(this.uiTheme, uiEvent.pattern, uiEvent.status, uiEvent.exitCode, uiEvent.stdout, uiEvent.stderr, uiEvent.captureTruncated, compact));
                             this.ui.requestRender();
                         }
                         else if (uiEvent.type === "grep_blocked") {
-                            this.chatContainer.addToolMessage((compact) => renderGrepBlocked(uiEvent.pattern, uiEvent.reason, compact), uiEvent.toolCallId);
+                            this.chatContainer.addToolMessage((compact) => renderGrepBlocked(this.uiTheme, uiEvent.pattern, uiEvent.reason, compact), uiEvent.toolCallId);
                             this.ui.requestRender();
                         }
                         break;
                     }
                     case "notice": {
-                        const style = event.severity === "error"
-                            ? palette.noticeError
-                            : event.severity === "warn"
-                                ? palette.noticeWarn
-                                : palette.noticeSuccess;
-                        this.addSystemMessage(event.text, style);
+                        const kind = event.severity === "error" ? "error" : event.severity === "warn" ? "warn" : "success";
+                        this.addSystemMessage(event.text, kind);
                         break;
                     }
                     case "tool_result":
@@ -1260,17 +1256,17 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
             }
         }
         catch (err) {
-            this.addSystemMessage(`error: ${err.message}`, palette.noticeError);
+            this.addSystemMessage(`error: ${err.message}`, "error");
         }
         finally {
             const wasAborted = this.currentTurnAbort?.signal.aborted ?? false;
             const reason = wasAborted ? "aborted" : "interrupted";
             for (const [id, running] of this.runningBashComponents.entries()) {
-                this.chatContainer.replaceToolMessage(id, (compact) => renderBashAborted(running.command, reason, compact));
+                this.chatContainer.replaceToolMessage(id, (compact) => renderBashAborted(this.uiTheme, running.command, reason, compact));
             }
             const taskStatus = wasAborted ? "aborted" : "error";
             for (const [id, running] of this.runningTaskComponents.entries()) {
-                this.chatContainer.replaceToolMessage(id, (compact) => renderTaskFinished(running.title, running.costTotal, running.turns, running.toolCalls, taskStatus, reason, compact, { kind: running.kind, subagentName: running.name }));
+                this.chatContainer.replaceToolMessage(id, (compact) => renderTaskFinished(this.uiTheme, running.title, running.costTotal, running.turns, running.toolCalls, taskStatus, reason, compact, { kind: running.kind, subagentName: running.name }));
             }
             this.footer.stop();
             this.isStreaming = false;
@@ -1292,12 +1288,12 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
                 stdout: { maxLines: BASH_USER_MAX_STDOUT_LINES, maxTokens: BASH_USER_MAX_STDOUT_TOKENS },
                 stderr: { maxLines: BASH_USER_MAX_STDERR_LINES, maxTokens: BASH_USER_MAX_STDERR_TOKENS },
             });
-            this.chatContainer.addMessage(renderBashExecution(command, exitCode, truncationInfo, false));
+            this.chatContainer.addMessage(renderBashExecution(this.uiTheme, command, exitCode, truncationInfo, false));
             this.engine.addUserText(formatBashUserMessageText({ command, truncationInfo }));
             this.ui.requestRender();
         }
         catch (err) {
-            this.addSystemMessage(`bash error: ${err.message}`, palette.noticeError);
+            this.addSystemMessage(`bash error: ${err.message}`, "error");
         }
         finally {
             this.isStreaming = false;
@@ -1312,7 +1308,7 @@ Write plain prose, no formatting. Be thorough enough that the reader can resume
     }
     async expandFileMentions() {
         if (this.isStreaming) {
-            this.addSystemMessage("cannot expand files while streaming. try again after the response.", palette.noticeWarn);
+            this.addSystemMessage("cannot expand files while streaming. try again after the response.", "warn");
             return;
         }
         const editorText = this.editor.getText();