@agent-native/core 0.91.1 → 0.92.0

package/dist/client/HighlightedCodeBlock.d.ts

@@ -8,6 +8,8 @@
  * - A content hash gate means identical re-renders never re-invoke Shiki.
  * - A final highlight is triggered immediately when streaming ends (caller
  *   passes streaming=false).
+ * - Non-streaming first paint waits for Shiki (invisible placeholder reserves
+ *   space) so the UI never snaps from plain text to highlighted HTML.
  *
  * Usage:
  *   <HighlightedCodeBlock code={code} lang="typescript" containerClass="agent-markdown-shiki" />

package/dist/client/HighlightedCodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightedCodeBlock.d.ts","sourceRoot":"","sources":["../../src/client/HighlightedCodeBlock.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAe3D,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,cAAc,EAAE,MAAM,CAAC;IACvB;mEAC+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;uEAEmE;IACnE,eAAe,EAAE,MAAM,OAAO,CAAC;QAC7B,UAAU,EAAE,CACV,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC;YACb,MAAM,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,IAAI,EAAE,MAAM,CAAA;aAAE,CAAC;YACxC,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;SACzC,KACE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;QAC9B,kBAAkB,EAAE,MAAM,MAAM,EAAE,CAAC;KACpC,CAAC,CAAC;CACJ;AAYD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,SAAiB,EACjB,eAAe,GAChB,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAsFhD"}
+{"version":3,"file":"HighlightedCodeBlock.d.ts","sourceRoot":"","sources":["../../src/client/HighlightedCodeBlock.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAe3D,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,cAAc,EAAE,MAAM,CAAC;IACvB;mEAC+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;uEAEmE;IACnE,eAAe,EAAE,MAAM,OAAO,CAAC;QAC7B,UAAU,EAAE,CACV,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC;YACb,MAAM,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,IAAI,EAAE,MAAM,CAAA;aAAE,CAAC;YACxC,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;SACzC,KACE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;QAC9B,kBAAkB,EAAE,MAAM,MAAM,EAAE,CAAC;KACpC,CAAC,CAAC;CACJ;AAYD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,SAAiB,EACjB,eAAe,GAChB,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAqGhD"}

package/dist/client/HighlightedCodeBlock.js

@@ -9,6 +9,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * - A content hash gate means identical re-renders never re-invoke Shiki.
  * - A final highlight is triggered immediately when streaming ends (caller
  *   passes streaming=false).
+ * - Non-streaming first paint waits for Shiki (invisible placeholder reserves
+ *   space) so the UI never snaps from plain text to highlighted HTML.
  *
  * Usage:
  *   <HighlightedCodeBlock code={code} lang="typescript" containerClass="agent-markdown-shiki" />
@@ -36,6 +38,7 @@ function hashString(s) {
 }
 export function HighlightedCodeBlock({ code, lang, containerClass, streaming = false, loadHighlighter, }) {
     const [html, setHtml] = useState(null);
+    const [failed, setFailed] = useState(false);
     // Track the content hash for which html was last rendered so identical
     // re-renders never re-invoke Shiki.
     const renderedHashRef = useRef(null);
@@ -75,12 +78,14 @@ export function HighlightedCodeBlock({ code, lang, containerClass, streaming = f
                 .then((out) => {
                 if (!cancelledRef.current) {
                     renderedHashRef.current = contentHash;
+                    setFailed(false);
                     setHtml(out);
                 }
             })
                 .catch(() => {
                 if (!cancelledRef.current) {
                     renderedHashRef.current = contentHash;
+                    setFailed(true);
                     setHtml(null);
                 }
             });
@@ -105,6 +110,10 @@ export function HighlightedCodeBlock({ code, lang, containerClass, streaming = f
     if (html) {
         return (_jsx("div", { className: containerClass, dangerouslySetInnerHTML: { __html: html } }));
     }
-    return (_jsx("pre", { children: _jsx("code", { className: lang ? `language-${lang}` : undefined, children: code }) }));
+    // Streaming: show plain growing text (previous html already kept above when
+    // available). Non-streaming first paint: reserve space invisibly so we never
+    // flash unhighlighted → highlighted.
+    const showPlain = streaming || failed;
+    return (_jsx("div", { className: containerClass, "aria-busy": !showPlain && !failed, children: _jsx("pre", { children: _jsx("code", { className: lang ? `language-${lang}` : undefined, style: showPlain ? undefined : { visibility: "hidden" }, children: code }) }) }));
 }
 //# sourceMappingURL=HighlightedCodeBlock.js.map

package/dist/client/HighlightedCodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightedCodeBlock.js","sourceRoot":"","sources":["../../src/client/HighlightedCodeBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Shared debounced syntax-highlighted code block.\n *\n * Performance characteristics vs the old per-site implementations:\n * - While code is still growing (streaming), Shiki re-highlight is debounced\n *   to ~150 ms (trailing).  Between debounce fires the previous highlighted\n *   HTML is kept — no blank flash.\n * - A content hash gate means identical re-renders never re-invoke Shiki.\n * - A final highlight is triggered immediately when streaming ends (caller\n *   passes streaming=false).\n *\n * Usage:\n *   <HighlightedCodeBlock code={code} lang=\"typescript\" containerClass=\"agent-markdown-shiki\" />\n */\nimport React, { useEffect, useRef, useState } from \"react\";\n\nconst LANG_ALIASES: Record<string, string> = {\n  js: \"javascript\",\n  ts: \"typescript\",\n  sh: \"bash\",\n  shell: \"bash\",\n  zsh: \"bash\",\n  py: \"python\",\n  yml: \"yaml\",\n  md: \"markdown\",\n  bq: \"sql\",\n  bigquery: \"sql\",\n};\n\nexport interface HighlightedCodeBlockProps {\n  code: string;\n  lang: string;\n  /** Class applied to the wrapper div when Shiki HTML is rendered. */\n  containerClass: string;\n  /** Pass true while the parent message is still streaming. When false the\n   *  block fires an immediate (non-debounced) highlight pass. */\n  streaming?: boolean;\n  /** Loader for the site-specific Shiki highlighter instance. Each call site\n   *  has its own highlighter loader (different language sets, different CSS\n   *  class, etc.) — pass it in so this component stays decoupled. */\n  loadHighlighter: () => Promise<{\n    codeToHtml: (\n      code: string,\n      options: {\n        lang: string;\n        themes: { light: string; dark: string };\n        defaultColor?: false | \"light\" | \"dark\";\n      },\n    ) => string | Promise<string>;\n    getLoadedLanguages: () => string[];\n  }>;\n}\n\nconst DEBOUNCE_MS = 150;\n\nfunction hashString(s: string): number {\n  let h = 0;\n  for (let i = 0; i < s.length; i++) {\n    h = (Math.imul(31, h) + s.charCodeAt(i)) | 0;\n  }\n  return h;\n}\n\nexport function HighlightedCodeBlock({\n  code,\n  lang,\n  containerClass,\n  streaming = false,\n  loadHighlighter,\n}: HighlightedCodeBlockProps): React.ReactElement {\n  const [html, setHtml] = useState<string | null>(null);\n  // Track the content hash for which html was last rendered so identical\n  // re-renders never re-invoke Shiki.\n  const renderedHashRef = useRef<number | null>(null);\n  const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const cancelledRef = useRef(false);\n\n  useEffect(() => {\n    cancelledRef.current = false;\n    return () => {\n      cancelledRef.current = true;\n      if (debounceTimerRef.current !== null) {\n        clearTimeout(debounceTimerRef.current);\n        debounceTimerRef.current = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    const contentHash = hashString(lang + \"\\0\" + code);\n\n    // Skip if we already rendered this exact content\n    if (renderedHashRef.current === contentHash) return;\n\n    const doHighlight = () => {\n      loadHighlighter()\n        .then((highlighter) => {\n          const requested = (lang || \"text\").toLowerCase();\n          const resolved = LANG_ALIASES[requested] ?? requested;\n          const loaded = highlighter.getLoadedLanguages();\n          const finalLang = loaded.includes(resolved) ? resolved : \"text\";\n          return highlighter.codeToHtml(code, {\n            lang: finalLang,\n            themes: {\n              light: \"github-light-default\",\n              dark: \"github-dark-default\",\n            },\n            defaultColor: false,\n          });\n        })\n        .then((out) => {\n          if (!cancelledRef.current) {\n            renderedHashRef.current = contentHash;\n            setHtml(out as string);\n          }\n        })\n        .catch(() => {\n          if (!cancelledRef.current) {\n            renderedHashRef.current = contentHash;\n            setHtml(null);\n          }\n        });\n    };\n\n    // Clear any existing pending debounce\n    if (debounceTimerRef.current !== null) {\n      clearTimeout(debounceTimerRef.current);\n      debounceTimerRef.current = null;\n    }\n\n    if (streaming) {\n      // Debounce while the code block is still growing\n      debounceTimerRef.current = setTimeout(() => {\n        debounceTimerRef.current = null;\n        doHighlight();\n      }, DEBOUNCE_MS);\n    } else {\n      // Stream complete (or never was streaming): highlight immediately\n      doHighlight();\n    }\n  }, [code, lang, streaming, loadHighlighter]);\n\n  if (html) {\n    return (\n      <div\n        className={containerClass}\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    );\n  }\n  return (\n    <pre>\n      <code className={lang ? `language-${lang}` : undefined}>{code}</code>\n    </pre>\n  );\n}\n"]}
+{"version":3,"file":"HighlightedCodeBlock.js","sourceRoot":"","sources":["../../src/client/HighlightedCodeBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Shared debounced syntax-highlighted code block.\n *\n * Performance characteristics vs the old per-site implementations:\n * - While code is still growing (streaming), Shiki re-highlight is debounced\n *   to ~150 ms (trailing).  Between debounce fires the previous highlighted\n *   HTML is kept — no blank flash.\n * - A content hash gate means identical re-renders never re-invoke Shiki.\n * - A final highlight is triggered immediately when streaming ends (caller\n *   passes streaming=false).\n * - Non-streaming first paint waits for Shiki (invisible placeholder reserves\n *   space) so the UI never snaps from plain text to highlighted HTML.\n *\n * Usage:\n *   <HighlightedCodeBlock code={code} lang=\"typescript\" containerClass=\"agent-markdown-shiki\" />\n */\nimport React, { useEffect, useRef, useState } from \"react\";\n\nconst LANG_ALIASES: Record<string, string> = {\n  js: \"javascript\",\n  ts: \"typescript\",\n  sh: \"bash\",\n  shell: \"bash\",\n  zsh: \"bash\",\n  py: \"python\",\n  yml: \"yaml\",\n  md: \"markdown\",\n  bq: \"sql\",\n  bigquery: \"sql\",\n};\n\nexport interface HighlightedCodeBlockProps {\n  code: string;\n  lang: string;\n  /** Class applied to the wrapper div when Shiki HTML is rendered. */\n  containerClass: string;\n  /** Pass true while the parent message is still streaming. When false the\n   *  block fires an immediate (non-debounced) highlight pass. */\n  streaming?: boolean;\n  /** Loader for the site-specific Shiki highlighter instance. Each call site\n   *  has its own highlighter loader (different language sets, different CSS\n   *  class, etc.) — pass it in so this component stays decoupled. */\n  loadHighlighter: () => Promise<{\n    codeToHtml: (\n      code: string,\n      options: {\n        lang: string;\n        themes: { light: string; dark: string };\n        defaultColor?: false | \"light\" | \"dark\";\n      },\n    ) => string | Promise<string>;\n    getLoadedLanguages: () => string[];\n  }>;\n}\n\nconst DEBOUNCE_MS = 150;\n\nfunction hashString(s: string): number {\n  let h = 0;\n  for (let i = 0; i < s.length; i++) {\n    h = (Math.imul(31, h) + s.charCodeAt(i)) | 0;\n  }\n  return h;\n}\n\nexport function HighlightedCodeBlock({\n  code,\n  lang,\n  containerClass,\n  streaming = false,\n  loadHighlighter,\n}: HighlightedCodeBlockProps): React.ReactElement {\n  const [html, setHtml] = useState<string | null>(null);\n  const [failed, setFailed] = useState(false);\n  // Track the content hash for which html was last rendered so identical\n  // re-renders never re-invoke Shiki.\n  const renderedHashRef = useRef<number | null>(null);\n  const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const cancelledRef = useRef(false);\n\n  useEffect(() => {\n    cancelledRef.current = false;\n    return () => {\n      cancelledRef.current = true;\n      if (debounceTimerRef.current !== null) {\n        clearTimeout(debounceTimerRef.current);\n        debounceTimerRef.current = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    const contentHash = hashString(lang + \"\\0\" + code);\n\n    // Skip if we already rendered this exact content\n    if (renderedHashRef.current === contentHash) return;\n\n    const doHighlight = () => {\n      loadHighlighter()\n        .then((highlighter) => {\n          const requested = (lang || \"text\").toLowerCase();\n          const resolved = LANG_ALIASES[requested] ?? requested;\n          const loaded = highlighter.getLoadedLanguages();\n          const finalLang = loaded.includes(resolved) ? resolved : \"text\";\n          return highlighter.codeToHtml(code, {\n            lang: finalLang,\n            themes: {\n              light: \"github-light-default\",\n              dark: \"github-dark-default\",\n            },\n            defaultColor: false,\n          });\n        })\n        .then((out) => {\n          if (!cancelledRef.current) {\n            renderedHashRef.current = contentHash;\n            setFailed(false);\n            setHtml(out as string);\n          }\n        })\n        .catch(() => {\n          if (!cancelledRef.current) {\n            renderedHashRef.current = contentHash;\n            setFailed(true);\n            setHtml(null);\n          }\n        });\n    };\n\n    // Clear any existing pending debounce\n    if (debounceTimerRef.current !== null) {\n      clearTimeout(debounceTimerRef.current);\n      debounceTimerRef.current = null;\n    }\n\n    if (streaming) {\n      // Debounce while the code block is still growing\n      debounceTimerRef.current = setTimeout(() => {\n        debounceTimerRef.current = null;\n        doHighlight();\n      }, DEBOUNCE_MS);\n    } else {\n      // Stream complete (or never was streaming): highlight immediately\n      doHighlight();\n    }\n  }, [code, lang, streaming, loadHighlighter]);\n\n  if (html) {\n    return (\n      <div\n        className={containerClass}\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    );\n  }\n\n  // Streaming: show plain growing text (previous html already kept above when\n  // available). Non-streaming first paint: reserve space invisibly so we never\n  // flash unhighlighted → highlighted.\n  const showPlain = streaming || failed;\n  return (\n    <div className={containerClass} aria-busy={!showPlain && !failed}>\n      <pre>\n        <code\n          className={lang ? `language-${lang}` : undefined}\n          style={showPlain ? undefined : { visibility: \"hidden\" }}\n        >\n          {code}\n        </code>\n      </pre>\n    </div>\n  );\n}\n"]}

package/dist/client/agent-chat-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-chat-adapter.d.ts","sourceRoot":"","sources":["../../src/client/agent-chat-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,qBAAqB,CAAC;AAOhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAmBrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,MAAM,oBAAoB;AAC9B;;;;GAIG;AACD,KAAK;AACP,0EAA0E;GACxE,WAAW,CAAC;AAqsChB;;;;GAIG;AACH;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,eAAe,GAAG,SAAS,CAAA;KAAE,CAAC;IACrD,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3D,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAyED,wBAAgB,sBAAsB,CACpC,OAAO,CAAC,EAAE,6BAA6B,GACtC,gBAAgB,CA68DlB"}
+{"version":3,"file":"agent-chat-adapter.d.ts","sourceRoot":"","sources":["../../src/client/agent-chat-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,qBAAqB,CAAC;AAOhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAmBrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,MAAM,oBAAoB;AAC9B;;;;GAIG;AACD,KAAK;AACP,0EAA0E;GACxE,WAAW,CAAC;AA8tChB;;;;GAIG;AACH;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,eAAe,GAAG,SAAS,CAAA;KAAE,CAAC;IACrD,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3D,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAyED,wBAAgB,sBAAsB,CACpC,OAAO,CAAC,EAAE,6BAA6B,GACtC,gBAAgB,CA68DlB"}

package/dist/client/agent-chat-adapter.js

@@ -132,6 +132,8 @@ function contentToContinuationHistory(content) {
                 chunks.push(part.text.trim());
             continue;
         }
+        if (part.type === "reasoning")
+            continue;
         if (part.activity === true)
             continue;
         const toolSummary = [
@@ -438,6 +440,11 @@ function contentToStructuredMessages(content, nextToolCallId, options) {
             }
             continue;
         }
+        // Reasoning/thinking is UI-only — do not send chain-of-thought back into
+        // model history on continuation.
+        if (part.type === "reasoning") {
+            continue;
+        }
         if (isToolCallContentPart(part)) {
             if (part.activity === true)
                 continue;
@@ -564,9 +571,13 @@ function combineContinuationHistory(fragments) {
     return truncateForContinuation(fragments.filter(Boolean).join("\n\n"), 40_000).trim();
 }
 function hasContinuationProgress(content) {
-    return content.some((part) => part.type === "text"
-        ? part.text.trim().length > 0
-        : part.result !== undefined);
+    return content.some((part) => {
+        if (part.type === "text")
+            return part.text.trim().length > 0;
+        if (part.type === "reasoning")
+            return false;
+        return part.result !== undefined;
+    });
 }
 const COMPLETED_TOOL_TIMEOUT_NAME_RE = /^(add|apply|archive|capture|create|delete|deploy|duplicate|edit|generate|grant|insert|migrate|move|present|publish|remove|rename|reorder|revoke|save|send|set|sync|trash|update|write)(-|$)/;
 const COMPLETED_TOOL_TIMEOUT_NAME_ALLOWLIST = new Set([
@@ -679,7 +690,9 @@ function lastUnresolvedToolActivity(content) {
     return undefined;
 }
 function snapshotContent(content) {
-    return content.map((part) => part.type === "text" ? { ...part } : { ...part, args: { ...part.args } });
+    return content.map((part) => part.type === "text" || part.type === "reasoning"
+        ? { ...part }
+        : { ...part, args: { ...part.args } });
 }
 function stableJson(value) {
     try {
@@ -737,6 +750,21 @@ function contentAfterContinuationPrefix(content, prefix) {
             }
             return content.slice(contentIndex);
         }
+        if (prefixPart.type === "reasoning" && currentPart.type === "reasoning") {
+            if (currentPart.text === prefixPart.text) {
+                contentIndex += 1;
+                continue;
+            }
+            if (currentPart.text.startsWith(prefixPart.text)) {
+                const appendedText = currentPart.text.slice(prefixPart.text.length);
+                if (appendedText) {
+                    delta.push({ type: "reasoning", text: appendedText });
+                }
+                contentIndex += 1;
+                continue;
+            }
+            return content.slice(contentIndex);
+        }
         if (prefixPart.type === "tool-call" &&
             currentPart.type === "tool-call" &&
             toolContinuationKey(currentPart) === toolContinuationKey(prefixPart)) {