@jami-studio/dispatch 0.13.14

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("node_modules/@types/react").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":"AAkBA,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;AA4CD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,mDAuRA"}

package/dist/components/agents-panel.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { agentNativePath } from "@agent-native/core/client";
+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 [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 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("form", { className: "mt-4 space-y-3", 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, 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\";\r\nimport { IconExternalLink, IconTrash } from \"@tabler/icons-react\";\r\nimport { useRef, useState, type FormEvent } from \"react\";\r\n\r\nimport {\r\n  AlertDialog,\r\n  AlertDialogAction,\r\n  AlertDialogCancel,\r\n  AlertDialogContent,\r\n  AlertDialogDescription,\r\n  AlertDialogFooter,\r\n  AlertDialogHeader,\r\n  AlertDialogTitle,\r\n  AlertDialogTrigger,\r\n} from \"./ui/alert-dialog\";\r\nimport { Button } from \"./ui/button\";\r\nimport { Input } from \"./ui/input\";\r\n\r\nexport interface ConnectedAgent {\r\n  id: string;\r\n  name: string;\r\n  description: string;\r\n  url: string;\r\n  color: string;\r\n  source: \"builtin\" | \"custom\" | \"workspace\";\r\n  resourceId?: string;\r\n  path?: string;\r\n  scope?: \"shared\" | \"personal\";\r\n}\r\n\r\ntype AgentFormErrors = Partial<Record<\"name\" | \"url\" | \"form\", string>>;\r\n\r\nfunction slugifyAgentName(value: string): string {\r\n  return value\r\n    .trim()\r\n    .toLowerCase()\r\n    .replace(/[^a-z0-9]+/g, \"-\")\r\n    .replace(/^-+|-+$/g, \"\");\r\n}\r\n\r\nfunction validateAgentForm(name: string, url: string): AgentFormErrors {\r\n  const errors: AgentFormErrors = {};\r\n  const trimmedName = name.trim();\r\n  const trimmedUrl = url.trim();\r\n\r\n  if (!trimmedName) {\r\n    errors.name = \"Agent name is required.\";\r\n  } else if (!slugifyAgentName(trimmedName)) {\r\n    errors.name = \"Agent name must include at least one letter or number.\";\r\n  }\r\n\r\n  if (!trimmedUrl) {\r\n    errors.url = \"Agent endpoint URL is required.\";\r\n  } else {\r\n    try {\r\n      const parsed = new URL(trimmedUrl);\r\n      if (parsed.protocol !== \"https:\" && parsed.protocol !== \"http:\") {\r\n        errors.url = \"Use an http:// or https:// endpoint URL.\";\r\n      } else if (!parsed.hostname) {\r\n        errors.url = \"Enter a complete endpoint URL with a host.\";\r\n      } else if (parsed.username || parsed.password) {\r\n        errors.url = \"Do not include credentials in the endpoint URL.\";\r\n      }\r\n    } catch {\r\n      errors.url =\r\n        \"Enter a valid endpoint URL, such as https://app.example.com.\";\r\n    }\r\n  }\r\n\r\n  return errors;\r\n}\r\n\r\nexport function AgentsPanel({\r\n  agents,\r\n  onRefresh,\r\n}: {\r\n  agents: ConnectedAgent[];\r\n  onRefresh: () => void;\r\n}) {\r\n  const [name, setName] = useState(\"\");\r\n  const [url, setUrl] = useState(\"\");\r\n  const [description, setDescription] = useState(\"\");\r\n  const [saving, setSaving] = useState(false);\r\n  const [errors, setErrors] = useState<AgentFormErrors>({});\r\n  const nameRef = useRef<HTMLInputElement>(null);\r\n\r\n  const customAgents = agents.filter((agent) => agent.source === \"custom\");\r\n  const workspaceAgents = agents.filter(\r\n    (agent) => agent.source === \"workspace\",\r\n  );\r\n  const builtinAgents = agents.filter((agent) => agent.source === \"builtin\");\r\n\r\n  const handleAdd = async (event?: FormEvent<HTMLFormElement>) => {\r\n    event?.preventDefault();\r\n    const trimmedName = name.trim();\r\n    const trimmedUrl = url.trim();\r\n    const nextErrors = validateAgentForm(trimmedName, trimmedUrl);\r\n    if (Object.keys(nextErrors).length > 0) {\r\n      setErrors(nextErrors);\r\n      return;\r\n    }\r\n\r\n    const id = slugifyAgentName(trimmedName);\r\n    const agentJson = JSON.stringify(\r\n      {\r\n        id,\r\n        name: trimmedName,\r\n        description: description.trim() || undefined,\r\n        url: trimmedUrl,\r\n        color: \"#6B7280\",\r\n      },\r\n      null,\r\n      2,\r\n    );\r\n\r\n    setSaving(true);\r\n    try {\r\n      const res = await fetch(agentNativePath(\"/_agent-native/resources\"), {\r\n        method: \"POST\",\r\n        headers: { \"Content-Type\": \"application/json\" },\r\n        body: JSON.stringify({\r\n          path: `remote-agents/${id}.json`,\r\n          content: agentJson,\r\n          shared: true,\r\n        }),\r\n      });\r\n      if (res.ok) {\r\n        setName(\"\");\r\n        setUrl(\"\");\r\n        setDescription(\"\");\r\n        setErrors({});\r\n        onRefresh();\r\n        nameRef.current?.focus();\r\n      } else {\r\n        setErrors({\r\n          form: `Could not add agent. Request failed with ${res.status}.`,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      setErrors({\r\n        form:\r\n          error instanceof Error\r\n            ? error.message\r\n            : \"Could not add agent. Please try again.\",\r\n      });\r\n    } finally {\r\n      setSaving(false);\r\n    }\r\n  };\r\n\r\n  const handleDelete = async (resourceId?: string) => {\r\n    if (!resourceId) return;\r\n    const res = await fetch(\r\n      agentNativePath(`/_agent-native/resources/${resourceId}`),\r\n      {\r\n        method: \"DELETE\",\r\n      },\r\n    );\r\n    if (res.ok) onRefresh();\r\n  };\r\n\r\n  return (\r\n    <section className=\"rounded-2xl border bg-card p-5\">\r\n      <div className=\"grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px]\">\r\n        <div className=\"space-y-4\">\r\n          <div>\r\n            <div className=\"text-sm font-medium text-foreground\">\r\n              Available by default\r\n            </div>\r\n            <div className=\"mt-2 flex flex-wrap gap-2\">\r\n              {builtinAgents.map((agent) => (\r\n                <div\r\n                  key={agent.id}\r\n                  className=\"inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs text-muted-foreground\"\r\n                >\r\n                  <span\r\n                    className=\"h-2 w-2 rounded-full\"\r\n                    style={{ backgroundColor: agent.color }}\r\n                  />\r\n                  <span>{agent.name}</span>\r\n                </div>\r\n              ))}\r\n              {builtinAgents.length === 0 && (\r\n                <div className=\"rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\r\n                  No default agents detected.\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n\r\n          <div>\r\n            <div className=\"text-sm font-medium text-foreground\">\r\n              Added in this workspace\r\n            </div>\r\n            <div className=\"mt-2 space-y-2\">\r\n              {workspaceAgents.map((agent) => (\r\n                <div\r\n                  key={agent.id}\r\n                  className=\"flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3\"\r\n                >\r\n                  <div className=\"min-w-0\">\r\n                    <div className=\"text-sm font-medium text-foreground\">\r\n                      {agent.name}\r\n                    </div>\r\n                    {agent.description ? (\r\n                      <div className=\"mt-1 text-xs text-muted-foreground\">\r\n                        {agent.description}\r\n                      </div>\r\n                    ) : null}\r\n                    <div className=\"mt-1 text-xs text-muted-foreground\">\r\n                      <a\r\n                        href={agent.url}\r\n                        target=\"_blank\"\r\n                        rel=\"noreferrer\"\r\n                        className=\"inline-flex items-center gap-1 hover:text-foreground\"\r\n                      >\r\n                        {agent.url}\r\n                        <IconExternalLink className=\"h-3 w-3\" />\r\n                      </a>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              ))}\r\n              {customAgents.map((agent) => (\r\n                <div\r\n                  key={agent.id}\r\n                  className=\"flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3\"\r\n                >\r\n                  <div className=\"min-w-0\">\r\n                    <div className=\"text-sm font-medium text-foreground\">\r\n                      {agent.name}\r\n                    </div>\r\n                    {agent.description ? (\r\n                      <div className=\"mt-1 text-xs text-muted-foreground\">\r\n                        {agent.description}\r\n                      </div>\r\n                    ) : null}\r\n                    <div className=\"mt-1 flex items-center gap-2 text-xs text-muted-foreground\">\r\n                      <a\r\n                        href={agent.url}\r\n                        target=\"_blank\"\r\n                        rel=\"noreferrer\"\r\n                        className=\"inline-flex items-center gap-1 hover:text-foreground\"\r\n                      >\r\n                        {agent.url}\r\n                        <IconExternalLink className=\"h-3 w-3\" />\r\n                      </a>\r\n                      <span>·</span>\r\n                      <span>{agent.scope || \"shared\"}</span>\r\n                    </div>\r\n                  </div>\r\n                  <AlertDialog>\r\n                    <AlertDialogTrigger asChild>\r\n                      <Button variant=\"ghost\" size=\"icon\">\r\n                        <IconTrash className=\"h-4 w-4\" />\r\n                      </Button>\r\n                    </AlertDialogTrigger>\r\n                    <AlertDialogContent>\r\n                      <AlertDialogHeader>\r\n                        <AlertDialogTitle>Remove this agent?</AlertDialogTitle>\r\n                        <AlertDialogDescription>\r\n                          “{agent.name}” will be removed from the workspace. Any\r\n                          jobs or chats that delegate to it will stop working.\r\n                        </AlertDialogDescription>\r\n                      </AlertDialogHeader>\r\n                      <AlertDialogFooter>\r\n                        <AlertDialogCancel>Cancel</AlertDialogCancel>\r\n                        <AlertDialogAction\r\n                          onClick={() => handleDelete(agent.resourceId)}\r\n                        >\r\n                          Remove\r\n                        </AlertDialogAction>\r\n                      </AlertDialogFooter>\r\n                    </AlertDialogContent>\r\n                  </AlertDialog>\r\n                </div>\r\n              ))}\r\n              {workspaceAgents.length === 0 && customAgents.length === 0 && (\r\n                <div className=\"rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\r\n                  No extra agents added yet.\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"rounded-xl border bg-muted/20 p-4\">\r\n          <div className=\"text-sm font-medium text-foreground\">\r\n            Add external agent\r\n          </div>\r\n          <p className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\r\n            Add another A2A-compatible app by saving its agent endpoint here.\r\n          </p>\r\n          <form className=\"mt-4 space-y-3\" onSubmit={handleAdd} noValidate>\r\n            <div className=\"space-y-1.5\">\r\n              <Input\r\n                ref={nameRef}\r\n                value={name}\r\n                onChange={(event) => {\r\n                  setName(event.target.value);\r\n                  setErrors((current) => ({ ...current, name: undefined }));\r\n                }}\r\n                placeholder=\"Name\"\r\n                aria-invalid={Boolean(errors.name)}\r\n                aria-describedby={\r\n                  errors.name ? \"external-agent-name-error\" : undefined\r\n                }\r\n              />\r\n              {errors.name ? (\r\n                <p\r\n                  id=\"external-agent-name-error\"\r\n                  className=\"text-xs font-medium text-destructive\"\r\n                >\r\n                  {errors.name}\r\n                </p>\r\n              ) : null}\r\n            </div>\r\n            <div className=\"space-y-1.5\">\r\n              <Input\r\n                value={url}\r\n                onChange={(event) => {\r\n                  setUrl(event.target.value);\r\n                  setErrors((current) => ({ ...current, url: undefined }));\r\n                }}\r\n                placeholder=\"https://app.example.com\"\r\n                aria-invalid={Boolean(errors.url)}\r\n                aria-describedby={\r\n                  errors.url ? \"external-agent-url-error\" : undefined\r\n                }\r\n              />\r\n              {errors.url ? (\r\n                <p\r\n                  id=\"external-agent-url-error\"\r\n                  className=\"text-xs font-medium text-destructive\"\r\n                >\r\n                  {errors.url}\r\n                </p>\r\n              ) : null}\r\n            </div>\r\n            <Input\r\n              value={description}\r\n              onChange={(event) => setDescription(event.target.value)}\r\n              placeholder=\"Description (optional)\"\r\n            />\r\n            {errors.form ? (\r\n              <p className=\"text-xs font-medium text-destructive\">\r\n                {errors.form}\r\n              </p>\r\n            ) : null}\r\n            <Button type=\"submit\" className=\"w-full\" disabled={saving}>\r\n              {saving ? \"Saving...\" : \"Add agent\"}\r\n            </Button>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\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("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":"AAOA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB1D,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,mDAiCrB"}

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

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

package/dist/components/approval-value-block.d.ts

@@ -0,0 +1,7 @@
+export declare function parseApprovalValue(value: string | null | undefined): unknown;
+export declare function approvalValuePreview(value: unknown): string;
+export declare function ApprovalValueBlock({ label, value, }: {
+    label: string;
+    value: unknown;
+}): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=approval-value-block.d.ts.map

package/dist/components/approval-value-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-value-block.d.ts","sourceRoot":"","sources":["../../src/components/approval-value-block.tsx"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAO5E;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAI3D;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB,mDAWA"}

package/dist/components/approval-value-block.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function parseApprovalValue(value) {
+    if (!value)
+        return null;
+    try {
+        return JSON.parse(value);
+    }
+    catch {
+        return value;
+    }
+}
+export function approvalValuePreview(value) {
+    if (value === null || value === undefined)
+        return "None";
+    if (typeof value === "string")
+        return value;
+    return JSON.stringify(value, null, 2);
+}
+export function ApprovalValueBlock({ label, value, }) {
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "text-[11px] font-medium uppercase text-muted-foreground", children: label }), _jsx("pre", { className: "max-h-40 overflow-auto rounded-lg border bg-background p-2 text-[11px] leading-relaxed text-foreground", children: approvalValuePreview(value) })] }));
+}
+//# sourceMappingURL=approval-value-block.js.map

