@agent-native/dispatch 0.6.1 → 0.7.0

package/dist/hooks/use-navigation-state.js

@@ -56,12 +56,19 @@ function routerPath(path) {
     const basePath = appBasePath();
     if (!basePath)
         return path;
-    if (path === basePath)
-        return "/";
-    if (path.startsWith(`${basePath}/`)) {
-        return path.slice(basePath.length) || "/";
+    let result = path;
+    // Iteratively strip basename. A path that arrives doubly-prefixed
+    // (e.g. "/dispatch/dispatch/overview", possibly from a stale link or a
+    // prior bug) would otherwise get partially stripped here and then
+    // re-prefixed by react-router's basename, restoring the bad URL.
+    for (let i = 0; i < 4; i += 1) {
+        if (result === basePath)
+            return "/";
+        if (!result.startsWith(`${basePath}/`))
+            break;
+        result = result.slice(basePath.length) || "/";
     }
-    return path;
+    return result;
 }
 function extensionItemMatchesPath(item, pathname) {
     if (item.match) {

package/dist/hooks/use-navigation-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-navigation-state.js","sourceRoot":"","sources":["../../src/hooks/use-navigation-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport {\n  agentNativePath,\n  appBasePath,\n  appPath,\n} from \"@agent-native/core/client\";\nimport type {\n  DispatchExtensionConfig,\n  DispatchNavItem,\n} from \"../components/index.js\";\n\nexport interface NavigationState {\n  view: string;\n  path?: string;\n}\n\nexport function useNavigationState(extensions?: DispatchExtensionConfig) {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const qc = useQueryClient();\n\n  // Sync current route to application state\n  useEffect(() => {\n    const localPathname = routerPath(location.pathname);\n    const state: NavigationState = {\n      view: resolveView(localPathname, extensions),\n      path: appPath(localPathname),\n    };\n\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      keepalive: true,\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify(state),\n    }).catch(() => {});\n  }, [extensions, location.pathname]);\n\n  // Listen for navigate commands from agent\n  const { data: navCommand } = useQuery({\n    queryKey: [\"navigate-command\"],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/application-state/navigate\"),\n      );\n      if (!res.ok) return null;\n      const data = await res.json();\n      if (data) {\n        // Return with a timestamp to ensure uniqueness\n        return { ...data, _ts: Date.now() };\n      }\n      return null;\n    },\n    refetchInterval: 2_000,\n    structuralSharing: false,\n  });\n\n  useEffect(() => {\n    if (!navCommand) return;\n    // Delete the one-shot command AFTER reading it\n    fetch(agentNativePath(\"/_agent-native/application-state/navigate\"), {\n      method: \"DELETE\",\n      headers: { \"X-Agent-Native-CSRF\": \"1\" },\n    }).catch(() => {});\n    const cmd = navCommand as NavigationState;\n\n    // Navigate to a specific path or resolve view name to path\n    const path = routerPath(\n      cmd.path || resolvePath(cmd.view, extensions) || \"/overview\",\n    );\n    navigate(path);\n    qc.setQueryData([\"navigate-command\"], null);\n  }, [extensions, navCommand, navigate, qc]);\n}\n\nfunction routerPath(path: string): string {\n  const basePath = appBasePath();\n  if (!basePath) return path;\n  if (path === basePath) return \"/\";\n  if (path.startsWith(`${basePath}/`)) {\n    return path.slice(basePath.length) || \"/\";\n  }\n  return path;\n}\n\nfunction extensionItemMatchesPath(\n  item: DispatchNavItem,\n  pathname: string,\n): boolean {\n  if (item.match) {\n    try {\n      if (item.match(pathname)) return true;\n    } catch {\n      return false;\n    }\n  }\n  return pathname === item.to || pathname.startsWith(`${item.to}/`);\n}\n\nfunction resolveExtensionView(\n  pathname: string,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  return extensions?.navItems?.find((item) =>\n    extensionItemMatchesPath(item, pathname),\n  )?.id;\n}\n\nfunction resolveExtensionPath(\n  view: string | undefined,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  if (!view) return undefined;\n  return extensions?.navItems?.find((item) => item.id === view)?.to;\n}\n\nfunction resolveView(\n  pathname: string,\n  extensions?: DispatchExtensionConfig,\n): string {\n  const extensionView = resolveExtensionView(pathname, extensions);\n  if (extensionView) return extensionView;\n  if (pathname.startsWith(\"/apps\")) return \"apps\";\n  if (pathname.startsWith(\"/metrics\")) return \"metrics\";\n  if (pathname.startsWith(\"/new-app\")) return \"new-app\";\n  if (pathname.startsWith(\"/vault\")) return \"vault\";\n  if (pathname.startsWith(\"/integrations\")) return \"integrations\";\n  if (pathname.startsWith(\"/workspace\")) return \"workspace\";\n  if (pathname.startsWith(\"/agents\")) return \"agents\";\n  if (pathname.startsWith(\"/messaging\")) return \"messaging\";\n  if (pathname.startsWith(\"/destinations\")) return \"destinations\";\n  if (pathname.startsWith(\"/identities\")) return \"identities\";\n  if (pathname.startsWith(\"/approvals\")) return \"approvals\";\n  if (pathname.startsWith(\"/audit\")) return \"audit\";\n  if (pathname.startsWith(\"/thread-debug\")) return \"thread-debug\";\n  if (pathname.startsWith(\"/team\")) return \"team\";\n  return \"overview\";\n}\n\nfunction resolvePath(\n  view?: string,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  switch (view) {\n    case \"overview\":\n      return \"/overview\";\n    case \"apps\":\n      return \"/apps\";\n    case \"metrics\":\n    case \"usage\":\n      return \"/metrics\";\n    case \"new-app\":\n    case \"create-app\":\n      return \"/new-app\";\n    case \"vault\":\n    case \"secrets\":\n      return \"/vault\";\n    case \"integrations\":\n      return \"/integrations\";\n    case \"workspace\":\n    case \"resources\":\n      return \"/workspace\";\n    case \"agents\":\n      return \"/agents\";\n    case \"messaging\":\n      return \"/messaging\";\n    case \"destinations\":\n    case \"routes\":\n      return \"/destinations\";\n    case \"identities\":\n      return \"/identities\";\n    case \"approvals\":\n      return \"/approvals\";\n    case \"audit\":\n      return \"/audit\";\n    case \"thread-debug\":\n    case \"threads\":\n      return \"/thread-debug\";\n    case \"team\":\n      return \"/team\";\n    default:\n      return resolveExtensionPath(view, extensions);\n  }\n}\n"]}
+{"version":3,"file":"use-navigation-state.js","sourceRoot":"","sources":["../../src/hooks/use-navigation-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport {\n  agentNativePath,\n  appBasePath,\n  appPath,\n} from \"@agent-native/core/client\";\nimport type {\n  DispatchExtensionConfig,\n  DispatchNavItem,\n} from \"../components/index.js\";\n\nexport interface NavigationState {\n  view: string;\n  path?: string;\n}\n\nexport function useNavigationState(extensions?: DispatchExtensionConfig) {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const qc = useQueryClient();\n\n  // Sync current route to application state\n  useEffect(() => {\n    const localPathname = routerPath(location.pathname);\n    const state: NavigationState = {\n      view: resolveView(localPathname, extensions),\n      path: appPath(localPathname),\n    };\n\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      keepalive: true,\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify(state),\n    }).catch(() => {});\n  }, [extensions, location.pathname]);\n\n  // Listen for navigate commands from agent\n  const { data: navCommand } = useQuery({\n    queryKey: [\"navigate-command\"],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/application-state/navigate\"),\n      );\n      if (!res.ok) return null;\n      const data = await res.json();\n      if (data) {\n        // Return with a timestamp to ensure uniqueness\n        return { ...data, _ts: Date.now() };\n      }\n      return null;\n    },\n    refetchInterval: 2_000,\n    structuralSharing: false,\n  });\n\n  useEffect(() => {\n    if (!navCommand) return;\n    // Delete the one-shot command AFTER reading it\n    fetch(agentNativePath(\"/_agent-native/application-state/navigate\"), {\n      method: \"DELETE\",\n      headers: { \"X-Agent-Native-CSRF\": \"1\" },\n    }).catch(() => {});\n    const cmd = navCommand as NavigationState;\n\n    // Navigate to a specific path or resolve view name to path\n    const path = routerPath(\n      cmd.path || resolvePath(cmd.view, extensions) || \"/overview\",\n    );\n    navigate(path);\n    qc.setQueryData([\"navigate-command\"], null);\n  }, [extensions, navCommand, navigate, qc]);\n}\n\nfunction routerPath(path: string): string {\n  const basePath = appBasePath();\n  if (!basePath) return path;\n  let result = path;\n  // Iteratively strip basename. A path that arrives doubly-prefixed\n  // (e.g. \"/dispatch/dispatch/overview\", possibly from a stale link or a\n  // prior bug) would otherwise get partially stripped here and then\n  // re-prefixed by react-router's basename, restoring the bad URL.\n  for (let i = 0; i < 4; i += 1) {\n    if (result === basePath) return \"/\";\n    if (!result.startsWith(`${basePath}/`)) break;\n    result = result.slice(basePath.length) || \"/\";\n  }\n  return result;\n}\n\nfunction extensionItemMatchesPath(\n  item: DispatchNavItem,\n  pathname: string,\n): boolean {\n  if (item.match) {\n    try {\n      if (item.match(pathname)) return true;\n    } catch {\n      return false;\n    }\n  }\n  return pathname === item.to || pathname.startsWith(`${item.to}/`);\n}\n\nfunction resolveExtensionView(\n  pathname: string,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  return extensions?.navItems?.find((item) =>\n    extensionItemMatchesPath(item, pathname),\n  )?.id;\n}\n\nfunction resolveExtensionPath(\n  view: string | undefined,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  if (!view) return undefined;\n  return extensions?.navItems?.find((item) => item.id === view)?.to;\n}\n\nfunction resolveView(\n  pathname: string,\n  extensions?: DispatchExtensionConfig,\n): string {\n  const extensionView = resolveExtensionView(pathname, extensions);\n  if (extensionView) return extensionView;\n  if (pathname.startsWith(\"/apps\")) return \"apps\";\n  if (pathname.startsWith(\"/metrics\")) return \"metrics\";\n  if (pathname.startsWith(\"/new-app\")) return \"new-app\";\n  if (pathname.startsWith(\"/vault\")) return \"vault\";\n  if (pathname.startsWith(\"/integrations\")) return \"integrations\";\n  if (pathname.startsWith(\"/workspace\")) return \"workspace\";\n  if (pathname.startsWith(\"/agents\")) return \"agents\";\n  if (pathname.startsWith(\"/messaging\")) return \"messaging\";\n  if (pathname.startsWith(\"/destinations\")) return \"destinations\";\n  if (pathname.startsWith(\"/identities\")) return \"identities\";\n  if (pathname.startsWith(\"/approvals\")) return \"approvals\";\n  if (pathname.startsWith(\"/audit\")) return \"audit\";\n  if (pathname.startsWith(\"/thread-debug\")) return \"thread-debug\";\n  if (pathname.startsWith(\"/team\")) return \"team\";\n  return \"overview\";\n}\n\nfunction resolvePath(\n  view?: string,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  switch (view) {\n    case \"overview\":\n      return \"/overview\";\n    case \"apps\":\n      return \"/apps\";\n    case \"metrics\":\n    case \"usage\":\n      return \"/metrics\";\n    case \"new-app\":\n    case \"create-app\":\n      return \"/new-app\";\n    case \"vault\":\n    case \"secrets\":\n      return \"/vault\";\n    case \"integrations\":\n      return \"/integrations\";\n    case \"workspace\":\n    case \"resources\":\n      return \"/workspace\";\n    case \"agents\":\n      return \"/agents\";\n    case \"messaging\":\n      return \"/messaging\";\n    case \"destinations\":\n    case \"routes\":\n      return \"/destinations\";\n    case \"identities\":\n      return \"/identities\";\n    case \"approvals\":\n      return \"/approvals\";\n    case \"audit\":\n      return \"/audit\";\n    case \"thread-debug\":\n    case \"threads\":\n      return \"/thread-debug\";\n    case \"team\":\n      return \"/team\";\n    default:\n      return resolveExtensionPath(view, extensions);\n  }\n}\n"]}

package/dist/lib/catch-all-target.d.ts

@@ -0,0 +1,2 @@
+export declare function resolveCatchAllTarget(appId: string): string | null;
+//# sourceMappingURL=catch-all-target.d.ts.map

package/dist/lib/catch-all-target.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catch-all-target.d.ts","sourceRoot":"","sources":["../../src/lib/catch-all-target.ts"],"names":[],"mappings":"AAoDA,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CA8ClE"}

package/dist/lib/catch-all-target.js

@@ -0,0 +1,95 @@
+import { getBuiltinAgents, loadWorkspaceAppsManifest, } from "@agent-native/core/server/agent-discovery";
+/**
+ * Resolve where `/dispatch/<appId>` should bounce to when it doesn't match
+ * an explicit dispatch route. Used by the `$appId` catch-all route loader.
+ *
+ * Resolution order:
+ *
+ * 1. Workspace apps manifest (env, .agent-native/workspace-apps.json, or a
+ *    filesystem scan of `apps/`).
+ *    - `app.url` (absolute URL — externally hosted workspace app) wins if
+ *      present.
+ *    - Otherwise the `app.path` mounted under the workspace gateway is
+ *      used. Path is normalized to a leading slash if missing
+ *      (e.g. manifest entry `path: "my-forms"` → `/my-forms`), so an app
+ *      whose mounted path differs from its id ends up at the right place
+ *      instead of being silently rewritten to `/${appId}`.
+ *    - Bare entry with no path / url falls back to `/${appId}`.
+ * 2. First-party template registry. When no workspace manifest matches
+ *    (framework dev with each template on its own port, hosted dispatch
+ *    with no sibling apps), return the matching template's deploy URL —
+ *    dev URL in development (e.g. http://localhost:8084 for forms), prod
+ *    URL in production (e.g. https://forms.agent-native.com).
+ *
+ * Returns `null` if neither lookup matches, letting the route render its
+ * "Page not found" pane.
+ */
+/**
+ * Validate `app.url` is an absolute http(s) URL before we trust it as a
+ * redirect target. A bare hostname (`"forms.example.com"`) or a
+ * `javascript:` scheme would otherwise get returned verbatim from
+ * `resolveCatchAllTarget` and produce a broken redirect (or a phishing
+ * vector). Mirrors `normalizeWorkspaceAppUrl` in
+ * `packages/core/src/deploy/workspace-deploy.ts` — but inlined to avoid
+ * pulling the deploy CLI module into a runtime path.
+ */
+function validatedAbsoluteUrl(value) {
+    if (typeof value !== "string" || !value.trim())
+        return undefined;
+    try {
+        const parsed = new URL(value.trim());
+        if (parsed.protocol !== "http:" && parsed.protocol !== "https:") {
+            return undefined;
+        }
+        return parsed.toString().replace(/\/$/, "");
+    }
+    catch {
+        return undefined;
+    }
+}
+export function resolveCatchAllTarget(appId) {
+    const apps = loadWorkspaceAppsManifest();
+    if (apps) {
+        const app = apps.find((entry) => entry?.id === appId);
+        if (app) {
+            // Explicit externally-hosted URL wins. Workspaces that point at a
+            // remote deploy (e.g. a sibling app on Netlify) set `url` and we
+            // should bounce the user there rather than mounting a local path
+            // that doesn't exist inside the gateway. Validate the URL first —
+            // a bare hostname or non-http(s) scheme would produce a broken
+            // redirect (and a `javascript:` value would be a phishing vector).
+            const url = validatedAbsoluteUrl(app.url);
+            if (url) {
+                return url;
+            }
+            // Fall back to the mounted path. Normalize to leading slash so an
+            // entry whose path differs from its id (e.g. `id: "forms"`,
+            // `path: "my-forms"`) still lands on the correct gateway mount —
+            // not on `/${appId}`, which would silently route to the wrong app.
+            //
+            // Reject scheme-relative paths. Three variants reach this point —
+            // all of them get collapsed to a single leading slash so the
+            // redirect stays on the gateway:
+            //
+            //   `//evil.example`   — network-path reference, browser treats as
+            //                        absolute (https://evil.example).
+            //   `/\evil.example`   — browsers normalize backslashes to forward
+            //                        slashes during URL parsing, same result.
+            //   `\/evil.example`   — same idea, leading-backslash variant.
+            //
+            // The manifest parser only checks `startsWith("/")` for the first
+            // case, and even that allows `//evil…`. Defend in depth here by
+            // collapsing any run of leading slashes-or-backslashes to one
+            // forward slash. Same phishing vector that `validatedAbsoluteUrl`
+            // closes for `app.url`.
+            if (typeof app.path === "string" && app.path.trim()) {
+                const normalized = app.path.trim().replace(/^[/\\]+/, "/");
+                return normalized.startsWith("/") ? normalized : `/${normalized}`;
+            }
+            return `/${appId}`;
+        }
+    }
+    const builtin = getBuiltinAgents("dispatch").find((agent) => agent.id === appId);
+    return builtin?.url ?? null;
+}
+//# sourceMappingURL=catch-all-target.js.map

package/dist/lib/catch-all-target.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catch-all-target.js","sourceRoot":"","sources":["../../src/lib/catch-all-target.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,yBAAyB,GAC1B,MAAM,2CAA2C,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH;;;;;;;;GAQG;AACH,SAAS,oBAAoB,CAAC,KAAc;IAC1C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;QAAE,OAAO,SAAS,CAAC;IACjE,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;QACrC,IAAI,MAAM,CAAC,QAAQ,KAAK,OAAO,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAChE,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,MAAM,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9C,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,KAAa;IACjD,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;QACtD,IAAI,GAAG,EAAE,CAAC;YACR,kEAAkE;YAClE,iEAAiE;YACjE,iEAAiE;YACjE,kEAAkE;YAClE,+DAA+D;YAC/D,mEAAmE;YACnE,MAAM,GAAG,GAAG,oBAAoB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,GAAG,EAAE,CAAC;gBACR,OAAO,GAAG,CAAC;YACb,CAAC;YACD,kEAAkE;YAClE,4DAA4D;YAC5D,iEAAiE;YACjE,mEAAmE;YACnE,EAAE;YACF,kEAAkE;YAClE,6DAA6D;YAC7D,iCAAiC;YACjC,EAAE;YACF,mEAAmE;YACnE,0DAA0D;YAC1D,mEAAmE;YACnE,kEAAkE;YAClE,+DAA+D;YAC/D,EAAE;YACF,kEAAkE;YAClE,gEAAgE;YAChE,8DAA8D;YAC9D,kEAAkE;YAClE,wBAAwB;YACxB,IAAI,OAAO,GAAG,CAAC,IAAI,KAAK,QAAQ,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;gBACpD,MAAM,UAAU,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;gBAC3D,OAAO,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,UAAU,EAAE,CAAC;YACpE,CAAC;YACD,OAAO,IAAI,KAAK,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IACD,MAAM,OAAO,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC,IAAI,CAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,CAC9B,CAAC;IACF,OAAO,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC;AAC9B,CAAC","sourcesContent":["import {\n  getBuiltinAgents,\n  loadWorkspaceAppsManifest,\n} from \"@agent-native/core/server/agent-discovery\";\n\n/**\n * Resolve where `/dispatch/<appId>` should bounce to when it doesn't match\n * an explicit dispatch route. Used by the `$appId` catch-all route loader.\n *\n * Resolution order:\n *\n * 1. Workspace apps manifest (env, .agent-native/workspace-apps.json, or a\n *    filesystem scan of `apps/`).\n *    - `app.url` (absolute URL — externally hosted workspace app) wins if\n *      present.\n *    - Otherwise the `app.path` mounted under the workspace gateway is\n *      used. Path is normalized to a leading slash if missing\n *      (e.g. manifest entry `path: \"my-forms\"` → `/my-forms`), so an app\n *      whose mounted path differs from its id ends up at the right place\n *      instead of being silently rewritten to `/${appId}`.\n *    - Bare entry with no path / url falls back to `/${appId}`.\n * 2. First-party template registry. When no workspace manifest matches\n *    (framework dev with each template on its own port, hosted dispatch\n *    with no sibling apps), return the matching template's deploy URL —\n *    dev URL in development (e.g. http://localhost:8084 for forms), prod\n *    URL in production (e.g. https://forms.agent-native.com).\n *\n * Returns `null` if neither lookup matches, letting the route render its\n * \"Page not found\" pane.\n */\n/**\n * Validate `app.url` is an absolute http(s) URL before we trust it as a\n * redirect target. A bare hostname (`\"forms.example.com\"`) or a\n * `javascript:` scheme would otherwise get returned verbatim from\n * `resolveCatchAllTarget` and produce a broken redirect (or a phishing\n * vector). Mirrors `normalizeWorkspaceAppUrl` in\n * `packages/core/src/deploy/workspace-deploy.ts` — but inlined to avoid\n * pulling the deploy CLI module into a runtime path.\n */\nfunction validatedAbsoluteUrl(value: unknown): string | undefined {\n  if (typeof value !== \"string\" || !value.trim()) return undefined;\n  try {\n    const parsed = new URL(value.trim());\n    if (parsed.protocol !== \"http:\" && parsed.protocol !== \"https:\") {\n      return undefined;\n    }\n    return parsed.toString().replace(/\\/$/, \"\");\n  } catch {\n    return undefined;\n  }\n}\n\nexport function resolveCatchAllTarget(appId: string): string | null {\n  const apps = loadWorkspaceAppsManifest();\n  if (apps) {\n    const app = apps.find((entry) => entry?.id === appId);\n    if (app) {\n      // Explicit externally-hosted URL wins. Workspaces that point at a\n      // remote deploy (e.g. a sibling app on Netlify) set `url` and we\n      // should bounce the user there rather than mounting a local path\n      // that doesn't exist inside the gateway. Validate the URL first —\n      // a bare hostname or non-http(s) scheme would produce a broken\n      // redirect (and a `javascript:` value would be a phishing vector).\n      const url = validatedAbsoluteUrl(app.url);\n      if (url) {\n        return url;\n      }\n      // Fall back to the mounted path. Normalize to leading slash so an\n      // entry whose path differs from its id (e.g. `id: \"forms\"`,\n      // `path: \"my-forms\"`) still lands on the correct gateway mount —\n      // not on `/${appId}`, which would silently route to the wrong app.\n      //\n      // Reject scheme-relative paths. Three variants reach this point —\n      // all of them get collapsed to a single leading slash so the\n      // redirect stays on the gateway:\n      //\n      //   `//evil.example`   — network-path reference, browser treats as\n      //                        absolute (https://evil.example).\n      //   `/\\evil.example`   — browsers normalize backslashes to forward\n      //                        slashes during URL parsing, same result.\n      //   `\\/evil.example`   — same idea, leading-backslash variant.\n      //\n      // The manifest parser only checks `startsWith(\"/\")` for the first\n      // case, and even that allows `//evil…`. Defend in depth here by\n      // collapsing any run of leading slashes-or-backslashes to one\n      // forward slash. Same phishing vector that `validatedAbsoluteUrl`\n      // closes for `app.url`.\n      if (typeof app.path === \"string\" && app.path.trim()) {\n        const normalized = app.path.trim().replace(/^[/\\\\]+/, \"/\");\n        return normalized.startsWith(\"/\") ? normalized : `/${normalized}`;\n      }\n      return `/${appId}`;\n    }\n  }\n  const builtin = getBuiltinAgents(\"dispatch\").find(\n    (agent) => agent.id === appId,\n  );\n  return builtin?.url ?? null;\n}\n"]}

