@agent-native/dispatch 0.1.1

package/dist/actions/sync-workspace-resources-to-app.d.ts

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=sync-workspace-resources-to-app.d.ts.map

package/dist/actions/sync-workspace-resources-to-app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-workspace-resources-to-app.d.ts","sourceRoot":"","sources":["../../src/actions/sync-workspace-resources-to-app.ts"],"names":[],"mappings":";AAIA,wBAOG"}

package/dist/actions/sync-workspace-resources-to-app.js

@@ -0,0 +1,11 @@
+import { defineAction } from "@agent-native/core";
+import { z } from "zod";
+import { syncResourcesToApp } from "../server/lib/workspace-resources-store.js";
+export default defineAction({
+    description: "Push all applicable workspace resources (skills, instructions, agents) to an app. Pushes scope=all resources plus any with active grants for this app.",
+    schema: z.object({
+        appId: z.string().describe("App ID to sync resources to"),
+    }),
+    run: async (args) => syncResourcesToApp(args.appId),
+});
+//# sourceMappingURL=sync-workspace-resources-to-app.js.map

package/dist/actions/sync-workspace-resources-to-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-workspace-resources-to-app.js","sourceRoot":"","sources":["../../src/actions/sync-workspace-resources-to-app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAEhF,eAAe,YAAY,CAAC;IAC1B,WAAW,EACT,wJAAwJ;IAC1J,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC;QACf,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,6BAA6B,CAAC;KAC1D,CAAC;IACF,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;CACpD,CAAC,CAAC","sourcesContent":["import { defineAction } from \"@agent-native/core\";\nimport { z } from \"zod\";\nimport { syncResourcesToApp } from \"../server/lib/workspace-resources-store.js\";\n\nexport default defineAction({\n  description:\n    \"Push all applicable workspace resources (skills, instructions, agents) to an app. Pushes scope=all resources plus any with active grants for this app.\",\n  schema: z.object({\n    appId: z.string().describe(\"App ID to sync resources to\"),\n  }),\n  run: async (args) => syncResourcesToApp(args.appId),\n});\n"]}

package/dist/actions/update-vault-secret.d.ts

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=update-vault-secret.d.ts.map

package/dist/actions/update-vault-secret.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-vault-secret.d.ts","sourceRoot":"","sources":["../../src/actions/update-vault-secret.ts"],"names":[],"mappings":";AAIA,wBAOG"}

package/dist/actions/update-vault-secret.js

@@ -0,0 +1,12 @@
+import { defineAction } from "@agent-native/core";
+import { z } from "zod";
+import { updateSecret } from "../server/lib/vault-store.js";
+export default defineAction({
+    description: "Update the value of an existing vault secret. Admin only.",
+    schema: z.object({
+        id: z.string().describe("Secret ID"),
+        value: z.string().describe("New secret value"),
+    }),
+    run: async (args) => updateSecret(args.id, args.value),
+});
+//# sourceMappingURL=update-vault-secret.js.map

package/dist/actions/update-vault-secret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-vault-secret.js","sourceRoot":"","sources":["../../src/actions/update-vault-secret.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,eAAe,YAAY,CAAC;IAC1B,WAAW,EAAE,2DAA2D;IACxE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC;QACf,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;QACpC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC;KAC/C,CAAC;IACF,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC;CACvD,CAAC,CAAC","sourcesContent":["import { defineAction } from \"@agent-native/core\";\nimport { z } from \"zod\";\nimport { updateSecret } from \"../server/lib/vault-store.js\";\n\nexport default defineAction({\n  description: \"Update the value of an existing vault secret. Admin only.\",\n  schema: z.object({\n    id: z.string().describe(\"Secret ID\"),\n    value: z.string().describe(\"New secret value\"),\n  }),\n  run: async (args) => updateSecret(args.id, args.value),\n});\n"]}

package/dist/actions/update-workspace-resource.d.ts

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=update-workspace-resource.d.ts.map

package/dist/actions/update-workspace-resource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-workspace-resource.d.ts","sourceRoot":"","sources":["../../src/actions/update-workspace-resource.ts"],"names":[],"mappings":";AAIA,wBAcG"}

package/dist/actions/update-workspace-resource.js

@@ -0,0 +1,18 @@
+import { defineAction } from "@agent-native/core";
+import { z } from "zod";
+import { updateWorkspaceResource } from "../server/lib/workspace-resources-store.js";
+export default defineAction({
+    description: "Update a workspace resource's name, description, content, or scope.",
+    schema: z.object({
+        id: z.string().describe("Resource ID"),
+        name: z.string().optional().describe("New name"),
+        description: z.string().optional().describe("New description"),
+        content: z.string().optional().describe("New content"),
+        scope: z.enum(["all", "selected"]).optional().describe("New scope"),
+    }),
+    run: async (args) => {
+        const { id, ...rest } = args;
+        return updateWorkspaceResource(id, rest);
+    },
+});
+//# sourceMappingURL=update-workspace-resource.js.map

