claude-relay 2.3.1 → 2.4.0

package/lib/public/modules/tools.js

@@ -1,4 +1,4 @@
-import { escapeHtml } from './utils.js';
+import { escapeHtml, copyToClipboard } from './utils.js';
 import { iconHtml, refreshIcons, randomThinkingVerb } from './icons.js';
 import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks } from './markdown.js';
 import { renderUnifiedDiff, renderSplitDiff, renderPatchDiff } from './diff.js';
@@ -21,11 +21,110 @@ var tools = {};
 var currentThinking = null;
 var pendingPermissions = {};
 
+// --- Tool group tracking ---
+var currentToolGroup = null;
+var toolGroupCounter = 0;
+var toolGroups = {};
+
 // --- Tool helpers ---
 var PLAN_MODE_TOOLS = { EnterPlanMode: 1, ExitPlanMode: 1 };
 var TODO_TOOLS = { TodoWrite: 1, TaskCreate: 1, TaskUpdate: 1, TaskList: 1, TaskGet: 1 };
 var HIDDEN_RESULT_TOOLS = { EnterPlanMode: 1, ExitPlanMode: 1, TaskCreate: 1, TaskUpdate: 1, TaskList: 1, TaskGet: 1, TodoWrite: 1 };
 
+// --- Tool group helpers ---
+function closeToolGroup() {
+  if (currentToolGroup) {
+    currentToolGroup.closed = true;
+  }
+  currentToolGroup = null;
+}
+
+function findToolGroup(groupId) {
+  return toolGroups[groupId] || null;
+}
+
+function toolGroupSummary(group) {
+  var names = group.toolNames;
+  var count = names.length;
+  var allDone = group.doneCount >= count;
+
+  // Count by tool name
+  var counts = {};
+  for (var i = 0; i < names.length; i++) {
+    counts[names[i]] = (counts[names[i]] || 0) + 1;
+  }
+  var uniqueNames = Object.keys(counts);
+
+  if (uniqueNames.length === 1) {
+    var name = uniqueNames[0];
+    var n = counts[name];
+    if (allDone) {
+      switch (name) {
+        case "Read": return "Read " + n + " file" + (n > 1 ? "s" : "");
+        case "Edit": return "Edited " + n + " file" + (n > 1 ? "s" : "");
+        case "Write": return "Wrote " + n + " file" + (n > 1 ? "s" : "");
+        case "Bash": return "Ran " + n + " command" + (n > 1 ? "s" : "");
+        case "Grep": return "Searched " + n + " pattern" + (n > 1 ? "s" : "");
+        case "Glob": return "Found " + n + " pattern" + (n > 1 ? "s" : "");
+        case "Task": return "Ran " + n + " task" + (n > 1 ? "s" : "");
+        case "WebSearch": return "Searched " + n + " quer" + (n > 1 ? "ies" : "y");
+        case "WebFetch": return "Fetched " + n + " URL" + (n > 1 ? "s" : "");
+        default: return "Ran " + n + " tool" + (n > 1 ? "s" : "");
+      }
+    }
+    switch (name) {
+      case "Read": return "Reading " + n + " file" + (n > 1 ? "s" : "") + "...";
+      case "Edit": return "Editing " + n + " file" + (n > 1 ? "s" : "") + "...";
+      case "Write": return "Writing " + n + " file" + (n > 1 ? "s" : "") + "...";
+      case "Bash": return "Running " + n + " command" + (n > 1 ? "s" : "") + "...";
+      case "Grep": return "Searching " + n + " pattern" + (n > 1 ? "s" : "") + "...";
+      case "Glob": return "Finding " + n + " pattern" + (n > 1 ? "s" : "") + "...";
+      case "Task": return "Running " + n + " task" + (n > 1 ? "s" : "") + "...";
+      case "WebSearch": return "Searching " + n + " quer" + (n > 1 ? "ies" : "y") + "...";
+      case "WebFetch": return "Fetching " + n + " URL" + (n > 1 ? "s" : "") + "...";
+      default: return "Running " + n + " tool" + (n > 1 ? "s" : "") + "...";
+    }
+  }
+
+  // Mixed tools
+  if (allDone) return "Ran " + count + " tools";
+  return "Running " + count + " tools...";
+}
+
+function updateToolGroupHeader(group) {
+  if (!group || !group.el) return;
+  var label = group.el.querySelector(".tool-group-label");
+  if (label) label.textContent = toolGroupSummary(group);
+
+  var allDone = group.doneCount >= group.toolCount;
+  var statusIcon = group.el.querySelector(".tool-group-status-icon");
+  var bullet = group.el.querySelector(".tool-group-bullet");
+
+  if (allDone) {
+    group.el.classList.add("done");
+    if (group.errorCount > 0) {
+      statusIcon.innerHTML = '<span class="err-icon">' + iconHtml("alert-triangle") + '</span>';
+      if (bullet) bullet.classList.add("error");
+    } else {
+      statusIcon.innerHTML = '<span class="check">' + iconHtml("check") + '</span>';
+    }
+    refreshIcons();
+  }
+
+  // Show group header only when 2+ visible tools
+  var header = group.el.querySelector(".tool-group-header");
+  if (group.toolCount >= 2) {
+    header.style.display = "";
+    // When 2+ tools, ensure collapsed by default (unless user already toggled)
+    if (!group.userToggled && !group.el.classList.contains("expanded-by-user")) {
+      group.el.classList.add("collapsed");
+    }
+  } else {
+    header.style.display = "none";
+    group.el.classList.remove("collapsed");
+  }
+}
+
 function isPlanFile(filePath) {
   return filePath && filePath.indexOf(".claude/plans/") !== -1;
 }
