@agent-native/dispatch 0.2.3 → 0.2.5

package/README.md

@@ -18,9 +18,9 @@ The agent and the UI are equal citizens of the same system. Every action works b
 - **Any database, any host** — Any SQL database Drizzle supports. Any hosting target Nitro supports. No lock-in.
 - **Any AI agent** — Claude Code, Codex, Gemini CLI, OpenCode, or Builder.io. Use whichever agent you prefer.
 
-## Cloneable SaaS Templates
+## Templates
 
-Start from a complete, production-grade SaaS app. Each one replaces tools you're paying for — except you own everything and can customize it however you want. Not demos; products.
+Start from a complete, production-grade SaaS app — cloneable, not scaffolded. Each one replaces tools you're paying for, except you own everything and can customize it however you want. Not demos; products.
 
 <table>
 <tr>
@@ -145,7 +145,7 @@ Generate forms from a prompt, branch logic with the agent, and own every respons
 </tr>
 </table>
 
-Every template is cloneable SaaS — fork it, customize it with the agent, own it. Try them with example data before connecting your own sources.
+Every template is a complete cloneable SaaS — fork it, customize it with the agent, own it. Try them with example data before connecting your own sources.
 
 ## Quick Start
 
@@ -184,7 +184,7 @@ my-platform/
 Add another app later:
 
 ```bash
-agent-native add-app notes --template content
+npx @agent-native/core add-app notes --template content
 ```
 
 Deploy every app behind one origin:

package/dist/actions/start-workspace-app-creation.js

