@agent-native/dispatch 0.1.1

package/dist/routes/index.d.ts

@@ -0,0 +1,32 @@
+import { type RouteConfig } from "@react-router/dev/routes";
+/**
+ * Dispatch's routes as a programmatic `RouteConfig[]`. Splat into the
+ * consumer's `app/routes.ts`:
+ *
+ * ```ts
+ * import { type RouteConfig } from "@react-router/dev/routes";
+ * import { dispatchRoutes } from "@agent-native/dispatch/routes";
+ *
+ * export default [
+ *   ...localRoutes,    // consumer's own routes win on collision
+ *   ...dispatchRoutes, // dispatch fills in everything else
+ * ] satisfies RouteConfig;
+ * ```
+ *
+ * Route precedence: React Router 7 matches in declaration order, so
+ * placing `dispatchRoutes` LAST means consumer-defined routes with the
+ * same path take precedence. To override a single dispatch route, define
+ * it in your local routes; to keep it, omit it.
+ *
+ * The `file` paths below resolve relative to this file at runtime — they
+ * point into `packages/dispatch/dist/routes/pages/*.js` after build.
+ *
+ * Naming maps the original flatRoutes file conventions:
+ *   `_index.tsx`        → `index(...)`
+ *   `<name>.tsx`        → `route("<name>", ...)`
+ *   `<a>.$<param>.tsx`  → `route("<a>/:<param>", ...)`
+ *   `<a>._index.tsx`    → flattened as `route("<a>", ...)` (workspace
+ *      versions are bare and don't wrap a parent layout)
+ */
+export declare const dispatchRoutes: RouteConfig;
+//# sourceMappingURL=index.d.ts.map

package/dist/routes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/routes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,cAAc,EAAE,WAmB5B,CAAC"}

package/dist/routes/index.js

@@ -0,0 +1,51 @@
+import { route, index } from "@react-router/dev/routes";
+/**
+ * Dispatch's routes as a programmatic `RouteConfig[]`. Splat into the
+ * consumer's `app/routes.ts`:
+ *
+ * ```ts
+ * import { type RouteConfig } from "@react-router/dev/routes";
+ * import { dispatchRoutes } from "@agent-native/dispatch/routes";
+ *
+ * export default [
+ *   ...localRoutes,    // consumer's own routes win on collision
+ *   ...dispatchRoutes, // dispatch fills in everything else
+ * ] satisfies RouteConfig;
+ * ```
+ *
+ * Route precedence: React Router 7 matches in declaration order, so
+ * placing `dispatchRoutes` LAST means consumer-defined routes with the
+ * same path take precedence. To override a single dispatch route, define
+ * it in your local routes; to keep it, omit it.
+ *
+ * The `file` paths below resolve relative to this file at runtime — they
+ * point into `packages/dispatch/dist/routes/pages/*.js` after build.
+ *
+ * Naming maps the original flatRoutes file conventions:
+ *   `_index.tsx`        → `index(...)`
+ *   `<name>.tsx`        → `route("<name>", ...)`
+ *   `<a>.$<param>.tsx`  → `route("<a>/:<param>", ...)`
+ *   `<a>._index.tsx`    → flattened as `route("<a>", ...)` (workspace
+ *      versions are bare and don't wrap a parent layout)
+ */
+export const dispatchRoutes = [
+    index("./pages/_index.js"),
+    route("overview", "./pages/overview.js"),
+    route("apps", "./pages/apps.js"),
+    route("apps/:appId", "./pages/apps.$appId.js"),
+    route("new-app", "./pages/new-app.js"),
+    route("vault", "./pages/vault.js"),
+    route("integrations", "./pages/integrations.js"),
+    route("agents", "./pages/agents.js"),
+    route("workspace", "./pages/workspace.js"),
+    route("messaging", "./pages/messaging.js"),
+    route("destinations", "./pages/destinations.js"),
+    route("identities", "./pages/identities.js"),
+    route("approval", "./pages/approval.js"),
+    route("approvals", "./pages/approvals.js"),
+    route("audit", "./pages/audit.js"),
+    route("team", "./pages/team.js"),
+    route("tools", "./pages/tools._index.js"),
+    route("tools/:id", "./pages/tools.$id.js"),
+];
+//# sourceMappingURL=index.js.map

