@agent-native/toolkit 0.198.2 → 0.198.3-nightly-20260930154911

package/src/app/chat/AgentPanel.header.spec.ts

@@ -7,6 +7,11 @@ import { createRoot, type Root } from "react-dom/client";
 import { MemoryRouter, useLocation } from "react-router";
 import { describe, expect, it, vi } from "vitest";
 
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuTrigger,
+} from "../../ui/dropdown-menu.js";
 import {
   AgentChatSurface,
   AgentPanelFullViewMenuItem,
@@ -45,11 +50,6 @@ import {
   focusAgentChat,
   preloadAgentChatSurface,
 } from "./AgentSidebar.js";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuTrigger,
-} from "./components/ui/dropdown-menu.js";
 
 describe("AgentPanel compatibility exports", () => {
   it("preserves the legacy sidebar entry point", () => {
@@ -60,7 +60,7 @@ describe("AgentPanel compatibility exports", () => {
   });
 
   it("uses a stable-ref link in the full-view menu item", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", "utf8").replace(
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", "utf8").replace(
       /\s+/g,
       " ",
     );
@@ -150,7 +150,7 @@ describe("AgentPanel fullscreen menu", () => {
 
 describe("AgentPanel suggestion placement", () => {
   it("forwards explicit placement and defaults to context chips", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", {
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
 
@@ -323,7 +323,7 @@ describe("AgentPanel header tab visibility", () => {
   });
 
   it("exposes page header composition without moving it into app chrome", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", "utf8");
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", "utf8");
 
     expect(source).toContain('data-agent-page-chat-header=""');
     expect(source).toContain("pageHeaderLeadingSlot");
@@ -699,7 +699,7 @@ describe("AgentPanel Integrations link", () => {
   });
 
   it("sits right after Open full view and shares its separator", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", {
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
     const overflowMenu = source.slice(
@@ -914,10 +914,10 @@ describe("AgentPanel header overflow actions", () => {
   });
 
   it("keeps width and full-view actions out of the icon row", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", {
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
-    const sidebarSource = readFileSync("src/client/AgentSidebar.tsx", {
+    const sidebarSource = readFileSync("src/app/chat/AgentSidebar.tsx", {
       encoding: "utf8",
     });
     const headerActions = source.slice(
@@ -957,7 +957,7 @@ describe("AgentPanel header overflow actions", () => {
   });
 
   it("keeps the overflow menu scrollable within the viewport", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", {
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
     const overflowMenu = source.slice(
@@ -972,7 +972,7 @@ describe("AgentPanel header overflow actions", () => {
   });
 
   it("offers sharing from the sidebar overflow for an active chat", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", {
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
     const overflowMenu = source.slice(
@@ -992,7 +992,7 @@ describe("AgentPanel header overflow actions", () => {
   });
 
   it("keeps chat headers persistent while switching app surfaces", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", {
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
 
@@ -1002,10 +1002,10 @@ describe("AgentPanel header overflow actions", () => {
   });
 
   it("supports a persistent two-state sidebar toggle", () => {
-    const source = readFileSync("src/client/AgentSidebar.tsx", {
+    const source = readFileSync("src/app/chat/AgentSidebar.tsx", {
       encoding: "utf8",
     });
-    const panelSource = readFileSync("src/client/AgentPanel.tsx", {
+    const panelSource = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
 
@@ -1021,7 +1021,7 @@ describe("AgentPanel header overflow actions", () => {
   });
 
   it("keeps host CLI tabs mounted while chat is active", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", {
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
 
@@ -1035,7 +1035,7 @@ describe("AgentPanel header overflow actions", () => {
   });
 
   it("only shows tabs for the active desktop surface", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", {
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
 
@@ -1046,7 +1046,7 @@ describe("AgentPanel header overflow actions", () => {
 
 describe("AgentSidebar wide drawer layout", () => {
   it("can disable the panel without unmounting the app surface", () => {
-    const source = readFileSync("src/client/AgentSidebar.tsx", {
+    const source = readFileSync("src/app/chat/AgentSidebar.tsx", {
       encoding: "utf8",
     });
 
@@ -1058,7 +1058,7 @@ describe("AgentSidebar wide drawer layout", () => {
   });
 
   it("does not reserve the drawer placeholder after the panel closes", () => {
-    const source = readFileSync("src/client/AgentSidebar.tsx", {
+    const source = readFileSync("src/app/chat/AgentSidebar.tsx", {
       encoding: "utf8",
     });
     const placeholderStart = source.indexOf("const drawerPlaceholder");
@@ -1083,7 +1083,7 @@ describe("AgentChatSurface chrome defaults", () => {
   });
 
   it("keeps settings out of every chat surface", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", {
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
 
@@ -1117,7 +1117,7 @@ describe("AgentChatSurface chrome defaults", () => {
 
 describe("AgentPanel stale lazy chunk recovery", () => {
   it("uses the guarded reload path before the panel reset fallback", () => {
-    const source = readFileSync("src/client/AgentPanel.tsx", {
+    const source = readFileSync("src/app/chat/AgentPanel.tsx", {
       encoding: "utf8",
     });
     const componentDidCatch = source.slice(

package/src/app/chat/agentkit-chat/action-widget.spec.tsx

@@ -11,23 +11,38 @@ import {
   ACTION_CHAT_UI_DATA_WIDGET_RENDERER,
   ACTION_CHAT_UI_RECORD_CHANGE_RENDERER,
 } from "@agent-native/core/action-ui";
-import { AgentNativeI18nProvider } from "@agent-native/core/client/i18n";
+import {
+  AgentNativeI18nProvider as CoreAgentNativeI18nProvider,
+  type AgentNativeI18nProviderProps,
+} from "@agent-native/core/client/i18n";
 import {
   createDataInsightsWidgetResult,
   createDataTableWidgetResult,
 } from "@agent-native/core/data-widgets";
-import { AgentKitProvider } from "@agent-native/toolkit/app/agentkit/react/context";
 import { act } from "react";
 import { createRoot } from "react-dom/client";
 import { renderToStaticMarkup } from "react-dom/server";
 import { describe, expect, it } from "vitest";
 
+import { AgentKitProvider } from "../../agentkit/react/context.js";
+import { createToolkitI18nCatalog } from "../../i18n.js";
 import {
   registerActionChatRenderer,
   type ToolRendererProps,
 } from "../chat/tool-render-registry.js";
 import { AgentKitActionWidget } from "./action-widget.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
+function AgentNativeI18nProvider(props: AgentNativeI18nProviderProps) {
+  return (
+    <CoreAgentNativeI18nProvider
+      {...props}
+      catalog={props.catalog ?? toolkitI18nCatalog}
+    />
+  );
+}
+
 describe("AgentKitActionWidget", () => {
   it("resolves the renderer with stored action args and structured result", async () => {
     const toolCall: AgentToolCall = {

package/src/app/chat/agentkit-chat/approval-card.spec.tsx

@@ -6,13 +6,13 @@ import type {
   AgentThreadSnapshot,
   AgentTransport,
 } from "@agent-native/agentkit/protocol";
-import { AgentKitChat } from "@agent-native/toolkit/app/agentkit/react/components";
-import { AgentKitProvider } from "@agent-native/toolkit/app/agentkit/react/context";
 import { act, type ReactNode } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { renderToStaticMarkup } from "react-dom/server";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
+import { AgentKitChat } from "../../agentkit/react/components.js";
+import { AgentKitProvider } from "../../agentkit/react/context.js";
 import { CoreAgentKitApproval } from "./approval-card.js";
 import { CoreAgentKitRoot } from "./root.js";
 

package/src/app/chat/agentkit-chat/connections.spec.tsx

@@ -3,7 +3,7 @@
 import {
   notifyMcpConnectionComplete,
   saveMcpConnectionResume,
-} from "@agent-native/core/client/resources";
+} from "@agent-native/core/client/resources/mcp-connection-resume";
 import React, { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, describe, expect, it, vi } from "vitest";

package/src/app/chat/chat/markdown-renderer.spec.tsx

@@ -1,10 +1,10 @@
 // @vitest-environment happy-dom
 
-import { splitMarkdownBlocks } from "@agent-native/core/shared";
 import React, { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it } from "vitest";
 
+import { splitMarkdownBlocks } from "../../../markdown-block-split.js";
 import {
   loadMarkdown,
   markdownComponents,

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

@@ -1,12 +1,16 @@
 // @vitest-environment happy-dom
 
 import type { ContentPart } from "@agent-native/core/client/agent-chat";
-import { AgentNativeI18nProvider } from "@agent-native/core/client/i18n";
+import {
+  AgentNativeI18nProvider as CoreAgentNativeI18nProvider,
+  type AgentNativeI18nProviderProps,
+} from "@agent-native/core/client/i18n";
 import type { AgentMcpAppPayload } from "@agent-native/core/mcp-client";
-import { act, useState } from "react";
+import { act, useState, type ReactNode } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
+import { createToolkitI18nCatalog } from "../../i18n.js";
 import { ThinkingDisplayProvider } from "../thinking-display.js";
 import {
   ApprovalContext,
@@ -35,6 +39,17 @@ import {
   resolveBuiltinFallbackToolRenderer,
 } from "./widgets/builtin-tool-renderers.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
+function AgentNativeI18nProvider(props: AgentNativeI18nProviderProps) {
+  return (
+    <CoreAgentNativeI18nProvider
+      {...props}
+      catalog={props.catalog ?? toolkitI18nCatalog}
+    />
+  );
+}
+
 const builderHandoffMocks = vi.hoisted(() => ({
   useAgentChatContext: vi.fn(),
 }));
@@ -146,6 +161,13 @@ describe("ToolCallDisplay native renderers", () => {
     container = document.createElement("div");
     document.body.appendChild(container);
     root = createRoot(container);
+    const render = root.render.bind(root);
+    root.render = (children: ReactNode) =>
+      render(
+        <AgentNativeI18nProvider persistPreference={false}>
+          {children}
+        </AgentNativeI18nProvider>,
+      );
   });
 
   afterEach(() => {
@@ -972,6 +994,7 @@ describe("ToolCallDisplay native renderers", () => {
             sourceLocale: "en-US",
             messages: {
               agentChat: {
+                duration: { secondShort: "s" },
                 tool: {
                   askingAgent: "Localized asking {{agent}}",
                   elapsed: "Localized elapsed {{duration}}",

package/src/app/chat/chat/widgets/DataTableWidget.spec.tsx

@@ -1,17 +1,19 @@
 // @vitest-environment happy-dom
 
-import { downloadFile } from "@agent-native/core/client/resources";
+import { AgentNativeI18nProvider } from "@agent-native/core/client/i18n";
 import React, { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, describe, expect, it, vi } from "vitest";
 
+import { downloadFile } from "../../../db-admin/export-utils.js";
+import { createToolkitI18nCatalog } from "../../../i18n.js";
 import { DataTableWidget } from "./DataTableWidget.js";
 
-vi.mock("@agent-native/core/client/resources", async (importOriginal) => {
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
+vi.mock("../../../db-admin/export-utils.js", async (importOriginal) => {
   const actual =
-    await importOriginal<
-      typeof import("@agent-native/core/client/resources")
-    >();
+    await importOriginal<typeof import("../../../db-admin/export-utils.js")>();
   return {
     ...actual,
     downloadFile: vi.fn(),
@@ -28,14 +30,19 @@ async function renderWidget(action: { label: string; href: string }) {
   roots.push(root);
   await act(async () => {
     root.render(
-      <DataTableWidget
-        action={action}
-        table={{
-          title: "Responses",
-          columns: [{ key: "name", label: "Name" }],
-          rows: [{ id: "1", name: "Ada" }],
-        }}
-      />,
+      <AgentNativeI18nProvider
+        catalog={toolkitI18nCatalog}
+        persistPreference={false}
+      >
+        <DataTableWidget
+          action={action}
+          table={{
+            title: "Responses",
+            columns: [{ key: "name", label: "Name" }],
+            rows: [{ id: "1", name: "Ada" }],
+          }}
+        />
+      </AgentNativeI18nProvider>,
     );
   });
   return container;
@@ -99,19 +106,24 @@ describe("DataTableWidget", () => {
     roots.push(root);
     await act(async () => {
       root.render(
-        <DataTableWidget
-          table={{
-            title: "Responses",
-            columns: [
-              { key: "name", label: "Name" },
-              { key: "score", label: "Score", align: "right" },
-            ],
-            rows: [
-              { id: "1", name: "Ada", score: 42 },
-              { id: "2", name: "Grace, Hopper", score: 7 },
-            ],
-          }}
-        />,
+        <AgentNativeI18nProvider
+          catalog={toolkitI18nCatalog}
+          persistPreference={false}
+        >
+          <DataTableWidget
+            table={{
+              title: "Responses",
+              columns: [
+                { key: "name", label: "Name" },
+                { key: "score", label: "Score", align: "right" },
+              ],
+              rows: [
+                { id: "1", name: "Ada", score: 42 },
+                { id: "2", name: "Grace, Hopper", score: 7 },
+              ],
+            }}
+          />
+        </AgentNativeI18nProvider>,
       );
     });
 

package/src/app/chat/chat/widgets/agent-team-progress-widget.spec.tsx

@@ -6,8 +6,11 @@ import { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
+import { createToolkitI18nCatalog } from "../../../i18n.js";
 import { AgentTeamProgressWidget } from "./AgentTeamProgressWidget.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
 const tasks = [
   {
     taskId: "task-1",
@@ -66,7 +69,10 @@ describe("core.agent-team-progress", () => {
   it("renders queued, working, and completed work as compact cards", async () => {
     await act(async () => {
       root.render(
-        <AgentNativeI18nProvider persistPreference={false}>
+        <AgentNativeI18nProvider
+          catalog={toolkitI18nCatalog}
+          persistPreference={false}
+        >
           <AgentTeamProgressWidget
             context={{
               toolName: "agent-teams",

package/src/app/chat/chat/widgets/builtin-connect-required-renderer.spec.tsx

@@ -1,21 +1,37 @@
 // @vitest-environment happy-dom
 
 import { ACTION_CHAT_UI_DATA_TABLE_RENDERER } from "@agent-native/core/action-ui";
+import {
+  AgentNativeI18nProvider as CoreAgentNativeI18nProvider,
+  type AgentNativeI18nProviderProps,
+} from "@agent-native/core/client/i18n";
 import {
   BUILDER_CONNECT_PROVIDER,
   BUILDER_CONNECT_PROVIDER_LABEL,
   connectRequiredResult,
 } from "@agent-native/core/shared";
-import { act } from "react";
+import { act, type ReactNode } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
+import { createToolkitI18nCatalog } from "../../../i18n.js";
 import { resolveToolRenderer } from "../tool-render-registry.js";
 import {
   resolveBuiltinActionChatRenderer,
   resolveBuiltinFallbackToolRenderer,
 } from "./builtin-tool-renderers.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
+function AgentNativeI18nProvider(props: AgentNativeI18nProviderProps) {
+  return (
+    <CoreAgentNativeI18nProvider
+      {...props}
+      catalog={props.catalog ?? toolkitI18nCatalog}
+    />
+  );
+}
+
 describe("built-in connect-required renderer", () => {
   let container: HTMLDivElement;
   let root: Root;
@@ -29,6 +45,13 @@ describe("built-in connect-required renderer", () => {
     container = document.createElement("div");
     document.body.appendChild(container);
     root = createRoot(container);
+    const render = root.render.bind(root);
+    root.render = (children: ReactNode) =>
+      render(
+        <AgentNativeI18nProvider persistPreference={false}>
+          {children}
+        </AgentNativeI18nProvider>,
+      );
   });
 
   afterEach(() => {

package/src/app/chat/chat/widgets/record-change-widget.spec.tsx

@@ -42,10 +42,25 @@ vi.mock("@agent-native/core/client/hooks", () => ({
 
 import { ACTION_CHAT_UI_RECORD_CHANGE_RENDERER } from "@agent-native/core/action-ui";
 import { normalizeActionChangeResult } from "@agent-native/core/action-ui";
-import { AgentNativeI18nProvider } from "@agent-native/core/client/i18n";
+import {
+  AgentNativeI18nProvider as CoreAgentNativeI18nProvider,
+  type AgentNativeI18nProviderProps,
+} from "@agent-native/core/client/i18n";
 
+import { createToolkitI18nCatalog } from "../../../i18n.js";
 import { RecordChangeWidget } from "./RecordChangeWidget.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
+function AgentNativeI18nProvider(props: AgentNativeI18nProviderProps) {
+  return (
+    <CoreAgentNativeI18nProvider
+      {...props}
+      catalog={props.catalog ?? toolkitI18nCatalog}
+    />
+  );
+}
+
 describe("core.record-change", () => {
   let container: HTMLDivElement;
   let root: Root;

package/src/app/chat/thinking-display.spec.tsx

@@ -3,7 +3,7 @@
 import {
   DEFAULT_THINKING_DISPLAY,
   parseThinkingDisplay,
-} from "@agent-native/core/shared";
+} from "@agent-native/core/shared/thinking-display";
 import { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";

package/src/app/db-admin/useAgentSync.spec.tsx

@@ -16,7 +16,7 @@ const appStateMocks = vi.hoisted(() => ({
 }));
 
 vi.mock("@agent-native/core/client/agent-chat", () => chatMocks);
-vi.mock("../application-state.js", () => appStateMocks);
+vi.mock("@agent-native/core/client/application-state", () => appStateMocks);
 
 import { useDbAdminAgentSync } from "./useAgentSync.js";
 

package/src/app/extensions/ExtensionViewer.spec.tsx

@@ -19,7 +19,8 @@ vi.mock("@agent-native/core/client/agent-chat", async (importOriginal) => ({
   sendToAgentChat: chatMocks.sendToAgentChat,
 }));
 
-vi.mock("@agent-native/core/client/host", () => ({
+vi.mock("@agent-native/core/client/host", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("@agent-native/core/client/host")>()),
   ensureEmbedAuthFetchInterceptor: vi.fn(),
   isEmbedMcpChatBridgeActive: () => embedState.active,
 }));