@agent-native/dispatch 0.23.2 → 0.23.3

package/src/components/workspace-template-card.spec.tsx

@@ -153,7 +153,7 @@ describe("WorkspaceTemplateCard", () => {
     );
   });
 
-  it("keeps add app out of the catalog split-button menu", async () => {
+  it("keeps add app available in catalog cards", async () => {
     await act(async () => {
       root.render(<WorkspaceTemplateCard template={template} catalog />);
     });
@@ -162,23 +162,11 @@ describe("WorkspaceTemplateCard", () => {
       (button) => button.textContent?.includes("Add app"),
     );
     expect(addButton).toBeDefined();
-
-    const optionsButton = container.querySelector<HTMLButtonElement>(
-      'button[aria-label="Open options for Weekly report"]',
-    );
-    expect(optionsButton).not.toBeNull();
-    await act(async () => {
-      optionsButton?.dispatchEvent(
-        new MouseEvent("pointerdown", { bubbles: true, button: 0 }),
-      );
-    });
-
-    const addItem = Array.from(
-      document.querySelectorAll<HTMLElement>('[role="menuitem"]'),
-    ).find((item) => item.textContent?.includes("Add app"));
-    expect(addItem).toBeUndefined();
     await act(async () => addButton?.click());
     expect(document.body.textContent).toContain("Choose the URL-safe id");
+    expect(
+      container.querySelector('a[href="https://reports.example.test"]'),
+    ).not.toBeNull();
   });
 
   it("accepts the list action envelope and renders installed state", async () => {

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

@@ -222,7 +222,6 @@ export function WorkspaceTemplateCard({
                 target="_blank"
                 rel="noreferrer"
                 labels={{ openApp: labels.openApp }}
-                showNewTabOption
               />
             ) : null}
             <Button

package/src/lib/workspace-apps.spec.ts

@@ -0,0 +1,21 @@
+import { describe, expect, it } from "vitest";
+
+import { workspaceAppIdFromRoute, workspaceAppRoute } from "./workspace-apps";
+
+describe("workspace app routes", () => {
+  it("round-trips encoded app ids", () => {
+    const route = workspaceAppRoute("sales ops");
+    expect(route).toBe("/apps/sales%20ops");
+    expect(workspaceAppIdFromRoute(route)).toBe("sales ops");
+  });
+
+  it("does not mark app paths or the apps index as an active app route", () => {
+    expect(workspaceAppIdFromRoute("/sales-ops")).toBeNull();
+    expect(workspaceAppIdFromRoute("/apps")).toBeNull();
+    expect(workspaceAppIdFromRoute("/overview")).toBeNull();
+  });
+
+  it("accepts nested app routes while preserving the app id", () => {
+    expect(workspaceAppIdFromRoute("/apps/mail/inbox")).toBe("mail");
+  });
+});

package/src/lib/workspace-apps.ts

@@ -31,6 +31,18 @@ export function workspaceAppRoute(appId: string): string {
   return `/apps/${encodeURIComponent(appId)}`;
 }
 
+export function workspaceAppIdFromRoute(pathname: string): string | null {
+  const match = pathname.match(/^\/apps\/([^/]+)(?:\/|$)/);
+  if (!match) return null;
+  try {
+    const appId = decodeURIComponent(match[1]).trim();
+    return appId || null;
+  } catch {
+    // coercion-ok: malformed app routes are inactive, not app ids.
+    return null;
+  }
+}
+
 export function workspaceAppHref(app: WorkspaceAppSummary): string | null {
   if (app.status === "pending") {
     return app.builderUrl

package/src/routes/index.ts

@@ -44,7 +44,7 @@ export const dispatchRoutes: RouteConfig = [
     route("automations", "./pages/automations.js"),
     route("approvals", "./pages/approvals.js"),
     route("destinations", "./pages/destinations.js"),
-    route("integrations", "./pages/integrations.js"),
+    route("integrations", "./pages/agent-integrations.js"),
     route("transactional-email", "./pages/transactional-email.js"),
     route(
       "transactional-email/:appId/:id",

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

@@ -0,0 +1,24 @@
+import { useAgentSettingsTabs } from "@agent-native/core/client/settings";
+
+import { DispatchShell } from "../../components/dispatch-shell";
+
+export function meta() {
+  return [{ title: "Integrations — Dispatch" }];
+}
+
+export default function AgentIntegrationsRoute() {
+  const settingsTabs = useAgentSettingsTabs();
+  const integrationsTab = settingsTabs.find((tab) => tab.id === "integrations");
+  if (!integrationsTab) {
+    throw new Error("The shared Integrations settings view is unavailable.");
+  }
+
+  return (
+    <DispatchShell
+      title="Integrations"
+      description="Connect the tools and services available to your agent."
+    >
+      <div className="mx-auto w-full max-w-5xl">{integrationsTab.content}</div>
+    </DispatchShell>
+  );
+}

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

@@ -5,7 +5,7 @@ import {
 import { useT } from "@agent-native/core/client/i18n";
 import { withBuilderUtmTrackingParams } from "@agent-native/core/shared/builder-link-tracking";
 import { IconArrowLeft, IconClockHour4 } from "@tabler/icons-react";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { Link, useParams } from "react-router";
 
 import { ActionQueryError } from "../../components/action-query-error";
@@ -52,6 +52,7 @@ export default function WorkspaceAppRoute() {
   const [embedUrl, setEmbedUrl] = useState<string | null>(null);
   const [embedError, setEmbedError] = useState<Error | null>(null);
   const [embedAttempt, setEmbedAttempt] = useState(0);
+  const embedFrameRef = useRef<HTMLIFrameElement>(null);
   const createEmbedSession = useActionMutation<
     EmbedSessionResult,
     EmbedSessionInput
@@ -96,6 +97,22 @@ export default function WorkspaceAppRoute() {
     embedInput,
   ]);
 
+  useEffect(() => {
+    const handleEmbedSessionExpired = (event: MessageEvent) => {
+      if (
+        event.data?.type !== "agentNative.embedSessionExpired" ||
+        event.source !== embedFrameRef.current?.contentWindow
+      ) {
+        return;
+      }
+      setEmbedAttempt((attempt) => attempt + 1);
+    };
+
+    window.addEventListener("message", handleEmbedSessionExpired);
+    return () =>
+      window.removeEventListener("message", handleEmbedSessionExpired);
+  }, []);
+
   if (appsQuery.isError) {
     return (
       <div className="flex h-full min-h-0 items-center justify-center p-6">
@@ -208,6 +225,7 @@ export default function WorkspaceAppRoute() {
             data-dispatch-workspace-app-frame
             src={embedUrl}
             title={app.name}
+            ref={embedFrameRef}
             referrerPolicy="no-referrer"
             className="h-full w-full border-0 bg-background"
           />

package/src/routes/pages/settings.tsx

@@ -68,7 +68,7 @@ export default function SettingsRoute() {
       description={t("settings.description")}
     >
       <SettingsTabsPage
-        extraTabs={agentSettingsTabs}
+        extraTabs={agentSettingsTabs.filter((tab) => tab.id !== "integrations")}
         general={
           <div className="mx-auto w-full max-w-3xl space-y-6">
             <Card>
@@ -141,24 +141,6 @@ export default function SettingsRoute() {
               </CardContent>
             </Card>
 
-            <Card>
-              <CardHeader>
-                <CardTitle className="text-base">
-                  {t("settings.automationsTitle")}
-                </CardTitle>
-                <CardDescription>
-                  {t("settings.automationsDescription")}
-                </CardDescription>
-              </CardHeader>
-              <CardContent>
-                <Button variant="outline" asChild>
-                  <Link to="/admin/automations">
-                    {t("settings.openAutomations")}
-                  </Link>
-                </Button>
-              </CardContent>
-            </Card>
-
             <Card>
               <CardHeader>
                 <CardTitle className="text-base">