package/dist/routes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/routes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,KAAK,CAAC,mBAAmB,CAAC;IAC1B,KAAK,CAAC,UAAU,EAAE,qBAAqB,CAAC;IACxC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,aAAa,EAAE,wBAAwB,CAAC;IAC9C,KAAK,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACtC,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAChD,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;IACpC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAChD,KAAK,CAAC,YAAY,EAAE,uBAAuB,CAAC;IAC5C,KAAK,CAAC,UAAU,EAAE,qBAAqB,CAAC;IACxC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,OAAO,EAAE,yBAAyB,CAAC;IACzC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;CAC3C,CAAC","sourcesContent":["import { type RouteConfig, route, index } from \"@react-router/dev/routes\";\n\n/**\n * Dispatch's routes as a programmatic `RouteConfig[]`. Splat into the\n * consumer's `app/routes.ts`:\n *\n * ```ts\n * import { type RouteConfig } from \"@react-router/dev/routes\";\n * import { dispatchRoutes } from \"@agent-native/dispatch/routes\";\n *\n * export default [\n *   ...localRoutes,    // consumer's own routes win on collision\n *   ...dispatchRoutes, // dispatch fills in everything else\n * ] satisfies RouteConfig;\n * ```\n *\n * Route precedence: React Router 7 matches in declaration order, so\n * placing `dispatchRoutes` LAST means consumer-defined routes with the\n * same path take precedence. To override a single dispatch route, define\n * it in your local routes; to keep it, omit it.\n *\n * The `file` paths below resolve relative to this file at runtime — they\n * point into `packages/dispatch/dist/routes/pages/*.js` after build.\n *\n * Naming maps the original flatRoutes file conventions:\n *   `_index.tsx`        → `index(...)`\n *   `<name>.tsx`        → `route(\"<name>\", ...)`\n *   `<a>.$<param>.tsx`  → `route(\"<a>/:<param>\", ...)`\n *   `<a>._index.tsx`    → flattened as `route(\"<a>\", ...)` (workspace\n *      versions are bare and don't wrap a parent layout)\n */\nexport const dispatchRoutes: RouteConfig = [\n  index(\"./pages/_index.js\"),\n  route(\"overview\", \"./pages/overview.js\"),\n  route(\"apps\", \"./pages/apps.js\"),\n  route(\"apps/:appId\", \"./pages/apps.$appId.js\"),\n  route(\"new-app\", \"./pages/new-app.js\"),\n  route(\"vault\", \"./pages/vault.js\"),\n  route(\"integrations\", \"./pages/integrations.js\"),\n  route(\"agents\", \"./pages/agents.js\"),\n  route(\"workspace\", \"./pages/workspace.js\"),\n  route(\"messaging\", \"./pages/messaging.js\"),\n  route(\"destinations\", \"./pages/destinations.js\"),\n  route(\"identities\", \"./pages/identities.js\"),\n  route(\"approval\", \"./pages/approval.js\"),\n  route(\"approvals\", \"./pages/approvals.js\"),\n  route(\"audit\", \"./pages/audit.js\"),\n  route(\"team\", \"./pages/team.js\"),\n  route(\"tools\", \"./pages/tools._index.js\"),\n  route(\"tools/:id\", \"./pages/tools.$id.js\"),\n];\n"]}

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

@@ -0,0 +1,15 @@
+import { type LoaderFunctionArgs } from "react-router";
+export declare function meta(): ({
+    title: string;
+    name?: undefined;
+    content?: undefined;
+} | {
+    name: string;
+    content: string;
+    title?: undefined;
+})[];
+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 default function IndexPage(): any;
+//# sourceMappingURL=_index.d.ts.map

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

@@ -0,0 +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;AAIjE,wBAAgB,IAAI;;;;;;;;KASnB;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,QAEhC"}

package/dist/routes/pages/_index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { redirect } from "react-router";
+import { appPath } from "@agent-native/core/client";
+import { Spinner } from "../../components/ui/spinner";
+export function meta() {
+    return [
+        { title: "Agent-Native Dispatch" },
+        {
+            name: "description",
+            content: "Your AI agent manages secrets, orchestrates other agents, and routes messages across your workspace.",
+        },
+    ];
+}
+/**
+ * Run the redirect on both the server and the client. A client-only
+ * `<Navigate>` can drop during hydration (before the route tree is fully
+ * attached), leaving the user stranded on `/` with a blank main area while
+ * the layout chrome around it still renders. A `loader` redirect runs as
+ * part of the server response and the navigation completes before the app
+ * hydrates; `clientLoader` covers SPA-style navigations to `/`.
+ *
+ * We preserve `?` and `#` so deep-links like `?thread=<id>` from a Slack
+ * "Open thread" button survive the bounce — `useThreadDeepLink` in
+ * `root.tsx` reads them after the redirect lands on `/overview`.
+ */
+function buildTarget(request) {
+    const url = new URL(request.url);
+    return appPath(`/overview${url.search}${url.hash}`);
+}
+export function loader({ request }) {
+    throw redirect(buildTarget(request));
+}
+export function clientLoader({ request }) {
+    throw redirect(buildTarget(request));
+}
+export function HydrateFallback() {
+    return (_jsx("div", { className: "flex items-center justify-center h-screen w-full", children: _jsx(Spinner, { className: "size-8" }) }));
+}
+export default function IndexPage() {
+    return null;
+}
+//# sourceMappingURL=_index.js.map

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