@@ -73,6 +172,7 @@ function shortPath(p) {
 export function renderAskUserQuestion(toolId, input) {
   ctx.finalizeAssistantBlock();
   stopThinking();
+  closeToolGroup();
 
   var questions = input.questions || [];
   if (questions.length === 0) return;
@@ -261,6 +361,7 @@ export function renderPermissionRequest(requestId, toolName, toolInput, decision
   if (pendingPermissions[requestId]) return;
   ctx.finalizeAssistantBlock();
   stopThinking();
+  closeToolGroup();
 
   // ExitPlanMode: render as plan confirmation instead of generic permission
   if (toolName === "ExitPlanMode") {
@@ -469,6 +570,7 @@ export function markPermissionCancelled(requestId) {
 export function renderPlanBanner(type) {
   ctx.finalizeAssistantBlock();
   stopThinking();
+  closeToolGroup();
 
   var el = document.createElement("div");
   el.className = "plan-banner";
@@ -497,6 +599,7 @@ export function renderPlanBanner(type) {
 
 export function renderPlanCard(content) {
   ctx.finalizeAssistantBlock();
+  closeToolGroup();
 
   var el = document.createElement("div");
   el.className = "plan-card";
@@ -519,7 +622,7 @@ export function renderPlanCard(content) {
   if (copyBtn) {
     copyBtn.addEventListener("click", function (e) {
       e.stopPropagation();
-      navigator.clipboard.writeText(content).then(function () {
+      copyToClipboard(content).then(function () {
         copyBtn.innerHTML = iconHtml("check");
         refreshIcons();
         setTimeout(function () {
@@ -785,6 +888,40 @@ export function createToolItem(id, name) {
   ctx.finalizeAssistantBlock();
   stopThinking();
 
+  // Group management: create new group or reuse existing open group
+  if (!currentToolGroup || currentToolGroup.closed) {
+    toolGroupCounter++;
+    var groupEl = document.createElement("div");
+    groupEl.className = "tool-group";
+    groupEl.dataset.groupId = "g" + toolGroupCounter;
+    groupEl.innerHTML =
+      '<div class="tool-group-header" style="display:none">' +
+      '<span class="tool-group-chevron">' + iconHtml("chevron-right") + '</span>' +
+      '<span class="tool-group-bullet"></span>' +
+      '<span class="tool-group-label">Running...</span>' +
+      '<span class="tool-group-status-icon">' + iconHtml("loader", "icon-spin") + '</span>' +
+      '</div>' +
+      '<div class="tool-group-items"></div>';
+
+    groupEl.querySelector(".tool-group-header").addEventListener("click", function () {
+      groupEl.classList.toggle("collapsed");
+    });
+
+    ctx.addToMessages(groupEl);
+    refreshIcons();
+
+    currentToolGroup = {
+      el: groupEl,
+      id: "g" + toolGroupCounter,
+      toolNames: [],
+      toolCount: 0,
+      doneCount: 0,
+      errorCount: 0,
+      closed: false,
+    };
+    toolGroups[currentToolGroup.id] = currentToolGroup;
+  }
+
   var el = document.createElement("div");
   el.className = "tool-item";
   el.dataset.toolId = id;
@@ -803,11 +940,16 @@ export function createToolItem(id, name) {
 
   el.querySelector(".tool-name").textContent = name;
 
-  ctx.addToMessages(el);
+  // Append to group instead of messages directly
+  currentToolGroup.el.querySelector(".tool-group-items").appendChild(el);
+  currentToolGroup.toolNames.push(name);
+  currentToolGroup.toolCount++;
+  updateToolGroupHeader(currentToolGroup);
+
   refreshIcons();
   ctx.scrollToBottom();
 
-  tools[id] = { el: el, name: name, input: null, done: false };
+  tools[id] = { el: el, name: name, input: null, done: false, groupId: currentToolGroup.id };
   ctx.setActivity("Running " + name + "...");
 }
 
@@ -1095,6 +1237,16 @@ export function markToolDone(id, isError) {
     icon.innerHTML = '<span class="check">' + iconHtml("check") + '</span>';
   }
   refreshIcons();
+
+  // Update group state
+  if (tool.groupId) {
+    var group = findToolGroup(tool.groupId);
+    if (group) {
+      group.doneCount++;
+      if (isError) group.errorCount++;
+      updateToolGroupHeader(group);
+    }
+  }
 }
 
 export function markAllToolsDone() {
@@ -1105,7 +1257,71 @@ export function markAllToolsDone() {
   }
 }
 
+// --- Sub-agent (Task tool) log ---
+export function updateSubagentActivity(parentToolId, text) {
+  var tool = tools[parentToolId];
+  if (!tool || !tool.el) return;
+
+  // Update subtitle text with current activity
+  var subtitleText = tool.el.querySelector(".tool-subtitle-text");
+  if (subtitleText) subtitleText.textContent = text;
+
+  // Update or create the subagent log
+  var log = tool.el.querySelector(".subagent-log");
+  if (!log) {
+    log = document.createElement("div");
+    log.className = "subagent-log";
+    tool.el.appendChild(log);
+  }
+
+  ctx.setActivity(text);
+  ctx.scrollToBottom();
+}
+
+export function addSubagentToolEntry(parentToolId, toolName, toolId, text) {
+  var tool = tools[parentToolId];
+  if (!tool || !tool.el) return;
+
+  // Update subtitle
+  var subtitleText = tool.el.querySelector(".tool-subtitle-text");
+  if (subtitleText) subtitleText.textContent = text;
+
+  // Create log if needed
+  var log = tool.el.querySelector(".subagent-log");
+  if (!log) {
+    log = document.createElement("div");
+    log.className = "subagent-log";
+    tool.el.appendChild(log);
+  }
+
+  // Add entry
+  var entry = document.createElement("div");
+  entry.className = "subagent-log-entry";
+  entry.innerHTML =
+    '<span class="subagent-log-bullet"></span>' +
+    '<span class="subagent-log-tool"></span>' +
+    '<span class="subagent-log-text"></span>';
+  entry.querySelector(".subagent-log-tool").textContent = toolName;
+  entry.querySelector(".subagent-log-text").textContent = text;
+  log.appendChild(entry);
+
+  // Auto-scroll to latest entry
+  log.scrollTop = log.scrollHeight;
+
+  ctx.setActivity(text);
+  ctx.scrollToBottom();
+}
+
+export function markSubagentDone(parentToolId) {
+  var tool = tools[parentToolId];
+  if (!tool || !tool.el) return;
+
+  var subtitleText = tool.el.querySelector(".tool-subtitle-text");
+  if (subtitleText) subtitleText.textContent = "Agent finished";
+}
+
 export function addTurnMeta(cost, duration) {
+  closeToolGroup();
   var div = document.createElement("div");
   div.className = "turn-meta";
   div.dataset.turn = ctx.turnCounter;
@@ -1119,6 +1335,22 @@ export function addTurnMeta(cost, duration) {
   }
 }
 
+// --- Tool group exports ---
+export { closeToolGroup };
+
+export function removeToolFromGroup(toolId) {
+  var tool = tools[toolId];
+  if (!tool || !tool.groupId) return;
+  var group = findToolGroup(tool.groupId);
+  if (!group) return;
+  group.toolCount--;
+  // Remove tool name from the names array (remove first occurrence)
+  var idx = group.toolNames.indexOf(tool.name);
+  if (idx !== -1) group.toolNames.splice(idx, 1);
+  if (tool.done) group.doneCount--;
+  updateToolGroupHeader(group);
+}
+
 // Expose state getters and reset
 export function getTools() { return tools; }
 export function isInPlanMode() { return inPlanMode; }
@@ -1136,6 +1368,9 @@ export function saveToolState() {
     todoWidgetEl: todoWidgetEl,
     inPlanMode: inPlanMode,
     planContent: planContent,
+    currentToolGroup: currentToolGroup,
+    toolGroupCounter: toolGroupCounter,
+    toolGroups: toolGroups,
   };
 }
 
@@ -1145,6 +1380,9 @@ export function restoreToolState(saved) {
   todoWidgetEl = saved.todoWidgetEl;
   inPlanMode = saved.inPlanMode;
   planContent = saved.planContent;
+  currentToolGroup = saved.currentToolGroup;
+  toolGroupCounter = saved.toolGroupCounter;
+  toolGroups = saved.toolGroups;
   if (todoWidgetEl) {
     setupTodoObserver();
   }
@@ -1160,6 +1398,9 @@ export function resetToolState() {
   todoWidgetVisible = true;
   if (todoObserver) { todoObserver.disconnect(); todoObserver = null; }
   pendingPermissions = {};
+  currentToolGroup = null;
+  toolGroupCounter = 0;
+  toolGroups = {};
   var stickyEl = document.getElementById("todo-sticky");
   if (stickyEl) { stickyEl.classList.add("hidden"); stickyEl.innerHTML = ""; }
 }

package/lib/public/modules/utils.js

@@ -18,19 +18,35 @@ export function showToast(message, level, detail) {
   }, duration);
 }
 
+var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) ||
+  (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+
 export function copyToClipboard(text) {
   var p;
-  if (navigator.clipboard && navigator.clipboard.writeText) {
-    p = navigator.clipboard.writeText(text);
-  } else {
+  if (isIOS) {
+    // iOS Safari URL-encodes clipboard text that contains colons via the
+    // Clipboard API. Use textarea + execCommand to copy raw text instead.
     var ta = document.createElement("textarea");
     ta.value = text;
-    ta.style.cssText = "position:fixed;opacity:0";
+    ta.style.cssText = "position:fixed;left:-9999px;opacity:0";
     document.body.appendChild(ta);
-    ta.select();
+    ta.focus();
+    ta.setSelectionRange(0, ta.value.length);
     document.execCommand("copy");
     document.body.removeChild(ta);
     p = Promise.resolve();
+  } else if (navigator.clipboard && navigator.clipboard.writeText) {
+    p = navigator.clipboard.writeText(text);
+  } else {
+    var ta2 = document.createElement("textarea");
+    ta2.value = text;
+    ta2.style.cssText = "position:fixed;left:-9999px;opacity:0";
+    document.body.appendChild(ta2);
+    ta2.focus();
+    ta2.setSelectionRange(0, ta2.value.length);
+    document.execCommand("copy");
+    document.body.removeChild(ta2);
+    p = Promise.resolve();
   }
   return p.then(function () { showToast("Copied to clipboard"); });
 }

package/lib/public/style.css

@@ -7,3 +7,4 @@
 @import url("css/input.css");
 @import url("css/filebrowser.css");
 @import url("css/diff.css");
+@import url("css/highlight.css");

package/lib/sdk-bridge.js

@@ -137,6 +137,13 @@ function createSDKBridge(opts) {
           var input = {};
           try { input = JSON.parse(block.inputJson); } catch {}
           sendAndRecord(session, { type: "tool_executing", id: block.id, name: block.name, input: input });
+
+          // Track active Task tools for sub-agent done detection
+          if (block.name === "Task") {
+            if (!session.activeTaskToolIds) session.activeTaskToolIds = {};
+            session.activeTaskToolIds[block.id] = true;
+          }
+
           if (pushModule && block.name === "AskUserQuestion" && input.questions) {
             var q = input.questions[0];
             pushModule.sendPush({
@@ -155,6 +162,12 @@ function createSDKBridge(opts) {
       }
 
     } else if ((parsed.type === "assistant" || parsed.type === "user") && parsed.message && parsed.message.content) {
+      // Sub-agent messages: extract tool_use blocks for activity display
+      if (parsed.parent_tool_use_id) {
+        processSubagentMessage(session, parsed);
+        return;
+      }
+
       var content = parsed.message.content;
 
       // Fallback: if assistant text wasn't streamed via deltas, send it now
@@ -191,6 +204,14 @@ function createSDKBridge(opts) {
         for (var i = 0; i < content.length; i++) {
           var block = content[i];
           if (block.type === "tool_result" && !session.sentToolResults[block.tool_use_id]) {
+            // Clear active Task tool when its result arrives
+            if (session.activeTaskToolIds && session.activeTaskToolIds[block.tool_use_id]) {
+              sendAndRecord(session, {
+                type: "subagent_done",
+                parentToolId: block.tool_use_id,
+              });
+              delete session.activeTaskToolIds[block.tool_use_id];
+            }
             var resultText = "";
             if (typeof block.content === "string") {
               resultText = block.content;
@@ -216,6 +237,7 @@ function createSDKBridge(opts) {
       session.sentToolResults = {};
       session.pendingPermissions = {};
       session.pendingAskUser = {};
+      session.activeTaskToolIds = {};
       session.isProcessing = false;
       sendAndRecord(session, {
         type: "result",
@@ -250,10 +272,82 @@ function createSDKBridge(opts) {
       }
       session.compacting = parsed.status === "compacting";
 
+    } else if (parsed.type === "tool_progress") {
+      // Sub-agent tool_progress: forward as activity update
+      var parentId = parsed.parent_tool_use_id;
+      if (parentId) {
+        sendAndRecord(session, {
+          type: "subagent_activity",
+          parentToolId: parentId,
+          text: parsed.content || "",
+        });
+      }
+
+    } else if (parsed.type === "task_notification") {
+      // Sub-agent finished
+      var parentId = parsed.parent_tool_use_id;
+      if (parentId) {
+        sendAndRecord(session, {
+          type: "subagent_done",
+          parentToolId: parentId,
+        });
+      }
+
     } else if (parsed.type && parsed.type !== "system" && parsed.type !== "user") {
     }
   }
 
+  // --- Sub-agent message processing ---
+
+  function toolActivityTextForSubagent(name, input) {
+    if (name === "Bash" && input && input.description) return input.description;
+    if (name === "Read" && input && input.file_path) return "Reading " + input.file_path.split("/").pop();
+    if (name === "Edit" && input && input.file_path) return "Editing " + input.file_path.split("/").pop();
+    if (name === "Write" && input && input.file_path) return "Writing " + input.file_path.split("/").pop();
+    if (name === "Grep" && input && input.pattern) return "Searching for " + input.pattern;
+    if (name === "Glob" && input && input.pattern) return "Finding " + input.pattern;
+    if (name === "WebSearch" && input && input.query) return "Searching: " + input.query;
+    if (name === "WebFetch") return "Fetching URL...";
+    if (name === "Task" && input && input.description) return input.description;
+    return "Running " + name + "...";
+  }
+
+  function processSubagentMessage(session, parsed) {
+    var parentId = parsed.parent_tool_use_id;
+    var content = parsed.message.content;
+    if (!Array.isArray(content)) return;
+
+    if (parsed.type === "assistant") {
+      // Extract tool_use blocks from sub-agent assistant messages
+      for (var i = 0; i < content.length; i++) {
+        var block = content[i];
+        if (block.type === "tool_use") {
+          var activityText = toolActivityTextForSubagent(block.name, block.input);
+          sendAndRecord(session, {
+            type: "subagent_tool",
+            parentToolId: parentId,
+            toolName: block.name,
+            toolId: block.id,
+            text: activityText,
+          });
+        } else if (block.type === "thinking") {
+          sendAndRecord(session, {
+            type: "subagent_activity",
+            parentToolId: parentId,
+            text: "Thinking...",
+          });
+        } else if (block.type === "text" && block.text) {
+          sendAndRecord(session, {
+            type: "subagent_activity",
+            parentToolId: parentId,
+            text: "Writing response...",
+          });
+        }
+      }
+    }
+    // user messages with parent_tool_use_id contain tool_results — skip silently
+  }
+
   // --- SDK query lifecycle ---
 
   function handleCanUseTool(session, toolName, input, opts) {
@@ -404,6 +498,7 @@ function createSDKBridge(opts) {
     session.messageQueue = createMessageQueue();
     session.blocks = {};
     session.sentToolResults = {};
+    session.activeTaskToolIds = {};
     session.streamedText = false;
     session.responsePreview = "";
 

package/lib/server.js

@@ -6,7 +6,11 @@ var { WebSocketServer } = require("ws");
 var { pinPageHtml, setupPageHtml, dashboardPageHtml } = require("./pages");
 var { createProjectContext } = require("./project");
 
+var { CONFIG_DIR } = require("./config");
+
 var publicDir = path.join(__dirname, "public");
+var bundledThemesDir = path.join(__dirname, "themes");
+var userThemesDir = path.join(CONFIG_DIR, "themes");
 
 var MIME_TYPES = {
   ".html": "text/html",
@@ -124,6 +128,8 @@ function createServer(opts) {
   var debug = opts.debug || false;
   var dangerouslySkipPermissions = opts.dangerouslySkipPermissions || false;
   var lanHost = opts.lanHost || null;
+  var onAddProject = opts.onAddProject || null;
+  var onRemoveProject = opts.onRemoveProject || null;
 
   var authToken = pinHash || null;
   var realVersion = require("../package.json").version;
@@ -243,6 +249,39 @@ function createServer(opts) {
       return;
     }
 
+    // Theme list: bundled (lib/themes/) + user (~/.claude-relay/themes/)
+    if (req.method === "GET" && fullUrl === "/api/themes") {
+      var bundled = {};
+      var custom = {};
+      // Read bundled themes
+      try {
+        var bFiles = fs.readdirSync(bundledThemesDir);
+        for (var i = 0; i < bFiles.length; i++) {
+          if (!bFiles[i].endsWith(".json")) continue;
+          try {
+            var raw = fs.readFileSync(path.join(bundledThemesDir, bFiles[i]), "utf8");
+            var id = bFiles[i].replace(/\.json$/, "");
+            bundled[id] = JSON.parse(raw);
+          } catch (e) {}
+        }
+      } catch (e) {}
+      // Read user themes (override bundled if same id)
+      try {
+        var uFiles = fs.readdirSync(userThemesDir);
+        for (var j = 0; j < uFiles.length; j++) {
+          if (!uFiles[j].endsWith(".json")) continue;
+          try {
+            var uRaw = fs.readFileSync(path.join(userThemesDir, uFiles[j]), "utf8");
+            var uid = uFiles[j].replace(/\.json$/, "");
+            custom[uid] = JSON.parse(uRaw);
+          } catch (e) {}
+        }
+      } catch (e) {}
+      res.writeHead(200, { "Content-Type": "application/json" });
+      res.end(JSON.stringify({ bundled: bundled, custom: custom }));
+      return;
+    }
+
     // Root path — dashboard or redirect
     if (fullUrl === "/" && req.method === "GET") {
       if (!isAuthed(req, authToken)) {
@@ -472,6 +511,8 @@ function createServer(opts) {
         projects.forEach(function (ctx) { list.push(ctx.getStatus()); });
         return list;
       },
+      onAddProject: onAddProject,
+      onRemoveProject: onRemoveProject,
     });
     projects.set(slug, ctx);
     ctx.warmup();

package/lib/sessions.js

@@ -253,7 +253,20 @@ function createSessionManager(opts) {
     }
   }
 
-  function resumeSession(cliSessionId) {
+  function resumeSession(cliSessionId, opts) {
+    // If a session with this cliSessionId already exists, just switch to it
+    var existing = null;
+    sessions.forEach(function (s) {
+      if (s.cliSessionId === cliSessionId) existing = s;
+    });
+    if (existing) {
+      existing.lastActivity = Date.now();
+      switchSession(existing.localId);
+      return existing;
+    }
+
+    var cliHistory = (opts && opts.history) || [];
+    var title = (opts && opts.title) || "Resumed session";
     var localId = nextLocalId++;
     var session = {
       localId: localId,
@@ -266,9 +279,9 @@ function createSessionManager(opts) {
       pendingAskUser: {},
       allowedTools: {},
       isProcessing: false,
-      title: "Resumed session",
+      title: title,
       createdAt: Date.now(),
-      history: [],
+      history: cliHistory,
       messageUUIDs: [],
     };
     sessions.set(localId, session);

package/lib/themes/ayu-light.json

@@ -0,0 +1,9 @@
+{
+  "name": "Ayu Light",
+  "author": "Ike Ku",
+  "variant": "light",
+  "base00": "FAFAFA", "base01": "EDEFF1", "base02": "D2D4D8", "base03": "A0A6AC",
+  "base04": "8A9199", "base05": "5C6166", "base06": "4E5257", "base07": "404447",
+  "base08": "F07171", "base09": "FA8D3E", "base0A": "F2AE49", "base0B": "6CBF49",
+  "base0C": "4CBF99", "base0D": "399EE6", "base0E": "A37ACC", "base0F": "E6BA7E"
+}

package/lib/themes/catppuccin-latte.json

@@ -0,0 +1,9 @@
+{
+  "name": "Catppuccin Latte",
+  "author": "catppuccin",
+  "variant": "light",
+  "base00": "eff1f5", "base01": "e6e9ef", "base02": "ccd0da", "base03": "9ca0b0",
+  "base04": "8c8fa1", "base05": "5c5f77", "base06": "4c4f69", "base07": "303446",
+  "base08": "d20f39", "base09": "fe640b", "base0A": "df8e1d", "base0B": "40a02b",
+  "base0C": "179299", "base0D": "1e66f5", "base0E": "8839ef", "base0F": "dd7878"
+}

package/lib/themes/catppuccin-mocha.json

@@ -0,0 +1,9 @@
+{
+  "name": "Catppuccin Mocha",
+  "author": "catppuccin",
+  "variant": "dark",
+  "base00": "1e1e2e", "base01": "181825", "base02": "313244", "base03": "45475a",
+  "base04": "585b70", "base05": "cdd6f4", "base06": "f5e0dc", "base07": "b4befe",
+  "base08": "f38ba8", "base09": "fab387", "base0A": "f9e2af", "base0B": "a6e3a1",
+  "base0C": "94e2d5", "base0D": "89b4fa", "base0E": "cba6f7", "base0F": "f2cdcd"
+}