package/dist/actions/update-workspace-resource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-workspace-resource.js","sourceRoot":"","sources":["../../src/actions/update-workspace-resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AAErF,eAAe,YAAY,CAAC;IAC1B,WAAW,EACT,qEAAqE;IACvE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC;QACf,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC;QACtC,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC;QAChD,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,iBAAiB,CAAC;QAC9D,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC;QACtD,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;KACpE,CAAC;IACF,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;QAClB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;QAC7B,OAAO,uBAAuB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC;CACF,CAAC,CAAC","sourcesContent":["import { defineAction } from \"@agent-native/core\";\nimport { z } from \"zod\";\nimport { updateWorkspaceResource } from \"../server/lib/workspace-resources-store.js\";\n\nexport default defineAction({\n  description:\n    \"Update a workspace resource's name, description, content, or scope.\",\n  schema: z.object({\n    id: z.string().describe(\"Resource ID\"),\n    name: z.string().optional().describe(\"New name\"),\n    description: z.string().optional().describe(\"New description\"),\n    content: z.string().optional().describe(\"New content\"),\n    scope: z.enum([\"all\", \"selected\"]).optional().describe(\"New scope\"),\n  }),\n  run: async (args) => {\n    const { id, ...rest } = args;\n    return updateWorkspaceResource(id, rest);\n  },\n});\n"]}

package/dist/actions/upsert-destination.d.ts

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=upsert-destination.d.ts.map

package/dist/actions/upsert-destination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upsert-destination.d.ts","sourceRoot":"","sources":["../../src/actions/upsert-destination.ts"],"names":[],"mappings":";AAIA,wBAwBG"}

package/dist/actions/upsert-destination.js

@@ -0,0 +1,26 @@
+import { defineAction } from "@agent-native/core";
+import { z } from "zod";
+import { upsertDestination } from "../server/lib/dispatch-store.js";
+export default defineAction({
+    description: "Create or update a saved messaging destination for proactive Slack, Telegram, or email sends.",
+    schema: z.object({
+        id: z.string().optional(),
+        name: z.string().describe("Friendly destination name"),
+        platform: z
+            .enum(["slack", "telegram", "email"])
+            .describe("Destination platform"),
+        destination: z
+            .string()
+            .describe("Channel ID, chat ID, email address, or other platform destination id"),
+        threadRef: z
+            .string()
+            .optional()
+            .describe("Optional thread or topic reference"),
+        notes: z
+            .string()
+            .optional()
+            .describe("Optional notes about this destination"),
+    }),
+    run: async (args) => upsertDestination(args),
+});
+//# sourceMappingURL=upsert-destination.js.map

package/dist/actions/upsert-destination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upsert-destination.js","sourceRoot":"","sources":["../../src/actions/upsert-destination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,eAAe,YAAY,CAAC;IAC1B,WAAW,EACT,+FAA+F;IACjG,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC;QACf,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;QACzB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC;QACtD,QAAQ,EAAE,CAAC;aACR,IAAI,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;aACpC,QAAQ,CAAC,sBAAsB,CAAC;QACnC,WAAW,EAAE,CAAC;aACX,MAAM,EAAE;aACR,QAAQ,CACP,sEAAsE,CACvE;QACH,SAAS,EAAE,CAAC;aACT,MAAM,EAAE;aACR,QAAQ,EAAE;aACV,QAAQ,CAAC,oCAAoC,CAAC;QACjD,KAAK,EAAE,CAAC;aACL,MAAM,EAAE;aACR,QAAQ,EAAE;aACV,QAAQ,CAAC,uCAAuC,CAAC;KACrD,CAAC;IACF,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC;CAC7C,CAAC,CAAC","sourcesContent":["import { defineAction } from \"@agent-native/core\";\nimport { z } from \"zod\";\nimport { upsertDestination } from \"../server/lib/dispatch-store.js\";\n\nexport default defineAction({\n  description:\n    \"Create or update a saved messaging destination for proactive Slack, Telegram, or email sends.\",\n  schema: z.object({\n    id: z.string().optional(),\n    name: z.string().describe(\"Friendly destination name\"),\n    platform: z\n      .enum([\"slack\", \"telegram\", \"email\"])\n      .describe(\"Destination platform\"),\n    destination: z\n      .string()\n      .describe(\n        \"Channel ID, chat ID, email address, or other platform destination id\",\n      ),\n    threadRef: z\n      .string()\n      .optional()\n      .describe(\"Optional thread or topic reference\"),\n    notes: z\n      .string()\n      .optional()\n      .describe(\"Optional notes about this destination\"),\n  }),\n  run: async (args) => upsertDestination(args),\n});\n"]}

package/dist/actions/view-screen.d.ts

@@ -0,0 +1,11 @@
+/**
+ * See what the user is currently looking at on screen.
+ *
+ * Reads and returns the current navigation state from application state.
+ *
+ * Usage:
+ *   pnpm action view-screen
+ */
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=view-screen.d.ts.map

package/dist/actions/view-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-screen.d.ts","sourceRoot":"","sources":["../../src/actions/view-screen.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;;AAcH,wBAwDG"}

package/dist/actions/view-screen.js