@@ -0,0 +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,UAAU,IAAI;IAClB,OAAO;QACL,EAAE,KAAK,EAAE,uBAAuB,EAAE;QAClC;YACE,IAAI,EAAE,aAAa;YACnB,OAAO,EACL,sGAAsG;SACzG;KACF,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\nexport function meta() {\n  return [\n    { title: \"Agent-Native Dispatch\" },\n    {\n      name: \"description\",\n      content:\n        \"Your AI agent manages secrets, orchestrates other agents, and routes messages across your workspace.\",\n    },\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 on `/overview`.\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"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"agents.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/agents.tsx"],"names":[],"mappings":"AAIA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,4CAclC"}

package/dist/routes/pages/agents.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useActionQuery } from "@agent-native/core/client";
+import { AgentsPanel } from "../../components/agents-panel";
+import { DispatchShell } from "../../components/dispatch-shell";
+export function meta() {
+    return [{ title: "Agents — Dispatch" }];
+}
+export default function AgentsRoute() {
+    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: _jsx(AgentsPanel, { agents: (data || []), onRefresh: refetch }) }));
+}
+//# sourceMappingURL=agents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"agents.js","sourceRoot":"","sources":["../../../src/routes/pages/agents.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAuB,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC;IAEtE,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,8JAA8J,YAE1K,KAAC,WAAW,IACV,MAAM,EAAE,CAAC,IAAI,IAAI,EAAE,CAAqB,EACxC,SAAS,EAAE,OAAO,GAClB,GACY,CACjB,CAAC;AACJ,CAAC","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client\";\nimport { AgentsPanel, type ConnectedAgent } from \"@/components/agents-panel\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\n\nexport function meta() {\n  return [{ title: \"Agents — Dispatch\" }];\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      <AgentsPanel\n        agents={(data || []) as ConnectedAgent[]}\n        onRefresh={refetch}\n      />\n    </DispatchShell>\n  );\n}\n"]}

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

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

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

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

package/dist/routes/pages/approval.js