@@ -3,7 +3,7 @@ import { getWorkspaceAppIdValidationError } from "@agent-native/core/shared";
 import { z } from "zod";
 import { startWorkspaceAppCreation } from "../server/lib/app-creation-store.js";
 export default defineAction({
-    description: "Start creating a new workspace app from Dispatch. In local dev this returns a code-agent prompt; in production it creates a Builder branch when a Builder project is configured.",
+    description: "Start creating a new workspace app from Dispatch when the request truly needs its own app. In local dev this returns a code-agent prompt; in production it creates a Builder branch when a Builder project is configured. The result must be a separate workspace app under apps/<app-id>, not a new route or file in apps/starter.",
     schema: z.object({
         prompt: z.string().min(1).describe("The user's app creation request"),
         appId: z

package/dist/actions/start-workspace-app-creation.js.map

@@ -1 +1 @@
-{"version":3,"file":"start-workspace-app-creation.js","sourceRoot":"","sources":["../../src/actions/start-workspace-app-creation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gCAAgC,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAEhF,eAAe,YAAY,CAAC;IAC1B,WAAW,EACT,kLAAkL;IACpL,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC;QACf,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,iCAAiC,CAAC;QACrE,KAAK,EAAE,CAAC;aACL,MAAM,EAAE;aACR,GAAG,CAAC,EAAE,CAAC;aACP,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,gCAAgC,CAAC,KAAK,CAAC,EAAE;YAC3D,OAAO,EACL,yEAAyE;SAC5E,CAAC;aACD,QAAQ,EAAE;aACV,QAAQ,EAAE;aACV,QAAQ,CAAC,+BAA+B,CAAC;QAC5C,QAAQ,EAAE,CAAC;aACR,MAAM,EAAE;aACR,QAAQ,EAAE;aACV,QAAQ,EAAE;aACV,QAAQ,CAAC,wBAAwB,CAAC;QACrC,SAAS,EAAE,CAAC;aACT,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;aACjB,GAAG,CAAC,GAAG,CAAC;aACR,QAAQ,EAAE;aACV,QAAQ,CAAC,+CAA+C,CAAC;KAC7D,CAAC;IACF,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC;CACrD,CAAC,CAAC","sourcesContent":["import { defineAction } from \"@agent-native/core\";\nimport { getWorkspaceAppIdValidationError } from \"@agent-native/core/shared\";\nimport { z } from \"zod\";\nimport { startWorkspaceAppCreation } from \"../server/lib/app-creation-store.js\";\n\nexport default defineAction({\n  description:\n    \"Start creating a new workspace app from Dispatch. In local dev this returns a code-agent prompt; in production it creates a Builder branch when a Builder project is configured.\",\n  schema: z.object({\n    prompt: z.string().min(1).describe(\"The user's app creation request\"),\n    appId: z\n      .string()\n      .max(64)\n      .refine((appId) => !getWorkspaceAppIdValidationError(appId), {\n        message:\n          \"Use a non-reserved app id with lowercase letters, numbers, and hyphens.\",\n      })\n      .optional()\n      .nullable()\n      .describe(\"Desired workspace app id/path\"),\n    template: z\n      .string()\n      .optional()\n      .nullable()\n      .describe(\"Template to start from\"),\n    secretIds: z\n      .array(z.string())\n      .max(100)\n      .optional()\n      .describe(\"Dispatch vault secret IDs to grant to the app\"),\n  }),\n  run: async (args) => startWorkspaceAppCreation(args),\n});\n"]}
+{"version":3,"file":"start-workspace-app-creation.js","sourceRoot":"","sources":["../../src/actions/start-workspace-app-creation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gCAAgC,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAEhF,eAAe,YAAY,CAAC;IAC1B,WAAW,EACT,qUAAqU;IACvU,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC;QACf,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,iCAAiC,CAAC;QACrE,KAAK,EAAE,CAAC;aACL,MAAM,EAAE;aACR,GAAG,CAAC,EAAE,CAAC;aACP,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,gCAAgC,CAAC,KAAK,CAAC,EAAE;YAC3D,OAAO,EACL,yEAAyE;SAC5E,CAAC;aACD,QAAQ,EAAE;aACV,QAAQ,EAAE;aACV,QAAQ,CAAC,+BAA+B,CAAC;QAC5C,QAAQ,EAAE,CAAC;aACR,MAAM,EAAE;aACR,QAAQ,EAAE;aACV,QAAQ,EAAE;aACV,QAAQ,CAAC,wBAAwB,CAAC;QACrC,SAAS,EAAE,CAAC;aACT,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;aACjB,GAAG,CAAC,GAAG,CAAC;aACR,QAAQ,EAAE;aACV,QAAQ,CAAC,+CAA+C,CAAC;KAC7D,CAAC;IACF,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,yBAAyB,CAAC,IAAI,CAAC;CACrD,CAAC,CAAC","sourcesContent":["import { defineAction } from \"@agent-native/core\";\nimport { getWorkspaceAppIdValidationError } from \"@agent-native/core/shared\";\nimport { z } from \"zod\";\nimport { startWorkspaceAppCreation } from \"../server/lib/app-creation-store.js\";\n\nexport default defineAction({\n  description:\n    \"Start creating a new workspace app from Dispatch when the request truly needs its own app. In local dev this returns a code-agent prompt; in production it creates a Builder branch when a Builder project is configured. The result must be a separate workspace app under apps/<app-id>, not a new route or file in apps/starter.\",\n  schema: z.object({\n    prompt: z.string().min(1).describe(\"The user's app creation request\"),\n    appId: z\n      .string()\n      .max(64)\n      .refine((appId) => !getWorkspaceAppIdValidationError(appId), {\n        message:\n          \"Use a non-reserved app id with lowercase letters, numbers, and hyphens.\",\n      })\n      .optional()\n      .nullable()\n      .describe(\"Desired workspace app id/path\"),\n    template: z\n      .string()\n      .optional()\n      .nullable()\n      .describe(\"Template to start from\"),\n    secretIds: z\n      .array(z.string())\n      .max(100)\n      .optional()\n      .describe(\"Dispatch vault secret IDs to grant to the app\"),\n  }),\n  run: async (args) => startWorkspaceAppCreation(args),\n});\n"]}

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

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

package/dist/components/agents-panel.js

@@ -5,21 +5,66 @@ import { Input } from "../components/ui/input.js";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../components/ui/alert-dialog.js";
 import { IconExternalLink, IconTrash } from "@tabler/icons-react";
 import { agentNativePath } from "@agent-native/core/client";
+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 () => {
+    const handleAdd = async (event) => {
+        event?.preventDefault();
         const trimmedName = name.trim();
         const trimmedUrl = url.trim();
-        if (!trimmedName || !trimmedUrl)
+        const nextErrors = validateAgentForm(trimmedName, trimmedUrl);
+        if (Object.keys(nextErrors).length > 0) {
+            setErrors(nextErrors);
             return;
-        const id = trimmedName.toLowerCase().replace(/[^a-z0-9-]/g, "-");
+        }
+        const id = slugifyAgentName(trimmedName);
         const agentJson = JSON.stringify({
             id,
             name: trimmedName,
@@ -42,9 +87,22 @@ export function AgentsPanel({ agents, onRefresh, }) {
                 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);
@@ -59,6 +117,12 @@ export function AgentsPanel({ agents, onRefresh, }) {
         if (res.ok)
             onRefresh();
     };
-    return (_jsx("section", { className: "rounded-2xl border bg-card p-5", children: _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Available by default" }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [builtinAgents.map((agent) => (_jsxs("div", { className: "inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs text-muted-foreground", children: [_jsx("span", { className: "h-2 w-2 rounded-full", style: { backgroundColor: agent.color } }), _jsx("span", { children: agent.name })] }, agent.id))), builtinAgents.length === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No default agents detected." }))] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Added in this workspace" }), _jsxs("div", { className: "mt-2 space-y-2", children: [workspaceAgents.map((agent) => (_jsx("div", { className: "flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3", children: _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: agent.name }), agent.description ? (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: agent.description })) : null, _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: _jsxs("a", { href: agent.url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 hover:text-foreground", children: [agent.url, _jsx(IconExternalLink, { className: "h-3 w-3" })] }) })] }) }, agent.id))), customAgents.map((agent) => (_jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: agent.name }), agent.description ? (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: agent.description })) : null, _jsxs("div", { className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground", children: [_jsxs("a", { href: agent.url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 hover:text-foreground", children: [agent.url, _jsx(IconExternalLink, { className: "h-3 w-3" })] }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: agent.scope || "shared" })] })] }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", children: _jsx(IconTrash, { className: "h-4 w-4" }) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Remove this agent?" }), _jsxs(AlertDialogDescription, { children: ["\u201C", agent.name, "\u201D will be removed from the workspace. Any jobs or chats that delegate to it will stop working."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => handleDelete(agent.resourceId), children: "Remove" })] })] })] })] }, agent.id))), workspaceAgents.length === 0 && customAgents.length === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No extra agents added yet." }))] })] })] }), _jsxs("div", { className: "rounded-xl border bg-muted/20 p-4", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Add external agent" }), _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: "Add another A2A-compatible app by saving its agent endpoint here." }), _jsxs("div", { className: "mt-4 space-y-3", children: [_jsx(Input, { ref: nameRef, value: name, onChange: (event) => setName(event.target.value), placeholder: "Name" }), _jsx(Input, { value: url, onChange: (event) => setUrl(event.target.value), placeholder: "https://app.example.com" }), _jsx(Input, { value: description, onChange: (event) => setDescription(event.target.value), placeholder: "Description (optional)" }), _jsx(Button, { className: "w-full", onClick: handleAdd, disabled: !name.trim() || !url.trim() || saving, children: saving ? "Saving..." : "Add agent" })] })] })] }) }));
+    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

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

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

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

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

