@agent-native/core 0.93.0 → 0.94.1

package/dist/client/appearance.d.ts

@@ -28,8 +28,10 @@ export declare function getStoredAppearance(): AppearancePresetId;
 export declare function applyAppearance(preset: AppearancePresetId): void;
 export declare function useAppearance(): AppearancePresetId;
 /**
- * Polls `application_state.appearance` and applies the server-side preset on
- * the client. Use once near the root of the app (e.g. in your `AppLayout`).
+ * Reads `application_state.appearance` and applies the server-side preset on
+ * the client. The shared DB-sync transport advances the key-specific version
+ * after a write, so this performs one initial read and then only refetches when
+ * appearance actually changes.
  *
  * The agent's `change-appearance` action writes to `application_state.appearance`
  * server-side; this hook surfaces that write into the DOM `data-appearance`

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

@@ -1 +1 @@
-{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../../src/client/appearance.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB;aAC3B,EAAE,EAAE,SAAS;aAAE,KAAK,EAAE,SAAS;aAAE,MAAM,EAAE,kBAAkB;;aAC3D,EAAE,EAAE,MAAM;aAAE,KAAK,EAAE,MAAM;aAAE,MAAM,EAAE,iBAAiB;;aACpD,EAAE,EAAE,OAAO;aAAE,KAAK,EAAE,OAAO;aAAE,MAAM,EAAE,kBAAkB;;aACvD,EAAE,EAAE,QAAQ;aAAE,KAAK,EAAE,QAAQ;aAAE,MAAM,EAAE,kBAAkB;;aACzD,EAAE,EAAE,MAAM;aAAE,KAAK,EAAE,MAAM;aAAE,MAAM,EAAE,kBAAkB;;aACrD,EAAE,EAAE,OAAO;aAAE,KAAK,EAAE,OAAO;aAAE,MAAM,EAAE,kBAAkB;EACjD,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAiC3E,wBAAgB,mBAAmB,IAAI,kBAAkB,CAExD;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI,CAwBhE;AAcD,wBAAgB,aAAa,IAAI,kBAAkB,CAMlD;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAoBxC"}
+{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../../src/client/appearance.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB;aAC3B,EAAE,EAAE,SAAS;aAAE,KAAK,EAAE,SAAS;aAAE,MAAM,EAAE,kBAAkB;;aAC3D,EAAE,EAAE,MAAM;aAAE,KAAK,EAAE,MAAM;aAAE,MAAM,EAAE,iBAAiB;;aACpD,EAAE,EAAE,OAAO;aAAE,KAAK,EAAE,OAAO;aAAE,MAAM,EAAE,kBAAkB;;aACvD,EAAE,EAAE,QAAQ;aAAE,KAAK,EAAE,QAAQ;aAAE,MAAM,EAAE,kBAAkB;;aACzD,EAAE,EAAE,MAAM;aAAE,KAAK,EAAE,MAAM;aAAE,MAAM,EAAE,kBAAkB;;aACrD,EAAE,EAAE,OAAO;aAAE,KAAK,EAAE,OAAO;aAAE,MAAM,EAAE,kBAAkB;EACjD,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAiC3E,wBAAgB,mBAAmB,IAAI,kBAAkB,CAExD;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI,CAwBhE;AAcD,wBAAgB,aAAa,IAAI,kBAAkB,CAMlD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAoBxC"}

package/dist/client/appearance.js

@@ -1,6 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
 import { useEffect, useSyncExternalStore } from "react";
 import { agentNativePath } from "./api-path.js";
+import { useChangeVersion } from "./use-change-version.js";
 export const APPEARANCE_PRESETS = [
     { id: "default", label: "Default", swatch: "hsl(220 10% 30%)" },
     { id: "warm", label: "Warm", swatch: "hsl(25 65% 55%)" },
@@ -82,8 +83,10 @@ export function useAppearance() {
     return useSyncExternalStore(subscribe, () => readStoredAppearance(), () => "default");
 }
 /**
- * Polls `application_state.appearance` and applies the server-side preset on
- * the client. Use once near the root of the app (e.g. in your `AppLayout`).
+ * Reads `application_state.appearance` and applies the server-side preset on
+ * the client. The shared DB-sync transport advances the key-specific version
+ * after a write, so this performs one initial read and then only refetches when
+ * appearance actually changes.
  *
  * The agent's `change-appearance` action writes to `application_state.appearance`
  * server-side; this hook surfaces that write into the DOM `data-appearance`
@@ -91,16 +94,16 @@ export function useAppearance() {
  * choice persists across reloads.
  */
 export function useAppearanceSync() {
+    const appearanceVersion = useChangeVersion("app-state:appearance");
     const { data } = useQuery({
-        queryKey: ["agent-native", "appearance"],
+        queryKey: ["agent-native", "appearance", appearanceVersion],
         queryFn: async () => {
             const res = await fetch(agentNativePath("/_agent-native/application-state/appearance"), { credentials: "include" });
             if (!res.ok)
                 return null;
             return (await res.json());
         },
-        refetchInterval: 4_000,
-        staleTime: 2_000,
+        staleTime: Infinity,
     });
     const serverPreset = data?.preset;
     useEffect(() => {

package/dist/client/appearance.js.map

@@ -1 +1 @@
-{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../../src/client/appearance.ts"],"names":[],"mappings":"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","sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { useEffect, useSyncExternalStore } from \"react\";\n\nimport { agentNativePath } from \"./api-path.js\";\n\nexport const APPEARANCE_PRESETS = [\n  { id: \"default\", label: \"Default\", swatch: \"hsl(220 10% 30%)\" },\n  { id: \"warm\", label: \"Warm\", swatch: \"hsl(25 65% 55%)\" },\n  { id: \"ocean\", label: \"Ocean\", swatch: \"hsl(205 70% 55%)\" },\n  { id: \"forest\", label: \"Forest\", swatch: \"hsl(145 55% 45%)\" },\n  { id: \"rose\", label: \"Rose\", swatch: \"hsl(345 60% 55%)\" },\n  { id: \"slate\", label: \"Slate\", swatch: \"hsl(215 25% 45%)\" },\n] as const;\n\nexport type AppearancePresetId = (typeof APPEARANCE_PRESETS)[number][\"id\"];\n\nconst STORAGE_KEY = \"appearance\";\nconst VALID_NON_DEFAULT: Set<string> = new Set(\n  APPEARANCE_PRESETS.filter((p) => p.id !== \"default\").map((p) => p.id),\n);\nconst CHANGE_EVENT = \"agent-native:appearance-change\";\n\nfunction isValidPreset(\n  value: string | null | undefined,\n): value is AppearancePresetId {\n  return (\n    value === \"default\" ||\n    (typeof value === \"string\" && VALID_NON_DEFAULT.has(value))\n  );\n}\n\nfunction safeWindow(): Window | null {\n  return typeof window === \"undefined\" ? null : window;\n}\n\nfunction readStoredAppearance(): AppearancePresetId {\n  const w = safeWindow();\n  if (!w) return \"default\";\n  try {\n    const stored = w.localStorage.getItem(STORAGE_KEY);\n    if (isValidPreset(stored) && stored !== \"default\") return stored;\n  } catch {\n    // localStorage unavailable\n  }\n  return \"default\";\n}\n\nexport function getStoredAppearance(): AppearancePresetId {\n  return readStoredAppearance();\n}\n\nexport function applyAppearance(preset: AppearancePresetId): void {\n  const w = safeWindow();\n  if (!w) return;\n  const root = w.document.documentElement;\n  if (preset === \"default\" || !VALID_NON_DEFAULT.has(preset)) {\n    root.removeAttribute(\"data-appearance\");\n    try {\n      w.localStorage.removeItem(STORAGE_KEY);\n    } catch {\n      // localStorage unavailable\n    }\n  } else {\n    root.setAttribute(\"data-appearance\", preset);\n    try {\n      w.localStorage.setItem(STORAGE_KEY, preset);\n    } catch {\n      // localStorage unavailable\n    }\n  }\n  try {\n    w.dispatchEvent(new CustomEvent(CHANGE_EVENT));\n  } catch {\n    // CustomEvent unsupported in this environment\n  }\n}\n\nfunction subscribe(onChange: () => void): () => void {\n  const w = safeWindow();\n  if (!w) return () => {};\n  const handler = () => onChange();\n  w.addEventListener(\"storage\", handler);\n  w.addEventListener(CHANGE_EVENT, handler);\n  return () => {\n    w.removeEventListener(\"storage\", handler);\n    w.removeEventListener(CHANGE_EVENT, handler);\n  };\n}\n\nexport function useAppearance(): AppearancePresetId {\n  return useSyncExternalStore(\n    subscribe,\n    () => readStoredAppearance(),\n    () => \"default\",\n  );\n}\n\n/**\n * Polls `application_state.appearance` and applies the server-side preset on\n * the client. Use once near the root of the app (e.g. in your `AppLayout`).\n *\n * The agent's `change-appearance` action writes to `application_state.appearance`\n * server-side; this hook surfaces that write into the DOM `data-appearance`\n * attribute and localStorage so the user sees the change immediately and the\n * choice persists across reloads.\n */\nexport function useAppearanceSync(): void {\n  const { data } = useQuery({\n    queryKey: [\"agent-native\", \"appearance\"],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/application-state/appearance\"),\n        { credentials: \"include\" },\n      );\n      if (!res.ok) return null;\n      return (await res.json()) as { preset?: string } | null;\n    },\n    refetchInterval: 4_000,\n    staleTime: 2_000,\n  });\n  const serverPreset = data?.preset;\n  useEffect(() => {\n    if (!serverPreset || !isValidPreset(serverPreset)) return;\n    const current = readStoredAppearance();\n    if (current !== serverPreset) applyAppearance(serverPreset);\n  }, [serverPreset]);\n}\n"]}
+{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../../src/client/appearance.ts"],"names":[],"mappings":"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","sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { useEffect, useSyncExternalStore } from \"react\";\n\nimport { agentNativePath } from \"./api-path.js\";\nimport { useChangeVersion } from \"./use-change-version.js\";\n\nexport const APPEARANCE_PRESETS = [\n  { id: \"default\", label: \"Default\", swatch: \"hsl(220 10% 30%)\" },\n  { id: \"warm\", label: \"Warm\", swatch: \"hsl(25 65% 55%)\" },\n  { id: \"ocean\", label: \"Ocean\", swatch: \"hsl(205 70% 55%)\" },\n  { id: \"forest\", label: \"Forest\", swatch: \"hsl(145 55% 45%)\" },\n  { id: \"rose\", label: \"Rose\", swatch: \"hsl(345 60% 55%)\" },\n  { id: \"slate\", label: \"Slate\", swatch: \"hsl(215 25% 45%)\" },\n] as const;\n\nexport type AppearancePresetId = (typeof APPEARANCE_PRESETS)[number][\"id\"];\n\nconst STORAGE_KEY = \"appearance\";\nconst VALID_NON_DEFAULT: Set<string> = new Set(\n  APPEARANCE_PRESETS.filter((p) => p.id !== \"default\").map((p) => p.id),\n);\nconst CHANGE_EVENT = \"agent-native:appearance-change\";\n\nfunction isValidPreset(\n  value: string | null | undefined,\n): value is AppearancePresetId {\n  return (\n    value === \"default\" ||\n    (typeof value === \"string\" && VALID_NON_DEFAULT.has(value))\n  );\n}\n\nfunction safeWindow(): Window | null {\n  return typeof window === \"undefined\" ? null : window;\n}\n\nfunction readStoredAppearance(): AppearancePresetId {\n  const w = safeWindow();\n  if (!w) return \"default\";\n  try {\n    const stored = w.localStorage.getItem(STORAGE_KEY);\n    if (isValidPreset(stored) && stored !== \"default\") return stored;\n  } catch {\n    // localStorage unavailable\n  }\n  return \"default\";\n}\n\nexport function getStoredAppearance(): AppearancePresetId {\n  return readStoredAppearance();\n}\n\nexport function applyAppearance(preset: AppearancePresetId): void {\n  const w = safeWindow();\n  if (!w) return;\n  const root = w.document.documentElement;\n  if (preset === \"default\" || !VALID_NON_DEFAULT.has(preset)) {\n    root.removeAttribute(\"data-appearance\");\n    try {\n      w.localStorage.removeItem(STORAGE_KEY);\n    } catch {\n      // localStorage unavailable\n    }\n  } else {\n    root.setAttribute(\"data-appearance\", preset);\n    try {\n      w.localStorage.setItem(STORAGE_KEY, preset);\n    } catch {\n      // localStorage unavailable\n    }\n  }\n  try {\n    w.dispatchEvent(new CustomEvent(CHANGE_EVENT));\n  } catch {\n    // CustomEvent unsupported in this environment\n  }\n}\n\nfunction subscribe(onChange: () => void): () => void {\n  const w = safeWindow();\n  if (!w) return () => {};\n  const handler = () => onChange();\n  w.addEventListener(\"storage\", handler);\n  w.addEventListener(CHANGE_EVENT, handler);\n  return () => {\n    w.removeEventListener(\"storage\", handler);\n    w.removeEventListener(CHANGE_EVENT, handler);\n  };\n}\n\nexport function useAppearance(): AppearancePresetId {\n  return useSyncExternalStore(\n    subscribe,\n    () => readStoredAppearance(),\n    () => \"default\",\n  );\n}\n\n/**\n * Reads `application_state.appearance` and applies the server-side preset on\n * the client. The shared DB-sync transport advances the key-specific version\n * after a write, so this performs one initial read and then only refetches when\n * appearance actually changes.\n *\n * The agent's `change-appearance` action writes to `application_state.appearance`\n * server-side; this hook surfaces that write into the DOM `data-appearance`\n * attribute and localStorage so the user sees the change immediately and the\n * choice persists across reloads.\n */\nexport function useAppearanceSync(): void {\n  const appearanceVersion = useChangeVersion(\"app-state:appearance\");\n  const { data } = useQuery({\n    queryKey: [\"agent-native\", \"appearance\", appearanceVersion],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/application-state/appearance\"),\n        { credentials: \"include\" },\n      );\n      if (!res.ok) return null;\n      return (await res.json()) as { preset?: string } | null;\n    },\n    staleTime: Infinity,\n  });\n  const serverPreset = data?.preset;\n  useEffect(() => {\n    if (!serverPreset || !isValidPreset(serverPreset)) return;\n    const current = readStoredAppearance();\n    if (current !== serverPreset) applyAppearance(serverPreset);\n  }, [serverPreset]);\n}\n"]}

package/dist/client/chat/connectors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connectors.d.ts","sourceRoot":"","sources":["../../../src/client/chat/connectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,0BAA0B,EAO/B,KAAK,iCAAiC,EACvC,MAAM,cAAc,CAAC;AAEtB,KAAK,uBAAuB,GAAG,IAAI,CACjC,iCAAiC,CAAC,0BAA0B,CAAC,EAC7D,UAAU,CACX,CAAC;AAEF,MAAM,WAAW,oCAAqC,SAAQ,uBAAuB;CAAG;AAExF,MAAM,WAAW,uCAAwC,SAAQ,uBAAuB;CAAG;AAE3F,MAAM,WAAW,4BAA6B,SAAQ,uBAAuB;CAAG;AAEhF,MAAM,WAAW,mCAAoC,SAAQ,uBAAuB;CAAG;AAEvF,MAAM,WAAW,gCAAiC,SAAQ,uBAAuB;CAAG;AA8sCpF,wBAAgB,gCAAgC,CAC9C,OAAO,EAAE,uCAAuC,GAC/C,gBAAgB,CAAC,0BAA0B,CAAC,CAQ9C;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,oCAAoC,GAC5C,gBAAgB,CAAC,0BAA0B,CAAC,CAQ9C;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,4BAA4B,GACpC,gBAAgB,CAAC,0BAA0B,CAAC,CAQ9C;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,mCAAmC,GAC3C,gBAAgB,CAAC,0BAA0B,CAAC,CAQ9C;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,gCAAgC,GACxC,gBAAgB,CAAC,0BAA0B,CAAC,CAQ9C"}
+{"version":3,"file":"connectors.d.ts","sourceRoot":"","sources":["../../../src/client/chat/connectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,0BAA0B,EAO/B,KAAK,iCAAiC,EACvC,MAAM,cAAc,CAAC;AAEtB,KAAK,uBAAuB,GAAG,IAAI,CACjC,iCAAiC,CAAC,0BAA0B,CAAC,EAC7D,UAAU,CACX,CAAC;AAEF,MAAM,WAAW,oCAAqC,SAAQ,uBAAuB;CAAG;AAExF,MAAM,WAAW,uCAAwC,SAAQ,uBAAuB;CAAG;AAE3F,MAAM,WAAW,4BAA6B,SAAQ,uBAAuB;CAAG;AAEhF,MAAM,WAAW,mCAAoC,SAAQ,uBAAuB;CAAG;AAEvF,MAAM,WAAW,gCAAiC,SAAQ,uBAAuB;CAAG;AAs9CpF,wBAAgB,gCAAgC,CAC9C,OAAO,EAAE,uCAAuC,GAC/C,gBAAgB,CAAC,0BAA0B,CAAC,CAQ9C;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,oCAAoC,GAC5C,gBAAgB,CAAC,0BAA0B,CAAC,CAQ9C;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,4BAA4B,GACpC,gBAAgB,CAAC,0BAA0B,CAAC,CAQ9C;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,mCAAmC,GAC3C,gBAAgB,CAAC,0BAA0B,CAAC,CAQ9C;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,gCAAgC,GACxC,gBAAgB,CAAC,0BAA0B,CAAC,CAQ9C"}

package/dist/client/chat/connectors.js

@@ -38,6 +38,16 @@ function recordString(record, ...keys) {
     }
     return undefined;
 }
+function recordText(record, ...keys) {
+    if (!record)
+        return undefined;
+    for (const key of keys) {
+        const value = record[key];
+        if (typeof value === "string")
+            return value;
+    }
+    return undefined;
+}
 function recordKey(record, ...keys) {
     if (!record)
         return undefined;
@@ -74,7 +84,7 @@ function ensureMessage(state, id, role = "assistant") {
         message = {
             id: messageId,
             role,
-            text: "",
+            content: [],
             started: false,
             done: false,
         };
@@ -86,11 +96,11 @@ function messageFromState(message) {
     return {
         id: message.id,
         role: message.role,
-        content: message.text ? [{ type: "text", text: message.text }] : [],
+        content: message.content.map((part) => ({ ...part })),
     };
 }
-function appendTextEvents(context, state, input) {
-    if (!input.text)
+function appendContentEvents(context, state, input) {
+    if (!input.text && !input.signature)
         return [];
     const message = ensureMessage(state, input.messageId, input.role);
     const events = [];
@@ -102,15 +112,58 @@ function appendTextEvents(context, state, input) {
             message: messageFromState(message),
         });
     }
-    message.text += input.text;
+    const last = message.content.at(-1);
+    let part = input.partId
+        ? message.content.find((candidate) => candidate.type === input.type && candidate.id === input.partId)
+        : last?.type === input.type && !last.id
+            ? last
+            : undefined;
+    if (!part) {
+        const nextPart = input.type === "reasoning"
+            ? {
+                type: "reasoning",
+                text: "",
+                ...(input.partId ? { id: input.partId } : {}),
+            }
+            : {
+                type: "text",
+                text: "",
+                ...(input.partId ? { id: input.partId } : {}),
+            };
+        message.content.push(nextPart);
+        part = nextPart;
+    }
+    part.text += input.text;
+    if (part.type === "reasoning" && input.signature) {
+        part.signature = input.signature;
+    }
     events.push({
         type: "message-delta",
         ...baseEvent(context),
         messageId: message.id,
-        delta: { type: "text", text: input.text },
+        delta: input.type === "reasoning"
+            ? {
+                type: "reasoning",
+                text: input.text,
+                partId: input.partId,
+                signature: input.signature,
+            }
+            : { type: "text", text: input.text, partId: input.partId },
     });
     return events;
 }
+function appendTextEvents(context, state, input) {
+    return appendContentEvents(context, state, { ...input, type: "text" });
+}
+function appendReasoningEvents(context, state, input) {
+    return appendContentEvents(context, state, {
+        ...input,
+        type: "reasoning",
+    });
+}
+function messageHasContent(message, type) {
+    return (message?.content.some((part) => (!type || part.type === type) && Boolean(part.text)) ?? false);
+}
 function finishMessageEvents(context, state, messageId) {
     const messages = messageId
         ? [ensureMessage(state, messageId)]
@@ -290,14 +343,31 @@ function mapClaudeContentBlocks(context, state, message) {
     const events = [];
     if (!Array.isArray(content))
         return events;
-    for (const value of content) {
+    for (const [index, value] of content.entries()) {
         const block = asRecord(value);
         const blockType = normalizeContentBlockType(block);
         if (blockType === "TEXT") {
-            const text = recordString(block, "text");
+            const text = recordText(block, "text");
             const existing = state.messages.get(messageId);
-            if (text && !existing?.text) {
-                events.push(...appendTextEvents(context, state, { messageId, text }));
+            if (text && !messageHasContent(existing, "text")) {
+                events.push(...appendTextEvents(context, state, {
+                    messageId,
+                    text,
+                    partId: `${messageId}:content:${index}`,
+                }));
+            }
+            continue;
+        }
+        if (blockType === "THINKING") {
+            const text = recordText(block, "thinking", "text") ?? "";
+            const signature = recordString(block, "signature");
+            if (text || signature) {
+                events.push(...appendReasoningEvents(context, state, {
+                    messageId,
+                    text,
+                    partId: `${messageId}:content:${index}`,
+                    signature,
+                }));
             }
             continue;
         }
@@ -365,13 +435,16 @@ function mapClaudeAgentEvent(raw, context, state) {
         const block = nestedRecord(event, "content_block", "contentBlock");
         const blockKey = recordKey(event, "index") ?? extractToolId(block);
         const blockType = normalizeContentBlockType(block);
+        const messageId = state.activeMessageId;
         const toolId = blockType === "TOOL_USE"
             ? (extractToolId(block) ?? (blockKey ? `tool-${blockKey}` : undefined))
             : undefined;
+        const partId = blockKey && messageId ? `${messageId}:content:${blockKey}` : undefined;
         if (blockKey) {
             state.contentBlocks.set(blockKey, {
-                messageId: state.activeMessageId,
+                messageId,
                 toolId,
+                partId,
                 type: blockType,
             });
         }
@@ -382,6 +455,18 @@ function mapClaudeAgentEvent(raw, context, state) {
                 input: block?.input,
             });
         }
+        if (blockType === "THINKING") {
+            const text = recordText(block, "thinking", "text") ?? "";
+            const signature = recordString(block, "signature");
+            if (text || signature) {
+                return appendReasoningEvents(context, state, {
+                    messageId,
+                    text,
+                    partId,
+                    signature,
+                });
+            }
+        }
         return [];
     }
     if (type === "CONTENT_BLOCK_DELTA") {
@@ -391,7 +476,23 @@ function mapClaudeAgentEvent(raw, context, state) {
         if (deltaType === "TEXT_DELTA") {
             return appendTextEvents(context, state, {
                 messageId: blockRef?.messageId ?? state.activeMessageId,
-                text: recordString(delta, "text") ?? "",
+                text: recordText(delta, "text") ?? "",
+                partId: blockRef?.partId,
+            });
+        }
+        if (deltaType === "THINKING_DELTA") {
+            return appendReasoningEvents(context, state, {
+                messageId: blockRef?.messageId ?? state.activeMessageId,
+                text: recordText(delta, "thinking", "text") ?? "",
+                partId: blockRef?.partId,
+            });
+        }
+        if (deltaType === "SIGNATURE_DELTA") {
+            return appendReasoningEvents(context, state, {
+                messageId: blockRef?.messageId ?? state.activeMessageId,
+                text: "",
+                partId: blockRef?.partId,
+                signature: recordString(delta, "signature"),
             });
         }
         if (deltaType === "INPUT_JSON_DELTA") {
@@ -471,6 +572,42 @@ function mapOpenAIResponsesEvent(raw, context, state) {
     const base = baseEvent(context);
     if (!event || !type)
         return [];
+    if (type === "RESPONSE_REASONING_SUMMARY_TEXT_DELTA" ||
+        type === "REASONING_SUMMARY_TEXT_DELTA" ||
+        type === "RESPONSE_REASONING_TEXT_DELTA" ||
+        type === "REASONING_TEXT_DELTA") {
+        const messageId = recordString(event, "item_id", "itemId", "messageId");
+        const index = recordKey(event, "summary_index", "summaryIndex", "content_index", "contentIndex");
+        const partKind = type.includes("SUMMARY") ? "summary" : "content";
+        return appendReasoningEvents(context, state, {
+            messageId,
+            text: stringValue(event.delta) ?? "",
+            partId: messageId
+                ? `${messageId}:${partKind}:${index ?? "0"}`
+                : undefined,
+        });
+    }
+    if (type === "RESPONSE_REASONING_SUMMARY_TEXT_DONE" ||
+        type === "REASONING_SUMMARY_TEXT_DONE" ||
+        type === "RESPONSE_REASONING_TEXT_DONE" ||
+        type === "REASONING_TEXT_DONE") {
+        const messageId = recordString(event, "item_id", "itemId", "messageId");
+        const index = recordKey(event, "summary_index", "summaryIndex", "content_index", "contentIndex");
+        const partKind = type.includes("SUMMARY") ? "summary" : "content";
+        const partId = messageId
+            ? `${messageId}:${partKind}:${index ?? "0"}`
+            : undefined;
+        const existing = state.messages
+            .get(messageId ?? state.fallbackMessageId)
+            ?.content.find((part) => part.type === "reasoning" && part.id === partId);
+        return existing?.text
+            ? []
+            : appendReasoningEvents(context, state, {
+                messageId,
+                text: stringValue(event.text) ?? "",
+                partId,
+            });
+    }
     if (type === "RESPONSE_OUTPUT_TEXT_DELTA" || type === "OUTPUT_TEXT_DELTA") {
         return appendTextEvents(context, state, {
             messageId: recordString(event, "item_id", "itemId", "messageId"),
@@ -480,7 +617,8 @@ function mapOpenAIResponsesEvent(raw, context, state) {
     if (type === "RESPONSE_OUTPUT_TEXT_DONE" || type === "OUTPUT_TEXT_DONE") {
         const text = stringValue(event.text);
         return [
-            ...(text && ![...state.messages.values()].some((message) => message.text)
+            ...(text &&
+                ![...state.messages.values()].some((message) => messageHasContent(message, "text"))
                 ? appendTextEvents(context, state, {
                     messageId: recordString(event, "item_id", "itemId", "messageId"),
                     text,
@@ -524,8 +662,11 @@ function mapOpenAIResponsesEvent(raw, context, state) {
                 resultText: recordString(item, "arguments", "output"),
             });
         }
+        if (itemType === "REASONING")
+            return [];
         const text = extractText(item);
-        if (text && ![...state.messages.values()].some((message) => message.text)) {
+        if (text &&
+            ![...state.messages.values()].some((message) => messageHasContent(message, "text"))) {
             return [
                 ...appendTextEvents(context, state, {
                     messageId: recordString(item, "id"),
@@ -578,7 +719,7 @@ function mapOpenAIAgentsEvent(raw, context, state) {
         if (name === "MESSAGE_OUTPUT_CREATED") {
             const text = extractText(item);
             if (!text ||
-                [...state.messages.values()].some((message) => message.text)) {
+                [...state.messages.values()].some((message) => messageHasContent(message, "text"))) {
                 return [];
             }
             const messageId = recordString(item, "id") ?? state.fallbackMessageId;
@@ -670,7 +811,7 @@ function mapVercelAiEvent(raw, context, state) {
             },
         ];
     }
-    if (type === "TEXT_START") {
+    if (type === "TEXT_START" || type === "REASONING_START") {
         const messageId = vercelMessageId;
         state.activeMessageId = messageId;
         const message = ensureMessage(state, messageId);
@@ -688,20 +829,19 @@ function mapVercelAiEvent(raw, context, state) {
     if (type === "TEXT_DELTA") {
         return appendTextEvents(context, state, {
             messageId: vercelMessageId,
-            text: recordString(event, "delta", "text") ?? "",
+            text: recordText(event, "delta", "text") ?? "",
+            partId: recordString(event, "id"),
         });
     }
-    if (type === "TEXT_END") {
+    if (type === "TEXT_END" || type === "REASONING_END") {
         return [];
     }
     if (type === "REASONING_DELTA") {
-        return [
-            {
-                type: "status",
-                ...base,
-                message: recordString(event, "delta", "text") ?? "Reasoning",
-            },
-        ];
+        return appendReasoningEvents(context, state, {
+            messageId: vercelMessageId,
+            text: recordText(event, "delta", "text") ?? "",
+            partId: recordString(event, "id"),
+        });
     }
     if (type === "TOOL_INPUT_START") {
         return startToolEvents(context, state, {
@@ -859,7 +999,9 @@ function mapAgUiEvent(raw, context, state) {
         ];
     }
     if (type === "TEXT_MESSAGE_START") {
-        const message = ensureMessage(state, recordString(event, "messageId", "message_id"), recordString(event, "role") ?? "assistant");
+        const messageId = recordString(event, "messageId", "message_id");
+        state.activeMessageId = messageId ?? state.activeMessageId;
+        const message = ensureMessage(state, messageId, recordString(event, "role") ?? "assistant");
         if (message.started)
             return [];
         message.started = true;
@@ -908,14 +1050,50 @@ function mapAgUiEvent(raw, context, state) {
         });
     }
     if (type === "REASONING_MESSAGE_CONTENT") {
+        const messageId = recordString(event, "messageId", "message_id") ??
+            state.activeReasoningMessageId ??
+            state.activeMessageId;
+        state.activeReasoningMessageId = messageId;
+        return appendReasoningEvents(context, state, {
+            messageId,
+            text: stringValue(event.delta) ?? "",
+            partId: messageId,
+        });
+    }
+    if (type === "REASONING_MESSAGE_START") {
+        const messageId = recordString(event, "messageId", "message_id");
+        state.activeReasoningMessageId = messageId;
+        const message = ensureMessage(state, messageId);
+        if (message.started)
+            return [];
+        message.started = true;
         return [
             {
-                type: "status",
+                type: "message-start",
                 ...base,
-                message: stringValue(event.delta) ?? "Reasoning",
+                message: messageFromState(message),
             },
         ];
     }
+    if (type === "REASONING_MESSAGE_END" || type === "REASONING_END") {
+        const messageId = recordString(event, "messageId", "message_id") ??
+            state.activeReasoningMessageId;
+        state.activeReasoningMessageId = undefined;
+        return finishMessageEvents(context, state, messageId);
+    }
+    if (type === "REASONING_MESSAGE_CHUNK") {
+        const messageId = recordString(event, "messageId", "message_id") ??
+            state.activeReasoningMessageId;
+        state.activeReasoningMessageId = messageId;
+        const delta = stringValue(event.delta) ?? "";
+        return delta
+            ? appendReasoningEvents(context, state, {
+                messageId,
+                text: delta,
+                partId: messageId,
+            })
+            : finishMessageEvents(context, state, messageId);
+    }
     return [];
 }
 function createConnectorMapEvent(mapper) {