@xpert-ai/chatkit-ui 0.5.7 → 0.5.9

package/dist/index.cjs

@@ -1405,12 +1405,23 @@ function countCompletedTodos(items) {
 
 // src/lib/task-summary.ts
 var PLAN_PATTERN = /<proposed_plan>\s*([\s\S]*?)\s*<\/proposed_plan>/i;
+var WEB_SEARCH_RESULT_PATTERN = /^Title:\s*(.+?)\r?\nURL:\s*(https?:\/\/\S+)\s*$/gim;
+var SANDBOX_FILE_OUTPUT_TOOLS = /* @__PURE__ */ new Set([
+  "sandbox_write_file",
+  "sandbox_append_file",
+  "sandbox_edit_file",
+  "sandbox_multi_edit_file"
+]);
 function isObject(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function stringValue(value) {
   return typeof value === "string" && value.trim() ? value.trim() : void 0;
 }
+function compactText(value, maxLength) {
+  const normalized = value.replace(/\s+/g, " ").trim();
+  return normalized.length <= maxLength ? normalized : `${normalized.slice(0, maxLength - 3).trimEnd()}...`;
+}
 function timestamp(value) {
   const parsed = value ? Date.parse(value) : 0;
   return Number.isNaN(parsed) ? 0 : parsed;
@@ -1482,19 +1493,29 @@ function normalizeOutput(value) {
   const id = stringValue(candidate.id);
   const title = stringValue(candidate.title);
   const kind = artifactKind(candidate.kind);
-  if (!id || !title || !kind) return null;
-  const status = candidate.status;
+  const status = stringValue(candidate.status)?.toLowerCase();
+  const normalizedStatus = status === "success" ? status : void 0;
+  const resource = normalizeResource(candidate.resource);
+  if (!id || !title || !kind || status !== void 0 && status !== "success" || !isOpenableOutputResource(resource)) {
+    return null;
+  }
   return {
     id,
     kind,
     title,
     description: stringValue(candidate.description),
-    status: status === "pending" || status === "running" || status === "success" || status === "error" ? status : void 0,
-    resource: normalizeResource(candidate.resource),
+    status: normalizedStatus,
+    resource,
     messageId: stringValue(candidate.messageId),
     updatedAt: stringValue(candidate.updatedAt)
   };
 }
+function isCompletedOpenableOutput(output) {
+  return (output.status === void 0 || output.status === "success") && isOpenableOutputResource(output.resource);
+}
+function isOpenableOutputResource(resource) {
+  return resource?.type === "workspace_file" || resource?.type === "artifact" || resource?.type === "url";
+}
 function normalizeSource(value) {
   if (!isObject(value)) return null;
   const candidate = value;
@@ -1549,11 +1570,10 @@ function contributionFromPart(part) {
   if (part.type !== "component" || !isObject(part.data)) return null;
   const data = part.data;
   const direct = normalizeTaskSummaryContribution(data.taskSummary);
-  if (direct) return direct;
-  if (!isObject(data._meta)) return null;
-  return normalizeTaskSummaryContribution(
+  const metadataContribution = isObject(data._meta) ? normalizeTaskSummaryContribution(
     data._meta["xpertai/taskSummary"]
-  );
+  ) : null;
+  return direct ?? metadataContribution;
 }
 function extractPlan(message) {
   const match = PLAN_PATTERN.exec(messageText(message.content));
@@ -1621,17 +1641,9 @@ function knownPartOutputs(part, message) {
   if (part.type !== "component" || !isObject(part.data)) return [];
   const data = part.data;
   const outputs = [...contributionFromPart(part)?.outputs ?? []];
-  if (data.type === "McpApp") {
-    outputs.push({
-      id: `mcp-app:${stringValue(part.id) ?? message.id ?? "message"}`,
-      kind: "mcp_app",
-      title: stringValue(data.title) ?? "MCP App",
-      resource: message.id ? { type: "message", messageId: message.id } : void 0,
-      messageId: message.id,
-      updatedAt
-    });
-  }
-  if (isObject(data.artifact)) {
+  const sandboxOutput = sandboxFileOutput(data, message);
+  if (sandboxOutput) outputs.push(sandboxOutput);
+  if (isObject(data.artifact) && isCompletedOutputStatus(data.artifact.status)) {
     const artifact = data.artifact;
     const artifactId = stringValue(artifact.artifactId) ?? stringValue(artifact.id);
     const workspacePath = stringValue(artifact.workspacePath);
@@ -1657,6 +1669,7 @@ function knownPartOutputs(part, message) {
   for (const value of [data.artifactLink, data.file]) {
     if (!isObject(value)) continue;
     const artifact = value;
+    if (!isCompletedOutputStatus(artifact.status)) continue;
     const artifactId = stringValue(artifact.artifactId) ?? stringValue(artifact.id);
     const workspacePath = stringValue(artifact.workspacePath);
     const id = artifactId ?? stringValue(artifact.fileAssetId) ?? workspacePath;
@@ -1678,6 +1691,52 @@ function knownPartOutputs(part, message) {
   }
   return outputs;
 }
+function sandboxFileOutput(data, message) {
+  const tool = stringValue(data.tool);
+  const status = stringValue(data.status)?.toLowerCase();
+  if (!tool || !SANDBOX_FILE_OUTPUT_TOOLS.has(tool) || status !== "success" || !isObject(data.input)) {
+    return void 0;
+  }
+  const workspacePath = portableWorkspacePath(
+    data.input.file_path
+  );
+  if (!workspacePath) return void 0;
+  return {
+    id: `workspace-file:${workspacePath}`,
+    kind: outputKindFromPath(workspacePath),
+    title: workspacePath.split("/").at(-1) ?? workspacePath,
+    status: "success",
+    resource: { type: "workspace_file", workspacePath },
+    messageId: message.id,
+    updatedAt: message.updatedAt ?? message.createdAt
+  };
+}
+function portableWorkspacePath(value) {
+  const path = stringValue(value)?.replace(/\\/g, "/").replace(/^\.\/+/, "").replace(/\/{2,}/g, "/");
+  if (!path || path.startsWith("/") || /^[a-z]:\//i.test(path) || path.split("/").some((segment) => segment === "..")) {
+    return void 0;
+  }
+  return path;
+}
+function outputKindFromPath(path) {
+  const extension = path.match(/\.([^./]+)$/)?.[1]?.toLowerCase();
+  if (extension === "html" || extension === "htm") return "site";
+  if (["png", "jpg", "jpeg", "gif", "webp", "svg", "avif"].includes(extension ?? ""))
+    return "image";
+  if (["csv", "xls", "xlsx", "ods"].includes(extension ?? ""))
+    return "spreadsheet";
+  if (["ppt", "pptx", "odp"].includes(extension ?? ""))
+    return "presentation";
+  if (["pdf", "doc", "docx", "md", "markdown", "txt", "rtf", "odt"].includes(
+    extension ?? ""
+  ))
+    return "document";
+  return "file";
+}
+function isCompletedOutputStatus(value) {
+  const status = stringValue(value)?.toLowerCase();
+  return status === void 0 || status === "success";
+}
 function sourceFromReference(reference, message) {
   const updatedAt = message.updatedAt ?? message.createdAt;
   const common = {
@@ -1750,25 +1809,42 @@ function fileSources(files, message) {
     ];
   });
 }
-function capabilitySources(message) {
-  const selection = message.runtimeCapabilities;
-  if (!selection) return [];
+function webSearchSources(part, message) {
+  if (part.type !== "component" || !isObject(part.data)) return [];
+  const data = part.data;
+  if (data.tool !== "web_search" || stringValue(data.status)?.toLowerCase() !== "success") {
+    return [];
+  }
+  const output = stringValue(data.output);
+  if (!output) return [];
   const updatedAt = message.updatedAt ?? message.createdAt;
-  const common = { messageId: message.id, updatedAt };
-  return [
-    ...selection.skills.ids.map((id) => ({
-      ...common,
-      id: `skill:${id}`,
-      kind: "skill",
-      title: id
-    })),
-    ...selection.plugins.nodeKeys.map((id) => ({
-      ...common,
-      id: `plugin:${id}`,
-      kind: "plugin",
-      title: id
-    }))
-  ];
+  const sources = [];
+  for (const match of output.matchAll(WEB_SEARCH_RESULT_PATTERN)) {
+    const rawTitle = stringValue(match[1]);
+    const url = httpUrl(match[2]);
+    if (!url) continue;
+    const title = rawTitle && rawTitle.toLowerCase() !== "n/a" ? rawTitle : new URL(url).hostname;
+    sources.push({
+      id: `web:${url}`,
+      kind: "web_page",
+      title: compactText(title, 160),
+      description: url,
+      resource: { type: "url", url },
+      messageId: message.id,
+      updatedAt
+    });
+  }
+  return sources;
+}
+function httpUrl(value) {
+  const url = stringValue(value);
+  if (!url) return void 0;
+  try {
+    const parsed = new URL(url);
+    return parsed.protocol === "http:" || parsed.protocol === "https:" ? url : void 0;
+  } catch {
+    return void 0;
+  }
 }
 function collectLiveTaskSummary({
   messages,
@@ -1788,7 +1864,9 @@ function collectLiveTaskSummary({
     (message) => extractPlan(message) ?? []
   );
   const agentRuns = messages.flatMap(
-    (message) => (message.agentRuns ?? []).filter((run) => Boolean(run.parentId)).map((run) => ({
+    (message) => (message.agentRuns ?? []).filter(
+      (run) => run.category?.trim().toLowerCase() === "agent" && Boolean(run.parentId)
+    ).map((run) => ({
       id: run.id,
       parentId: run.parentId,
       level: agentRunLevel(run, messages),
@@ -1796,7 +1874,7 @@ function collectLiveTaskSummary({
       title: (run.agentKey ? agentNames?.get(run.agentKey) : void 0) ?? run.title ?? run.xpertName ?? run.agentKey ?? "Agent",
       status: taskSummaryAgentStatus(run.status),
       elapsedTime: run.elapsedTime,
-      error: typeof run.error === "string" ? run.error : void 0,
+      error: typeof run.error === "string" ? compactText(run.error, 160) : void 0,
       messageId: message.id,
       updatedAt: run.updatedAt ?? run.endedAt ?? run.startedAt ?? message.updatedAt
     }))
@@ -1820,7 +1898,7 @@ function collectLiveTaskSummary({
           (part) => knownPartOutputs(part, message)
         )
       )
-    ]),
+    ]).filter(isCompletedOpenableOutput),
     sources: mergeLatest([
       ...contributions.flatMap((item) => item.sources ?? []).filter((source) => source.kind !== "sub_agent"),
       ...messages.flatMap((message) => [
@@ -1829,7 +1907,9 @@ function collectLiveTaskSummary({
         ),
         ...fileSources(message.fileAssets, message),
         ...fileSources(message.attachments, message),
-        ...capabilitySources(message)
+        ...contentParts(message.content).flatMap(
+          (part) => webSearchSources(part, message)
+        )
       ])
     ]),
     agents: mergeAgents(agentRuns),
@@ -1841,17 +1921,21 @@ function mergeTaskSummary(history, live, historySections) {
   const outputs = mergeLatest([
     ...historySections?.outputs ?? history?.outputs.items ?? [],
     ...live.outputs
-  ]);
+  ]).filter(isCompletedOpenableOutput);
   const sources = mergeLatest([
     ...historySections?.sources ?? history?.sources.items ?? [],
     ...live.sources
   ]);
-  const agents = mergeAgents([
-    ...(historySections?.agents ?? history?.agents.items ?? []).filter(
-      (agent) => Boolean(agent.parentId)
-    ),
-    ...live.agents
-  ]);
+  const historyAgents = historySections?.agents ?? history?.agents.items ?? [];
+  const eligibleHistoryAgents = historyAgents.filter(
+    (agent) => Boolean(agent.parentId)
+  );
+  const excludedHistoryAgentCount = historyAgents.length - eligibleHistoryAgents.length;
+  const historyAgentTotal = Math.max(
+    0,
+    (history?.agents.total ?? 0) - excludedHistoryAgentCount
+  );
+  const agents = mergeAgents([...eligibleHistoryAgents, ...live.agents]);
   const pending = mergePending([
     ...historySections?.pending ?? history?.pending.items ?? [],
     ...live.pending
@@ -1876,7 +1960,7 @@ function mergeTaskSummary(history, live, historySections) {
     totals: {
       outputs: Math.max(history?.outputs.total ?? 0, outputs.length),
       sources: Math.max(history?.sources.total ?? 0, sources.length),
-      agents: agents.length,
+      agents: Math.max(historyAgentTotal, agents.length),
       pending: Math.max(history?.pending.total ?? 0, pending.length)
     }
   };
@@ -2579,7 +2663,6 @@ var en_US_default = {
       partial: "Partially ready",
       failed: "Failed"
     },
-    poweredBy: "Powered by Xpert AI",
     followUps: {
       pending: "Pending follow-ups",
       queue: "Queue",
@@ -2889,7 +2972,20 @@ var en_US_default = {
     status: {
       pending: "Pending",
       in_progress: "In progress",
-      completed: "Completed"
+      completed: "Completed",
+      active: "Active",
+      paused: "Paused",
+      blocked: "Blocked",
+      usage_limited: "Usage limited",
+      budget_limited: "Budget limited",
+      complete: "Completed",
+      success: "Completed",
+      error: "Failed",
+      running: "Running",
+      starting: "Starting",
+      stopping: "Stopping",
+      timeout: "Timed out",
+      interrupted: "Interrupted"
     },
     pending: {
       approval: "Approval required",
@@ -3155,7 +3251,6 @@ var zh_CN_default = {
       partial: "\u90E8\u5206\u5C31\u7EEA",
       failed: "\u89E3\u6790\u5931\u8D25"
     },
-    poweredBy: "\u7531 Xpert AI \u9A71\u52A8",
     followUps: {
       pending: "\u5F85\u5904\u7406 Follow-up",
       queue: "\u6392\u961F",
@@ -3465,7 +3560,20 @@ var zh_CN_default = {
     status: {
       pending: "\u5F85\u5904\u7406",
       in_progress: "\u8FDB\u884C\u4E2D",
-      completed: "\u5DF2\u5B8C\u6210"
+      completed: "\u5DF2\u5B8C\u6210",
+      active: "\u8FDB\u884C\u4E2D",
+      paused: "\u5DF2\u6682\u505C",
+      blocked: "\u5DF2\u963B\u585E",
+      usage_limited: "\u7528\u91CF\u53D7\u9650",
+      budget_limited: "\u9884\u7B97\u53D7\u9650",
+      complete: "\u5DF2\u5B8C\u6210",
+      success: "\u5DF2\u5B8C\u6210",
+      error: "\u5931\u8D25",
+      running: "\u8FD0\u884C\u4E2D",
+      starting: "\u542F\u52A8\u4E2D",
+      stopping: "\u505C\u6B62\u4E2D",
+      timeout: "\u5DF2\u8D85\u65F6",
+      interrupted: "\u5DF2\u4E2D\u65AD"
     },
     pending: {
       approval: "\u9700\u8981\u5BA1\u6279",
@@ -3905,12 +4013,16 @@ function ThemeProvider({ children, theme: themeProp }) {
   React2.useEffect(() => {
     if (!themeRef.current) return;
     const el = themeRef.current;
+    const root = document.documentElement;
+    const rootWasDark = root.classList.contains("dark");
     const { colorScheme, radius, density, typography, color } = theme;
     const isDarkMode2 = colorScheme === "dark";
     if (isDarkMode2) {
       el.classList.add("dark");
+      root.classList.add("dark");
     } else {
       el.classList.remove("dark");
+      root.classList.remove("dark");
     }
     if (radius) {
       el.dataset.radius = radius;
@@ -3952,7 +4064,6 @@ function ThemeProvider({ children, theme: themeProp }) {
       }
     }
     if (color) {
-      const root = document.documentElement;
       if (color.grayscale) {
         const grayscaleColors = generateGrayscaleColors(color.grayscale, isDarkMode2);
         Object.entries(grayscaleColors).forEach(([key, value]) => {
@@ -3999,8 +4110,8 @@ function ThemeProvider({ children, theme: themeProp }) {
     }
     setThemeRevision((current) => current + 1);
     return () => {
-      const root = document.documentElement;
       el.classList.remove("dark");
+      root.classList.toggle("dark", rootWasDark);
       el.removeAttribute("data-radius");
       el.removeAttribute("data-density");
       el.style.removeProperty("--density-spacing");
@@ -20382,7 +20493,8 @@ function useTaskSummary({
   enabled,
   conversationId,
   client,
-  live
+  live,
+  refreshVersion = 0
 }) {
   const [loaded, setLoaded] = React59.useState(null);
   const [historySections, setHistorySections] = React59.useState({});
@@ -20427,7 +20539,14 @@ function useTaskSummary({
       abortSectionRequests();
       requestVersionRef.current += 1;
     };
-  }, [abortSectionRequests, client, conversationId, enabled, retryVersion]);
+  }, [
+    abortSectionRequests,
+    client,
+    conversationId,
+    enabled,
+    refreshVersion,
+    retryVersion
+  ]);
   const snapshot = loaded?.conversationId === conversationId ? loaded.snapshot : null;
   const activeHistorySections = React59.useMemo(
     () => historySectionsConversationId === conversationId ? historySections : {},
@@ -20469,13 +20588,7 @@ function useTaskSummary({
         }
       }
     },
-    [
-      activeHistorySections,
-      client,
-      conversationId,
-      enabled,
-      loadingSections
-    ]
+    [activeHistorySections, client, conversationId, enabled, loadingSections]
   );
   return {
     summary: mergeTaskSummary(snapshot, live, activeHistorySections),
@@ -20580,6 +20693,7 @@ function TaskSummaryContent({
 }) {
   const { t } = useChatkitTranslation();
   const [expanded, setExpanded] = React60.useState({});
+  const [expandedLocal, setExpandedLocal] = React60.useState({});
   const hasTask = Boolean(
     summary.goal || summary.plan || summary.todos?.items.length
   );
@@ -20594,6 +20708,12 @@ function TaskSummaryContent({
     }
   };
   const sectionItems = (section, items) => expanded[section] ? items : items.slice(0, PREVIEW_SIZE);
+  const localSectionItems = (section, items) => expandedLocal[section] ? items : items.slice(0, PREVIEW_SIZE);
+  const localizedStatus = (status) => {
+    if (!status) return void 0;
+    const key = status.trim().toLowerCase().replace(/[\s-]+/g, "_");
+    return t(`taskSummary.status.${key}`, { defaultValue: status });
+  };
   const openSummaryItem = (resource, messageId, title) => {
     if (resource?.type === "message") {
       onNavigateMessage(resource.messageId);
@@ -20626,6 +20746,25 @@ function TaskSummaryContent({
       }
     );
   };
+  const localSectionAction = (section, total2) => {
+    if (total2 <= PREVIEW_SIZE) return null;
+    const isExpanded = Boolean(expandedLocal[section]);
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "mt-1 flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left text-sm text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground",
+        onClick: () => setExpandedLocal((state) => ({
+          ...state,
+          [section]: !isExpanded
+        })),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.ListChecks, { className: "size-3.5" }),
+          isExpanded ? t("taskSummary.collapse") : t("taskSummary.viewAll", { count: total2 })
+        ]
+      }
+    );
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "divide-y divide-border/70", children: [
     Boolean(historyError) && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "m-3 flex items-start justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [
       /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: t("taskSummary.historyError") }),
@@ -20642,52 +20781,41 @@ function TaskSummaryContent({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
-      SummarySection,
-      {
-        title: t("taskSummary.sections.outputs"),
-        children: [
-          summary.outputs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SummaryPrompt, { onClick: onFocusComposer, children: t("taskSummary.createOutput") }) : sectionItems("outputs", summary.outputs).map((item) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-            SummaryButton,
-            {
-              title: item.title,
-              description: item.description ?? item.status,
-              leading: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.FileOutput, { className: "size-4" }),
-              trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.ExternalLink, { className: "size-3.5" }) : void 0,
-              onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
-            },
-            item.id
-          )),
-          sectionAction("outputs", summary.totals.outputs)
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
-      SummarySection,
-      {
-        title: t("taskSummary.sections.sources"),
-        children: [
-          sectionItems("sources", summary.sources).map((item) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-            SummaryButton,
-            {
-              title: item.title,
-              description: item.description,
-              leading: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.BookOpen, { className: "size-4" }),
-              trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.ExternalLink, { className: "size-3.5" }) : void 0,
-              onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
-            },
-            item.id
-          )),
-          sectionAction("sources", summary.totals.sources)
-        ]
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SummarySection, { title: t("taskSummary.sections.outputs"), children: [
+      summary.outputs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SummaryPrompt, { onClick: onFocusComposer, children: t("taskSummary.createOutput") }) : sectionItems("outputs", summary.outputs).map((item) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        SummaryButton,
+        {
+          title: item.title,
+          metadata: localizedStatus(item.status),
+          description: item.description,
+          leading: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.FileOutput, { className: "size-4" }),
+          trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.ExternalLink, { className: "size-3.5" }) : void 0,
+          onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
+        },
+        item.id
+      )),
+      sectionAction("outputs", summary.totals.outputs)
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SummarySection, { title: t("taskSummary.sections.sources"), children: [
+      sectionItems("sources", summary.sources).map((item) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        SummaryButton,
+        {
+          title: item.title,
+          description: item.description,
+          leading: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.BookOpen, { className: "size-4" }),
+          trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.ExternalLink, { className: "size-3.5" }) : void 0,
+          onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
+        },
+        item.id
+      )),
+      sectionAction("sources", summary.totals.sources)
+    ] }),
     hasTask && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SummarySection, { title: t("taskSummary.sections.task"), children: [
       summary.goal && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         SummaryButton,
         {
           title: summary.goal.objective,
-          description: summary.goal.status,
+          metadata: localizedStatus(summary.goal.status),
           leading: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.Target, { className: "size-4" }),
           onClick: onFocusComposer
         }
@@ -20701,34 +20829,45 @@ function TaskSummaryContent({
           onClick: () => summary.plan?.messageId ? onNavigateMessage(summary.plan.messageId) : onFocusComposer()
         }
       ),
-      (summary.todos?.items ?? []).slice(0, PREVIEW_SIZE).map((todo) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      localSectionItems("todos", summary.todos?.items ?? []).map(
+        (todo) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          SummaryButton,
+          {
+            title: todo.content,
+            metadata: localizedStatus(todo.status),
+            leading: todo.status === "completed" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.CheckCircle2, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.CircleEllipsis, { className: "size-4 text-muted-foreground" }),
+            onClick: () => summary.todos?.messageId ? onNavigateMessage(summary.todos.messageId) : onFocusComposer()
+          },
+          todo.id
+        )
+      ),
+      localSectionAction("todos", summary.todos?.items.length ?? 0)
+    ] }),
+    summary.running.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SummarySection, { title: t("taskSummary.sections.running"), children: [
+      localSectionItems("running", summary.running).map((item) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         SummaryButton,
         {
-          title: todo.content,
-          description: t(`taskSummary.status.${todo.status}`),
-          leading: todo.status === "completed" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.CheckCircle2, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.CircleEllipsis, { className: "size-4 text-muted-foreground" }),
-          onClick: () => summary.todos?.messageId ? onNavigateMessage(summary.todos.messageId) : onFocusComposer()
+          title: item.title,
+          metadata: localizedStatus(item.status),
+          description: item.description,
+          leading: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.PlayCircle, { className: "size-4" }),
+          trailing: item.resource ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.ExternalLink, { className: "size-3.5" }) : void 0,
+          onClick: () => item.resource && onOpenResource(item.resource, void 0, item.title)
         },
-        todo.id
-      ))
+        item.id
+      )),
+      localSectionAction("running", summary.running.length)
     ] }),
-    summary.running.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SummarySection, { title: t("taskSummary.sections.running"), children: summary.running.slice(0, PREVIEW_SIZE).map((item) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-      SummaryButton,
-      {
-        title: item.title,
-        description: item.description ?? item.status,
-        leading: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.PlayCircle, { className: "size-4" }),
-        trailing: item.resource ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.ExternalLink, { className: "size-3.5" }) : void 0,
-        onClick: () => item.resource && onOpenResource(item.resource, void 0, item.title)
-      },
-      item.id
-    )) }),
     summary.agents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SummarySection, { title: t("taskSummary.sections.agents"), children: [
       sectionItems("agents", summary.agents).map((item) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         SummaryButton,
         {
           title: item.title,
-          description: [item.status, formatElapsed(item.elapsedTime)].filter(Boolean).join(" \xB7 "),
+          metadata: [
+            localizedStatus(item.status),
+            formatElapsed(item.elapsedTime)
+          ].filter(Boolean).join(" \xB7 "),
+          description: item.error,
           leading: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react36.Bot, { className: "size-4" }),
           onClick: () => item.messageId ? onNavigateMessage(item.messageId) : onFocusComposer()
         },
@@ -20776,16 +20915,20 @@ function SummaryPrompt({
 }
 function SummaryButton({
   title,
+  metadata,
   description,
   leading,
   trailing,
   onClick
 }) {
+  const tooltipText = [title, metadata, description].filter(Boolean);
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "button",
     {
       type: "button",
-      disabled: !onClick,
+      title: tooltipText.join("\n"),
+      "aria-disabled": !onClick,
+      tabIndex: onClick ? 0 : -1,
       onClick,
       className: cn(
         "flex w-full min-w-0 items-start gap-2.5 rounded-lg px-2 py-1.5 text-left transition-colors",
@@ -20796,6 +20939,7 @@ function SummaryButton({
         leading && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: leading }),
         /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "block truncate text-sm font-medium leading-5 text-foreground", children: title }),
+          metadata && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "mt-0.5 block truncate text-xs text-muted-foreground", children: metadata }),
           description && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "mt-0.5 block line-clamp-2 text-xs text-muted-foreground", children: description })
         ] }),
         trailing && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "mt-0.5 text-muted-foreground", children: trailing })