@@ -0,0 +1,68 @@
+/**
+ * See what the user is currently looking at on screen.
+ *
+ * Reads and returns the current navigation state from application state.
+ *
+ * Usage:
+ *   pnpm action view-screen
+ */
+import { defineAction } from "@agent-native/core";
+import { readAppState } from "@agent-native/core/application-state";
+import { z } from "zod";
+import { listOverview } from "../server/lib/dispatch-store.js";
+import { listVaultOverview, listSecrets, listGrants, listRequests, } from "../server/lib/vault-store.js";
+import { listWorkspaceApps } from "../server/lib/app-creation-store.js";
+export default defineAction({
+    description: "See what the user is currently looking at in the dispatch UI, including navigation state and a compact operational summary.",
+    schema: z.object({}),
+    http: false,
+    run: async () => {
+        const [navigation, overview, vaultOverview] = await Promise.all([
+            readAppState("navigation"),
+            listOverview(),
+            listVaultOverview(),
+        ]);
+        const screen = {
+            counts: { ...overview.counts, ...vaultOverview },
+            approvalPolicy: overview.settings,
+        };
+        if (navigation)
+            screen.navigation = navigation;
+        if (navigation?.view === "overview") {
+            screen.recentAudit = overview.recentAudit.slice(0, 5);
+            screen.recentApprovals = overview.recentApprovals.slice(0, 5);
+        }
+        if (navigation?.view === "destinations") {
+            screen.recentDestinations = overview.recentDestinations;
+        }
+        if (navigation?.view === "overview" ||
+            navigation?.view === "apps" ||
+            navigation?.view === "new-app") {
+            screen.workspaceApps = await listWorkspaceApps({
+                includeAgentCards: true,
+            });
+        }
+        if (navigation?.view === "vault" || navigation?.view === "new-app") {
+            const [secrets, grants, requests] = await Promise.all([
+                listSecrets(),
+                listGrants(),
+                listRequests({ status: "pending" }),
+            ]);
+            screen.vaultSecrets = secrets.map((s) => ({
+                id: s.id,
+                name: s.name,
+                credentialKey: s.credentialKey,
+                provider: s.provider,
+            }));
+            screen.vaultActiveGrants = grants
+                .filter((g) => g.status === "active")
+                .map((g) => ({ secretId: g.secretId, appId: g.appId }));
+            screen.vaultPendingRequests = requests;
+        }
+        if (Object.keys(screen).length === 0) {
+            return "No application state found. Is the app running?";
+        }
+        return JSON.stringify(screen, null, 2);
+    },
+});
+//# sourceMappingURL=view-screen.js.map

package/dist/actions/view-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-screen.js","sourceRoot":"","sources":["../../src/actions/view-screen.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * See what the user is currently looking at on screen.\n *\n * Reads and returns the current navigation state from application state.\n *\n * Usage:\n *   pnpm action view-screen\n */\n\nimport { defineAction } from \"@agent-native/core\";\nimport { readAppState } from \"@agent-native/core/application-state\";\nimport { z } from \"zod\";\nimport { listOverview } from \"../server/lib/dispatch-store.js\";\nimport {\n  listVaultOverview,\n  listSecrets,\n  listGrants,\n  listRequests,\n} from \"../server/lib/vault-store.js\";\nimport { listWorkspaceApps } from \"../server/lib/app-creation-store.js\";\n\nexport default defineAction({\n  description:\n    \"See what the user is currently looking at in the dispatch UI, including navigation state and a compact operational summary.\",\n  schema: z.object({}),\n  http: false,\n  run: async () => {\n    const [navigation, overview, vaultOverview] = await Promise.all([\n      readAppState(\"navigation\"),\n      listOverview(),\n      listVaultOverview(),\n    ]);\n\n    const screen: Record<string, unknown> = {\n      counts: { ...overview.counts, ...vaultOverview },\n      approvalPolicy: overview.settings,\n    };\n    if (navigation) screen.navigation = navigation;\n    if (navigation?.view === \"overview\") {\n      screen.recentAudit = overview.recentAudit.slice(0, 5);\n      screen.recentApprovals = overview.recentApprovals.slice(0, 5);\n    }\n    if (navigation?.view === \"destinations\") {\n      screen.recentDestinations = overview.recentDestinations;\n    }\n    if (\n      navigation?.view === \"overview\" ||\n      navigation?.view === \"apps\" ||\n      navigation?.view === \"new-app\"\n    ) {\n      screen.workspaceApps = await listWorkspaceApps({\n        includeAgentCards: true,\n      });\n    }\n    if (navigation?.view === \"vault\" || navigation?.view === \"new-app\") {\n      const [secrets, grants, requests] = await Promise.all([\n        listSecrets(),\n        listGrants(),\n        listRequests({ status: \"pending\" }),\n      ]);\n      screen.vaultSecrets = secrets.map((s) => ({\n        id: s.id,\n        name: s.name,\n        credentialKey: s.credentialKey,\n        provider: s.provider,\n      }));\n      screen.vaultActiveGrants = grants\n        .filter((g) => g.status === \"active\")\n        .map((g) => ({ secretId: g.secretId, appId: g.appId }));\n      screen.vaultPendingRequests = requests;\n    }\n\n    if (Object.keys(screen).length === 0) {\n      return \"No application state found. Is the app running?\";\n    }\n    return JSON.stringify(screen, null, 2);\n  },\n});\n"]}

package/dist/components/agents-panel.d.ts

