@agent-native/dispatch 0.40.0 → 0.40.2

package/src/components/messaging-setup-panel.tsx

@@ -1,6 +1,5 @@
 import { useFormatters, useT } from "@agent-native/core/client/i18n";
 import {
-  channelIcon,
   disconnectManagedIntegrationInstallation,
   hasMissingRequiredCredentials,
   listManagedIntegrationBudgets,
@@ -26,6 +25,7 @@ import {
   listBuiltInChannelIntegrations,
   type IntegrationCatalogEntry,
 } from "@agent-native/core/integrations";
+import { channelIcon } from "@agent-native/toolkit/app/integrations";
 import {
   IconBrandSlack,
   IconCheck,

package/src/components/workspace-app-card.tsx

@@ -1,10 +1,10 @@
-import { APP_ACTION_MENU_CONTENT_CLASS } from "@agent-native/core/client/chat-first";
 import {
   useActionMutation,
   useActionQuery,
 } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
-import { ShareButton } from "@agent-native/core/client/sharing";
+import { APP_ACTION_MENU_CONTENT_CLASS } from "@agent-native/toolkit/app/chat/chat-first";
+import { ShareButton } from "@agent-native/toolkit/app/sharing";
 import {
   IconChevronDown,
   IconChevronRight,

package/src/components/workspace-app-chat-rail.spec.tsx

@@ -25,7 +25,7 @@ vi.mock("@agent-native/core/client/api-path", () => ({
   agentNativePath: (path: string) => path,
 }));
 
-vi.mock("@agent-native/core/client/chat-first", () => ({
+vi.mock("@agent-native/toolkit/app/chat/chat-first", () => ({
   ChatFirstAppPane: ({ app }: { app: { name: string } | null }) => (
     <div data-app-pane>{app?.name}</div>
   ),

package/src/components/workspace-app-host.spec.tsx

@@ -47,7 +47,7 @@ const clientState = vi.hoisted(() => {
   };
 });
 
-vi.mock("@agent-native/core/client/chat-first", () => ({
+vi.mock("@agent-native/toolkit/app/chat/chat-first", () => ({
   CHAT_FIRST_DEFAULT_APP_IDS: [
     "content",
     "design",
@@ -91,6 +91,10 @@ vi.mock("@agent-native/core/client/chat-first", () => ({
   defaultChatFirstCopy: (key: string) => key,
 }));
 
+vi.mock("@agent-native/toolkit/app/chat", () => ({
+  AgentSidebar: () => null,
+}));
+
 vi.mock("@agent-native/core/client/feature-flags", () => ({
   useFeatureFlag: () => clientState.workspaceSsoEnabled,
 }));
@@ -249,37 +253,33 @@ describe("WorkspaceAppKeepAlive", () => {
       )?.params,
     ).toEqual({ includeAgentCards: false, includeArchived: true });
     expect(
-      clientState.actionQueryOptions.find((query) => query.name === "list_apps")
-        ?.options?.enabled,
+      clientState.actionQueryParams.some((query) => query.name === "list_apps"),
     ).toBe(false);
   });
 
-  it("resolves a granted external app instead of showing app not found", async () => {
+  it("does not resolve apps granted through Dispatch MCP", async () => {
     await act(async () => {
       root.render(
-        <WorkspaceAppKeepAlive activeAppId="analytics.agent-native.com" />,
+        <MemoryRouter>
+          <WorkspaceAppKeepAlive activeAppId="analytics.agent-native.com" />
+        </MemoryRouter>,
       );
       await Promise.resolve();
       await Promise.resolve();
     });
 
-    expect(
-      container.querySelector(
-        '[data-dispatch-workspace-app-cache-entry="analytics.agent-native.com"]',
-      ),
-    ).not.toBeNull();
     expect(
       container.querySelector('[data-chat-first-app-status="ready"]'),
-    ).not.toBeNull();
-    expect(clientState.legacyMutateAsync).toHaveBeenCalledWith({
-      app: "analytics.agent-native.com",
-      url: "https://analytics.agent-native.com/home",
-      chrome: "minimal",
-    });
+    ).toBeNull();
+    expect(clientState.legacyMutateAsync).not.toHaveBeenCalled();
     expect(
-      clientState.actionQueryOptions.find((query) => query.name === "list_apps")
-        ?.options?.enabled,
-    ).toBe(true);
+      clientState.actionQueryParams.some((query) => query.name === "list_apps"),
+    ).toBe(false);
+    expect(
+      clientState.actionQueryParams.some(
+        (query) => query.name === "list-connected-agents",
+      ),
+    ).toBe(false);
   });
 
   it("does not resolve archived workspace apps from granted discovery", async () => {

package/src/components/workspace-app-host.tsx

@@ -1,10 +1,4 @@
-import { AgentSidebar } from "@agent-native/core/client/agent-chat";
 import { agentNativePath } from "@agent-native/core/client/api-path";
-import {
-  ChatFirstAppPane,
-  defaultChatFirstCopy,
-  type ChatFirstCopy,
-} from "@agent-native/core/client/chat-first";
 import { useFeatureFlag } from "@agent-native/core/client/feature-flags";
 import {
   useActionMutation,
@@ -13,6 +7,12 @@ import {
 import { useT } from "@agent-native/core/client/i18n";
 import { AGENT_NATIVE_WORKSPACE_APP_ROUTE_MESSAGE_TYPE } from "@agent-native/core/client/navigation";
 import { withBuilderUtmTrackingParams } from "@agent-native/core/shared/builder-link-tracking";
+import { AgentSidebar } from "@agent-native/toolkit/app/chat";
+import {
+  ChatFirstAppPane,
+  defaultChatFirstCopy,
+  type ChatFirstCopy,
+} from "@agent-native/toolkit/app/chat/chat-first";
 import {
   IconAlertTriangle,
   IconArrowLeft,
@@ -30,9 +30,7 @@ import {
 import { Link } from "react-router";
 
 import { isEmbedSessionExpiredMessage } from "../lib/embed-session-recovery";
-import { filterOtherApps, type ConnectedAppSummary } from "../lib/other-apps";
 import {
-  mergeChatFirstWorkspaceApps,
   isWorkspaceSsoApp,
   isDispatchWorkspaceAppId,
   navigateToWorkspaceApp,
@@ -63,16 +61,6 @@ interface EmbedSessionInput {
   chrome: "minimal";
 }
 
-interface GrantedWorkspaceAppSummary {
-  id: string;
-  name: string;
-  url?: string | null;
-}
-
-interface GrantedWorkspaceAppsResult {
-  apps: GrantedWorkspaceAppSummary[];
-}
-
 type WorkspaceAppTheme = "light" | "dark";
 function buildWorkspaceAppThemeUpdate(theme: WorkspaceAppTheme) {
   return {
@@ -568,104 +556,10 @@ export function WorkspaceAppHost({
     "list-workspace-apps",
     { includeAgentCards: false, includeArchived: true },
   );
-  const mountedWorkspaceApp = useMemo(
-    () =>
-      workspaceAppsQuery.data?.find(
-        (item) =>
-          !item.archived &&
-          item.id.trim().toLowerCase() === appId?.trim().toLowerCase(),
-      ) ?? null,
-    [appId, workspaceAppsQuery.data],
-  );
-  const grantedAppsQuery = useActionQuery<GrantedWorkspaceAppsResult>(
-    "list_apps",
-    {},
-    {
-      enabled: !workspaceAppsQuery.isLoading && !mountedWorkspaceApp,
-    },
-  );
-  const connectedAppsQuery = useActionQuery<ConnectedAppSummary[]>(
-    "list-connected-agents",
-    {},
-    {
-      enabled: !workspaceAppsQuery.isLoading && !mountedWorkspaceApp,
-    },
-  );
-  const enabledBuiltinAppIds = useMemo(
-    () =>
-      connectedAppsQuery.data
-        ?.filter((app) => app.source === "builtin")
-        .map((app) => app.id),
-    [connectedAppsQuery.data],
+  const apps = useMemo(
+    () => (workspaceAppsQuery.data ?? []).filter((item) => !item.archived),
+    [workspaceAppsQuery.data],
   );
-  const workspaceApps = useMemo(
-    () =>
-      mergeChatFirstWorkspaceApps(
-        workspaceAppsQuery.data,
-        enabledBuiltinAppIds,
-      ),
-    [enabledBuiltinAppIds, workspaceAppsQuery.data],
-  );
-  const visibleWorkspaceApps = useMemo(
-    () => workspaceApps.filter((item) => !item.archived),
-    [workspaceApps],
-  );
-  const workspaceAppIds = useMemo(
-    () => new Set(workspaceApps.map((item) => item.id.trim().toLowerCase())),
-    [workspaceApps],
-  );
-  const apps = useMemo(() => {
-    const merged = new Map<string, WorkspaceAppSummary>();
-
-    for (const app of visibleWorkspaceApps) {
-      merged.set(app.id.trim().toLowerCase(), app);
-    }
-    for (const app of grantedAppsQuery.data?.apps ?? []) {
-      const id = app.id.trim();
-      if (
-        !id ||
-        workspaceAppIds.has(id.toLowerCase()) ||
-        merged.has(id.toLowerCase())
-      ) {
-        continue;
-      }
-      merged.set(id.toLowerCase(), {
-        id,
-        name: app.name.trim() || id,
-        path: "",
-        url: app.url?.trim() || null,
-        status: "ready",
-      });
-    }
-    for (const app of filterOtherApps(
-      connectedAppsQuery.data ?? [],
-      visibleWorkspaceApps,
-    )) {
-      const id = app.id.trim();
-      if (
-        !id ||
-        workspaceAppIds.has(id.toLowerCase()) ||
-        merged.has(id.toLowerCase())
-      ) {
-        continue;
-      }
-      merged.set(id.toLowerCase(), {
-        id,
-        name: app.name.trim() || id,
-        description: app.description,
-        path: "",
-        url: app.homeUrl?.trim() || app.url.trim(),
-        status: "ready",
-      });
-    }
-
-    return [...merged.values()];
-  }, [
-    connectedAppsQuery.data,
-    grantedAppsQuery.data?.apps,
-    visibleWorkspaceApps,
-    workspaceAppIds,
-  ]);
   const app = useMemo(
     () =>
       apps.find(
@@ -673,17 +567,10 @@ export function WorkspaceAppHost({
       ) ?? null,
     [appId, apps],
   );
-  const isLoading =
-    workspaceAppsQuery.isLoading ||
-    grantedAppsQuery.isLoading ||
-    connectedAppsQuery.isLoading;
+  const isLoading = workspaceAppsQuery.isLoading;
   const queryError = workspaceAppsQuery.isError
     ? workspaceAppsQuery.error
-    : grantedAppsQuery.isError
-      ? grantedAppsQuery.error
-      : connectedAppsQuery.isError
-        ? connectedAppsQuery.error
-        : null;
+    : null;
 
   if (queryError && !app) {
     return (
@@ -691,11 +578,7 @@ export function WorkspaceAppHost({
         <div className="w-full max-w-2xl">
           <ActionQueryError
             error={queryError}
-            onRetry={() => {
-              void workspaceAppsQuery.refetch();
-              void grantedAppsQuery.refetch();
-              void connectedAppsQuery.refetch();
-            }}
+            onRetry={() => void workspaceAppsQuery.refetch()}
           />
         </div>
       </div>

package/src/hooks/use-navigation-state.ts

@@ -7,8 +7,8 @@ import {
   appBasePath,
   appPath,
 } from "@agent-native/core/client/api-path";
-import { extensionIdFromPathname } from "@agent-native/core/client/extensions";
 import { getBrowserTabId } from "@agent-native/core/client/hooks";
+import { extensionIdFromPathname } from "@agent-native/toolkit/app/extensions";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useEffect } from "react";
 import { useLocation, useNavigate } from "react-router";

package/src/lib/workspace-apps.ts

@@ -1,4 +1,3 @@
-import { CHAT_FIRST_DEFAULT_APP_IDS } from "@agent-native/core/client/chat-first";
 import {
   getClientSurface,
   isInBuilderFrame,
@@ -8,6 +7,7 @@ import {
   resolveEnvironmentTargets,
   withBuilderUtmTrackingParams,
 } from "@agent-native/core/shared";
+import { CHAT_FIRST_DEFAULT_APP_IDS } from "@agent-native/toolkit/app/chat/chat-first";
 
 import {
   CANONICAL_WORKSPACE_SSO_APP_ORIGINS,

package/src/routes/pages/$appId.tsx

@@ -1,9 +1,9 @@
 import { appPath } from "@agent-native/core/client/api-path";
 import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
-import { DefaultSpinner } from "@agent-native/core/client/ui";
 import { withSsrHtmlContentType } from "@agent-native/core/shared";
 import { withBuilderUtmTrackingParams } from "@agent-native/core/shared/builder-link-tracking";
+import { DefaultSpinner } from "@agent-native/toolkit/app/shared";
 import {
   IconArrowLeft,
   IconArrowUpRight,

package/src/routes/pages/_index.tsx

@@ -1,6 +1,6 @@
 import { appPath } from "@agent-native/core/client/api-path";
-import { DefaultSpinner } from "@agent-native/core/client/ui";
 import { withSsrHtmlContentType } from "@agent-native/core/shared";
+import { DefaultSpinner } from "@agent-native/toolkit/app/shared";
 import { redirect, type LoaderFunctionArgs } from "react-router";
 
 const SEO_TITLE =

package/src/routes/pages/admin._index.tsx

@@ -1,5 +1,5 @@
 import { useT } from "@agent-native/core/client/i18n";
-import { SettingsGroup } from "@agent-native/core/client/settings";
+import { SettingsGroup } from "@agent-native/toolkit/app/settings";
 import { IconChevronRight } from "@tabler/icons-react";
 import { Link } from "react-router";
 

package/src/routes/pages/agent-integrations.tsx

@@ -1,5 +1,5 @@
 import { useT } from "@agent-native/core/client/i18n";
-import { McpIntegrationsLanding } from "@agent-native/core/client/integrations";
+import { McpIntegrationsLanding } from "@agent-native/toolkit/app/integrations";
 import { Link } from "react-router";
 
 import { DispatchShell } from "../../components/dispatch-shell";

package/src/routes/pages/apps.tsx

@@ -16,14 +16,8 @@ import {
   APP_LIST_GRID_ROW_CLASS,
   AppList,
 } from "../../components/app-list-row";
-import { AvailableAppsSection } from "../../components/available-apps-section";
 import { CreateAppPopover } from "../../components/create-app-popover";
 import { DispatchShell } from "../../components/dispatch-shell";
-import {
-  filterOtherAppEntries,
-  mergeOtherAppEntries,
-  OtherAppsSection,
-} from "../../components/other-apps-section";
 import { Button } from "../../components/ui/button";
 import {
   Collapsible,
@@ -36,12 +30,6 @@ import {
   WorkspaceAppSearch,
   WorkspaceAppSearchEmpty,
 } from "../../components/workspace-app-search";
-import type {
-  CuratedWorkspaceTemplatesResult,
-  WorkspaceTemplateLabels,
-} from "../../components/workspace-template-card";
-import { AVAILABLE_APPS } from "../../lib/available-apps";
-import type { ConnectedAppSummary } from "../../lib/other-apps";
 import { cn } from "../../lib/utils";
 import {
   orderWorkspaceApps,
@@ -78,11 +66,6 @@ function AppsRoute() {
     includeAgentCards: false,
     includeArchived: true,
   });
-  const connectedAppsQuery = useActionQuery("list-connected-agents", {});
-  const curatedTemplatesQuery = useActionQuery(
-    "list-curated-workspace-templates",
-    {},
-  );
   const { data: apps = [], isLoading: appsLoading } = appsQuery;
   const { data: workspace } = useActionQuery(
     "get-workspace-info",
@@ -98,23 +81,6 @@ function AppsRoute() {
   const activeApps = visibleApps.filter((app) => app.status !== "pending");
   const pendingApps = visibleApps.filter((app) => app.status === "pending");
   const archivedApps = allApps.filter((app) => app.archived);
-  const connectedApps =
-    (connectedAppsQuery.data as ConnectedAppSummary[] | undefined) ?? [];
-  const curatedTemplates = curatedTemplatesQuery.data as
-    | CuratedWorkspaceTemplatesResult
-    | undefined;
-  const filteredOtherApps = filterOtherAppEntries(
-    mergeOtherAppEntries({
-      templates: curatedTemplates,
-      connectedApps,
-      workspaceApps: allApps,
-    }),
-    searchQuery,
-  );
-  const otherAppsLoading =
-    curatedTemplatesQuery.isLoading || connectedAppsQuery.isLoading;
-  const otherAppsError =
-    curatedTemplatesQuery.error || connectedAppsQuery.error;
   const orderedActiveApps = orderWorkspaceApps(activeApps, layout);
   const orderedPendingApps = orderWorkspaceApps(pendingApps, layout);
   const orderedArchivedApps = orderWorkspaceApps(archivedApps, layout);
@@ -130,30 +96,8 @@ function AppsRoute() {
   const hasSearchResults =
     filteredActiveApps.length > 0 ||
     filteredPendingApps.length > 0 ||
-    filteredArchivedApps.length > 0 ||
-    filteredOtherApps.length > 0 ||
-    AVAILABLE_APPS.some((app) => {
-      const query = searchQuery.trim().toLowerCase();
-      return (
-        !query || `${app.name} ${app.description}`.toLowerCase().includes(query)
-      );
-    });
+    filteredArchivedApps.length > 0;
   const showAppSkeletons = appsLoading && allApps.length === 0;
-  const templateLabels: WorkspaceTemplateLabels = {
-    appId: t("dispatch.pages.remixAppIdLabel"),
-    appIdDescription: t("dispatch.pages.remixAppIdDescription"),
-    cancel: t("dispatch.pages.cancel"),
-    integrationSetup: t("dispatch.pages.integrationSetup"),
-    installed: t("dispatch.pages.alreadyInWorkspace"),
-    remix: t("dispatch.pages.addApp", { defaultValue: "Add app" }),
-    remixing: t("dispatch.pages.remixing"),
-    remixSuccess: t("dispatch.pages.remixSuccess"),
-    remixError: t("dispatch.pages.remixError"),
-    appIdRequired: t("dispatch.pages.appIdRequired"),
-    source: t("dispatch.pages.source"),
-    openApp: t("dispatch.pages.openApp", { defaultValue: "Open app" }),
-    viewLiveApp: t("dispatch.pages.openApp", { defaultValue: "Open" }),
-  };
 
   return (
     <DispatchShell
@@ -223,10 +167,7 @@ function AppsRoute() {
             />
           ) : showAppSkeletons ? (
             <AppsSkeletonGrid />
-          ) : !hasSearchResults &&
-            searchQuery.trim() &&
-            !otherAppsLoading &&
-            !otherAppsError ? (
+          ) : !hasSearchResults && searchQuery.trim() ? (
             <WorkspaceAppSearchEmpty
               query={searchQuery}
               onClear={() => setSearchQuery("")}
@@ -310,31 +251,6 @@ function AppsRoute() {
           </Collapsible>
         ) : null}
 
-        <OtherAppsSection
-          templates={curatedTemplates}
-          connectedApps={connectedApps}
-          workspaceApps={allApps}
-          query={searchQuery}
-          templatesLoading={curatedTemplatesQuery.isLoading}
-          connectedAppsLoading={connectedAppsQuery.isLoading}
-          templatesError={curatedTemplatesQuery.error}
-          connectedAppsError={connectedAppsQuery.error}
-          onRetryTemplates={() => void curatedTemplatesQuery.refetch()}
-          onRetryConnectedApps={() => void connectedAppsQuery.refetch()}
-          templateLabels={templateLabels}
-          onRemixSuccess={() => {
-            void appsQuery.refetch();
-            void curatedTemplatesQuery.refetch();
-          }}
-        />
-
-        <AvailableAppsSection
-          connectedApps={connectedApps}
-          workspaceApps={allApps}
-          query={searchQuery}
-          onConnected={() => void connectedAppsQuery.refetch()}
-        />
-
         {archivedApps.length > 0 &&
         (!searchQuery.trim() || filteredArchivedApps.length > 0) ? (
           <Collapsible

package/src/routes/pages/automations.spec.tsx

@@ -79,7 +79,7 @@ vi.mock("@agent-native/core/client/agent-chat", () => ({
   sendToAgentChat: vi.fn(),
 }));
 
-vi.mock("@agent-native/core/client/composer", () => ({
+vi.mock("@agent-native/toolkit/app/chat/composer/index", () => ({
   PromptComposer: () => null,
 }));
 

package/src/routes/pages/browser-chat.tsx

@@ -1,6 +1,6 @@
-import { AgentChatSurface } from "@agent-native/core/client/agent-chat";
 import { isEmbedAuthActive } from "@agent-native/core/client/host";
 import { useT } from "@agent-native/core/client/i18n";
+import { AgentChatSurface } from "@agent-native/toolkit/app/chat";
 import { useEffect, useState } from "react";
 import { useSearchParams } from "react-router";
 

package/src/routes/pages/chat.spec.tsx

@@ -8,8 +8,6 @@ import ChatRoute from "./chat";
 
 const clientState = vi.hoisted(() => ({
   surfaceProps: null as Record<string, unknown> | null,
-  activeRunId: null as string | null,
-  writeClipboardText: vi.fn(),
   openWorkspaceApp: vi.fn(),
   workspaceApps: [
     {
@@ -33,6 +31,17 @@ const clientState = vi.hoisted(() => ({
 }));
 
 vi.mock("@agent-native/core/client/agent-chat", () => ({
+  insertAgentComposerReference: vi.fn(),
+  markAgentChatHomeHandoff: vi.fn(),
+  readChatFirstMode: () => true,
+  navigateWithAgentChatViewTransition: (
+    navigate: (path: string) => void,
+    path: string,
+  ) => navigate(path),
+  sendToAgentChat: vi.fn(),
+}));
+
+vi.mock("@agent-native/toolkit/app/chat", () => ({
   AgentChatHome: (props: Record<string, unknown>) => {
     clientState.surfaceProps = { mode: "page", ...props };
     return (
@@ -42,19 +51,10 @@ vi.mock("@agent-native/core/client/agent-chat", () => ({
       </>
     );
   },
-  insertAgentComposerReference: vi.fn(),
-  markAgentChatHomeHandoff: vi.fn(),
-  readChatFirstMode: () => true,
-  useActiveAgentChatRunId: () => clientState.activeRunId,
-  navigateWithAgentChatViewTransition: (
-    navigate: (path: string) => void,
-    path: string,
-  ) => navigate(path),
-  sendToAgentChat: vi.fn(),
 }));
 
-vi.mock("@agent-native/core/client/clipboard", () => ({
-  writeClipboardText: clientState.writeClipboardText,
+vi.mock("../../components/create-app-popover", () => ({
+  CreateAppPopover: () => null,
 }));
 
 vi.mock("@agent-native/core/client/hooks", () => ({
@@ -120,7 +120,6 @@ describe("Dispatch ChatRoute", () => {
     vi.useFakeTimers();
     vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
     clientState.surfaceProps = null;
-    clientState.activeRunId = null;
     clientState.agents = [];
     clientState.openWorkspaceApp.mockReset();
     clientState.retryWorkspaceApps.mockReset();
@@ -257,6 +256,13 @@ describe("Dispatch ChatRoute", () => {
     );
     expect(clientState.surfaceProps?.suggestions).toEqual([]);
     expect(container.textContent).not.toContain("What should we do today?");
+
+    await act(async () => {
+      vi.runOnlyPendingTimers();
+      await Promise.resolve();
+    });
+
+    expect(container.textContent).not.toContain("What should we do today?");
   });
 
   it("keeps an agent chat scoped and preserves the scope in thread URLs", async () => {
@@ -300,10 +306,7 @@ describe("Dispatch ChatRoute", () => {
     ).toBe("/chat/thread-1?agent=agents%2Fresearch-partner.md");
   });
 
-  it("exposes a copyable request ID affordance on threaded chats", async () => {
-    clientState.activeRunId = "run-456";
-    clientState.writeClipboardText.mockResolvedValue(true);
-
+  it("keeps threaded chats free of request ID chrome", async () => {
     await act(async () => {
       root.render(
         <MemoryRouter initialEntries={["/chat/chat-123"]}>
@@ -313,33 +316,7 @@ describe("Dispatch ChatRoute", () => {
     });
 
     expect(clientState.surfaceProps?.suggestions).toEqual([]);
-
-    const button = Array.from(container.querySelectorAll("button")).find((el) =>
-      el.textContent?.includes("Copy request ID"),
-    );
-    expect(button).toBeTruthy();
-
-    await act(async () => {
-      button?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-      await Promise.resolve();
-    });
-
-    expect(clientState.writeClipboardText).toHaveBeenCalledWith("run-456");
-  });
-
-  it("keeps the request ID affordance unavailable before a run starts", async () => {
-    await act(async () => {
-      root.render(
-        <MemoryRouter initialEntries={["/chat/chat-123"]}>
-          <ChatRoute />
-        </MemoryRouter>,
-      );
-    });
-
-    const button = Array.from(container.querySelectorAll("button")).find((el) =>
-      el.textContent?.includes("Request ID unavailable"),
-    );
-    expect(button).toBeTruthy();
-    expect(button).toHaveProperty("disabled", true);
+    expect(clientState.surfaceProps?.contentClassName).toBe("max-w-none");
+    expect(container.textContent).not.toContain("Request ID");
   });
 });