claude-relay 2.4.2 → 2.5.0

package/lib/public/modules/tools.js

@@ -1,1410 +0,0 @@
-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';
-import { openFile } from './filebrowser.js';
-
-var ctx;
-
-// --- Plan mode state ---
-var inPlanMode = false;
-var planContent = null;
-
-// --- Todo state ---
-var todoItems = [];
-var todoWidgetEl = null;
-var todoWidgetVisible = true; // whether in-chat widget is in viewport
-var todoObserver = null;
-
-// --- Tool tracking ---
-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;
-}
-
-export function toolSummary(name, input) {
-  if (!input || typeof input !== "object") return "";
-  switch (name) {
-    case "Read": return shortPath(input.file_path);
-    case "Edit": return shortPath(input.file_path);
-    case "Write": return shortPath(input.file_path);
-    case "Bash": return (input.command || "").substring(0, 80);
-    case "Glob": return input.pattern || "";
-    case "Grep": return (input.pattern || "") + (input.path ? " in " + shortPath(input.path) : "");
-    case "WebFetch": return input.url || "";
-    case "WebSearch": return input.query || "";
-    case "Task": return input.description || "";
-    case "EnterPlanMode": return "";
-    case "ExitPlanMode": return "";
-    default: return JSON.stringify(input).substring(0, 60);
-  }
-}
-
-export function toolActivityText(name, input) {
-  if (name === "Bash" && input && input.description) return input.description;
-  if (name === "Read" && input && input.file_path) return "Reading " + shortPath(input.file_path);
-  if (name === "Edit" && input && input.file_path) return "Editing " + shortPath(input.file_path);
-  if (name === "Write" && input && input.file_path) return "Writing " + shortPath(input.file_path);
-  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;
-  if (name === "EnterPlanMode") return "Entering plan mode...";
-  if (name === "ExitPlanMode") return "Finalizing the plan...";
-  return "Running " + name + "...";
-}
-
-function shortPath(p) {
-  if (!p) return "";
-  var parts = p.split("/");
-  return parts.length > 3 ? ".../" + parts.slice(-3).join("/") : p;
-}
-
-// --- AskUserQuestion ---
-export function renderAskUserQuestion(toolId, input) {
-  ctx.finalizeAssistantBlock();
-  stopThinking();
-  closeToolGroup();
-
-  var questions = input.questions || [];
-  if (questions.length === 0) return;
-
-  var container = document.createElement("div");
-  container.className = "ask-user-container";
-  container.dataset.toolId = toolId;
-
-  var answers = {};
-  var multiSelections = {};
-
-  questions.forEach(function (q, qIdx) {
-    var qDiv = document.createElement("div");
-    qDiv.className = "ask-user-question";
-
-    var qText = document.createElement("div");
-    qText.className = "ask-user-question-text";
-    qText.textContent = q.question || "";
-    qDiv.appendChild(qText);
-
-    var optionsDiv = document.createElement("div");
-    optionsDiv.className = "ask-user-options";
-
-    var isMulti = q.multiSelect || false;
-    if (isMulti) multiSelections[qIdx] = new Set();
-
-    (q.options || []).forEach(function (opt) {
-      var btn = document.createElement("button");
-      btn.className = "ask-user-option";
-      btn.innerHTML =
-        '<div class="option-label"></div>' +
-        (opt.description ? '<div class="option-desc"></div>' : '');
-      btn.querySelector(".option-label").textContent = opt.label;
-      if (opt.description) btn.querySelector(".option-desc").textContent = opt.description;
-
-      btn.addEventListener("click", function () {
-        if (container.classList.contains("answered")) return;
-
-        if (isMulti) {
-          var set = multiSelections[qIdx];
-          if (set.has(opt.label)) {
-            set.delete(opt.label);
-            btn.classList.remove("selected");
-          } else {
-            set.add(opt.label);
-            btn.classList.add("selected");
-          }
-        } else {
-          optionsDiv.querySelectorAll(".ask-user-option").forEach(function (b) {
-            b.classList.remove("selected");
-          });
-          btn.classList.add("selected");
-          answers[qIdx] = opt.label;
-          var otherInput = qDiv.querySelector(".ask-user-other input");
-          if (otherInput) otherInput.value = "";
-          if (questions.length === 1) {
-            submitAskUserAnswer(container, toolId, questions, answers, multiSelections);
-          }
-        }
-      });
-
-      optionsDiv.appendChild(btn);
-    });
-
-    qDiv.appendChild(optionsDiv);
-
-    // "Other" text input
-    var otherDiv = document.createElement("div");
-    otherDiv.className = "ask-user-other";
-    var otherInput = document.createElement("input");
-    otherInput.type = "text";
-    otherInput.placeholder = "Other...";
-    otherInput.addEventListener("input", function () {
-      if (container.classList.contains("answered")) return;
-      if (otherInput.value.trim()) {
-        optionsDiv.querySelectorAll(".ask-user-option").forEach(function (b) {
-          b.classList.remove("selected");
-        });
-        if (isMulti) multiSelections[qIdx] = new Set();
-        answers[qIdx] = otherInput.value.trim();
-      }
-    });
-    otherInput.addEventListener("keydown", function (e) {
-      if (e.key === "Enter" && !e.shiftKey) {
-        e.preventDefault();
-        submitAskUserAnswer(container, toolId, questions, answers, multiSelections);
-      }
-    });
-    otherDiv.appendChild(otherInput);
-    qDiv.appendChild(otherDiv);
-    container.appendChild(qDiv);
-  });
-
-  // Single submit button at the bottom (only for multi-question)
-  if (questions.length > 1) {
-    var submitBtn = document.createElement("button");
-    submitBtn.className = "ask-user-submit";
-    submitBtn.textContent = "Submit";
-    submitBtn.addEventListener("click", function () {
-      submitAskUserAnswer(container, toolId, questions, answers, multiSelections);
-    });
-    container.appendChild(submitBtn);
-  }
-
-  // Skip button
-  var skipBtn = document.createElement("button");
-  skipBtn.className = "ask-user-skip";
-  skipBtn.textContent = "Skip";
-  skipBtn.addEventListener("click", function () {
-    if (container.classList.contains("answered")) return;
-    container.classList.add("answered");
-    enableMainInput();
-    if (ctx.ws && ctx.connected) {
-      ctx.ws.send(JSON.stringify({ type: "stop" }));
-    }
-  });
-  container.appendChild(skipBtn);
-
-  ctx.addToMessages(container);
-  disableMainInput();
-  ctx.setActivity(null);
-  ctx.scrollToBottom();
-}
-
-export function disableMainInput() {
-  ctx.inputEl.disabled = true;
-  ctx.inputEl.placeholder = "Answer the question above to continue...";
-}
-
-export function enableMainInput() {
-  ctx.inputEl.disabled = false;
-  ctx.inputEl.placeholder = "Message Claude Code...";
-}
-
-function submitAskUserAnswer(container, toolId, questions, answers, multiSelections) {
-  if (container.classList.contains("answered")) return;
-
-  var result = {};
-  for (var i = 0; i < questions.length; i++) {
-    var q = questions[i];
-    if (q.multiSelect && multiSelections[i] && multiSelections[i].size > 0) {
-      result[i] = Array.from(multiSelections[i]).join(", ");
-    } else if (answers[i]) {
-      result[i] = answers[i];
-    }
-  }
-
-  if (Object.keys(result).length === 0) return;
-
-  container.classList.add("answered");
-  enableMainInput();
-  if (ctx.stopUrgentBlink) ctx.stopUrgentBlink();
-
-  if (ctx.ws && ctx.connected) {
-    ctx.ws.send(JSON.stringify({
-      type: "ask_user_response",
-      toolId: toolId,
-      answers: result,
-    }));
-  }
-}
-
-export function markAskUserAnswered(toolId) {
-  var container = document.querySelector('.ask-user-container[data-tool-id="' + toolId + '"]');
-  if (container && !container.classList.contains("answered")) {
-    container.classList.add("answered");
-    enableMainInput();
-  }
-}
-
-// --- Permission request ---
-function permissionInputSummary(toolName, input) {
-  if (!input || typeof input !== "object") return "";
-  switch (toolName) {
-    case "Bash": return input.command || input.description || "";
-    case "Edit": return shortPath(input.file_path);
-    case "Write": return shortPath(input.file_path);
-    case "Read": return shortPath(input.file_path);
-    case "Glob": return input.pattern || "";
-    case "Grep": return (input.pattern || "") + (input.path ? " in " + shortPath(input.path) : "");
-    default: return toolSummary(toolName, input);
-  }
-}
-
-export function renderPermissionRequest(requestId, toolName, toolInput, decisionReason) {
-  if (pendingPermissions[requestId]) return;
-  ctx.finalizeAssistantBlock();
-  stopThinking();
-  closeToolGroup();
-
-  // ExitPlanMode: render as plan confirmation instead of generic permission
-  if (toolName === "ExitPlanMode") {
-    renderPlanPermission(requestId);
-    return;
-  }
-
-  var container = document.createElement("div");
-  container.className = "permission-container";
-  container.dataset.requestId = requestId;
-
-  // Header
-  var header = document.createElement("div");
-  header.className = "permission-header";
-  header.innerHTML =
-    '<span class="permission-icon">' + iconHtml("shield") + '</span>' +
-    '<span class="permission-title">Permission Required</span>';
-
-  // Body
-  var body = document.createElement("div");
-  body.className = "permission-body";
-
-  var summary = document.createElement("div");
-  summary.className = "permission-summary";
-  var summaryText = permissionInputSummary(toolName, toolInput);
-  summary.innerHTML =
-    '<span class="permission-tool-name"></span>' +
-    (summaryText ? '<span class="permission-tool-desc"></span>' : '');
-  summary.querySelector(".permission-tool-name").textContent = toolName;
-  if (summaryText) {
-    summary.querySelector(".permission-tool-desc").textContent = summaryText;
-  }
-  body.appendChild(summary);
-
-  if (decisionReason) {
-    var reason = document.createElement("div");
-    reason.className = "permission-reason";
-    reason.textContent = decisionReason;
-    body.appendChild(reason);
-  }
-
-  // Collapsible details
-  var details = document.createElement("details");
-  details.className = "permission-details";
-  var detailsSummary = document.createElement("summary");
-  detailsSummary.textContent = "Details";
-  var detailsPre = document.createElement("pre");
-  detailsPre.textContent = JSON.stringify(toolInput, null, 2);
-  details.appendChild(detailsSummary);
-  details.appendChild(detailsPre);
-  body.appendChild(details);
-
-  // Actions
-  var actions = document.createElement("div");
-  actions.className = "permission-actions";
-
-  var allowBtn = document.createElement("button");
-  allowBtn.className = "permission-btn permission-allow";
-  allowBtn.textContent = "Allow Once";
-  allowBtn.addEventListener("click", function () {
-    sendPermissionResponse(container, requestId, "allow");
-  });
-
-  var allowAlwaysBtn = document.createElement("button");
-  allowAlwaysBtn.className = "permission-btn permission-allow-session";
-  allowAlwaysBtn.textContent = "Always Allow";
-  allowAlwaysBtn.addEventListener("click", function () {
-    sendPermissionResponse(container, requestId, "allow_always");
-  });
-
-  var denyBtn = document.createElement("button");
-  denyBtn.className = "permission-btn permission-deny";
-  denyBtn.textContent = "Deny";
-  denyBtn.addEventListener("click", function () {
-    sendPermissionResponse(container, requestId, "deny");
-  });
-
-  actions.appendChild(allowBtn);
-  actions.appendChild(allowAlwaysBtn);
-  actions.appendChild(denyBtn);
-
-  container.appendChild(header);
-  container.appendChild(body);
-  container.appendChild(actions);
-  ctx.addToMessages(container);
-
-  pendingPermissions[requestId] = container;
-  refreshIcons();
-  ctx.setActivity(null);
-  ctx.scrollToBottom();
-}
-
-function renderPlanPermission(requestId) {
-  if (pendingPermissions[requestId]) return;
-  var container = document.createElement("div");
-  container.className = "permission-container plan-permission";
-  container.dataset.requestId = requestId;
-
-  // Header
-  var header = document.createElement("div");
-  header.className = "permission-header plan-permission-header";
-  header.innerHTML =
-    '<span class="permission-icon">' + iconHtml("check-circle") + '</span>' +
-    '<span class="permission-title">Plan Approval</span>';
-
-  // Body (plan content already visible above, no need to repeat)
-  var body = document.createElement("div");
-  body.className = "permission-body";
-
-  // Actions
-  var actions = document.createElement("div");
-  actions.className = "permission-actions";
-
-  var approveBtn = document.createElement("button");
-  approveBtn.className = "permission-btn permission-allow";
-  approveBtn.textContent = "Approve Plan";
-  approveBtn.addEventListener("click", function () {
-    sendPermissionResponse(container, requestId, "allow");
-  });
-
-  var rejectBtn = document.createElement("button");
-  rejectBtn.className = "permission-btn permission-deny";
-  rejectBtn.textContent = "Reject Plan";
-  rejectBtn.addEventListener("click", function () {
-    sendPermissionResponse(container, requestId, "deny");
-  });
-
-  actions.appendChild(approveBtn);
-  actions.appendChild(rejectBtn);
-
-  container.appendChild(header);
-  container.appendChild(body);
-  container.appendChild(actions);
-  ctx.addToMessages(container);
-
-  pendingPermissions[requestId] = container;
-  refreshIcons();
-  ctx.setActivity(null);
-  ctx.scrollToBottom();
-}
-
-function sendPermissionResponse(container, requestId, decision) {
-  if (container.classList.contains("resolved")) return;
-  container.classList.add("resolved");
-  if (ctx.stopUrgentBlink) ctx.stopUrgentBlink();
-
-  var label = decision === "deny" ? "Denied" : "Allowed";
-  var resolvedClass = decision === "deny" ? "resolved-denied" : "resolved-allowed";
-  container.classList.add(resolvedClass);
-
-  // Replace actions with decision label
-  var actions = container.querySelector(".permission-actions");
-  if (actions) {
-    actions.innerHTML = '<span class="permission-decision-label">' + label + '</span>';
-  }
-
-  if (ctx.ws && ctx.connected) {
-    ctx.ws.send(JSON.stringify({
-      type: "permission_response",
-      requestId: requestId,
-      decision: decision,
-    }));
-  }
-
-  delete pendingPermissions[requestId];
-}
-
-export function markPermissionResolved(requestId, decision) {
-  var container = pendingPermissions[requestId];
-  if (!container) {
-    // Find by data attribute (history replay)
-    container = ctx.messagesEl.querySelector('[data-request-id="' + requestId + '"]');
-  }
-  if (!container || container.classList.contains("resolved")) return;
-
-  container.classList.add("resolved");
-  var resolvedClass = decision === "deny" ? "resolved-denied" : "resolved-allowed";
-  container.classList.add(resolvedClass);
-
-  var label = decision === "deny" ? "Denied" : "Allowed";
-  var actions = container.querySelector(".permission-actions");
-  if (actions) {
-    actions.innerHTML = '<span class="permission-decision-label">' + label + '</span>';
-  }
-
-  delete pendingPermissions[requestId];
-}
-
-export function markPermissionCancelled(requestId) {
-  var container = pendingPermissions[requestId];
-  if (!container) {
-    container = ctx.messagesEl.querySelector('[data-request-id="' + requestId + '"]');
-  }
-  if (!container || container.classList.contains("resolved")) return;
-
-  container.classList.add("resolved", "resolved-cancelled");
-  var actions = container.querySelector(".permission-actions");
-  if (actions) {
-    actions.innerHTML = '<span class="permission-decision-label">Cancelled</span>';
-  }
-
-  delete pendingPermissions[requestId];
-}
-
-// --- Plan mode rendering ---
-export function renderPlanBanner(type) {
-  ctx.finalizeAssistantBlock();
-  stopThinking();
-  closeToolGroup();
-
-  var el = document.createElement("div");
-  el.className = "plan-banner";
-
-  if (type === "enter") {
-    inPlanMode = true;
-    planContent = null;
-    el.innerHTML =
-      '<span class="plan-banner-icon">' + iconHtml("map") + '</span>' +
-      '<span class="plan-banner-text">Entered plan mode</span>' +
-      '<span class="plan-banner-hint">Exploring codebase and designing implementation...</span>';
-    el.classList.add("plan-enter");
-  } else {
-    inPlanMode = false;
-    el.innerHTML =
-      '<span class="plan-banner-icon">' + iconHtml("check-circle") + '</span>' +
-      '<span class="plan-banner-text">Plan ready for review</span>';
-    el.classList.add("plan-exit");
-  }
-
-  ctx.addToMessages(el);
-  refreshIcons();
-  ctx.scrollToBottom();
-  return el;
-}
-
-export function renderPlanCard(content) {
-  ctx.finalizeAssistantBlock();
-  closeToolGroup();
-
-  var el = document.createElement("div");
-  el.className = "plan-card";
-
-  var header = document.createElement("div");
-  header.className = "plan-card-header";
-  header.innerHTML =
-    '<span class="plan-card-icon">' + iconHtml("file-text") + '</span>' +
-    '<span class="plan-card-title">Implementation Plan</span>' +
-    '<button class="plan-card-copy" title="Copy plan">' + iconHtml("copy") + '</button>' +
-    '<span class="plan-card-chevron">' + iconHtml("chevron-down") + '</span>';
-
-  var body = document.createElement("div");
-  body.className = "plan-card-body";
-  body.innerHTML = renderMarkdown(content);
-  highlightCodeBlocks(body);
-  renderMermaidBlocks(body);
-
-  var copyBtn = header.querySelector(".plan-card-copy");
-  if (copyBtn) {
-    copyBtn.addEventListener("click", function (e) {
-      e.stopPropagation();
-      copyToClipboard(content).then(function () {
-        copyBtn.innerHTML = iconHtml("check");
-        refreshIcons();
-        setTimeout(function () {
-          copyBtn.innerHTML = iconHtml("copy");
-          refreshIcons();
-        }, 1500);
-      });
-    });
-  }
-
-  header.addEventListener("click", function () {
-    el.classList.toggle("collapsed");
-  });
-
-  el.appendChild(header);
-  el.appendChild(body);
-  ctx.addToMessages(el);
-  refreshIcons();
-  ctx.scrollToBottom();
-  return el;
-}
-
-// --- Todo rendering ---
-function todoStatusIcon(status) {
-  switch (status) {
-    case "completed": return iconHtml("check-circle");
-    case "in_progress": return iconHtml("loader", "icon-spin");
-    default: return iconHtml("circle");
-  }
-}
-
-export function handleTodoWrite(input) {
-  if (!input || !Array.isArray(input.todos)) return;
-  todoItems = input.todos.map(function (t, i) {
-    return {
-      id: t.id || String(i + 1),
-      content: t.content || t.subject || "",
-      status: t.status || "pending",
-      activeForm: t.activeForm || "",
-    };
-  });
-  renderTodoWidget();
-}
-
-export function handleTaskCreate(input) {
-  if (!input) return;
-  var id = String(todoItems.length + 1);
-  todoItems.push({
-    id: id,
-    content: input.subject || input.description || "",
-    status: "pending",
-    activeForm: input.activeForm || "",
-  });
-  renderTodoWidget();
-}
-
-export function handleTaskUpdate(input) {
-  if (!input || !input.taskId) return;
-  for (var i = 0; i < todoItems.length; i++) {
-    if (todoItems[i].id === input.taskId) {
-      if (input.status === "deleted") {
-        todoItems.splice(i, 1);
-      } else {
-        if (input.status) todoItems[i].status = input.status;
-        if (input.subject) todoItems[i].content = input.subject;
-        if (input.activeForm) todoItems[i].activeForm = input.activeForm;
-      }
-      break;
-    }
-  }
-  renderTodoWidget();
-}
-
-function renderTodoWidget() {
-  if (todoItems.length === 0) {
-    if (todoWidgetEl) { todoWidgetEl.remove(); todoWidgetEl = null; }
-    if (todoObserver) { todoObserver.disconnect(); todoObserver = null; }
-    todoWidgetVisible = true;
-    updateTodoSticky();
-    return;
-  }
-
-  var isNew = !todoWidgetEl;
-  if (isNew) {
-    todoWidgetEl = document.createElement("div");
-    todoWidgetEl.className = "todo-widget";
-  }
-
-  var completed = 0;
-  for (var i = 0; i < todoItems.length; i++) {
-    if (todoItems[i].status === "completed") completed++;
-  }
-
-  var html = '<div class="todo-header">' +
-    '<span class="todo-header-icon">' + iconHtml("list-checks") + '</span>' +
-    '<span class="todo-header-title">Tasks</span>' +
-    '<span class="todo-header-count">' + completed + '/' + todoItems.length + '</span>' +
-    '</div>';
-  html += '<div class="todo-progress"><div class="todo-progress-bar" style="width:' +
-    (todoItems.length > 0 ? Math.round(completed / todoItems.length * 100) : 0) + '%"></div></div>';
-  html += '<div class="todo-items">';
-  for (var i = 0; i < todoItems.length; i++) {
-    var t = todoItems[i];
-    var statusClass = t.status === "completed" ? "completed" : t.status === "in_progress" ? "in-progress" : "pending";
-    html += '<div class="todo-item ' + statusClass + '">' +
-      '<span class="todo-item-icon">' + todoStatusIcon(t.status) + '</span>' +
-      '<span class="todo-item-text">' + escapeHtml(t.status === "in_progress" && t.activeForm ? t.activeForm : t.content) + '</span>' +
-      '</div>';
-  }
-  html += '</div>';
-
-  todoWidgetEl.innerHTML = html;
-
-  if (isNew) {
-    ctx.addToMessages(todoWidgetEl);
-    setupTodoObserver();
-  }
-  updateTodoSticky();
-  refreshIcons();
-  ctx.scrollToBottom();
-}
-
-function setupTodoObserver() {
-  if (todoObserver) { todoObserver.disconnect(); todoObserver = null; }
-  if (!todoWidgetEl) return;
-
-  var messagesEl = document.getElementById("messages");
-  if (!messagesEl) return;
-
-  todoObserver = new IntersectionObserver(function (entries) {
-    todoWidgetVisible = entries[0].isIntersecting;
-    updateTodoStickyVisibility();
-  }, { root: messagesEl, threshold: 0 });
-
-  todoObserver.observe(todoWidgetEl);
-}
-
-function updateTodoStickyVisibility() {
-  var stickyEl = document.getElementById("todo-sticky");
-  if (!stickyEl) return;
-
-  if (todoWidgetVisible) {
-    stickyEl.classList.add("hidden");
-  } else {
-    // Only show if there are active (non-completed) tasks
-    var hasActive = false;
-    for (var i = 0; i < todoItems.length; i++) {
-      if (todoItems[i].status !== "completed") { hasActive = true; break; }
-    }
-    if (hasActive) {
-      stickyEl.classList.remove("hidden");
-    }
-  }
-}
-
-function updateTodoSticky() {
-  var stickyEl = document.getElementById("todo-sticky");
-  if (!stickyEl) return;
-
-  // Hide if no active tasks (all completed or empty)
-  var hasActive = false;
-  for (var i = 0; i < todoItems.length; i++) {
-    if (todoItems[i].status !== "completed") { hasActive = true; break; }
-  }
-  if (!hasActive) {
-    stickyEl.classList.add("hidden");
-    return;
-  }
-
-  var completed = 0;
-  for (var i = 0; i < todoItems.length; i++) {
-    if (todoItems[i].status === "completed") completed++;
-  }
-  var pct = Math.round(completed / todoItems.length * 100);
-  var wasCollapsed = stickyEl.classList.contains("collapsed");
-
-  var inProgressItem = null;
-  for (var j = 0; j < todoItems.length; j++) {
-    if (todoItems[j].status === "in_progress") { inProgressItem = todoItems[j]; break; }
-  }
-
-  var html = '<div class="todo-sticky-inner">' +
-    '<div class="todo-sticky-header">' +
-    '<span class="todo-sticky-icon">' + iconHtml("list-checks") + '</span>' +
-    '<span class="todo-sticky-title">Tasks</span>' +
-    (inProgressItem ? '<span class="todo-sticky-active">' + iconHtml("loader", "icon-spin") + ' ' + escapeHtml(inProgressItem.activeForm || inProgressItem.content) + '</span>' : '') +
-    '<span class="todo-sticky-count">' + completed + '/' + todoItems.length + '</span>' +
-    '<span class="todo-sticky-chevron">' + iconHtml("chevron-down") + '</span>' +
-    '</div>' +
-    '<div class="todo-sticky-progress"><div class="todo-sticky-progress-bar" style="width:' + pct + '%"></div></div>' +
-    '<div class="todo-sticky-items">';
-
-  for (var i = 0; i < todoItems.length; i++) {
-    var t = todoItems[i];
-    var statusClass = t.status === "completed" ? "completed" : t.status === "in_progress" ? "in-progress" : "pending";
-    html += '<div class="todo-sticky-item ' + statusClass + '">' +
-      '<span class="todo-sticky-item-icon">' + todoStatusIcon(t.status) + '</span>' +
-      '<span class="todo-sticky-item-text">' + escapeHtml(t.status === "in_progress" && t.activeForm ? t.activeForm : t.content) + '</span>' +
-      '</div>';
-  }
-
-  html += '</div></div>';
-  stickyEl.innerHTML = html;
-
-  // Only show sticky when in-chat widget is not visible in viewport
-  if (todoWidgetVisible) {
-    stickyEl.classList.add("hidden");
-  } else {
-    stickyEl.classList.remove("hidden");
-  }
-  if (wasCollapsed) stickyEl.classList.add("collapsed");
-
-  stickyEl.querySelector(".todo-sticky-header").addEventListener("click", function () {
-    stickyEl.classList.toggle("collapsed");
-  });
-
-  refreshIcons();
-}
-
-// --- Thinking ---
-export function startThinking() {
-  ctx.finalizeAssistantBlock();
-
-  var el = document.createElement("div");
-  el.className = "thinking-item";
-  el.innerHTML =
-    '<div class="thinking-header">' +
-    '<span class="thinking-chevron">' + iconHtml("chevron-right") + '</span>' +
-    '<span class="thinking-label">Thinking</span>' +
-    '<span class="thinking-duration"></span>' +
-    '<span class="thinking-spinner">' + iconHtml("loader", "icon-spin") + '</span>' +
-    '</div>' +
-    '<div class="thinking-content"></div>';
-
-  el.querySelector(".thinking-header").addEventListener("click", function () {
-    el.classList.toggle("expanded");
-  });
-
-  ctx.addToMessages(el);
-  refreshIcons();
-  ctx.scrollToBottom();
-  currentThinking = { el: el, fullText: "", startTime: Date.now() };
-  ctx.setActivity(randomThinkingVerb() + "...");
-}
-
-export function appendThinking(text) {
-  if (!currentThinking) return;
-  currentThinking.fullText += text;
-  currentThinking.el.querySelector(".thinking-content").textContent = currentThinking.fullText;
-  ctx.scrollToBottom();
-}
-
-export function stopThinking() {
-  if (!currentThinking) return;
-  var secs = ((Date.now() - currentThinking.startTime) / 1000).toFixed(1);
-  currentThinking.el.classList.add("done");
-  currentThinking.el.querySelector(".thinking-duration").textContent = " " + secs + "s";
-  currentThinking = null;
-}
-
-// --- Tool items ---
-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;
-  el.innerHTML =
-    '<div class="tool-header">' +
-    '<span class="tool-chevron">' + iconHtml("chevron-right") + '</span>' +
-    '<span class="tool-bullet"></span>' +
-    '<span class="tool-name"></span>' +
-    '<span class="tool-desc"></span>' +
-    '<span class="tool-status-icon">' + iconHtml("loader", "icon-spin") + '</span>' +
-    '</div>' +
-    '<div class="tool-subtitle">' +
-    '<span class="tool-connector">&#9492;</span>' +
-    '<span class="tool-subtitle-text">Running...</span>' +
-    '</div>';
-
-  el.querySelector(".tool-name").textContent = name;
-
-  // 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, groupId: currentToolGroup.id };
-  ctx.setActivity("Running " + name + "...");
-}
-
-export function updateToolExecuting(id, name, input) {
-  var tool = tools[id];
-  if (!tool) return;
-
-  tool.input = input;
-  var descEl = tool.el.querySelector(".tool-desc");
-  descEl.textContent = toolSummary(name, input);
-
-  // Make file path clickable for Read/Edit/Write tools
-  var filePath = input && input.file_path;
-  if (filePath && (name === "Read" || name === "Edit" || name === "Write")) {
-    descEl.classList.add("tool-desc-link");
-    descEl.dataset.filePath = filePath;
-    descEl.insertAdjacentHTML("beforeend", '<span class="tool-desc-link-icon">' + iconHtml("external-link") + '</span>');
-    refreshIcons();
-    (function (toolName, toolInput) {
-      descEl.onclick = function (e) {
-        e.stopPropagation();
-        if (toolName === "Edit" && toolInput && (toolInput.old_string || toolInput.new_string)) {
-          openFile(filePath, { diff: { oldStr: toolInput.old_string || "", newStr: toolInput.new_string || "" } });
-        } else {
-          openFile(filePath);
-        }
-      };
-    })(name, input);
-  }
-
-  ctx.setActivity(toolActivityText(name, input));
-
-  var subtitleText = tool.el.querySelector(".tool-subtitle-text");
-  if (subtitleText) subtitleText.textContent = toolActivityText(name, input);
-
-  ctx.scrollToBottom();
-}
-
-function renderEditDiff(oldStr, newStr, filePath) {
-  var wrapper = document.createElement("div");
-  wrapper.className = "edit-diff";
-  var lang = getLanguageFromPath(filePath);
-
-  // Header with file path and split toggle (desktop only)
-  var header = document.createElement("div");
-  header.className = "edit-diff-header";
-
-  var pathSpan = document.createElement("span");
-  pathSpan.className = "edit-diff-path edit-diff-path-link";
-  pathSpan.textContent = filePath || "";
-  if (filePath) {
-    (function (fp, os, ns) {
-      pathSpan.addEventListener("click", function (e) {
-        e.stopPropagation();
-        openFile(fp, { diff: { oldStr: os || "", newStr: ns || "" } });
-      });
-    })(filePath, oldStr, newStr);
-  }
-  header.appendChild(pathSpan);
-
-  var isMobile = "ontouchstart" in window;
-  var isSplit = false;
-
-  var unifiedBtn = document.createElement("button");
-  unifiedBtn.className = "edit-diff-toggle active";
-  unifiedBtn.innerHTML = iconHtml("list");
-  unifiedBtn.title = "Unified view";
-
-  var splitBtn = document.createElement("button");
-  splitBtn.className = "edit-diff-toggle";
-  splitBtn.innerHTML = iconHtml("columns-2");
-  splitBtn.title = "Split view";
-
-  var toggleWrap = document.createElement("span");
-  toggleWrap.className = "edit-diff-toggles";
-  if (isMobile) toggleWrap.style.display = "none";
-  toggleWrap.appendChild(unifiedBtn);
-  toggleWrap.appendChild(splitBtn);
-  header.appendChild(toggleWrap);
-
-  wrapper.appendChild(header);
-
-  var currentBody = renderUnifiedDiff(oldStr, newStr, lang);
-  wrapper.appendChild(currentBody);
-
-  unifiedBtn.addEventListener("click", function (e) {
-    e.stopPropagation();
-    if (!isSplit) return;
-    isSplit = false;
-    unifiedBtn.classList.add("active");
-    splitBtn.classList.remove("active");
-    wrapper.removeChild(currentBody);
-    currentBody = renderUnifiedDiff(oldStr, newStr, lang);
-    wrapper.appendChild(currentBody);
-    refreshIcons();
-  });
-
-  splitBtn.addEventListener("click", function (e) {
-    e.stopPropagation();
-    if (isSplit) return;
-    isSplit = true;
-    splitBtn.classList.add("active");
-    unifiedBtn.classList.remove("active");
-    wrapper.removeChild(currentBody);
-    currentBody = renderSplitDiff(oldStr, newStr, lang);
-    wrapper.appendChild(currentBody);
-    refreshIcons();
-  });
-
-  return wrapper;
-}
-
-function isDiffContent(text) {
-  var lines = text.split("\n");
-  var diffMarkers = 0;
-  for (var i = 0; i < Math.min(lines.length, 20); i++) {
-    var l = lines[i];
-    if (l.startsWith("@@") || l.startsWith("---") || l.startsWith("+++")) {
-      diffMarkers++;
-    }
-  }
-  return diffMarkers >= 2;
-}
-
-function getLanguageFromPath(filePath) {
-  if (!filePath) return null;
-  var parts = filePath.split("/");
-  var filename = parts[parts.length - 1].toLowerCase();
-  var dotIdx = filename.lastIndexOf(".");
-  if (dotIdx === -1 || dotIdx === filename.length - 1) return null;
-  var ext = filename.substring(dotIdx + 1);
-  var map = {
-    js: "javascript", jsx: "javascript", mjs: "javascript", cjs: "javascript",
-    ts: "typescript", tsx: "typescript", mts: "typescript",
-    py: "python", rb: "ruby", rs: "rust", go: "go",
-    java: "java", kt: "kotlin", kts: "kotlin",
-    cs: "csharp", cpp: "cpp", cc: "cpp", c: "c", h: "c", hpp: "cpp",
-    css: "css", scss: "scss", less: "less",
-    html: "xml", htm: "xml", xml: "xml", svg: "xml",
-    json: "json", yaml: "yaml", yml: "yaml",
-    md: "markdown", sh: "bash", bash: "bash", zsh: "bash",
-    sql: "sql", swift: "swift", php: "php",
-    toml: "ini", ini: "ini", conf: "ini",
-    lua: "lua", r: "r", pl: "perl",
-    ex: "elixir", exs: "elixir",
-    erl: "erlang", hs: "haskell",
-    graphql: "graphql", gql: "graphql",
-  };
-  return map[ext] || null;
-}
-
-function parseLineNumberedContent(text) {
-  var lines = text.split("\n");
-  if (lines.length > 0 && lines[lines.length - 1] === "") {
-    lines.pop();
-  }
-  if (lines.length === 0) return null;
-
-  var pattern = /^\s*(\d+)[→\t](.*)$/;
-  var checkCount = Math.min(lines.length, 5);
-  var matchCount = 0;
-  for (var i = 0; i < checkCount; i++) {
-    if (pattern.test(lines[i])) matchCount++;
-  }
-  if (matchCount < Math.ceil(checkCount * 0.6)) return null;
-
-  var numbers = [];
-  var code = [];
-  for (var i = 0; i < lines.length; i++) {
-    var m = lines[i].match(pattern);
-    if (m) {
-      numbers.push(m[1]);
-      code.push(m[2]);
-    } else {
-      numbers.push("");
-      code.push(lines[i]);
-    }
-  }
-  return { numbers: numbers, code: code };
-}
-
-export function updateToolResult(id, content, isError) {
-  var tool = tools[id];
-  if (!tool) return;
-
-  var subtitleText = tool.el.querySelector(".tool-subtitle-text");
-  if (subtitleText && tool.input) {
-    subtitleText.textContent = toolActivityText(tool.name, tool.input);
-  }
-
-  var resultBlock = document.createElement("div");
-  var displayContent = content || "(no output)";
-  displayContent = displayContent.replace(/<system-reminder>[\s\S]*?<\/system-reminder>/g, "").trim();
-  if (displayContent.length > 10000) displayContent = displayContent.substring(0, 10000) + "\n... (truncated)";
-
-  var hasEditDiff = !isError && tool.name === "Edit" && tool.input && tool.input.old_string && tool.input.new_string;
-  var expandByDefault = hasEditDiff || (!isError && tool.name === "Edit" && isDiffContent(displayContent));
-  if (expandByDefault) {
-    resultBlock.className = "tool-result-block";
-    tool.el.classList.add("expanded");
-  } else {
-    resultBlock.className = "tool-result-block collapsed";
-  }
-
-  if (hasEditDiff) {
-    resultBlock.appendChild(renderEditDiff(tool.input.old_string, tool.input.new_string, tool.input.file_path));
-  } else if (!isError && isDiffContent(displayContent)) {
-    var patchLang = tool.input && tool.input.file_path ? getLanguageFromPath(tool.input.file_path) : null;
-    resultBlock.appendChild(renderPatchDiff(displayContent, patchLang));
-  } else if (!isError && tool.name === "Read" && tool.input && tool.input.file_path) {
-    var parsed = parseLineNumberedContent(displayContent);
-    if (parsed) {
-      var lang = getLanguageFromPath(tool.input.file_path);
-      var viewer = document.createElement("div");
-      viewer.className = "code-viewer";
-
-      var gutter = document.createElement("pre");
-      gutter.className = "code-gutter";
-      gutter.textContent = parsed.numbers.join("\n");
-
-      var codeBlock = document.createElement("pre");
-      codeBlock.className = "code-content";
-      var codeText = parsed.code.join("\n");
-
-      if (lang) {
-        try {
-          var highlighted = hljs.highlight(codeText, { language: lang });
-          var codeEl = document.createElement("code");
-          codeEl.className = "hljs language-" + lang;
-          codeEl.innerHTML = highlighted.value;
-          codeBlock.appendChild(codeEl);
-        } catch (e) {
-          codeBlock.textContent = codeText;
-        }
-      } else {
-        codeBlock.textContent = codeText;
-      }
-
-      viewer.appendChild(gutter);
-      viewer.appendChild(codeBlock);
-
-      // Sync vertical scroll between gutter and code
-      viewer.addEventListener("scroll", function () {
-        gutter.scrollTop = viewer.scrollTop;
-        codeBlock.scrollTop = viewer.scrollTop;
-      });
-
-      resultBlock.appendChild(viewer);
-    } else {
-      var pre = document.createElement("pre");
-      pre.textContent = displayContent;
-      resultBlock.appendChild(pre);
-    }
-  } else {
-    var pre = document.createElement("pre");
-    if (isError) pre.className = "is-error";
-    pre.textContent = displayContent;
-    resultBlock.appendChild(pre);
-  }
-  tool.el.appendChild(resultBlock);
-
-  tool.el.querySelector(".tool-header").addEventListener("click", function () {
-    resultBlock.classList.toggle("collapsed");
-    tool.el.classList.toggle("expanded");
-  });
-
-  markToolDone(id, isError);
-  ctx.scrollToBottom();
-}
-
-export function markToolDone(id, isError) {
-  var tool = tools[id];
-  if (!tool || tool.done) return;
-
-  tool.done = true;
-  if (!tool.el) return; // hidden tool (plan mode)
-
-  tool.el.classList.add("done");
-  if (isError) tool.el.classList.add("error");
-
-  var icon = tool.el.querySelector(".tool-status-icon");
-  if (isError) {
-    icon.innerHTML = '<span class="err-icon">' + iconHtml("alert-triangle") + '</span>';
-  } else {
-    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() {
-  for (var id in tools) {
-    if (tools.hasOwnProperty(id) && !tools[id].done) {
-      markToolDone(id, false);
-    }
-  }
-}
-
-// --- 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;
-  var parts = [];
-  if (cost != null) parts.push("$" + cost.toFixed(4));
-  if (duration != null) parts.push((duration / 1000).toFixed(1) + "s");
-  if (parts.length) {
-    div.textContent = parts.join(" \u00b7 ");
-    ctx.addToMessages(div);
-    ctx.scrollToBottom();
-  }
-}
-
-// --- 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; }
-export function getPlanContent() { return planContent; }
-export function setPlanContent(c) { planContent = c; }
-export function isPlanFilePath(fp) { return isPlanFile(fp); }
-export function getPlanModeTools() { return PLAN_MODE_TOOLS; }
-export function getTodoTools() { return TODO_TOOLS; }
-export function getHiddenResultTools() { return HIDDEN_RESULT_TOOLS; }
-
-export function saveToolState() {
-  return {
-    tools: tools,
-    currentThinking: currentThinking,
-    todoWidgetEl: todoWidgetEl,
-    inPlanMode: inPlanMode,
-    planContent: planContent,
-    currentToolGroup: currentToolGroup,
-    toolGroupCounter: toolGroupCounter,
-    toolGroups: toolGroups,
-  };
-}
-
-export function restoreToolState(saved) {
-  tools = saved.tools;
-  currentThinking = saved.currentThinking;
-  todoWidgetEl = saved.todoWidgetEl;
-  inPlanMode = saved.inPlanMode;
-  planContent = saved.planContent;
-  currentToolGroup = saved.currentToolGroup;
-  toolGroupCounter = saved.toolGroupCounter;
-  toolGroups = saved.toolGroups;
-  if (todoWidgetEl) {
-    setupTodoObserver();
-  }
-}
-
-export function resetToolState() {
-  tools = {};
-  currentThinking = null;
-  inPlanMode = false;
-  planContent = null;
-  todoItems = [];
-  todoWidgetEl = null;
-  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 = ""; }
-}
-
-export function initTools(_ctx) {
-  ctx = _ctx;
-}