package/dist/components/approval-value-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-value-block.js","sourceRoot":"","sources":["../../src/components/approval-value-block.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,kBAAkB,CAAC,KAAgC;IACjE,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAc;IACjD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC;IACzD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,GAIN;IACC,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,cAAK,SAAS,EAAC,yDAAyD,YACrE,KAAK,GACF,EACN,cAAK,SAAS,EAAC,wGAAwG,YACpH,oBAAoB,CAAC,KAAK,CAAC,GACxB,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["export function parseApprovalValue(value: string | null | undefined): unknown {\r\n  if (!value) return null;\r\n  try {\r\n    return JSON.parse(value);\r\n  } catch {\r\n    return value;\r\n  }\r\n}\r\n\r\nexport function approvalValuePreview(value: unknown): string {\r\n  if (value === null || value === undefined) return \"None\";\r\n  if (typeof value === \"string\") return value;\r\n  return JSON.stringify(value, null, 2);\r\n}\r\n\r\nexport function ApprovalValueBlock({\r\n  label,\r\n  value,\r\n}: {\r\n  label: string;\r\n  value: unknown;\r\n}) {\r\n  return (\r\n    <div className=\"space-y-1.5\">\r\n      <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\r\n        {label}\r\n      </div>\r\n      <pre className=\"max-h-40 overflow-auto rounded-lg border bg-background p-2 text-[11px] leading-relaxed text-foreground\">\r\n        {approvalValuePreview(value)}\r\n      </pre>\r\n    </div>\r\n  );\r\n}\r\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 access 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("node_modules/@types/react").JSX.Element;
+export declare function CreateAppPopover({ trigger, align, }: CreateAppPopoverProps): import("node_modules/@types/react").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":"AAoBA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyBrE,UAAU,qBAAqB;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AA2GD;;;;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,mDAyYA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAgB,GACjB,EAAE,qBAAqB,mDA0BvB"}