@agent-native/dispatch 0.22.0 → 0.23.0

package/dist/lib/overview-chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"overview-chat.js","sourceRoot":"","sources":["../../src/lib/overview-chat.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAQlE,MAAM,UAAU,oBAAoB,CAClC,OAAe,EACf,aAA6B,EAC7B,OAA6B;IAE7B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IAC/B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,IAAI,gBAAgB,EAAE,EAAE,CAAC;QACvB,OAAO,eAAe,CAAC;YACrB,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,MAAM;SACb,CAAC,CAAC;IACL,CAAC;IAED,OAAO,eAAe,CAAC;QACrB,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,aAAa,IAAI,SAAS;QACjC,GAAG,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACtE,GAAG,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACtE,GAAG,CAAC,OAAO,EAAE,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAClE,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {\n  sendToAgentChat,\n  type AgentChatMessage,\n} from \"@agent-native/core/client/agent-chat\";\nimport { isInBuilderFrame } from \"@agent-native/core/client/host\";\n\ninterface OverviewChatOptions {\n  openSidebar?: boolean;\n  selectedEngine?: string | null;\n  selectedEffort?: AgentChatMessage[\"effort\"];\n}\n\nexport function submitOverviewPrompt(\n  message: string,\n  selectedModel?: string | null,\n  options?: OverviewChatOptions,\n): string | null {\n  const trimmed = message.trim();\n  if (!trimmed) return null;\n\n  if (isInBuilderFrame()) {\n    return sendToAgentChat({\n      message: trimmed,\n      submit: true,\n      type: \"code\",\n    });\n  }\n\n  return sendToAgentChat({\n    message: trimmed,\n    submit: true,\n    newTab: true,\n    model: selectedModel || undefined,\n    ...(options?.selectedEngine ? { engine: options.selectedEngine } : {}),\n    ...(options?.selectedEffort ? { effort: options.selectedEffort } : {}),\n    ...(options?.openSidebar === false ? { openSidebar: false } : {}),\n  });\n}\n"]}
+{"version":3,"file":"overview-chat.js","sourceRoot":"","sources":["../../src/lib/overview-chat.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,sCAAsC,CAAC;AAQ9C,MAAM,UAAU,oBAAoB,CAClC,OAAe,EACf,aAA6B,EAC7B,OAA6B;IAE7B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IAC/B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,eAAe,CAAC;QACrB,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,aAAa,IAAI,SAAS;QACjC,GAAG,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACtE,GAAG,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACtE,GAAG,CAAC,OAAO,EAAE,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAClE,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {\n  sendToAgentChat,\n  type AgentChatMessage,\n} from \"@agent-native/core/client/agent-chat\";\n\ninterface OverviewChatOptions {\n  openSidebar?: boolean;\n  selectedEngine?: string | null;\n  selectedEffort?: AgentChatMessage[\"effort\"];\n}\n\nexport function submitOverviewPrompt(\n  message: string,\n  selectedModel?: string | null,\n  options?: OverviewChatOptions,\n): string | null {\n  const trimmed = message.trim();\n  if (!trimmed) return null;\n\n  return sendToAgentChat({\n    message: trimmed,\n    submit: true,\n    newTab: true,\n    model: selectedModel || undefined,\n    ...(options?.selectedEngine ? { engine: options.selectedEngine } : {}),\n    ...(options?.selectedEffort ? { effort: options.selectedEffort } : {}),\n    ...(options?.openSidebar === false ? { openSidebar: false } : {}),\n  });\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/dispatch",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Dispatch — workspace control plane for agent-native apps. Vault, integrations, destinations, scheduled jobs, and cross-app delegation, shipped as a single drop-in package.",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {
@@ -84,7 +84,7 @@
     "tailwind-merge": "^3.5.0",
     "vaul": "^1.1.2",
     "zod": "^4.3.6",
-    "@agent-native/toolkit": "0.13.7"
+    "@agent-native/toolkit": "0.13.8"
   },
   "devDependencies": {
     "@react-router/dev": "^8.1.0",
@@ -98,7 +98,7 @@
     "typescript-7": "npm:typescript@^7.0.2",
     "vite": "8.1.0",
     "vitest": "^4.1.5",
-    "@agent-native/core": "0.148.0"
+    "@agent-native/core": "0.149.0"
   },
   "peerDependencies": {
     "@agent-native/core": ">=0.8.0",

package/src/components/app-icon.tsx

@@ -95,6 +95,7 @@ export function AppIcon({
   color,
   className,
   size = "md",
+  monochrome = false,
 }: {
   id: string;
   name: string;
@@ -102,6 +103,7 @@ export function AppIcon({
   color?: string;
   className?: string;
   size?: "sm" | "md";
+  monochrome?: boolean;
 }) {
   const Icon = appIconComponent(id, name, icon);
   const customColor = safeHexColor(color);
@@ -126,10 +128,12 @@ export function AppIcon({
       className={cn(
         "flex shrink-0 items-center justify-center rounded-xl",
         size === "sm" ? "size-8" : "size-10",
-        !customColor && tone,
+        monochrome
+          ? "bg-transparent text-sidebar-foreground/70"
+          : !customColor && tone,
         className,
       )}
-      style={style}
+      style={monochrome ? undefined : style}
     >
       <Icon size={size === "sm" ? 16 : 19} stroke={1.8} />
     </span>

package/src/components/app-list-row.tsx

@@ -3,7 +3,7 @@ import type { ReactNode } from "react";
 import { cn } from "../lib/utils";
 
 export const APP_LIST_GRID_CLASS =
-  "xl:grid xl:grid-cols-2 xl:gap-3 xl:overflow-visible xl:rounded-none xl:bg-transparent";
+  "mx-auto w-full max-w-[1000px] xl:grid xl:grid-cols-2 xl:gap-3 xl:overflow-visible xl:rounded-none xl:bg-transparent";
 export const APP_LIST_GRID_ROW_CLASS = "xl:rounded-2xl xl:border-0 xl:bg-card";
 
 export function AppList({

package/src/components/app-open-actions.tsx

@@ -29,6 +29,7 @@ export function AppOpenActions({
   rel,
   labels: labelOverrides,
   onAddApp,
+  onOpenInline,
   showInlineOption = false,
   showNewTabOption = false,
 }: {
@@ -38,6 +39,7 @@ export function AppOpenActions({
   rel?: string;
   labels?: Partial<AppOpenActionLabels>;
   onAddApp?: () => void;
+  onOpenInline?: () => void;
   showInlineOption?: boolean;
   showNewTabOption?: boolean;
 }) {
@@ -92,8 +94,8 @@ export function AppOpenActions({
               </DropdownMenuItem>
             ) : null}
             {showInlineOption && href ? (
-              <DropdownMenuItem asChild>
-                <a href={href}>{labels.openInline}</a>
+              <DropdownMenuItem onSelect={onOpenInline}>
+                {labels.openInline}
               </DropdownMenuItem>
             ) : null}
             {showNewTabOption && href ? (

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

@@ -8,6 +8,7 @@ import { DispatchControlPlane } from "./dispatch-control-plane";
 import { TooltipProvider } from "./ui/tooltip";
 
 const clientState = vi.hoisted(() => ({
+  inBuilderFrame: false,
   navigateWithTransition: vi.fn(),
   promptComposerProps: null as Record<string, unknown> | null,
   workspaceApps: [] as Array<Record<string, unknown>>,
@@ -69,7 +70,7 @@ vi.mock("@agent-native/core/client/hooks", () => ({
 }));
 
 vi.mock("@agent-native/core/client/host", () => ({
-  isInBuilderFrame: () => false,
+  isInBuilderFrame: () => clientState.inBuilderFrame,
 }));
 
 vi.mock("@agent-native/core/client/i18n", () => ({
@@ -79,7 +80,12 @@ vi.mock("@agent-native/core/client/i18n", () => ({
 }));
 
 vi.mock("./create-app-popover", () => ({
-  CreateAppPopover: () => <div>Create app</div>,
+  CreateAppPopover: ({ trigger }: { trigger?: React.ReactNode }) => (
+    <div>
+      {trigger}
+      <span>Create app</span>
+    </div>
+  ),
 }));
 
 describe("DispatchControlPlane", () => {
@@ -88,6 +94,7 @@ describe("DispatchControlPlane", () => {
 
   beforeEach(() => {
     vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
+    clientState.inBuilderFrame = false;
     clientState.navigateWithTransition.mockReset();
     clientState.promptComposerProps = null;
     clientState.workspaceApps = [];
@@ -155,6 +162,36 @@ describe("DispatchControlPlane", () => {
     );
   });
 
+  it("keeps overview submissions on Dispatch Chat inside Builder frames", async () => {
+    clientState.inBuilderFrame = true;
+
+    await act(async () => {
+      root.render(
+        <MemoryRouter initialEntries={["/overview"]}>
+          <TooltipProvider>
+            <DispatchControlPlane />
+          </TooltipProvider>
+        </MemoryRouter>,
+      );
+    });
+
+    await act(async () => {
+      container.querySelector<HTMLButtonElement>("[data-placeholder]")?.click();
+    });
+
+    expect(clientState.navigateWithTransition).toHaveBeenCalledWith(
+      expect.any(Function),
+      "/chat",
+      expect.objectContaining({
+        state: {
+          dispatchPrompt: expect.objectContaining({
+            message: "Route onboarding work",
+          }),
+        },
+      }),
+    );
+  });
+
   it("shows mounted and connected apps together without duplicates", async () => {
     clientState.workspaceApps = [
       {
@@ -230,11 +267,10 @@ describe("DispatchControlPlane", () => {
     expect(container.textContent).toContain("Mail");
     expect(container.textContent).toContain("Clips");
     expect(container.textContent).toContain("Analytics");
-    expect(container.textContent).toContain("Your apps");
-    expect(container.textContent).toContain("Other apps");
-    expect(container.textContent?.indexOf("Your apps")).toBeLessThan(
-      container.textContent?.indexOf("Other apps") ?? -1,
-    );
+    expect(container.textContent).toContain("Apps");
+    expect(container.textContent).toContain("New");
+    expect(container.textContent).not.toContain("Other apps");
+    expect(container.textContent).not.toContain("available");
     expect(container.textContent).not.toContain("Archived app");
     expect(container.textContent).not.toContain("Duplicate onboarding");
     expect(container.textContent).not.toContain("CRM");

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

@@ -4,20 +4,13 @@ import {
 } from "@agent-native/core/client/agent-chat";
 import { PromptComposer } from "@agent-native/core/client/composer";
 import { useActionQuery } from "@agent-native/core/client/hooks";
-import { isInBuilderFrame } from "@agent-native/core/client/host";
 import { useT } from "@agent-native/core/client/i18n";
-import {
-  IconArrowUpRight,
-  IconChevronDown,
-  IconClockHour4,
-  IconApps,
-} from "@tabler/icons-react";
+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 { submitOverviewPrompt } from "../lib/overview-chat";
 import { cn } from "../lib/utils";
 import type { WorkspaceAppSummary } from "../lib/workspace-apps";
 import { ActionQueryError } from "./action-query-error";
@@ -28,7 +21,7 @@ import {
 } from "./app-list-row";
 import { CreateAppPopover } from "./create-app-popover";
 import { useSetPageTitle } from "./layout/HeaderActions";
-import { OtherAppsSection } from "./other-apps-section";
+import { mergeOtherAppEntries, OtherAppsSection } from "./other-apps-section";
 import { Button } from "./ui/button";
 import {
   Collapsible,
@@ -56,26 +49,6 @@ function SectionHeader({
   );
 }
 
-function AppGroupHeader({
-  title,
-  description,
-}: {
-  title: string;
-  description: string;
-}) {
-  return (
-    <div className="flex min-w-0 items-start gap-2">
-      <IconApps size={16} className="mt-0.5 shrink-0 text-muted-foreground" />
-      <div className="min-w-0">
-        <h3 className="truncate text-sm font-semibold text-foreground">
-          {title}
-        </h3>
-        <p className="mt-0.5 text-xs text-muted-foreground">{description}</p>
-      </div>
-    </div>
-  );
-}
-
 function CommandPanel() {
   const t = useT();
   const {
@@ -104,11 +77,6 @@ function CommandPanel() {
     const trimmed = message.trim();
     if (!trimmed) return;
 
-    if (isInBuilderFrame()) {
-      submitOverviewPrompt(trimmed, selectedModel);
-      return;
-    }
-
     navigateWithAgentChatViewTransition(navigate, "/chat", {
       state: {
         dispatchPrompt: {
@@ -124,7 +92,7 @@ function CommandPanel() {
 
   return (
     <section className="flex flex-col">
-      <div className="mx-auto flex w-full max-w-3xl flex-col pt-4 sm:pt-6">
+      <div className="mx-auto flex w-full max-w-[750px] flex-col pt-4 sm:pt-6">
         <div className="mb-5 text-center">
           <h2 className="text-2xl font-semibold tracking-tight text-foreground sm:text-3xl">
             {t("dispatch.pages.chatAcrossApps", {
@@ -196,60 +164,73 @@ function AppsPanel({
   const visibleApps = apps.filter((app) => !app.isDispatch && !app.archived);
   const activeApps = visibleApps.filter((app) => app.status !== "pending");
   const pendingApps = visibleApps.filter((app) => app.status === "pending");
+  const otherAppEntries = mergeOtherAppEntries({
+    templates: curatedTemplates,
+    connectedApps,
+    workspaceApps: apps,
+  });
   const showSkeletons =
     isLoading && activeApps.length === 0 && pendingApps.length === 0;
 
   return (
-    <section className="flex flex-col gap-3">
+    <section className="mx-auto flex w-full max-w-[1000px] flex-col gap-3">
       <SectionHeader
         title="Apps"
         action={
-          <Button variant="outline" size="sm" asChild>
-            <Link to="/apps">
-              View all
-              <IconArrowUpRight size={14} />
-            </Link>
-          </Button>
+          <div className="flex items-center gap-1.5">
+            <Button variant="outline" size="sm" asChild>
+              <Link to="/apps">View all</Link>
+            </Button>
+            <CreateAppPopover
+              align="end"
+              trigger={
+                <Button variant="ghost" size="sm" className="gap-1.5">
+                  <IconPlus size={14} />
+                  {t("dispatch.pages.newApp", { defaultValue: "New" })}
+                </Button>
+              }
+            />
+          </div>
         }
       />
       {showSkeletons ? (
         <OverviewAppsSkeleton />
       ) : (
         <>
-          {activeApps.length > 0 ? (
-            <div className="space-y-3">
-              <AppGroupHeader
-                title={t("dispatch.pages.yourApps", {
-                  defaultValue: "Your apps",
-                })}
-                description={t("dispatch.pages.activeCount", {
-                  count: activeApps.length,
-                })}
+          <AppList className={APP_LIST_GRID_CLASS}>
+            {activeApps.map((app) => (
+              <WorkspaceAppCard
+                key={app.id}
+                app={app}
+                className={APP_LIST_GRID_ROW_CLASS}
               />
-              <AppList className={APP_LIST_GRID_CLASS}>
-                {activeApps.map((app) => (
-                  <WorkspaceAppCard
-                    key={app.id}
-                    app={app}
-                    className={APP_LIST_GRID_ROW_CLASS}
-                  />
-                ))}
-              </AppList>
-            </div>
-          ) : (
-            <CreateAppPopover />
-          )}
-          <OtherAppsSection
-            templates={curatedTemplates}
-            connectedApps={connectedApps}
-            workspaceApps={apps}
-            templatesLoading={curatedTemplatesLoading}
-            connectedAppsLoading={connectedAppsLoading}
-            templatesError={curatedTemplatesError}
-            connectedAppsError={connectedAppsError}
-            onRetryTemplates={onRetryCuratedTemplates}
-            onRetryConnectedApps={onRetryConnectedApps}
-          />
+            ))}
+            {activeApps.length === 0 &&
+            otherAppEntries.length === 0 &&
+            !curatedTemplatesLoading &&
+            !connectedAppsLoading &&
+            !curatedTemplatesError &&
+            !connectedAppsError ? (
+              <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}
+              onRetryTemplates={onRetryCuratedTemplates}
+              onRetryConnectedApps={onRetryConnectedApps}
+              heading={null}
+              embeddedInList
+            />
+          </AppList>
         </>
       )}
       {pendingApps.length > 0 ? (

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

@@ -1,7 +1,7 @@
 // @vitest-environment happy-dom
 import React, { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
-import { MemoryRouter } from "react-router";
+import { MemoryRouter, useLocation } from "react-router";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
 import { AdminShell } from "../admin-navigation";
@@ -87,6 +87,14 @@ vi.mock("@agent-native/core/client/org", () => ({
   OrgSwitcher: () => <div>Organization</div>,
 }));
 
+function LocationProbe({ onChange }: { onChange: (path: string) => void }) {
+  const location = useLocation();
+  React.useEffect(() => {
+    onChange(location.pathname);
+  }, [location.pathname, onChange]);
+  return null;
+}
+
 describe("formatThreadAge", () => {
   const now = 2_000_000_000_000;
 
@@ -310,6 +318,118 @@ describe("Dispatch NavContent", () => {
     );
   });
 
+  it("keeps Admin above Settings in the chat-first left sidebar", async () => {
+    await act(async () => {
+      root.render(
+        <MemoryRouter initialEntries={["/chat"]}>
+          <TooltipProvider>
+            <NavContent chatFirstMode />
+          </TooltipProvider>
+        </MemoryRouter>,
+      );
+    });
+
+    const adminLink = container.querySelector('a[href="/admin"]');
+    const settingsLink = container.querySelector('a[href="/settings"]');
+    const organization = [...container.querySelectorAll("div")].find(
+      (element) => element.textContent?.trim() === "Organization",
+    );
+
+    expect(adminLink).not.toBeNull();
+    expect(settingsLink).not.toBeNull();
+    expect(organization).toBeDefined();
+    expect(adminLink!.compareDocumentPosition(settingsLink!)).toBe(
+      Node.DOCUMENT_POSITION_FOLLOWING,
+    );
+    expect(settingsLink!.compareDocumentPosition(organization!)).toBe(
+      Node.DOCUMENT_POSITION_FOLLOWING,
+    );
+  });
+
+  it("keeps an All apps destination below the chat-first app list", async () => {
+    const paths: string[] = [];
+    const apps = Array.from({ length: 6 }, (_, index) => ({
+      id: `app-${index}`,
+      name: `App ${index}`,
+    }));
+
+    await act(async () => {
+      root.render(
+        <MemoryRouter initialEntries={["/chat"]}>
+          <TooltipProvider>
+            <NavContent chatFirstMode chatFirstApps={apps} />
+            <LocationProbe onChange={(path) => paths.push(path)} />
+          </TooltipProvider>
+        </MemoryRouter>,
+      );
+    });
+
+    expect(container.querySelectorAll("[data-chat-first-app]")).toHaveLength(5);
+    const showMore = [...container.querySelectorAll("button")].find(
+      (button) => button.textContent?.trim() === "Show more",
+    );
+    expect(showMore).toBeDefined();
+    await act(async () => {
+      showMore?.click();
+    });
+    expect(container.querySelectorAll("[data-chat-first-app]")).toHaveLength(6);
+
+    const allApps = container.querySelector<HTMLButtonElement>(
+      "[data-chat-first-all-apps]",
+    );
+    expect(allApps?.textContent?.trim()).toBe("All apps");
+    await act(async () => {
+      allApps?.click();
+    });
+    expect(paths.at(-1)).toBe("/apps");
+  });
+
+  it("omits the Chats section when chat-first has no chats", async () => {
+    clientState.threads = [];
+    await act(async () => {
+      root.render(
+        <MemoryRouter initialEntries={["/chat"]}>
+          <TooltipProvider>
+            <NavContent
+              chatFirstMode
+              chatFirstApps={[{ id: "mail", name: "Mail" }]}
+            />
+          </TooltipProvider>
+        </MemoryRouter>,
+      );
+    });
+
+    expect(container.textContent).not.toContain("Chats");
+    expect(container.querySelector("[data-chat-first-app]")).not.toBeNull();
+    expect(
+      container.querySelector("[data-chat-first-app] span[style]"),
+    ).toBeNull();
+  });
+
+  it("opens a workspace app in the main app route from the left rail", async () => {
+    const paths: string[] = [];
+    await act(async () => {
+      root.render(
+        <MemoryRouter initialEntries={["/chat"]}>
+          <TooltipProvider>
+            <NavContent
+              chatFirstMode
+              chatFirstApps={[{ id: "mail", name: "Mail" }]}
+              onChatFirstAppOpen={(app) => paths.push(`/apps/${app.id}`)}
+            />
+          </TooltipProvider>
+        </MemoryRouter>,
+      );
+    });
+
+    await act(async () => {
+      container
+        .querySelector<HTMLButtonElement>("[data-chat-first-app] button")
+        ?.click();
+    });
+    expect(paths).toEqual(["/apps/mail"]);
+  });
+
   it("uses the shared chat history rail and retains thread actions", async () => {
     await act(async () => {
       root.render(