@agent-native/toolkit 0.210.0 → 0.210.1-nightly-20261020010058

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/toolkit",
-  "version": "0.210.0",
+  "version": "0.210.1-nightly-20261020010058",
   "description": "Reusable app-building UI and helpers for Agent-Native apps.",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {
@@ -678,7 +678,7 @@
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.33",
     "zod": "^4.3.6",
-    "@agent-native/agentkit": "^0.210.0"
+    "@agent-native/agentkit": "^0.210.1-nightly-20261020010058"
   },
   "devDependencies": {
     "@excalidraw/excalidraw": "0.18.1",
@@ -702,10 +702,10 @@
     "typescript-7": "npm:typescript@^7.0.2",
     "vite": "8.1.0",
     "vitest": "^4.1.5",
-    "@agent-native/core": "^0.210.0"
+    "@agent-native/core": "^0.210.1-nightly-20261020010058"
   },
   "peerDependencies": {
-    "@agent-native/core": ">=0.205.1",
+    "@agent-native/core": "0.210.1-nightly-20261020010058",
     "@excalidraw/excalidraw": ">=0.18",
     "@excalidraw/mermaid-to-excalidraw": ">=2",
     "@tanstack/react-query": "^5.99.2",

package/src/app/chat/chat/tool-call-display.spec.tsx

@@ -179,8 +179,8 @@ describe("ToolCallDisplay native renderers", () => {
     vi.unstubAllGlobals();
   });
 
-  it("waits five minutes before showing the long-running hint", () => {
-    expect(TOOL_LONG_RUNNING_HINT_DELAY_MS).toBe(5 * 60_000);
+  it("shows the long-running hint after 30 seconds", () => {
+    expect(TOOL_LONG_RUNNING_HINT_DELAY_MS).toBe(30_000);
   });
 
   it("does not reopen storage setup for a restored tool result", () => {
@@ -1467,7 +1467,15 @@ describe("ToolCallDisplay native renderers", () => {
       );
 
       act(() => {
-        vi.advanceTimersByTime(TOOL_LONG_RUNNING_HINT_DELAY_MS);
+        vi.advanceTimersByTime(TOOL_LONG_RUNNING_HINT_DELAY_MS - 1);
+      });
+
+      expect(container.textContent).not.toContain(
+        "Still working. Large updates can take a minute or two.",
+      );
+
+      act(() => {
+        vi.advanceTimersByTime(1);
       });
 
       expect(container.textContent).toContain(

package/src/app/chat/chat/tool-call-display.tsx

@@ -166,7 +166,7 @@ export function toolCallHasPendingApproval(part: {
   );
 }
 
-export const TOOL_LONG_RUNNING_HINT_DELAY_MS = 5 * 60_000;
+export const TOOL_LONG_RUNNING_HINT_DELAY_MS = 30_000;
 
 export function ToolActivityPresentation({
   toolName,

package/src/composer/TiptapComposer.spec.ts

@@ -28,6 +28,7 @@ import {
   compactComposerReasoningEffortLabel,
   composerModelCostTier,
   createTiptapComposerExtensions,
+  focusComposerEditorWhenVisible,
   displayableComposerModeMessage,
   getComposerSendTooltipKey,
   getComposerSubmitIntentForEnterKey,
@@ -74,6 +75,51 @@ afterEach(() => {
 });
 
 describe("createTiptapComposerExtensions", () => {
+  it("ignores a resize queued after the hidden-shell editor is destroyed", () => {
+    let resizeObserverCallback: ResizeObserverCallback | undefined;
+    const observer = {
+      disconnect: vi.fn(),
+      observe: vi.fn(),
+      unobserve: vi.fn(),
+    };
+    class MockResizeObserver {
+      constructor(callback: ResizeObserverCallback) {
+        resizeObserverCallback = callback;
+      }
+      observe = observer.observe;
+      unobserve = observer.unobserve;
+      disconnect = observer.disconnect;
+    }
+    vi.stubGlobal("ResizeObserver", MockResizeObserver);
+
+    const shell = document.createElement("div");
+    shell.style.display = "none";
+    document.body.appendChild(shell);
+    const element = document.createElement("div");
+    shell.appendChild(element);
+    const editor = new Editor({
+      element,
+      extensions: createTiptapComposerExtensions(() => "Message agent..."),
+    });
+
+    try {
+      focusComposerEditorWhenVisible(editor);
+      expect(observer.observe).toHaveBeenCalledWith(editor.view.dom);
+      expect(resizeObserverCallback).toBeTypeOf("function");
+
+      editor.destroy();
+      shell.style.display = "block";
+
+      expect(observer.disconnect).toHaveBeenCalled();
+      expect(() =>
+        resizeObserverCallback?.([], observer as ResizeObserver),
+      ).not.toThrow();
+    } finally {
+      if (!editor.isDestroyed) editor.destroy();
+      shell.remove();
+    }
+  });
+
   it("keeps consecutive prefills in the editor through the chat recovery boundary", async () => {
     let prefill: (text: string) => void;
     function Harness() {

package/src/composer/TiptapComposer.tsx

@@ -17,6 +17,7 @@ import {
   IconLoader2,
   IconRefresh,
 } from "@tabler/icons-react";
+import type { Editor } from "@tiptap/core";
 import Placeholder from "@tiptap/extension-placeholder";
 import { TextSelection } from "@tiptap/pm/state";
 import type { EditorView } from "@tiptap/pm/view";
@@ -1325,6 +1326,33 @@ export function isComposerEditorUsable<T extends { isDestroyed?: boolean }>(
   return Boolean(editor && editor.isDestroyed !== true);
 }
 
+export function focusComposerEditorWhenVisible(
+  editor: Editor | null | undefined,
+): void {
+  if (!isComposerEditorUsable(editor)) return;
+  const dom = editor.view.dom;
+  if (isInsideHiddenShell(dom) && typeof ResizeObserver !== "undefined") {
+    let observer: ResizeObserver;
+    const disconnect = () => {
+      observer.disconnect();
+      editor.off("destroy", disconnect);
+    };
+    observer = new ResizeObserver(() => {
+      if (!isComposerEditorUsable(editor)) {
+        disconnect();
+        return;
+      }
+      if (isInsideHiddenShell(dom)) return;
+      disconnect();
+      if (isComposerEditorUsable(editor)) editor.commands.focus("end");
+    });
+    editor.on("destroy", disconnect);
+    observer.observe(dom);
+    return;
+  }
+  editor.commands.focus("end");
+}
+
 export function createTiptapComposerExtensions(
   getPlaceholder: () => string | undefined,
 ) {
@@ -4072,20 +4100,9 @@ export function TiptapComposer({
 
   useImperativeHandle(focusRef, () => ({
     focus() {
-      if (!isComposerEditorUsable(editor)) return;
       // An editor inside a hidden session shell cannot take focus, and nothing
       // re-runs this when the shell is shown. Focus on the first size change.
-      const dom = editor.view.dom;
-      if (isInsideHiddenShell(dom) && typeof ResizeObserver !== "undefined") {
-        const observer = new ResizeObserver(() => {
-          if (isInsideHiddenShell(dom)) return;
-          observer.disconnect();
-          editor.commands.focus("end");
-        });
-        observer.observe(dom);
-        return;
-      }
-      editor.commands.focus("end");
+      focusComposerEditorWhenVisible(editor);
     },
     addAttachment(file: File) {
       return addAttachmentForCurrentScope(file);