@@ -0,0 +1,16 @@
+export interface ConnectedAgent {
+    id: string;
+    name: string;
+    description: string;
+    url: string;
+    color: string;
+    source: "builtin" | "custom" | "workspace";
+    resourceId?: string;
+    path?: string;
+    scope?: "shared" | "personal";
+}
+export declare function AgentsPanel({ agents, onRefresh, }: {
+    agents: ConnectedAgent[];
+    onRefresh: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=agents-panel.d.ts.map

package/dist/components/agents-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agents-panel.d.ts","sourceRoot":"","sources":["../../src/components/agents-panel.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CAkOA"}

package/dist/components/agents-panel.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { Button } from "../components/ui/button";
+import { Input } from "../components/ui/input";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../components/ui/alert-dialog";
+import { IconExternalLink, IconTrash } from "@tabler/icons-react";
+import { agentNativePath } from "@agent-native/core/client";
+export function AgentsPanel({ agents, onRefresh, }) {
+    const [name, setName] = useState("");
+    const [url, setUrl] = useState("");
+    const [description, setDescription] = useState("");
+    const [saving, setSaving] = useState(false);
+    const nameRef = useRef(null);
+    const customAgents = agents.filter((agent) => agent.source === "custom");
+    const workspaceAgents = agents.filter((agent) => agent.source === "workspace");
+    const builtinAgents = agents.filter((agent) => agent.source === "builtin");
+    const handleAdd = async () => {
+        const trimmedName = name.trim();
+        const trimmedUrl = url.trim();
+        if (!trimmedName || !trimmedUrl)
+            return;
+        const id = trimmedName.toLowerCase().replace(/[^a-z0-9-]/g, "-");
+        const agentJson = JSON.stringify({
+            id,
+            name: trimmedName,
+            description: description.trim() || undefined,
+            url: trimmedUrl,
+            color: "#6B7280",
+        }, null, 2);
+        setSaving(true);
+        try {
+            const res = await fetch(agentNativePath("/_agent-native/resources"), {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    path: `remote-agents/${id}.json`,
+                    content: agentJson,
+                    shared: true,
+                }),
+            });
+            if (res.ok) {
+                setName("");
+                setUrl("");
+                setDescription("");
+                onRefresh();
+                nameRef.current?.focus();
+            }
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleDelete = async (resourceId) => {
+        if (!resourceId)
+            return;
+        const res = await fetch(agentNativePath(`/_agent-native/resources/${resourceId}`), {
+            method: "DELETE",
+        });
+        if (res.ok)
+            onRefresh();
+    };
+    return (_jsx("section", { className: "rounded-2xl border bg-card p-5", children: _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Available by default" }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [builtinAgents.map((agent) => (_jsxs("div", { className: "inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs text-muted-foreground", children: [_jsx("span", { className: "h-2 w-2 rounded-full", style: { backgroundColor: agent.color } }), _jsx("span", { children: agent.name })] }, agent.id))), builtinAgents.length === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No default agents detected." }))] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Added in this workspace" }), _jsxs("div", { className: "mt-2 space-y-2", children: [workspaceAgents.map((agent) => (_jsx("div", { className: "flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3", children: _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: agent.name }), agent.description ? (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: agent.description })) : null, _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: _jsxs("a", { href: agent.url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 hover:text-foreground", children: [agent.url, _jsx(IconExternalLink, { className: "h-3 w-3" })] }) })] }) }, agent.id))), customAgents.map((agent) => (_jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: agent.name }), agent.description ? (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: agent.description })) : null, _jsxs("div", { className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground", children: [_jsxs("a", { href: agent.url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 hover:text-foreground", children: [agent.url, _jsx(IconExternalLink, { className: "h-3 w-3" })] }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: agent.scope || "shared" })] })] }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", children: _jsx(IconTrash, { className: "h-4 w-4" }) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Remove this agent?" }), _jsxs(AlertDialogDescription, { children: ["\u201C", agent.name, "\u201D will be removed from the workspace. Any jobs or chats that delegate to it will stop working."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => handleDelete(agent.resourceId), children: "Remove" })] })] })] })] }, agent.id))), workspaceAgents.length === 0 && customAgents.length === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No extra agents added yet." }))] })] })] }), _jsxs("div", { className: "rounded-xl border bg-muted/20 p-4", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Add external agent" }), _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: "Add another A2A-compatible app by saving its agent endpoint here." }), _jsxs("div", { className: "mt-4 space-y-3", children: [_jsx(Input, { ref: nameRef, value: name, onChange: (event) => setName(event.target.value), placeholder: "Name" }), _jsx(Input, { value: url, onChange: (event) => setUrl(event.target.value), placeholder: "https://app.example.com" }), _jsx(Input, { value: description, onChange: (event) => setDescription(event.target.value), placeholder: "Description (optional)" }), _jsx(Button, { className: "w-full", onClick: handleAdd, disabled: !name.trim() || !url.trim() || saving, children: saving ? "Saving..." : "Add agent" })] })] })] }) }));
+}
+//# sourceMappingURL=agents-panel.js.map