@@ -0,0 +1,47 @@
+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 { toast } from "sonner";
+import { Button } from "../../components/ui/button";
+import { Badge } from "../../components/ui/badge";
+import { IconCheck, IconX, IconArrowUpRight, IconShieldCheck, IconClock, IconAlertCircle, } from "@tabler/icons-react";
+export function meta() {
+    return [{ title: "Approval — Dispatch" }];
+}
+function StatusBadge({ status }) {
+    if (status === "pending") {
+        return (_jsxs(Badge, { variant: "outline", className: "gap-1.5 border-amber-500/40 bg-amber-500/10 text-amber-600 dark:text-amber-400", children: [_jsx(IconClock, { size: 11 }), "Pending"] }));
+    }
+    if (status === "approved") {
+        return (_jsxs(Badge, { variant: "outline", className: "gap-1.5 border-emerald-500/40 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400", children: [_jsx(IconCheck, { size: 11 }), "Approved"] }));
+    }
+    return (_jsxs(Badge, { variant: "outline", className: "gap-1.5 border-red-500/40 bg-red-500/10 text-red-600 dark:text-red-400", children: [_jsx(IconX, { size: 11 }), "Rejected"] }));
+}
+export default function ApprovalPreviewRoute() {
+    const [searchParams] = useSearchParams();
+    const id = searchParams.get("id") ?? "";
+    const { data: approvals, isLoading } = useActionQuery("list-dispatch-approvals", {});
+    const approve = useActionMutation("approve-dispatch-change", {
+        onSuccess: () => toast.success("Change approved"),
+    });
+    const reject = useActionMutation("reject-dispatch-change", {
+        onSuccess: () => toast.success("Change rejected"),
+    });
+    const inEmbed = isInAgentEmbed();
+    const approval = approvals?.find((item) => item.id === id) ?? null;
+    if (!id) {
+        return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-6", children: _jsxs("div", { className: "w-full max-w-md rounded-2xl border bg-card p-6 text-center", children: [_jsx(IconAlertCircle, { size: 32, className: "mx-auto mb-3 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-foreground", children: "No approval id provided" }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: ["Add ", _jsx("code", { className: "rounded bg-muted px-1", children: "?id=<id>" }), " to the URL."] })] }) }));
+    }
+    if (isLoading) {
+        return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-6", children: _jsx("div", { className: "w-full max-w-md rounded-2xl border bg-card p-6 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "Loading..." }) }) }));
+    }
+    if (!approval) {
+        return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-6", children: _jsxs("div", { className: "w-full max-w-md rounded-2xl border bg-card p-6 text-center", children: [_jsx(IconAlertCircle, { size: 32, className: "mx-auto mb-3 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-foreground", children: "Approval not found" }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: ["The approval with id", " ", _jsx("code", { className: "rounded bg-muted px-1", children: id }), " does not exist."] }), inEmbed && (_jsxs(Button, { size: "sm", variant: "outline", className: "mt-4 gap-1.5", onClick: () => postNavigate(appPath("/approvals")), children: [_jsx(IconArrowUpRight, { size: 14 }), "View all approvals"] }))] }) }));
+    }
+    const isPending = approval.status === "pending";
+    return (_jsx("div", { className: "flex min-h-screen items-start justify-center bg-background p-6", children: _jsxs("div", { className: "w-full max-w-md space-y-4", children: [_jsxs("div", { className: "rounded-2xl border bg-card p-5", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border bg-muted text-foreground", children: _jsx(IconShieldCheck, { size: 17 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-sm font-semibold text-foreground", children: approval.summary }), _jsx(StatusBadge, { status: approval.status })] }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: ["Requested by", " ", _jsx("span", { className: "font-medium text-foreground", children: approval.requestedBy })] })] })] }), _jsxs("div", { className: "mt-4 space-y-2 rounded-xl border bg-muted/30 px-4 py-3 text-xs", children: [_jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: "Change type" }), _jsx("span", { className: "font-mono font-medium text-foreground", children: approval.changeType })] }), _jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: "Target type" }), _jsx("span", { className: "font-mono font-medium text-foreground", children: approval.targetType })] }), approval.targetId && (_jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: "Target id" }), _jsx("span", { className: "truncate font-mono font-medium text-foreground", children: approval.targetId })] })), approval.reviewedBy && (_jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: "Reviewed by" }), _jsx("span", { className: "font-medium text-foreground", children: approval.reviewedBy })] }))] }), isPending && (_jsxs("div", { className: "mt-4 flex gap-2", children: [_jsxs(Button, { size: "sm", className: "flex-1", disabled: approve.isPending || reject.isPending, onClick: () => approve.mutate({ id: approval.id }), children: [_jsx(IconCheck, { size: 14, className: "mr-1.5" }), "Approve"] }), _jsxs(Button, { size: "sm", variant: "outline", className: "flex-1", disabled: approve.isPending || reject.isPending, onClick: () => reject.mutate({
+                                        id: approval.id,
+                                        reason: "Rejected in dispatch UI",
+                                    }), children: [_jsx(IconX, { size: 14, className: "mr-1.5" }), "Reject"] })] }))] }), inEmbed && (_jsx("div", { className: "flex justify-end", children: _jsxs(Button, { size: "sm", variant: "ghost", className: "gap-1.5 text-muted-foreground", onClick: () => postNavigate(appPath("/approvals")), children: [_jsx(IconArrowUpRight, { size: 14 }), "Open in app"] }) }))] }) }));
+}
+//# sourceMappingURL=approval.js.map

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

@@ -0,0 +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 { Button } from \"@/components/ui/button\";\nimport { Badge } from \"@/components/ui/badge\";\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) => 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-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          <p className=\"text-sm text-muted-foreground\">Loading...</p>\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\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            <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          {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

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

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

@@ -0,0 +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"}

