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

package/src/app/settings/shell/SettingsShell.spec.tsx

@@ -27,7 +27,7 @@ vi.mock("@agent-native/core/client/labs/use-lab", () => ({
 vi.mock("@agent-native/core/client/feature-flags/use-feature-flag", () => ({
   useFeatureFlags: () => ({}),
 }));
-vi.mock("../../AgentSidebar.js", () => ({
+vi.mock("../../chat/AgentSidebar.js", () => ({
   AgentToggleButton: () => <button type="button">agent</button>,
 }));
 
@@ -40,6 +40,9 @@ vi.mock("@agent-native/core/client/application-state", () => ({
   deleteClientAppState: appState.remove,
 }));
 
+import { AgentNativeI18nProvider } from "@agent-native/core/client/i18n";
+
+import { createToolkitI18nCatalog } from "../../i18n.js";
 import { useSettingsPageHeader, useSettingsShell } from "./context.js";
 import { CORE_SETTINGS_PAGES } from "./core-pages.js";
 import {
@@ -53,6 +56,19 @@ import {
 } from "./return-path.js";
 import { SettingsShell, type SettingsShellProps } from "./SettingsShell.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
+function renderWithToolkitI18n(children: React.ReactNode) {
+  return (
+    <AgentNativeI18nProvider
+      catalog={toolkitI18nCatalog}
+      persistPreference={false}
+    >
+      {children}
+    </AgentNativeI18nProvider>
+  );
+}
+
 function StubPage({ pageId, sub }: SettingsPageProps) {
   return (
     <div data-testid="page">
@@ -113,7 +129,9 @@ describe("SettingsShell", () => {
 
   async function render(props: SettingsShellProps = {}) {
     await act(async () => {
-      root.render(<SettingsShell appName="Clips" {...props} />);
+      root.render(
+        renderWithToolkitI18n(<SettingsShell appName="Clips" {...props} />),
+      );
     });
     await flush();
   }
@@ -183,7 +201,7 @@ describe("SettingsShell", () => {
         pages: ["org", "members", "usage"],
       },
     ]);
-    expect(container.textContent).toContain("Back to app");
+    expect(container.textContent).toContain("Back to Clips");
   });
 
   it("shows Notifications and What's new when the app passes them", async () => {
@@ -294,7 +312,7 @@ describe("SettingsShell", () => {
       },
     );
     await act(async () => {
-      root.render(<RouterProvider router={router} />);
+      root.render(renderWithToolkitI18n(<RouterProvider router={router} />));
     });
     await waitFor(() => location === "/settings/api-keys");
     expect(container.querySelector('[data-testid="page"]')?.textContent).toBe(
@@ -349,7 +367,7 @@ describe("SettingsShell", () => {
         { initialEntries: [`/settings?section=${section}`] },
       );
       await act(async () => {
-        root.render(<RouterProvider router={router} />);
+        root.render(renderWithToolkitI18n(<RouterProvider router={router} />));
       });
       await waitFor(
         () =>
@@ -495,7 +513,7 @@ describe("SettingsShell", () => {
         labs: [{ key: "clips.meetings", displayName: "Meetings lab" }],
       });
       expect(search("recordings")[0]).toBe("RecordingsClips › General");
-      expect(search("meetings lab")[0]).toBe("Meetings labLabs");
+      expect(search("meetings lab")[0]).toBe("Meetings labClips › Labs");
       search("playback speed");
       press("Enter");
       await flush();
@@ -590,12 +608,14 @@ describe("SettingsShell", () => {
 
     await act(async () => {
       root.render(
-        <SettingsShell
-          appName="Clips"
-          extraTabs={tabs}
-          value="drafting"
-          onValueChange={onValueChange}
-        />,
+        renderWithToolkitI18n(
+          <SettingsShell
+            appName="Clips"
+            extraTabs={tabs}
+            value="drafting"
+            onValueChange={onValueChange}
+          />,
+        ),
       );
     });
     await flush();
@@ -616,7 +636,7 @@ describe("SettingsShell", () => {
     rememberSettingsReturnPath("/library", "?view=grid");
     await render();
     const back = [...rail().querySelectorAll("a")].find((link) =>
-      link.textContent?.includes("Back to app"),
+      link.textContent?.includes("Back to Clips"),
     );
     expect(back?.getAttribute("href")).toBe("/library?view=grid");
   });
@@ -692,7 +712,7 @@ describe("SettingsShell", () => {
       { initialEntries: ["/settings"] },
     );
     await act(async () => {
-      root.render(<RouterProvider router={router} />);
+      root.render(renderWithToolkitI18n(<RouterProvider router={router} />));
     });
     await flush();
     clickPage("model");
@@ -729,7 +749,7 @@ describe("SettingsShell", () => {
       { initialEntries: ["/settings/infra"] },
     );
     await act(async () => {
-      root.render(<RouterProvider router={router} />);
+      root.render(renderWithToolkitI18n(<RouterProvider router={router} />));
     });
     await waitFor(() => location === "/settings/profile", 400);
     clickPage("org");

package/src/app/settings/shell/pages/app-group-pages.spec.tsx

@@ -38,6 +38,13 @@ const labsActions = vi.hoisted(() => ({
 }));
 vi.mock("@agent-native/core/client/hooks", () => ({
   useChangeVersions: () => 0,
+  useDemoModeStatus: () => ({
+    enabled: false,
+    forced: false,
+    isLoading: false,
+  }),
+}));
+vi.mock("@agent-native/core/client/use-action", () => ({
   useActionQuery: () => ({
     data: labsActions.query.data,
     isLoading: labsActions.query.data === undefined && !labsActions.isError,

package/src/app/settings/shell/pages/audit.spec.tsx

@@ -14,8 +14,6 @@ const queriedActions = vi.hoisted(() => [] as Array<[string, unknown]>);
 
 vi.mock("@agent-native/core/client/hooks", () => ({
   callAction: callActionMock,
-  defaultActionQueryRetry: () => false,
-  defaultActionQueryRetryDelay: () => 0,
   useActionQuery: (name: string, params: unknown, options?: any) => {
     queriedActions.push([name, params]);
     if (name === "list-audit-events") {
@@ -30,6 +28,11 @@ vi.mock("@agent-native/core/client/hooks", () => ({
   },
 }));
 
+vi.mock("@agent-native/core/client/use-action", () => ({
+  defaultActionQueryRetry: () => false,
+  defaultActionQueryRetryDelay: () => 0,
+}));
+
 vi.mock("@agent-native/core/client/i18n", () => ({
   useT:
     () =>

package/src/app/settings/shell/pages/resource-pages.spec.tsx

@@ -1,5 +1,6 @@
 // @vitest-environment happy-dom
 
+import { AgentNativeI18nProvider } from "@agent-native/core/client/i18n";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import React, { act, type ComponentType } from "react";
 import { createRoot, type Root } from "react-dom/client";
@@ -9,7 +10,7 @@ const orgState = vi.hoisted(() => ({
   value: { orgId: "org-1", orgName: "Acme", role: "member" as string },
 }));
 
-vi.mock("@agent-native/core/client/org", () => ({
+vi.mock("@agent-native/core/client/org/hooks", () => ({
   useOrg: () => ({ data: orgState.value, isLoading: false }),
 }));
 vi.mock("../../../org/workspace-app-links.js", () => ({
@@ -26,12 +27,15 @@ vi.mock("@agent-native/core/client/api-path", () => ({
 import type { TreeNode } from "@agent-native/core/client/resources/use-resources";
 import { TooltipProvider } from "@agent-native/toolkit/ui/tooltip";
 
+import { createToolkitI18nCatalog } from "../../../i18n.js";
 import { SettingsShellProvider, type SettingsPageHeader } from "../context.js";
 import FilesSettingsPage from "./files.js";
 import InstructionsSettingsPage from "./instructions.js";
 import MemorySettingsPage from "./memory.js";
 import SkillsSettingsPage from "./skills.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
 function leaf(
   path: string,
   owner: string,
@@ -109,21 +113,26 @@ async function renderPage(Page: ComponentType) {
   header = null;
   await act(async () => {
     root.render(
-      <QueryClientProvider client={queryClient}>
-        <TooltipProvider>
-          <SettingsShellProvider
-            value={{
-              route: { page: "skills", sub: null },
-              navigate: () => {},
-              setHeader: (next) => {
-                header = next;
-              },
-            }}
-          >
-            <Page />
-          </SettingsShellProvider>
-        </TooltipProvider>
-      </QueryClientProvider>,
+      <AgentNativeI18nProvider
+        catalog={toolkitI18nCatalog}
+        persistPreference={false}
+      >
+        <QueryClientProvider client={queryClient}>
+          <TooltipProvider>
+            <SettingsShellProvider
+              value={{
+                route: { page: "skills", sub: null },
+                navigate: () => {},
+                setHeader: (next) => {
+                  header = next;
+                },
+              }}
+            >
+              <Page />
+            </SettingsShellProvider>
+          </TooltipProvider>
+        </QueryClientProvider>
+      </AgentNativeI18nProvider>,
     );
   });
   for (let attempt = 0; attempt < 50; attempt += 1) {

package/src/app/settings/shell/pages/sub-agents.spec.tsx

@@ -1,5 +1,6 @@
 // @vitest-environment happy-dom
 
+import { AgentNativeI18nProvider } from "@agent-native/core/client/i18n";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import React, { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
@@ -34,10 +35,13 @@ vi.mock("@agent-native/core/client/api-path", () => ({
 
 import { TooltipProvider } from "@agent-native/toolkit/ui/tooltip";
 
+import { createToolkitI18nCatalog } from "../../../i18n.js";
 import type { RemoteAgentInfo } from "../../AgentsSection.js";
 import { SettingsShellProvider, type SettingsPageHeader } from "../context.js";
 import SubAgentsSettingsPage, { groupSubAgents } from "./sub-agents.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
 // Seeded first-party apps and a connected external agent. `mail` also keeps
 // its pre-migration `agents/` row, which must not list it twice.
 const resources = [
@@ -123,21 +127,26 @@ async function renderPage() {
   header = null;
   await act(async () => {
     root.render(
-      <QueryClientProvider client={queryClient}>
-        <TooltipProvider>
-          <SettingsShellProvider
-            value={{
-              route: { page: "sub-agents", sub: null },
-              navigate: () => {},
-              setHeader: (next) => {
-                header = next;
-              },
-            }}
-          >
-            <SubAgentsSettingsPage />
-          </SettingsShellProvider>
-        </TooltipProvider>
-      </QueryClientProvider>,
+      <AgentNativeI18nProvider
+        catalog={toolkitI18nCatalog}
+        persistPreference={false}
+      >
+        <QueryClientProvider client={queryClient}>
+          <TooltipProvider>
+            <SettingsShellProvider
+              value={{
+                route: { page: "sub-agents", sub: null },
+                navigate: () => {},
+                setHeader: (next) => {
+                  header = next;
+                },
+              }}
+            >
+              <SubAgentsSettingsPage />
+            </SettingsShellProvider>
+          </TooltipProvider>
+        </QueryClientProvider>
+      </AgentNativeI18nProvider>,
     );
   });
   await settle();

package/src/app/settings/usage/UsagePage.spec.tsx

@@ -54,6 +54,10 @@ vi.mock("@agent-native/core/client/hooks", () => ({
   }),
 }));
 
+vi.mock("@agent-native/core/client/use-action", () => ({
+  useActionQuery: () => ({ data: null, isError: false, isLoading: false }),
+}));
+
 vi.mock("@agent-native/core/client/i18n", () => ({
   useT:
     () =>

package/src/app/setup-connections/BuilderConnectCard.spec.tsx

@@ -1,12 +1,16 @@
 // @vitest-environment happy-dom
 
+import { AgentNativeI18nProvider } from "@agent-native/core/client/i18n";
 import React, { 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 { BuilderConnectCard } from "./BuilderConnectCard.js";
 import type { BuilderConnectCardViewModel } from "./useBuilderConnectCardController.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
 const mocks = vi.hoisted(() => ({
   useBuilderConnectCardController: vi.fn(),
   semanticActionProps: undefined as Record<string, unknown> | undefined,
@@ -80,6 +84,17 @@ describe("BuilderConnectCard", () => {
     root = createRoot(container);
   });
 
+  function renderWithToolkitI18n(children: React.ReactNode) {
+    root.render(
+      <AgentNativeI18nProvider
+        catalog={toolkitI18nCatalog}
+        persistPreference={false}
+      >
+        {children}
+      </AgentNativeI18nProvider>,
+    );
+  }
+
   afterEach(() => {
     act(() => root.unmount());
     container.remove();
@@ -88,7 +103,9 @@ describe("BuilderConnectCard", () => {
   });
 
   it("keeps the default view and action on the shared controller", () => {
-    act(() => root.render(<BuilderConnectCard trackingSource="settings" />));
+    act(() =>
+      renderWithToolkitI18n(<BuilderConnectCard trackingSource="settings" />),
+    );
 
     expect(mocks.useBuilderConnectCardController).toHaveBeenCalledOnce();
     expect(mocks.useBuilderConnectCardController).toHaveBeenCalledWith(
@@ -121,7 +138,9 @@ describe("BuilderConnectCard", () => {
     );
 
     act(() =>
-      root.render(<BuilderConnectCard className="host-card" render={render} />),
+      renderWithToolkitI18n(
+        <BuilderConnectCard className="host-card" render={render} />,
+      ),
     );
 
     expect(mocks.useBuilderConnectCardController).toHaveBeenCalledOnce();
@@ -140,7 +159,7 @@ describe("BuilderConnectCard", () => {
       disabled: true,
     };
 
-    act(() => root.render(<BuilderConnectCard />));
+    act(() => renderWithToolkitI18n(<BuilderConnectCard />));
 
     expect(container.querySelector("[data-semantic-action]")).not.toBeNull();
     expect(mocks.semanticActionProps).toMatchObject({
@@ -183,7 +202,7 @@ describe("BuilderConnectCard", () => {
     mocks.useBuilderConnectCardController.mockReturnValue(viewModel);
 
     act(() =>
-      root.render(
+      renderWithToolkitI18n(
         <BuilderConnectCard showManage trackingSource="settings_connections" />,
       ),
     );
@@ -229,7 +248,7 @@ describe("BuilderConnectCard", () => {
     };
     mocks.useBuilderConnectCardController.mockReturnValue(viewModel);
 
-    act(() => root.render(<BuilderConnectCard showManage />));
+    act(() => renderWithToolkitI18n(<BuilderConnectCard showManage />));
     act(() => {
       (
         container.querySelector(
@@ -281,7 +300,7 @@ describe("BuilderConnectCard", () => {
     mocks.useBuilderConnectCardController.mockReturnValue(viewModel);
 
     act(() => {
-      root.render(
+      renderWithToolkitI18n(
         <BuilderConnectCard showManage trackingSource="settings_connections" />,
       );
     });
@@ -343,7 +362,7 @@ describe("BuilderConnectCard", () => {
         ...(scope ? { scope } : {}),
       };
       mocks.useBuilderConnectCardController.mockReturnValue(viewModel);
-      act(() => root.render(<BuilderConnectCard showManage />));
+      act(() => renderWithToolkitI18n(<BuilderConnectCard showManage />));
     }
 
     function openMenu() {
@@ -519,7 +538,7 @@ describe("BuilderConnectCard", () => {
     vi.spyOn(console, "error").mockImplementation(() => {});
 
     act(() =>
-      root.render(
+      renderWithToolkitI18n(
         <BuilderConnectCard
           render={() => {
             throw new Error("broken company card");

package/src/app/sharing/ShareButton.spec.tsx

@@ -6,8 +6,11 @@ import React, { 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 { ShareButton } from "./ShareButton.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
 const shareMutate = vi.hoisted(() => vi.fn());
 const otherMutate = vi.hoisted(() => vi.fn());
 const refetchShares = vi.hoisted(() => vi.fn(async () => undefined));
@@ -46,7 +49,7 @@ const sharesData = vi.hoisted(() => ({
   },
 }));
 
-vi.mock("../use-action.js", () => ({
+vi.mock("@agent-native/core/client/use-action", () => ({
   useActionQuery: () => ({
     data: sharesData.current,
     isError: sharesError.current,
@@ -57,7 +60,7 @@ vi.mock("../use-action.js", () => ({
   }),
 }));
 
-vi.mock("../components/ui/popover.js", () => {
+vi.mock("@agent-native/toolkit/ui/popover", () => {
   const PopoverOpenContext = React.createContext(true);
   const isOuterSharePopover = (node: React.ReactNode): boolean =>
     React.Children.toArray(node).some((child) => {
@@ -129,7 +132,7 @@ vi.mock("../components/ui/popover.js", () => {
   };
 });
 
-vi.mock("../components/ui/sheet.js", () => ({
+vi.mock("@agent-native/toolkit/ui/sheet", () => ({
   Sheet: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
   SheetTrigger: ({ children }: { children: React.ReactNode }) => (
     <>{children}</>
@@ -1211,6 +1214,7 @@ describe("ShareButton", () => {
     await act(async () => {
       root.render(
         <AgentNativeI18nProvider
+          catalog={toolkitI18nCatalog}
           initialLocale="de-DE"
           initialPreference="de-DE"
           persistPreference={false}

package/src/app/sharing/ShareDialog.spec.tsx

@@ -19,11 +19,11 @@ const sharesQuery = {
   refetch: vi.fn(),
 };
 
-vi.mock("../use-action.js", () => ({
+vi.mock("@agent-native/core/client/use-action", () => ({
   useActionQuery: () => sharesQuery,
-  useActionMutation: () => ({ mutate: vi.fn() }),
+  useActionMutation: () => ({ mutate: vi.fn(), isPending: false }),
 }));
-vi.mock("../i18n.js", () => ({
+vi.mock("@agent-native/core/client/i18n", () => ({
   useT: () => (key: string, values?: Record<string, string>) =>
     values?.title ?? values?.type ?? key,
 }));
@@ -85,7 +85,7 @@ async function renderDialog(
 }
 
 describe("ShareDialog primitive normalization", () => {
-  const source = readFileSync(resolve("src/client/sharing/ShareDialog.tsx"), {
+  const source = readFileSync(resolve("src/app/sharing/ShareDialog.tsx"), {
     encoding: "utf8",
   });
 

package/src/app/sharing/useShareButtonController.spec.tsx

@@ -21,7 +21,7 @@ const mocks = vi.hoisted(() => ({
   unshare: { mutate: vi.fn() },
 }));
 
-vi.mock("../use-action.js", () => ({
+vi.mock("@agent-native/core/client/use-action", () => ({
   useActionQuery: vi.fn(() => mocks.query),
   useActionMutation: vi.fn((name: string) => {
     if (name === "set-resource-visibility") return mocks.setVisibility;

package/src/app/sharing/useShareDialogController.spec.tsx

@@ -24,7 +24,7 @@ const mocks = vi.hoisted(() => ({
   writeClipboardText: vi.fn(),
 }));
 
-vi.mock("../../../../core/src/client/use-action.ts", () => ({
+vi.mock("@agent-native/core/client/use-action", () => ({
   useActionQuery: vi.fn(() => mocks.query),
   useActionMutation: vi.fn((name: string) => {
     if (name === "share-resource") return mocks.share;
@@ -32,7 +32,7 @@ vi.mock("../../../../core/src/client/use-action.ts", () => ({
     return mocks.visibility;
   }),
 }));
-vi.mock("../../../../core/src/client/i18n.tsx", () => ({
+vi.mock("@agent-native/core/client/i18n", () => ({
   useT: () => (key: string, values?: Record<string, string>) => {
     if (values?.title) return `${key}:${values.title}`;
     if (values?.type) return `${key}:${values.type}`;

package/src/app/transcription/BuilderTranscriptionCta.spec.tsx

@@ -12,7 +12,7 @@ const mocks = vi.hoisted(() => ({
 vi.mock("../settings/useBuilderStatus.js", () => ({
   useBuilderConnectFlow: mocks.useBuilderConnectFlow,
 }));
-vi.mock("../i18n.js", () => ({
+vi.mock("@agent-native/core/client/i18n", () => ({
   useT: () => (key: string) => key,
 }));
 

package/src/composer/RealtimeVoiceMode.spec.tsx

@@ -197,6 +197,7 @@ describe("RealtimeVoiceMode", () => {
       document.querySelectorAll<HTMLButtonElement>("button"),
     ).find((button) => button.textContent?.includes("Start voice chat"));
     expect(startVoiceMode?.disabled).toBe(true);
+    expect(document.querySelector(".animate-spin")).toBeNull();
     act(() => startVoiceMode?.click());
     expect(onStartVoiceMode).not.toHaveBeenCalled();
 

package/src/composer/RealtimeVoiceMode.tsx

@@ -350,11 +350,7 @@ export function RealtimeVoiceModeEntry({
                   disabled={providerStatusPending}
                   onClick={() => choose("realtime", onStartVoiceMode)}
                 >
-                  {providerStatusPending ? (
-                    <IconLoader2 className="animate-spin" />
-                  ) : (
-                    <IconMicrophone />
-                  )}
+                  <IconMicrophone />
                   {copy.startVoiceMode}
                 </Button>
                 <Button