@invergent/agent-chat-react 2.14.0 → 2.14.2

package/dist/index.cjs

@@ -1522,6 +1522,8 @@ var TOOL_ORB_STATES = {
   kb_read_page: "searching",
   search_files: "searching",
   list_files: "searching",
+  skill_view: "searching",
+  skills_list: "searching",
   research_memory: "searching",
   fetch_channel_messages: "searching",
   fetch_channel_file: "searching",
@@ -1600,7 +1602,6 @@ var SIMPLE_MODE_HIDDEN_TOOLS = /* @__PURE__ */ new Set([
   "search_files",
   "session_search",
   "skills_list",
-  "skill_view",
   "skill_manage",
   "process",
   "memory",
@@ -5259,6 +5260,273 @@ function WebSearchGroupBlock({ tcs }) {
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-1 ml-5 space-y-0.5", children: tcs.map((tc) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(WebSearchRow, { tc }) }, tc.id)) })
   ] });
 }
+
+// src/components/chat/simple-labels.ts
+function stringField(args, key) {
+  const value = args?.[key];
+  return typeof value === "string" && value.length > 0 ? value : null;
+}
+function cancelledToolLabel(toolName) {
+  const map = {
+    terminal: "Command",
+    execute_code: "Execute code",
+    read_file: "Read",
+    write_file: "Write",
+    patch: "Patch",
+    search_files: "Search files",
+    list_files: "List files",
+    web_search: "Web search",
+    web_extract: "Web fetch",
+    web_crawl: "Web crawl",
+    session_search: "Session search",
+    memory: "Memory",
+    todo: "Todo",
+    skills_list: "Skills",
+    skill_view: "Skill",
+    consult_expert: "Expert",
+    delegate_task: "Delegate task",
+    ask_user_question: "Ask User Question",
+    process: "Process",
+    create_artifact: "Create artifact",
+    run_coding_agent: "Coding agent",
+    code_run: "Coding agent",
+    // ``Research memory`` reads as a noun ("memory of research") and
+    // makes the shimmer awkward ("Running Research memory…").  The
+    // one-liner renderer shows just ``Research`` as the label, so
+    // mirror that here so the live shimmer matches the row that
+    // replaces it on completion.
+    research_memory: "Research",
+    research_outline: "Research",
+    generate_image: "image generation",
+    generate_video: "video generation",
+    // Arbor research-mission tools (the /auto-research coordinator loop).
+    idea_tree: "Idea tree",
+    dispatch_experiments: "Dispatch experiments",
+    merge_experiment: "Merge experiment"
+  };
+  if (map[toolName]) return map[toolName];
+  if (toolName.startsWith("mcp__")) return formatMcpToolLabel(toolName);
+  return toolName;
+}
+function skillViewLabel(calls) {
+  const args = calls.map((tc) => parseArgs(tc.args));
+  const names = args.map((a) => stringField(a, "name") ?? stringField(a, "skill")).filter((name) => name !== null);
+  if (names.length !== calls.length || names.length === 0) {
+    return calls.length > 1 ? `Reading ${calls.length} skills` : "Reading a skill";
+  }
+  if (calls.length === 1) {
+    const path = stringField(args[0] ?? null, "file_path");
+    return path ? `Reading skill ${names[0]} \xB7 ${lastPathSegment(path)}` : `Reading skill ${names[0]}`;
+  }
+  return `Reading skills ${names.join(", ")}`;
+}
+function deriveSingleToolLabel(tc) {
+  const name = cancelledToolLabel(tc.toolName);
+  if (_HEADER_HIDES_DETAIL.has(tc.toolName)) {
+    return _HEADER_GENERIC_VERB[tc.toolName] ?? name;
+  }
+  const detail = extractToolDetail(tc);
+  return detail ? `${name} \xB7 ${detail}` : name;
+}
+var _HEADER_HIDES_DETAIL = /* @__PURE__ */ new Set([
+  "terminal",
+  "execute_code",
+  "memory"
+]);
+var _HEADER_GENERIC_VERB = {
+  terminal: "Ran a command",
+  execute_code: "Executed code",
+  memory: "Updated memory"
+};
+function extractToolDetail(tc) {
+  const args = parseArgs(tc.args);
+  if (!args) return null;
+  const stringArg = (key) => stringField(args, key);
+  switch (tc.toolName) {
+    case "read_file":
+    case "write_file":
+    case "patch":
+    case "list_files": {
+      const path = stringArg("path") ?? stringArg("file_path");
+      return path ? lastPathSegment(path) : null;
+    }
+    // ``pattern`` is the query; ``path`` is the optional root to search
+    // under. Reading ``path`` here labelled the search *directory* as
+    // the query, and dropped the label entirely for the common
+    // whole-workspace search that omits it.
+    case "search_files":
+      return stringArg("pattern") ?? stringArg("query");
+    case "terminal": {
+      const cmd = stringArg("command");
+      return cmd ? truncate3(cmd, 40) : null;
+    }
+    case "execute_code": {
+      const code3 = stringArg("code");
+      return code3 ? truncate3(code3.split("\n")[0] ?? "", 40) : null;
+    }
+    case "web_search":
+    case "web_crawl":
+      return stringArg("query");
+    case "web_extract": {
+      const url = stringArg("url");
+      if (!url) return null;
+      try {
+        return new URL(url).hostname.replace(/^www\./, "");
+      } catch {
+        return truncate3(url, 40);
+      }
+    }
+    case "skill_view":
+    case "skill_manage":
+      return stringArg("name") ?? stringArg("skill");
+    case "create_artifact":
+    case "consult_expert":
+    case "delegate_task":
+      return stringArg("name") ?? stringArg("task") ?? stringArg("title");
+    case "run_coding_agent":
+    case "code_run": {
+      const prompt = stringArg("prompt");
+      return prompt ? truncate3(prompt, 60) : null;
+    }
+    case "idea_tree":
+      return stringArg("action");
+    case "dispatch_experiments": {
+      const keys = args.node_keys;
+      if (Array.isArray(keys) && keys.length > 0) {
+        return truncate3(keys.map((k) => String(k)).join(", "), 40);
+      }
+      return stringArg("action");
+    }
+    case "merge_experiment":
+      return stringArg("node_key") ?? stringArg("action");
+    case "memory":
+      return stringArg("action") ?? stringArg("key");
+    case "research_memory": {
+      const action = stringArg("action");
+      if (action === "add") {
+        const title = stringArg("title");
+        if (title) return truncate3(title, 60);
+        const url = stringArg("url");
+        if (url) {
+          try {
+            return new URL(url).hostname.replace(/^www\./, "");
+          } catch {
+            return truncate3(url, 40);
+          }
+        }
+        return null;
+      }
+      if (action === "retrieve") {
+        return stringArg("query");
+      }
+      return action;
+    }
+    case "research_outline": {
+      const action = stringArg("action");
+      if (action === "set") {
+        const outline = stringArg("outline");
+        if (outline) {
+          const sections = outline.split(/\r?\n/).filter((line) => /^#{2,6}\s+\S/.test(line)).length;
+          if (sections > 0) {
+            return `${sections} ${sections === 1 ? "section" : "sections"}`;
+          }
+        }
+        return "outline";
+      }
+      return action;
+    }
+    default:
+      return null;
+  }
+}
+function lastPathSegment(path) {
+  const cleaned = path.replace(/\/+$/, "");
+  const idx = cleaned.lastIndexOf("/");
+  return idx >= 0 ? cleaned.slice(idx + 1) : cleaned;
+}
+function truncate3(s, max) {
+  return s.length > max ? `${s.slice(0, max - 1)}\u2026` : s;
+}
+function toolRowLabel(tc) {
+  const detail = extractToolDetail(tc);
+  switch (tc.toolName) {
+    case "read_file":
+      return detail ? `Read ${detail}` : "Read a file";
+    case "write_file":
+      return detail ? `Wrote ${detail}` : "Wrote a file";
+    case "patch":
+      return detail ? `Edited ${detail}` : "Edited a file";
+    case "list_files":
+      return detail ? `Listed ${detail}` : "Listed files";
+    case "search_files": {
+      if (!detail) return "Searched files";
+      const target = stringField(parseArgs(tc.args), "target");
+      return target === "files" || target === "find" ? `Looked for files named "${detail}"` : `Searched files for "${detail}"`;
+    }
+    case "terminal":
+      return "Ran a command";
+    case "execute_code":
+      return "Executed code";
+    case "web_search":
+      return detail ? `Searched the web for "${detail}"` : "Searched the web";
+    case "web_crawl":
+      return detail ? `Crawled "${detail}"` : "Crawled the web";
+    case "web_extract":
+      return detail ? `Fetched ${detail}` : "Fetched a page";
+    case "session_search":
+      return detail ? `Searched session for "${detail}"` : "Searched session";
+    case "skill_view":
+      return skillViewLabel([tc]);
+    case "skills_list":
+      return "Listed available skills";
+    case "skill_manage":
+      return detail ? `Updated skill ${detail}` : "Managed skills";
+    case "consult_expert":
+      return detail ? `Consulted ${detail} expert` : "Consulted an expert";
+    case "delegate_task":
+      return detail ? `Delegated: ${detail}` : "Delegated a task";
+    case "create_artifact":
+      return detail ? `Created artifact "${detail}"` : "Created an artifact";
+    case "memory":
+      return detail ? `Memory ${detail}` : "Updated memory";
+    case "todo":
+      return detail ? `Todo ${detail}` : "Updated todo list";
+    case "run_coding_agent":
+    case "code_run": {
+      const a = parseArgs(tc.args);
+      const agent = a?.agent ?? (a?.provider === "openai" ? "codex" : a?.provider === "anthropic" ? "claude" : void 0);
+      const name = agent === "codex" ? "Codex" : agent === "claude" ? "Claude Code" : "coding agent";
+      return detail ? `${name}: ${detail}` : `Ran ${name}`;
+    }
+    case "research_memory": {
+      const args = parseArgs(tc.args);
+      const action = args?.action;
+      if (action === "add") {
+        return detail ? `Stored source "${detail}"` : "Stored a source";
+      }
+      if (action === "retrieve") {
+        return detail ? `Retrieved sources for "${detail}"` : "Retrieved sources";
+      }
+      if (action === "list") {
+        return "Listed sources";
+      }
+      return "Updated research memory";
+    }
+    case "research_outline": {
+      const args = parseArgs(tc.args);
+      const action = args?.action;
+      if (action === "set") {
+        return detail ? `Updated outline (${detail})` : "Updated outline";
+      }
+      if (action === "get") {
+        return "Read outline";
+      }
+      return "Touched outline";
+    }
+    default:
+      return cancelledToolLabel(tc.toolName);
+  }
+}
 init_utils();
 var COLLAPSED_MAX_HEIGHT_PX = 160;
 var ChatMessage = react.memo(function ChatMessage2({
@@ -12132,48 +12400,6 @@ function OrphanSystemMarker({
   }
   return null;
 }
-function cancelledToolLabel(toolName) {
-  const map = {
-    terminal: "Command",
-    execute_code: "Execute code",
-    read_file: "Read",
-    write_file: "Write",
-    patch: "Patch",
-    search_files: "Search files",
-    list_files: "List files",
-    web_search: "Web search",
-    web_extract: "Web fetch",
-    web_crawl: "Web crawl",
-    session_search: "Session search",
-    memory: "Memory",
-    todo: "Todo",
-    skills_list: "Skills",
-    skill_view: "Skill",
-    consult_expert: "Expert",
-    delegate_task: "Delegate task",
-    ask_user_question: "Ask User Question",
-    process: "Process",
-    create_artifact: "Create artifact",
-    run_coding_agent: "Coding agent",
-    code_run: "Coding agent",
-    // ``Research memory`` reads as a noun ("memory of research") and
-    // makes the shimmer awkward ("Running Research memory…").  The
-    // one-liner renderer shows just ``Research`` as the label, so
-    // mirror that here so the live shimmer matches the row that
-    // replaces it on completion.
-    research_memory: "Research",
-    research_outline: "Research",
-    generate_image: "image generation",
-    generate_video: "video generation",
-    // Arbor research-mission tools (the /auto-research coordinator loop).
-    idea_tree: "Idea tree",
-    dispatch_experiments: "Dispatch experiments",
-    merge_experiment: "Merge experiment"
-  };
-  if (map[toolName]) return map[toolName];
-  if (toolName.startsWith("mcp__")) return formatMcpToolLabel(toolName);
-  return toolName;
-}
 function CancelledToolRow({ tc }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-sm", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground/60", children: cancelledToolLabel(tc.toolName) }),
@@ -12386,6 +12612,9 @@ function deriveIterationLabel(message) {
   if (calls.length === 0) {
     return message.reasoning ? "Thought through the problem" : null;
   }
+  if (calls.every((tc) => tc.toolName === "skill_view")) {
+    return skillViewLabel(calls);
+  }
   if (calls.length === 1) {
     const tc = calls[0];
     return deriveSingleToolLabel(tc);
@@ -12398,131 +12627,6 @@ function deriveIterationLabel(message) {
   }
   return `Used ${calls.length} tools`;
 }
-function deriveSingleToolLabel(tc) {
-  const name = cancelledToolLabel(tc.toolName);
-  if (_HEADER_HIDES_DETAIL.has(tc.toolName)) {
-    return _HEADER_GENERIC_VERB[tc.toolName] ?? name;
-  }
-  const detail = extractToolDetail(tc);
-  return detail ? `${name} \xB7 ${detail}` : name;
-}
-var _HEADER_HIDES_DETAIL = /* @__PURE__ */ new Set([
-  "terminal",
-  "execute_code",
-  "memory"
-]);
-var _HEADER_GENERIC_VERB = {
-  terminal: "Ran a command",
-  execute_code: "Executed code",
-  memory: "Updated memory"
-};
-function extractToolDetail(tc) {
-  const args = parseArgs(tc.args);
-  if (!args) return null;
-  const stringArg = (key) => {
-    const v = args[key];
-    return typeof v === "string" && v.length > 0 ? v : null;
-  };
-  switch (tc.toolName) {
-    case "read_file":
-    case "write_file":
-    case "patch":
-    case "list_files":
-    case "search_files": {
-      const path = stringArg("path") ?? stringArg("file_path");
-      return path ? lastPathSegment(path) : null;
-    }
-    case "terminal": {
-      const cmd = stringArg("command");
-      return cmd ? truncate3(cmd, 40) : null;
-    }
-    case "execute_code": {
-      const code3 = stringArg("code");
-      return code3 ? truncate3(code3.split("\n")[0] ?? "", 40) : null;
-    }
-    case "web_search":
-    case "web_crawl":
-      return stringArg("query");
-    case "web_extract": {
-      const url = stringArg("url");
-      if (!url) return null;
-      try {
-        return new URL(url).hostname.replace(/^www\./, "");
-      } catch {
-        return truncate3(url, 40);
-      }
-    }
-    case "skill_view":
-    case "skill_manage":
-      return stringArg("name") ?? stringArg("skill");
-    case "create_artifact":
-    case "consult_expert":
-    case "delegate_task":
-      return stringArg("name") ?? stringArg("task") ?? stringArg("title");
-    case "run_coding_agent":
-    case "code_run": {
-      const prompt = stringArg("prompt");
-      return prompt ? truncate3(prompt, 60) : null;
-    }
-    case "idea_tree":
-      return stringArg("action");
-    case "dispatch_experiments": {
-      const keys = args.node_keys;
-      if (Array.isArray(keys) && keys.length > 0) {
-        return truncate3(keys.map((k) => String(k)).join(", "), 40);
-      }
-      return stringArg("action");
-    }
-    case "merge_experiment":
-      return stringArg("node_key") ?? stringArg("action");
-    case "memory":
-      return stringArg("action") ?? stringArg("key");
-    case "research_memory": {
-      const action = stringArg("action");
-      if (action === "add") {
-        const title = stringArg("title");
-        if (title) return truncate3(title, 60);
-        const url = stringArg("url");
-        if (url) {
-          try {
-            return new URL(url).hostname.replace(/^www\./, "");
-          } catch {
-            return truncate3(url, 40);
-          }
-        }
-        return null;
-      }
-      if (action === "retrieve") {
-        return stringArg("query");
-      }
-      return action;
-    }
-    case "research_outline": {
-      const action = stringArg("action");
-      if (action === "set") {
-        const outline = stringArg("outline");
-        if (outline) {
-          const sections = outline.split(/\r?\n/).filter((line) => /^#{2,6}\s+\S/.test(line)).length;
-          if (sections > 0) {
-            return `${sections} ${sections === 1 ? "section" : "sections"}`;
-          }
-        }
-        return "outline";
-      }
-      return action;
-    }
-    default:
-      return null;
-  }
-}
-function lastPathSegment(path) {
-  const cleaned = path.replace(/\/+$/, "");
-  const idx = cleaned.lastIndexOf("/");
-  return idx >= 0 ? cleaned.slice(idx + 1) : cleaned;
-}
-function truncate3(s, max) {
-  return s.length > max ? `${s.slice(0, max - 1)}\u2026` : s;
-}
 function visibleToolCalls(message) {
   return (message.toolCalls ?? []).filter((tc) => {
     if (isHiddenSimpleTool(tc)) return false;
@@ -12543,6 +12647,9 @@ function liveIterationLabel(message) {
     (tc) => tc.status === "running" && !isHiddenSimpleTool(tc)
   );
   if (running.length === 0) return "Thinking\u2026";
+  if (running.every((tc) => tc.toolName === "skill_view")) {
+    return `${skillViewLabel(running)}\u2026`;
+  }
   if (running.length === 1) {
     const tc = running[0];
     const name = cancelledToolLabel(tc.toolName);
@@ -12584,83 +12691,6 @@ var _TOOL_ROW_ICON = {
 function _toolRowIcon(toolName) {
   return _TOOL_ROW_ICON[toolName] ?? lucideReact.WrenchIcon;
 }
-function _toolRowLabel(tc) {
-  const detail = extractToolDetail(tc);
-  switch (tc.toolName) {
-    case "read_file":
-      return detail ? `Read ${detail}` : "Read a file";
-    case "write_file":
-      return detail ? `Wrote ${detail}` : "Wrote a file";
-    case "patch":
-      return detail ? `Edited ${detail}` : "Edited a file";
-    case "list_files":
-      return detail ? `Listed ${detail}` : "Listed files";
-    case "search_files":
-      return detail ? `Searched files for "${detail}"` : "Searched files";
-    case "terminal":
-      return "Ran a command";
-    case "execute_code":
-      return "Executed code";
-    case "web_search":
-      return detail ? `Searched the web for "${detail}"` : "Searched the web";
-    case "web_crawl":
-      return detail ? `Crawled "${detail}"` : "Crawled the web";
-    case "web_extract":
-      return detail ? `Fetched ${detail}` : "Fetched a page";
-    case "session_search":
-      return detail ? `Searched session for "${detail}"` : "Searched session";
-    case "skill_view":
-      return detail ? `Read the ${detail} skill` : "Read a skill";
-    case "skills_list":
-      return "Listed available skills";
-    case "skill_manage":
-      return detail ? `Updated skill ${detail}` : "Managed skills";
-    case "consult_expert":
-      return detail ? `Consulted ${detail} expert` : "Consulted an expert";
-    case "delegate_task":
-      return detail ? `Delegated: ${detail}` : "Delegated a task";
-    case "create_artifact":
-      return detail ? `Created artifact "${detail}"` : "Created an artifact";
-    case "memory":
-      return detail ? `Memory ${detail}` : "Updated memory";
-    case "todo":
-      return detail ? `Todo ${detail}` : "Updated todo list";
-    case "run_coding_agent":
-    case "code_run": {
-      const a = parseArgs(tc.args);
-      const agent = a?.agent ?? (a?.provider === "openai" ? "codex" : a?.provider === "anthropic" ? "claude" : void 0);
-      const name = agent === "codex" ? "Codex" : agent === "claude" ? "Claude Code" : "coding agent";
-      return detail ? `${name}: ${detail}` : `Ran ${name}`;
-    }
-    case "research_memory": {
-      const args = parseArgs(tc.args);
-      const action = args?.action;
-      if (action === "add") {
-        return detail ? `Stored source "${detail}"` : "Stored a source";
-      }
-      if (action === "retrieve") {
-        return detail ? `Retrieved sources for "${detail}"` : "Retrieved sources";
-      }
-      if (action === "list") {
-        return "Listed sources";
-      }
-      return "Updated research memory";
-    }
-    case "research_outline": {
-      const args = parseArgs(tc.args);
-      const action = args?.action;
-      if (action === "set") {
-        return detail ? `Updated outline (${detail})` : "Updated outline";
-      }
-      if (action === "get") {
-        return "Read outline";
-      }
-      return "Touched outline";
-    }
-    default:
-      return cancelledToolLabel(tc.toolName);
-  }
-}
 function SimpleDetailRow({ icon: Icon, children }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 text-sm", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -12718,7 +12748,7 @@ function IterationExpanded({
       if (tc.toolName === "code_run") {
         return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-1", children: /* @__PURE__ */ jsxRuntime.jsx(CodeRunToolBlock, { tc, defaultOpen: true }) }, tc.id);
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(SimpleDetailRow, { icon: _toolRowIcon(tc.toolName), children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: _toolRowLabel(tc) }) }, tc.id);
+      return /* @__PURE__ */ jsxRuntime.jsx(SimpleDetailRow, { icon: _toolRowIcon(tc.toolName), children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: toolRowLabel(tc) }) }, tc.id);
     }),
     showDone && /* @__PURE__ */ jsxRuntime.jsx(SimpleDetailRow, { icon: lucideReact.CircleCheckIcon, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: "Done" }) })
   ] });