@agent-native/dispatch 0.12.2 → 0.13.0

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 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 { resolveServerCatchAllTarget } 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 async 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 = await resolveServerCatchAllTarget(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"]}
+{"version":3,"file":"$appId.js","sourceRoot":"","sources":["../../../src/routes/pages/$appId.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery, appPath, useT } from \"@agent-native/core/client\";\nimport {\n  IconArrowLeft,\n  IconArrowUpRight,\n  IconClockHour4,\n} from \"@tabler/icons-react\";\nimport { useEffect, useMemo } from \"react\";\nimport {\n  Link,\n  Navigate,\n  redirect,\n  useParams,\n  type ClientLoaderFunctionArgs,\n  type LoaderFunctionArgs,\n} from \"react-router\";\n\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { Spinner } from \"@/components/ui/spinner\";\nimport { resolveServerCatchAllTarget } 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 async 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 = await resolveServerCatchAllTarget(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 t = useT();\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 || t(\"dispatch.pages.pageNotFound\")}\n      description={t(\"dispatch.pages.pageNotFoundDescription\")}\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            {t(\"dispatch.nav.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                {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 href={app.builderUrl} target=\"_blank\" rel=\"noreferrer\">\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.pageNotFound\")}\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              <span className=\"font-mono text-foreground\">/{appId}</span> isn't\n              {t(\"dispatch.pages.notDispatchOrWorkspaceApp\")}\n            </p>\n            <Button asChild>\n              <Link to={appPath(\"/apps\")}>\n                {t(\"dispatch.pages.browseApps\")}\n              </Link>\n            </Button>\n          </div>\n        )}\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

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

@@ -2,21 +2,21 @@ import { type LoaderFunctionArgs } from "react-router";
 export declare function meta(): ({
     title: string;
     name?: undefined;
-    content?: undefined;
     property?: undefined;
+    content?: undefined;
 } | {
+    title?: undefined;
     name: string;
     content: string;
-    title?: undefined;
     property?: undefined;
 } | {
-    property: string;
-    content: string;
     title?: undefined;
     name?: undefined;
+    property: string;
+    content: string;
 })[];
-export declare function loader({ request }: LoaderFunctionArgs): void;
-export declare function clientLoader({ request }: LoaderFunctionArgs): void;
-export declare function HydrateFallback(): import("react/jsx-runtime").JSX.Element;
+export declare function loader({ url }: LoaderFunctionArgs): void;
+export declare function clientLoader({ url }: LoaderFunctionArgs): void;
+export declare function HydrateFallback(): import("node_modules/@types/react").JSX.Element;
 export default function IndexPage(): null;
 //# sourceMappingURL=_index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"_index.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/_index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AASjE,wBAAgB,IAAI;;;;;;;;;;;;;;;KAanB;AAmBD,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,kBAAkB,QAErD;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,kBAAkB,QAE3D;AAED,wBAAgB,eAAe,4CAM9B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,SAEhC"}
+{"version":3,"file":"_index.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/_index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AASjE,wBAAgB,IAAI;;;;;;;;;;;;;;;KAanB;AAkBD,wBAAgB,MAAM,CAAC,EAAE,GAAG,EAAE,EAAE,kBAAkB,QAEjD;AAED,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,EAAE,kBAAkB,QAEvD;AAED,wBAAgB,eAAe,oDAM9B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,SAEhC"}

package/dist/routes/pages/_index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { redirect } from "react-router";
 import { appPath } from "@agent-native/core/client";
+import { redirect } from "react-router";
 import { Spinner } from "../../components/ui/spinner.js";
 const SEO_TITLE = "Agent-Native Dispatch - Open Source workspace control plane for AI agents";
 const SEO_DESCRIPTION = "Open Source workspace control plane for AI agents to manage apps, secrets, approvals, messages, jobs, and cross-app delegation.";
@@ -30,15 +30,14 @@ export function meta() {
  * "Open thread" button survive the bounce — `useThreadDeepLink` in
  * `root.tsx` reads them after the redirect lands and opens `/chat`.
  */
-function buildTarget(request) {
-    const url = new URL(request.url);
+function buildTarget(url) {
     return appPath(`/overview${url.search}${url.hash}`);
 }
-export function loader({ request }) {
-    throw redirect(buildTarget(request));
+export function loader({ url }) {
+    throw redirect(buildTarget(url));
 }
-export function clientLoader({ request }) {
-    throw redirect(buildTarget(request));
+export function clientLoader({ url }) {
+    throw redirect(buildTarget(url));
 }
 export function HydrateFallback() {
     return (_jsx("div", { className: "flex items-center justify-center h-screen w-full", children: _jsx(Spinner, { className: "size-8" }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"_index.js","sourceRoot":"","sources":["../../../src/routes/pages/_index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,MAAM,SAAS,GACb,2EAA2E,CAAC;AAC9E,MAAM,eAAe,GACnB,iIAAiI,CAAC;AAEpI,MAAM,UAAU,IAAI;IAClB,OAAO;QACL,EAAE,KAAK,EAAE,SAAS,EAAE;QACpB;YACE,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,eAAe;SACzB;QACD,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5C,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,eAAe,EAAE;QACxD,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5C,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7C,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,eAAe,EAAE;KAC1D,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,SAAS,WAAW,CAAC,OAAgB;IACnC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACjC,OAAO,OAAO,CAAC,YAAY,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,EAAsB;IACpD,MAAM,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAsB;IAC1D,MAAM,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC1B,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import { redirect, type LoaderFunctionArgs } from \"react-router\";\nimport { appPath } from \"@agent-native/core/client\";\nimport { Spinner } from \"@/components/ui/spinner\";\n\nconst SEO_TITLE =\n  \"Agent-Native Dispatch - Open Source workspace control plane for AI agents\";\nconst SEO_DESCRIPTION =\n  \"Open Source workspace control plane for AI agents to manage apps, secrets, approvals, messages, jobs, and cross-app delegation.\";\n\nexport function meta() {\n  return [\n    { title: SEO_TITLE },\n    {\n      name: \"description\",\n      content: SEO_DESCRIPTION,\n    },\n    { property: \"og:title\", content: SEO_TITLE },\n    { property: \"og:description\", content: SEO_DESCRIPTION },\n    { name: \"twitter:card\", content: \"summary\" },\n    { name: \"twitter:title\", content: SEO_TITLE },\n    { name: \"twitter:description\", content: SEO_DESCRIPTION },\n  ];\n}\n\n/**\n * Run the redirect on both the server and the client. A client-only\n * `<Navigate>` can drop during hydration (before the route tree is fully\n * attached), leaving the user stranded on `/` with a blank main area while\n * the layout chrome around it still renders. A `loader` redirect runs as\n * part of the server response and the navigation completes before the app\n * hydrates; `clientLoader` covers SPA-style navigations to `/`.\n *\n * We preserve `?` and `#` so deep-links like `?thread=<id>` from a Slack\n * \"Open thread\" button survive the bounce — `useThreadDeepLink` in\n * `root.tsx` reads them after the redirect lands and opens `/chat`.\n */\nfunction buildTarget(request: Request): string {\n  const url = new URL(request.url);\n  return appPath(`/overview${url.search}${url.hash}`);\n}\n\nexport function loader({ request }: LoaderFunctionArgs) {\n  throw redirect(buildTarget(request));\n}\n\nexport function clientLoader({ request }: LoaderFunctionArgs) {\n  throw redirect(buildTarget(request));\n}\n\nexport function HydrateFallback() {\n  return (\n    <div className=\"flex items-center justify-center h-screen w-full\">\n      <Spinner className=\"size-8\" />\n    </div>\n  );\n}\n\nexport default function IndexPage() {\n  return null;\n}\n"]}
+{"version":3,"file":"_index.js","sourceRoot":"","sources":["../../../src/routes/pages/_index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAA2B,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,MAAM,SAAS,GACb,2EAA2E,CAAC;AAC9E,MAAM,eAAe,GACnB,iIAAiI,CAAC;AAEpI,MAAM,UAAU,IAAI;IAClB,OAAO;QACL,EAAE,KAAK,EAAE,SAAS,EAAE;QACpB;YACE,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,eAAe;SACzB;QACD,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5C,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,eAAe,EAAE;QACxD,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5C,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7C,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,eAAe,EAAE;KAC1D,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,SAAS,WAAW,CAAC,GAAQ;IAC3B,OAAO,OAAO,CAAC,YAAY,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EAAE,GAAG,EAAsB;IAChD,MAAM,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,GAAG,EAAsB;IACtD,MAAM,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC1B,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import { appPath } from \"@agent-native/core/client\";\nimport { redirect, type LoaderFunctionArgs } from \"react-router\";\n\nimport { Spinner } from \"@/components/ui/spinner\";\n\nconst SEO_TITLE =\n  \"Agent-Native Dispatch - Open Source workspace control plane for AI agents\";\nconst SEO_DESCRIPTION =\n  \"Open Source workspace control plane for AI agents to manage apps, secrets, approvals, messages, jobs, and cross-app delegation.\";\n\nexport function meta() {\n  return [\n    { title: SEO_TITLE },\n    {\n      name: \"description\",\n      content: SEO_DESCRIPTION,\n    },\n    { property: \"og:title\", content: SEO_TITLE },\n    { property: \"og:description\", content: SEO_DESCRIPTION },\n    { name: \"twitter:card\", content: \"summary\" },\n    { name: \"twitter:title\", content: SEO_TITLE },\n    { name: \"twitter:description\", content: SEO_DESCRIPTION },\n  ];\n}\n\n/**\n * Run the redirect on both the server and the client. A client-only\n * `<Navigate>` can drop during hydration (before the route tree is fully\n * attached), leaving the user stranded on `/` with a blank main area while\n * the layout chrome around it still renders. A `loader` redirect runs as\n * part of the server response and the navigation completes before the app\n * hydrates; `clientLoader` covers SPA-style navigations to `/`.\n *\n * We preserve `?` and `#` so deep-links like `?thread=<id>` from a Slack\n * \"Open thread\" button survive the bounce — `useThreadDeepLink` in\n * `root.tsx` reads them after the redirect lands and opens `/chat`.\n */\nfunction buildTarget(url: URL): string {\n  return appPath(`/overview${url.search}${url.hash}`);\n}\n\nexport function loader({ url }: LoaderFunctionArgs) {\n  throw redirect(buildTarget(url));\n}\n\nexport function clientLoader({ url }: LoaderFunctionArgs) {\n  throw redirect(buildTarget(url));\n}\n\nexport function HydrateFallback() {\n  return (\n    <div className=\"flex items-center justify-center h-screen w-full\">\n      <Spinner className=\"size-8\" />\n    </div>\n  );\n}\n\nexport default function IndexPage() {\n  return null;\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"agents.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/agents.tsx"],"names":[],"mappings":"AAcA,wBAAgB,IAAI;;IAEnB;AA2KD,MAAM,CAAC,OAAO,UAAU,WAAW,4CAiBlC"}
+{"version":3,"file":"agents.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/agents.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,IAAI;;IAEnB;AAgLD,MAAM,CAAC,OAAO,UAAU,WAAW,oDAkBlC"}

package/dist/routes/pages/agents.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { agentNativePath, useActionMutation, useActionQuery, useT, } from "@agent-native/core/client";
+import { IconCheck, IconCopy, IconPlugConnected } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
-import { agentNativePath, useActionMutation, useActionQuery, } from "@agent-native/core/client";
+import { toast } from "sonner";
 import { AgentsPanel } from "../../components/agents-panel.js";
 import { DispatchShell } from "../../components/dispatch-shell.js";
 import { Button } from "../../components/ui/button.js";
 import { Input } from "../../components/ui/input.js";
 import { Switch } from "../../components/ui/switch.js";
-import { IconCheck, IconCopy, IconPlugConnected } from "@tabler/icons-react";
-import { toast } from "sonner";
 export function meta() {
     return [{ title: "Agents — Dispatch" }];
 }
@@ -18,12 +18,13 @@ function dispatchMcpUrl() {
     return new URL(path, window.location.origin).href;
 }
 function DispatchMcpAccessPanel() {
+    const t = useT();
     const { data, isLoading } = useActionQuery("list-mcp-app-access", {});
     const [optimistic, setOptimistic] = useState(null);
     const saveAccess = useActionMutation("set-mcp-app-access", {
         onSuccess: () => {
             setOptimistic(null);
-            toast.success("MCP app access updated");
+            toast.success(t("dispatch.pages.mcpAccessUpdated"));
         },
         onError: (error) => {
             setOptimistic(null);
@@ -44,7 +45,7 @@ function DispatchMcpAccessPanel() {
     const mcpUrl = dispatchMcpUrl();
     function persist(next) {
         if (next.mode === "selected-apps" && next.selectedAppIds.length === 0) {
-            toast.error("Select at least one app, or expose all apps.");
+            toast.error(t("dispatch.pages.selectAppForMcp"));
             return;
         }
         setOptimistic(next);
@@ -59,25 +60,30 @@ function DispatchMcpAccessPanel() {
     async function copyUrl() {
         try {
             await navigator.clipboard.writeText(mcpUrl);
-            toast.success("MCP URL copied");
+            toast.success(t("dispatch.pages.mcpUrlCopied"));
         }
         catch {
-            toast.error("Could not copy MCP URL");
+            toast.error(t("dispatch.pages.mcpUrlCopyFailed"));
         }
     }
-    return (_jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [_jsx(IconPlugConnected, { size: 16 }), "Unified MCP gateway"] }), _jsxs("div", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: ["Connect external agents to Dispatch once, then route to granted workspace apps through ", _jsx("code", { children: "list_apps" }), ", ", _jsx("code", { children: "ask_app" }), ", and ", _jsx("code", { children: "open_app" }), "."] })] }), _jsxs("div", { className: "flex items-center gap-3 rounded-xl border px-3 py-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-medium text-foreground", children: access.mode === "all-apps" ? "All apps" : "Selected apps" }), _jsx("div", { className: "text-xs text-muted-foreground", children: isLoading ? "Loading" : `${grantedCount} granted` })] }), _jsx(Switch, { checked: access.mode === "all-apps", disabled: saveAccess.isPending || apps.length === 0, onCheckedChange: (checked) => persist({
+    return (_jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [_jsx(IconPlugConnected, { size: 16 }), t("dispatch.pages.unifiedMcpGateway")] }), _jsxs("div", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: [t("dispatch.pages.unifiedMcpGatewayDescription"), " ", _jsx("code", { children: "list_apps" }), ", ", _jsx("code", { children: "ask_app" }), ", and", " ", _jsx("code", { children: "open_app" }), "."] })] }), _jsxs("div", { className: "flex items-center gap-3 rounded-xl border px-3 py-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-medium text-foreground", children: access.mode === "all-apps"
+                                            ? t("dispatch.pages.allApps")
+                                            : t("dispatch.pages.selectedApps") }), _jsx("div", { className: "text-xs text-muted-foreground", children: isLoading
+                                            ? t("dispatch.pages.loading")
+                                            : t("dispatch.pages.grantedCount", { count: grantedCount }) })] }), _jsx(Switch, { checked: access.mode === "all-apps", disabled: saveAccess.isPending || apps.length === 0, onCheckedChange: (checked) => persist({
                                     mode: checked ? "all-apps" : "selected-apps",
                                     selectedAppIds: checked
                                         ? access.selectedAppIds
                                         : apps.map((app) => app.id),
-                                }), "aria-label": "Expose all apps through Dispatch MCP" })] })] }), _jsxs("div", { className: "mt-4 flex flex-col gap-2 sm:flex-row", children: [_jsx(Input, { readOnly: true, value: mcpUrl, className: "font-mono text-xs" }), _jsxs(Button, { type: "button", variant: "outline", onClick: copyUrl, children: [_jsx(IconCopy, { size: 15 }), "Copy URL"] })] }), access.mode === "selected-apps" ? (_jsx("div", { className: "mt-4 grid gap-2 sm:grid-cols-2 xl:grid-cols-3", children: apps.map((app) => {
+                                }), "aria-label": t("dispatch.pages.exposeAllAppsMcp") })] })] }), _jsxs("div", { className: "mt-4 flex flex-col gap-2 sm:flex-row", children: [_jsx(Input, { readOnly: true, value: mcpUrl, className: "font-mono text-xs" }), _jsxs(Button, { type: "button", variant: "outline", onClick: copyUrl, children: [_jsx(IconCopy, { size: 15 }), t("dispatch.pages.copyUrl")] })] }), access.mode === "selected-apps" ? (_jsx("div", { className: "mt-4 grid gap-2 sm:grid-cols-2 xl:grid-cols-3", children: apps.map((app) => {
                     const isSelected = selected.has(app.id);
                     return (_jsxs("button", { type: "button", disabled: saveAccess.isPending &&
                             optimistic?.selectedAppIds.includes(app.id) !== isSelected, onClick: () => toggleApp(app.id), className: "flex min-h-[76px] items-start gap-3 rounded-xl border bg-muted/20 px-3 py-3 text-left transition hover:bg-muted/40 disabled:cursor-not-allowed disabled:opacity-60", "aria-pressed": isSelected, children: [_jsx("span", { className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-xs font-bold text-white", style: { backgroundColor: app.color }, children: app.name.charAt(0).toUpperCase() }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsxs("span", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [app.name, isSelected ? (_jsx(IconCheck, { size: 14, className: "text-emerald-500" })) : null] }), _jsx("span", { className: "mt-1 line-clamp-2 block text-xs text-muted-foreground", children: app.description || app.url })] })] }, app.id));
                 }) })) : null] }));
 }
 export default function AgentsRoute() {
+    const t = useT();
     const { data, refetch } = useActionQuery("list-connected-agents", {});
-    return (_jsx(DispatchShell, { title: "Agents", description: "Dispatch can delegate to the built-in app suite over A2A by default. Add extra agents here only if you want to route work to apps outside that built-in set.", children: _jsxs("div", { className: "space-y-4", children: [_jsx(DispatchMcpAccessPanel, {}), _jsx(AgentsPanel, { agents: (data || []), onRefresh: refetch })] }) }));
+    return (_jsx(DispatchShell, { title: t("dispatch.nav.agents"), description: t("dispatch.pages.agentsDescription"), children: _jsxs("div", { className: "space-y-4", children: [_jsx(DispatchMcpAccessPanel, {}), _jsx(AgentsPanel, { agents: (data || []), onRefresh: refetch })] }) }));
 }
 //# sourceMappingURL=agents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"agents.js","sourceRoot":"","sources":["../../../src/routes/pages/agents.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from \"react\";\nimport {\n  agentNativePath,\n  useActionMutation,\n  useActionQuery,\n} from \"@agent-native/core/client\";\nimport { AgentsPanel, type ConnectedAgent } from \"@/components/agents-panel\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { IconCheck, IconCopy, IconPlugConnected } from \"@tabler/icons-react\";\nimport { toast } from \"sonner\";\n\nexport function meta() {\n  return [{ title: \"Agents — Dispatch\" }];\n}\n\ninterface McpAccessApp {\n  id: string;\n  name: string;\n  description: string;\n  url: string;\n  color: string;\n  granted: boolean;\n}\n\ntype McpAccessMode = \"all-apps\" | \"selected-apps\";\n\ninterface McpAccessState {\n  mode: McpAccessMode;\n  selectedAppIds: string[];\n}\n\nfunction dispatchMcpUrl(): string {\n  const path = agentNativePath(\"/_agent-native/mcp\");\n  if (typeof window === \"undefined\") return path;\n  return new URL(path, window.location.origin).href;\n}\n\nfunction DispatchMcpAccessPanel() {\n  const { data, isLoading } = useActionQuery(\"list-mcp-app-access\", {});\n  const [optimistic, setOptimistic] = useState<McpAccessState | null>(null);\n  const saveAccess = useActionMutation(\"set-mcp-app-access\", {\n    onSuccess: () => {\n      setOptimistic(null);\n      toast.success(\"MCP app access updated\");\n    },\n    onError: (error) => {\n      setOptimistic(null);\n      toast.error(error.message);\n    },\n  });\n\n  const apps = ((data as { apps?: McpAccessApp[] } | undefined)?.apps ??\n    []) as McpAccessApp[];\n  const access =\n    optimistic ??\n    ({\n      mode: ((data as { mode?: McpAccessMode } | undefined)?.mode ??\n        \"all-apps\") as McpAccessMode,\n      selectedAppIds:\n        (data as { selectedAppIds?: string[] } | undefined)?.selectedAppIds ??\n        [],\n    } satisfies McpAccessState);\n  const selected = useMemo(\n    () => new Set(access.selectedAppIds),\n    [access.selectedAppIds],\n  );\n  const grantedCount =\n    access.mode === \"all-apps\" ? apps.length : access.selectedAppIds.length;\n  const mcpUrl = dispatchMcpUrl();\n\n  function persist(next: McpAccessState) {\n    if (next.mode === \"selected-apps\" && next.selectedAppIds.length === 0) {\n      toast.error(\"Select at least one app, or expose all apps.\");\n      return;\n    }\n    setOptimistic(next);\n    saveAccess.mutate(next);\n  }\n\n  function toggleApp(appId: string) {\n    const next = selected.has(appId)\n      ? access.selectedAppIds.filter((id) => id !== appId)\n      : [...access.selectedAppIds, appId];\n    persist({ mode: \"selected-apps\", selectedAppIds: next });\n  }\n\n  async function copyUrl() {\n    try {\n      await navigator.clipboard.writeText(mcpUrl);\n      toast.success(\"MCP URL copied\");\n    } catch {\n      toast.error(\"Could not copy MCP URL\");\n    }\n  }\n\n  return (\n    <section className=\"rounded-2xl border bg-card p-5\">\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\n            <IconPlugConnected size={16} />\n            Unified MCP gateway\n          </div>\n          <div className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">\n            Connect external agents to Dispatch once, then route to granted\n            workspace apps through <code>list_apps</code>, <code>ask_app</code>,\n            and <code>open_app</code>.\n          </div>\n        </div>\n        <div className=\"flex items-center gap-3 rounded-xl border px-3 py-2\">\n          <div>\n            <div className=\"text-xs font-medium text-foreground\">\n              {access.mode === \"all-apps\" ? \"All apps\" : \"Selected apps\"}\n            </div>\n            <div className=\"text-xs text-muted-foreground\">\n              {isLoading ? \"Loading\" : `${grantedCount} granted`}\n            </div>\n          </div>\n          <Switch\n            checked={access.mode === \"all-apps\"}\n            disabled={saveAccess.isPending || apps.length === 0}\n            onCheckedChange={(checked) =>\n              persist({\n                mode: checked ? \"all-apps\" : \"selected-apps\",\n                selectedAppIds: checked\n                  ? access.selectedAppIds\n                  : apps.map((app) => app.id),\n              })\n            }\n            aria-label=\"Expose all apps through Dispatch MCP\"\n          />\n        </div>\n      </div>\n\n      <div className=\"mt-4 flex flex-col gap-2 sm:flex-row\">\n        <Input readOnly value={mcpUrl} className=\"font-mono text-xs\" />\n        <Button type=\"button\" variant=\"outline\" onClick={copyUrl}>\n          <IconCopy size={15} />\n          Copy URL\n        </Button>\n      </div>\n\n      {access.mode === \"selected-apps\" ? (\n        <div className=\"mt-4 grid gap-2 sm:grid-cols-2 xl:grid-cols-3\">\n          {apps.map((app) => {\n            const isSelected = selected.has(app.id);\n            return (\n              <button\n                key={app.id}\n                type=\"button\"\n                disabled={\n                  saveAccess.isPending &&\n                  optimistic?.selectedAppIds.includes(app.id) !== isSelected\n                }\n                onClick={() => toggleApp(app.id)}\n                className=\"flex min-h-[76px] items-start gap-3 rounded-xl border bg-muted/20 px-3 py-3 text-left transition hover:bg-muted/40 disabled:cursor-not-allowed disabled:opacity-60\"\n                aria-pressed={isSelected}\n              >\n                <span\n                  className=\"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-xs font-bold text-white\"\n                  style={{ backgroundColor: app.color }}\n                >\n                  {app.name.charAt(0).toUpperCase()}\n                </span>\n                <span className=\"min-w-0 flex-1\">\n                  <span className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\n                    {app.name}\n                    {isSelected ? (\n                      <IconCheck size={14} className=\"text-emerald-500\" />\n                    ) : null}\n                  </span>\n                  <span className=\"mt-1 line-clamp-2 block text-xs text-muted-foreground\">\n                    {app.description || app.url}\n                  </span>\n                </span>\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n    </section>\n  );\n}\n\nexport default function AgentsRoute() {\n  const { data, refetch } = useActionQuery(\"list-connected-agents\", {});\n\n  return (\n    <DispatchShell\n      title=\"Agents\"\n      description=\"Dispatch can delegate to the built-in app suite over A2A by default. Add extra agents here only if you want to route work to apps outside that built-in set.\"\n    >\n      <div className=\"space-y-4\">\n        <DispatchMcpAccessPanel />\n        <AgentsPanel\n          agents={(data || []) as ConnectedAgent[]}\n          onRefresh={refetch}\n        />\n      </div>\n    </DispatchShell>\n  );\n}\n"]}
+{"version":3,"file":"agents.js","sourceRoot":"","sources":["../../../src/routes/pages/agents.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  agentNativePath,\n  useActionMutation,\n  useActionQuery,\n  useT,\n} from \"@agent-native/core/client\";\nimport { IconCheck, IconCopy, IconPlugConnected } from \"@tabler/icons-react\";\nimport { useMemo, useState } from \"react\";\nimport { toast } from \"sonner\";\n\nimport { AgentsPanel, type ConnectedAgent } from \"@/components/agents-panel\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Switch } from \"@/components/ui/switch\";\n\nexport function meta() {\n  return [{ title: \"Agents — Dispatch\" }];\n}\n\ninterface McpAccessApp {\n  id: string;\n  name: string;\n  description: string;\n  url: string;\n  color: string;\n  granted: boolean;\n}\n\ntype McpAccessMode = \"all-apps\" | \"selected-apps\";\n\ninterface McpAccessState {\n  mode: McpAccessMode;\n  selectedAppIds: string[];\n}\n\nfunction dispatchMcpUrl(): string {\n  const path = agentNativePath(\"/_agent-native/mcp\");\n  if (typeof window === \"undefined\") return path;\n  return new URL(path, window.location.origin).href;\n}\n\nfunction DispatchMcpAccessPanel() {\n  const t = useT();\n  const { data, isLoading } = useActionQuery(\"list-mcp-app-access\", {});\n  const [optimistic, setOptimistic] = useState<McpAccessState | null>(null);\n  const saveAccess = useActionMutation(\"set-mcp-app-access\", {\n    onSuccess: () => {\n      setOptimistic(null);\n      toast.success(t(\"dispatch.pages.mcpAccessUpdated\"));\n    },\n    onError: (error) => {\n      setOptimistic(null);\n      toast.error(error.message);\n    },\n  });\n\n  const apps = ((data as { apps?: McpAccessApp[] } | undefined)?.apps ??\n    []) as McpAccessApp[];\n  const access =\n    optimistic ??\n    ({\n      mode: ((data as { mode?: McpAccessMode } | undefined)?.mode ??\n        \"all-apps\") as McpAccessMode,\n      selectedAppIds:\n        (data as { selectedAppIds?: string[] } | undefined)?.selectedAppIds ??\n        [],\n    } satisfies McpAccessState);\n  const selected = useMemo(\n    () => new Set(access.selectedAppIds),\n    [access.selectedAppIds],\n  );\n  const grantedCount =\n    access.mode === \"all-apps\" ? apps.length : access.selectedAppIds.length;\n  const mcpUrl = dispatchMcpUrl();\n\n  function persist(next: McpAccessState) {\n    if (next.mode === \"selected-apps\" && next.selectedAppIds.length === 0) {\n      toast.error(t(\"dispatch.pages.selectAppForMcp\"));\n      return;\n    }\n    setOptimistic(next);\n    saveAccess.mutate(next);\n  }\n\n  function toggleApp(appId: string) {\n    const next = selected.has(appId)\n      ? access.selectedAppIds.filter((id) => id !== appId)\n      : [...access.selectedAppIds, appId];\n    persist({ mode: \"selected-apps\", selectedAppIds: next });\n  }\n\n  async function copyUrl() {\n    try {\n      await navigator.clipboard.writeText(mcpUrl);\n      toast.success(t(\"dispatch.pages.mcpUrlCopied\"));\n    } catch {\n      toast.error(t(\"dispatch.pages.mcpUrlCopyFailed\"));\n    }\n  }\n\n  return (\n    <section className=\"rounded-2xl border bg-card p-5\">\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\n            <IconPlugConnected size={16} />\n            {t(\"dispatch.pages.unifiedMcpGateway\")}\n          </div>\n          <div className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">\n            {t(\"dispatch.pages.unifiedMcpGatewayDescription\")}{\" \"}\n            <code>list_apps</code>, <code>ask_app</code>, and{\" \"}\n            <code>open_app</code>.\n          </div>\n        </div>\n        <div className=\"flex items-center gap-3 rounded-xl border px-3 py-2\">\n          <div>\n            <div className=\"text-xs font-medium text-foreground\">\n              {access.mode === \"all-apps\"\n                ? t(\"dispatch.pages.allApps\")\n                : t(\"dispatch.pages.selectedApps\")}\n            </div>\n            <div className=\"text-xs text-muted-foreground\">\n              {isLoading\n                ? t(\"dispatch.pages.loading\")\n                : t(\"dispatch.pages.grantedCount\", { count: grantedCount })}\n            </div>\n          </div>\n          <Switch\n            checked={access.mode === \"all-apps\"}\n            disabled={saveAccess.isPending || apps.length === 0}\n            onCheckedChange={(checked) =>\n              persist({\n                mode: checked ? \"all-apps\" : \"selected-apps\",\n                selectedAppIds: checked\n                  ? access.selectedAppIds\n                  : apps.map((app) => app.id),\n              })\n            }\n            aria-label={t(\"dispatch.pages.exposeAllAppsMcp\")}\n          />\n        </div>\n      </div>\n\n      <div className=\"mt-4 flex flex-col gap-2 sm:flex-row\">\n        <Input readOnly value={mcpUrl} className=\"font-mono text-xs\" />\n        <Button type=\"button\" variant=\"outline\" onClick={copyUrl}>\n          <IconCopy size={15} />\n          {t(\"dispatch.pages.copyUrl\")}\n        </Button>\n      </div>\n\n      {access.mode === \"selected-apps\" ? (\n        <div className=\"mt-4 grid gap-2 sm:grid-cols-2 xl:grid-cols-3\">\n          {apps.map((app) => {\n            const isSelected = selected.has(app.id);\n            return (\n              <button\n                key={app.id}\n                type=\"button\"\n                disabled={\n                  saveAccess.isPending &&\n                  optimistic?.selectedAppIds.includes(app.id) !== isSelected\n                }\n                onClick={() => toggleApp(app.id)}\n                className=\"flex min-h-[76px] items-start gap-3 rounded-xl border bg-muted/20 px-3 py-3 text-left transition hover:bg-muted/40 disabled:cursor-not-allowed disabled:opacity-60\"\n                aria-pressed={isSelected}\n              >\n                <span\n                  className=\"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-xs font-bold text-white\"\n                  style={{ backgroundColor: app.color }}\n                >\n                  {app.name.charAt(0).toUpperCase()}\n                </span>\n                <span className=\"min-w-0 flex-1\">\n                  <span className=\"flex items-center gap-2 text-sm font-medium text-foreground\">\n                    {app.name}\n                    {isSelected ? (\n                      <IconCheck size={14} className=\"text-emerald-500\" />\n                    ) : null}\n                  </span>\n                  <span className=\"mt-1 line-clamp-2 block text-xs text-muted-foreground\">\n                    {app.description || app.url}\n                  </span>\n                </span>\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n    </section>\n  );\n}\n\nexport default function AgentsRoute() {\n  const t = useT();\n  const { data, refetch } = useActionQuery(\"list-connected-agents\", {});\n\n  return (\n    <DispatchShell\n      title={t(\"dispatch.nav.agents\")}\n      description={t(\"dispatch.pages.agentsDescription\")}\n    >\n      <div className=\"space-y-4\">\n        <DispatchMcpAccessPanel />\n        <AgentsPanel\n          agents={(data || []) as ConnectedAgent[]}\n          onRefresh={refetch}\n        />\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"approval.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/approval.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,IAAI;;IAEnB;AAoCD,MAAM,CAAC,OAAO,UAAU,oBAAoB,4CA8N3C"}
+{"version":3,"file":"approval.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/approval.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,IAAI;;IAEnB;AAoCD,MAAM,CAAC,OAAO,UAAU,oBAAoB,oDA8N3C"}

package/dist/routes/pages/approval.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSearchParams } from "react-router";
 import { useActionMutation, useActionQuery, isInAgentEmbed, postNavigate, appPath, } from "@agent-native/core/client";
+import { IconCheck, IconX, IconArrowUpRight, IconShieldCheck, IconClock, IconAlertCircle, } from "@tabler/icons-react";
+import { useSearchParams } from "react-router";
 import { toast } from "sonner";
 import { ApprovalValueBlock, parseApprovalValue, } from "../../components/approval-value-block.js";
-import { Button } from "../../components/ui/button.js";
 import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
-import { IconCheck, IconX, IconArrowUpRight, IconShieldCheck, IconClock, IconAlertCircle, } from "@tabler/icons-react";
 export function meta() {
     return [{ title: "Approval — Dispatch" }];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"approval.js","sourceRoot":"","sources":["../../../src/routes/pages/approval.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useSearchParams } from \"react-router\";\nimport {\n  useActionMutation,\n  useActionQuery,\n  isInAgentEmbed,\n  postNavigate,\n  appPath,\n} from \"@agent-native/core/client\";\nimport { toast } from \"sonner\";\nimport {\n  ApprovalValueBlock,\n  parseApprovalValue,\n} from \"@/components/approval-value-block\";\nimport { Button } from \"@/components/ui/button\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  IconCheck,\n  IconX,\n  IconArrowUpRight,\n  IconShieldCheck,\n  IconClock,\n  IconAlertCircle,\n} from \"@tabler/icons-react\";\n\nexport function meta() {\n  return [{ title: \"Approval — Dispatch\" }];\n}\n\nfunction StatusBadge({ status }: { status: string }) {\n  if (status === \"pending\") {\n    return (\n      <Badge\n        variant=\"outline\"\n        className=\"gap-1.5 border-amber-500/40 bg-amber-500/10 text-amber-600 dark:text-amber-400\"\n      >\n        <IconClock size={11} />\n        Pending\n      </Badge>\n    );\n  }\n  if (status === \"approved\") {\n    return (\n      <Badge\n        variant=\"outline\"\n        className=\"gap-1.5 border-emerald-500/40 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\"\n      >\n        <IconCheck size={11} />\n        Approved\n      </Badge>\n    );\n  }\n  return (\n    <Badge\n      variant=\"outline\"\n      className=\"gap-1.5 border-red-500/40 bg-red-500/10 text-red-600 dark:text-red-400\"\n    >\n      <IconX size={11} />\n      Rejected\n    </Badge>\n  );\n}\n\nexport default function ApprovalPreviewRoute() {\n  const [searchParams] = useSearchParams();\n  const id = searchParams.get(\"id\") ?? \"\";\n\n  const { data: approvals, isLoading } = useActionQuery(\n    \"list-dispatch-approvals\",\n    {},\n  );\n\n  const approve = useActionMutation(\"approve-dispatch-change\", {\n    onSuccess: () => toast.success(\"Change approved\"),\n  });\n  const reject = useActionMutation(\"reject-dispatch-change\", {\n    onSuccess: () => toast.success(\"Change rejected\"),\n  });\n\n  const inEmbed = isInAgentEmbed();\n\n  const approval = approvals?.find((item: any) => item.id === id) ?? null;\n\n  if (!id) {\n    return (\n      <div className=\"flex min-h-screen items-center justify-center bg-background p-6\">\n        <div className=\"w-full max-w-md rounded-2xl border bg-card p-6 text-center\">\n          <IconAlertCircle\n            size={32}\n            className=\"mx-auto mb-3 text-muted-foreground\"\n          />\n          <p className=\"text-sm font-medium text-foreground\">\n            No approval id provided\n          </p>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            Add <code className=\"rounded bg-muted px-1\">?id=&lt;id&gt;</code> to\n            the URL.\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (isLoading) {\n    return (\n      <div className=\"flex min-h-screen items-start justify-center bg-background p-6\">\n        <div className=\"w-full max-w-md space-y-4\">\n          <div className=\"rounded-2xl border bg-card p-5\">\n            <div className=\"flex items-start gap-3\">\n              <Skeleton className=\"h-9 w-9 shrink-0 rounded-xl\" />\n              <div className=\"min-w-0 flex-1 space-y-2\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <Skeleton className=\"h-4 w-40\" />\n                  <Skeleton className=\"h-5 w-20 rounded-full\" />\n                </div>\n                <Skeleton className=\"h-3 w-32\" />\n              </div>\n            </div>\n            <div className=\"mt-4 space-y-2 rounded-xl border bg-muted/30 px-4 py-3\">\n              <div className=\"flex justify-between gap-4\">\n                <Skeleton className=\"h-3 w-20\" />\n                <Skeleton className=\"h-3 w-24\" />\n              </div>\n              <div className=\"flex justify-between gap-4\">\n                <Skeleton className=\"h-3 w-20\" />\n                <Skeleton className=\"h-3 w-28\" />\n              </div>\n              <div className=\"flex justify-between gap-4\">\n                <Skeleton className=\"h-3 w-16\" />\n                <Skeleton className=\"h-3 w-32\" />\n              </div>\n            </div>\n            <div className=\"mt-4 flex gap-2\">\n              <Skeleton className=\"h-8 flex-1 rounded-md\" />\n              <Skeleton className=\"h-8 flex-1 rounded-md\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (!approval) {\n    return (\n      <div className=\"flex min-h-screen items-center justify-center bg-background p-6\">\n        <div className=\"w-full max-w-md rounded-2xl border bg-card p-6 text-center\">\n          <IconAlertCircle\n            size={32}\n            className=\"mx-auto mb-3 text-muted-foreground\"\n          />\n          <p className=\"text-sm font-medium text-foreground\">\n            Approval not found\n          </p>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            The approval with id{\" \"}\n            <code className=\"rounded bg-muted px-1\">{id}</code> does not exist.\n          </p>\n          {inEmbed && (\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"mt-4 gap-1.5\"\n              onClick={() => postNavigate(appPath(\"/approvals\"))}\n            >\n              <IconArrowUpRight size={14} />\n              View all approvals\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  const isPending = approval.status === \"pending\";\n  const beforeValue = parseApprovalValue(approval.beforeValue);\n  const afterValue = parseApprovalValue(approval.afterValue);\n\n  return (\n    <div className=\"flex min-h-screen items-start justify-center bg-background p-6\">\n      <div className=\"w-full max-w-2xl space-y-4\">\n        <div className=\"rounded-2xl border bg-card p-5\">\n          <div className=\"flex items-start gap-3\">\n            <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border bg-muted text-foreground\">\n              <IconShieldCheck size={17} />\n            </div>\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm font-semibold text-foreground\">\n                  {approval.summary}\n                </span>\n                <StatusBadge status={approval.status} />\n              </div>\n              <div className=\"mt-1 text-xs text-muted-foreground\">\n                Requested by{\" \"}\n                <span className=\"font-medium text-foreground\">\n                  {approval.requestedBy}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"mt-4 space-y-2 rounded-xl border bg-muted/30 px-4 py-3 text-xs\">\n            <div className=\"flex justify-between gap-4\">\n              <span className=\"text-muted-foreground\">Change type</span>\n              <span className=\"font-mono font-medium text-foreground\">\n                {approval.changeType}\n              </span>\n            </div>\n            <div className=\"flex justify-between gap-4\">\n              <span className=\"text-muted-foreground\">Target type</span>\n              <span className=\"font-mono font-medium text-foreground\">\n                {approval.targetType}\n              </span>\n            </div>\n            {approval.targetId && (\n              <div className=\"flex justify-between gap-4\">\n                <span className=\"text-muted-foreground\">Target id</span>\n                <span className=\"truncate font-mono font-medium text-foreground\">\n                  {approval.targetId}\n                </span>\n              </div>\n            )}\n            {approval.reviewedBy && (\n              <div className=\"flex justify-between gap-4\">\n                <span className=\"text-muted-foreground\">Reviewed by</span>\n                <span className=\"font-medium text-foreground\">\n                  {approval.reviewedBy}\n                </span>\n              </div>\n            )}\n          </div>\n\n          {(beforeValue !== null || afterValue !== null) && (\n            <div className=\"mt-4 grid gap-3 md:grid-cols-2\">\n              <ApprovalValueBlock label=\"Before\" value={beforeValue} />\n              <ApprovalValueBlock label=\"After\" value={afterValue} />\n            </div>\n          )}\n\n          {isPending && (\n            <div className=\"mt-4 flex gap-2\">\n              <Button\n                size=\"sm\"\n                className=\"flex-1\"\n                disabled={approve.isPending || reject.isPending}\n                onClick={() => approve.mutate({ id: approval.id })}\n              >\n                <IconCheck size={14} className=\"mr-1.5\" />\n                Approve\n              </Button>\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                className=\"flex-1\"\n                disabled={approve.isPending || reject.isPending}\n                onClick={() =>\n                  reject.mutate({\n                    id: approval.id,\n                    reason: \"Rejected in dispatch UI\",\n                  })\n                }\n              >\n                <IconX size={14} className=\"mr-1.5\" />\n                Reject\n              </Button>\n            </div>\n          )}\n        </div>\n\n        {inEmbed && (\n          <div className=\"flex justify-end\">\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              className=\"gap-1.5 text-muted-foreground\"\n              onClick={() => postNavigate(appPath(\"/approvals\"))}\n            >\n              <IconArrowUpRight size={14} />\n              Open in app\n            </Button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"approval.js","sourceRoot":"","sources":["../../../src/routes/pages/approval.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useActionMutation,\n  useActionQuery,\n  isInAgentEmbed,\n  postNavigate,\n  appPath,\n} from \"@agent-native/core/client\";\nimport {\n  IconCheck,\n  IconX,\n  IconArrowUpRight,\n  IconShieldCheck,\n  IconClock,\n  IconAlertCircle,\n} from \"@tabler/icons-react\";\nimport { useSearchParams } from \"react-router\";\nimport { toast } from \"sonner\";\n\nimport {\n  ApprovalValueBlock,\n  parseApprovalValue,\n} from \"@/components/approval-value-block\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\n\nexport function meta() {\n  return [{ title: \"Approval — Dispatch\" }];\n}\n\nfunction StatusBadge({ status }: { status: string }) {\n  if (status === \"pending\") {\n    return (\n      <Badge\n        variant=\"outline\"\n        className=\"gap-1.5 border-amber-500/40 bg-amber-500/10 text-amber-600 dark:text-amber-400\"\n      >\n        <IconClock size={11} />\n        Pending\n      </Badge>\n    );\n  }\n  if (status === \"approved\") {\n    return (\n      <Badge\n        variant=\"outline\"\n        className=\"gap-1.5 border-emerald-500/40 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\"\n      >\n        <IconCheck size={11} />\n        Approved\n      </Badge>\n    );\n  }\n  return (\n    <Badge\n      variant=\"outline\"\n      className=\"gap-1.5 border-red-500/40 bg-red-500/10 text-red-600 dark:text-red-400\"\n    >\n      <IconX size={11} />\n      Rejected\n    </Badge>\n  );\n}\n\nexport default function ApprovalPreviewRoute() {\n  const [searchParams] = useSearchParams();\n  const id = searchParams.get(\"id\") ?? \"\";\n\n  const { data: approvals, isLoading } = useActionQuery(\n    \"list-dispatch-approvals\",\n    {},\n  );\n\n  const approve = useActionMutation(\"approve-dispatch-change\", {\n    onSuccess: () => toast.success(\"Change approved\"),\n  });\n  const reject = useActionMutation(\"reject-dispatch-change\", {\n    onSuccess: () => toast.success(\"Change rejected\"),\n  });\n\n  const inEmbed = isInAgentEmbed();\n\n  const approval = approvals?.find((item: any) => item.id === id) ?? null;\n\n  if (!id) {\n    return (\n      <div className=\"flex min-h-screen items-center justify-center bg-background p-6\">\n        <div className=\"w-full max-w-md rounded-2xl border bg-card p-6 text-center\">\n          <IconAlertCircle\n            size={32}\n            className=\"mx-auto mb-3 text-muted-foreground\"\n          />\n          <p className=\"text-sm font-medium text-foreground\">\n            No approval id provided\n          </p>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            Add <code className=\"rounded bg-muted px-1\">?id=&lt;id&gt;</code> to\n            the URL.\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (isLoading) {\n    return (\n      <div className=\"flex min-h-screen items-start justify-center bg-background p-6\">\n        <div className=\"w-full max-w-md space-y-4\">\n          <div className=\"rounded-2xl border bg-card p-5\">\n            <div className=\"flex items-start gap-3\">\n              <Skeleton className=\"h-9 w-9 shrink-0 rounded-xl\" />\n              <div className=\"min-w-0 flex-1 space-y-2\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <Skeleton className=\"h-4 w-40\" />\n                  <Skeleton className=\"h-5 w-20 rounded-full\" />\n                </div>\n                <Skeleton className=\"h-3 w-32\" />\n              </div>\n            </div>\n            <div className=\"mt-4 space-y-2 rounded-xl border bg-muted/30 px-4 py-3\">\n              <div className=\"flex justify-between gap-4\">\n                <Skeleton className=\"h-3 w-20\" />\n                <Skeleton className=\"h-3 w-24\" />\n              </div>\n              <div className=\"flex justify-between gap-4\">\n                <Skeleton className=\"h-3 w-20\" />\n                <Skeleton className=\"h-3 w-28\" />\n              </div>\n              <div className=\"flex justify-between gap-4\">\n                <Skeleton className=\"h-3 w-16\" />\n                <Skeleton className=\"h-3 w-32\" />\n              </div>\n            </div>\n            <div className=\"mt-4 flex gap-2\">\n              <Skeleton className=\"h-8 flex-1 rounded-md\" />\n              <Skeleton className=\"h-8 flex-1 rounded-md\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (!approval) {\n    return (\n      <div className=\"flex min-h-screen items-center justify-center bg-background p-6\">\n        <div className=\"w-full max-w-md rounded-2xl border bg-card p-6 text-center\">\n          <IconAlertCircle\n            size={32}\n            className=\"mx-auto mb-3 text-muted-foreground\"\n          />\n          <p className=\"text-sm font-medium text-foreground\">\n            Approval not found\n          </p>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            The approval with id{\" \"}\n            <code className=\"rounded bg-muted px-1\">{id}</code> does not exist.\n          </p>\n          {inEmbed && (\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"mt-4 gap-1.5\"\n              onClick={() => postNavigate(appPath(\"/approvals\"))}\n            >\n              <IconArrowUpRight size={14} />\n              View all approvals\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  const isPending = approval.status === \"pending\";\n  const beforeValue = parseApprovalValue(approval.beforeValue);\n  const afterValue = parseApprovalValue(approval.afterValue);\n\n  return (\n    <div className=\"flex min-h-screen items-start justify-center bg-background p-6\">\n      <div className=\"w-full max-w-2xl space-y-4\">\n        <div className=\"rounded-2xl border bg-card p-5\">\n          <div className=\"flex items-start gap-3\">\n            <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border bg-muted text-foreground\">\n              <IconShieldCheck size={17} />\n            </div>\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm font-semibold text-foreground\">\n                  {approval.summary}\n                </span>\n                <StatusBadge status={approval.status} />\n              </div>\n              <div className=\"mt-1 text-xs text-muted-foreground\">\n                Requested by{\" \"}\n                <span className=\"font-medium text-foreground\">\n                  {approval.requestedBy}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"mt-4 space-y-2 rounded-xl border bg-muted/30 px-4 py-3 text-xs\">\n            <div className=\"flex justify-between gap-4\">\n              <span className=\"text-muted-foreground\">Change type</span>\n              <span className=\"font-mono font-medium text-foreground\">\n                {approval.changeType}\n              </span>\n            </div>\n            <div className=\"flex justify-between gap-4\">\n              <span className=\"text-muted-foreground\">Target type</span>\n              <span className=\"font-mono font-medium text-foreground\">\n                {approval.targetType}\n              </span>\n            </div>\n            {approval.targetId && (\n              <div className=\"flex justify-between gap-4\">\n                <span className=\"text-muted-foreground\">Target id</span>\n                <span className=\"truncate font-mono font-medium text-foreground\">\n                  {approval.targetId}\n                </span>\n              </div>\n            )}\n            {approval.reviewedBy && (\n              <div className=\"flex justify-between gap-4\">\n                <span className=\"text-muted-foreground\">Reviewed by</span>\n                <span className=\"font-medium text-foreground\">\n                  {approval.reviewedBy}\n                </span>\n              </div>\n            )}\n          </div>\n\n          {(beforeValue !== null || afterValue !== null) && (\n            <div className=\"mt-4 grid gap-3 md:grid-cols-2\">\n              <ApprovalValueBlock label=\"Before\" value={beforeValue} />\n              <ApprovalValueBlock label=\"After\" value={afterValue} />\n            </div>\n          )}\n\n          {isPending && (\n            <div className=\"mt-4 flex gap-2\">\n              <Button\n                size=\"sm\"\n                className=\"flex-1\"\n                disabled={approve.isPending || reject.isPending}\n                onClick={() => approve.mutate({ id: approval.id })}\n              >\n                <IconCheck size={14} className=\"mr-1.5\" />\n                Approve\n              </Button>\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                className=\"flex-1\"\n                disabled={approve.isPending || reject.isPending}\n                onClick={() =>\n                  reject.mutate({\n                    id: approval.id,\n                    reason: \"Rejected in dispatch UI\",\n                  })\n                }\n              >\n                <IconX size={14} className=\"mr-1.5\" />\n                Reject\n              </Button>\n            </div>\n          )}\n        </div>\n\n        {inEmbed && (\n          <div className=\"flex justify-end\">\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              className=\"gap-1.5 text-muted-foreground\"\n              onClick={() => postNavigate(appPath(\"/approvals\"))}\n            >\n              <IconArrowUpRight size={14} />\n              Open in app\n            </Button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"approvals.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/approvals.tsx"],"names":[],"mappings":"AASA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,4CA+IrC"}
+{"version":3,"file":"approvals.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/approvals.tsx"],"names":[],"mappings":"AAUA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,oDA+IrC"}

package/dist/routes/pages/approvals.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
 import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import { useOrg } from "@agent-native/core/client/org";
+import { useMemo, useState } from "react";
 import { toast } from "sonner";
 import { DispatchShell } from "../../components/dispatch-shell.js";
 import { Button } from "../../components/ui/button.js";

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

@@ -1 +1 @@
-{"version":3,"file":"approvals.js","sourceRoot":"","sources":["../../../src/routes/pages/approvals.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\nimport { useOrg } from \"@agent-native/core/client/org\";\nimport { toast } from \"sonner\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Switch } from \"@/components/ui/switch\";\n\nexport function meta() {\n  return [{ title: \"Approvals — Dispatch\" }];\n}\n\nexport default function ApprovalsRoute() {\n  const { data: settings } = useActionQuery(\"get-dispatch-settings\", {});\n  const { data: approvals } = useActionQuery(\"list-dispatch-approvals\", {});\n  const { data: org } = useOrg();\n  const hasOrg = !!org?.orgId;\n  const [emails, setEmails] = useState(\"\");\n\n  const approverList = useMemo(\n    () =>\n      emails\n        .split(\",\")\n        .map((value) => value.trim())\n        .filter(Boolean),\n    [emails],\n  );\n\n  const savePolicy = useActionMutation(\"set-dispatch-approval-policy\", {\n    onSuccess: () => toast.success(\"Approval policy updated\"),\n    onError: (err) => toast.error(String(err)),\n  });\n  const approve = useActionMutation(\"approve-dispatch-change\", {\n    onSuccess: () => toast.success(\"Change approved\"),\n    onError: (err) => toast.error(String(err)),\n  });\n  const reject = useActionMutation(\"reject-dispatch-change\", {\n    onSuccess: () => toast.success(\"Change rejected\"),\n    onError: (err) => toast.error(String(err)),\n  });\n\n  return (\n    <DispatchShell\n      title=\"Approvals\"\n      description=\"Review durable dispatch changes before they apply.\"\n    >\n      <div className=\"grid gap-4 xl:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]\">\n        <section className=\"rounded-2xl border bg-card p-5\">\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            Approval policy\n          </h2>\n          <div className=\"mt-4 space-y-4\">\n            <label className=\"flex items-center justify-between rounded-xl border px-4 py-3\">\n              <div>\n                <div className=\"text-sm font-medium text-foreground\">\n                  Require approval for durable changes\n                </div>\n                <div className=\"mt-1 text-xs text-muted-foreground\">\n                  {hasOrg\n                    ? \"Applies to saved destinations, shared dream proposals, All-app workspace resources, and dispatch settings.\"\n                    : \"Requires a team workspace. Set one up on the Team page.\"}\n                </div>\n              </div>\n              <Switch\n                checked={settings?.enabled || false}\n                disabled={!hasOrg || savePolicy.isPending}\n                onCheckedChange={(checked) =>\n                  savePolicy.mutate({\n                    enabled: checked,\n                    approverEmails: settings?.approverEmails || approverList,\n                  })\n                }\n              />\n            </label>\n            <div className=\"space-y-2\">\n              <div className=\"text-sm font-medium text-foreground\">\n                Approver emails\n              </div>\n              <Input\n                value={emails}\n                onChange={(event) => setEmails(event.target.value)}\n                placeholder={(settings?.approverEmails || []).join(\", \")}\n                disabled={!hasOrg}\n              />\n              <Button\n                className=\"w-full\"\n                variant=\"outline\"\n                disabled={!hasOrg || savePolicy.isPending}\n                onClick={() =>\n                  savePolicy.mutate({\n                    enabled: settings?.enabled || false,\n                    approverEmails: approverList,\n                  })\n                }\n              >\n                Save approvers\n              </Button>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"rounded-2xl border bg-card p-5\">\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            Pending and recent requests\n          </h2>\n          <div className=\"mt-4 space-y-3\">\n            {(approvals || []).map((approval: any) => (\n              <div\n                key={approval.id}\n                className=\"rounded-xl border bg-muted/30 px-4 py-3\"\n              >\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div>\n                    <div className=\"text-sm font-medium text-foreground\">\n                      {approval.summary}\n                    </div>\n                    <div className=\"mt-1 text-xs text-muted-foreground\">\n                      {approval.status} · requested by {approval.requestedBy}\n                    </div>\n                  </div>\n                  {approval.status === \"pending\" && (\n                    <div className=\"flex gap-2\">\n                      <Button\n                        size=\"sm\"\n                        onClick={() => approve.mutate({ id: approval.id })}\n                      >\n                        Approve\n                      </Button>\n                      <Button\n                        size=\"sm\"\n                        variant=\"outline\"\n                        onClick={() =>\n                          reject.mutate({\n                            id: approval.id,\n                            reason: \"Rejected in dispatch UI\",\n                          })\n                        }\n                      >\n                        Reject\n                      </Button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            ))}\n            {(approvals?.length || 0) === 0 && (\n              <div className=\"rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n                No approval requests yet.\n              </div>\n            )}\n          </div>\n        </section>\n      </div>\n    </DispatchShell>\n  );\n}\n"]}
+{"version":3,"file":"approvals.js","sourceRoot":"","sources":["../../../src/routes/pages/approvals.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\nimport { useOrg } from \"@agent-native/core/client/org\";\nimport { useMemo, useState } from \"react\";\nimport { toast } from \"sonner\";\n\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Switch } from \"@/components/ui/switch\";\n\nexport function meta() {\n  return [{ title: \"Approvals — Dispatch\" }];\n}\n\nexport default function ApprovalsRoute() {\n  const { data: settings } = useActionQuery(\"get-dispatch-settings\", {});\n  const { data: approvals } = useActionQuery(\"list-dispatch-approvals\", {});\n  const { data: org } = useOrg();\n  const hasOrg = !!org?.orgId;\n  const [emails, setEmails] = useState(\"\");\n\n  const approverList = useMemo(\n    () =>\n      emails\n        .split(\",\")\n        .map((value) => value.trim())\n        .filter(Boolean),\n    [emails],\n  );\n\n  const savePolicy = useActionMutation(\"set-dispatch-approval-policy\", {\n    onSuccess: () => toast.success(\"Approval policy updated\"),\n    onError: (err) => toast.error(String(err)),\n  });\n  const approve = useActionMutation(\"approve-dispatch-change\", {\n    onSuccess: () => toast.success(\"Change approved\"),\n    onError: (err) => toast.error(String(err)),\n  });\n  const reject = useActionMutation(\"reject-dispatch-change\", {\n    onSuccess: () => toast.success(\"Change rejected\"),\n    onError: (err) => toast.error(String(err)),\n  });\n\n  return (\n    <DispatchShell\n      title=\"Approvals\"\n      description=\"Review durable dispatch changes before they apply.\"\n    >\n      <div className=\"grid gap-4 xl:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]\">\n        <section className=\"rounded-2xl border bg-card p-5\">\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            Approval policy\n          </h2>\n          <div className=\"mt-4 space-y-4\">\n            <label className=\"flex items-center justify-between rounded-xl border px-4 py-3\">\n              <div>\n                <div className=\"text-sm font-medium text-foreground\">\n                  Require approval for durable changes\n                </div>\n                <div className=\"mt-1 text-xs text-muted-foreground\">\n                  {hasOrg\n                    ? \"Applies to saved destinations, shared dream proposals, All-app workspace resources, and dispatch settings.\"\n                    : \"Requires a team workspace. Set one up on the Team page.\"}\n                </div>\n              </div>\n              <Switch\n                checked={settings?.enabled || false}\n                disabled={!hasOrg || savePolicy.isPending}\n                onCheckedChange={(checked) =>\n                  savePolicy.mutate({\n                    enabled: checked,\n                    approverEmails: settings?.approverEmails || approverList,\n                  })\n                }\n              />\n            </label>\n            <div className=\"space-y-2\">\n              <div className=\"text-sm font-medium text-foreground\">\n                Approver emails\n              </div>\n              <Input\n                value={emails}\n                onChange={(event) => setEmails(event.target.value)}\n                placeholder={(settings?.approverEmails || []).join(\", \")}\n                disabled={!hasOrg}\n              />\n              <Button\n                className=\"w-full\"\n                variant=\"outline\"\n                disabled={!hasOrg || savePolicy.isPending}\n                onClick={() =>\n                  savePolicy.mutate({\n                    enabled: settings?.enabled || false,\n                    approverEmails: approverList,\n                  })\n                }\n              >\n                Save approvers\n              </Button>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"rounded-2xl border bg-card p-5\">\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            Pending and recent requests\n          </h2>\n          <div className=\"mt-4 space-y-3\">\n            {(approvals || []).map((approval: any) => (\n              <div\n                key={approval.id}\n                className=\"rounded-xl border bg-muted/30 px-4 py-3\"\n              >\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div>\n                    <div className=\"text-sm font-medium text-foreground\">\n                      {approval.summary}\n                    </div>\n                    <div className=\"mt-1 text-xs text-muted-foreground\">\n                      {approval.status} · requested by {approval.requestedBy}\n                    </div>\n                  </div>\n                  {approval.status === \"pending\" && (\n                    <div className=\"flex gap-2\">\n                      <Button\n                        size=\"sm\"\n                        onClick={() => approve.mutate({ id: approval.id })}\n                      >\n                        Approve\n                      </Button>\n                      <Button\n                        size=\"sm\"\n                        variant=\"outline\"\n                        onClick={() =>\n                          reject.mutate({\n                            id: approval.id,\n                            reason: \"Rejected in dispatch UI\",\n                          })\n                        }\n                      >\n                        Reject\n                      </Button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            ))}\n            {(approvals?.length || 0) === 0 && (\n              <div className=\"rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground\">\n                No approval requests yet.\n              </div>\n            )}\n          </div>\n        </section>\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"apps.$appId.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/apps.$appId.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,4CAwGxC"}
+{"version":3,"file":"apps.$appId.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/apps.$appId.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,oDAyGxC"}

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionQuery, useT } from "@agent-native/core/client";
+import { IconArrowLeft, IconArrowUpRight, IconClockHour4, } from "@tabler/icons-react";
 import { useEffect, useMemo } from "react";
 import { Link, useParams } from "react-router";
-import { useActionQuery } from "@agent-native/core/client";
-import { IconArrowLeft, IconArrowUpRight, IconClockHour4, } from "@tabler/icons-react";
 import { DispatchShell } from "../../components/dispatch-shell.js";
 import { Badge } from "../../components/ui/badge.js";
 import { Button } from "../../components/ui/button.js";
@@ -12,6 +12,7 @@ export function meta() {
     return [{ title: "Workspace app - Dispatch" }];
 }
 export default function WorkspaceAppRoute() {
+    const t = useT();
     const { appId } = useParams();
     const { data: apps = [], isLoading } = useActionQuery("list-workspace-apps", { includeAgentCards: false }, {
         refetchInterval: 2_000,
@@ -23,6 +24,6 @@ export default function WorkspaceAppRoute() {
             return;
         window.location.assign(href);
     }, [app, href]);
-    return (_jsx(DispatchShell, { title: app?.name || "Workspace App", description: "Open a deployed app or check the status of an app being created.", children: _jsxs("div", { className: "max-w-2xl rounded-lg border bg-card p-5", children: [_jsx(Button, { asChild: true, size: "sm", variant: "ghost", className: "-ml-2 mb-4", children: _jsxs(Link, { to: "/apps", children: [_jsx(IconArrowLeft, { size: 15, className: "mr-1.5" }), "Apps"] }) }), isLoading && !app ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-5 w-48" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-2/3" })] })) : !app ? (_jsxs("div", { className: "space-y-3", children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: "App not found" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "This route is not in the workspace app list yet." })] })) : app.status === "pending" ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: app.name }), _jsxs(Badge, { variant: "outline", className: "gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300", children: [_jsx(IconClockHour4, { size: 12 }), "Building"] })] }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["This app is being created. It will be available at", " ", _jsx("span", { className: "font-mono text-foreground", children: app.path }), " ", "after its branch is merged and the workspace deploy finishes."] }), app.branchName ? (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Branch: ", app.branchName] })) : null, app.builderUrl ? (_jsx(Button, { asChild: true, children: _jsxs("a", { href: app.builderUrl, target: "_blank", rel: "noreferrer", children: ["Open Builder branch", _jsx(IconArrowUpRight, { size: 15, className: "ml-1.5" })] }) })) : null] })) : (_jsxs("div", { className: "space-y-3", children: [_jsxs("h2", { className: "text-base font-semibold text-foreground", children: ["Opening ", app.name] }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Redirecting to", " ", _jsx("span", { className: "font-mono text-foreground", children: app.path }), "."] }), href ? (_jsx(Button, { asChild: true, children: _jsxs("a", { href: href, children: ["Open app", _jsx(IconArrowUpRight, { size: 15, className: "ml-1.5" })] }) })) : null] }))] }) }));
+    return (_jsx(DispatchShell, { title: app?.name || t("dispatch.pages.workspaceAppFallback"), description: t("dispatch.pages.workspaceAppDescription"), children: _jsxs("div", { className: "max-w-2xl rounded-lg border bg-card p-5", children: [_jsx(Button, { asChild: true, size: "sm", variant: "ghost", className: "-ml-2 mb-4", children: _jsxs(Link, { to: "/apps", children: [_jsx(IconArrowLeft, { size: 15, className: "mr-1.5" }), t("dispatch.nav.apps")] }) }), isLoading && !app ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-5 w-48" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-2/3" })] })) : !app ? (_jsxs("div", { className: "space-y-3", children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: t("dispatch.pages.appNotFound") }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("dispatch.pages.pageNotFoundDescription") })] })) : app.status === "pending" ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: app.name }), _jsxs(Badge, { variant: "outline", className: "gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300", children: [_jsx(IconClockHour4, { size: 12 }), t("dispatch.pages.building")] })] }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [t("dispatch.pages.appBuildingPrefix"), " ", _jsx("span", { className: "font-mono text-foreground", children: app.path }), " ", t("dispatch.pages.appBuildingSuffix")] }), app.branchName ? (_jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.branch", { branch: app.branchName }) })) : null, app.builderUrl ? (_jsx(Button, { asChild: true, children: _jsxs("a", { href: app.builderUrl, target: "_blank", rel: "noreferrer", children: [t("dispatch.pages.openBuilderBranch"), _jsx(IconArrowUpRight, { size: 15, className: "ml-1.5" })] }) })) : null] })) : (_jsxs("div", { className: "space-y-3", children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: t("dispatch.pages.openingApp", { name: app.name }) }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [t("dispatch.pages.redirectingTo"), " ", _jsx("span", { className: "font-mono text-foreground", children: app.path }), "."] }), href ? (_jsx(Button, { asChild: true, children: _jsxs("a", { href: href, children: [t("dispatch.pages.openApp"), _jsx(IconArrowUpRight, { size: 15, className: "ml-1.5" })] }) })) : null] }))] }) }));
 }
 //# sourceMappingURL=apps.$appId.js.map