package/dist/components/agents-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agents-panel.js","sourceRoot":"","sources":["../../src/components/agents-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef, useState } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"@/components/ui/alert-dialog\";\nimport { IconExternalLink, IconTrash } from \"@tabler/icons-react\";\nimport { agentNativePath } from \"@agent-native/core/client\";\n\nexport interface ConnectedAgent {\n  id: string;\n  name: string;\n  description: string;\n  url: string;\n  color: string;\n  source: \"builtin\" | \"custom\" | \"workspace\";\n  resourceId?: string;\n  path?: string;\n  scope?: \"shared\" | \"personal\";\n}\n\nexport function AgentsPanel({\n  agents,\n  onRefresh,\n}: {\n  agents: ConnectedAgent[];\n  onRefresh: () => void;\n}) {\n  const [name, setName] = useState(\"\");\n  const [url, setUrl] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [saving, setSaving] = useState(false);\n  const nameRef = useRef<HTMLInputElement>(null);\n\n  const customAgents = agents.filter((agent) => agent.source === \"custom\");\n  const workspaceAgents = agents.filter(\n    (agent) => agent.source === \"workspace\",\n  );\n  const builtinAgents = agents.filter((agent) => agent.source === \"builtin\");\n\n  const handleAdd = async () => {\n    const trimmedName = name.trim();\n    const trimmedUrl = url.trim();\n    if (!trimmedName || !trimmedUrl) return;\n\n    const id = trimmedName.toLowerCase().replace(/[^a-z0-9-]/g, \"-\");\n    const agentJson = JSON.stringify(\n      {\n        id,\n        name: trimmedName,\n        description: description.trim() || undefined,\n        url: trimmedUrl,\n        color: \"#6B7280\",\n      },\n      null,\n      2,\n    );\n\n    setSaving(true);\n    try {\n      const res = await fetch(agentNativePath(\"/_agent-native/resources\"), {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          path: `remote-agents/${id}.json`,\n          content: agentJson,\n          shared: true,\n        }),\n      });\n      if (res.ok) {\n        setName(\"\");\n        setUrl(\"\");\n        setDescription(\"\");\n        onRefresh();\n        nameRef.current?.focus();\n      }\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const handleDelete = async (resourceId?: string) => {\n    if (!resourceId) return;\n    const res = await fetch(\n      agentNativePath(`/_agent-native/resources/${resourceId}`),\n      {\n        method: \"DELETE\",\n      },\n    );\n    if (res.ok) onRefresh();\n  };\n\n  return (\n    <section className=\"rounded-2xl border bg-card p-5\">\n      <div className=\"grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px]\">\n        <div className=\"space-y-4\">\n          <div>\n            <div className=\"text-sm font-medium text-foreground\">\n              Available by default\n            </div>\n            <div className=\"mt-2 flex flex-wrap gap-2\">\n              {builtinAgents.map((agent) => (\n                <div\n                  key={agent.id}\n                  className=\"inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs text-muted-foreground\"\n                >\n                  <span\n                    className=\"h-2 w-2 rounded-full\"\n                    style={{ backgroundColor: agent.color }}\n                  />\n                  <span>{agent.name}</span>\n                </div>\n              ))}\n              {builtinAgents.length === 0 && (\n                <div className=\"rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\n                  No default agents detected.\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div>\n            <div className=\"text-sm font-medium text-foreground\">\n              Added in this workspace\n            </div>\n            <div className=\"mt-2 space-y-2\">\n              {workspaceAgents.map((agent) => (\n                <div\n                  key={agent.id}\n                  className=\"flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"text-sm font-medium text-foreground\">\n                      {agent.name}\n                    </div>\n                    {agent.description ? (\n                      <div className=\"mt-1 text-xs text-muted-foreground\">\n                        {agent.description}\n                      </div>\n                    ) : null}\n                    <div className=\"mt-1 text-xs text-muted-foreground\">\n                      <a\n                        href={agent.url}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"inline-flex items-center gap-1 hover:text-foreground\"\n                      >\n                        {agent.url}\n                        <IconExternalLink className=\"h-3 w-3\" />\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              ))}\n              {customAgents.map((agent) => (\n                <div\n                  key={agent.id}\n                  className=\"flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"text-sm font-medium text-foreground\">\n                      {agent.name}\n                    </div>\n                    {agent.description ? (\n                      <div className=\"mt-1 text-xs text-muted-foreground\">\n                        {agent.description}\n                      </div>\n                    ) : null}\n                    <div className=\"mt-1 flex items-center gap-2 text-xs text-muted-foreground\">\n                      <a\n                        href={agent.url}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"inline-flex items-center gap-1 hover:text-foreground\"\n                      >\n                        {agent.url}\n                        <IconExternalLink className=\"h-3 w-3\" />\n                      </a>\n                      <span>·</span>\n                      <span>{agent.scope || \"shared\"}</span>\n                    </div>\n                  </div>\n                  <AlertDialog>\n                    <AlertDialogTrigger asChild>\n                      <Button variant=\"ghost\" size=\"icon\">\n                        <IconTrash className=\"h-4 w-4\" />\n                      </Button>\n                    </AlertDialogTrigger>\n                    <AlertDialogContent>\n                      <AlertDialogHeader>\n                        <AlertDialogTitle>Remove this agent?</AlertDialogTitle>\n                        <AlertDialogDescription>\n                          “{agent.name}” will be removed from the workspace. Any\n                          jobs or chats that delegate to it will stop working.\n                        </AlertDialogDescription>\n                      </AlertDialogHeader>\n                      <AlertDialogFooter>\n                        <AlertDialogCancel>Cancel</AlertDialogCancel>\n                        <AlertDialogAction\n                          onClick={() => handleDelete(agent.resourceId)}\n                        >\n                          Remove\n                        </AlertDialogAction>\n                      </AlertDialogFooter>\n                    </AlertDialogContent>\n                  </AlertDialog>\n                </div>\n              ))}\n              {workspaceAgents.length === 0 && customAgents.length === 0 && (\n                <div className=\"rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\n                  No extra agents added yet.\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border bg-muted/20 p-4\">\n          <div className=\"text-sm font-medium text-foreground\">\n            Add external agent\n          </div>\n          <p className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\n            Add another A2A-compatible app by saving its agent endpoint here.\n          </p>\n          <div className=\"mt-4 space-y-3\">\n            <Input\n              ref={nameRef}\n              value={name}\n              onChange={(event) => setName(event.target.value)}\n              placeholder=\"Name\"\n            />\n            <Input\n              value={url}\n              onChange={(event) => setUrl(event.target.value)}\n              placeholder=\"https://app.example.com\"\n            />\n            <Input\n              value={description}\n              onChange={(event) => setDescription(event.target.value)}\n              placeholder=\"Description (optional)\"\n            />\n            <Button\n              className=\"w-full\"\n              onClick={handleAdd}\n              disabled={!name.trim() || !url.trim() || saving}\n            >\n              {saving ? \"Saving...\" : \"Add agent\"}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/components/app-keys-popover.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+interface AppKeysPopoverProps {
+    appId: string;
+    appName: string;
+    trigger?: ReactNode;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+}
+export declare function AppKeysPopover({ appId, appName, trigger, align, side, }: AppKeysPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=app-keys-popover.d.ts.map

package/dist/components/app-keys-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-keys-popover.d.ts","sourceRoot":"","sources":["../../src/components/app-keys-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA+B1D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,OAAO,EACP,KAAa,EACb,IAAe,GAChB,EAAE,mBAAmB,2CAiCrB"}

package/dist/components/app-keys-popover.js

@@ -0,0 +1,84 @@
+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 { IconCheck, IconLoader2, IconRefresh, IconSettings, } from "@tabler/icons-react";
+import { toast } from "sonner";
+import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover";
+import { Button } from "../components/ui/button";
+export function AppKeysPopover({ appId, appName, trigger, align = "end", side = "bottom", }) {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: trigger ?? (_jsx("button", { type: "button", "aria-label": `Manage keys for ${appName}`, onClick: (event) => {
+                        // Card itself is an <a>; stop the link from navigating when the
+                        // user clicks the cog inside it.
+                        event.preventDefault();
+                        event.stopPropagation();
+                    }, className: "flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border border-transparent text-muted-foreground/70 hover:border-border hover:bg-accent/40 hover:text-foreground", children: _jsx(IconSettings, { size: 14 }) })) }), _jsx(PopoverContent, { align: align, side: side, sideOffset: 6, className: "w-80 p-3", onClick: (event) => event.stopPropagation(), children: open ? _jsx(AppKeysPanel, { appId: appId, appName: appName }) : null })] }));
+}
+function AppKeysPanel({ appId, appName }) {
+    const { data: secrets = [], isLoading: secretsLoading } = useActionQuery("list-vault-secret-options", {});
+    const { data: grants = [], isLoading: grantsLoading, refetch: refetchGrants, } = useActionQuery("list-vault-grants", { appId });
+    const grantBySecretId = useMemo(() => {
+        const map = new Map();
+        for (const grant of grants) {
+            if (grant.status && grant.status !== "active")
+                continue;
+            map.set(grant.secretId, grant);
+        }
+        return map;
+    }, [grants]);
+    // Track per-secret pending state so a fast double-click on the same row
+    // can't queue two `create-vault-grant` requests (which would silently
+    // create duplicate active grants — a later revoke only clears one).
+    const [pendingSecretIds, setPendingSecretIds] = useState(() => new Set());
+    const markPending = (secretId, pending) => setPendingSecretIds((prev) => {
+        const next = new Set(prev);
+        if (pending)
+            next.add(secretId);
+        else
+            next.delete(secretId);
+        return next;
+    });
+    const grantMutation = useActionMutation("create-vault-grant", {
+        onSuccess: () => refetchGrants(),
+        onError: (err) => toast.error(`Could not grant: ${String(err)}`),
+    });
+    const revokeMutation = useActionMutation("revoke-vault-grant", {
+        onSuccess: () => refetchGrants(),
+        onError: (err) => toast.error(`Could not revoke: ${String(err)}`),
+    });
+    const syncMutation = useActionMutation("sync-vault-to-app", {
+        onSuccess: (result) => {
+            const synced = result?.synced ?? 0;
+            toast.success(synced > 0
+                ? `Synced ${synced} key${synced === 1 ? "" : "s"} to ${appName}`
+                : `${appName} is up to date`);
+        },
+        onError: (err) => toast.error(`Sync failed: ${String(err)}`),
+    });
+    const isLoading = secretsLoading || grantsLoading;
+    const grantedCount = grantBySecretId.size;
+    const typedSecrets = secrets;
+    const toggleSecret = (secret) => {
+        if (pendingSecretIds.has(secret.id))
+            return;
+        const existing = grantBySecretId.get(secret.id);
+        markPending(secret.id, true);
+        const onSettled = () => markPending(secret.id, false);
+        if (existing) {
+            revokeMutation.mutate({ grantId: existing.id }, { onSettled });
+        }
+        else {
+            grantMutation.mutate({ secretId: secret.id, appId }, { onSettled });
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 px-1", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("p", { className: "truncate text-sm font-semibold text-foreground", children: ["Keys for ", appName] }), _jsxs("p", { className: "text-[11px] text-muted-foreground", children: [grantedCount, " of ", typedSecrets.length, " granted"] })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: syncMutation.isPending || grantedCount === 0, onClick: () => syncMutation.mutate({ appId }), className: "h-7 px-2", children: [syncMutation.isPending ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(IconRefresh, { className: "h-3 w-3" })), _jsx("span", { className: "ml-1 text-xs", children: "Sync" })] })] }), _jsx("div", { className: "max-h-[320px] space-y-1.5 overflow-y-auto rounded-md border border-border bg-card p-1.5", children: isLoading ? (_jsx("p", { className: "px-3 py-3 text-xs text-muted-foreground", children: "Loading\u2026" })) : typedSecrets.length === 0 ? (_jsx("p", { className: "rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground", children: "No vault keys yet. Add one from the Vault page." })) : (typedSecrets.map((secret) => {
+                    const granted = grantBySecretId.has(secret.id);
+                    const pending = pendingSecretIds.has(secret.id);
+                    return (_jsxs("button", { type: "button", "aria-pressed": granted, disabled: pending, onClick: () => toggleSecret(secret), className: `flex w-full items-start gap-3 rounded-md px-2.5 py-2 text-left text-sm disabled:cursor-not-allowed disabled:opacity-60 ${pending ? "" : "cursor-pointer"} ${granted
+                            ? "border border-primary/45 bg-primary/5"
+                            : "border border-transparent hover:border-muted-foreground/30 hover:bg-accent/35"}`, children: [_jsx("span", { className: `mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border ${granted
+                                    ? "border-primary/60 bg-primary/10 text-primary"
+                                    : "border-muted-foreground/35 text-transparent"}`, children: granted ? _jsx(IconCheck, { className: "h-3 w-3" }) : null }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate font-medium", children: secret.credentialKey }), _jsx("span", { className: "block truncate text-xs text-muted-foreground/70", children: secret.provider || secret.name || "Vault secret" })] })] }, secret.id));
+                })) })] }));
+}
+//# sourceMappingURL=app-keys-popover.js.map

