@agent-native/dispatch 0.40.0 → 0.40.2

package/src/components/automation-create-dialog.tsx

@@ -1,3 +1,8 @@
+import {
+  useActionMutation,
+  useActionQuery,
+} from "@agent-native/core/client/hooks";
+import { useT } from "@agent-native/core/client/i18n";
 import {
   DEFAULT_AUTOMATION_SCHEDULE_DRAFT,
   AUTOMATION_WEEKDAYS,
@@ -6,16 +11,11 @@ import {
   type AutomationScheduleDraft,
   type AutomationSchedulePreset,
   type AutomationScheduleUnit,
-} from "@agent-native/core/client/agent-page/automation-schedule";
+} from "@agent-native/toolkit/app/agent-page/automation-schedule";
 import {
   TimezoneSelect,
   browserTimezone,
-} from "@agent-native/core/client/agent-page/timezone-select";
-import {
-  useActionMutation,
-  useActionQuery,
-} from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
+} from "@agent-native/toolkit/app/agent-page/TimezoneSelect";
 import {
   IconBolt,
   IconCalendarEvent,

package/src/components/automation-details-panel.tsx

@@ -1,7 +1,7 @@
 import { appPath } from "@agent-native/core/client/api-path";
-import { writeClipboardText } from "@agent-native/core/client/clipboard";
 import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
+import { writeClipboardText } from "@agent-native/toolkit/clipboard";
 import {
   IconAlertTriangle,
   IconCheck,

package/src/components/chat-home-apps.tsx

@@ -1,5 +1,5 @@
-import { AppOpenActions } from "@agent-native/core/client/chat-first";
 import { useT } from "@agent-native/core/client/i18n";
+import { AppOpenActions } from "@agent-native/toolkit/app/chat/chat-first";
 import { IconArrowUpRight, IconPlus } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
 import { Link } from "react-router";

package/src/components/create-app-popover.spec.tsx

@@ -31,7 +31,7 @@ vi.mock("@agent-native/core/client/host", () => ({
   isInBuilderFrame: () => frameState.inBuilderFrame,
 }));
 
-vi.mock("@agent-native/core/client/settings/useBuilderStatus", () => ({
+vi.mock("@agent-native/toolkit/app/settings/useBuilderStatus", () => ({
   useBuilderConnectFlow: () => ({
     configured: false,
     connecting: builderConnectFlowState.connecting,
@@ -41,15 +41,13 @@ vi.mock("@agent-native/core/client/settings/useBuilderStatus", () => ({
   }),
 }));
 
-vi.mock("@agent-native/core/client/settings", async (importOriginal) => {
-  const settings =
-    await importOriginal<typeof import("@agent-native/core/client/settings")>();
+vi.mock("@agent-native/toolkit/app/settings", async () => {
   const { BuilderConnectPopover } =
-    await import("../../../core/src/client/settings/BuilderConnectPopover.js");
-  return { ...settings, BuilderConnectPopover };
+    await import("../../../toolkit/src/app/settings/BuilderConnectPopover.js");
+  return { BuilderConnectPopover };
 });
 
-vi.mock("@agent-native/core/client/composer", async () => {
+vi.mock("@agent-native/toolkit/app/chat/composer/index", async () => {
   const ReactModule = await import("react");
   return {
     PromptComposer: ({

package/src/components/create-app-popover.tsx

@@ -4,16 +4,16 @@ import {
   agentNativePath,
   appBasePath,
 } from "@agent-native/core/client/api-path";
-import { PromptComposer } from "@agent-native/core/client/composer";
 import { isInBuilderFrame } from "@agent-native/core/client/host";
-import { BuilderConnectPopover } from "@agent-native/core/client/settings";
-import { useBuilderConnectFlow } from "@agent-native/core/client/settings/useBuilderStatus";
 import {
   buildChatFirstAppCreationPrompt,
   docsUrl,
   getWorkspaceAppIdValidationError,
   titleFromChatFirstAppPrompt,
 } from "@agent-native/core/shared";
+import { PromptComposer } from "@agent-native/toolkit/app/chat/composer/index";
+import { BuilderConnectPopover } from "@agent-native/toolkit/app/settings";
+import { useBuilderConnectFlow } from "@agent-native/toolkit/app/settings/useBuilderStatus";
 import {
   IconAlertTriangle,
   IconArrowLeft,

package/src/components/dispatch-control-plane.spec.tsx

@@ -43,7 +43,7 @@ vi.mock("@agent-native/core/client/agent-chat", () => ({
   useChatModels: clientState.useChatModels,
 }));
 
-vi.mock("@agent-native/core/client/composer", () => ({
+vi.mock("@agent-native/toolkit/app/chat/composer/index", () => ({
   PromptBar: ({ children }: { children?: React.ReactNode }) => (
     <div data-prompt-bar="inline">{children}</div>
   ),
@@ -293,7 +293,7 @@ describe("DispatchControlPlane", () => {
     });
   });
 
-  it("shows mounted and connected apps together without duplicates", async () => {
+  it("shows apps built in this workspace without cross-workspace catalogs", async () => {
     clientState.workspaceApps = [
       {
         id: "onboarding",
@@ -378,10 +378,10 @@ describe("DispatchControlPlane", () => {
     });
 
     expect(container.textContent).toContain("Onboarding");
-    expect(container.textContent).toContain("Mail");
-    expect(container.textContent).toContain("Custom app");
+    expect(container.textContent).not.toContain("Mail");
+    expect(container.textContent).not.toContain("Custom app");
     expect(container.textContent).not.toContain("Clips");
-    expect(container.textContent).toContain("Analytics");
+    expect(container.textContent).not.toContain("Analytics");
     expect(container.textContent).toContain("Apps");
     expect(container.textContent).toContain("New");
     expect(
@@ -392,16 +392,10 @@ describe("DispatchControlPlane", () => {
     );
     expect(viewAllLink?.className).toContain("text-muted-foreground");
     expect(container.textContent).not.toContain("Other apps");
-    expect(container.textContent).not.toContain("available");
+    expect(container.textContent).not.toContain("Available apps");
     expect(container.textContent).not.toContain("Archived app");
     expect(container.textContent).not.toContain("Duplicate onboarding");
     expect(container.textContent).not.toContain("CRM");
-    expect(
-      Array.from(container.querySelectorAll("a")).some(
-        (anchor) =>
-          anchor.getAttribute("href") === "https://custom.agent-native.com",
-      ),
-    ).toBe(true);
     expect(
       container.querySelectorAll(
         'button[aria-label="Open options for Onboarding"]',
@@ -422,7 +416,7 @@ describe("DispatchControlPlane", () => {
     expect(onboardingNewTabLink).not.toBeNull();
   });
 
-  it("searches available apps case-insensitively before showing the empty state", async () => {
+  it("searches only apps in this workspace", async () => {
     clientState.workspaceApps = [
       {
         id: "analytics",
@@ -462,16 +456,15 @@ describe("DispatchControlPlane", () => {
     });
 
     await searchApps("Brain");
-    expect(container.textContent).toContain("Brain");
-    expect(container.textContent).not.toContain("Assets");
-    expect(container.textContent).not.toContain("No apps match your search");
+    expect(container.textContent).toContain("No apps match your search");
+    expect(container.querySelectorAll("article")).toHaveLength(0);
 
     await searchApps("brain");
-    expect(container.textContent).toContain("Brain");
-    expect(container.textContent).not.toContain("Assets");
+    expect(container.textContent).toContain("No apps match your search");
+    expect(container.querySelectorAll("article")).toHaveLength(0);
 
     await searchApps("missing app");
     expect(container.textContent).toContain("No apps match your search");
-    expect(container.textContent).not.toContain("Brain");
+    expect(container.querySelectorAll("article")).toHaveLength(0);
   });
 });

package/src/components/dispatch-control-plane.tsx

@@ -3,16 +3,18 @@ import {
   navigateWithAgentChatViewTransition,
   useChatModels,
 } from "@agent-native/core/client/agent-chat";
-import { PromptBar, PromptComposer } from "@agent-native/core/client/composer";
 import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { useOrgRole } from "@agent-native/core/client/org";
+import {
+  PromptBar,
+  PromptComposer,
+} from "@agent-native/toolkit/app/chat/composer/index";
 import { IconChevronDown, IconClockHour4, IconPlus } from "@tabler/icons-react";
 import type { ReactNode } from "react";
 import { useState } from "react";
 import { Link, useNavigate } from "react-router";
 
-import type { ConnectedAppSummary } from "../lib/other-apps";
 import { cn } from "../lib/utils";
 import {
   orderWorkspaceApps,
@@ -31,11 +33,6 @@ import {
 } from "./app-list-row";
 import { CreateAppPopover } from "./create-app-popover";
 import { useSetPageTitle } from "./layout/HeaderActions";
-import {
-  filterOtherAppEntries,
-  mergeOtherAppEntries,
-  OtherAppsSection,
-} from "./other-apps-section";
 import { Button } from "./ui/button";
 import {
   Collapsible,
@@ -48,7 +45,6 @@ import {
   WorkspaceAppSearch,
   WorkspaceAppSearchEmpty,
 } from "./workspace-app-search";
-import type { CuratedWorkspaceTemplatesResult } from "./workspace-template-card";
 
 function SectionHeader({
   title,
@@ -163,25 +159,9 @@ function CommandPanel() {
 function AppsPanel({
   apps,
   isLoading,
-  connectedApps,
-  connectedAppsError,
-  connectedAppsLoading,
-  onRetryConnectedApps,
-  curatedTemplates,
-  curatedTemplatesError,
-  curatedTemplatesLoading,
-  onRetryCuratedTemplates,
 }: {
   apps: WorkspaceAppSummary[];
   isLoading: boolean;
-  connectedApps: ConnectedAppSummary[];
-  connectedAppsError?: Error | null;
-  connectedAppsLoading: boolean;
-  onRetryConnectedApps: () => void;
-  curatedTemplates?: CuratedWorkspaceTemplatesResult;
-  curatedTemplatesError?: Error | null;
-  curatedTemplatesLoading: boolean;
-  onRetryCuratedTemplates: () => void;
 }) {
   const t = useT();
   const [showPending, setShowPending] = useState(false);
@@ -200,20 +180,8 @@ function AppsPanel({
   const filteredPendingApps = orderedPendingApps.filter((app) =>
     workspaceAppMatchesQuery(app, searchQuery),
   );
-  const otherAppEntries = filterOtherAppEntries(
-    mergeOtherAppEntries({
-      templates: curatedTemplates,
-      connectedApps,
-      workspaceApps: apps,
-    }),
-    searchQuery,
-  );
   const hasSearchResults =
-    filteredActiveApps.length > 0 ||
-    filteredPendingApps.length > 0 ||
-    otherAppEntries.length > 0;
-  const otherAppsLoading = curatedTemplatesLoading || connectedAppsLoading;
-  const otherAppsError = curatedTemplatesError || connectedAppsError;
+    filteredActiveApps.length > 0 || filteredPendingApps.length > 0;
   const showSkeletons =
     isLoading && activeApps.length === 0 && pendingApps.length === 0;
 
@@ -229,9 +197,7 @@ function AppsPanel({
               </Link>
             </Button>
             {!showSkeletons &&
-            (visibleApps.length > 0 ||
-              otherAppEntries.length > 0 ||
-              Boolean(searchQuery.trim())) ? (
+            (visibleApps.length > 0 || Boolean(searchQuery.trim())) ? (
               <WorkspaceAppSearch
                 className="w-[220px]"
                 query={searchQuery}
@@ -263,10 +229,7 @@ function AppsPanel({
       ) : null}
       {showSkeletons ? (
         <OverviewAppsSkeleton />
-      ) : searchQuery.trim() &&
-        !hasSearchResults &&
-        !otherAppsLoading &&
-        !otherAppsError ? (
+      ) : searchQuery.trim() && !hasSearchResults ? (
         <WorkspaceAppSearchEmpty
           query={searchQuery}
           onClear={() => setSearchQuery("")}
@@ -284,32 +247,14 @@ function AppsPanel({
               />
             ))}
             {filteredActiveApps.length === 0 &&
-            !searchQuery.trim() &&
-            otherAppEntries.length === 0 &&
-            !curatedTemplatesLoading &&
-            !connectedAppsLoading &&
-            !curatedTemplatesError &&
-            !connectedAppsError ? (
+            pendingApps.length === 0 &&
+            !searchQuery.trim() ? (
               <p className="px-4 py-3 text-sm text-muted-foreground">
                 {t("dispatch.pages.noApps", {
                   defaultValue: "No apps yet.",
                 })}
               </p>
             ) : null}
-            <OtherAppsSection
-              templates={curatedTemplates}
-              connectedApps={connectedApps}
-              workspaceApps={apps}
-              templatesLoading={curatedTemplatesLoading}
-              connectedAppsLoading={connectedAppsLoading}
-              templatesError={curatedTemplatesError}
-              connectedAppsError={connectedAppsError}
-              query={searchQuery}
-              onRetryTemplates={onRetryCuratedTemplates}
-              onRetryConnectedApps={onRetryConnectedApps}
-              heading={null}
-              embeddedInList
-            />
           </AppList>
         </>
       )}
@@ -405,14 +350,6 @@ export function DispatchControlPlane() {
     "list-workspace-apps",
     { includeAgentCards: false, includeArchived: true },
   );
-  const connectedAppsQuery = useActionQuery<ConnectedAppSummary[]>(
-    "list-connected-agents",
-    {},
-  );
-  const curatedTemplatesQuery = useActionQuery<CuratedWorkspaceTemplatesResult>(
-    "list-curated-workspace-templates",
-    {},
-  );
   const { data: workspaceApps = [], isLoading: appsLoading } = appsQuery;
 
   return (
@@ -424,18 +361,7 @@ export function DispatchControlPlane() {
           onRetry={() => void appsQuery.refetch()}
         />
       ) : (
-        <AppsPanel
-          apps={workspaceApps ?? []}
-          isLoading={appsLoading}
-          connectedApps={connectedAppsQuery.data ?? []}
-          connectedAppsError={connectedAppsQuery.error}
-          connectedAppsLoading={connectedAppsQuery.isLoading}
-          onRetryConnectedApps={() => void connectedAppsQuery.refetch()}
-          curatedTemplates={curatedTemplatesQuery.data}
-          curatedTemplatesError={curatedTemplatesQuery.error}
-          curatedTemplatesLoading={curatedTemplatesQuery.isLoading}
-          onRetryCuratedTemplates={() => void curatedTemplatesQuery.refetch()}
-        />
+        <AppsPanel apps={workspaceApps ?? []} isLoading={appsLoading} />
       )}
     </div>
   );

package/src/components/layout/Header.tsx

@@ -1,5 +1,5 @@
-import { AgentToggleButton } from "@agent-native/core/client/agent-chat";
-import { RunsTray } from "@agent-native/core/client/progress";
+import { AgentToggleButton } from "@agent-native/toolkit/app/chat";
+import { RunsTray } from "@agent-native/toolkit/app/progress";
 import { IconLayoutSidebar } from "@tabler/icons-react";
 import { useLocation, useNavigate } from "react-router";
 

package/src/components/layout/Layout.app-chat.spec.ts

@@ -30,6 +30,7 @@ describe("Dispatch layout scrolling", () => {
 describe("Dispatch workspace app chat rail", () => {
   it("routes the open-app rail through the shared app-chat component", () => {
     expect(layoutSource).toContain("<WorkspaceAppChatRail");
+    expect(layoutSource).toContain("workspaceAppChatRegistration ? (");
     expect(layoutSource).toContain("data-dispatch-workspace-app-frame");
     expect(layoutSource).toContain('new Event("agent-panel:toggle")');
     expect(layoutSource).toContain('new CustomEvent("agent-panel:toggle"');

package/src/components/layout/Layout.spec.tsx

@@ -31,11 +31,6 @@ const clientState = vi.hoisted(() => ({
 }));
 
 vi.mock("@agent-native/core/client/agent-chat", () => ({
-  AgentSidebar: ({ children }: { children: React.ReactNode }) => (
-    <div data-agent-sidebar>{children}</div>
-  ),
-  ExternalAgentNudge: () => null,
-  focusAgentChat: vi.fn(),
   navigateWithAgentChatViewTransition: (
     navigate: (path: string) => void,
     path: string,
@@ -53,6 +48,14 @@ vi.mock("@agent-native/core/client/agent-chat", () => ({
   }),
 }));
 
+vi.mock("@agent-native/toolkit/app/chat", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("@agent-native/toolkit/app/chat")>()),
+  AgentSidebar: ({ children }: { children: React.ReactNode }) => (
+    <div data-agent-sidebar>{children}</div>
+  ),
+  focusAgentChat: vi.fn(),
+}));
+
 vi.mock("@agent-native/core/client/api-path", () => ({
   agentNativePath: (path: string) => path,
   appBasePath: () => clientState.basePath,
@@ -105,23 +108,18 @@ vi.mock("@agent-native/core/client/i18n", () => ({
   },
 }));
 
-vi.mock("@agent-native/core/client/navigation", () => ({
+vi.mock("@agent-native/toolkit/app/shared", async (importOriginal) => ({
+  ...(await importOriginal<
+    typeof import("@agent-native/toolkit/app/shared")
+  >()),
   openCommandMenu: vi.fn(),
 }));
 
-vi.mock("@agent-native/core/client/ui", async (importOriginal) => {
-  const actual =
-    await importOriginal<typeof import("@agent-native/core/client/ui")>();
-  return {
-    ...actual,
-    AgentNativeIcon: (props: React.SVGProps<SVGSVGElement>) => (
-      <svg data-agent-native-icon {...props} />
-    ),
-    FeedbackButton: () => <div>Feedback</div>,
-  };
-});
+vi.mock("@agent-native/toolkit/app/feedback", () => ({
+  FeedbackButton: () => <div>Feedback</div>,
+}));
 
-vi.mock("@agent-native/core/client/org", () => ({
+vi.mock("@agent-native/toolkit/app/org", () => ({
   InvitationBanner: () => null,
   OrgSwitcher: () => <div>Organization</div>,
 }));
@@ -753,7 +751,7 @@ describe("chat-first surface panel toggle stacking", () => {
         typeof import("@agent-native/core/client/agent-chat")
       >("@agent-native/core/client/agent-chat");
     const { ChatFirstSurfacePanel } =
-      await import("@agent-native/core/client/chat-first");
+      await import("@agent-native/toolkit/app/chat/chat-first");
 
     const container = document.createElement("div");
     document.body.appendChild(container);
@@ -805,7 +803,7 @@ describe("chat-first app surface tab chat rail", () => {
 
   async function renderAppTab(isMobileSurface: boolean) {
     const { defaultChatFirstCopy } =
-      await import("@agent-native/core/client/chat-first");
+      await import("@agent-native/toolkit/app/chat/chat-first");
     vi.stubGlobal(
       "fetch",
       vi.fn().mockResolvedValue(new Response("{}", { status: 200 })),