@frontera-sdk/chat-ui 1.52.48 → 1.53.1

package/dist/{chunk-6ROTTPLW.js → chunk-TER2I37Y.js}

@@ -1,9 +1,9 @@
 'use client';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from './chunk-T5SANYSX.js';
-import { useIsMobile, useTranslation } from './chunk-IY27XSPQ.js';
-import { ToolCallItem, ProcessorIcon } from './chunk-LAELBWN2.js';
-import { describeToolRow, toolKindLabel, getToolMeta, Shimmer, Collapse, ToolGroupReasoningItem, SkillToolItem, DeviceDesktopIcon, WorldSearchIcon, FileTextIcon, useStreamdownPlugins, CircleXIcon, STREAMDOWN_LINK_SAFETY, Folder1Icon, AppIconFrame, AppIcon, Collapsible, CollapsibleTrigger, CollapsibleContent, SquareArrowTopRightIcon, Icon } from './chunk-4GXQI4E4.js';
+import { MagnifyingGlassIcon, Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from './chunk-FZ3VSITY.js';
+import { useIsMobile, useTranslation } from './chunk-ZKB77W6J.js';
+import { ToolCallItem, ProcessorIcon } from './chunk-M6GWBAO2.js';
+import { describeToolRow, toolKindLabel, getToolMeta, Shimmer, Collapse, ToolGroupReasoningItem, SkillToolItem, DeviceDesktopIcon, WorldSearchIcon, FileTextIcon, useStreamdownPlugins, CircleXIcon, STREAMDOWN_LINK_SAFETY, Folder1Icon, AppIconFrame, AppIcon, Collapsible, CollapsibleTrigger, CollapsibleContent, SquareArrowTopRightIcon, Icon } from './chunk-ITMOMVIV.js';
 import { ChevronDownMediumIcon, Button, Skeleton, buttonVariants } from './chunk-UWKO24VT.js';
 import { Dialog, DialogContent, DialogTitle, DialogDescription, DialogClose, CrossMediumIcon, DialogHeader, DialogFooter } from './chunk-2P4IEVOQ.js';
 import { zipSync } from './chunk-CDTES65T.js';
@@ -7861,9 +7861,9 @@ var require_cronstrue_i18n = __commonJS({
                       return values.shift();
                     });
                   };