package/dist/lib/workspace-apps.d.ts

@@ -5,10 +5,19 @@ export interface WorkspaceAppSummary {
     path: string;
     url?: string | null;
     isDispatch?: boolean;
+    audience?: "internal" | "public";
+    publicPaths?: string[];
+    protectedPaths?: string[];
     status?: "ready" | "pending";
     statusLabel?: string;
     builderUrl?: string | null;
     branchName?: string | null;
+    createdAt?: string | null;
+    agentCardUrl?: string | null;
+    agentCardReachable?: boolean;
+    a2aEndpointUrl?: string | null;
+    agentName?: string | null;
+    agentSkillsCount?: number | null;
     archived?: boolean;
 }
 export declare function workspaceAppHref(app: WorkspaceAppSummary): string | null;

package/dist/lib/workspace-apps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-apps.d.ts","sourceRoot":"","sources":["../../src/lib/workspace-apps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAGxE;AAED,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,mBAAmB,GAAG,OAAO,CAEtE"}
+{"version":3,"file":"workspace-apps.d.ts","sourceRoot":"","sources":["../../src/lib/workspace-apps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAGxE;AAED,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,mBAAmB,GAAG,OAAO,CAEtE"}

package/dist/lib/workspace-apps.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-apps.js","sourceRoot":"","sources":["../../src/lib/workspace-apps.ts"],"names":[],"mappings":"AAcA,MAAM,UAAU,gBAAgB,CAAC,GAAwB;IACvD,IAAI,GAAG,CAAC,MAAM,KAAK,SAAS;QAAE,OAAO,GAAG,CAAC,UAAU,IAAI,IAAI,CAAC;IAC5D,OAAO,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,GAAwB;IAC3D,OAAO,GAAG,CAAC,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC;AACtD,CAAC","sourcesContent":["export interface WorkspaceAppSummary {\n  id: string;\n  name: string;\n  description?: string;\n  path: string;\n  url?: string | null;\n  isDispatch?: boolean;\n  status?: \"ready\" | \"pending\";\n  statusLabel?: string;\n  builderUrl?: string | null;\n  branchName?: string | null;\n  archived?: boolean;\n}\n\nexport function workspaceAppHref(app: WorkspaceAppSummary): string | null {\n  if (app.status === \"pending\") return app.builderUrl || null;\n  return app.path || app.url || null;\n}\n\nexport function isPendingBuilderHref(app: WorkspaceAppSummary): boolean {\n  return app.status === \"pending\" && !!app.builderUrl;\n}\n"]}
+{"version":3,"file":"workspace-apps.js","sourceRoot":"","sources":["../../src/lib/workspace-apps.ts"],"names":[],"mappings":"AAuBA,MAAM,UAAU,gBAAgB,CAAC,GAAwB;IACvD,IAAI,GAAG,CAAC,MAAM,KAAK,SAAS;QAAE,OAAO,GAAG,CAAC,UAAU,IAAI,IAAI,CAAC;IAC5D,OAAO,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,GAAwB;IAC3D,OAAO,GAAG,CAAC,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC;AACtD,CAAC","sourcesContent":["export interface WorkspaceAppSummary {\n  id: string;\n  name: string;\n  description?: string;\n  path: string;\n  url?: string | null;\n  isDispatch?: boolean;\n  audience?: \"internal\" | \"public\";\n  publicPaths?: string[];\n  protectedPaths?: string[];\n  status?: \"ready\" | \"pending\";\n  statusLabel?: string;\n  builderUrl?: string | null;\n  branchName?: string | null;\n  createdAt?: string | null;\n  agentCardUrl?: string | null;\n  agentCardReachable?: boolean;\n  a2aEndpointUrl?: string | null;\n  agentName?: string | null;\n  agentSkillsCount?: number | null;\n  archived?: boolean;\n}\n\nexport function workspaceAppHref(app: WorkspaceAppSummary): string | null {\n  if (app.status === \"pending\") return app.builderUrl || null;\n  return app.path || app.url || null;\n}\n\nexport function isPendingBuilderHref(app: WorkspaceAppSummary): boolean {\n  return app.status === \"pending\" && !!app.builderUrl;\n}\n"]}