@@ -27,6 +27,7 @@ function buildAppCreationPrompt(input) {
         : `Requested Dispatch vault key grants for this app: none`;
     return [
         `Create a new agent-native app in this workspace.`,
+        `This is a new workspace app request, not a feature request for the current app.`,
         ``,
         `Suggested app name: ${input.appId} (you may adjust the slug if it conflicts)`,
         `User prompt: ${input.prompt.trim()}`,
@@ -34,6 +35,7 @@ function buildAppCreationPrompt(input) {
         ``,
         `Pick a starter template that fits the user's prompt — analytics, calendar, content, design, dispatch, forms, mail, slides, videos, clips, or starter when none of the others fit.`,
         `Use the workspace app layout: create it under apps/${input.appId}, mount it at /${input.appId}, keep it on the shared workspace database/hosting model, and avoid table-name collisions by namespacing any new domain tables to the app.`,
+        `Do not satisfy this by adding a route, page, component, or file inside apps/starter or another existing app unless the user explicitly asks to modify that existing app.`,
         keyList
             ? `After the app exists, grant the selected Dispatch vault keys to appId "${input.appId}" and sync them once the app server is available. Treat these as requested grants, not active grants before creation succeeds.`
             : `Do not grant any Dispatch vault keys unless the user asks later.`,

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

@@ -1 +1 @@
-{"version":3,"file":"create-app-popover.js","sourceRoot":"","sources":["../../src/components/create-app-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n  PromptComposer,\n  agentNativePath,\n  appBasePath,\n  isInBuilderFrame,\n  sendToAgentChat,\n  useDevMode,\n} from \"@agent-native/core/client\";\nimport { getWorkspaceAppIdValidationError } from \"@agent-native/core/shared\";\nimport {\n  IconArrowLeft,\n  IconArrowUpRight,\n  IconCheck,\n  IconChevronDown,\n  IconKey,\n  IconLoader2,\n  IconPlus,\n} from \"@tabler/icons-react\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\";\nimport { Button } from \"@/components/ui/button\";\n\ninterface VaultSecretOption {\n  id: string;\n  name: string;\n  credentialKey: string;\n  provider?: string | null;\n  description?: string | null;\n}\n\ninterface CreateAppPopoverProps {\n  /**\n   * Custom trigger element. Defaults to a dashed-border tile that matches the\n   * apps grid empty state.\n   */\n  trigger?: ReactNode;\n  /**\n   * Override the popover alignment. Defaults to \"center\" with a 10px offset.\n   */\n  align?: \"start\" | \"center\" | \"end\";\n}\n\nfunction slugify(value: string): string {\n  return value\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\")\n    .replace(/^[^a-z]+/, \"\")\n    .slice(0, 48);\n}\n\nfunction titleFromPrompt(prompt: string): string {\n  const cleaned = prompt\n    .replace(/\\b(build|create|make|an?|the|app|tool|dashboard)\\b/gi, \" \")\n    .replace(/\\s+/g, \" \")\n    .trim();\n  return slugify(cleaned || \"new-app\") || \"new-app\";\n}\n\nfunction buildAppCreationPrompt(input: {\n  appId: string;\n  prompt: string;\n  selectedKeys: string[];\n}): string {\n  const keyList = input.selectedKeys.join(\", \");\n  const grantRequest = keyList\n    ? `Requested Dispatch vault key grants for this app: ${keyList}`\n    : `Requested Dispatch vault key grants for this app: none`;\n\n  return [\n    `Create a new agent-native app in this workspace.`,\n    ``,\n    `Suggested app name: ${input.appId} (you may adjust the slug if it conflicts)`,\n    `User prompt: ${input.prompt.trim()}`,\n    grantRequest,\n    ``,\n    `Pick a starter template that fits the user's prompt — analytics, calendar, content, design, dispatch, forms, mail, slides, videos, clips, or starter when none of the others fit.`,\n    `Use the workspace app layout: create it under apps/${input.appId}, mount it at /${input.appId}, keep it on the shared workspace database/hosting model, and avoid table-name collisions by namespacing any new domain tables to the app.`,\n    keyList\n      ? `After the app exists, grant the selected Dispatch vault keys to appId \"${input.appId}\" and sync them once the app server is available. Treat these as requested grants, not active grants before creation succeeds.`\n      : `Do not grant any Dispatch vault keys unless the user asks later.`,\n    ``,\n    `App readiness requirements before handing off:`,\n    `- Update the workspace app registry metadata for \"${input.appId}\" so Dispatch lists the app at /${input.appId} after merge/deploy.`,\n    `- Update the app manifest/package/deploy metadata needed by the existing workspace deployment model.`,\n    `- Verify the app's agent card/A2A metadata is ready so Dispatch can discover and delegate to the app after deployment.`,\n    `When it is ready, start or update the workspace dev server and navigate the user to /${input.appId}.`,\n  ].join(\"\\n\");\n}\n\nasync function fetchJson(url: string, init?: RequestInit): Promise<any> {\n  const res = await fetch(url, init);\n  const data = await res.json().catch(() => null);\n  if (!res.ok) {\n    throw new Error(\n      data?.error || data?.message || `Request failed ${res.status}`,\n    );\n  }\n  return data;\n}\n\nfunction defaultDispatchBasePath(): string | null {\n  const base = appBasePath();\n  if (base === \"/dispatch\") return null;\n  return null;\n}\n\nfunction actionUrl(basePath: string | null, action: string): string {\n  const path = `/_agent-native/actions/${action}`;\n  if (basePath === null) return agentNativePath(path);\n  const normalized = basePath.replace(/\\/+$/, \"\");\n  return `${normalized}${path}`;\n}\n\n/**\n * Inline two-step app-creation flow: prompt → optional key picker → submit.\n * Used both in the popover form and in the dedicated `/new-app` page so the\n * same UX shows up everywhere a teammate kicks off a new workspace app.\n */\nexport function CreateAppFlow({\n  onClose,\n  className = \"\",\n}: {\n  onClose?: () => void;\n  className?: string;\n}) {\n  const [step, setStep] = useState<\"prompt\" | \"keys\">(\"prompt\");\n  const [prompt, setPrompt] = useState(\"\");\n  const [selectedSecretIds, setSelectedSecretIds] = useState<string[]>([]);\n  const [secrets, setSecrets] = useState<VaultSecretOption[]>([]);\n  const [secretsError, setSecretsError] = useState<string | null>(null);\n  const [statusMessage, setStatusMessage] = useState<string | null>(null);\n  const [branchUrl, setBranchUrl] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const { isDevMode } = useDevMode();\n\n  const basePath = useMemo(() => defaultDispatchBasePath(), []);\n\n  // Fetch the vault keys eagerly so step 2 has them ready the moment the user\n  // taps \"Choose keys\" — no spinner, no pause between steps.\n  useEffect(() => {\n    let cancelled = false;\n    fetchJson(actionUrl(basePath, \"list-vault-secret-options\"))\n      .then((data) => {\n        if (cancelled) return;\n        setSecrets(Array.isArray(data) ? data : []);\n        setSecretsError(null);\n      })\n      .catch((err) => {\n        if (cancelled) return;\n        setSecrets([]);\n        setSecretsError(err?.message || \"Could not load Dispatch keys\");\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [basePath]);\n\n  const selectedSecrets = useMemo(\n    () => secrets.filter((s) => selectedSecretIds.includes(s.id)),\n    [secrets, selectedSecretIds],\n  );\n  const selectedSecretLabel =\n    selectedSecretIds.length === 0\n      ? \"no keys\"\n      : `${selectedSecretIds.length} key${selectedSecretIds.length === 1 ? \"\" : \"s\"}`;\n\n  function toggleSecret(id: string) {\n    setSelectedSecretIds((cur) =>\n      cur.includes(id) ? cur.filter((x) => x !== id) : [...cur, id],\n    );\n  }\n\n  async function submit(rawPrompt: string, selectedKeys: string[]) {\n    const trimmed = rawPrompt.trim();\n    if (!trimmed || isSubmitting) return;\n    const appId = titleFromPrompt(trimmed);\n    const validationError = getWorkspaceAppIdValidationError(appId);\n    if (validationError) {\n      setStatusMessage(validationError);\n      return;\n    }\n\n    const message = buildAppCreationPrompt({\n      appId,\n      prompt: trimmed,\n      selectedKeys,\n    });\n    setIsSubmitting(true);\n    setStatusMessage(null);\n    setBranchUrl(null);\n\n    try {\n      if (isInBuilderFrame()) {\n        sendToAgentChat({ message, submit: true, type: \"code\" });\n        setStatusMessage(\"Sent to Builder chat.\");\n        onClose?.();\n      } else if (isDevMode) {\n        sendToAgentChat({ message, submit: true, type: \"code\", newTab: true });\n        setStatusMessage(\"Sent to the local agent.\");\n        onClose?.();\n      } else {\n        const result = await fetchJson(\n          actionUrl(basePath, \"start-workspace-app-creation\"),\n          {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({\n              prompt: trimmed,\n              appId,\n              secretIds: selectedKeys.length > 0 ? selectedSecretIds : [],\n            }),\n          },\n        );\n        if (result?.mode === \"builder\") {\n          setBranchUrl(result?.url || null);\n          setStatusMessage(\"Builder branch created.\");\n        } else {\n          setStatusMessage(\n            result?.message ||\n              \"Builder app creation is coming soon. Open this workspace in Builder to create an app from this prompt.\",\n          );\n        }\n      }\n    } catch (err: any) {\n      setStatusMessage(err?.message || \"Could not start the new app flow.\");\n    } finally {\n      setIsSubmitting(false);\n    }\n  }\n\n  const submitWithSelectedKeys = () =>\n    submit(\n      prompt,\n      selectedSecrets.map((s) => s.credentialKey),\n    );\n\n  return (\n    <div className={`flex flex-col gap-3 ${className}`}>\n      {step === \"prompt\" ? (\n        <>\n          <div className=\"flex items-center justify-between gap-2 px-1\">\n            <p className=\"text-sm font-semibold text-foreground\">Create app</p>\n            <button\n              type=\"button\"\n              onClick={() => setStep(\"keys\")}\n              className=\"inline-flex cursor-pointer items-center gap-1 rounded-md border border-border bg-background/40 px-2 py-1 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n            >\n              <IconKey size={11} />\n              {selectedSecretLabel}\n            </button>\n          </div>\n          <PromptComposer\n            autoFocus\n            disabled={isSubmitting}\n            placeholder=\"Describe the app your teammate should be able to use...\"\n            draftScope=\"dispatch:create-app\"\n            onSubmit={(text) => {\n              setPrompt(text);\n              submit(\n                text,\n                selectedSecrets.map((s) => s.credentialKey),\n              );\n            }}\n          />\n        </>\n      ) : (\n        <>\n          <div className=\"flex items-center justify-between gap-2 px-1\">\n            <button\n              type=\"button\"\n              onClick={() => setStep(\"prompt\")}\n              className=\"inline-flex cursor-pointer items-center gap-1 text-xs text-muted-foreground hover:text-foreground\"\n            >\n              <IconArrowLeft size={12} />\n              Back\n            </button>\n            <span className=\"text-[11px] text-muted-foreground/70\">\n              {selectedSecretLabel} selected\n            </span>\n          </div>\n          <div className=\"max-h-[340px] space-y-2 overflow-y-auto rounded-md border border-border bg-card p-2\">\n            {secretsError ? (\n              <p className=\"rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground\">\n                {secretsError}\n              </p>\n            ) : secrets.length === 0 ? (\n              <p className=\"rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground\">\n                No Dispatch vault keys found yet.\n              </p>\n            ) : (\n              secrets.map((secret) => {\n                const selected = selectedSecretIds.includes(secret.id);\n                return (\n                  <div\n                    key={secret.id}\n                    className={`group rounded-md border text-sm ${\n                      selected\n                        ? \"border-primary/45 bg-primary/5\"\n                        : \"border-border hover:border-muted-foreground/40 hover:bg-accent/35\"\n                    }`}\n                  >\n                    <button\n                      type=\"button\"\n                      aria-pressed={selected}\n                      onClick={() => toggleSecret(secret.id)}\n                      className=\"flex w-full cursor-pointer items-start gap-3 rounded-md px-3 py-2 text-left\"\n                    >\n                      <span\n                        className={`mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border ${\n                          selected\n                            ? \"border-primary/60 bg-primary/10 text-primary\"\n                            : \"border-muted-foreground/35 text-transparent\"\n                        }`}\n                      >\n                        {selected ? <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                          {selected\n                            ? \"Will be requested for this app\"\n                            : \"Click to request\"}\n                        </span>\n                      </span>\n                    </button>\n                    {(secret.provider || secret.name) && (\n                      <details className=\"group/details border-t border-border/60 px-3 py-1.5 text-xs text-muted-foreground/75\">\n                        <summary className=\"flex cursor-pointer list-none items-center gap-1.5 text-[11px] hover:text-muted-foreground [&::-webkit-details-marker]:hidden\">\n                          <IconChevronDown className=\"h-3 w-3 transition-transform group-open/details:rotate-180\" />\n                          Details\n                        </summary>\n                        <div className=\"mt-1.5 space-y-1 pb-0.5 pl-4\">\n                          <div className=\"truncate\">\n                            Provider: {secret.provider || \"Not specified\"}\n                          </div>\n                          <div className=\"truncate\">Name: {secret.name}</div>\n                        </div>\n                      </details>\n                    )}\n                  </div>\n                );\n              })\n            )}\n          </div>\n          <div className=\"flex items-center justify-end gap-2\">\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              onClick={submitWithSelectedKeys}\n              disabled={!prompt.trim() || isSubmitting}\n            >\n              {isSubmitting ? (\n                <IconLoader2 className=\"h-3.5 w-3.5 animate-spin\" />\n              ) : (\n                <IconPlus className=\"h-3.5 w-3.5\" />\n              )}\n              Create app\n            </Button>\n          </div>\n          {!prompt.trim() ? (\n            <p className=\"px-1 text-[11px] text-muted-foreground/70\">\n              Add a prompt on the previous step before creating the app.\n            </p>\n          ) : null}\n        </>\n      )}\n\n      {statusMessage ? (\n        <div className=\"rounded-md border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n          {statusMessage}\n          {branchUrl ? (\n            <a\n              href={branchUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"ml-2 inline-flex items-center gap-1 font-medium text-foreground underline\"\n            >\n              Open branch <IconArrowUpRight className=\"h-3 w-3\" />\n            </a>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport function CreateAppPopover({\n  trigger,\n  align = \"center\",\n}: CreateAppPopoverProps) {\n  const [open, setOpen] = useState(false);\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        {trigger ?? (\n          <button\n            type=\"button\"\n            className=\"flex min-h-32 cursor-pointer items-center justify-center rounded-lg border border-dashed bg-card p-4 text-sm font-medium text-muted-foreground transition hover:border-foreground/30 hover:text-foreground\"\n          >\n            <span className=\"inline-flex items-center gap-2\">\n              <IconPlus size={16} />\n              Create app\n            </span>\n          </button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        align={align}\n        sideOffset={10}\n        className=\"w-[calc(100vw-2rem)] rounded-xl p-3 shadow-xl sm:w-[460px]\"\n      >\n        <CreateAppFlow onClose={() => setOpen(false)} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}
+{"version":3,"file":"create-app-popover.js","sourceRoot":"","sources":["../../src/components/create-app-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n  PromptComposer,\n  agentNativePath,\n  appBasePath,\n  isInBuilderFrame,\n  sendToAgentChat,\n  useDevMode,\n} from \"@agent-native/core/client\";\nimport { getWorkspaceAppIdValidationError } from \"@agent-native/core/shared\";\nimport {\n  IconArrowLeft,\n  IconArrowUpRight,\n  IconCheck,\n  IconChevronDown,\n  IconKey,\n  IconLoader2,\n  IconPlus,\n} from \"@tabler/icons-react\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\";\nimport { Button } from \"@/components/ui/button\";\n\ninterface VaultSecretOption {\n  id: string;\n  name: string;\n  credentialKey: string;\n  provider?: string | null;\n  description?: string | null;\n}\n\ninterface CreateAppPopoverProps {\n  /**\n   * Custom trigger element. Defaults to a dashed-border tile that matches the\n   * apps grid empty state.\n   */\n  trigger?: ReactNode;\n  /**\n   * Override the popover alignment. Defaults to \"center\" with a 10px offset.\n   */\n  align?: \"start\" | \"center\" | \"end\";\n}\n\nfunction slugify(value: string): string {\n  return value\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\")\n    .replace(/^[^a-z]+/, \"\")\n    .slice(0, 48);\n}\n\nfunction titleFromPrompt(prompt: string): string {\n  const cleaned = prompt\n    .replace(/\\b(build|create|make|an?|the|app|tool|dashboard)\\b/gi, \" \")\n    .replace(/\\s+/g, \" \")\n    .trim();\n  return slugify(cleaned || \"new-app\") || \"new-app\";\n}\n\nfunction buildAppCreationPrompt(input: {\n  appId: string;\n  prompt: string;\n  selectedKeys: string[];\n}): string {\n  const keyList = input.selectedKeys.join(\", \");\n  const grantRequest = keyList\n    ? `Requested Dispatch vault key grants for this app: ${keyList}`\n    : `Requested Dispatch vault key grants for this app: none`;\n\n  return [\n    `Create a new agent-native app in this workspace.`,\n    `This is a new workspace app request, not a feature request for the current app.`,\n    ``,\n    `Suggested app name: ${input.appId} (you may adjust the slug if it conflicts)`,\n    `User prompt: ${input.prompt.trim()}`,\n    grantRequest,\n    ``,\n    `Pick a starter template that fits the user's prompt — analytics, calendar, content, design, dispatch, forms, mail, slides, videos, clips, or starter when none of the others fit.`,\n    `Use the workspace app layout: create it under apps/${input.appId}, mount it at /${input.appId}, keep it on the shared workspace database/hosting model, and avoid table-name collisions by namespacing any new domain tables to the app.`,\n    `Do not satisfy this by adding a route, page, component, or file inside apps/starter or another existing app unless the user explicitly asks to modify that existing app.`,\n    keyList\n      ? `After the app exists, grant the selected Dispatch vault keys to appId \"${input.appId}\" and sync them once the app server is available. Treat these as requested grants, not active grants before creation succeeds.`\n      : `Do not grant any Dispatch vault keys unless the user asks later.`,\n    ``,\n    `App readiness requirements before handing off:`,\n    `- Update the workspace app registry metadata for \"${input.appId}\" so Dispatch lists the app at /${input.appId} after merge/deploy.`,\n    `- Update the app manifest/package/deploy metadata needed by the existing workspace deployment model.`,\n    `- Verify the app's agent card/A2A metadata is ready so Dispatch can discover and delegate to the app after deployment.`,\n    `When it is ready, start or update the workspace dev server and navigate the user to /${input.appId}.`,\n  ].join(\"\\n\");\n}\n\nasync function fetchJson(url: string, init?: RequestInit): Promise<any> {\n  const res = await fetch(url, init);\n  const data = await res.json().catch(() => null);\n  if (!res.ok) {\n    throw new Error(\n      data?.error || data?.message || `Request failed ${res.status}`,\n    );\n  }\n  return data;\n}\n\nfunction defaultDispatchBasePath(): string | null {\n  const base = appBasePath();\n  if (base === \"/dispatch\") return null;\n  return null;\n}\n\nfunction actionUrl(basePath: string | null, action: string): string {\n  const path = `/_agent-native/actions/${action}`;\n  if (basePath === null) return agentNativePath(path);\n  const normalized = basePath.replace(/\\/+$/, \"\");\n  return `${normalized}${path}`;\n}\n\n/**\n * Inline two-step app-creation flow: prompt → optional key picker → submit.\n * Used both in the popover form and in the dedicated `/new-app` page so the\n * same UX shows up everywhere a teammate kicks off a new workspace app.\n */\nexport function CreateAppFlow({\n  onClose,\n  className = \"\",\n}: {\n  onClose?: () => void;\n  className?: string;\n}) {\n  const [step, setStep] = useState<\"prompt\" | \"keys\">(\"prompt\");\n  const [prompt, setPrompt] = useState(\"\");\n  const [selectedSecretIds, setSelectedSecretIds] = useState<string[]>([]);\n  const [secrets, setSecrets] = useState<VaultSecretOption[]>([]);\n  const [secretsError, setSecretsError] = useState<string | null>(null);\n  const [statusMessage, setStatusMessage] = useState<string | null>(null);\n  const [branchUrl, setBranchUrl] = useState<string | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const { isDevMode } = useDevMode();\n\n  const basePath = useMemo(() => defaultDispatchBasePath(), []);\n\n  // Fetch the vault keys eagerly so step 2 has them ready the moment the user\n  // taps \"Choose keys\" — no spinner, no pause between steps.\n  useEffect(() => {\n    let cancelled = false;\n    fetchJson(actionUrl(basePath, \"list-vault-secret-options\"))\n      .then((data) => {\n        if (cancelled) return;\n        setSecrets(Array.isArray(data) ? data : []);\n        setSecretsError(null);\n      })\n      .catch((err) => {\n        if (cancelled) return;\n        setSecrets([]);\n        setSecretsError(err?.message || \"Could not load Dispatch keys\");\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [basePath]);\n\n  const selectedSecrets = useMemo(\n    () => secrets.filter((s) => selectedSecretIds.includes(s.id)),\n    [secrets, selectedSecretIds],\n  );\n  const selectedSecretLabel =\n    selectedSecretIds.length === 0\n      ? \"no keys\"\n      : `${selectedSecretIds.length} key${selectedSecretIds.length === 1 ? \"\" : \"s\"}`;\n\n  function toggleSecret(id: string) {\n    setSelectedSecretIds((cur) =>\n      cur.includes(id) ? cur.filter((x) => x !== id) : [...cur, id],\n    );\n  }\n\n  async function submit(rawPrompt: string, selectedKeys: string[]) {\n    const trimmed = rawPrompt.trim();\n    if (!trimmed || isSubmitting) return;\n    const appId = titleFromPrompt(trimmed);\n    const validationError = getWorkspaceAppIdValidationError(appId);\n    if (validationError) {\n      setStatusMessage(validationError);\n      return;\n    }\n\n    const message = buildAppCreationPrompt({\n      appId,\n      prompt: trimmed,\n      selectedKeys,\n    });\n    setIsSubmitting(true);\n    setStatusMessage(null);\n    setBranchUrl(null);\n\n    try {\n      if (isInBuilderFrame()) {\n        sendToAgentChat({ message, submit: true, type: \"code\" });\n        setStatusMessage(\"Sent to Builder chat.\");\n        onClose?.();\n      } else if (isDevMode) {\n        sendToAgentChat({ message, submit: true, type: \"code\", newTab: true });\n        setStatusMessage(\"Sent to the local agent.\");\n        onClose?.();\n      } else {\n        const result = await fetchJson(\n          actionUrl(basePath, \"start-workspace-app-creation\"),\n          {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({\n              prompt: trimmed,\n              appId,\n              secretIds: selectedKeys.length > 0 ? selectedSecretIds : [],\n            }),\n          },\n        );\n        if (result?.mode === \"builder\") {\n          setBranchUrl(result?.url || null);\n          setStatusMessage(\"Builder branch created.\");\n        } else {\n          setStatusMessage(\n            result?.message ||\n              \"Builder app creation is coming soon. Open this workspace in Builder to create an app from this prompt.\",\n          );\n        }\n      }\n    } catch (err: any) {\n      setStatusMessage(err?.message || \"Could not start the new app flow.\");\n    } finally {\n      setIsSubmitting(false);\n    }\n  }\n\n  const submitWithSelectedKeys = () =>\n    submit(\n      prompt,\n      selectedSecrets.map((s) => s.credentialKey),\n    );\n\n  return (\n    <div className={`flex flex-col gap-3 ${className}`}>\n      {step === \"prompt\" ? (\n        <>\n          <div className=\"flex items-center justify-between gap-2 px-1\">\n            <p className=\"text-sm font-semibold text-foreground\">Create app</p>\n            <button\n              type=\"button\"\n              onClick={() => setStep(\"keys\")}\n              className=\"inline-flex cursor-pointer items-center gap-1 rounded-md border border-border bg-background/40 px-2 py-1 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n            >\n              <IconKey size={11} />\n              {selectedSecretLabel}\n            </button>\n          </div>\n          <PromptComposer\n            autoFocus\n            disabled={isSubmitting}\n            placeholder=\"Describe the app your teammate should be able to use...\"\n            draftScope=\"dispatch:create-app\"\n            onSubmit={(text) => {\n              setPrompt(text);\n              submit(\n                text,\n                selectedSecrets.map((s) => s.credentialKey),\n              );\n            }}\n          />\n        </>\n      ) : (\n        <>\n          <div className=\"flex items-center justify-between gap-2 px-1\">\n            <button\n              type=\"button\"\n              onClick={() => setStep(\"prompt\")}\n              className=\"inline-flex cursor-pointer items-center gap-1 text-xs text-muted-foreground hover:text-foreground\"\n            >\n              <IconArrowLeft size={12} />\n              Back\n            </button>\n            <span className=\"text-[11px] text-muted-foreground/70\">\n              {selectedSecretLabel} selected\n            </span>\n          </div>\n          <div className=\"max-h-[340px] space-y-2 overflow-y-auto rounded-md border border-border bg-card p-2\">\n            {secretsError ? (\n              <p className=\"rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground\">\n                {secretsError}\n              </p>\n            ) : secrets.length === 0 ? (\n              <p className=\"rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground\">\n                No Dispatch vault keys found yet.\n              </p>\n            ) : (\n              secrets.map((secret) => {\n                const selected = selectedSecretIds.includes(secret.id);\n                return (\n                  <div\n                    key={secret.id}\n                    className={`group rounded-md border text-sm ${\n                      selected\n                        ? \"border-primary/45 bg-primary/5\"\n                        : \"border-border hover:border-muted-foreground/40 hover:bg-accent/35\"\n                    }`}\n                  >\n                    <button\n                      type=\"button\"\n                      aria-pressed={selected}\n                      onClick={() => toggleSecret(secret.id)}\n                      className=\"flex w-full cursor-pointer items-start gap-3 rounded-md px-3 py-2 text-left\"\n                    >\n                      <span\n                        className={`mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border ${\n                          selected\n                            ? \"border-primary/60 bg-primary/10 text-primary\"\n                            : \"border-muted-foreground/35 text-transparent\"\n                        }`}\n                      >\n                        {selected ? <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                          {selected\n                            ? \"Will be requested for this app\"\n                            : \"Click to request\"}\n                        </span>\n                      </span>\n                    </button>\n                    {(secret.provider || secret.name) && (\n                      <details className=\"group/details border-t border-border/60 px-3 py-1.5 text-xs text-muted-foreground/75\">\n                        <summary className=\"flex cursor-pointer list-none items-center gap-1.5 text-[11px] hover:text-muted-foreground [&::-webkit-details-marker]:hidden\">\n                          <IconChevronDown className=\"h-3 w-3 transition-transform group-open/details:rotate-180\" />\n                          Details\n                        </summary>\n                        <div className=\"mt-1.5 space-y-1 pb-0.5 pl-4\">\n                          <div className=\"truncate\">\n                            Provider: {secret.provider || \"Not specified\"}\n                          </div>\n                          <div className=\"truncate\">Name: {secret.name}</div>\n                        </div>\n                      </details>\n                    )}\n                  </div>\n                );\n              })\n            )}\n          </div>\n          <div className=\"flex items-center justify-end gap-2\">\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              onClick={submitWithSelectedKeys}\n              disabled={!prompt.trim() || isSubmitting}\n            >\n              {isSubmitting ? (\n                <IconLoader2 className=\"h-3.5 w-3.5 animate-spin\" />\n              ) : (\n                <IconPlus className=\"h-3.5 w-3.5\" />\n              )}\n              Create app\n            </Button>\n          </div>\n          {!prompt.trim() ? (\n            <p className=\"px-1 text-[11px] text-muted-foreground/70\">\n              Add a prompt on the previous step before creating the app.\n            </p>\n          ) : null}\n        </>\n      )}\n\n      {statusMessage ? (\n        <div className=\"rounded-md border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n          {statusMessage}\n          {branchUrl ? (\n            <a\n              href={branchUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"ml-2 inline-flex items-center gap-1 font-medium text-foreground underline\"\n            >\n              Open branch <IconArrowUpRight className=\"h-3 w-3\" />\n            </a>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport function CreateAppPopover({\n  trigger,\n  align = \"center\",\n}: CreateAppPopoverProps) {\n  const [open, setOpen] = useState(false);\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        {trigger ?? (\n          <button\n            type=\"button\"\n            className=\"flex min-h-32 cursor-pointer items-center justify-center rounded-lg border border-dashed bg-card p-4 text-sm font-medium text-muted-foreground transition hover:border-foreground/30 hover:text-foreground\"\n          >\n            <span className=\"inline-flex items-center gap-2\">\n              <IconPlus size={16} />\n              Create app\n            </span>\n          </button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        align={align}\n        sideOffset={10}\n        className=\"w-[calc(100vw-2rem)] rounded-xl p-3 shadow-xl sm:w-[460px]\"\n      >\n        <CreateAppFlow onClose={() => setOpen(false)} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}

package/dist/lib/overview-chat.d.ts

@@ -0,0 +1,2 @@
+export declare function submitOverviewPrompt(message: string, selectedModel?: string | null): string | null;
+//# sourceMappingURL=overview-chat.d.ts.map

package/dist/lib/overview-chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview-chat.d.ts","sourceRoot":"","sources":["../../src/lib/overview-chat.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAC5B,MAAM,GAAG,IAAI,CAkBf"}

package/dist/lib/overview-chat.js

@@ -0,0 +1,20 @@
+import { isInBuilderFrame, sendToAgentChat } from "@agent-native/core/client";
+export function submitOverviewPrompt(message, selectedModel) {
+    const trimmed = message.trim();
+    if (!trimmed)
+        return null;
+    if (isInBuilderFrame()) {
+        return sendToAgentChat({
+            message: trimmed,
+            submit: true,
+            type: "code",
+        });
+    }
+    return sendToAgentChat({
+        message: trimmed,
+        submit: true,
+        newTab: true,
+        model: selectedModel || undefined,
+    });
+}
+//# sourceMappingURL=overview-chat.js.map

package/dist/lib/overview-chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview-chat.js","sourceRoot":"","sources":["../../src/lib/overview-chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE9E,MAAM,UAAU,oBAAoB,CAClC,OAAe,EACf,aAA6B;IAE7B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IAC/B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,IAAI,gBAAgB,EAAE,EAAE,CAAC;QACvB,OAAO,eAAe,CAAC;YACrB,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,MAAM;SACb,CAAC,CAAC;IACL,CAAC;IAED,OAAO,eAAe,CAAC;QACrB,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,aAAa,IAAI,SAAS;KAClC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { isInBuilderFrame, sendToAgentChat } from \"@agent-native/core/client\";\n\nexport function submitOverviewPrompt(\n  message: string,\n  selectedModel?: string | null,\n): string | null {\n  const trimmed = message.trim();\n  if (!trimmed) return null;\n\n  if (isInBuilderFrame()) {\n    return sendToAgentChat({\n      message: trimmed,\n      submit: true,\n      type: \"code\",\n    });\n  }\n\n  return sendToAgentChat({\n    message: trimmed,\n    submit: true,\n    newTab: true,\n    model: selectedModel || undefined,\n  });\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"overview.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/overview.tsx"],"names":[],"mappings":"AA+dA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,4CA0SpC"}
+{"version":3,"file":"overview.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/overview.tsx"],"names":[],"mappings":"AA0dA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,4CA0SpC"}

package/dist/routes/pages/overview.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { Link } from "react-router";
-import { PromptComposer, sendToAgentChat, useActionQuery, useChatModels, agentNativePath, } from "@agent-native/core/client";
+import { PromptComposer, useActionQuery, useChatModels, agentNativePath, } from "@agent-native/core/client";
 import { IconActivity, IconAlertTriangle, IconApps, IconArrowUpRight, IconCheck, IconClockHour4, IconInfoCircle, IconKey, IconListCheck, IconRocket, IconPlugConnected, IconShieldCheck, } from "@tabler/icons-react";
 import { AppKeysPopover } from "../../components/app-keys-popover.js";
 import { CreateAppPopover } from "../../components/create-app-popover.js";
@@ -11,6 +11,7 @@ import { Badge } from "../../components/ui/badge.js";
 import { Button } from "../../components/ui/button.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip.js";
+import { submitOverviewPrompt } from "../../lib/overview-chat.js";
 const ZERO_TASK_QUEUE_STATS = {
     pending: 0,
     processing: 0,
@@ -35,14 +36,9 @@ const HOME_CHAT_SUGGESTIONS = [
 function HomeChatPanel() {
     const { selectedModel } = useChatModels();
     const send = (message) => {
-        sendToAgentChat({
-            message,
-            submit: true,
-            newTab: true,
-            model: selectedModel || undefined,
-        });
+        submitOverviewPrompt(message, selectedModel);
     };
-    return (_jsx("section", { className: "px-2 py-6 sm:py-10", children: _jsxs("div", { className: "mx-auto w-full max-w-2xl space-y-5", children: [_jsx("h1", { className: "text-center text-2xl font-semibold tracking-tight text-foreground sm:text-3xl", children: "What should we do next?" }), _jsx(PromptComposer, { placeholder: "Message agent\u2026", onSubmit: (text) => {
+    return (_jsx("section", { className: "px-2 py-6 sm:py-10", children: _jsxs("div", { className: "mx-auto w-full max-w-2xl space-y-8", children: [_jsx("h1", { className: "text-center text-2xl font-semibold tracking-tight text-foreground sm:text-3xl", children: "What should we do next?" }), _jsx(PromptComposer, { placeholder: "Message agent\u2026", onSubmit: (text) => {
                         const trimmed = text.trim();
                         if (!trimmed)
                             return;