-                  StringUtilities2.containsAny = function(text2, searchStrings) {
+                  StringUtilities2.containsAny = function(text3, searchStrings) {
                     return searchStrings.some(function(c2) {
-                      return text2.indexOf(c2) > -1;
+                      return text3.indexOf(c2) > -1;
                     });
                   };
                   return StringUtilities2;
@@ -10071,8 +10071,8 @@ function treatyErrorMessage(err, fallback = "Request failed") {
       const m = readableText(body.message) ?? readableText(body.error) ?? readableText(body.summary);
       if (m) return m;
     }
-    const text2 = readableText(value);
-    if (text2) return text2;
+    const text3 = readableText(value);
+    if (text3) return text3;
   }
   if (err && typeof err === "object" && "message" in err) {
     const m = readableText(err.message);
@@ -11353,8 +11353,8 @@ function computeMessageParts(parts) {
       flushSteps();
       result.push({ kind: "artifact", part, index });
     } else if (part.type === "text") {
-      const text2 = typeof part.text === "string" ? part.text : "";
-      if (!text2.trim()) return;
+      const text3 = typeof part.text === "string" ? part.text : "";
+      if (!text3.trim()) return;
       flushSteps();
       result.push({ kind: "text", part, index });
     } else {
@@ -12272,9 +12272,9 @@ function summarizeRoutineTrigger(routine, options = {}) {
   if (routine.triggerType === "event") {
     return { kind: "event", text: options.locale === "id" ? "Dijeda \xB7 Pemicu lama tidak tersedia" : "Paused \xB7 Legacy trigger unavailable", timezone: null };
   }
-  const text2 = routine.cronExpression ? describeCronInWords(routine.cronExpression, options.locale ?? "en") : "";
+  const text3 = routine.cronExpression ? describeCronInWords(routine.cronExpression, options.locale ?? "en") : "";
   const timezone = routine.timezone && routine.timezone !== (options.viewerTimezone ?? routine.timezone) ? routine.timezone : null;
-  return { kind: "schedule", text: text2, timezone };
+  return { kind: "schedule", text: text3, timezone };
 }
 function formatRunDuration(ms) {
   if (ms == null || ms < 0) return null;
@@ -13982,16 +13982,16 @@ function OAuthClientSetupCard({
           );
         }
       }
-      for (const field of inboundFields) {
+      for (const field2 of inboundFields) {
         const { error } = await c2.v1.workspaces({ workspaceId }).secrets.post({
-          name: field.name,
-          value: (values[field.name] ?? "").trim(),
+          name: field2.name,
+          value: (values[field2.name] ?? "").trim(),
           type: "custom",
-          description: `${kind} ${field.label}`
+          description: `${kind} ${field2.label}`
         });
         if (error) {
           throw new Error(
-            error?.value?.message ?? `Failed to save ${field.label}`
+            error?.value?.message ?? `Failed to save ${field2.label}`
           );
         }
       }
@@ -14057,12 +14057,12 @@ function OAuthClientSetupCard({
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsx("div", { className: "space-y-2 mb-3", children: requiredSecrets.map((field) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "space-y-2 mb-3", children: requiredSecrets.map((field2) => /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsxs("label", { className: "block text-xs text-muted-foreground mb-1", children: [
-            field.label,
+            field2.label,
             /* @__PURE__ */ jsxs("span", { className: "ml-1 font-mono text-foreground/60", children: [
               "(",
-              field.name,
+              field2.name,
               ")"
             ] })
           ] }),
@@ -14070,8 +14070,8 @@ function OAuthClientSetupCard({
             "input",
             {
               type: "password",
-              value: values[field.name] ?? "",
-              onChange: (e) => setValues((v) => ({ ...v, [field.name]: e.target.value })),
+              value: values[field2.name] ?? "",
+              onChange: (e) => setValues((v) => ({ ...v, [field2.name]: e.target.value })),
               disabled: status === "saving",
               autoComplete: "off",
               spellCheck: false,
@@ -14079,8 +14079,8 @@ function OAuthClientSetupCard({
               placeholder: "Paste value"
             }
           ),
-          field.hint ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: field.hint }) : null
-        ] }, field.name)) }),
+          field2.hint ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: field2.hint }) : null
+        ] }, field2.name)) }),
         status === "error" && errorMessage2 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mb-2", children: errorMessage2 }) : null,
         /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx(
           Button,
@@ -14306,28 +14306,28 @@ function InboundSecretsCard(props) {
   const isWebhookSetup = retryTool === "verify_install";
   const single = requiredSecrets.length === 1;
   const canSubmit = requiredSecrets.every((s2) => (values[s2.suffix] ?? "").trim().length > 0) && phase !== "saving" && phase !== "saved";
-  function vaultNameFor(field) {
-    return field.vaultKey ?? (inboundVaultPrefix ? `${inboundVaultPrefix}_${field.suffix}` : field.suffix);
+  function vaultNameFor(field2) {
+    return field2.vaultKey ?? (inboundVaultPrefix ? `${inboundVaultPrefix}_${field2.suffix}` : field2.suffix);
   }
   async function save(allowReplace) {
     setPhase("saving");
     setErrorMessage(null);
     try {
-      for (const field of requiredSecrets) {
-        const value = (values[field.suffix] ?? "").trim();
-        const name = vaultNameFor(field);
+      for (const field2 of requiredSecrets) {
+        const value = (values[field2.suffix] ?? "").trim();
+        const name = vaultNameFor(field2);
         try {
           await createSecret.mutateAsync({
             name,
             value,
             type: "custom",
-            description: `${kind} ${field.label}`
+            description: `${kind} ${field2.label}`
           });
         } catch (err) {
           const routeError = readRouteError(err);
           const exists = routeError.status === 409 || /already exists/i.test(routeError.message);
           if (!exists) {
-            throw new Error(routeError.message || `Failed to save ${field.label}`);
+            throw new Error(routeError.message || `Failed to save ${field2.label}`);
           }
           if (!allowReplace) {
             setConflictName(name);
@@ -14338,7 +14338,7 @@ function InboundSecretsCard(props) {
             await updateSecret.mutateAsync({ name, value });
           } catch (replaceErr) {
             throw new Error(
-              readRouteError(replaceErr).message || `Failed to replace ${field.label}`
+              readRouteError(replaceErr).message || `Failed to replace ${field2.label}`
             );
           }
         }
@@ -14444,23 +14444,23 @@ function InboundSecretsCard(props) {
           " ",
           "Values are encrypted at rest and never sent to the assistant."
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2 mb-3", children: requiredSecrets.map((field) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "space-y-2 mb-3", children: requiredSecrets.map((field2) => /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(
             "label",
             {
-              htmlFor: `secret-${installId}-${field.suffix}`,
+              htmlFor: `secret-${installId}-${field2.suffix}`,
               className: "block text-sm text-muted-foreground mb-1",
-              children: field.label
+              children: field2.label
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsx(
               "input",
               {
-                id: `secret-${installId}-${field.suffix}`,
-                type: revealed[field.suffix] ? "text" : "password",
-                value: values[field.suffix] ?? "",
-                onChange: (e) => setValues((v) => ({ ...v, [field.suffix]: e.target.value })),
+                id: `secret-${installId}-${field2.suffix}`,
+                type: revealed[field2.suffix] ? "text" : "password",
+                value: values[field2.suffix] ?? "",
+                onChange: (e) => setValues((v) => ({ ...v, [field2.suffix]: e.target.value })),
                 disabled: phase === "saving",
                 autoComplete: "off",
                 spellCheck: false,
@@ -14474,22 +14474,22 @@ function InboundSecretsCard(props) {
                 type: "button",
                 onClick: () => setRevealed((r) => ({
                   ...r,
-                  [field.suffix]: !r[field.suffix]
+                  [field2.suffix]: !r[field2.suffix]
                 })),
-                "aria-label": revealed[field.suffix] ? `Hide ${field.label}` : `Show ${field.label}`,
+                "aria-label": revealed[field2.suffix] ? `Hide ${field2.label}` : `Show ${field2.label}`,
                 className: "absolute right-1 top-1/2 -translate-y-1/2 rounded p-1.5 text-muted-foreground hover:text-foreground",
-                children: revealed[field.suffix] ? /* @__PURE__ */ jsx(EyeSlashIcon, { className: "size-4", "aria-hidden": true }) : /* @__PURE__ */ jsx(EyeOpenIcon, { className: "size-4", "aria-hidden": true })
+                children: revealed[field2.suffix] ? /* @__PURE__ */ jsx(EyeSlashIcon, { className: "size-4", "aria-hidden": true }) : /* @__PURE__ */ jsx(EyeOpenIcon, { className: "size-4", "aria-hidden": true })
               }
             )
           ] }),
-          field.hint ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: field.hint }) : null,
-          field.vaultKey ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: [
+          field2.hint ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: field2.hint }) : null,
+          field2.vaultKey ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: [
             "Saved to the workspace vault as",
             " ",
-            /* @__PURE__ */ jsx("span", { className: "font-mono text-foreground/70", children: field.vaultKey }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-foreground/70", children: field2.vaultKey }),
             "."
           ] }) : null
-        ] }, field.suffix)) }),
+        ] }, field2.suffix)) }),
         phase === "error" && errorMessage2 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive mb-2", children: errorMessage2 }) : null,
         phase === "conflict" && conflictName ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-foreground mb-2", children: [
           "A credential named",