package/dist/components/app-keys-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-keys-popover.js","sourceRoot":"","sources":["../../src/components/app-keys-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\nimport {\n  IconCheck,\n  IconLoader2,\n  IconRefresh,\n  IconSettings,\n} from \"@tabler/icons-react\";\nimport { toast } from \"sonner\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\";\nimport { Button } from \"@/components/ui/button\";\n\ninterface VaultSecret {\n  id: string;\n  name?: string | null;\n  credentialKey: string;\n  provider?: string | null;\n  description?: string | null;\n}\n\ninterface VaultGrant {\n  id: string;\n  secretId: string;\n  appId: string;\n  status?: string | null;\n}\n\ninterface AppKeysPopoverProps {\n  appId: string;\n  appName: string;\n  trigger?: ReactNode;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}\n\nexport function AppKeysPopover({\n  appId,\n  appName,\n  trigger,\n  align = \"end\",\n  side = \"bottom\",\n}: AppKeysPopoverProps) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        {trigger ?? (\n          <button\n            type=\"button\"\n            aria-label={`Manage keys for ${appName}`}\n            onClick={(event) => {\n              // Card itself is an <a>; stop the link from navigating when the\n              // user clicks the cog inside it.\n              event.preventDefault();\n              event.stopPropagation();\n            }}\n            className=\"flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border border-transparent text-muted-foreground/70 hover:border-border hover:bg-accent/40 hover:text-foreground\"\n          >\n            <IconSettings size={14} />\n          </button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        align={align}\n        side={side}\n        sideOffset={6}\n        className=\"w-80 p-3\"\n        onClick={(event) => event.stopPropagation()}\n      >\n        {open ? <AppKeysPanel appId={appId} appName={appName} /> : null}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nfunction AppKeysPanel({ appId, appName }: { appId: string; appName: string }) {\n  const { data: secrets = [], isLoading: secretsLoading } = useActionQuery(\n    \"list-vault-secret-options\",\n    {},\n  );\n  const {\n    data: grants = [],\n    isLoading: grantsLoading,\n    refetch: refetchGrants,\n  } = useActionQuery(\"list-vault-grants\", { appId });\n\n  const grantBySecretId = useMemo(() => {\n    const map = new Map<string, VaultGrant>();\n    for (const grant of grants as VaultGrant[]) {\n      if (grant.status && grant.status !== \"active\") continue;\n      map.set(grant.secretId, grant);\n    }\n    return map;\n  }, [grants]);\n\n  // Track per-secret pending state so a fast double-click on the same row\n  // can't queue two `create-vault-grant` requests (which would silently\n  // create duplicate active grants — a later revoke only clears one).\n  const [pendingSecretIds, setPendingSecretIds] = useState<Set<string>>(\n    () => new Set(),\n  );\n  const markPending = (secretId: string, pending: boolean) =>\n    setPendingSecretIds((prev) => {\n      const next = new Set(prev);\n      if (pending) next.add(secretId);\n      else next.delete(secretId);\n      return next;\n    });\n\n  const grantMutation = useActionMutation(\"create-vault-grant\", {\n    onSuccess: () => refetchGrants(),\n    onError: (err) => toast.error(`Could not grant: ${String(err)}`),\n  });\n\n  const revokeMutation = useActionMutation(\"revoke-vault-grant\", {\n    onSuccess: () => refetchGrants(),\n    onError: (err) => toast.error(`Could not revoke: ${String(err)}`),\n  });\n\n  const syncMutation = useActionMutation(\"sync-vault-to-app\", {\n    onSuccess: (result: any) => {\n      const synced = result?.synced ?? 0;\n      toast.success(\n        synced > 0\n          ? `Synced ${synced} key${synced === 1 ? \"\" : \"s\"} to ${appName}`\n          : `${appName} is up to date`,\n      );\n    },\n    onError: (err) => toast.error(`Sync failed: ${String(err)}`),\n  });\n\n  const isLoading = secretsLoading || grantsLoading;\n  const grantedCount = grantBySecretId.size;\n  const typedSecrets = secrets as VaultSecret[];\n\n  const toggleSecret = (secret: VaultSecret) => {\n    if (pendingSecretIds.has(secret.id)) return;\n    const existing = grantBySecretId.get(secret.id);\n    markPending(secret.id, true);\n    const onSettled = () => markPending(secret.id, false);\n    if (existing) {\n      revokeMutation.mutate({ grantId: existing.id }, { onSettled });\n    } else {\n      grantMutation.mutate({ secretId: secret.id, appId }, { onSettled });\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div className=\"flex items-center justify-between gap-2 px-1\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-semibold text-foreground\">\n            Keys for {appName}\n          </p>\n          <p className=\"text-[11px] text-muted-foreground\">\n            {grantedCount} of {typedSecrets.length} granted\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={syncMutation.isPending || grantedCount === 0}\n          onClick={() => syncMutation.mutate({ appId })}\n          className=\"h-7 px-2\"\n        >\n          {syncMutation.isPending ? (\n            <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n          ) : (\n            <IconRefresh className=\"h-3 w-3\" />\n          )}\n          <span className=\"ml-1 text-xs\">Sync</span>\n        </Button>\n      </div>\n\n      <div className=\"max-h-[320px] space-y-1.5 overflow-y-auto rounded-md border border-border bg-card p-1.5\">\n        {isLoading ? (\n          <p className=\"px-3 py-3 text-xs text-muted-foreground\">Loading…</p>\n        ) : typedSecrets.length === 0 ? (\n          <p className=\"rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground\">\n            No vault keys yet. Add one from the Vault page.\n          </p>\n        ) : (\n          typedSecrets.map((secret) => {\n            const granted = grantBySecretId.has(secret.id);\n            const pending = pendingSecretIds.has(secret.id);\n            return (\n              <button\n                key={secret.id}\n                type=\"button\"\n                aria-pressed={granted}\n                disabled={pending}\n                onClick={() => toggleSecret(secret)}\n                className={`flex w-full items-start gap-3 rounded-md px-2.5 py-2 text-left text-sm disabled:cursor-not-allowed disabled:opacity-60 ${\n                  pending ? \"\" : \"cursor-pointer\"\n                } ${\n                  granted\n                    ? \"border border-primary/45 bg-primary/5\"\n                    : \"border border-transparent hover:border-muted-foreground/30 hover:bg-accent/35\"\n                }`}\n              >\n                <span\n                  className={`mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border ${\n                    granted\n                      ? \"border-primary/60 bg-primary/10 text-primary\"\n                      : \"border-muted-foreground/35 text-transparent\"\n                  }`}\n                >\n                  {granted ? <IconCheck className=\"h-3 w-3\" /> : null}\n                </span>\n                <span className=\"min-w-0 flex-1\">\n                  <span className=\"block truncate font-medium\">\n                    {secret.credentialKey}\n                  </span>\n                  <span className=\"block truncate text-xs text-muted-foreground/70\">\n                    {secret.provider || secret.name || \"Vault secret\"}\n                  </span>\n                </span>\n              </button>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/create-app-popover.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from "react";
+interface CreateAppPopoverProps {
+    /**
+     * Custom trigger element. Defaults to a dashed-border tile that matches the
+     * apps grid empty state.
+     */
+    trigger?: ReactNode;
+    /**
+     * Override the popover alignment. Defaults to "center" with a 10px offset.
+     */
+    align?: "start" | "center" | "end";
+}
+/**
+ * Inline two-step app-creation flow: prompt → optional key picker → submit.
+ * Used both in the popover form and in the dedicated `/new-app` page so the
+ * same UX shows up everywhere a teammate kicks off a new workspace app.
+ */
+export declare function CreateAppFlow({ onClose, className, }: {
+    onClose?: () => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CreateAppPopover({ trigger, align, }: CreateAppPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=create-app-popover.d.ts.map

package/dist/components/create-app-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-app-popover.d.ts","sourceRoot":"","sources":["../../src/components/create-app-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkCrE,UAAU,qBAAqB;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AA0ED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAc,GACf,EAAE;IACD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAsQA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAgB,GACjB,EAAE,qBAAqB,2CA0BvB"}