package/dist/routes/pages/$appId.d.ts

@@ -1,8 +1,8 @@
-import { type LoaderFunctionArgs } from "react-router";
+import { type ClientLoaderFunctionArgs, type LoaderFunctionArgs } from "react-router";
 export declare function meta(): {
     title: string;
 }[];
 export declare function loader({ params }: LoaderFunctionArgs): any;
-export declare function clientLoader({ params }: LoaderFunctionArgs): any;
+export declare function clientLoader({ params, serverLoader, }: ClientLoaderFunctionArgs): Promise<unknown>;
 export default function WorkspaceAppCatchAllRoute(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=$appId.d.ts.map

package/dist/routes/pages/$appId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"$appId.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/$appId.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,kBAAkB,EACxB,MAAM,cAAc,CAAC;AAiBtB,wBAAgB,IAAI;;IAEnB;AAmCD,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,kBAAkB,OAYpD;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,kBAAkB,OAI1D;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,4CAgGhD"}
+{"version":3,"file":"$appId.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/$appId.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,wBAAwB,EAC7B,KAAK,kBAAkB,EACxB,MAAM,cAAc,CAAC;AAiBtB,wBAAgB,IAAI;;IAEnB;AA2CD,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,kBAAkB,OAQpD;AAED,wBAAsB,YAAY,CAAC,EACjC,MAAM,EACN,YAAY,GACb,EAAE,wBAAwB,oBAS1B;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,4CAgGhD"}

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

@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo } from "react";
 import { Link, Navigate, redirect, useParams, } from "react-router";
 import { useActionQuery, appPath } from "@agent-native/core/client";