@@ -15779,10 +15779,10 @@ var STATUSES = /* @__PURE__ */ new Set([
 ]);
 function parseMaybeJson(value) {
   if (typeof value !== "string") return value;
-  const text2 = value.trim();
-  if (!text2.startsWith("{")) return value;
+  const text3 = value.trim();
+  if (!text3.startsWith("{")) return value;
   try {
-    return JSON.parse(text2);
+    return JSON.parse(text3);
   } catch {
     return value;
   }
@@ -18306,6 +18306,198 @@ function SearchedKnowledgeToolItem({
     }) }) }) })
   ] });
 }
+function BlankPagePortraitIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "blank-page-portrait",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.75 18.25V5.75C4.75 4.09315 6.09315 2.75 7.75 2.75H16.25C17.9069 2.75 19.25 4.09315 19.25 5.75V15.5972V15.9643C19.25 16.7267 19.0019 17.4686 18.5429 18.0786C17.0405 20.075 14.6826 21.25 12.1786 21.25H8H7.75C6.09315 21.25 4.75 19.9069 4.75 18.25Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.25 15.5977C19.25 18.1671 15.6406 18.1671 14.0938 17.1393L12.9892 18.2401C11.0552 20.1676 10.735 21.2504 8 21.2504",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function CirclePersonIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "circle-person, accessibility, a11y",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14.2485 16.25C12.7476 14.7408 11.9999 13.2338 11.9985 11.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.75 16.25C11.2894 14.758 11.9998 13.2338 11.9984 11.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8.75 10.6912C8.75 10.6912 10.7206 10.9559 11.9996 10.9559C13.2787 10.9559 15.25 10.6912 15.25 10.6912",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.75 8C12.75 8.41421 12.4142 8.75 12 8.75C11.5858 8.75 11.25 8.41421 11.25 8C11.25 7.58579 11.5858 7.25 12 7.25C12.4142 7.25 12.75 7.58579 12.75 8Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// ../chat/src/ui/chat/knowledge-reading-label.ts
+var KNOWLEDGE_READING_TOOLS = /* @__PURE__ */ new Set([
+  "findKnowledgeDocuments",
+  "readKnowledgeDocument",
+  "lookupKnowledgeEntity",
+  "viewKnowledgePage"
+]);
+function isKnowledgeReadingTool(name) {
+  return KNOWLEDGE_READING_TOOLS.has(name);
+}
+function field(input, key) {
+  return input && typeof input === "object" ? input[key] : void 0;
+}
+function text2(value) {
+  if (typeof value === "string") return value.replace(/\s+/g, " ").trim();
+  if (typeof value === "number" && Number.isFinite(value)) return String(value);
+  if (Array.isArray(value)) return joinAnd(value.map(text2).filter(Boolean));
+  return "";
+}
+function joinAnd(items) {
+  if (items.length <= 1) return items[0] ?? "";
+  return `${items.slice(0, -1).join(", ")} and ${items[items.length - 1]}`;
+}
+function pageRange(value) {
+  if (Array.isArray(value) && value.length === 2 && value.every((v) => typeof v === "number")) {
+    return value[0] === value[1] ? String(value[0]) : `${value[0]}\u2013${value[1]}`;
+  }
+  return text2(value).replace(/\s*-\s*/g, "\u2013");
+}
+function readPart(input) {
+  if (field(input, "outline") === true) return "outline";
+  const section = text2(field(input, "section"));
+  if (section) return `section ${section}`;
+  const pages = pageRange(field(input, "pages"));
+  if (pages) return /[–,]|\band\b/.test(pages) ? `pages ${pages}` : `page ${pages}`;
+  const table = text2(field(input, "table"));
+  if (table) return `table ${table}`;
+  return "";
+}
+function knowledgeStepHeader(tool, input, phase) {
+  switch (tool) {
+    case "findKnowledgeDocuments": {
+      const query = text2(field(input, "query"));
+      const verb = phase === "failed" ? "Could not look for documents" : phase === "running" ? "Looking for documents" : "Looked for documents";
+      return query ? `${verb}: ${query}` : verb;
+    }
+    case "readKnowledgeDocument": {
+      const part = readPart(input);
+      const verb = phase === "failed" ? "Could not read the document" : phase === "running" ? "Reading a document" : "Read a document";
+      return part ? `${verb}: ${part}` : verb;
+    }
+    case "lookupKnowledgeEntity": {
+      const name = text2(field(input, "name"));
+      const other = text2(field(input, "with"));
+      const who = [name, other].filter(Boolean).join(" and ");
+      const verb = phase === "failed" ? "Could not look up" : phase === "running" ? "Looking up" : "Looked up";
+      return who ? `${verb} ${who}` : `${verb} a name`;
+    }
+    case "viewKnowledgePage": {
+      const page = text2(field(input, "page"));
+      const verb = phase === "failed" ? "Could not look at" : phase === "running" ? "Looking at" : "Looked at";
+      return page ? `${verb} page ${page}` : `${verb} a page`;
+    }
+  }
+}
+var RUNNING_STATES4 = /* @__PURE__ */ new Set([
+  "input-streaming",
+  "partial-call",
+  "input-available",
+  "call"
+]);
+var TIMELINE_ICON_BEAD3 = "flex w-4 h-7 shrink-0 items-center justify-center rounded-full bg-surface-chat";
+var ICONS = {
+  findKnowledgeDocuments: MagnifyingGlassIcon,
+  readKnowledgeDocument: FileTextIcon,
+  lookupKnowledgeEntity: CirclePersonIcon,
+  viewKnowledgePage: BlankPagePortraitIcon
+};
+function KnowledgeReadingToolItem({ toolName, state, input }) {
+  const phase = state === "output-error" || state === "error" ? "failed" : RUNNING_STATES4.has(state) ? "running" : "done";
+  const header = knowledgeStepHeader(toolName, input, phase);
+  const StepIcon = ICONS[toolName];
+  return /* @__PURE__ */ jsx("div", { className: "relative z-10 py-0.5", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 items-center gap-2 text-left text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsx("span", { className: TIMELINE_ICON_BEAD3, children: /* @__PURE__ */ jsx(StepIcon, { className: "size-4 opacity-90" }) }),
+    phase === "running" ? /* @__PURE__ */ jsx(Shimmer, { as: "span", className: "min-w-0 truncate text-sm", children: `${header}\u2026` }) : /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", title: header, children: header })
+  ] }) });
+}
 function parseDeck(content) {
   try {
     const d = JSON.parse(content || "{}");
@@ -18682,12 +18874,12 @@ function ImageGenPlaceholder({
 }
 var GENERATED_IMAGE_TOOLS = /* @__PURE__ */ new Set(["createImage", "createInfographic"]);
 var REDACTED_REASONING = "[REDACTED]";
-function hasVisibleReasoningText(text2) {
-  if (typeof text2 !== "string") return false;
+function hasVisibleReasoningText(text3) {
+  if (typeof text3 !== "string") return false;
   const nonWhitespace = /\S/g;
   let match;
-  while (match = nonWhitespace.exec(text2)) {
-    if (text2.startsWith(REDACTED_REASONING, match.index)) {
+  while (match = nonWhitespace.exec(text3)) {
+    if (text3.startsWith(REDACTED_REASONING, match.index)) {
       nonWhitespace.lastIndex = match.index + REDACTED_REASONING.length;
       continue;
     }
@@ -18695,10 +18887,10 @@ function hasVisibleReasoningText(text2) {
   }
   return false;
 }
-function passagesByUrl(text2) {
+function passagesByUrl(text3) {
   const out = /* @__PURE__ */ new Map();
-  if (typeof text2 !== "string" || !text2) return out;
-  for (const section of text2.split(/\n\n---\n\n/)) {
+  if (typeof text3 !== "string" || !text3) return out;
+  for (const section of text3.split(/\n\n---\n\n/)) {
     const match = /^Source \[\d+\]\(([^)]+)\):[^\n]*\n([\s\S]*)$/.exec(section.trim());
     if (!match) continue;
     const [, url, body] = match;
@@ -18953,12 +19145,12 @@ var MessageStepsGroup = memo(function MessageStepsGroup2({
   ).length;
   const renderStepItem = (item) => {
     if (item.type === "reasoning") {
-      const text2 = item.part.text;
-      if (!hasVisibleReasoningText(text2)) return null;
+      const text3 = item.part.text;
+      if (!hasVisibleReasoningText(text3)) return null;
       return /* @__PURE__ */ jsx(
         ToolGroupReasoningItem,
         {
-          text: text2,
+          text: text3,
           isStreaming: item.part.state === "streaming"
         },
         `${messageId}-r-${item.index}`
@@ -18967,12 +19159,12 @@ var MessageStepsGroup = memo(function MessageStepsGroup2({
     if (getToolName(item.part) === "think") {
       const thinkInput = getToolInput(item.part);
       const thinkOutput = getToolOutput(item.part);
-      const text2 = thinkInput?.thought ?? thinkOutput?.thought;
-      if (!hasVisibleReasoningText(text2)) return null;
+      const text3 = thinkInput?.thought ?? thinkOutput?.thought;
+      if (!hasVisibleReasoningText(text3)) return null;
       return /* @__PURE__ */ jsx(
         ToolGroupReasoningItem,
         {
-          text: text2,
+          text: text3,
           isStreaming: getToolState(item.part) === "input-streaming"
         },
         `${messageId}-r-${item.index}`
@@ -19014,6 +19206,18 @@ var MessageStepsGroup = memo(function MessageStepsGroup2({
         `${messageId}-kb-${item.index}`
       );
     }
+    const knowledgeTool = getToolName(item.part);
+    if (isKnowledgeReadingTool(knowledgeTool)) {
+      return /* @__PURE__ */ jsx(
+        KnowledgeReadingToolItem,
+        {
+          toolName: knowledgeTool,
+          state: getToolState(item.part),
+          input: getToolInput(item.part)
+        },
+        `${messageId}-kbr-${item.index}`
+      );
+    }
     if (isDelegationTool(getToolName(item.part))) {
       const input = getToolInput(item.part);
       const output = getToolOutput(item.part);
@@ -20065,7 +20269,7 @@ function walkSlide(doc, win = window) {
     const hasBg = solidBg || !!grad && grad.alpha > 0.02;
     const bw = parseFloat(s2.borderWidth) || 0;
     const fullBorder = bw >= 1 && !TRANSPARENT(s2.borderColor);
-    const text2 = (el.textContent || "").replace(/\s+/g, " ").trim();
+    const text3 = (el.textContent || "").replace(/\s+/g, " ").trim();
     if (hasBg || fullBorder) {
       out.elements.push({
         type: "shape",
@@ -20089,7 +20293,7 @@ function walkSlide(doc, win = window) {
         out.elements.push({ type: "shape", shape: "rect", ...bar, fill: rgbToHex(col), opacity: 1 });
       }
     }
-    if (text2 && !hasBlockTextChild(el)) {
+    if (text3 && !hasBlockTextChild(el)) {
       Array.from(el.children).forEach((c2) => {
         if (!(c2.textContent || "").trim()) visit(c2);
       });
@@ -20111,7 +20315,7 @@ function walkSlide(doc, win = window) {
         tx = tr.x;
       }
       const isHeading = fs >= 40;
-      const nowrap = singleLine || !/\s/.test(text2) || isHeading;
+      const nowrap = singleLine || !/\s/.test(text3) || isHeading;
       if (nowrap) {
         const pad2 = Math.round(fs * 0.7 + (tr ? tr.w : tw) * 0.18);
         if (align === "center") {
@@ -33143,7 +33347,7 @@ function threshold() {
 // ../../node_modules/d3-time/src/interval.js
 var t0 = /* @__PURE__ */ new Date();
 var t1 = /* @__PURE__ */ new Date();
-function timeInterval(floori, offseti, count, field) {
+function timeInterval(floori, offseti, count, field2) {
   function interval(date2) {
     return floori(date2 = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+date2)), date2;
   }
@@ -33195,7 +33399,7 @@ function timeInterval(floori, offseti, count, field) {
     };
     interval.every = (step) => {
       step = Math.floor(step);
-      return !isFinite(step) || !(step > 0) ? null : !(step > 1) ? interval : interval.filter(field ? (d) => field(d) % step === 0 : (d) => interval.count(0, d) % step === 0);
+      return !isFinite(step) || !(step > 0) ? null : !(step > 1) ? interval : interval.filter(field2 ? (d) => field2(d) % step === 0 : (d) => interval.count(0, d) % step === 0);
     };
   }
   return interval;
@@ -37555,16 +37759,16 @@ var SPAN_STYLE = {
   whiteSpace: "pre"
 };
 var MEASUREMENT_SPAN_ID = "recharts_measurement_span";
-function createCacheKey(text2, style) {
+function createCacheKey(text3, style) {
   var fontSize = style.fontSize || "";
   var fontFamily = style.fontFamily || "";
   var fontWeight = style.fontWeight || "";
   var fontStyle = style.fontStyle || "";
   var letterSpacing = style.letterSpacing || "";
   var textTransform = style.textTransform || "";
-  return "".concat(text2, "|").concat(fontSize, "|").concat(fontFamily, "|").concat(fontWeight, "|").concat(fontStyle, "|").concat(letterSpacing, "|").concat(textTransform);
+  return "".concat(text3, "|").concat(fontSize, "|").concat(fontFamily, "|").concat(fontWeight, "|").concat(fontStyle, "|").concat(letterSpacing, "|").concat(textTransform);
 }
-var measureTextWithDOM = (text2, style) => {
+var measureTextWithDOM = (text3, style) => {
   try {
     var measurementSpan = document.getElementById(MEASUREMENT_SPAN_ID);
     if (!measurementSpan) {
@@ -37574,7 +37778,7 @@ var measureTextWithDOM = (text2, style) => {
       document.body.appendChild(measurementSpan);
     }
     Object.assign(measurementSpan.style, SPAN_STYLE, style);
-    measurementSpan.textContent = "".concat(text2);
+    measurementSpan.textContent = "".concat(text3);
     var rect = measurementSpan.getBoundingClientRect();
     return {
       width: rect.width,
@@ -37587,23 +37791,23 @@ var measureTextWithDOM = (text2, style) => {
     };
   }
 };
-var getStringSize = function getStringSize2(text2) {
+var getStringSize = function getStringSize2(text3) {
   var style = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  if (text2 === void 0 || text2 === null || Global.isSsr) {
+  if (text3 === void 0 || text3 === null || Global.isSsr) {
     return {
       width: 0,
       height: 0
     };
   }
   if (!currentConfig.enableCache) {
-    return measureTextWithDOM(text2, style);
+    return measureTextWithDOM(text3, style);
   }
-  var cacheKey = createCacheKey(text2, style);
+  var cacheKey = createCacheKey(text3, style);
   var cachedResult = stringCache.get(cacheKey);
   if (cachedResult) {
     return cachedResult;
   }
-  var result = measureTextWithDOM(text2, style);
+  var result = measureTextWithDOM(text3, style);
   stringCache.set(cacheKey, result);
   return result;
 };
@@ -37929,8 +38133,8 @@ var calculate = (words, lineWidth, spaceWidth, scaleToFit) => words.reduce((resu
 }, []);
 var findLongestLine = (words) => words.reduce((a2, b) => a2.width > b.width ? a2 : b);
 var suffix = "\u2026";
-var checkOverflow = (text2, index, breakAll, style, maxLines, lineWidth, spaceWidth, scaleToFit) => {
-  var tempText = text2.slice(0, index);
+var checkOverflow = (text3, index, breakAll, style, maxLines, lineWidth, spaceWidth, scaleToFit) => {
+  var tempText = text3.slice(0, index);
   var words = calculateWordWidths({
     breakAll,
     style,
@@ -37946,7 +38150,7 @@ var checkOverflow = (text2, index, breakAll, style, maxLines, lineWidth, spaceWi
 var calculateWordsByLines = (_ref3, initialWordsWithComputedWith, spaceWidth, lineWidth, scaleToFit) => {
   var maxLines = _ref3.maxLines, children = _ref3.children, style = _ref3.style, breakAll = _ref3.breakAll;
   var shouldLimitLines = isNumber(maxLines);
-  var text2 = String(children);
+  var text3 = String(children);
   var originalResult = calculate(initialWordsWithComputedWith, lineWidth, spaceWidth, scaleToFit);
   if (!shouldLimitLines || scaleToFit) {
     return originalResult;
@@ -37956,14 +38160,14 @@ var calculateWordsByLines = (_ref3, initialWordsWithComputedWith, spaceWidth, li
     return originalResult;
   }
   var start = 0;
-  var end = text2.length - 1;
+  var end = text3.length - 1;
   var iterations = 0;
   var trimmedResult;
-  while (start <= end && iterations <= text2.length - 1) {
+  while (start <= end && iterations <= text3.length - 1) {
     var middle = Math.floor((start + end) / 2);
     var prev = middle - 1;
-    var _checkOverflow = checkOverflow(text2, prev, breakAll, style, maxLines, lineWidth, spaceWidth, scaleToFit), _checkOverflow2 = _slicedToArray14(_checkOverflow, 2), doesPrevOverflow = _checkOverflow2[0], result = _checkOverflow2[1];
-    var _checkOverflow3 = checkOverflow(text2, middle, breakAll, style, maxLines, lineWidth, spaceWidth, scaleToFit), _checkOverflow4 = _slicedToArray14(_checkOverflow3, 1), doesMiddleOverflow = _checkOverflow4[0];
+    var _checkOverflow = checkOverflow(text3, prev, breakAll, style, maxLines, lineWidth, spaceWidth, scaleToFit), _checkOverflow2 = _slicedToArray14(_checkOverflow, 2), doesPrevOverflow = _checkOverflow2[0], result = _checkOverflow2[1];
+    var _checkOverflow3 = checkOverflow(text3, middle, breakAll, style, maxLines, lineWidth, spaceWidth, scaleToFit), _checkOverflow4 = _slicedToArray14(_checkOverflow3, 1), doesMiddleOverflow = _checkOverflow4[0];
     if (!doesPrevOverflow && !doesMiddleOverflow) {
       start = middle + 1;
     }
@@ -49777,8 +49981,8 @@ function encodingOf(spec) {
 function seriesField(spec) {
   const enc = encodingOf(spec);
   const color2 = enc && isObj2(enc.color) ? enc.color : null;
-  const field = color2?.field;
-  return typeof field === "string" ? field : null;
+  const field2 = color2?.field;
+  return typeof field2 === "string" ? field2 : null;
 }
 function inlineValues(spec) {
   const data = isObj2(spec.data) ? spec.data : null;
@@ -49788,12 +49992,12 @@ function inlineValues(spec) {
 function categoryCount(spec) {
   const enc = encodingOf(spec);
   const x2 = enc && isObj2(enc.x) ? enc.x : null;
-  const field = typeof x2?.field === "string" ? x2.field : null;
+  const field2 = typeof x2?.field === "string" ? x2.field : null;
   const type = typeof x2?.type === "string" ? x2.type : null;
-  if (!field || type === "quantitative" || type === "temporal") return 0;
+  if (!field2 || type === "quantitative" || type === "temporal") return 0;
   const seen = /* @__PURE__ */ new Set();
   for (const row of inlineValues(spec)) {
-    const v = row[field];
+    const v = row[field2];
     if (v != null) seen.add(String(v));
   }
   return seen.size;
@@ -49911,17 +50115,17 @@ function summarize(spec) {
   };
 }
 var DIMMED_OPACITY = 0.18;
-function channelType(enc, field) {
+function channelType(enc, field2) {
   for (const def of Object.values(enc)) {
-    if (isObj2(def) && def.field === field && typeof def.type === "string") {
+    if (isObj2(def) && def.field === field2 && typeof def.type === "string") {
       return def.type;
     }
   }
   return null;
 }
-function selectionTest(enc, field, value) {
-  const ref = `datum[${JSON.stringify(field)}]`;
-  if (channelType(enc, field) === "temporal") {
+function selectionTest(enc, field2, value) {
+  const ref = `datum[${JSON.stringify(field2)}]`;
+  if (channelType(enc, field2) === "temporal") {
     const ms = Date.parse(value);
     if (!Number.isNaN(ms)) return `time(${ref}) === ${ms}`;
   }
@@ -49935,7 +50139,7 @@ function markType(target) {
 }
 var BACKDROP_OPACITY = 0.28;
 var SPANNING_MARKS = /* @__PURE__ */ new Set(["line", "area", "trail"]);
-function withOpacity(target, field, value) {
+function withOpacity(target, field2, value) {
   const enc = isObj2(target.encoding) ? target.encoding : null;
   if (!enc) return target;
   if (Array.isArray(target.params) && target.params.length > 0) return target;
@@ -49943,21 +50147,21 @@ function withOpacity(target, field, value) {
   const condition = existing && isObj2(existing.condition) ? existing.condition : null;
   if (condition && typeof condition.param === "string") return target;
   const opacity = SPANNING_MARKS.has(markType(target) ?? "") ? { value: BACKDROP_OPACITY } : {
-    condition: { test: selectionTest(enc, field, value), value: 1 },
+    condition: { test: selectionTest(enc, field2, value), value: 1 },
     value: DIMMED_OPACITY
   };
   return { ...target, encoding: { ...enc, opacity } };
 }
-function highlightSelection(spec, field, value) {
+function highlightSelection(spec, field2, value) {
   if (Array.isArray(spec.layer)) {
     return {
       ...spec,
       layer: spec.layer.map(
-        (l) => isObj2(l) ? withOpacity(l, field, value) : l
+        (l) => isObj2(l) ? withOpacity(l, field2, value) : l
       )
     };
   }
-  return withOpacity(spec, field, value);
+  return withOpacity(spec, field2, value);
 }
 function adaptSpecForMobile(spec, landscape = false, cardChrome = false) {
   const categories = categoryCount(spec);
@@ -50073,18 +50277,18 @@ function keyCandidates(v) {
 var datumMatches = (value, key) => keyCandidates(value).includes(key);
 function keyForDatum(datum, summary) {
   if (summary.kind === "composition") {
-    const field2 = summary.seriesField;
-    if (field2 && datum[field2] != null) {
-      const hit = summary.series.find((name) => datumMatches(datum[field2], name));
+    const field3 = summary.seriesField;
+    if (field3 && datum[field3] != null) {
+      const hit = summary.series.find((name) => datumMatches(datum[field3], name));
       if (hit) return hit;
     }
     return summary.series.find(
       (name) => Object.values(datum).some((v) => datumMatches(v, name))
     );
   }
-  const field = summary.bucketField;
-  if (field && datum[field] != null) {
-    const hit = summary.buckets.find((b) => datumMatches(datum[field], b.key));
+  const field2 = summary.bucketField;
+  if (field2 && datum[field2] != null) {
+    const hit = summary.buckets.find((b) => datumMatches(datum[field2], b.key));
     if (hit) return hit.key;
   }
   return summary.buckets.find(
@@ -50715,10 +50919,10 @@ function applyFoldTransforms(values, transforms) {
     const foldFields = t.fold;
     const [keyAs, valueAs] = Array.isArray(t.as) ? t.as : ["key", "value"];
     rows = rows.flatMap((row) => {
-      return foldFields.map((field) => {
+      return foldFields.map((field2) => {
         const { ...rest } = row;
         for (const f of foldFields) delete rest[f];
-        return { ...rest, [keyAs]: field, [valueAs]: row[field] };
+        return { ...rest, [keyAs]: field2, [valueAs]: row[field2] };
       });
     });
   }
@@ -51021,14 +51225,14 @@ function sanitizeSpec(spec) {
         continue;
       }
       const e = { ...enc };
-      const field = e.field;
-      if (field && keys.has(field)) {
-        const sampleValue = sampleRow[field];
+      const field2 = e.field;
+      if (field2 && keys.has(field2)) {
+        const sampleValue = sampleRow[field2];
         if (sampleValue !== void 0 && typeof sampleValue === "string" && e.type === "quantitative") {
           e.type = "nominal";
         }
-      } else if (field && !keys.has(field)) {
-        const match = findClosestField(field, keys, sampleRow, e.type);
+      } else if (field2 && !keys.has(field2)) {
+        const match = findClosestField(field2, keys, sampleRow, e.type);
         if (match) {
           e.field = match;
           const matchedValue = sampleRow[match];
@@ -51104,10 +51308,10 @@ function sanitizeSpec(spec) {
         if (ch === "x") {
           if (!updated.timeUnit) updated.timeUnit = "yearmonth";
           updated.scale = { ...updated.scale ?? {}, nice: false };
-          const field = updated.field;
-          if (field && values && updated.timeUnit === "yearmonth") {
+          const field2 = updated.field;
+          if (field2 && values && updated.timeUnit === "yearmonth") {
             const midpoints = Array.from(
-              new Set(values.map((r) => r[field]).filter((v) => v != null))
+              new Set(values.map((r) => r[field2]).filter((v) => v != null))
             ).map((v) => {
               const d = new Date(String(v));
               if (isNaN(d.getTime())) return v;
@@ -51915,8 +52119,8 @@ function VegaChartBlockInner({
   const title = useMemo(() => parsed ? chartTitle(parsed) : null, [parsed]);
   const highlight = useMemo(() => {
     if (!selected || !summary) return null;
-    const field = summary.kind === "composition" ? summary.seriesField : summary.bucketField;
-    return field ? { field, value: selected } : null;
+    const field2 = summary.kind === "composition" ? summary.seriesField : summary.bucketField;
+    return field2 ? { field: field2, value: selected } : null;
   }, [selected, summary]);
   useEffect(() => setSelected(null), [parsed]);
   const useCard = isMobile && !!summary;