@agent-native/dispatch 0.19.2 → 0.20.1

package/dist/routes/pages/apps.$appId.js.map

@@ -1 +1 @@
-{"version":3,"file":"apps.$appId.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.$appId.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport { withBuilderUtmTrackingParams } from \"@agent-native/core/shared/builder-link-tracking\";\nimport {\n  IconArrowLeft,\n  IconArrowUpRight,\n  IconClockHour4,\n} from \"@tabler/icons-react\";\nimport { useEffect, useMemo } from \"react\";\nimport { Link, useLocation, useParams } from \"react-router\";\n\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport {\n  workspaceAppHref,\n  type WorkspaceAppSummary,\n} from \"../../lib/workspace-apps\";\n\nexport function meta() {\n  return [{ title: \"Workspace app - Dispatch\" }];\n}\n\nexport default function WorkspaceAppRoute() {\n  const t = useT();\n  const location = useLocation();\n  const { appId } = useParams();\n  const appsQuery = useActionQuery(\"list-workspace-apps\", {\n    includeAgentCards: false,\n  });\n  const { data: apps = [], isLoading } = appsQuery;\n  const app = useMemo(\n    () =>\n      (apps as WorkspaceAppSummary[]).find((item) => item.id === appId) ?? null,\n    [appId, apps],\n  );\n  const href = app ? workspaceAppHref(app) : null;\n\n  useEffect(() => {\n    if (!app || app.status === \"pending\" || !href) return;\n    window.location.assign(href);\n  }, [app, href]);\n\n  return (\n    <DispatchShell\n      title={app?.name || t(\"dispatch.pages.workspaceAppFallback\")}\n      description={t(\"dispatch.pages.workspaceAppDescription\")}\n    >\n      <div className=\"max-w-2xl rounded-lg bg-card p-5\">\n        <Button asChild size=\"sm\" variant=\"ghost\" className=\"-ml-2 mb-4\">\n          <Link\n            to={\n              location.pathname.startsWith(\"/admin/\") ? \"/admin/apps\" : \"/apps\"\n            }\n          >\n            <IconArrowLeft size={15} className=\"mr-1.5\" />\n            {t(\"dispatch.nav.apps\")}\n          </Link>\n        </Button>\n\n        {appsQuery.isError ? (\n          <ActionQueryError\n            error={appsQuery.error}\n            onRetry={() => void appsQuery.refetch()}\n          />\n        ) : isLoading && !app ? (\n          <div className=\"space-y-3\">\n            <Skeleton className=\"h-5 w-48\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-2/3\" />\n          </div>\n        ) : !app ? (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-base font-semibold text-foreground\">\n              {t(\"dispatch.pages.appNotFound\")}\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\"dispatch.pages.pageNotFoundDescription\")}\n            </p>\n          </div>\n        ) : app.status === \"pending\" ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {app.name}\n              </h2>\n              <Badge\n                variant=\"outline\"\n                className=\"gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300\"\n              >\n                <IconClockHour4 size={12} />\n                {t(\"dispatch.pages.building\")}\n              </Badge>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\"dispatch.pages.appBuildingPrefix\")}{\" \"}\n              <span className=\"font-mono text-foreground\">{app.path}</span>{\" \"}\n              {t(\"dispatch.pages.appBuildingSuffix\")}\n            </p>\n            {app.branchName ? (\n              <p className=\"text-xs text-muted-foreground\">\n                {t(\"dispatch.pages.branch\", { branch: app.branchName })}\n              </p>\n            ) : null}\n            {app.builderUrl ? (\n              <Button asChild>\n                <a\n                  href={withBuilderUtmTrackingParams(app.builderUrl, {\n                    campaign: \"product\",\n                    content: \"dispatch_branch\",\n                  })}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {t(\"dispatch.pages.openBuilderBranch\")}\n                  <IconArrowUpRight size={15} className=\"ml-1.5\" />\n                </a>\n              </Button>\n            ) : null}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-base font-semibold text-foreground\">\n              {t(\"dispatch.pages.openingApp\", { name: app.name })}\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\"dispatch.pages.redirectingTo\")}{\" \"}\n              <span className=\"font-mono text-foreground\">{app.path}</span>.\n            </p>\n            {href ? (\n              <Button asChild>\n                <a href={href}>\n                  {t(\"dispatch.pages.openApp\")}\n                  <IconArrowUpRight size={15} className=\"ml-1.5\" />\n                </a>\n              </Button>\n            ) : null}\n          </div>\n        )}\n      </div>\n    </DispatchShell>\n  );\n}\n"]}
+{"version":3,"file":"apps.$appId.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.$appId.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useActionMutation,\n  useActionQuery,\n} from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport { withBuilderUtmTrackingParams } from \"@agent-native/core/shared/builder-link-tracking\";\nimport { IconArrowLeft, IconClockHour4 } from \"@tabler/icons-react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { Link, useParams } from \"react-router\";\n\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { Spinner } from \"../../components/ui/spinner\";\nimport {\n  workspaceAppHref,\n  type WorkspaceAppSummary,\n} from \"../../lib/workspace-apps\";\n\ninterface EmbedSessionResult {\n  startUrl: string;\n  targetPath?: string;\n  expiresAt?: number;\n  app: string;\n}\n\ninterface EmbedSessionInput {\n  app: string;\n  path?: string;\n  url?: string;\n  chrome: \"minimal\";\n}\n\nexport function meta() {\n  return [{ title: \"Workspace app - Dispatch\" }];\n}\n\nexport default function WorkspaceAppRoute() {\n  const t = useT();\n  const { appId } = useParams();\n  const appsQuery = useActionQuery(\"list-workspace-apps\", {\n    includeAgentCards: false,\n  });\n  const { data: apps = [], isLoading } = appsQuery;\n  const app = useMemo(\n    () =>\n      (apps as WorkspaceAppSummary[]).find((item) => item.id === appId) ?? null,\n    [appId, apps],\n  );\n  const href = app ? workspaceAppHref(app) : null;\n  const [embedUrl, setEmbedUrl] = useState<string | null>(null);\n  const [embedError, setEmbedError] = useState<Error | null>(null);\n  const [embedAttempt, setEmbedAttempt] = useState(0);\n  const createEmbedSession = useActionMutation<\n    EmbedSessionResult,\n    EmbedSessionInput\n  >(\"create_embed_session\", {\n    skipActionQueryInvalidation: true,\n  });\n  const embedInput = useMemo<EmbedSessionInput | null>(() => {\n    if (!app || !href) return null;\n    const path = app.path.trim();\n    if (path.startsWith(\"/\")) {\n      return { app: app.id, path, chrome: \"minimal\" };\n    }\n    return { app: app.id, url: href, chrome: \"minimal\" };\n  }, [app?.id, app?.path, href]);\n\n  useEffect(() => {\n    if (!app || app.status === \"pending\" || !embedInput) return;\n    let cancelled = false;\n    setEmbedUrl(null);\n    setEmbedError(null);\n    void createEmbedSession\n      .mutateAsync(embedInput)\n      .then((result) => {\n        if (!cancelled) setEmbedUrl(result.startUrl);\n      })\n      .catch((cause: unknown) => {\n        if (!cancelled) {\n          setEmbedError(\n            cause instanceof Error ? cause : new Error(String(cause)),\n          );\n        }\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [\n    app?.id,\n    app?.path,\n    app?.status,\n    createEmbedSession.mutateAsync,\n    embedAttempt,\n    embedInput,\n  ]);\n\n  if (appsQuery.isError) {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center p-6\">\n        <div className=\"w-full max-w-2xl\">\n          <ActionQueryError\n            error={appsQuery.error}\n            onRetry={() => void appsQuery.refetch()}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  if (isLoading && !app) {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center p-6\">\n        <div className=\"w-full max-w-2xl space-y-3 rounded-xl border bg-card p-6\">\n          <Skeleton className=\"h-5 w-48\" />\n          <Skeleton className=\"h-4 w-full\" />\n          <Skeleton className=\"h-4 w-2/3\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (!app) {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center p-6\">\n        <div className=\"w-full max-w-2xl rounded-xl border bg-card p-6\">\n          <Button asChild size=\"sm\" variant=\"ghost\" className=\"-ml-2 mb-4\">\n            <Link to=\"/apps\">\n              <IconArrowLeft size={15} className=\"mr-1.5\" />\n              {t(\"dispatch.nav.apps\")}\n            </Link>\n          </Button>\n          <div className=\"space-y-3\">\n            <h2 className=\"text-base font-semibold text-foreground\">\n              {t(\"dispatch.pages.appNotFound\")}\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\"dispatch.pages.pageNotFoundDescription\")}\n            </p>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (app.status === \"pending\") {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center p-6\">\n        <div className=\"w-full max-w-2xl rounded-xl border bg-card p-6\">\n          <Button asChild size=\"sm\" variant=\"ghost\" className=\"-ml-2 mb-4\">\n            <Link to=\"/apps\">\n              <IconArrowLeft size={15} className=\"mr-1.5\" />\n              {t(\"dispatch.nav.apps\")}\n            </Link>\n          </Button>\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {app.name}\n              </h2>\n              <Badge\n                variant=\"outline\"\n                className=\"gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300\"\n              >\n                <IconClockHour4 size={12} />\n                {t(\"dispatch.pages.building\")}\n              </Badge>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\"dispatch.pages.appBuildingPrefix\")}{\" \"}\n              <span className=\"font-mono text-foreground\">{app.path}</span>{\" \"}\n              {t(\"dispatch.pages.appBuildingSuffix\")}\n            </p>\n            {app.branchName ? (\n              <p className=\"text-xs text-muted-foreground\">\n                {t(\"dispatch.pages.branch\", { branch: app.branchName })}\n              </p>\n            ) : null}\n            {app.builderUrl ? (\n              <Button asChild>\n                <a\n                  href={withBuilderUtmTrackingParams(app.builderUrl, {\n                    campaign: \"product\",\n                    content: \"dispatch_branch\",\n                  })}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {t(\"dispatch.pages.openBuilderBranch\")}\n                </a>\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-dispatch-workspace-app-host\n      className=\"flex h-full min-h-0 flex-col bg-background\"\n    >\n      <div className=\"min-h-0 flex-1 bg-muted/20\">\n        {embedUrl ? (\n          <iframe\n            data-dispatch-workspace-app-frame\n            src={embedUrl}\n            title={app.name}\n            referrerPolicy=\"no-referrer\"\n            className=\"h-full w-full border-0 bg-background\"\n          />\n        ) : embedError ? (\n          <div className=\"flex h-full items-center justify-center p-6\">\n            <div className=\"w-full max-w-2xl\">\n              <ActionQueryError\n                error={embedError}\n                onRetry={() => setEmbedAttempt((attempt) => attempt + 1)}\n              />\n            </div>\n          </div>\n        ) : (\n          <div className=\"flex h-full items-center justify-center\">\n            <Spinner className=\"size-5 text-muted-foreground\" />\n            <span className=\"sr-only\">{t(\"dispatch.pages.loading\")}</span>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/routes/pages/apps.d.ts

@@ -1,5 +1,5 @@
 export declare function meta(): {
     title: string;
 }[];
-export default function AppsRoute(): import("node_modules/@types/react").JSX.Element;
+export default function AppsRouteEntry(): import("node_modules/@types/react").JSX.Element;
 //# sourceMappingURL=apps.d.ts.map

package/dist/routes/pages/apps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apps.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,IAAI;;IAEnB;AAQD,MAAM,CAAC,OAAO,UAAU,SAAS,oDAwShC"}
+{"version":3,"file":"apps.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"AAqCA,wBAAgB,IAAI;;IAEnB;AAQD,MAAM,CAAC,OAAO,UAAU,cAAc,oDAGrC"}

package/dist/routes/pages/apps.js

@@ -1,23 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
-import { IconApps, IconChevronDown, IconClockHour4, IconEyeOff, IconPlus, IconStack2, } from "@tabler/icons-react";
+import { IconApps, IconChevronDown, IconClockHour4, IconEyeOff, IconPlus, } from "@tabler/icons-react";
 import { useState } from "react";
+import { Outlet, useParams } from "react-router";
 import { ActionQueryError } from "../../components/action-query-error.js";
-import { ConnectedAppCard } from "../../components/connected-app-card.js";
+import { APP_LIST_GRID_CLASS, APP_LIST_GRID_ROW_CLASS, AppList, } from "../../components/app-list-row.js";
 import { CreateAppPopover } from "../../components/create-app-popover.js";
 import { DispatchShell } from "../../components/dispatch-shell.js";
+import { OtherAppsSection } from "../../components/other-apps-section.js";
 import { Button } from "../../components/ui/button.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../../components/ui/collapsible.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
 import { WorkspaceAppCard } from "../../components/workspace-app-card.js";
-import { WorkspaceTemplatesSection, } from "../../components/workspace-template-card.js";
-import { filterOtherApps, } from "../../lib/other-apps.js";
 import { cn } from "../../lib/utils.js";
 export function meta() {
     return [{ title: "Apps — Dispatch" }];
 }
-export default function AppsRoute() {
+export default function AppsRouteEntry() {
+    const { appId } = useParams();
+    return appId ? _jsx(Outlet, {}) : _jsx(AppsRoute, {});
+}
+function AppsRoute() {
     const t = useT();
     const [showPending, setShowPending] = useState(false);
     const [showHidden, setShowHidden] = useState(false);
@@ -36,7 +40,6 @@ export default 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 otherApps = filterOtherApps((connectedAppsQuery.data || []), allApps);
     const showAppSkeletons = appsLoading && allApps.length === 0;
     const templateLabels = {
         appId: t("dispatch.pages.remixAppIdLabel"),
@@ -44,23 +47,20 @@ export default function AppsRoute() {
         cancel: t("dispatch.pages.cancel"),
         integrationSetup: t("dispatch.pages.integrationSetup"),
         installed: t("dispatch.pages.alreadyInWorkspace"),
-        remix: t("dispatch.pages.remix"),
+        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"),
-        viewLiveApp: t("dispatch.pages.viewLiveApp"),
+        openApp: t("dispatch.pages.openApp", { defaultValue: "Open app" }),
+        viewLiveApp: t("dispatch.pages.openApp", { defaultValue: "Open" }),
     };
     return (_jsx(DispatchShell, { title: t("dispatch.nav.apps"), description: workspaceLabel
             ? t("dispatch.pages.appsDescriptionWithWorkspace", {
                 workspace: workspaceLabel,
             })
-            : t("dispatch.pages.appsDescription"), children: _jsxs("div", { className: "space-y-8", children: [_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(IconApps, { size: 16, className: "mt-0.5 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: workspaceLabel
-                                                        ? t("dispatch.pages.appsInWorkspace", {
-                                                            workspace: workspaceLabel,
-                                                        })
-                                                        : t("dispatch.pages.workspaceApps") }), _jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [t("dispatch.pages.activeCount", {
+            : t("dispatch.pages.appsDescription"), children: _jsxs("div", { className: "space-y-8", children: [_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(IconApps, { size: 16, className: "mt-0.5 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: t("dispatch.pages.yourApps", { defaultValue: "Your apps" }) }), _jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [t("dispatch.pages.activeCount", {
                                                             count: activeApps.length,
                                                         }), pendingApps.length > 0
                                                             ? ` · ${t("dispatch.pages.pendingCount", {
@@ -70,34 +70,25 @@ export default function AppsRoute() {
                                                             ? ` · ${t("dispatch.pages.hiddenCount", {
                                                                 count: archivedApps.length,
                                                             })}`
-                                                            : ""] })] })] }), activeApps.length > 0 || pendingApps.length > 0 ? (_jsx(CreateAppPopover, { align: "end", trigger: _jsxs(Button, { size: "sm", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), t("dispatch.pages.createApp")] }) })) : null] }), appsQuery.isError ? (_jsx(ActionQueryError, { error: appsQuery.error, onRetry: () => void appsQuery.refetch() })) : showAppSkeletons ? (_jsx(AppsSkeletonGrid, {})) : activeApps.length > 0 ? (_jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: activeApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "h-full" }, app.id))) })) : pendingApps.length > 0 ? (_jsx(EmptyActiveAppsState, {})) : (_jsx(EmptyAppsState, {}))] }), pendingApps.length > 0 ? (_jsx(Collapsible, { open: showPending, onOpenChange: setShowPending, children: _jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconClockHour4, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.pendingApps") }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.pendingAppsDescription", {
+                                                            : ""] })] })] }), activeApps.length > 0 || pendingApps.length > 0 ? (_jsx(CreateAppPopover, { align: "end", trigger: _jsxs(Button, { size: "sm", variant: "outline", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), t("dispatch.pages.addApp", { defaultValue: "Add app" })] }) })) : null] }), appsQuery.isError ? (_jsx(ActionQueryError, { error: appsQuery.error, onRetry: () => void appsQuery.refetch() })) : showAppSkeletons ? (_jsx(AppsSkeletonGrid, {})) : activeApps.length > 0 ? (_jsx(AppList, { className: APP_LIST_GRID_CLASS, children: activeApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: APP_LIST_GRID_ROW_CLASS }, app.id))) })) : pendingApps.length > 0 ? (_jsx(EmptyActiveAppsState, {})) : (_jsx(EmptyAppsState, {}))] }), pendingApps.length > 0 ? (_jsx(Collapsible, { open: showPending, onOpenChange: setShowPending, children: _jsxs("section", { className: "space-y-3 border-t pt-6", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconClockHour4, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.pendingApps") }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.pendingCount", {
                                                             count: pendingApps.length,
                                                         }) })] })] }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "gap-1.5", children: [showPending
                                                     ? t("dispatch.pages.hidePendingApps")
-                                                    : t("dispatch.pages.showPendingApps"), _jsx(IconChevronDown, { size: 14, className: cn("transition-transform", showPending && "rotate-180") })] }) })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: pendingApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "h-full" }, app.id))) }) })] }) })) : null, curatedTemplatesQuery.isError ? (_jsx("section", { className: "space-y-3 border-t pt-4", children: _jsx(ActionQueryError, { error: curatedTemplatesQuery.error, onRetry: () => void curatedTemplatesQuery.refetch() }) })) : curatedTemplatesQuery.data ? (_jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(IconStack2, { size: 16, className: "mt-0.5 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: t("dispatch.pages.curatedTemplates") }), _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: t("dispatch.pages.curatedTemplatesDescription") })] })] }), _jsx(WorkspaceTemplatesSection, { templates: curatedTemplatesQuery.data, labels: templateLabels, onRemixSuccess: () => {
-                                void appsQuery.refetch();
-                                void curatedTemplatesQuery.refetch();
-                            } })] })) : null, connectedAppsQuery.isError ? (_jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsx(OtherAppsHeading, { count: 0 }), _jsx(ActionQueryError, { error: connectedAppsQuery.error, onRetry: () => void connectedAppsQuery.refetch() })] })) : connectedAppsQuery.isLoading || otherApps.length > 0 ? (_jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsx(OtherAppsHeading, { count: otherApps.length }), connectedAppsQuery.isLoading ? (_jsx(OtherAppsSkeletonGrid, {})) : (_jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: otherApps.map((app) => (_jsx(ConnectedAppCard, { app: app }, app.id))) }))] })) : null, archivedApps.length > 0 ? (_jsx(Collapsible, { open: showHidden, onOpenChange: setShowHidden, children: _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t pt-4", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconEyeOff, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.hiddenApps") }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.hiddenAppCount", {
+                                                    : t("dispatch.pages.showPendingApps"), _jsx(IconChevronDown, { size: 14, className: cn("transition-transform", showPending && "rotate-180") })] }) })] }), _jsx(CollapsibleContent, { children: _jsx(AppList, { className: APP_LIST_GRID_CLASS, children: pendingApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: APP_LIST_GRID_ROW_CLASS }, app.id))) }) })] }) })) : null, _jsx(OtherAppsSection, { templates: curatedTemplatesQuery.data, connectedApps: connectedAppsQuery.data, workspaceApps: allApps, 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();
+                    } }), archivedApps.length > 0 ? (_jsx(Collapsible, { open: showHidden, onOpenChange: setShowHidden, children: _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t pt-4", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconEyeOff, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.hiddenApps") }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.hiddenAppCount", {
                                                             count: archivedApps.length,
                                                         }) })] })] }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "gap-1.5", children: [showHidden
                                                     ? t("dispatch.pages.hide")
-                                                    : t("dispatch.pages.show"), _jsx(IconChevronDown, { size: 14, className: cn("transition-transform", showHidden && "rotate-180") })] }) })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: archivedApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "h-full" }, app.id))) }) })] }) })) : null] }) }));
-}
-function OtherAppsHeading({ count }) {
-    const t = useT();
-    return (_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(IconStack2, { size: 16, className: "mt-0.5 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: t("dispatch.pages.otherApps") }), _jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [t("dispatch.pages.otherAppsDescription"), count > 0
-                                ? ` · ${t("dispatch.pages.availableCount", { count })}`
-                                : ""] })] })] }));
-}
-function OtherAppsSkeletonGrid() {
-    return (_jsx("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: Array.from({ length: 3 }).map((_, index) => (_jsx("div", { className: "rounded-lg bg-card p-4", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Skeleton, { className: "size-8 rounded-md" }), _jsxs("div", { className: "flex-1 space-y-3", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-full" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] })] }) }, index))) }));
+                                                    : t("dispatch.pages.show"), _jsx(IconChevronDown, { size: 14, className: cn("transition-transform", showHidden && "rotate-180") })] }) })] }), _jsx(CollapsibleContent, { children: _jsx(AppList, { className: APP_LIST_GRID_CLASS, children: archivedApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: APP_LIST_GRID_ROW_CLASS }, app.id))) }) })] }) })) : null] }) }));
 }
 function AppsSkeletonGrid() {
-    return (_jsx("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: Array.from({ length: 3 }).map((_, index) => (_jsx("div", { className: "rounded-lg bg-card p-4", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-24" }), _jsxs("div", { className: "space-y-2 pt-1", children: [_jsx(Skeleton, { className: "h-3 w-full" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] })] }), _jsx(Skeleton, { className: "h-7 w-7 rounded-md" })] }) }, index))) }));
+    return (_jsx(AppList, { className: APP_LIST_GRID_CLASS, children: Array.from({ length: 3 }).map((_, index) => (_jsxs("div", { className: cn("flex min-w-0 items-center gap-3 border-b px-4 py-3.5 last:border-b-0", APP_LIST_GRID_ROW_CLASS), children: [_jsx(Skeleton, { className: "size-8 shrink-0 rounded-md" }), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] }), _jsx(Skeleton, { className: "h-8 w-24 shrink-0 rounded-md" })] }, index))) }));
 }
 function EmptyAppsState() {
     const t = useT();
-    return (_jsxs("div", { className: "rounded-lg border border-dashed bg-card px-4 py-10 text-center", children: [_jsx("div", { className: "mx-auto flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(IconApps, { size: 18 }) }), _jsx("h3", { className: "mt-3 text-sm font-semibold text-foreground", children: t("dispatch.pages.noWorkspaceApps") }), _jsx("p", { className: "mx-auto mt-1 max-w-sm text-sm text-muted-foreground", children: t("dispatch.pages.noWorkspaceAppsDescription") }), _jsx("div", { className: "mt-4", children: _jsx(CreateAppPopover, { trigger: _jsxs(Button, { size: "sm", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), t("dispatch.pages.createApp")] }) }) })] }));
+    return (_jsxs("div", { className: "rounded-lg border border-dashed bg-card px-4 py-10 text-center", children: [_jsx("div", { className: "mx-auto flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(IconApps, { size: 18 }) }), _jsx("h3", { className: "mt-3 text-sm font-semibold text-foreground", children: t("dispatch.pages.noWorkspaceApps") }), _jsx("p", { className: "mx-auto mt-1 max-w-sm text-sm text-muted-foreground", children: t("dispatch.pages.noWorkspaceAppsDescription") }), _jsx("div", { className: "mt-4", children: _jsx(CreateAppPopover, { trigger: _jsxs(Button, { size: "sm", variant: "outline", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), t("dispatch.pages.addApp", { defaultValue: "Add app" })] }) }) })] }));
 }
 function EmptyActiveAppsState() {
     const t = useT();

package/dist/routes/pages/apps.js.map

@@ -1 +1 @@
-{"version":3,"file":"apps.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport {\n  IconApps,\n  IconChevronDown,\n  IconClockHour4,\n  IconEyeOff,\n  IconPlus,\n  IconStack2,\n} from \"@tabler/icons-react\";\nimport { useState } from \"react\";\n\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport { ConnectedAppCard } from \"../../components/connected-app-card\";\nimport { CreateAppPopover } from \"../../components/create-app-popover\";\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"../../components/ui/collapsible\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { WorkspaceAppCard } from \"../../components/workspace-app-card\";\nimport {\n  WorkspaceTemplatesSection,\n  type CuratedWorkspaceTemplatesResult,\n  type WorkspaceTemplateLabels,\n} from \"../../components/workspace-template-card\";\nimport {\n  filterOtherApps,\n  type ConnectedAppSummary,\n} from \"../../lib/other-apps\";\nimport { cn } from \"../../lib/utils\";\nimport type { WorkspaceAppSummary } from \"../../lib/workspace-apps\";\n\nexport function meta() {\n  return [{ title: \"Apps — Dispatch\" }];\n}\n\ninterface WorkspaceInfo {\n  name: string | null;\n  displayName: string | null;\n  appCount: number;\n}\n\nexport default function AppsRoute() {\n  const t = useT();\n  const [showPending, setShowPending] = useState(false);\n  const [showHidden, setShowHidden] = useState(false);\n  const appsQuery = useActionQuery(\"list-workspace-apps\", {\n    includeAgentCards: false,\n    includeArchived: true,\n  });\n  const connectedAppsQuery = useActionQuery(\"list-connected-agents\", {});\n  const curatedTemplatesQuery = useActionQuery(\n    \"list-curated-workspace-templates\",\n    {},\n  );\n  const { data: apps = [], isLoading: appsLoading } = appsQuery;\n  const { data: workspace } = useActionQuery(\n    \"get-workspace-info\",\n    {},\n    { staleTime: 60_000 },\n  );\n  const ws = workspace as WorkspaceInfo | undefined;\n  const workspaceLabel = ws?.displayName ?? ws?.name ?? null;\n  const allApps = (apps as WorkspaceAppSummary[]).filter(\n    (app) => !app.isDispatch,\n  );\n  const visibleApps = allApps.filter((app) => !app.archived);\n  const activeApps = visibleApps.filter((app) => app.status !== \"pending\");\n  const pendingApps = visibleApps.filter((app) => app.status === \"pending\");\n  const archivedApps = allApps.filter((app) => app.archived);\n  const otherApps = filterOtherApps(\n    (connectedAppsQuery.data || []) as ConnectedAppSummary[],\n    allApps,\n  );\n  const showAppSkeletons = appsLoading && allApps.length === 0;\n  const templateLabels: WorkspaceTemplateLabels = {\n    appId: t(\"dispatch.pages.remixAppIdLabel\"),\n    appIdDescription: t(\"dispatch.pages.remixAppIdDescription\"),\n    cancel: t(\"dispatch.pages.cancel\"),\n    integrationSetup: t(\"dispatch.pages.integrationSetup\"),\n    installed: t(\"dispatch.pages.alreadyInWorkspace\"),\n    remix: t(\"dispatch.pages.remix\"),\n    remixing: t(\"dispatch.pages.remixing\"),\n    remixSuccess: t(\"dispatch.pages.remixSuccess\"),\n    remixError: t(\"dispatch.pages.remixError\"),\n    appIdRequired: t(\"dispatch.pages.appIdRequired\"),\n    source: t(\"dispatch.pages.source\"),\n    viewLiveApp: t(\"dispatch.pages.viewLiveApp\"),\n  };\n\n  return (\n    <DispatchShell\n      title={t(\"dispatch.nav.apps\")}\n      description={\n        workspaceLabel\n          ? t(\"dispatch.pages.appsDescriptionWithWorkspace\", {\n              workspace: workspaceLabel,\n            })\n          : t(\"dispatch.pages.appsDescription\")\n      }\n    >\n      <div className=\"space-y-8\">\n        <section className=\"space-y-3\">\n          <div className=\"flex flex-wrap items-end justify-between gap-3\">\n            <div className=\"flex min-w-0 items-start gap-2\">\n              <IconApps\n                size={16}\n                className=\"mt-0.5 shrink-0 text-muted-foreground\"\n              />\n              <div className=\"min-w-0\">\n                <h2 className=\"truncate text-sm font-semibold text-foreground\">\n                  {workspaceLabel\n                    ? t(\"dispatch.pages.appsInWorkspace\", {\n                        workspace: workspaceLabel,\n                      })\n                    : t(\"dispatch.pages.workspaceApps\")}\n                </h2>\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                  {t(\"dispatch.pages.activeCount\", {\n                    count: activeApps.length,\n                  })}\n                  {pendingApps.length > 0\n                    ? ` · ${t(\"dispatch.pages.pendingCount\", {\n                        count: pendingApps.length,\n                      })}`\n                    : \"\"}\n                  {archivedApps.length > 0\n                    ? ` · ${t(\"dispatch.pages.hiddenCount\", {\n                        count: archivedApps.length,\n                      })}`\n                    : \"\"}\n                </p>\n              </div>\n            </div>\n            {activeApps.length > 0 || pendingApps.length > 0 ? (\n              <CreateAppPopover\n                align=\"end\"\n                trigger={\n                  <Button size=\"sm\">\n                    <IconPlus size={15} className=\"mr-1.5\" />\n                    {t(\"dispatch.pages.createApp\")}\n                  </Button>\n                }\n              />\n            ) : null}\n          </div>\n\n          {appsQuery.isError ? (\n            <ActionQueryError\n              error={appsQuery.error}\n              onRetry={() => void appsQuery.refetch()}\n            />\n          ) : showAppSkeletons ? (\n            <AppsSkeletonGrid />\n          ) : activeApps.length > 0 ? (\n            <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\n              {activeApps.map((app) => (\n                <WorkspaceAppCard key={app.id} app={app} className=\"h-full\" />\n              ))}\n            </div>\n          ) : pendingApps.length > 0 ? (\n            <EmptyActiveAppsState />\n          ) : (\n            <EmptyAppsState />\n          )}\n        </section>\n\n        {pendingApps.length > 0 ? (\n          <Collapsible open={showPending} onOpenChange={setShowPending}>\n            <section className=\"space-y-3 border-t pt-4\">\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div className=\"flex min-w-0 items-center gap-2\">\n                  <IconClockHour4\n                    size={16}\n                    className=\"shrink-0 text-muted-foreground\"\n                  />\n                  <div className=\"min-w-0\">\n                    <h2 className=\"text-sm font-semibold text-foreground\">\n                      {t(\"dispatch.pages.pendingApps\")}\n                    </h2>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t(\"dispatch.pages.pendingAppsDescription\", {\n                        count: pendingApps.length,\n                      })}\n                    </p>\n                  </div>\n                </div>\n                <CollapsibleTrigger asChild>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"gap-1.5\"\n                  >\n                    {showPending\n                      ? t(\"dispatch.pages.hidePendingApps\")\n                      : t(\"dispatch.pages.showPendingApps\")}\n                    <IconChevronDown\n                      size={14}\n                      className={cn(\n                        \"transition-transform\",\n                        showPending && \"rotate-180\",\n                      )}\n                    />\n                  </Button>\n                </CollapsibleTrigger>\n              </div>\n              <CollapsibleContent>\n                <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\n                  {pendingApps.map((app) => (\n                    <WorkspaceAppCard\n                      key={app.id}\n                      app={app}\n                      className=\"h-full\"\n                    />\n                  ))}\n                </div>\n              </CollapsibleContent>\n            </section>\n          </Collapsible>\n        ) : null}\n\n        {curatedTemplatesQuery.isError ? (\n          <section className=\"space-y-3 border-t pt-4\">\n            <ActionQueryError\n              error={curatedTemplatesQuery.error}\n              onRetry={() => void curatedTemplatesQuery.refetch()}\n            />\n          </section>\n        ) : curatedTemplatesQuery.data ? (\n          <section className=\"space-y-3 border-t pt-4\">\n            <div className=\"flex min-w-0 items-start gap-2\">\n              <IconStack2\n                size={16}\n                className=\"mt-0.5 shrink-0 text-muted-foreground\"\n              />\n              <div className=\"min-w-0\">\n                <h2 className=\"truncate text-sm font-semibold text-foreground\">\n                  {t(\"dispatch.pages.curatedTemplates\")}\n                </h2>\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                  {t(\"dispatch.pages.curatedTemplatesDescription\")}\n                </p>\n              </div>\n            </div>\n            <WorkspaceTemplatesSection\n              templates={\n                curatedTemplatesQuery.data as CuratedWorkspaceTemplatesResult\n              }\n              labels={templateLabels}\n              onRemixSuccess={() => {\n                void appsQuery.refetch();\n                void curatedTemplatesQuery.refetch();\n              }}\n            />\n          </section>\n        ) : null}\n\n        {connectedAppsQuery.isError ? (\n          <section className=\"space-y-3 border-t pt-4\">\n            <OtherAppsHeading count={0} />\n            <ActionQueryError\n              error={connectedAppsQuery.error}\n              onRetry={() => void connectedAppsQuery.refetch()}\n            />\n          </section>\n        ) : connectedAppsQuery.isLoading || otherApps.length > 0 ? (\n          <section className=\"space-y-3 border-t pt-4\">\n            <OtherAppsHeading count={otherApps.length} />\n            {connectedAppsQuery.isLoading ? (\n              <OtherAppsSkeletonGrid />\n            ) : (\n              <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\n                {otherApps.map((app) => (\n                  <ConnectedAppCard key={app.id} app={app} />\n                ))}\n              </div>\n            )}\n          </section>\n        ) : null}\n\n        {archivedApps.length > 0 ? (\n          <Collapsible open={showHidden} onOpenChange={setShowHidden}>\n            <section className=\"space-y-3\">\n              <div className=\"flex flex-wrap items-center justify-between gap-3 border-t pt-4\">\n                <div className=\"flex min-w-0 items-center gap-2\">\n                  <IconEyeOff\n                    size={16}\n                    className=\"shrink-0 text-muted-foreground\"\n                  />\n                  <div className=\"min-w-0\">\n                    <h2 className=\"text-sm font-semibold text-foreground\">\n                      {t(\"dispatch.pages.hiddenApps\")}\n                    </h2>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t(\"dispatch.pages.hiddenAppCount\", {\n                        count: archivedApps.length,\n                      })}\n                    </p>\n                  </div>\n                </div>\n                <CollapsibleTrigger asChild>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"gap-1.5\"\n                  >\n                    {showHidden\n                      ? t(\"dispatch.pages.hide\")\n                      : t(\"dispatch.pages.show\")}\n                    <IconChevronDown\n                      size={14}\n                      className={cn(\n                        \"transition-transform\",\n                        showHidden && \"rotate-180\",\n                      )}\n                    />\n                  </Button>\n                </CollapsibleTrigger>\n              </div>\n              <CollapsibleContent>\n                <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\n                  {archivedApps.map((app) => (\n                    <WorkspaceAppCard\n                      key={app.id}\n                      app={app}\n                      className=\"h-full\"\n                    />\n                  ))}\n                </div>\n              </CollapsibleContent>\n            </section>\n          </Collapsible>\n        ) : null}\n      </div>\n    </DispatchShell>\n  );\n}\n\nfunction OtherAppsHeading({ count }: { count: number }) {\n  const t = useT();\n  return (\n    <div className=\"flex min-w-0 items-start gap-2\">\n      <IconStack2 size={16} className=\"mt-0.5 shrink-0 text-muted-foreground\" />\n      <div className=\"min-w-0\">\n        <h2 className=\"truncate text-sm font-semibold text-foreground\">\n          {t(\"dispatch.pages.otherApps\")}\n        </h2>\n        <p className=\"mt-0.5 text-xs text-muted-foreground\">\n          {t(\"dispatch.pages.otherAppsDescription\")}\n          {count > 0\n            ? ` · ${t(\"dispatch.pages.availableCount\", { count })}`\n            : \"\"}\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction OtherAppsSkeletonGrid() {\n  return (\n    <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-3\">\n      {Array.from({ length: 3 }).map((_, index) => (\n        <div key={index} className=\"rounded-lg bg-card p-4\">\n          <div className=\"flex items-start gap-3\">\n            <Skeleton className=\"size-8 rounded-md\" />\n            <div className=\"flex-1 space-y-3\">\n              <Skeleton className=\"h-4 w-32\" />\n              <Skeleton className=\"h-3 w-full\" />\n              <Skeleton className=\"h-3 w-2/3\" />\n            </div>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction AppsSkeletonGrid() {\n  return (\n    <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-3\">\n      {Array.from({ length: 3 }).map((_, index) => (\n        <div key={index} className=\"rounded-lg bg-card p-4\">\n          <div className=\"flex items-start justify-between gap-3\">\n            <div className=\"min-w-0 flex-1 space-y-3\">\n              <Skeleton className=\"h-4 w-32\" />\n              <Skeleton className=\"h-3 w-24\" />\n              <div className=\"space-y-2 pt-1\">\n                <Skeleton className=\"h-3 w-full\" />\n                <Skeleton className=\"h-3 w-2/3\" />\n              </div>\n            </div>\n            <Skeleton className=\"h-7 w-7 rounded-md\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction EmptyAppsState() {\n  const t = useT();\n  return (\n    <div className=\"rounded-lg border border-dashed bg-card px-4 py-10 text-center\">\n      <div className=\"mx-auto flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground\">\n        <IconApps size={18} />\n      </div>\n      <h3 className=\"mt-3 text-sm font-semibold text-foreground\">\n        {t(\"dispatch.pages.noWorkspaceApps\")}\n      </h3>\n      <p className=\"mx-auto mt-1 max-w-sm text-sm text-muted-foreground\">\n        {t(\"dispatch.pages.noWorkspaceAppsDescription\")}\n      </p>\n      <div className=\"mt-4\">\n        <CreateAppPopover\n          trigger={\n            <Button size=\"sm\">\n              <IconPlus size={15} className=\"mr-1.5\" />\n              {t(\"dispatch.pages.createApp\")}\n            </Button>\n          }\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyActiveAppsState() {\n  const t = useT();\n  return (\n    <div className=\"rounded-lg border border-dashed bg-card px-4 py-10 text-center\">\n      <p className=\"text-sm font-medium text-foreground\">\n        {t(\"dispatch.pages.noActiveWorkspaceApps\")}\n      </p>\n      <p className=\"mx-auto mt-1 max-w-md text-xs text-muted-foreground\">\n        {t(\"dispatch.pages.noActiveWorkspaceAppsDescription\")}\n      </p>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"apps.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport {\n  IconApps,\n  IconChevronDown,\n  IconClockHour4,\n  IconEyeOff,\n  IconPlus,\n} from \"@tabler/icons-react\";\nimport { useState } from \"react\";\nimport { Outlet, useParams } from \"react-router\";\n\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport {\n  APP_LIST_GRID_CLASS,\n  APP_LIST_GRID_ROW_CLASS,\n  AppList,\n} from \"../../components/app-list-row\";\nimport { CreateAppPopover } from \"../../components/create-app-popover\";\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport { OtherAppsSection } from \"../../components/other-apps-section\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"../../components/ui/collapsible\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { WorkspaceAppCard } from \"../../components/workspace-app-card\";\nimport type {\n  CuratedWorkspaceTemplatesResult,\n  WorkspaceTemplateLabels,\n} from \"../../components/workspace-template-card\";\nimport type { ConnectedAppSummary } from \"../../lib/other-apps\";\nimport { cn } from \"../../lib/utils\";\nimport type { WorkspaceAppSummary } from \"../../lib/workspace-apps\";\n\nexport function meta() {\n  return [{ title: \"Apps — Dispatch\" }];\n}\n\ninterface WorkspaceInfo {\n  name: string | null;\n  displayName: string | null;\n  appCount: number;\n}\n\nexport default function AppsRouteEntry() {\n  const { appId } = useParams();\n  return appId ? <Outlet /> : <AppsRoute />;\n}\n\nfunction AppsRoute() {\n  const t = useT();\n  const [showPending, setShowPending] = useState(false);\n  const [showHidden, setShowHidden] = useState(false);\n  const appsQuery = useActionQuery(\"list-workspace-apps\", {\n    includeAgentCards: false,\n    includeArchived: true,\n  });\n  const connectedAppsQuery = useActionQuery(\"list-connected-agents\", {});\n  const curatedTemplatesQuery = useActionQuery(\n    \"list-curated-workspace-templates\",\n    {},\n  );\n  const { data: apps = [], isLoading: appsLoading } = appsQuery;\n  const { data: workspace } = useActionQuery(\n    \"get-workspace-info\",\n    {},\n    { staleTime: 60_000 },\n  );\n  const ws = workspace as WorkspaceInfo | undefined;\n  const workspaceLabel = ws?.displayName ?? ws?.name ?? null;\n  const allApps = (apps as WorkspaceAppSummary[]).filter(\n    (app) => !app.isDispatch,\n  );\n  const visibleApps = allApps.filter((app) => !app.archived);\n  const activeApps = visibleApps.filter((app) => app.status !== \"pending\");\n  const pendingApps = visibleApps.filter((app) => app.status === \"pending\");\n  const archivedApps = allApps.filter((app) => app.archived);\n  const showAppSkeletons = appsLoading && allApps.length === 0;\n  const templateLabels: WorkspaceTemplateLabels = {\n    appId: t(\"dispatch.pages.remixAppIdLabel\"),\n    appIdDescription: t(\"dispatch.pages.remixAppIdDescription\"),\n    cancel: t(\"dispatch.pages.cancel\"),\n    integrationSetup: t(\"dispatch.pages.integrationSetup\"),\n    installed: t(\"dispatch.pages.alreadyInWorkspace\"),\n    remix: t(\"dispatch.pages.addApp\", { defaultValue: \"Add app\" }),\n    remixing: t(\"dispatch.pages.remixing\"),\n    remixSuccess: t(\"dispatch.pages.remixSuccess\"),\n    remixError: t(\"dispatch.pages.remixError\"),\n    appIdRequired: t(\"dispatch.pages.appIdRequired\"),\n    source: t(\"dispatch.pages.source\"),\n    openApp: t(\"dispatch.pages.openApp\", { defaultValue: \"Open app\" }),\n    viewLiveApp: t(\"dispatch.pages.openApp\", { defaultValue: \"Open\" }),\n  };\n\n  return (\n    <DispatchShell\n      title={t(\"dispatch.nav.apps\")}\n      description={\n        workspaceLabel\n          ? t(\"dispatch.pages.appsDescriptionWithWorkspace\", {\n              workspace: workspaceLabel,\n            })\n          : t(\"dispatch.pages.appsDescription\")\n      }\n    >\n      <div className=\"space-y-8\">\n        <section className=\"space-y-3\">\n          <div className=\"flex flex-wrap items-end justify-between gap-3\">\n            <div className=\"flex min-w-0 items-start gap-2\">\n              <IconApps\n                size={16}\n                className=\"mt-0.5 shrink-0 text-muted-foreground\"\n              />\n              <div className=\"min-w-0\">\n                <h2 className=\"truncate text-sm font-semibold text-foreground\">\n                  {t(\"dispatch.pages.yourApps\", { defaultValue: \"Your apps\" })}\n                </h2>\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                  {t(\"dispatch.pages.activeCount\", {\n                    count: activeApps.length,\n                  })}\n                  {pendingApps.length > 0\n                    ? ` · ${t(\"dispatch.pages.pendingCount\", {\n                        count: pendingApps.length,\n                      })}`\n                    : \"\"}\n                  {archivedApps.length > 0\n                    ? ` · ${t(\"dispatch.pages.hiddenCount\", {\n                        count: archivedApps.length,\n                      })}`\n                    : \"\"}\n                </p>\n              </div>\n            </div>\n            {activeApps.length > 0 || pendingApps.length > 0 ? (\n              <CreateAppPopover\n                align=\"end\"\n                trigger={\n                  <Button size=\"sm\" variant=\"outline\">\n                    <IconPlus size={15} className=\"mr-1.5\" />\n                    {t(\"dispatch.pages.addApp\", { defaultValue: \"Add app\" })}\n                  </Button>\n                }\n              />\n            ) : null}\n          </div>\n\n          {appsQuery.isError ? (\n            <ActionQueryError\n              error={appsQuery.error}\n              onRetry={() => void appsQuery.refetch()}\n            />\n          ) : showAppSkeletons ? (\n            <AppsSkeletonGrid />\n          ) : activeApps.length > 0 ? (\n            <AppList className={APP_LIST_GRID_CLASS}>\n              {activeApps.map((app) => (\n                <WorkspaceAppCard\n                  key={app.id}\n                  app={app}\n                  className={APP_LIST_GRID_ROW_CLASS}\n                />\n              ))}\n            </AppList>\n          ) : pendingApps.length > 0 ? (\n            <EmptyActiveAppsState />\n          ) : (\n            <EmptyAppsState />\n          )}\n        </section>\n\n        {pendingApps.length > 0 ? (\n          <Collapsible open={showPending} onOpenChange={setShowPending}>\n            <section className=\"space-y-3 border-t pt-6\">\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div className=\"flex min-w-0 items-center gap-2\">\n                  <IconClockHour4\n                    size={16}\n                    className=\"shrink-0 text-muted-foreground\"\n                  />\n                  <div className=\"min-w-0\">\n                    <h2 className=\"text-sm font-semibold text-foreground\">\n                      {t(\"dispatch.pages.pendingApps\")}\n                    </h2>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t(\"dispatch.pages.pendingCount\", {\n                        count: pendingApps.length,\n                      })}\n                    </p>\n                  </div>\n                </div>\n                <CollapsibleTrigger asChild>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"gap-1.5\"\n                  >\n                    {showPending\n                      ? t(\"dispatch.pages.hidePendingApps\")\n                      : t(\"dispatch.pages.showPendingApps\")}\n                    <IconChevronDown\n                      size={14}\n                      className={cn(\n                        \"transition-transform\",\n                        showPending && \"rotate-180\",\n                      )}\n                    />\n                  </Button>\n                </CollapsibleTrigger>\n              </div>\n              <CollapsibleContent>\n                <AppList className={APP_LIST_GRID_CLASS}>\n                  {pendingApps.map((app) => (\n                    <WorkspaceAppCard\n                      key={app.id}\n                      app={app}\n                      className={APP_LIST_GRID_ROW_CLASS}\n                    />\n                  ))}\n                </AppList>\n              </CollapsibleContent>\n            </section>\n          </Collapsible>\n        ) : null}\n\n        <OtherAppsSection\n          templates={\n            curatedTemplatesQuery.data as\n              | CuratedWorkspaceTemplatesResult\n              | undefined\n          }\n          connectedApps={\n            connectedAppsQuery.data as ConnectedAppSummary[] | undefined\n          }\n          workspaceApps={allApps}\n          templatesLoading={curatedTemplatesQuery.isLoading}\n          connectedAppsLoading={connectedAppsQuery.isLoading}\n          templatesError={curatedTemplatesQuery.error}\n          connectedAppsError={connectedAppsQuery.error}\n          onRetryTemplates={() => void curatedTemplatesQuery.refetch()}\n          onRetryConnectedApps={() => void connectedAppsQuery.refetch()}\n          templateLabels={templateLabels}\n          onRemixSuccess={() => {\n            void appsQuery.refetch();\n            void curatedTemplatesQuery.refetch();\n          }}\n        />\n\n        {archivedApps.length > 0 ? (\n          <Collapsible open={showHidden} onOpenChange={setShowHidden}>\n            <section className=\"space-y-3\">\n              <div className=\"flex flex-wrap items-center justify-between gap-3 border-t pt-4\">\n                <div className=\"flex min-w-0 items-center gap-2\">\n                  <IconEyeOff\n                    size={16}\n                    className=\"shrink-0 text-muted-foreground\"\n                  />\n                  <div className=\"min-w-0\">\n                    <h2 className=\"text-sm font-semibold text-foreground\">\n                      {t(\"dispatch.pages.hiddenApps\")}\n                    </h2>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t(\"dispatch.pages.hiddenAppCount\", {\n                        count: archivedApps.length,\n                      })}\n                    </p>\n                  </div>\n                </div>\n                <CollapsibleTrigger asChild>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"gap-1.5\"\n                  >\n                    {showHidden\n                      ? t(\"dispatch.pages.hide\")\n                      : t(\"dispatch.pages.show\")}\n                    <IconChevronDown\n                      size={14}\n                      className={cn(\n                        \"transition-transform\",\n                        showHidden && \"rotate-180\",\n                      )}\n                    />\n                  </Button>\n                </CollapsibleTrigger>\n              </div>\n              <CollapsibleContent>\n                <AppList className={APP_LIST_GRID_CLASS}>\n                  {archivedApps.map((app) => (\n                    <WorkspaceAppCard\n                      key={app.id}\n                      app={app}\n                      className={APP_LIST_GRID_ROW_CLASS}\n                    />\n                  ))}\n                </AppList>\n              </CollapsibleContent>\n            </section>\n          </Collapsible>\n        ) : null}\n      </div>\n    </DispatchShell>\n  );\n}\n\nfunction AppsSkeletonGrid() {\n  return (\n    <AppList className={APP_LIST_GRID_CLASS}>\n      {Array.from({ length: 3 }).map((_, index) => (\n        <div\n          key={index}\n          className={cn(\n            \"flex min-w-0 items-center gap-3 border-b px-4 py-3.5 last:border-b-0\",\n            APP_LIST_GRID_ROW_CLASS,\n          )}\n        >\n          <Skeleton className=\"size-8 shrink-0 rounded-md\" />\n          <div className=\"min-w-0 flex-1 space-y-2\">\n            <Skeleton className=\"h-4 w-32\" />\n            <Skeleton className=\"h-3 w-2/3\" />\n          </div>\n          <Skeleton className=\"h-8 w-24 shrink-0 rounded-md\" />\n        </div>\n      ))}\n    </AppList>\n  );\n}\n\nfunction EmptyAppsState() {\n  const t = useT();\n  return (\n    <div className=\"rounded-lg border border-dashed bg-card px-4 py-10 text-center\">\n      <div className=\"mx-auto flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground\">\n        <IconApps size={18} />\n      </div>\n      <h3 className=\"mt-3 text-sm font-semibold text-foreground\">\n        {t(\"dispatch.pages.noWorkspaceApps\")}\n      </h3>\n      <p className=\"mx-auto mt-1 max-w-sm text-sm text-muted-foreground\">\n        {t(\"dispatch.pages.noWorkspaceAppsDescription\")}\n      </p>\n      <div className=\"mt-4\">\n        <CreateAppPopover\n          trigger={\n            <Button size=\"sm\" variant=\"outline\">\n              <IconPlus size={15} className=\"mr-1.5\" />\n              {t(\"dispatch.pages.addApp\", { defaultValue: \"Add app\" })}\n            </Button>\n          }\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyActiveAppsState() {\n  const t = useT();\n  return (\n    <div className=\"rounded-lg border border-dashed bg-card px-4 py-10 text-center\">\n      <p className=\"text-sm font-medium text-foreground\">\n        {t(\"dispatch.pages.noActiveWorkspaceApps\")}\n      </p>\n      <p className=\"mx-auto mt-1 max-w-md text-xs text-muted-foreground\">\n        {t(\"dispatch.pages.noActiveWorkspaceAppsDescription\")}\n      </p>\n    </div>\n  );\n}\n"]}

package/dist/server/plugins/agent-chat.js

@@ -28,7 +28,12 @@ export default createAgentChatPlugin({
     appId: "dispatch",
     durableBackgroundRuns: true,
     initialToolNames: INITIAL_TOOL_NAMES,
-    mcp: { connectorCatalog: ["resolve-integration-source-context"] },
+    mcp: {
+        connectorCatalog: [
+            "resolve-integration-source-context",
+            "start-workspace-app-creation",
+        ],
+    },
     // Without this, AGENT_ORG_ID is never set on agent action calls and every
     // row written through the frontend (vault secrets, destinations, workspace
     // resources) lands with org_id=NULL — breaking data isolation across orgs.

package/dist/server/plugins/agent-chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"agent-chat.js","sourceRoot":"","sources":["../../../src/server/plugins/agent-chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,kBAAkB,GAAG;IACzB,aAAa;IACb,qBAAqB;IACrB,uBAAuB;IACvB,SAAS;IACT,UAAU;IACV,0BAA0B;IAC1B,2BAA2B;IAC3B,2BAA2B;IAC3B,oBAAoB;IACpB,sBAAsB;IACtB,qBAAqB;IACrB,mBAAmB;IACnB,oBAAoB;IACpB,aAAa;IACb,8BAA8B;IAC9B,oCAAoC;IACpC,sBAAsB;IACtB,mBAAmB;IACnB,sBAAsB;IACtB,sBAAsB;IACtB,UAAU;CACX,CAAC;AAEF,eAAe,qBAAqB,CAAC;IACnC,KAAK,EAAE,UAAU;IACjB,qBAAqB,EAAE,IAAI;IAC3B,gBAAgB,EAAE,kBAAkB;IACpC,GAAG,EAAE,EAAE,gBAAgB,EAAE,CAAC,oCAAoC,CAAC,EAAE;IACjE,0EAA0E;IAC1E,2EAA2E;IAC3E,2EAA2E;IAC3E,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QAC5B,MAAM,GAAG,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC;QACvC,OAAO,GAAG,CAAC,KAAK,CAAC;IACnB,CAAC;IACD,2EAA2E;IAC3E,2EAA2E;IAC3E,wEAAwE;IACxE,OAAO,EAAE,eAAe;IACxB,aAAa,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE;IAC1C,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;4EAwB4D;CAC3E,CAAC,CAAC","sourcesContent":["import { getOrgContext } from \"@agent-native/core/org\";\nimport { createAgentChatPlugin } from \"@agent-native/core/server\";\n\nimport { dispatchActions } from \"../../actions/index.js\";\n\nconst INITIAL_TOOL_NAMES = [\n  \"view-screen\",\n  \"list-workspace-apps\",\n  \"list-connected-agents\",\n  \"ask_app\",\n  \"open_app\",\n  \"list-workspace-resources\",\n  \"create-workspace-resource\",\n  \"update-workspace-resource\",\n  \"list-vault-secrets\",\n  \"request-vault-secret\",\n  \"create-vault-secret\",\n  \"list-destinations\",\n  \"upsert-destination\",\n  \"list-dreams\",\n  \"start-workspace-app-creation\",\n  \"list-available-workspace-templates\",\n  \"provider-api-catalog\",\n  \"provider-api-docs\",\n  \"provider-api-request\",\n  \"query-staged-dataset\",\n  \"navigate\",\n];\n\nexport default createAgentChatPlugin({\n  appId: \"dispatch\",\n  durableBackgroundRuns: true,\n  initialToolNames: INITIAL_TOOL_NAMES,\n  mcp: { connectorCatalog: [\"resolve-integration-source-context\"] },\n  // Without this, AGENT_ORG_ID is never set on agent action calls and every\n  // row written through the frontend (vault secrets, destinations, workspace\n  // resources) lands with org_id=NULL — breaking data isolation across orgs.\n  resolveOrgId: async (event) => {\n    const ctx = await getOrgContext(event);\n    return ctx.orgId;\n  },\n  // Read actions directly from the package's own action map rather than from\n  // a build-time-generated `.generated/actions-registry.ts` (the latter is a\n  // template-only construct that the Vite plugin emits next to actions/).\n  actions: dispatchActions,\n  codeExecution: { production: \"sandboxed\" },\n  systemPrompt: `You are the central dispatch for this workspace.\n\nDefault posture:\n- Treat Slack and Telegram as shared entrypoints into the workspace.\n- Heavily delegate domain work to specialized agents through A2A when another app owns the job.\n- Keep durable memory and operating instructions in resources rather than ephemeral chat.\n- Prefer replying in the current external thread unless the user explicitly asks you to send to a saved destination.\n\nUse the standard workspace primitives:\n- Read and update resources like AGENTS.md, LEARNINGS.md, jobs/*.md, agents/*.md, and remote-agents/*.json when appropriate.\n- Use recurring jobs for scheduled behavior.\n- Use custom agent profiles in agents/*.md for local spawned work and remote-agents/*.json for remote A2A apps.\n- You receive a compact available-apps block with sibling workspace app names and descriptions. Use it to pick the right A2A target, and call list-connected-agents or tool-search only when you need fresh details.\n- Hosted/connected A2A neighbors such as Analytics and Content come from the available-apps context or list-connected-agents. list-workspace-apps only inventories apps mounted inside this workspace deployment; never use a missing row there to conclude that a connected agent is unavailable.\n- When answering whether a mounted workspace app exposes an agent card or A2A endpoint, call list-workspace-apps with includeAgentCards=true. If you have not requested that probe, absence of agent-card fields means unchecked, not unavailable.\n- When creating a new workspace app, create a separate app under apps/<app-id> with apps/<app-id>/package.json including a concise generated description, mount it at /<app-id>, use relative /<app-id> links, never hardcode localhost or dev ports, use shadcn/ui with @tabler/icons-react rather than lucide-react, and ensure the React Router client entry preserves APP_BASE_PATH/VITE_APP_BASE_PATH via appBasePath(). There is no separate workspace app registry to edit.\n- If the chat template is used, treat it as scaffolding only: the finished app must be branded as the requested app with its own home screen/navigation/package metadata/manifest, and must not leave visible \"Chat\", \"Starter\", \"Blank app\", or \"New app\" UI behind.\n- Treat first-party apps such as Mail, Calendar, Analytics, Brain, Assets, and Dispatch as existing hosted/connected neighbors available through links and A2A/default connected agents. Do not create wrapper apps, child apps, nested routes, or cloned template copies just to give a new app access to them; build only the genuinely new workflow and delegate cross-app work to those existing apps.\n- Integration grants are not provider capability limits. For ad hoc provider inspection, querying, reporting, or troubleshooting, call provider-api-catalog/provider-api-docs, then provider-api-request against the provider's real HTTP API. Use connectionId for a specific shared grant and accountId for a specific OAuth account. Never expose secret values or silently widen app access while doing this.\n- For broad provider searches, joins, classification, corpus counts, or absence claims, fetch every relevant page or an explicitly bounded cohort, stage/save large responses with stageAs/saveToFile/fetchAllPages, and reduce them with query-staged-dataset or run-code. Report source, filters, row counts, pagination, truncation, failed pages, and uncovered gaps.\n\nWhen a user asks for something like a digest, reminder, routing rule, or saved behavior:\n- First decide whether it should be a resource, a recurring job, a destination, or a delegated task.\n- Keep responses concise and operational.\n- Avoid inventing integrations or destinations that are not configured yet.`,\n});\n"]}
+{"version":3,"file":"agent-chat.js","sourceRoot":"","sources":["../../../src/server/plugins/agent-chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,kBAAkB,GAAG;IACzB,aAAa;IACb,qBAAqB;IACrB,uBAAuB;IACvB,SAAS;IACT,UAAU;IACV,0BAA0B;IAC1B,2BAA2B;IAC3B,2BAA2B;IAC3B,oBAAoB;IACpB,sBAAsB;IACtB,qBAAqB;IACrB,mBAAmB;IACnB,oBAAoB;IACpB,aAAa;IACb,8BAA8B;IAC9B,oCAAoC;IACpC,sBAAsB;IACtB,mBAAmB;IACnB,sBAAsB;IACtB,sBAAsB;IACtB,UAAU;CACX,CAAC;AAEF,eAAe,qBAAqB,CAAC;IACnC,KAAK,EAAE,UAAU;IACjB,qBAAqB,EAAE,IAAI;IAC3B,gBAAgB,EAAE,kBAAkB;IACpC,GAAG,EAAE;QACH,gBAAgB,EAAE;YAChB,oCAAoC;YACpC,8BAA8B;SAC/B;KACF;IACD,0EAA0E;IAC1E,2EAA2E;IAC3E,2EAA2E;IAC3E,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QAC5B,MAAM,GAAG,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC;QACvC,OAAO,GAAG,CAAC,KAAK,CAAC;IACnB,CAAC;IACD,2EAA2E;IAC3E,2EAA2E;IAC3E,wEAAwE;IACxE,OAAO,EAAE,eAAe;IACxB,aAAa,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE;IAC1C,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;4EAwB4D;CAC3E,CAAC,CAAC","sourcesContent":["import { getOrgContext } from \"@agent-native/core/org\";\nimport { createAgentChatPlugin } from \"@agent-native/core/server\";\n\nimport { dispatchActions } from \"../../actions/index.js\";\n\nconst INITIAL_TOOL_NAMES = [\n  \"view-screen\",\n  \"list-workspace-apps\",\n  \"list-connected-agents\",\n  \"ask_app\",\n  \"open_app\",\n  \"list-workspace-resources\",\n  \"create-workspace-resource\",\n  \"update-workspace-resource\",\n  \"list-vault-secrets\",\n  \"request-vault-secret\",\n  \"create-vault-secret\",\n  \"list-destinations\",\n  \"upsert-destination\",\n  \"list-dreams\",\n  \"start-workspace-app-creation\",\n  \"list-available-workspace-templates\",\n  \"provider-api-catalog\",\n  \"provider-api-docs\",\n  \"provider-api-request\",\n  \"query-staged-dataset\",\n  \"navigate\",\n];\n\nexport default createAgentChatPlugin({\n  appId: \"dispatch\",\n  durableBackgroundRuns: true,\n  initialToolNames: INITIAL_TOOL_NAMES,\n  mcp: {\n    connectorCatalog: [\n      \"resolve-integration-source-context\",\n      \"start-workspace-app-creation\",\n    ],\n  },\n  // Without this, AGENT_ORG_ID is never set on agent action calls and every\n  // row written through the frontend (vault secrets, destinations, workspace\n  // resources) lands with org_id=NULL — breaking data isolation across orgs.\n  resolveOrgId: async (event) => {\n    const ctx = await getOrgContext(event);\n    return ctx.orgId;\n  },\n  // Read actions directly from the package's own action map rather than from\n  // a build-time-generated `.generated/actions-registry.ts` (the latter is a\n  // template-only construct that the Vite plugin emits next to actions/).\n  actions: dispatchActions,\n  codeExecution: { production: \"sandboxed\" },\n  systemPrompt: `You are the central dispatch for this workspace.\n\nDefault posture:\n- Treat Slack and Telegram as shared entrypoints into the workspace.\n- Heavily delegate domain work to specialized agents through A2A when another app owns the job.\n- Keep durable memory and operating instructions in resources rather than ephemeral chat.\n- Prefer replying in the current external thread unless the user explicitly asks you to send to a saved destination.\n\nUse the standard workspace primitives:\n- Read and update resources like AGENTS.md, LEARNINGS.md, jobs/*.md, agents/*.md, and remote-agents/*.json when appropriate.\n- Use recurring jobs for scheduled behavior.\n- Use custom agent profiles in agents/*.md for local spawned work and remote-agents/*.json for remote A2A apps.\n- You receive a compact available-apps block with sibling workspace app names and descriptions. Use it to pick the right A2A target, and call list-connected-agents or tool-search only when you need fresh details.\n- Hosted/connected A2A neighbors such as Analytics and Content come from the available-apps context or list-connected-agents. list-workspace-apps only inventories apps mounted inside this workspace deployment; never use a missing row there to conclude that a connected agent is unavailable.\n- When answering whether a mounted workspace app exposes an agent card or A2A endpoint, call list-workspace-apps with includeAgentCards=true. If you have not requested that probe, absence of agent-card fields means unchecked, not unavailable.\n- When creating a new workspace app, create a separate app under apps/<app-id> with apps/<app-id>/package.json including a concise generated description, mount it at /<app-id>, use relative /<app-id> links, never hardcode localhost or dev ports, use shadcn/ui with @tabler/icons-react rather than lucide-react, and ensure the React Router client entry preserves APP_BASE_PATH/VITE_APP_BASE_PATH via appBasePath(). There is no separate workspace app registry to edit.\n- If the chat template is used, treat it as scaffolding only: the finished app must be branded as the requested app with its own home screen/navigation/package metadata/manifest, and must not leave visible \"Chat\", \"Starter\", \"Blank app\", or \"New app\" UI behind.\n- Treat first-party apps such as Mail, Calendar, Analytics, Brain, Assets, and Dispatch as existing hosted/connected neighbors available through links and A2A/default connected agents. Do not create wrapper apps, child apps, nested routes, or cloned template copies just to give a new app access to them; build only the genuinely new workflow and delegate cross-app work to those existing apps.\n- Integration grants are not provider capability limits. For ad hoc provider inspection, querying, reporting, or troubleshooting, call provider-api-catalog/provider-api-docs, then provider-api-request against the provider's real HTTP API. Use connectionId for a specific shared grant and accountId for a specific OAuth account. Never expose secret values or silently widen app access while doing this.\n- For broad provider searches, joins, classification, corpus counts, or absence claims, fetch every relevant page or an explicitly bounded cohort, stage/save large responses with stageAs/saveToFile/fetchAllPages, and reduce them with query-staged-dataset or run-code. Report source, filters, row counts, pagination, truncation, failed pages, and uncovered gaps.\n\nWhen a user asks for something like a digest, reminder, routing rule, or saved behavior:\n- First decide whether it should be a resource, a recurring job, a destination, or a delegated task.\n- Keep responses concise and operational.\n- Avoid inventing integrations or destinations that are not configured yet.`,\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/dispatch",
-  "version": "0.19.2",
+  "version": "0.20.1",
   "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": {
@@ -98,7 +98,7 @@
     "typescript-7": "npm:typescript@^7.0.2",
     "vite": "8.1.0",
     "vitest": "^4.1.5",
-    "@agent-native/core": "0.145.5"
+    "@agent-native/core": "0.146.0"
   },
   "peerDependencies": {
     "@agent-native/core": ">=0.8.0",

package/src/actions/start-workspace-app-creation.ts

@@ -6,7 +6,7 @@ import { startWorkspaceAppCreation } from "../server/lib/app-creation-store.js";
 
 export default defineAction({
   description:
-    'Start creating a new workspace app from Dispatch when the request truly needs its own app. Callers should include a concise generated description by default; Dispatch generates one from the prompt when omitted. In local dev this returns a code-agent prompt; in production it creates a Builder branch only when a Builder branch project is configured. If the result mode is "coming-soon", the work still requires a code change but no Builder Cloud Agent can run here; tell the user to edit locally or use Builder.io to edit this code in the cloud and continue customizing the app any way they like, and do not send them to Builder org/beta settings. The result must be a separate workspace app under apps/<app-id>, not a new route or file in apps/chat. If chat is used as the source template, the finished app must be branded as the requested app and must not leave visible "Chat", "Starter", "Blank app", or "New app" UI behind. If the request needs Mail, Calendar, Analytics, Brain, Assets, or another first-party app, use the existing hosted/connected app via links or A2A; do not wrap or nest those apps inside the new app unless the user explicitly asks for a customized app from that template.',
+    'Start creating a new workspace app from Dispatch when the request truly needs its own app. For Claude Web, ChatGPT Web, or either host\'s web Project, this action is the Builder handoff: call it after forming a bounded source brief and do not scaffold or edit files in the host sandbox. Callers should include a concise generated description by default; Dispatch generates one from the prompt when omitted. In local dev this returns a code-agent prompt; in production it creates a Builder branch only when a Builder branch project is configured. If the result mode is "coming-soon", the work still requires a code change but no Builder Cloud Agent can run here; tell the user to edit locally or use Builder.io to edit this code in the cloud and continue customizing the app any way they like, and do not send them to Builder org/beta settings. The result must be a separate workspace app under apps/<app-id>, not a new route or file in apps/chat. If chat is used as the source template, the finished app must be branded as the requested app and must not leave visible "Chat", "Starter", "Blank app", or "New app" UI behind. If the request needs Mail, Calendar, Analytics, Brain, Assets, or another first-party app, use the existing hosted/connected app via links or A2A; do not wrap or nest those apps inside the new app unless the user explicitly asks for a customized app from that template.',
   schema: z.object({
     prompt: z.string().min(1).describe("The user's app creation request"),
     appId: z

package/src/components/admin-navigation.tsx

@@ -23,7 +23,7 @@ import { NavLink } from "react-router";
 import { cn } from "../lib/utils";
 import { useDispatchExtensions, type DispatchNavItem } from "./layout/Layout";
 
-interface AdminNavGroup {
+export interface AdminNavGroup {
   id: string;
   label: string;
   labelKey: string;
@@ -210,21 +210,7 @@ export function AdminShell({
   onNavigate?: () => void;
 }) {
   const t = useT();
-  const extensions = useDispatchExtensions();
-  const extensionItems = (extensions?.navItems ?? []).filter(
-    (item) => item.section === "operations",
-  );
-  const groups = extensionItems.length
-    ? [
-        ...BUILT_IN_ADMIN_NAV_GROUPS,
-        {
-          id: "workspace-extensions",
-          label: "Workspace extensions",
-          labelKey: "dispatch.pages.adminWorkspaceExtensions",
-          items: extensionItems,
-        },
-      ]
-    : BUILT_IN_ADMIN_NAV_GROUPS;
+  const groups = useAdminNavGroups();
 
   return (
     <div
@@ -276,3 +262,22 @@ export function AdminShell({
 }
 
 export { BUILT_IN_ADMIN_NAV_GROUPS };
+
+export function useAdminNavGroups(): readonly AdminNavGroup[] {
+  const extensions = useDispatchExtensions();
+  const extensionItems = (extensions?.navItems ?? []).filter(
+    (item) => item.section === "operations",
+  );
+
+  return extensionItems.length
+    ? [
+        ...BUILT_IN_ADMIN_NAV_GROUPS,
+        {
+          id: "workspace-extensions",
+          label: "Workspace extensions",
+          labelKey: "dispatch.pages.adminWorkspaceExtensions",
+          items: extensionItems,
+        },
+      ]
+    : BUILT_IN_ADMIN_NAV_GROUPS;
+}