@agent-native/dispatch 0.31.24 → 0.31.25-nightly-20260826192357

package/src/components/layout/Layout.tsx

@@ -1,6 +1,7 @@
 import {
   CHAT_FIRST_MODE_CHANGED_EVENT,
   AgentChatSurface,
+  AgentToggleButton,
   chatFirstSurfaceTabId,
   AgentSidebar,
   ChatFirstSurfacePanelToggle,
@@ -61,6 +62,7 @@ import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { openCommandMenu } from "@agent-native/core/client/navigation";
 import { InvitationBanner, OrgSwitcher } from "@agent-native/core/client/org";
+import { RunsTray } from "@agent-native/core/client/progress";
 import { FeedbackButton } from "@agent-native/core/client/ui";
 import { SidebarFooterActions } from "@agent-native/toolkit/app-shell";
 import {
@@ -76,6 +78,7 @@ import {
   IconHierarchy2,
   IconMessageQuestion,
   IconBroadcast,
+  IconLayoutSidebar,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
   IconSettings,
@@ -116,6 +119,7 @@ import {
 import { CHAT_FIRST_PANE_STATE_KEY } from "../../shared/chat-first-pane";
 import { AppIcon } from "../app-icon";
 import { CreateAppPopover } from "../create-app-popover";
+import { Button } from "../ui/button";
 import { Sheet, SheetContent, SheetDescription, SheetTitle } from "../ui/sheet";
 import { Skeleton } from "../ui/skeleton";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
@@ -125,7 +129,11 @@ import {
   WorkspaceAppKeepAlive,
 } from "../workspace-app-host";
 import { Header } from "./Header";
-import { HeaderActionsProvider } from "./HeaderActions";
+import {
+  HeaderActionsProvider,
+  useHeaderActions,
+  useHeaderTitle,
+} from "./HeaderActions";
 
 export { buildChatFirstEmbedSessionInput } from "../workspace-app-host";
 
@@ -256,9 +264,8 @@ export function useDispatchExtensions(): DispatchExtensionConfig | undefined {
   return useContext(DispatchExtensionsContext);
 }
 
-// Routes whose page renders its own toolbar.
-// Layout still mounts the sidebar + AgentSidebar, but skips its own Header so
-// there's no double-header.
+// Routes whose page renders its own toolbar. Layout skips its sticky chat
+// control so there's no duplicate page chrome.
 function pageOwnsToolbar(pathname: string): boolean {
   if (pathname === "/tools" || pathname.startsWith("/tools/")) return true;
   if (pathname === "/extensions" || pathname.startsWith("/extensions/"))
@@ -1400,6 +1407,8 @@ export function Layout({
   const t = useT();
   const location = useLocation();
   const navigate = useNavigate();
+  const pageTitle = useHeaderTitle();
+  const headerActions = useHeaderActions();
   const [mobileOpen, setMobileOpen] = useState(false);
   // Drives renderChatFirstSurfaceTab's app-tab chatSidebar decision below —
   // the chat-first surface panel is already a full-screen overlay at this
@@ -2283,7 +2292,7 @@ export function Layout({
     );
   }
 
-  const showHeader = !isChatRoute && !pageOwnsToolbar(localPathname);
+  const showAgentControls = !isChatRoute && !pageOwnsToolbar(localPathname);
   function openAskAgentFullscreen() {
     focusAgentChat();
     navigateWithAgentChatViewTransition(
@@ -2291,14 +2300,30 @@ export function Layout({
       dispatchNavLinkTarget("/chat"),
     );
   }
+  function openRunThread(threadId: string) {
+    navigate("/chat", {
+      state: {
+        dispatchThread: {
+          id: `${Date.now()}-${threadId}`,
+          threadId,
+        },
+      },
+    });
+    window.requestAnimationFrame(() => {
+      window.dispatchEvent(
+        new CustomEvent("agent-chat:open-thread", {
+          detail: { threadId },
+        }),
+      );
+    });
+  }
   const sidebarSuggestions = [
     t("dispatch.sidebar.suggestionBuildApp"),
     t("dispatch.sidebar.suggestionRouteSlack"),
     t("dispatch.sidebar.suggestionGrantKey"),
   ];
   const appContent = (
-    <div className="relative flex h-full min-w-0 flex-1 flex-col overflow-hidden">
-      {showHeader ? <Header onOpenMobile={() => setMobileOpen(true)} /> : null}
+    <div className="relative flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden">
       <InvitationBanner />
       {isChatRoute && chatFirstMode && chatFirstHasActiveChat ? (
         <ChatFirstSurfacePanelToggle
@@ -2325,16 +2350,43 @@ export function Layout({
       ) : null}
       <main
         className={cn(
-          "flex-1",
+          "min-h-0 flex-1",
           isChatRoute || isWorkspaceAppRoute
-            ? "min-h-0 overflow-hidden"
+            ? "overflow-hidden"
             : "overflow-y-auto",
         )}
       >
-        {showHeader ? (
-          <div className="mx-auto max-w-7xl space-y-10 px-4 py-6 sm:px-6">
-            {children}
-          </div>
+        {showAgentControls ? (
+          <>
+            <div className="pointer-events-none sticky top-0 z-10 flex justify-end px-4 pt-2 lg:px-6">
+              <Button
+                variant="ghost"
+                size="icon"
+                className="pointer-events-auto absolute start-4 top-2 h-8 w-8 lg:hidden"
+                onClick={() => setMobileOpen(true)}
+                aria-label="Open navigation"
+              >
+                <IconLayoutSidebar className="h-4 w-4" />
+              </Button>
+              <div className="pointer-events-auto flex items-center gap-1">
+                <RunsTray limit={8} onOpenThread={openRunThread} />
+                <AgentToggleButton className="h-8 w-8 rounded-md bg-background/80 hover:bg-accent" />
+              </div>
+            </div>
+            <div className="mx-auto max-w-7xl space-y-10 px-4 py-6 sm:px-6">
+              {localPathname !== "/overview" && (pageTitle || headerActions) ? (
+                <div className="flex min-w-0 items-center justify-between gap-3">
+                  <div className="min-w-0 flex-1">{pageTitle}</div>
+                  {headerActions ? (
+                    <div className="flex shrink-0 items-center gap-2">
+                      {headerActions}
+                    </div>
+                  ) : null}
+                </div>
+              ) : null}
+              {children}
+            </div>
+          </>
         ) : (
           children
         )}

package/src/server/lib/app-creation-store.ts

@@ -2439,7 +2439,7 @@ function buildWorkspaceAppPrompt(input: {
         ? `Dispatch will create workspace resource grants for the selected resources for appId "${appId}". After the app exists, sync workspace resources so the app receives both global and selected shared resources.`
         : "Do not grant any selected-only Dispatch workspace resources unless the user asks later.",
       "",
-      "Agent-native rules (these are the framework's contract — not optional):",
+      "Agent-Native rules (these are the framework's contract — not optional):",
       `- Persist ALL data in SQL via Drizzle. Add tables to apps/${appId}/server/db/schema.ts and migrations to apps/${appId}/server/plugins/db.ts. NEVER use localStorage, sessionStorage, IndexedDB, or in-memory state for anything the user expects to persist — agent and UI must read the same source of truth.`,
       `- Define every create/read/update/delete as an action in apps/${appId}/actions/ using defineAction. The agent calls these as tools and the frontend calls them via useActionQuery / useActionMutation. If you must raw-fetch framework action endpoints, use agentNativePath("/_agent-native/actions/<name>") so mounted apps call the right URL. Don't add /api/* routes for CRUD.`,
       "- Build the UI from shadcn/ui components in app/components/ui/ (Button, Input, Dialog, Popover, Card, etc.) and Tailwind utilities. Don't author bespoke CSS classes in global.css unless you genuinely need a primitive that shadcn doesn't ship.",

package/src/server/lib/curated-workspace-templates.ts

@@ -26,7 +26,7 @@ export const CURATED_WORKSPACE_TEMPLATES: readonly CuratedWorkspaceTemplate[] =
       id: "mail",
       name: "Mail",
       description:
-        "Agent-native email client with keyboard shortcuts and AI triage.",
+        "Agent-Native email client with keyboard shortcuts and AI triage.",
       icon: "Mail",
       color: "#3B82F6",
       template: "mail",

package/src/server/lib/dispatch-integrations.spec.ts

@@ -844,7 +844,7 @@ describe("managed Slack execution identity", () => {
       {
         handled: true,
         responseText:
-          "Agent Native is ready, but this Slack account is not linked to an Agent Native user yet. Open https://dispatch.agent-native.test/identities, create a Slack link token, then send `/link <token>` in this DM.",
+          "Agent-Native is ready, but this Slack account is not linked to an Agent-Native user yet. Open https://dispatch.agent-native.test/identities, create a Slack link token, then send `/link <token>` in this DM.",
       },
     );
   });

package/src/server/lib/dispatch-integrations.ts

@@ -184,7 +184,7 @@ function formatSlackLinkRequiredMessage(): string {
   const linkStep = identitiesUrl
     ? `Open ${identitiesUrl}, create a Slack link token, then send \`/link <token>\` in this DM.`
     : "Open Dispatch while signed in, create a Slack link token, then send `/link <token>` in this DM.";
-  return `Agent Native is ready, but this Slack account is not linked to an Agent Native user yet. ${linkStep}`;
+  return `Agent-Native is ready, but this Slack account is not linked to an Agent-Native user yet. ${linkStep}`;
 }
 
 function formatSlackIdentityVerificationFailedMessage(): string {
@@ -574,7 +574,7 @@ export async function resolveDispatchExecutionContext(
       access,
     );
   }
-  if (!scope) throw new Error("Slack channel is not enabled for Agent Native");
+  if (!scope) throw new Error("Slack channel is not enabled for Agent-Native");
   const decision = evaluateIntegrationScopePolicy(scope, {
     // Slack channel turns only arrive here after an explicit current-message
     // mention; keep the generic thread_reply trigger for other adapters.

package/src/server/lib/mcp-gateway.ts

@@ -45,6 +45,9 @@ const DISPATCH_DESCRIPTION =
 const DISPATCH_COLOR = "#14B8A6";
 const TARGET_EMBED_SESSION_ATTEMPTS = 3;
 const TARGET_EMBED_SESSION_RETRY_BASE_MS = 250;
+// target apps can take a long time to cold-boot, so we give a large timeout here
+const TARGET_EMBED_SESSION_CONNECT_TIMEOUT_MS = 90_000;
+const TARGET_EMBED_SESSION_BUDGET_MS = 95_000;
 const DISPATCH_ASK_APP_DEFAULT_INLINE_WAIT_MS = 20_000;
 const DISPATCH_ASK_APP_MAX_INLINE_WAIT_MS = 25_000;
 const DISPATCH_ASK_APP_POLL_INTERVAL_MS = 1_500;
@@ -1027,6 +1030,12 @@ function targetMcpRequestDetails(input: {
   };
 }
 
+function targetMcpConnectTimeout(deadline: number): number {
+  const remaining = deadline - Date.now();
+  const budget = Math.min(TARGET_EMBED_SESSION_CONNECT_TIMEOUT_MS, remaining);
+  return Math.max(1000, budget);
+}
+
 function targetMcpRetryDelay(attempt: number): number {
   const base =
     TARGET_EMBED_SESSION_RETRY_BASE_MS * Math.pow(2, Math.max(0, attempt - 1));
@@ -1040,18 +1049,22 @@ async function callTargetCreateEmbedSession(input: {
   chrome?: "full" | "minimal";
 }): Promise<unknown> {
   const serverId = "target";
+  const deadline = Date.now() + TARGET_EMBED_SESSION_BUDGET_MS;
   for (let attempt = 1; ; attempt += 1) {
-    const manager = new McpClientManager({
-      servers: {
-        [serverId]: {
-          type: "http",
-          url: `${appBaseUrl(input.app)}/mcp`,
-          headers: {
-            Authorization: `Bearer ${input.token}`,
+    const manager = new McpClientManager(
+      {
+        servers: {
+          [serverId]: {
+            type: "http",
+            url: `${appBaseUrl(input.app)}/mcp`,
+            headers: {
+              Authorization: `Bearer ${input.token}`,
+            },
           },
         },
       },
-    });
+      { connectTimeoutMs: targetMcpConnectTimeout(deadline) },
+    );
     try {
       await manager.start();
       return await manager.callTool(
@@ -1064,7 +1077,8 @@ async function callTargetCreateEmbedSession(input: {
     } catch (error) {
       if (
         attempt >= TARGET_EMBED_SESSION_ATTEMPTS ||
-        !isRetryableTargetMcpError(error)
+        !isRetryableTargetMcpError(error) ||
+        deadline - Date.now() < TARGET_EMBED_SESSION_RETRY_BASE_MS
       ) {
         throw error;
       }

package/src/server/lib/onboarding-steps.ts

@@ -57,7 +57,7 @@ export function registerDispatchOnboardingSteps(): void {
     id: "dispatch:connect-slack-workspace",
     title: "Connect a Slack workspace",
     description:
-      "Install Agent Native with OAuth, then configure channel identities and access policies.",
+      "Install Agent-Native with OAuth, then configure channel identities and access policies.",
     order: 60,
     required: false,
     methods: [