package/dist/routes/pages/approvals.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"approvals.js","sourceRoot":"","sources":["../../../src/routes/pages/approvals.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC;IACvE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC;IAC5B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,MAAM;SACH,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;SAC5B,MAAM,CAAC,OAAO,CAAC,EACpB,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,UAAU,GAAG,iBAAiB,CAAC,8BAA8B,EAAE;QACnE,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,yBAAyB,CAAC;QACzD,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;KAC3C,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,iBAAiB,CAAC,yBAAyB,EAAE;QAC3D,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;QACjD,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;KAC3C,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,iBAAiB,CAAC,wBAAwB,EAAE;QACzD,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;QACjD,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;KAC3C,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,oDAAoD,YAEhE,eAAK,SAAS,EAAC,2DAA2D,aACxE,mBAAS,SAAS,EAAC,gCAAgC,aACjD,aAAI,SAAS,EAAC,uCAAuC,gCAEhD,EACL,eAAK,SAAS,EAAC,gBAAgB,aAC7B,iBAAO,SAAS,EAAC,+DAA+D,aAC9E,0BACE,cAAK,SAAS,EAAC,qCAAqC,qDAE9C,EACN,cAAK,SAAS,EAAC,oCAAoC,YAChD,MAAM;wDACL,CAAC,CAAC,4DAA4D;wDAC9D,CAAC,CAAC,yDAAyD,GACzD,IACF,EACN,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,EAAE,OAAO,IAAI,KAAK,EACnC,QAAQ,EAAE,CAAC,MAAM,IAAI,UAAU,CAAC,SAAS,EACzC,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAC3B,UAAU,CAAC,MAAM,CAAC;gDAChB,OAAO,EAAE,OAAO;gDAChB,cAAc,EAAE,QAAQ,EAAE,cAAc,IAAI,YAAY;6CACzD,CAAC,GAEJ,IACI,EACR,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,qCAAqC,gCAE9C,EACN,KAAC,KAAK,IACJ,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAClD,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EACxD,QAAQ,EAAE,CAAC,MAAM,GACjB,EACF,KAAC,MAAM,IACL,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,CAAC,MAAM,IAAI,UAAU,CAAC,SAAS,EACzC,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC,MAAM,CAAC;gDAChB,OAAO,EAAE,QAAQ,EAAE,OAAO,IAAI,KAAK;gDACnC,cAAc,EAAE,YAAY;6CAC7B,CAAC,+BAIG,IACL,IACF,IACE,EAEV,mBAAS,SAAS,EAAC,gCAAgC,aACjD,aAAI,SAAS,EAAC,uCAAuC,4CAEhD,EACL,eAAK,SAAS,EAAC,gBAAgB,aAC5B,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACnC,cAEE,SAAS,EAAC,yCAAyC,YAEnD,eAAK,SAAS,EAAC,wCAAwC,aACrD,0BACE,cAAK,SAAS,EAAC,qCAAqC,YACjD,QAAQ,CAAC,OAAO,GACb,EACN,eAAK,SAAS,EAAC,oCAAoC,aAChD,QAAQ,CAAC,MAAM,2BAAkB,QAAQ,CAAC,WAAW,IAClD,IACF,EACL,QAAQ,CAAC,MAAM,KAAK,SAAS,IAAI,CAChC,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,wBAG3C,EACT,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,MAAM,CAAC;4DACZ,EAAE,EAAE,QAAQ,CAAC,EAAE;4DACf,MAAM,EAAE,yBAAyB;yDAClC,CAAC,uBAIG,IACL,CACP,IACG,IAlCD,QAAQ,CAAC,EAAE,CAmCZ,CACP,CAAC,EACD,CAAC,SAAS,EAAE,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CACjC,cAAK,SAAS,EAAC,yEAAyE,0CAElF,CACP,IACG,IACE,IACN,GACQ,CACjB,CAAC;AACJ,CAAC","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 and dispatch settings today.\"\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) => (\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

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

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

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

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+function workspaceAppHref(app) {
+    if (app.status === "pending")
+        return app.builderUrl || null;
+    return app.url || app.path || null;
+}
+export function meta() {
+    return [{ title: "Workspace app - Dispatch" }];
+}
+export default function WorkspaceAppRoute() {
+    const { appId } = useParams();
+    const { data: apps = [], isLoading } = useActionQuery("list-workspace-apps", { includeAgentCards: false }, {
+        refetchInterval: 2_000,
+    });
+    const app = useMemo(() => apps.find((item) => item.id === appId) ?? null, [appId, apps]);
+    const href = app ? workspaceAppHref(app) : null;
+    useEffect(() => {
+        if (!app || app.status === "pending" || !href)
+            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 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Loading app status..." })) : !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] }))] }) }));
+}
+//# sourceMappingURL=apps.$appId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apps.$appId.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.$appId.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport { Link, useParams } from \"react-router\";\nimport { useActionQuery } from \"@agent-native/core/client\";\nimport {\n  IconArrowLeft,\n  IconArrowUpRight,\n  IconClockHour4,\n} from \"@tabler/icons-react\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\n\ninterface WorkspaceAppSummary {\n  id: string;\n  name: string;\n  description?: string;\n  path: string;\n  url?: string | null;\n  status?: \"ready\" | \"pending\";\n  statusLabel?: string;\n  builderUrl?: string | null;\n  branchName?: string | null;\n}\n\nfunction workspaceAppHref(app: WorkspaceAppSummary): string | null {\n  if (app.status === \"pending\") return app.builderUrl || null;\n  return app.url || app.path || null;\n}\n\nexport function meta() {\n  return [{ title: \"Workspace app - Dispatch\" }];\n}\n\nexport default function WorkspaceAppRoute() {\n  const { appId } = useParams();\n  const { data: apps = [], isLoading } = useActionQuery(\n    \"list-workspace-apps\",\n    { includeAgentCards: false },\n    {\n      refetchInterval: 2_000,\n    },\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\n  useEffect(() => {\n    if (!app || app.status === \"pending\" || !href) return;\n    window.location.assign(href);\n  }, [app, href]);\n\n  return (\n    <DispatchShell\n      title={app?.name || \"Workspace App\"}\n      description=\"Open a deployed app or check the status of an app being created.\"\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=\"/apps\">\n            <IconArrowLeft size={15} className=\"mr-1.5\" />\n            Apps\n          </Link>\n        </Button>\n\n        {isLoading && !app ? (\n          <p className=\"text-sm text-muted-foreground\">Loading app status...</p>\n        ) : !app ? (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-base font-semibold text-foreground\">\n              App not found\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              This route is not in the workspace app list yet.\n            </p>\n          </div>\n        ) : app.status === \"pending\" ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {app.name}\n              </h2>\n              <Badge\n                variant=\"outline\"\n                className=\"gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300\"\n              >\n                <IconClockHour4 size={12} />\n                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              Opening {app.name}\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              Redirecting to{\" \"}\n              <span className=\"font-mono text-foreground\">{app.path}</span>.\n            </p>\n            {href ? (\n              <Button asChild>\n                <a href={href}>\n                  Open app\n                  <IconArrowUpRight size={15} className=\"ml-1.5\" />\n                </a>\n              </Button>\n            ) : null}\n          </div>\n        )}\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

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

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

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

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

package/dist/routes/pages/apps.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionQuery } from "@agent-native/core/client";
+import { IconArrowUpRight, IconApps, IconClockHour4, IconPlus, } from "@tabler/icons-react";
+import { AppKeysPopover } from "../../components/app-keys-popover";
+import { CreateAppPopover } from "../../components/create-app-popover";
+import { DispatchShell } from "../../components/dispatch-shell";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+function workspaceAppHref(app) {
+    if (app.status === "pending")
+        return app.builderUrl || null;
+    return app.url || app.path || null;
+}
+function isPendingBuilderHref(app) {
+    return app.status === "pending" && !!app.builderUrl;
+}
+export function meta() {
+    return [{ title: "Apps — Dispatch" }];
+}
+export default function AppsRoute() {
+    const { data: apps = [] } = useActionQuery("list-workspace-apps", { includeAgentCards: false }, {
+        refetchInterval: 2_000,
+    });
+    const { data: workspace } = useActionQuery("get-workspace-info", {}, { staleTime: 60_000 });
+    const ws = workspace;
+    const workspaceLabel = ws?.displayName ?? ws?.name ?? null;
+    const typedApps = apps.filter((app) => !app.isDispatch);
+    return (_jsx(DispatchShell, { title: "Apps", description: workspaceLabel
+            ? `Apps in the "${workspaceLabel}" workspace. Each app gets its own route under this workspace and shares its database, auth, and agent chat.`
+            : "Open workspace apps and start new app creation from Dispatch.", children: _jsx("div", { className: "space-y-4", children: _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconApps, { size: 16, className: "text-muted-foreground" }), _jsx("h2", { className: "text-sm font-semibold text-foreground", children: workspaceLabel
+                                            ? `Apps in ${workspaceLabel}`
+                                            : "Workspace apps" })] }), _jsx(CreateAppPopover, { align: "end", trigger: _jsxs(Button, { size: "sm", variant: "outline", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), "App"] }) })] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: [typedApps.map((app) => {
+                                const href = workspaceAppHref(app);
+                                // Pending Builder branches live on a different host; open
+                                // those in a new tab. Ready workspace apps stay in-window
+                                // so the cards work inside the Builder webview, where new
+                                // tabs would escape to the host browser.
+                                const openInNewTab = isPendingBuilderHref(app);
+                                return (_jsx("a", { href: href ?? undefined, target: openInNewTab ? "_blank" : undefined, rel: openInNewTab ? "noreferrer" : undefined, "aria-disabled": !href, className: "group rounded-lg border bg-card p-4 transition hover:border-foreground/30 aria-disabled:pointer-events-none aria-disabled:opacity-60", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("h3", { className: "truncate text-sm font-semibold text-foreground", children: app.name }), app.status === "pending" ? (_jsxs(Badge, { variant: "outline", className: "shrink-0 gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300", children: [_jsx(IconClockHour4, { size: 12 }), "Building"] })) : null] }), _jsx("p", { className: "mt-1 truncate font-mono text-xs text-muted-foreground", children: app.path }), app.status === "pending" && app.branchName ? (_jsxs("p", { className: "mt-1 truncate text-xs text-muted-foreground", children: ["Branch: ", app.branchName] })) : null, app.description ? (_jsx("p", { className: "mt-2 line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: app.description })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [app.status === "ready" ? (_jsx(AppKeysPopover, { appId: app.id, appName: app.name })) : null, _jsx(IconArrowUpRight, { size: 16, className: "text-muted-foreground transition group-hover:text-foreground" })] })] }) }, app.id));
+                            }), _jsx(CreateAppPopover, {})] })] }) }) }));
+}
+//# sourceMappingURL=apps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apps.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client\";\nimport {\n  IconArrowUpRight,\n  IconApps,\n  IconClockHour4,\n  IconPlus,\n} from \"@tabler/icons-react\";\nimport { AppKeysPopover } from \"@/components/app-keys-popover\";\nimport { CreateAppPopover } from \"@/components/create-app-popover\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\n\ninterface WorkspaceAppSummary {\n  id: string;\n  name: string;\n  description?: string;\n  path: string;\n  url?: string | null;\n  isDispatch: boolean;\n  status?: \"ready\" | \"pending\";\n  statusLabel?: string;\n  builderUrl?: string | null;\n  branchName?: string | null;\n}\n\nfunction workspaceAppHref(app: WorkspaceAppSummary): string | null {\n  if (app.status === \"pending\") return app.builderUrl || null;\n  return app.url || app.path || null;\n}\n\nfunction isPendingBuilderHref(app: WorkspaceAppSummary): boolean {\n  return app.status === \"pending\" && !!app.builderUrl;\n}\n\nexport function meta() {\n  return [{ title: \"Apps — Dispatch\" }];\n}\n\ninterface WorkspaceInfo {\n  name: string | null;\n  displayName: string | null;\n  appCount: number;\n}\n\nexport default function AppsRoute() {\n  const { data: apps = [] } = useActionQuery(\n    \"list-workspace-apps\",\n    { includeAgentCards: false },\n    {\n      refetchInterval: 2_000,\n    },\n  );\n  const { data: workspace } = useActionQuery(\n    \"get-workspace-info\",\n    {},\n    { staleTime: 60_000 },\n  );\n  const ws = workspace as WorkspaceInfo | undefined;\n  const workspaceLabel = ws?.displayName ?? ws?.name ?? null;\n  const typedApps = (apps as WorkspaceAppSummary[]).filter(\n    (app) => !app.isDispatch,\n  );\n\n  return (\n    <DispatchShell\n      title=\"Apps\"\n      description={\n        workspaceLabel\n          ? `Apps in the \"${workspaceLabel}\" workspace. Each app gets its own route under this workspace and shares its database, auth, and agent chat.`\n          : \"Open workspace apps and start new app creation from Dispatch.\"\n      }\n    >\n      <div className=\"space-y-4\">\n        <section className=\"space-y-3\">\n          <div className=\"flex items-center justify-between gap-3\">\n            <div className=\"flex items-center gap-2\">\n              <IconApps size={16} className=\"text-muted-foreground\" />\n              <h2 className=\"text-sm font-semibold text-foreground\">\n                {workspaceLabel\n                  ? `Apps in ${workspaceLabel}`\n                  : \"Workspace apps\"}\n              </h2>\n            </div>\n            <CreateAppPopover\n              align=\"end\"\n              trigger={\n                <Button size=\"sm\" variant=\"outline\">\n                  <IconPlus size={15} className=\"mr-1.5\" />\n                  App\n                </Button>\n              }\n            />\n          </div>\n\n          <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-3\">\n            {typedApps.map((app) => {\n              const href = workspaceAppHref(app);\n              // Pending Builder branches live on a different host; open\n              // those in a new tab. Ready workspace apps stay in-window\n              // so the cards work inside the Builder webview, where new\n              // tabs would escape to the host browser.\n              const openInNewTab = isPendingBuilderHref(app);\n              return (\n                <a\n                  key={app.id}\n                  href={href ?? undefined}\n                  target={openInNewTab ? \"_blank\" : undefined}\n                  rel={openInNewTab ? \"noreferrer\" : undefined}\n                  aria-disabled={!href}\n                  className=\"group rounded-lg border bg-card p-4 transition hover:border-foreground/30 aria-disabled:pointer-events-none aria-disabled:opacity-60\"\n                >\n                  <div className=\"flex items-start justify-between gap-3\">\n                    <div className=\"min-w-0\">\n                      <div className=\"flex min-w-0 items-center gap-2\">\n                        <h3 className=\"truncate text-sm font-semibold text-foreground\">\n                          {app.name}\n                        </h3>\n                        {app.status === \"pending\" ? (\n                          <Badge\n                            variant=\"outline\"\n                            className=\"shrink-0 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                        ) : null}\n                      </div>\n                      <p className=\"mt-1 truncate font-mono text-xs text-muted-foreground\">\n                        {app.path}\n                      </p>\n                      {app.status === \"pending\" && app.branchName ? (\n                        <p className=\"mt-1 truncate text-xs text-muted-foreground\">\n                          Branch: {app.branchName}\n                        </p>\n                      ) : null}\n                      {app.description ? (\n                        <p className=\"mt-2 line-clamp-2 text-xs leading-relaxed text-muted-foreground\">\n                          {app.description}\n                        </p>\n                      ) : null}\n                    </div>\n                    <div className=\"flex shrink-0 items-center gap-1\">\n                      {app.status === \"ready\" ? (\n                        <AppKeysPopover appId={app.id} appName={app.name} />\n                      ) : null}\n                      <IconArrowUpRight\n                        size={16}\n                        className=\"text-muted-foreground transition group-hover:text-foreground\"\n                      />\n                    </div>\n                  </div>\n                </a>\n              );\n            })}\n\n            <CreateAppPopover />\n          </div>\n        </section>\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"audit.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/audit.tsx"],"names":[],"mappings":"AAGA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,4CAiCjC"}