-import { loadWorkspaceAppsManifest } from "@agent-native/core/server/agent-discovery";
 import { IconArrowLeft, IconArrowUpRight, IconClockHour4, } from "@tabler/icons-react";
 import { DispatchShell } from "../../components/dispatch-shell.js";
 import { Spinner } from "../../components/ui/spinner.js";
 import { Badge } from "../../components/ui/badge.js";
 import { Button } from "../../components/ui/button.js";
+import { resolveCatchAllTarget } from "../../lib/catch-all-target.js";
 import { workspaceAppHref, } from "../../lib/workspace-apps.js";
 export function meta() {
     return [{ title: "Workspace app - Dispatch" }];
@@ -35,6 +35,14 @@ export function meta() {
  * and looks broken. This route fixes both the post-creation navigation
  * and the OAuth round-trip from a single place.
  *
+ * Built-in template fallback: when no workspace manifest is available
+ * (framework dev with each template on its own port, hosted dispatch with
+ * no sibling apps), redirect to the matching first-party template's deploy
+ * URL — `http://localhost:<devPort>` in dev, `https://<id>.agent-native.com`
+ * in production. Without this, a user visiting `/forms` on dispatch is
+ * forced to sign in (auth guard) and then lands on this route's "Page not
+ * found" pane after the post-login reload.
+ *
  * `appId === "dispatch"` short-circuit: when the segment matches Dispatch
  * itself (e.g. `/dispatch/dispatch`), we go straight to the overview rather
  * than chaining through `/dispatch` (which polled `useActionQuery` re-fired
@@ -52,20 +60,21 @@ export function loader({ params }) {
     const selfTarget = dispatchSelfRedirect(appId);
     if (selfTarget)
         throw redirect(selfTarget);
-    const apps = loadWorkspaceAppsManifest();
-    if (!apps)
-        return null;
-    const app = apps.find((entry) => entry?.id === appId);
-    const target = app?.path && app.path.startsWith("/") ? app.path : app ? `/${appId}` : null;
+    const target = resolveCatchAllTarget(appId);
     if (target)
         throw redirect(target);
     return null;
 }
-export function clientLoader({ params }) {
+export async function clientLoader({ params, serverLoader, }) {
     const selfTarget = dispatchSelfRedirect(params.appId);
     if (selfTarget)
         throw redirect(selfTarget);
-    return null;
+    // Defer to the server loader so the built-in template fallback runs on
+    // SPA navigations too (e.g. clicking a `/<template-id>` link inside
+    // dispatch). Without this the client side would only check the workspace
+    // apps query, which never lists the static first-party templates and so
+    // the user would land on the "Page not found" pane.
+    return serverLoader();
 }
 export default function WorkspaceAppCatchAllRoute() {
     const { appId } = useParams();

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

@@ -1 +1 @@
-{"version":3,"file":"$appId.js","sourceRoot":"","sources":["../../../src/routes/pages/$appId.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport {\n  Link,\n  Navigate,\n  redirect,\n  useParams,\n  type LoaderFunctionArgs,\n} from \"react-router\";\nimport { useActionQuery, appPath } from \"@agent-native/core/client\";\nimport { loadWorkspaceAppsManifest } from \"@agent-native/core/server/agent-discovery\";\nimport {\n  IconArrowLeft,\n  IconArrowUpRight,\n  IconClockHour4,\n} from \"@tabler/icons-react\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Spinner } from \"@/components/ui/spinner\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  workspaceAppHref,\n  type WorkspaceAppSummary,\n} from \"@/lib/workspace-apps\";\n\nexport function meta() {\n  return [{ title: \"Workspace app - Dispatch\" }];\n}\n\n/**\n * Catch-all for `/dispatch/<segment>` paths that don't match an explicit\n * Dispatch route. When `<segment>` is the id of a workspace app sibling\n * (e.g. `/dispatch/todo` after Builder.io routes a \"navigate to /todo\"\n * call through Dispatch's mount point), bounce to the absolute `/<appId>`\n * so the user lands on the actual app instead of a 404 inside Dispatch.\n *\n * Server-side redirect: we resolve the workspace app manifest via the\n * shared `loadWorkspaceAppsManifest()` helper, which checks the\n * `AGENT_NATIVE_WORKSPACE_APPS_JSON` env var, then the\n * `.agent-native/workspace-apps.json` file written by `workspace-deploy.ts`,\n * then a live filesystem scan of `apps/` for local dev. We then throw\n * `redirect(\"/<appId>\")`. React Router 7 does not prepend the basename to\n * absolute paths returned from a loader, so the redirect escapes Dispatch's\n * `/dispatch` mount cleanly.\n *\n * Why a catch-all instead of fixing the agent prompt: Builder.io currently\n * resolves \"navigate to /todo\" relative to Dispatch's mount, sending the\n * user to /dispatch/todo. The same wrong path then gets captured as the\n * OAuth callbackURL, so Google sign-in completes back at /dispatch/todo\n * and looks broken. This route fixes both the post-creation navigation\n * and the OAuth round-trip from a single place.\n *\n * `appId === \"dispatch\"` short-circuit: when the segment matches Dispatch\n * itself (e.g. `/dispatch/dispatch`), we go straight to the overview rather\n * than chaining through `/dispatch` (which polled `useActionQuery` re-fired\n * `window.location.assign` against and looped forever in production).\n */\nfunction dispatchSelfRedirect(appId: string | undefined): string | null {\n  if (appId === \"dispatch\") return appPath(\"/overview\");\n  return null;\n}\n\nexport function loader({ params }: LoaderFunctionArgs) {\n  const appId = params.appId;\n  if (!appId) return null;\n  const selfTarget = dispatchSelfRedirect(appId);\n  if (selfTarget) throw redirect(selfTarget);\n  const apps = loadWorkspaceAppsManifest();\n  if (!apps) return null;\n  const app = apps.find((entry) => entry?.id === appId);\n  const target =\n    app?.path && app.path.startsWith(\"/\") ? app.path : app ? `/${appId}` : null;\n  if (target) throw redirect(target);\n  return null;\n}\n\nexport function clientLoader({ params }: LoaderFunctionArgs) {\n  const selfTarget = dispatchSelfRedirect(params.appId);\n  if (selfTarget) throw redirect(selfTarget);\n  return null;\n}\n\nexport default function WorkspaceAppCatchAllRoute() {\n  const { appId } = useParams();\n  const { data: apps = [], isLoading } = useActionQuery(\n    \"list-workspace-apps\",\n    { includeAgentCards: false },\n    { refetchInterval: 2_000 },\n  );\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 isSelfReference = appId === \"dispatch\";\n\n  useEffect(() => {\n    if (isSelfReference) return;\n    if (!app || app.status === \"pending\" || !href) return;\n    window.location.assign(href);\n  }, [app, href, isSelfReference]);\n\n  if (isSelfReference) {\n    return <Navigate to={appPath(\"/overview\")} replace />;\n  }\n\n  if ((isLoading && !app) || (app && app.status !== \"pending\" && href)) {\n    return (\n      <div className=\"flex h-screen w-full items-center justify-center\">\n        <Spinner className=\"size-8\" />\n      </div>\n    );\n  }\n\n  return (\n    <DispatchShell\n      title={app?.name || \"Page not found\"}\n      description=\"This route is not in the workspace app list yet.\"\n    >\n      <div className=\"max-w-2xl rounded-lg border bg-card p-5\">\n        <Button asChild size=\"sm\" variant=\"ghost\" className=\"-ml-2 mb-4\">\n          <Link to={appPath(\"/overview\")}>\n            <IconArrowLeft size={15} className=\"mr-1.5\" />\n            Overview\n          </Link>\n        </Button>\n\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                Building\n              </Badge>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              This app is being created. It will be available at{\" \"}\n              <span className=\"font-mono text-foreground\">{app.path}</span>{\" \"}\n              after its branch is merged and the workspace deploy finishes.\n            </p>\n            {app.branchName ? (\n              <p className=\"text-xs text-muted-foreground\">\n                Branch: {app.branchName}\n              </p>\n            ) : null}\n            {app.builderUrl ? (\n              <Button asChild>\n                <a href={app.builderUrl} target=\"_blank\" rel=\"noreferrer\">\n                  Open Builder branch\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              Page not found\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              <span className=\"font-mono text-foreground\">/{appId}</span> isn't\n              a Dispatch tab or a workspace app in this workspace.\n            </p>\n            <Button asChild>\n              <Link to={appPath(\"/apps\")}>Browse apps</Link>\n            </Button>\n          </div>\n        )}\n      </div>\n    </DispatchShell>\n  );\n}\n"]}
+{"version":3,"file":"$appId.js","sourceRoot":"","sources":["../../../src/routes/pages/$appId.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport {\n  Link,\n  Navigate,\n  redirect,\n  useParams,\n  type ClientLoaderFunctionArgs,\n  type LoaderFunctionArgs,\n} from \"react-router\";\nimport { useActionQuery, appPath } from \"@agent-native/core/client\";\nimport {\n  IconArrowLeft,\n  IconArrowUpRight,\n  IconClockHour4,\n} from \"@tabler/icons-react\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Spinner } from \"@/components/ui/spinner\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { resolveCatchAllTarget } from \"@/lib/catch-all-target\";\nimport {\n  workspaceAppHref,\n  type WorkspaceAppSummary,\n} from \"@/lib/workspace-apps\";\n\nexport function meta() {\n  return [{ title: \"Workspace app - Dispatch\" }];\n}\n\n/**\n * Catch-all for `/dispatch/<segment>` paths that don't match an explicit\n * Dispatch route. When `<segment>` is the id of a workspace app sibling\n * (e.g. `/dispatch/todo` after Builder.io routes a \"navigate to /todo\"\n * call through Dispatch's mount point), bounce to the absolute `/<appId>`\n * so the user lands on the actual app instead of a 404 inside Dispatch.\n *\n * Server-side redirect: we resolve the workspace app manifest via the\n * shared `loadWorkspaceAppsManifest()` helper, which checks the\n * `AGENT_NATIVE_WORKSPACE_APPS_JSON` env var, then the\n * `.agent-native/workspace-apps.json` file written by `workspace-deploy.ts`,\n * then a live filesystem scan of `apps/` for local dev. We then throw\n * `redirect(\"/<appId>\")`. React Router 7 does not prepend the basename to\n * absolute paths returned from a loader, so the redirect escapes Dispatch's\n * `/dispatch` mount cleanly.\n *\n * Why a catch-all instead of fixing the agent prompt: Builder.io currently\n * resolves \"navigate to /todo\" relative to Dispatch's mount, sending the\n * user to /dispatch/todo. The same wrong path then gets captured as the\n * OAuth callbackURL, so Google sign-in completes back at /dispatch/todo\n * and looks broken. This route fixes both the post-creation navigation\n * and the OAuth round-trip from a single place.\n *\n * Built-in template fallback: when no workspace manifest is available\n * (framework dev with each template on its own port, hosted dispatch with\n * no sibling apps), redirect to the matching first-party template's deploy\n * URL — `http://localhost:<devPort>` in dev, `https://<id>.agent-native.com`\n * in production. Without this, a user visiting `/forms` on dispatch is\n * forced to sign in (auth guard) and then lands on this route's \"Page not\n * found\" pane after the post-login reload.\n *\n * `appId === \"dispatch\"` short-circuit: when the segment matches Dispatch\n * itself (e.g. `/dispatch/dispatch`), we go straight to the overview rather\n * than chaining through `/dispatch` (which polled `useActionQuery` re-fired\n * `window.location.assign` against and looped forever in production).\n */\nfunction dispatchSelfRedirect(appId: string | undefined): string | null {\n  if (appId === \"dispatch\") return appPath(\"/overview\");\n  return null;\n}\n\nexport function loader({ params }: LoaderFunctionArgs) {\n  const appId = params.appId;\n  if (!appId) return null;\n  const selfTarget = dispatchSelfRedirect(appId);\n  if (selfTarget) throw redirect(selfTarget);\n  const target = resolveCatchAllTarget(appId);\n  if (target) throw redirect(target);\n  return null;\n}\n\nexport async function clientLoader({\n  params,\n  serverLoader,\n}: ClientLoaderFunctionArgs) {\n  const selfTarget = dispatchSelfRedirect(params.appId);\n  if (selfTarget) throw redirect(selfTarget);\n  // Defer to the server loader so the built-in template fallback runs on\n  // SPA navigations too (e.g. clicking a `/<template-id>` link inside\n  // dispatch). Without this the client side would only check the workspace\n  // apps query, which never lists the static first-party templates and so\n  // the user would land on the \"Page not found\" pane.\n  return serverLoader();\n}\n\nexport default function WorkspaceAppCatchAllRoute() {\n  const { appId } = useParams();\n  const { data: apps = [], isLoading } = useActionQuery(\n    \"list-workspace-apps\",\n    { includeAgentCards: false },\n    { refetchInterval: 2_000 },\n  );\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 isSelfReference = appId === \"dispatch\";\n\n  useEffect(() => {\n    if (isSelfReference) return;\n    if (!app || app.status === \"pending\" || !href) return;\n    window.location.assign(href);\n  }, [app, href, isSelfReference]);\n\n  if (isSelfReference) {\n    return <Navigate to={appPath(\"/overview\")} replace />;\n  }\n\n  if ((isLoading && !app) || (app && app.status !== \"pending\" && href)) {\n    return (\n      <div className=\"flex h-screen w-full items-center justify-center\">\n        <Spinner className=\"size-8\" />\n      </div>\n    );\n  }\n\n  return (\n    <DispatchShell\n      title={app?.name || \"Page not found\"}\n      description=\"This route is not in the workspace app list yet.\"\n    >\n      <div className=\"max-w-2xl rounded-lg border bg-card p-5\">\n        <Button asChild size=\"sm\" variant=\"ghost\" className=\"-ml-2 mb-4\">\n          <Link to={appPath(\"/overview\")}>\n            <IconArrowLeft size={15} className=\"mr-1.5\" />\n            Overview\n          </Link>\n        </Button>\n\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                Building\n              </Badge>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              This app is being created. It will be available at{\" \"}\n              <span className=\"font-mono text-foreground\">{app.path}</span>{\" \"}\n              after its branch is merged and the workspace deploy finishes.\n            </p>\n            {app.branchName ? (\n              <p className=\"text-xs text-muted-foreground\">\n                Branch: {app.branchName}\n              </p>\n            ) : null}\n            {app.builderUrl ? (\n              <Button asChild>\n                <a href={app.builderUrl} target=\"_blank\" rel=\"noreferrer\">\n                  Open Builder branch\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              Page not found\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              <span className=\"font-mono text-foreground\">/{appId}</span> isn't\n              a Dispatch tab or a workspace app in this workspace.\n            </p>\n            <Button asChild>\n              <Link to={appPath(\"/apps\")}>Browse apps</Link>\n            </Button>\n          </div>\n        )}\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"integrations.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/integrations.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,IAAI;;IAEnB;AAqQD,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAoHvC"}
+{"version":3,"file":"integrations.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/integrations.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,IAAI;;IAEnB;AAyRD,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAkIvC"}

package/dist/routes/pages/integrations.js

@@ -11,6 +11,7 @@ import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../../comp
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../../components/ui/dialog.js";
 import { Input } from "../../components/ui/input.js";
 import { Label } from "../../components/ui/label.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip.js";
 export function meta() {
     return [{ title: "Connections — Dispatch" }];
 }
@@ -33,7 +34,7 @@ function inferProviderFromKey(key, label) {
     }
     return "other";
 }
-function ConnectDialog({ service, open, onOpenChange, }) {
+function ConnectDialog({ service, open, onOpenChange, accessMode, }) {
     const [value, setValue] = useState("");
     const qc = useQueryClient();
     const createSecret = useActionMutation("create-vault-secret", {});
@@ -62,17 +63,19 @@ function ConnectDialog({ service, open, onOpenChange, }) {
             if (!secretId) {
                 throw new Error("Secret created but id missing");
             }
-            // 2. Grant + sync to every app that declared this credential.
-            const targets = service.apps.filter((a) => !a.vaultGranted);
-            for (const app of targets) {
-                try {
-                    await createGrant.mutateAsync({
-                        secretId,
-                        appId: app.appId,
-                    });
-                }
-                catch (err) {
-                    console.warn(`grant to ${app.appId} failed`, err);
+            // 2. Manual mode needs grants; all-apps mode only needs sync.
+            if (accessMode === "manual") {
+                const targets = service.apps.filter((a) => !a.vaultGranted);
+                for (const app of targets) {
+                    try {
+                        await createGrant.mutateAsync({
+                            secretId,
+                            appId: app.appId,
+                        });
+                    }
+                    catch (err) {
+                        console.warn(`grant to ${app.appId} failed`, err);
+                    }
                 }
             }
             for (const app of service.apps) {
@@ -103,11 +106,11 @@ function ConnectDialog({ service, open, onOpenChange, }) {
                                     ? service.apps[0].appName
                                     : `${service.apps.length} apps`, ". Saved to the workspace vault and synced to every app that needs it."] })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: "Key" }), _jsx("div", { className: "font-mono text-sm", children: service.key })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "connector-value", children: "Value" }), _jsx(Input, { id: "connector-value", type: "password", autoComplete: "off", value: value, onChange: (e) => setValue(e.target.value), placeholder: `Paste your ${service.label} key…`, autoFocus: true })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: pending, children: "Cancel" }), _jsx(Button, { onClick: handleSave, disabled: pending || !value.trim(), children: pending ? "Saving…" : "Connect" })] })] }) }));
 }
