@agent-native/dispatch 0.0.0-beta-20260819155526

package/dist/components/agents-panel.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { agentNativePath } from "@agent-native/core/client/api-path";
+import { useOrgRole } from "@agent-native/core/client/org";
+import { IconExternalLink, IconTrash } from "@tabler/icons-react";
+import { useRef, useState } from "react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./ui/alert-dialog.js";
+import { Button } from "./ui/button.js";
+import { Input } from "./ui/input.js";
+function slugifyAgentName(value) {
+    return value
+        .trim()
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "");
+}
+function validateAgentForm(name, url) {
+    const errors = {};
+    const trimmedName = name.trim();
+    const trimmedUrl = url.trim();
+    if (!trimmedName) {
+        errors.name = "Agent name is required.";
+    }
+    else if (!slugifyAgentName(trimmedName)) {
+        errors.name = "Agent name must include at least one letter or number.";
+    }
+    if (!trimmedUrl) {
+        errors.url = "Agent endpoint URL is required.";
+    }
+    else {
+        try {
+            const parsed = new URL(trimmedUrl);
+            if (parsed.protocol !== "https:" && parsed.protocol !== "http:") {
+                errors.url = "Use an http:// or https:// endpoint URL.";
+            }
+            else if (!parsed.hostname) {
+                errors.url = "Enter a complete endpoint URL with a host.";
+            }
+            else if (parsed.username || parsed.password) {
+                errors.url = "Do not include credentials in the endpoint URL.";
+            }
+        }
+        catch {
+            errors.url =
+                "Enter a valid endpoint URL, such as https://app.example.com.";
+        }
+    }
+    return errors;
+}
+export function AgentsPanel({ agents, onRefresh, }) {
+    const { org, isLoading: orgLoading, error: orgError } = useOrgRole();
+    const canManageSharedAgents = !orgLoading &&
+        !orgError &&
+        (!org?.orgId || org.role === "owner" || org.role === "admin");
+    const [name, setName] = useState("");
+    const [url, setUrl] = useState("");
+    const [description, setDescription] = useState("");
+    const [saving, setSaving] = useState(false);
+    const [errors, setErrors] = useState({});
+    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 (event) => {
+        event?.preventDefault();
+        const trimmedName = name.trim();
+        const trimmedUrl = url.trim();
+        const nextErrors = validateAgentForm(trimmedName, trimmedUrl);
+        if (Object.keys(nextErrors).length > 0) {
+            setErrors(nextErrors);
+            return;
+        }
+        const id = slugifyAgentName(trimmedName);
+        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("");
+                setErrors({});
+                onRefresh();
+                nameRef.current?.focus();
+            }
+            else {
+                setErrors({
+                    form: `Could not add agent. Request failed with ${res.status}.`,
+                });
+            }
+        }
+        catch (error) {
+            setErrors({
+                form: error instanceof Error
+                    ? error.message
+                    : "Could not add agent. Please try again.",
+            });
+        }
+        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 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" })] })] }), canManageSharedAgents && (_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" }), canManageSharedAgents ? (_jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: "Add another A2A-compatible app by saving its agent endpoint here." })) : !orgLoading ? (_jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: "Only workspace owners and admins can add shared agents." })) : null, _jsxs("form", { className: `mt-4 space-y-3 ${canManageSharedAgents ? "" : "hidden"}`, onSubmit: handleAdd, noValidate: true, children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Input, { ref: nameRef, value: name, onChange: (event) => {
+                                                setName(event.target.value);
+                                                setErrors((current) => ({ ...current, name: undefined }));
+                                            }, placeholder: "Name", "aria-invalid": Boolean(errors.name), "aria-describedby": errors.name ? "external-agent-name-error" : undefined }), errors.name ? (_jsx("p", { id: "external-agent-name-error", className: "text-xs font-medium text-destructive", children: errors.name })) : null] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Input, { value: url, onChange: (event) => {
+                                                setUrl(event.target.value);
+                                                setErrors((current) => ({ ...current, url: undefined }));
+                                            }, placeholder: "https://app.example.com", "aria-invalid": Boolean(errors.url), "aria-describedby": errors.url ? "external-agent-url-error" : undefined }), errors.url ? (_jsx("p", { id: "external-agent-url-error", className: "text-xs font-medium text-destructive", children: errors.url })) : null] }), _jsx(Input, { value: description, onChange: (event) => setDescription(event.target.value), placeholder: "Description (optional)" }), errors.form ? (_jsx("p", { className: "text-xs font-medium text-destructive", children: errors.form })) : null, _jsx(Button, { type: "submit", className: "w-full", disabled: saving || !canManageSharedAgents, 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 { agentNativePath } from \"@agent-native/core/client/api-path\";\nimport { useOrgRole } from \"@agent-native/core/client/org\";\nimport { IconExternalLink, IconTrash } from \"@tabler/icons-react\";\nimport { useRef, useState, type FormEvent } from \"react\";\n\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"./ui/alert-dialog\";\nimport { Button } from \"./ui/button\";\nimport { Input } from \"./ui/input\";\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\ntype AgentFormErrors = Partial<Record<\"name\" | \"url\" | \"form\", string>>;\n\nfunction slugifyAgentName(value: string): string {\n  return value\n    .trim()\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\");\n}\n\nfunction validateAgentForm(name: string, url: string): AgentFormErrors {\n  const errors: AgentFormErrors = {};\n  const trimmedName = name.trim();\n  const trimmedUrl = url.trim();\n\n  if (!trimmedName) {\n    errors.name = \"Agent name is required.\";\n  } else if (!slugifyAgentName(trimmedName)) {\n    errors.name = \"Agent name must include at least one letter or number.\";\n  }\n\n  if (!trimmedUrl) {\n    errors.url = \"Agent endpoint URL is required.\";\n  } else {\n    try {\n      const parsed = new URL(trimmedUrl);\n      if (parsed.protocol !== \"https:\" && parsed.protocol !== \"http:\") {\n        errors.url = \"Use an http:// or https:// endpoint URL.\";\n      } else if (!parsed.hostname) {\n        errors.url = \"Enter a complete endpoint URL with a host.\";\n      } else if (parsed.username || parsed.password) {\n        errors.url = \"Do not include credentials in the endpoint URL.\";\n      }\n    } catch {\n      errors.url =\n        \"Enter a valid endpoint URL, such as https://app.example.com.\";\n    }\n  }\n\n  return errors;\n}\n\nexport function AgentsPanel({\n  agents,\n  onRefresh,\n}: {\n  agents: ConnectedAgent[];\n  onRefresh: () => void;\n}) {\n  const { org, isLoading: orgLoading, error: orgError } = useOrgRole();\n  const canManageSharedAgents =\n    !orgLoading &&\n    !orgError &&\n    (!org?.orgId || org.role === \"owner\" || org.role === \"admin\");\n  const [name, setName] = useState(\"\");\n  const [url, setUrl] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [saving, setSaving] = useState(false);\n  const [errors, setErrors] = useState<AgentFormErrors>({});\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 (event?: FormEvent<HTMLFormElement>) => {\n    event?.preventDefault();\n    const trimmedName = name.trim();\n    const trimmedUrl = url.trim();\n    const nextErrors = validateAgentForm(trimmedName, trimmedUrl);\n    if (Object.keys(nextErrors).length > 0) {\n      setErrors(nextErrors);\n      return;\n    }\n\n    const id = slugifyAgentName(trimmedName);\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        setErrors({});\n        onRefresh();\n        nameRef.current?.focus();\n      } else {\n        setErrors({\n          form: `Could not add agent. Request failed with ${res.status}.`,\n        });\n      }\n    } catch (error) {\n      setErrors({\n        form:\n          error instanceof Error\n            ? error.message\n            : \"Could not add agent. Please try again.\",\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 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                  {canManageSharedAgents && (\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>\n                            Remove this agent?\n                          </AlertDialogTitle>\n                          <AlertDialogDescription>\n                            “{agent.name}” will be removed from the workspace.\n                            Any jobs or chats that delegate to it will stop\n                            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                  )}\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          {canManageSharedAgents ? (\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          ) : !orgLoading ? (\n            <p className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\n              Only workspace owners and admins can add shared agents.\n            </p>\n          ) : null}\n          <form\n            className={`mt-4 space-y-3 ${canManageSharedAgents ? \"\" : \"hidden\"}`}\n            onSubmit={handleAdd}\n            noValidate\n          >\n            <div className=\"space-y-1.5\">\n              <Input\n                ref={nameRef}\n                value={name}\n                onChange={(event) => {\n                  setName(event.target.value);\n                  setErrors((current) => ({ ...current, name: undefined }));\n                }}\n                placeholder=\"Name\"\n                aria-invalid={Boolean(errors.name)}\n                aria-describedby={\n                  errors.name ? \"external-agent-name-error\" : undefined\n                }\n              />\n              {errors.name ? (\n                <p\n                  id=\"external-agent-name-error\"\n                  className=\"text-xs font-medium text-destructive\"\n                >\n                  {errors.name}\n                </p>\n              ) : null}\n            </div>\n            <div className=\"space-y-1.5\">\n              <Input\n                value={url}\n                onChange={(event) => {\n                  setUrl(event.target.value);\n                  setErrors((current) => ({ ...current, url: undefined }));\n                }}\n                placeholder=\"https://app.example.com\"\n                aria-invalid={Boolean(errors.url)}\n                aria-describedby={\n                  errors.url ? \"external-agent-url-error\" : undefined\n                }\n              />\n              {errors.url ? (\n                <p\n                  id=\"external-agent-url-error\"\n                  className=\"text-xs font-medium text-destructive\"\n                >\n                  {errors.url}\n                </p>\n              ) : null}\n            </div>\n            <Input\n              value={description}\n              onChange={(event) => setDescription(event.target.value)}\n              placeholder=\"Description (optional)\"\n            />\n            {errors.form ? (\n              <p className=\"text-xs font-medium text-destructive\">\n                {errors.form}\n              </p>\n            ) : null}\n            <Button\n              type=\"submit\"\n              className=\"w-full\"\n              disabled={saving || !canManageSharedAgents}\n            >\n              {saving ? \"Saving...\" : \"Add agent\"}\n            </Button>\n          </form>\n        </div>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/components/app-icon.d.ts

@@ -0,0 +1,10 @@
+export declare function AppIcon({ id, name, icon, color, className, size, monochrome, }: {
+    id: string;
+    name: string;
+    icon?: string;
+    color?: string;
+    className?: string;
+    size?: "sm" | "md";
+    monochrome?: boolean;
+}): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=app-icon.d.ts.map

package/dist/components/app-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-icon.d.ts","sourceRoot":"","sources":["../../src/components/app-icon.tsx"],"names":[],"mappings":"AA+GA,wBAAgB,OAAO,CAAC,EACtB,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAW,EACX,UAAkB,GACnB,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,mDAqCA"}

package/dist/components/app-icon.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconBrain, IconBrandChrome, IconBrandJira, IconCalendar, IconChartBar, IconCode, IconFileText, IconFolder, IconLayoutBoard, IconListCheck, IconMail, IconMessageCircle, IconPhoto, IconPresentation, IconRoute, IconSettings, IconStack2, IconUsers, } from "@tabler/icons-react";
+import { cn } from "../lib/utils.js";
+const ICONS_BY_KEY = {
+    barchart2: IconChartBar,
+    brandjira: IconBrandJira,
+    brain: IconBrain,
+    calendardays: IconCalendar,
+    calendarmonth: IconCalendar,
+    chartbar: IconChartBar,
+    code: IconCode,
+    filetext: IconFileText,
+    folder: IconFolder,
+    galleryhorizontal: IconPresentation,
+    globe: IconBrandChrome,
+    layoutboard: IconLayoutBoard,
+    listcheck: IconListCheck,
+    mail: IconMail,
+    messagecircle: IconMessageCircle,
+    photo: IconPhoto,
+    presentation: IconPresentation,
+    route: IconRoute,
+    settings: IconSettings,
+    stack2: IconStack2,
+    users: IconUsers,
+};
+/** Keep the Dispatch rail visually identical to the desktop app for first-party apps. */
+const APP_VISUALS_BY_ID = {
+    analytics: { icon: IconChartBar, colorRgb: "245 158 11" },
+    assets: { icon: IconPhoto, colorRgb: "15 118 110" },
+    brain: { icon: IconBrain, colorRgb: "139 92 246" },
+    calendar: { icon: IconCalendar, colorRgb: "0 181 255" },
+    chat: { icon: IconMessageCircle, colorRgb: "24 24 27" },
+    clips: { icon: IconStack2, colorRgb: "14 165 233" },
+    content: { icon: IconFileText, colorRgb: "16 185 129" },
+    crm: { icon: IconUsers, colorRgb: "37 99 235" },
+    design: { icon: IconStack2, colorRgb: "244 114 182" },
+    dispatch: { icon: IconRoute, colorRgb: "20 184 166" },
+    factory: { icon: IconUsers, colorRgb: "124 58 237" },
+    forms: { icon: IconStack2, colorRgb: "6 182 212" },
+    macros: { icon: IconCode, colorRgb: "113 113 122" },
+    mail: { icon: IconMail, colorRgb: "59 130 246" },
+    plan: { icon: IconLayoutBoard, colorRgb: "47 111 237" },
+    slides: { icon: IconPresentation, colorRgb: "236 72 153" },
+    tasks: { icon: IconListCheck, colorRgb: "99 102 241" },
+};
+function appIconComponent(id, name, iconKey) {
+    const normalizedIconKey = iconKey?.trim().toLowerCase();
+    if (normalizedIconKey && ICONS_BY_KEY[normalizedIconKey]) {
+        return ICONS_BY_KEY[normalizedIconKey];
+    }
+    const standardVisuals = APP_VISUALS_BY_ID[id.trim().toLowerCase()];
+    if (standardVisuals)
+        return standardVisuals.icon;
+    const haystack = `${id} ${name}`.toLowerCase();
+    if (haystack.includes("mail") || haystack.includes("email")) {
+        return IconMail;
+    }
+    if (haystack.includes("analytics") ||
+        haystack.includes("metric") ||
+        haystack.includes("indicator") ||
+        haystack.includes("gtm")) {
+        return IconChartBar;
+    }
+    if (haystack.includes("coach") || haystack.includes("agent")) {
+        return IconBrain;
+    }
+    return IconStack2;
+}
+function safeHexColor(color) {
+    const normalized = color?.trim();
+    return normalized && /^#[0-9a-f]{6}$/i.test(normalized) ? normalized : null;
+}
+export function AppIcon({ id, name, icon, color, className, size = "md", monochrome = false, }) {
+    const Icon = appIconComponent(id, name, icon);
+    const customColor = safeHexColor(color);
+    const standardColorRgb = APP_VISUALS_BY_ID[id.trim().toLowerCase()]?.colorRgb;
+    const style = customColor
+        ? {
+            "--dispatch-app-icon-color": customColor,
+            backgroundColor: "color-mix(in srgb, var(--dispatch-app-icon-color) 14%, transparent)",
+            color: "var(--dispatch-app-icon-color)",
+        }
+        : standardColorRgb
+            ? {
+                "--dispatch-app-icon-color-rgb": standardColorRgb,
+                backgroundColor: "rgb(var(--dispatch-app-icon-color-rgb) / 0.14)",
+                color: "rgb(var(--dispatch-app-icon-color-rgb))",
+            }
+            : {
+                "--dispatch-app-icon-hue": `${appHue(id, name)} 72% 44%`,
+                backgroundColor: "hsl(var(--dispatch-app-icon-hue) / 0.14)",
+                color: "hsl(var(--dispatch-app-icon-hue))",
+            };
+    return (_jsx("span", { "aria-hidden": "true", className: cn("flex shrink-0 items-center justify-center rounded-lg", size === "sm" ? "size-7" : "size-10", monochrome && "bg-transparent text-sidebar-foreground/70", className), style: monochrome ? undefined : style, children: _jsx(Icon, { size: size === "sm" ? 15 : 19, strokeWidth: 1.8 }) }));
+}
+function hashForApp(id, name) {
+    let hash = 0;
+    for (const character of `${id}:${name}`) {
+        hash = (hash * 31 + character.charCodeAt(0)) | 0;
+    }
+    return hash;
+}
+function appHue(id, name) {
+    return 20 + (Math.abs(hashForApp(id, name)) % 320);
+}
+//# sourceMappingURL=app-icon.js.map

package/dist/components/app-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-icon.js","sourceRoot":"","sources":["../../src/components/app-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  IconBrain,\n  IconBrandChrome,\n  IconBrandJira,\n  IconCalendar,\n  IconChartBar,\n  IconCode,\n  IconFileText,\n  IconFolder,\n  IconLayoutBoard,\n  IconListCheck,\n  IconMail,\n  IconMessageCircle,\n  IconPhoto,\n  IconPresentation,\n  IconRoute,\n  IconSettings,\n  IconStack2,\n  IconUsers,\n} from \"@tabler/icons-react\";\nimport type { CSSProperties } from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\ntype AppIconComponent = typeof IconStack2;\n\nconst ICONS_BY_KEY: Record<string, AppIconComponent> = {\n  barchart2: IconChartBar,\n  brandjira: IconBrandJira,\n  brain: IconBrain,\n  calendardays: IconCalendar,\n  calendarmonth: IconCalendar,\n  chartbar: IconChartBar,\n  code: IconCode,\n  filetext: IconFileText,\n  folder: IconFolder,\n  galleryhorizontal: IconPresentation,\n  globe: IconBrandChrome,\n  layoutboard: IconLayoutBoard,\n  listcheck: IconListCheck,\n  mail: IconMail,\n  messagecircle: IconMessageCircle,\n  photo: IconPhoto,\n  presentation: IconPresentation,\n  route: IconRoute,\n  settings: IconSettings,\n  stack2: IconStack2,\n  users: IconUsers,\n};\n\n/** Keep the Dispatch rail visually identical to the desktop app for first-party apps. */\nconst APP_VISUALS_BY_ID: Record<\n  string,\n  { icon: AppIconComponent; colorRgb: string }\n> = {\n  analytics: { icon: IconChartBar, colorRgb: \"245 158 11\" },\n  assets: { icon: IconPhoto, colorRgb: \"15 118 110\" },\n  brain: { icon: IconBrain, colorRgb: \"139 92 246\" },\n  calendar: { icon: IconCalendar, colorRgb: \"0 181 255\" },\n  chat: { icon: IconMessageCircle, colorRgb: \"24 24 27\" },\n  clips: { icon: IconStack2, colorRgb: \"14 165 233\" },\n  content: { icon: IconFileText, colorRgb: \"16 185 129\" },\n  crm: { icon: IconUsers, colorRgb: \"37 99 235\" },\n  design: { icon: IconStack2, colorRgb: \"244 114 182\" },\n  dispatch: { icon: IconRoute, colorRgb: \"20 184 166\" },\n  factory: { icon: IconUsers, colorRgb: \"124 58 237\" },\n  forms: { icon: IconStack2, colorRgb: \"6 182 212\" },\n  macros: { icon: IconCode, colorRgb: \"113 113 122\" },\n  mail: { icon: IconMail, colorRgb: \"59 130 246\" },\n  plan: { icon: IconLayoutBoard, colorRgb: \"47 111 237\" },\n  slides: { icon: IconPresentation, colorRgb: \"236 72 153\" },\n  tasks: { icon: IconListCheck, colorRgb: \"99 102 241\" },\n};\n\nfunction appIconComponent(\n  id: string,\n  name: string,\n  iconKey?: string,\n): AppIconComponent {\n  const normalizedIconKey = iconKey?.trim().toLowerCase();\n  if (normalizedIconKey && ICONS_BY_KEY[normalizedIconKey]) {\n    return ICONS_BY_KEY[normalizedIconKey];\n  }\n\n  const standardVisuals = APP_VISUALS_BY_ID[id.trim().toLowerCase()];\n  if (standardVisuals) return standardVisuals.icon;\n\n  const haystack = `${id} ${name}`.toLowerCase();\n\n  if (haystack.includes(\"mail\") || haystack.includes(\"email\")) {\n    return IconMail;\n  }\n  if (\n    haystack.includes(\"analytics\") ||\n    haystack.includes(\"metric\") ||\n    haystack.includes(\"indicator\") ||\n    haystack.includes(\"gtm\")\n  ) {\n    return IconChartBar;\n  }\n  if (haystack.includes(\"coach\") || haystack.includes(\"agent\")) {\n    return IconBrain;\n  }\n  return IconStack2;\n}\n\nfunction safeHexColor(color: string | undefined): string | null {\n  const normalized = color?.trim();\n  return normalized && /^#[0-9a-f]{6}$/i.test(normalized) ? normalized : null;\n}\n\nexport function AppIcon({\n  id,\n  name,\n  icon,\n  color,\n  className,\n  size = \"md\",\n  monochrome = false,\n}: {\n  id: string;\n  name: string;\n  icon?: string;\n  color?: string;\n  className?: string;\n  size?: \"sm\" | \"md\";\n  monochrome?: boolean;\n}) {\n  const Icon = appIconComponent(id, name, icon);\n  const customColor = safeHexColor(color);\n  const standardColorRgb = APP_VISUALS_BY_ID[id.trim().toLowerCase()]?.colorRgb;\n  const style = customColor\n    ? ({\n        \"--dispatch-app-icon-color\": customColor,\n        backgroundColor:\n          \"color-mix(in srgb, var(--dispatch-app-icon-color) 14%, transparent)\",\n        color: \"var(--dispatch-app-icon-color)\",\n      } as CSSProperties)\n    : standardColorRgb\n      ? ({\n          \"--dispatch-app-icon-color-rgb\": standardColorRgb,\n          backgroundColor: \"rgb(var(--dispatch-app-icon-color-rgb) / 0.14)\",\n          color: \"rgb(var(--dispatch-app-icon-color-rgb))\",\n        } as CSSProperties)\n      : ({\n          \"--dispatch-app-icon-hue\": `${appHue(id, name)} 72% 44%`,\n          backgroundColor: \"hsl(var(--dispatch-app-icon-hue) / 0.14)\",\n          color: \"hsl(var(--dispatch-app-icon-hue))\",\n        } as CSSProperties);\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        \"flex shrink-0 items-center justify-center rounded-lg\",\n        size === \"sm\" ? \"size-7\" : \"size-10\",\n        monochrome && \"bg-transparent text-sidebar-foreground/70\",\n        className,\n      )}\n      style={monochrome ? undefined : style}\n    >\n      <Icon size={size === \"sm\" ? 15 : 19} strokeWidth={1.8} />\n    </span>\n  );\n}\n\nfunction hashForApp(id: string, name: string): number {\n  let hash = 0;\n  for (const character of `${id}:${name}`) {\n    hash = (hash * 31 + character.charCodeAt(0)) | 0;\n  }\n  return hash;\n}\n\nfunction appHue(id: string, name: string): number {\n  return 20 + (Math.abs(hashForApp(id, name)) % 320);\n}\n"]}

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