package/dist/routes/pages/audit.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionQuery } from "@agent-native/core/client";
+import { DispatchShell } from "../../components/dispatch-shell";
+export function meta() {
+    return [{ title: "Audit — Dispatch" }];
+}
+export default function AuditRoute() {
+    const { data } = useActionQuery("list-dispatch-audit", { limit: 100 });
+    return (_jsx(DispatchShell, { title: "Audit", description: "Change history for routes, settings, and approvals.", children: _jsx("section", { className: "rounded-2xl border bg-card p-5", children: _jsxs("div", { className: "space-y-3", children: [(data || []).map((event) => (_jsxs("div", { className: "rounded-xl border bg-muted/30 px-4 py-3", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: event.summary }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [event.actor, " \u00B7 ", event.action, " \u00B7", " ", new Date(event.createdAt).toLocaleString()] })] }, event.id))), (data?.length || 0) === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No audit entries yet." }))] }) }) }));
+}
+//# sourceMappingURL=audit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"audit.js","sourceRoot":"","sources":["../../../src/routes/pages/audit.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IAEvE,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,qDAAqD,YAEjE,kBAAS,SAAS,EAAC,gCAAgC,YACjD,eAAK,SAAS,EAAC,WAAW,aACvB,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,eAEE,SAAS,EAAC,yCAAyC,aAEnD,cAAK,SAAS,EAAC,qCAAqC,YACjD,KAAK,CAAC,OAAO,GACV,EACN,eAAK,SAAS,EAAC,oCAAoC,aAChD,KAAK,CAAC,KAAK,cAAK,KAAK,CAAC,MAAM,aAAI,GAAG,EACnC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,IACvC,KATD,KAAK,CAAC,EAAE,CAUT,CACP,CAAC,EACD,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAC5B,cAAK,SAAS,EAAC,yEAAyE,sCAElF,CACP,IACG,GACE,GACI,CACjB,CAAC;AACJ,CAAC","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client\";\nimport { DispatchShell } from \"@/components/dispatch-shell\";\n\nexport function meta() {\n  return [{ title: \"Audit — Dispatch\" }];\n}\n\nexport default function AuditRoute() {\n  const { data } = useActionQuery(\"list-dispatch-audit\", { limit: 100 });\n\n  return (\n    <DispatchShell\n      title=\"Audit\"\n      description=\"Change history for routes, settings, and approvals.\"\n    >\n      <section className=\"rounded-2xl border bg-card p-5\">\n        <div className=\"space-y-3\">\n          {(data || []).map((event) => (\n            <div\n              key={event.id}\n              className=\"rounded-xl border bg-muted/30 px-4 py-3\"\n            >\n              <div className=\"text-sm font-medium text-foreground\">\n                {event.summary}\n              </div>\n              <div className=\"mt-1 text-xs text-muted-foreground\">\n                {event.actor} · {event.action} ·{\" \"}\n                {new Date(event.createdAt).toLocaleString()}\n              </div>\n            </div>\n          ))}\n          {(data?.length || 0) === 0 && (\n            <div className=\"rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\n              No audit entries yet.\n            </div>\n          )}\n        </div>\n      </section>\n    </DispatchShell>\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"destinations.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/destinations.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,IAAI;;IAEnB;AAyCD,MAAM,CAAC,OAAO,UAAU,iBAAiB,4CAuLxC"}