@@ -21892,7 +22036,8 @@ function Chat({
     enabled: taskSummaryEnabled,
     conversationId: taskSummaryConversationId,
     client: stream.client,
-    live: liveTaskSummary
+    live: liveTaskSummary,
+    refreshVersion: stream.historyMessageLoadVersion
   });
   const navigateToTaskSummaryMessage = React61.useCallback(
     async (messageId) => {
@@ -23730,7 +23875,7 @@ function Chat({
                   "data-slot": "chatkit-chat-composer",
                   "data-position": isInitialComposer ? "centered" : "bottom",
                   className: cn(
-                    "mx-auto w-full p-2 z-10 bg-background",
+                    "mx-auto w-full max-w-2xl px-4 pb-4 pt-2 z-10 bg-background",
                     isInitialComposer ? "mb-auto" : "sticky bottom-0"
                   ),
                   style: chatColumnStyle,
@@ -24007,7 +24152,7 @@ function Chat({
                             {
                               "data-slot": "composer-editor-surface",
                               className: cn(
-                                "relative flex min-h-[10rem] min-w-0 bg-background px-2 pt-2 pb-14",
+                                "relative flex min-h-[6.5rem] min-w-0 bg-background px-2 pt-2 pb-14",
                                 "rounded-composer-editor"
                               ),
                               children: [
@@ -24028,7 +24173,7 @@ function Chat({
                                     onKeyDown: handleComposerKeyDown,
                                     "data-placeholder": inputPlaceholder,
                                     className: cn(
-                                      "min-h-20 max-h-36 w-full overflow-y-auto whitespace-pre-wrap break-words bg-transparent px-2 py-2 text-base leading-6 text-foreground outline-none",
+                                      "min-h-10 max-h-36 w-full overflow-y-auto whitespace-pre-wrap break-words bg-transparent px-2 py-2 text-base leading-6 text-foreground outline-none",
                                       "empty:before:pointer-events-none empty:before:text-muted-foreground empty:before:content-[attr(data-placeholder)]",
                                       (missingConfig || isHistoryLoading || hasPendingInteractiveRequest) && "cursor-not-allowed opacity-50"
                                     ),
@@ -24183,14 +24328,6 @@ function Chat({
                         ),
                         children: disclaimer.text
                       }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                      "div",
-                      {
-                        "data-slot": "chat-footer",
-                        className: "relative mt-2 flex min-h-6 items-center justify-center gap-2 text-xs text-muted-foreground",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: t("chat.poweredBy") })
-                      }
                     )
                   ]
                 }