@@ -0,0 +1,15 @@
+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("node_modules/@types/react").JSX.Element;
+export declare function AppKeysPanel({ appId, appName, }: {
+    appId: string;
+    appName: string;
+}): import("node_modules/@types/react").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":"AAWA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAwB1D,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,mDAwCrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,mDA0MA"}

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

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionMutation, useActionQuery, } from "@agent-native/core/client/hooks";
+import { useOrgRole } from "@agent-native/core/client/org";
+import { IconCheck, IconLoader2, IconRefresh, IconSettings, } from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { toast } from "sonner";
+import { ActionQueryError } from "./action-query-error.js";
+import { Button } from "./ui/button.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover.js";
+import { Skeleton } from "./ui/skeleton.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip.js";
+export function AppKeysPopover({ appId, appName, trigger, align = "end", side = "bottom", }) {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: trigger ?? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": `Manage keys for ${appName}`, onClick: (event) => {
+                                    // Keep parent card click handlers from also firing. Do not
+                                    // preventDefault here: Radix uses the same click to open the
+                                    // popover trigger.
+                                    event.stopPropagation();
+                                }, className: "size-7 rounded-md p-0 text-muted-foreground transition-[background-color,color] hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-accent data-[state=open]:text-foreground", children: _jsx(IconSettings, { size: 14 }) })) }) }), _jsx(TooltipContent, { children: "Manage keys" })] }), _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 })] }));
+}
+export function AppKeysPanel({ appId, appName, }) {
+    const { org, role, isLoading: orgLoading, error: orgError } = useOrgRole();
+    const accessReady = !orgLoading && !orgError && !!org;
+    const canManageVault = accessReady && (!org.orgId || role === "owner" || role === "admin");
+    const secretsQuery = useActionQuery("list-vault-secret-options", {});
+    const grantsQuery = useActionQuery("list-vault-grants", { appId }, { enabled: canManageVault });
+    const accessQuery = useActionQuery("get-vault-access-settings", {});
+    const { data: secrets = [], isLoading: secretsLoading } = secretsQuery;
+    const { data: grants = [], isLoading: grantsLoading, refetch: refetchGrants, } = grantsQuery;
+    const { data: accessSettings, isLoading: accessLoading } = accessQuery;
+    const accessMode = accessSettings?.mode === "manual" ? "manual" : "all-apps";
+    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 = orgLoading || secretsLoading || grantsLoading || accessLoading;
+    const error = secretsQuery.error ?? grantsQuery.error ?? accessQuery.error ?? orgError;
+    const grantedCount = grantBySecretId.size;
+    const typedSecrets = secrets;
+    const allApps = accessMode !== "manual";
+    const toggleSecret = (secret) => {
+        if (!canManageVault || allApps)
+            return;
+        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] }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: error
+                                    ? null
+                                    : !canManageVault
+                                        ? "Only workspace owners and admins can manage keys."
+                                        : allApps
+                                            ? `${typedSecrets.length} available`
+                                            : `${grantedCount} of ${typedSecrets.length} granted` })] }), !error && canManageVault ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: syncMutation.isPending ||
+                            typedSecrets.length === 0 ||
+                            (!allApps && 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" })] })) : null] }), _jsx("div", { className: "max-h-[320px] space-y-1.5 overflow-y-auto rounded-md border border-border bg-card p-1.5", children: error ? (_jsx(ActionQueryError, { error: error, onRetry: () => {
+                        void secretsQuery.refetch();
+                        if (canManageVault)
+                            void grantsQuery.refetch();
+                        void accessQuery.refetch();
+                    } })) : isLoading ? (_jsx("div", { className: "space-y-1.5 p-1.5", children: Array.from({ length: 3 }).map((_, index) => (_jsxs("div", { className: "flex items-start gap-3 rounded-md px-2.5 py-2", children: [_jsx(Skeleton, { className: "mt-0.5 h-4 w-4 shrink-0 rounded" }), _jsxs("div", { className: "flex-1 space-y-1.5", children: [_jsx(Skeleton, { className: "h-3 w-1/2" }), _jsx(Skeleton, { className: "h-3 w-3/4" })] })] }, index))) })) : 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 = allApps || grantBySecretId.has(secret.id);
+                    const pending = pendingSecretIds.has(secret.id);
+                    return (_jsxs("button", { type: "button", "aria-pressed": granted, disabled: pending || allApps || !canManageVault, 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 || allApps ? "" : "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: allApps
+                                            ? "Available to this app"
+                                            : 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 {\n  useActionMutation,\n  useActionQuery,\n} from \"@agent-native/core/client/hooks\";\nimport { useOrgRole } from \"@agent-native/core/client/org\";\nimport {\n  IconCheck,\n  IconLoader2,\n  IconRefresh,\n  IconSettings,\n} from \"@tabler/icons-react\";\nimport { useMemo, useState, type ReactNode } from \"react\";\nimport { toast } from \"sonner\";\n\nimport { ActionQueryError } from \"./action-query-error\";\nimport { Button } from \"./ui/button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./ui/popover\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"./ui/tooltip\";\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      <Tooltip>\n        <TooltipTrigger asChild>\n          <PopoverTrigger asChild>\n            {trigger ?? (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                aria-label={`Manage keys for ${appName}`}\n                onClick={(event) => {\n                  // Keep parent card click handlers from also firing. Do not\n                  // preventDefault here: Radix uses the same click to open the\n                  // popover trigger.\n                  event.stopPropagation();\n                }}\n                className=\"size-7 rounded-md p-0 text-muted-foreground transition-[background-color,color] hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-accent data-[state=open]:text-foreground\"\n              >\n                <IconSettings size={14} />\n              </Button>\n            )}\n          </PopoverTrigger>\n        </TooltipTrigger>\n        <TooltipContent>Manage keys</TooltipContent>\n      </Tooltip>\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\nexport function AppKeysPanel({\n  appId,\n  appName,\n}: {\n  appId: string;\n  appName: string;\n}) {\n  const { org, role, isLoading: orgLoading, error: orgError } = useOrgRole();\n  const accessReady = !orgLoading && !orgError && !!org;\n  const canManageVault =\n    accessReady && (!org.orgId || role === \"owner\" || role === \"admin\");\n  const secretsQuery = useActionQuery(\"list-vault-secret-options\", {});\n  const grantsQuery = useActionQuery(\n    \"list-vault-grants\",\n    { appId },\n    { enabled: canManageVault },\n  );\n  const accessQuery = useActionQuery(\"get-vault-access-settings\", {});\n  const { data: secrets = [], isLoading: secretsLoading } = secretsQuery;\n  const {\n    data: grants = [],\n    isLoading: grantsLoading,\n    refetch: refetchGrants,\n  } = grantsQuery;\n  const { data: accessSettings, isLoading: accessLoading } = accessQuery;\n  const accessMode =\n    (accessSettings as any)?.mode === \"manual\" ? \"manual\" : \"all-apps\";\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 =\n    orgLoading || secretsLoading || grantsLoading || accessLoading;\n  const error =\n    secretsQuery.error ?? grantsQuery.error ?? accessQuery.error ?? orgError;\n  const grantedCount = grantBySecretId.size;\n  const typedSecrets = secrets as VaultSecret[];\n  const allApps = accessMode !== \"manual\";\n\n  const toggleSecret = (secret: VaultSecret) => {\n    if (!canManageVault || allApps) return;\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            {error\n              ? null\n              : !canManageVault\n                ? \"Only workspace owners and admins can manage keys.\"\n                : allApps\n                  ? `${typedSecrets.length} available`\n                  : `${grantedCount} of ${typedSecrets.length} granted`}\n          </p>\n        </div>\n        {!error && canManageVault ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={\n              syncMutation.isPending ||\n              typedSecrets.length === 0 ||\n              (!allApps && grantedCount === 0)\n            }\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        ) : null}\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        {error ? (\n          <ActionQueryError\n            error={error}\n            onRetry={() => {\n              void secretsQuery.refetch();\n              if (canManageVault) void grantsQuery.refetch();\n              void accessQuery.refetch();\n            }}\n          />\n        ) : isLoading ? (\n          <div className=\"space-y-1.5 p-1.5\">\n            {Array.from({ length: 3 }).map((_, index) => (\n              <div\n                key={index}\n                className=\"flex items-start gap-3 rounded-md px-2.5 py-2\"\n              >\n                <Skeleton className=\"mt-0.5 h-4 w-4 shrink-0 rounded\" />\n                <div className=\"flex-1 space-y-1.5\">\n                  <Skeleton className=\"h-3 w-1/2\" />\n                  <Skeleton className=\"h-3 w-3/4\" />\n                </div>\n              </div>\n            ))}\n          </div>\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 = allApps || 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 || allApps || !canManageVault}\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 || allApps ? \"\" : \"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                    {allApps\n                      ? \"Available to this app\"\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/app-list-row.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+export declare const APP_LIST_GRID_CLASS = "w-full xl:grid xl:grid-cols-2 xl:gap-3";
+export declare const APP_LIST_GRID_ROW_CLASS = "xl:rounded-2xl xl:border xl:border-transparent xl:bg-card xl:transition-[background-color,border-color] xl:hover:border-border xl:focus-within:border-ring/50";
+export declare function AppList({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("node_modules/@types/react").JSX.Element;
+export declare function AppListRow({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=app-list-row.d.ts.map

package/dist/components/app-list-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-list-row.d.ts","sourceRoot":"","sources":["../../src/components/app-list-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,mBAAmB,2CAA2C,CAAC;AAC5E,eAAO,MAAM,uBAAuB,kKAC6H,CAAC;AAElK,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,mDAMA;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,mDAWA"}

package/dist/components/app-list-row.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+export const APP_LIST_GRID_CLASS = "w-full xl:grid xl:grid-cols-2 xl:gap-3";
+export const APP_LIST_GRID_ROW_CLASS = "xl:rounded-2xl xl:border xl:border-transparent xl:bg-card xl:transition-[background-color,border-color] xl:hover:border-border xl:focus-within:border-ring/50";
+export function AppList({ children, className, }) {
+    return (_jsx("div", { className: cn("overflow-hidden rounded-2xl bg-card", className), children: children }));
+}
+export function AppListRow({ children, className, }) {
+    return (_jsx("div", { className: cn("group flex min-w-0 items-center gap-3 border-b px-4 py-3.5 last:border-b-0 transition-[background-color,border-color] hover:bg-muted/30 focus-within:bg-muted/30", className), children: children }));
+}
+//# sourceMappingURL=app-list-row.js.map

package/dist/components/app-list-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-list-row.js","sourceRoot":"","sources":["../../src/components/app-list-row.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,CAAC,MAAM,mBAAmB,GAAG,wCAAwC,CAAC;AAC5E,MAAM,CAAC,MAAM,uBAAuB,GAClC,+JAA+J,CAAC;AAElK,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,GAIV;IACC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,YACjE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,GAIV;IACC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,kKAAkK,EAClK,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type { ReactNode } from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\nexport const APP_LIST_GRID_CLASS = \"w-full xl:grid xl:grid-cols-2 xl:gap-3\";\nexport const APP_LIST_GRID_ROW_CLASS =\n  \"xl:rounded-2xl xl:border xl:border-transparent xl:bg-card xl:transition-[background-color,border-color] xl:hover:border-border xl:focus-within:border-ring/50\";\n\nexport function AppList({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className={cn(\"overflow-hidden rounded-2xl bg-card\", className)}>\n      {children}\n    </div>\n  );\n}\n\nexport function AppListRow({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        \"group flex min-w-0 items-center gap-3 border-b px-4 py-3.5 last:border-b-0 transition-[background-color,border-color] hover:bg-muted/30 focus-within:bg-muted/30\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/components/app-open-actions.d.ts

@@ -0,0 +1,2 @@
+export { AppOpenActions, type AppOpenActionLabels, type AppOpenActionMenuItem, } from "@agent-native/core/client/chat-first";
+//# sourceMappingURL=app-open-actions.d.ts.map

package/dist/components/app-open-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-open-actions.d.ts","sourceRoot":"","sources":["../../src/components/app-open-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,GAC3B,MAAM,sCAAsC,CAAC"}

package/dist/components/app-open-actions.js

@@ -0,0 +1,2 @@
+export { AppOpenActions, } from "@agent-native/core/client/chat-first";
+//# sourceMappingURL=app-open-actions.js.map

package/dist/components/app-open-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-open-actions.js","sourceRoot":"","sources":["../../src/components/app-open-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,GAGf,MAAM,sCAAsC,CAAC","sourcesContent":["export {\n  AppOpenActions,\n  type AppOpenActionLabels,\n  type AppOpenActionMenuItem,\n} from \"@agent-native/core/client/chat-first\";\n"]}

package/dist/components/app-row-settings.d.ts

@@ -0,0 +1,6 @@
+export declare function AppRowSettings({ name, addAppLabel, onAddApp, }: {
+    name: string;
+    addAppLabel?: string;
+    onAddApp: () => void;
+}): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=app-row-settings.d.ts.map

package/dist/components/app-row-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-row-settings.d.ts","sourceRoot":"","sources":["../../src/components/app-row-settings.tsx"],"names":[],"mappings":"AAeA,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,WAAuB,EACvB,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,mDA8BA"}

package/dist/components/app-row-settings.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { APP_ACTION_MENU_CONTENT_CLASS } from "@agent-native/core/client/chat-first";
+import { IconPlus, IconSettings } from "@tabler/icons-react";
+import { Button } from "./ui/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "./ui/dropdown-menu.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip.js";
+const APP_ROW_ACTION_CLASS = "size-7 rounded-md p-0 text-muted-foreground transition-[background-color,color] hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-accent data-[state=open]:text-foreground";
+export function AppRowSettings({ name, addAppLabel = "Add app", onAddApp, }) {
+    return (_jsxs(DropdownMenu, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": `Settings for ${name}`, className: APP_ROW_ACTION_CLASS, children: _jsx(IconSettings, { size: 15 }) }) }) }), _jsx(TooltipContent, { children: "App settings" })] }), _jsx(DropdownMenuContent, { align: "end", className: APP_ACTION_MENU_CONTENT_CLASS, children: _jsxs(DropdownMenuItem, { onSelect: onAddApp, children: [_jsx(IconPlus, { size: 14, "aria-hidden": "true" }), addAppLabel] }) })] }));
+}
+//# sourceMappingURL=app-row-settings.js.map