-function ConnectorCard({ service }) {
+function ConnectorCard({ service, accessMode, }) {
     const [open, setOpen] = useState(false);
     const isConnected = service.apps.some((a) => a.configured);
     const appCount = service.apps.length;
-    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => setOpen(true), className: "group flex flex-col items-start gap-2 rounded-2xl border bg-card p-5 text-left transition hover:border-foreground/20 hover:bg-card/80 cursor-pointer", children: [_jsxs("div", { className: "flex w-full items-start justify-between gap-2", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-xl bg-muted", children: _jsx(IconKey, { size: 16, className: "text-muted-foreground" }) }), isConnected ? (_jsxs(Badge, { variant: "secondary", className: "bg-green-500/10 text-green-700 dark:text-green-400 gap-1", children: [_jsx(IconCheck, { size: 12 }), "Connected"] })) : (_jsxs(Badge, { variant: "secondary", className: "bg-amber-500/10 text-amber-700 dark:text-amber-400 gap-1", children: [_jsx(IconCircleDashed, { size: 12 }), "Connect"] }))] }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-semibold text-foreground truncate", children: service.label }), _jsx("div", { className: "font-mono text-xs text-muted-foreground/80 truncate", children: service.key })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Used by ", appCount, " ", appCount === 1 ? "app" : "apps"] })] }), _jsx(ConnectDialog, { service: service, open: open, onOpenChange: setOpen })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => setOpen(true), className: "group flex flex-col items-start gap-2 rounded-2xl border bg-card p-5 text-left transition hover:border-foreground/20 hover:bg-card/80 cursor-pointer", children: [_jsxs("div", { className: "flex w-full items-start justify-between gap-2", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-xl bg-muted", children: _jsx(IconKey, { size: 16, className: "text-muted-foreground" }) }), isConnected ? (_jsxs(Badge, { variant: "secondary", className: "bg-green-500/10 text-green-700 dark:text-green-400 gap-1", children: [_jsx(IconCheck, { size: 12 }), "Connected"] })) : (_jsxs(Badge, { variant: "secondary", className: "bg-amber-500/10 text-amber-700 dark:text-amber-400 gap-1", children: [_jsx(IconCircleDashed, { size: 12 }), "Connect"] }))] }), _jsxs("div", { className: "w-full min-w-0", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: "text-sm font-semibold text-foreground truncate", children: service.label }) }), _jsx(TooltipContent, { children: service.label })] }), _jsx("div", { className: "font-mono text-xs text-muted-foreground/80 truncate", children: service.key })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Used by ", appCount, " ", appCount === 1 ? "app" : "apps"] })] }), _jsx(ConnectDialog, { service: service, open: open, onOpenChange: setOpen, accessMode: accessMode })] }));
 }
 function PerAppDetailRow({ app }) {
     const total = (app.integrations ?? []).length;
@@ -116,7 +119,9 @@ function PerAppDetailRow({ app }) {
 }
 export default function ConnectionsRoute() {
     const { data: catalog, isLoading } = useActionQuery("list-integrations-catalog", {});
+    const { data: accessSettings } = useActionQuery("get-vault-access-settings", {});
     const apps = catalog || [];
+    const accessMode = accessSettings?.mode === "manual" ? "manual" : "all-apps";
     const services = useMemo(() => {
         const map = new Map();
         for (const app of apps) {
@@ -142,6 +147,6 @@ export default function ConnectionsRoute() {
     }, [apps]);
     const available = services.filter((s) => !s.apps.some((a) => a.configured));
     const connected = services.filter((s) => s.apps.some((a) => a.configured));
-    return (_jsxs(DispatchShell, { title: "Connections", description: "Connect services once. Apps that need them pick up the key automatically.", children: [isLoading && services.length === 0 && (_jsx("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: "Discovering apps and credentials\u2026" })), !isLoading && services.length === 0 && (_jsx("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: "No apps with declared integrations are reachable yet." })), available.length > 0 && (_jsxs("section", { children: [_jsxs("div", { className: "mb-3 flex items-baseline justify-between", children: [_jsx("h2", { className: "text-sm font-medium text-foreground", children: "Available to connect" }), _jsx("span", { className: "text-xs text-muted-foreground", children: available.length })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: available.map((service) => (_jsx(ConnectorCard, { service: service }, service.key))) })] })), connected.length > 0 && (_jsxs("section", { children: [_jsxs("div", { className: "mb-3 mt-2 flex items-baseline justify-between", children: [_jsx("h2", { className: "text-sm font-medium text-foreground", children: "Connected" }), _jsx("span", { className: "text-xs text-muted-foreground", children: connected.length })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: connected.map((service) => (_jsx(ConnectorCard, { service: service }, service.key))) })] })), apps.length > 0 && (_jsxs(Collapsible, { className: "mt-6 rounded-2xl border bg-card", children: [_jsxs(CollapsibleTrigger, { className: "flex w-full items-center justify-between px-4 py-3 text-sm", children: [_jsxs("span", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(IconPlugConnected, { size: 14 }), "Per-app status"] }), _jsx(IconChevronRight, { size: 14, className: "text-muted-foreground transition group-data-[state=open]:rotate-90" })] }), _jsxs(CollapsibleContent, { children: [_jsx("div", { className: "border-t", children: apps.map((app) => (_jsx(PerAppDetailRow, { app: app }, app.appId))) }), _jsxs("div", { className: "flex items-center justify-end gap-1.5 border-t px-4 py-2.5 text-xs text-muted-foreground", children: [_jsx(IconLink, { size: 12 }), _jsx("a", { href: "/vault", className: "hover:underline", children: "Open vault for advanced sharing" })] })] })] }))] }));
+    return (_jsxs(DispatchShell, { title: "Connections", description: "Connect services once. Apps that need them pick up the key automatically.", children: [isLoading && services.length === 0 && (_jsx("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: "Discovering apps and credentials\u2026" })), !isLoading && services.length === 0 && (_jsx("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: "No apps with declared integrations are reachable yet." })), available.length > 0 && (_jsxs("section", { children: [_jsxs("div", { className: "mb-3 flex items-baseline justify-between", children: [_jsx("h2", { className: "text-sm font-medium text-foreground", children: "Available to connect" }), _jsx("span", { className: "text-xs text-muted-foreground", children: available.length })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: available.map((service) => (_jsx(ConnectorCard, { service: service, accessMode: accessMode }, service.key))) })] })), connected.length > 0 && (_jsxs("section", { children: [_jsxs("div", { className: "mb-3 mt-2 flex items-baseline justify-between", children: [_jsx("h2", { className: "text-sm font-medium text-foreground", children: "Connected" }), _jsx("span", { className: "text-xs text-muted-foreground", children: connected.length })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: connected.map((service) => (_jsx(ConnectorCard, { service: service, accessMode: accessMode }, service.key))) })] })), apps.length > 0 && (_jsxs(Collapsible, { className: "mt-6 rounded-2xl border bg-card", children: [_jsxs(CollapsibleTrigger, { className: "flex w-full items-center justify-between px-4 py-3 text-sm", children: [_jsxs("span", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(IconPlugConnected, { size: 14 }), "Per-app status"] }), _jsx(IconChevronRight, { size: 14, className: "text-muted-foreground transition group-data-[state=open]:rotate-90" })] }), _jsxs(CollapsibleContent, { children: [_jsx("div", { className: "border-t", children: apps.map((app) => (_jsx(PerAppDetailRow, { app: app }, app.appId))) }), _jsxs("div", { className: "flex items-center justify-end gap-1.5 border-t px-4 py-2.5 text-xs text-muted-foreground", children: [_jsx(IconLink, { size: 12 }), _jsx("a", { href: "/vault", className: "hover:underline", children: "Open vault for advanced sharing" })] })] })] }))] }));
 }
 //# sourceMappingURL=integrations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"integrations.js","sourceRoot":"","sources":["../../../src/routes/pages/integrations.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { toast } from \"sonner\";\nimport {\n  IconCheck,\n  IconChevronRight,\n  IconCircleDashed,\n  IconKey,\n  IconLink,\n  IconPlugConnected,\n} from \"@tabler/icons-react\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\n\nexport function meta() {\n  return [{ title: \"Connections — Dispatch\" }];\n}\n\ninterface AppRef {\n  appId: string;\n  appName: string;\n  color: string;\n  configured: boolean;\n  vaultGranted: boolean;\n  vaultSecretId?: string;\n}\n\ninterface Service {\n  /** Credential key shared across apps (e.g. `OPENAI_API_KEY`). */\n  key: string;\n  /** Human label from the first app that declares it (`\"OpenAI\"`, `\"Stripe\"`). */\n  label: string;\n  /** Apps in the workspace that declare this credential. */\n  apps: AppRef[];\n}\n\ninterface CatalogApp {\n  appId: string;\n  appName: string;\n  color: string;\n  url: string;\n  reachable: boolean;\n  integrations?: Array<{\n    key: string;\n    label: string;\n    required: boolean;\n    configured: boolean;\n    vaultGranted: boolean;\n    vaultSecretId?: string;\n  }>;\n}\n\nfunction inferProviderFromKey(key: string, label: string): string {\n  const haystack = `${key} ${label}`.toLowerCase();\n  for (const provider of [\n    \"google\",\n    \"slack\",\n    \"sendgrid\",\n    \"github\",\n    \"stripe\",\n    \"hubspot\",\n    \"jira\",\n    \"bigquery\",\n    \"anthropic\",\n    \"openai\",\n  ]) {\n    if (haystack.includes(provider)) return provider;\n  }\n  return \"other\";\n}\n\nfunction ConnectDialog({\n  service,\n  open,\n  onOpenChange,\n}: {\n  service: Service;\n  open: boolean;\n  onOpenChange: (next: boolean) => void;\n}) {\n  const [value, setValue] = useState(\"\");\n  const qc = useQueryClient();\n\n  const createSecret = useActionMutation(\"create-vault-secret\", {});\n  const createGrant = useActionMutation(\"create-vault-grant\", {});\n  const syncToApp = useActionMutation(\"sync-vault-to-app\", {});\n\n  function reset() {\n    setValue(\"\");\n  }\n\n  async function handleSave() {\n    const trimmed = value.trim();\n    if (!trimmed) {\n      toast.error(\"Enter a value to save\");\n      return;\n    }\n    try {\n      // 1. Create the secret (or get the existing one — server treats key as\n      // the unique identifier). The server returns { secret: { id, ... } }.\n      const created = await createSecret.mutateAsync({\n        credentialKey: service.key,\n        name: service.label,\n        value: trimmed,\n        provider: inferProviderFromKey(service.key, service.label),\n      });\n      const secretId =\n        (created as { secret?: { id?: string } })?.secret?.id ??\n        (created as { id?: string })?.id;\n      if (!secretId) {\n        throw new Error(\"Secret created but id missing\");\n      }\n\n      // 2. Grant + sync to every app that declared this credential.\n      const targets = service.apps.filter((a) => !a.vaultGranted);\n      for (const app of targets) {\n        try {\n          await createGrant.mutateAsync({\n            secretId,\n            appId: app.appId,\n          });\n        } catch (err) {\n          console.warn(`grant to ${app.appId} failed`, err);\n        }\n      }\n      for (const app of service.apps) {\n        try {\n          await syncToApp.mutateAsync({ appId: app.appId });\n        } catch (err) {\n          console.warn(`sync to ${app.appId} failed`, err);\n        }\n      }\n\n      qc.invalidateQueries({\n        queryKey: [\"action\", \"list-integrations-catalog\"],\n      });\n      toast.success(`Connected ${service.label}`);\n      onOpenChange(false);\n      reset();\n    } catch (err: any) {\n      toast.error(err?.message ?? \"Failed to save credential\");\n    }\n  }\n\n  const pending =\n    createSecret.isPending || createGrant.isPending || syncToApp.isPending;\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(next) => {\n        if (!next) reset();\n        onOpenChange(next);\n      }}\n    >\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Connect {service.label}</DialogTitle>\n          <DialogDescription>\n            Used by{\" \"}\n            {service.apps.length === 1\n              ? service.apps[0].appName\n              : `${service.apps.length} apps`}\n            . Saved to the workspace vault and synced to every app that needs\n            it.\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <Label className=\"text-xs text-muted-foreground\">Key</Label>\n            <div className=\"font-mono text-sm\">{service.key}</div>\n          </div>\n          <div>\n            <Label htmlFor=\"connector-value\">Value</Label>\n            <Input\n              id=\"connector-value\"\n              type=\"password\"\n              autoComplete=\"off\"\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n              placeholder={`Paste your ${service.label} key…`}\n              autoFocus\n            />\n          </div>\n        </div>\n        <DialogFooter>\n          <Button\n            variant=\"outline\"\n            onClick={() => onOpenChange(false)}\n            disabled={pending}\n          >\n            Cancel\n          </Button>\n          <Button onClick={handleSave} disabled={pending || !value.trim()}>\n            {pending ? \"Saving…\" : \"Connect\"}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction ConnectorCard({ service }: { service: Service }) {\n  const [open, setOpen] = useState(false);\n  const isConnected = service.apps.some((a) => a.configured);\n  const appCount = service.apps.length;\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        onClick={() => setOpen(true)}\n        className=\"group flex flex-col items-start gap-2 rounded-2xl border bg-card p-5 text-left transition hover:border-foreground/20 hover:bg-card/80 cursor-pointer\"\n      >\n        <div className=\"flex w-full items-start justify-between gap-2\">\n          <div className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-muted\">\n            <IconKey size={16} className=\"text-muted-foreground\" />\n          </div>\n          {isConnected ? (\n            <Badge\n              variant=\"secondary\"\n              className=\"bg-green-500/10 text-green-700 dark:text-green-400 gap-1\"\n            >\n              <IconCheck size={12} />\n              Connected\n            </Badge>\n          ) : (\n            <Badge\n              variant=\"secondary\"\n              className=\"bg-amber-500/10 text-amber-700 dark:text-amber-400 gap-1\"\n            >\n              <IconCircleDashed size={12} />\n              Connect\n            </Badge>\n          )}\n        </div>\n        <div className=\"min-w-0\">\n          <div className=\"text-sm font-semibold text-foreground truncate\">\n            {service.label}\n          </div>\n          <div className=\"font-mono text-xs text-muted-foreground/80 truncate\">\n            {service.key}\n          </div>\n        </div>\n        <div className=\"text-xs text-muted-foreground\">\n          Used by {appCount} {appCount === 1 ? \"app\" : \"apps\"}\n        </div>\n      </button>\n      <ConnectDialog service={service} open={open} onOpenChange={setOpen} />\n    </>\n  );\n}\n\nfunction PerAppDetailRow({ app }: { app: CatalogApp }) {\n  const total = (app.integrations ?? []).length;\n  const ok = (app.integrations ?? []).filter((i) => i.configured).length;\n  return (\n    <div className=\"flex items-center justify-between border-t px-4 py-2.5 first:border-t-0\">\n      <div className=\"flex items-center gap-2 min-w-0\">\n        <div\n          className=\"h-5 w-5 rounded text-[10px] font-bold text-white flex items-center justify-center shrink-0\"\n          style={{ backgroundColor: app.color }}\n        >\n          {app.appName.charAt(0).toUpperCase()}\n        </div>\n        <span className=\"text-sm truncate\">{app.appName}</span>\n        {!app.reachable && (\n          <span className=\"text-xs text-muted-foreground\">offline</span>\n        )}\n      </div>\n      <span className=\"text-xs text-muted-foreground\">\n        {total === 0 ? \"no integrations\" : `${ok}/${total}`}\n      </span>\n    </div>\n  );\n}\n\nexport default function ConnectionsRoute() {\n  const { data: catalog, isLoading } = useActionQuery(\n    \"list-integrations-catalog\",\n    {},\n  );\n  const apps = (catalog as CatalogApp[]) || [];\n\n  const services = useMemo<Service[]>(() => {\n    const map = new Map<string, Service>();\n    for (const app of apps) {\n      for (const intg of app.integrations ?? []) {\n        if (!map.has(intg.key)) {\n          map.set(intg.key, {\n            key: intg.key,\n            label: intg.label,\n            apps: [],\n          });\n        }\n        map.get(intg.key)!.apps.push({\n          appId: app.appId,\n          appName: app.appName,\n          color: app.color,\n          configured: intg.configured,\n          vaultGranted: intg.vaultGranted,\n          vaultSecretId: intg.vaultSecretId,\n        });\n      }\n    }\n    return Array.from(map.values()).sort((a, b) =>\n      a.label.localeCompare(b.label),\n    );\n  }, [apps]);\n\n  const available = services.filter((s) => !s.apps.some((a) => a.configured));\n  const connected = services.filter((s) => s.apps.some((a) => a.configured));\n\n  return (\n    <DispatchShell\n      title=\"Connections\"\n      description=\"Connect services once. Apps that need them pick up the key automatically.\"\n    >\n      {isLoading && services.length === 0 && (\n        <div className=\"rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground\">\n          Discovering apps and credentials…\n        </div>\n      )}\n\n      {!isLoading && services.length === 0 && (\n        <div className=\"rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground\">\n          No apps with declared integrations are reachable yet.\n        </div>\n      )}\n\n      {available.length > 0 && (\n        <section>\n          <div className=\"mb-3 flex items-baseline justify-between\">\n            <h2 className=\"text-sm font-medium text-foreground\">\n              Available to connect\n            </h2>\n            <span className=\"text-xs text-muted-foreground\">\n              {available.length}\n            </span>\n          </div>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {available.map((service) => (\n              <ConnectorCard key={service.key} service={service} />\n            ))}\n          </div>\n        </section>\n      )}\n\n      {connected.length > 0 && (\n        <section>\n          <div className=\"mb-3 mt-2 flex items-baseline justify-between\">\n            <h2 className=\"text-sm font-medium text-foreground\">Connected</h2>\n            <span className=\"text-xs text-muted-foreground\">\n              {connected.length}\n            </span>\n          </div>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {connected.map((service) => (\n              <ConnectorCard key={service.key} service={service} />\n            ))}\n          </div>\n        </section>\n      )}\n\n      {apps.length > 0 && (\n        <Collapsible className=\"mt-6 rounded-2xl border bg-card\">\n          <CollapsibleTrigger className=\"flex w-full items-center justify-between px-4 py-3 text-sm\">\n            <span className=\"flex items-center gap-2 text-muted-foreground\">\n              <IconPlugConnected size={14} />\n              Per-app status\n            </span>\n            <IconChevronRight\n              size={14}\n              className=\"text-muted-foreground transition group-data-[state=open]:rotate-90\"\n            />\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <div className=\"border-t\">\n              {apps.map((app) => (\n                <PerAppDetailRow key={app.appId} app={app} />\n              ))}\n            </div>\n            <div className=\"flex items-center justify-end gap-1.5 border-t px-4 py-2.5 text-xs text-muted-foreground\">\n              <IconLink size={12} />\n              <a href=\"/vault\" className=\"hover:underline\">\n                Open vault for advanced sharing\n              </a>\n            </div>\n          </CollapsibleContent>\n        </Collapsible>\n      )}\n    </DispatchShell>\n  );\n}\n"]}
+{"version":3,"file":"integrations.js","sourceRoot":"","sources":["../../../src/routes/pages/integrations.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { toast } from \"sonner\";\nimport {\n  IconCheck,\n  IconChevronRight,\n  IconCircleDashed,\n  IconKey,\n  IconLink,\n  IconPlugConnected,\n} from \"@tabler/icons-react\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\n\nexport function meta() {\n  return [{ title: \"Connections — Dispatch\" }];\n}\n\ninterface AppRef {\n  appId: string;\n  appName: string;\n  color: string;\n  configured: boolean;\n  vaultGranted: boolean;\n  vaultSecretId?: string;\n}\n\ninterface Service {\n  /** Credential key shared across apps (e.g. `OPENAI_API_KEY`). */\n  key: string;\n  /** Human label from the first app that declares it (`\"OpenAI\"`, `\"Stripe\"`). */\n  label: string;\n  /** Apps in the workspace that declare this credential. */\n  apps: AppRef[];\n}\n\ninterface CatalogApp {\n  appId: string;\n  appName: string;\n  color: string;\n  url: string;\n  reachable: boolean;\n  integrations?: Array<{\n    key: string;\n    label: string;\n    required: boolean;\n    configured: boolean;\n    vaultGranted: boolean;\n    vaultSecretId?: string;\n  }>;\n}\n\nfunction inferProviderFromKey(key: string, label: string): string {\n  const haystack = `${key} ${label}`.toLowerCase();\n  for (const provider of [\n    \"google\",\n    \"slack\",\n    \"sendgrid\",\n    \"github\",\n    \"stripe\",\n    \"hubspot\",\n    \"jira\",\n    \"bigquery\",\n    \"anthropic\",\n    \"openai\",\n  ]) {\n    if (haystack.includes(provider)) return provider;\n  }\n  return \"other\";\n}\n\nfunction ConnectDialog({\n  service,\n  open,\n  onOpenChange,\n  accessMode,\n}: {\n  service: Service;\n  open: boolean;\n  onOpenChange: (next: boolean) => void;\n  accessMode: \"all-apps\" | \"manual\";\n}) {\n  const [value, setValue] = useState(\"\");\n  const qc = useQueryClient();\n\n  const createSecret = useActionMutation(\"create-vault-secret\", {});\n  const createGrant = useActionMutation(\"create-vault-grant\", {});\n  const syncToApp = useActionMutation(\"sync-vault-to-app\", {});\n\n  function reset() {\n    setValue(\"\");\n  }\n\n  async function handleSave() {\n    const trimmed = value.trim();\n    if (!trimmed) {\n      toast.error(\"Enter a value to save\");\n      return;\n    }\n    try {\n      // 1. Create the secret (or get the existing one — server treats key as\n      // the unique identifier). The server returns { secret: { id, ... } }.\n      const created = await createSecret.mutateAsync({\n        credentialKey: service.key,\n        name: service.label,\n        value: trimmed,\n        provider: inferProviderFromKey(service.key, service.label),\n      });\n      const secretId =\n        (created as { secret?: { id?: string } })?.secret?.id ??\n        (created as { id?: string })?.id;\n      if (!secretId) {\n        throw new Error(\"Secret created but id missing\");\n      }\n\n      // 2. Manual mode needs grants; all-apps mode only needs sync.\n      if (accessMode === \"manual\") {\n        const targets = service.apps.filter((a) => !a.vaultGranted);\n        for (const app of targets) {\n          try {\n            await createGrant.mutateAsync({\n              secretId,\n              appId: app.appId,\n            });\n          } catch (err) {\n            console.warn(`grant to ${app.appId} failed`, err);\n          }\n        }\n      }\n      for (const app of service.apps) {\n        try {\n          await syncToApp.mutateAsync({ appId: app.appId });\n        } catch (err) {\n          console.warn(`sync to ${app.appId} failed`, err);\n        }\n      }\n\n      qc.invalidateQueries({\n        queryKey: [\"action\", \"list-integrations-catalog\"],\n      });\n      toast.success(`Connected ${service.label}`);\n      onOpenChange(false);\n      reset();\n    } catch (err: any) {\n      toast.error(err?.message ?? \"Failed to save credential\");\n    }\n  }\n\n  const pending =\n    createSecret.isPending || createGrant.isPending || syncToApp.isPending;\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(next) => {\n        if (!next) reset();\n        onOpenChange(next);\n      }}\n    >\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Connect {service.label}</DialogTitle>\n          <DialogDescription>\n            Used by{\" \"}\n            {service.apps.length === 1\n              ? service.apps[0].appName\n              : `${service.apps.length} apps`}\n            . Saved to the workspace vault and synced to every app that needs\n            it.\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <Label className=\"text-xs text-muted-foreground\">Key</Label>\n            <div className=\"font-mono text-sm\">{service.key}</div>\n          </div>\n          <div>\n            <Label htmlFor=\"connector-value\">Value</Label>\n            <Input\n              id=\"connector-value\"\n              type=\"password\"\n              autoComplete=\"off\"\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n              placeholder={`Paste your ${service.label} key…`}\n              autoFocus\n            />\n          </div>\n        </div>\n        <DialogFooter>\n          <Button\n            variant=\"outline\"\n            onClick={() => onOpenChange(false)}\n            disabled={pending}\n          >\n            Cancel\n          </Button>\n          <Button onClick={handleSave} disabled={pending || !value.trim()}>\n            {pending ? \"Saving…\" : \"Connect\"}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction ConnectorCard({\n  service,\n  accessMode,\n}: {\n  service: Service;\n  accessMode: \"all-apps\" | \"manual\";\n}) {\n  const [open, setOpen] = useState(false);\n  const isConnected = service.apps.some((a) => a.configured);\n  const appCount = service.apps.length;\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        onClick={() => setOpen(true)}\n        className=\"group flex flex-col items-start gap-2 rounded-2xl border bg-card p-5 text-left transition hover:border-foreground/20 hover:bg-card/80 cursor-pointer\"\n      >\n        <div className=\"flex w-full items-start justify-between gap-2\">\n          <div className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-muted\">\n            <IconKey size={16} className=\"text-muted-foreground\" />\n          </div>\n          {isConnected ? (\n            <Badge\n              variant=\"secondary\"\n              className=\"bg-green-500/10 text-green-700 dark:text-green-400 gap-1\"\n            >\n              <IconCheck size={12} />\n              Connected\n            </Badge>\n          ) : (\n            <Badge\n              variant=\"secondary\"\n              className=\"bg-amber-500/10 text-amber-700 dark:text-amber-400 gap-1\"\n            >\n              <IconCircleDashed size={12} />\n              Connect\n            </Badge>\n          )}\n        </div>\n        <div className=\"w-full min-w-0\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <div className=\"text-sm font-semibold text-foreground truncate\">\n                {service.label}\n              </div>\n            </TooltipTrigger>\n            <TooltipContent>{service.label}</TooltipContent>\n          </Tooltip>\n          <div className=\"font-mono text-xs text-muted-foreground/80 truncate\">\n            {service.key}\n          </div>\n        </div>\n        <div className=\"text-xs text-muted-foreground\">\n          Used by {appCount} {appCount === 1 ? \"app\" : \"apps\"}\n        </div>\n      </button>\n      <ConnectDialog\n        service={service}\n        open={open}\n        onOpenChange={setOpen}\n        accessMode={accessMode}\n      />\n    </>\n  );\n}\n\nfunction PerAppDetailRow({ app }: { app: CatalogApp }) {\n  const total = (app.integrations ?? []).length;\n  const ok = (app.integrations ?? []).filter((i) => i.configured).length;\n  return (\n    <div className=\"flex items-center justify-between border-t px-4 py-2.5 first:border-t-0\">\n      <div className=\"flex items-center gap-2 min-w-0\">\n        <div\n          className=\"h-5 w-5 rounded text-[10px] font-bold text-white flex items-center justify-center shrink-0\"\n          style={{ backgroundColor: app.color }}\n        >\n          {app.appName.charAt(0).toUpperCase()}\n        </div>\n        <span className=\"text-sm truncate\">{app.appName}</span>\n        {!app.reachable && (\n          <span className=\"text-xs text-muted-foreground\">offline</span>\n        )}\n      </div>\n      <span className=\"text-xs text-muted-foreground\">\n        {total === 0 ? \"no integrations\" : `${ok}/${total}`}\n      </span>\n    </div>\n  );\n}\n\nexport default function ConnectionsRoute() {\n  const { data: catalog, isLoading } = useActionQuery(\n    \"list-integrations-catalog\",\n    {},\n  );\n  const { data: accessSettings } = useActionQuery(\n    \"get-vault-access-settings\",\n    {},\n  );\n  const apps = (catalog as CatalogApp[]) || [];\n  const accessMode =\n    (accessSettings as any)?.mode === \"manual\" ? \"manual\" : \"all-apps\";\n\n  const services = useMemo<Service[]>(() => {\n    const map = new Map<string, Service>();\n    for (const app of apps) {\n      for (const intg of app.integrations ?? []) {\n        if (!map.has(intg.key)) {\n          map.set(intg.key, {\n            key: intg.key,\n            label: intg.label,\n            apps: [],\n          });\n        }\n        map.get(intg.key)!.apps.push({\n          appId: app.appId,\n          appName: app.appName,\n          color: app.color,\n          configured: intg.configured,\n          vaultGranted: intg.vaultGranted,\n          vaultSecretId: intg.vaultSecretId,\n        });\n      }\n    }\n    return Array.from(map.values()).sort((a, b) =>\n      a.label.localeCompare(b.label),\n    );\n  }, [apps]);\n\n  const available = services.filter((s) => !s.apps.some((a) => a.configured));\n  const connected = services.filter((s) => s.apps.some((a) => a.configured));\n\n  return (\n    <DispatchShell\n      title=\"Connections\"\n      description=\"Connect services once. Apps that need them pick up the key automatically.\"\n    >\n      {isLoading && services.length === 0 && (\n        <div className=\"rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground\">\n          Discovering apps and credentials…\n        </div>\n      )}\n\n      {!isLoading && services.length === 0 && (\n        <div className=\"rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground\">\n          No apps with declared integrations are reachable yet.\n        </div>\n      )}\n\n      {available.length > 0 && (\n        <section>\n          <div className=\"mb-3 flex items-baseline justify-between\">\n            <h2 className=\"text-sm font-medium text-foreground\">\n              Available to connect\n            </h2>\n            <span className=\"text-xs text-muted-foreground\">\n              {available.length}\n            </span>\n          </div>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {available.map((service) => (\n              <ConnectorCard\n                key={service.key}\n                service={service}\n                accessMode={accessMode}\n              />\n            ))}\n          </div>\n        </section>\n      )}\n\n      {connected.length > 0 && (\n        <section>\n          <div className=\"mb-3 mt-2 flex items-baseline justify-between\">\n            <h2 className=\"text-sm font-medium text-foreground\">Connected</h2>\n            <span className=\"text-xs text-muted-foreground\">\n              {connected.length}\n            </span>\n          </div>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {connected.map((service) => (\n              <ConnectorCard\n                key={service.key}\n                service={service}\n                accessMode={accessMode}\n              />\n            ))}\n          </div>\n        </section>\n      )}\n\n      {apps.length > 0 && (\n        <Collapsible className=\"mt-6 rounded-2xl border bg-card\">\n          <CollapsibleTrigger className=\"flex w-full items-center justify-between px-4 py-3 text-sm\">\n            <span className=\"flex items-center gap-2 text-muted-foreground\">\n              <IconPlugConnected size={14} />\n              Per-app status\n            </span>\n            <IconChevronRight\n              size={14}\n              className=\"text-muted-foreground transition group-data-[state=open]:rotate-90\"\n            />\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <div className=\"border-t\">\n              {apps.map((app) => (\n                <PerAppDetailRow key={app.appId} app={app} />\n              ))}\n            </div>\n            <div className=\"flex items-center justify-end gap-1.5 border-t px-4 py-2.5 text-xs text-muted-foreground\">\n              <IconLink size={12} />\n              <a href=\"/vault\" className=\"hover:underline\">\n                Open vault for advanced sharing\n              </a>\n            </div>\n          </CollapsibleContent>\n        </Collapsible>\n      )}\n    </DispatchShell>\n  );\n}\n"]}