@agent-native/core 0.7.12 → 0.7.14

package/dist/client/composer/ComposerPlusMenu.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { IconPlus, IconUpload, IconBulb, IconClock, IconBolt, IconTool, IconPlugConnected, IconLoader2, IconCheck, IconArrowLeft, } from "@tabler/icons-react";
+import { ComposerPrimitive } from "@assistant-ui/react";
+import { cn } from "../utils.js";
+import { Popover, PopoverTrigger, PopoverContent, } from "../components/ui/popover.js";
+import { useOrg } from "../org/hooks.js";
+import { useCreateMcpServer, testMcpServerUrl, } from "../resources/use-mcp-servers.js";
+export function ComposerPlusMenu({ onSelectMode }) {
+    const [open, setOpen] = useState(false);
+    const [view, setView] = useState("menu");
+    // MCP state
+    const { data: org } = useOrg();
+    const canCreateOrgMcp = !org?.orgId || org.role === "owner" || org.role === "admin";
+    const hasOrg = !!org?.orgId;
+    const defaultMcpScope = hasOrg && canCreateOrgMcp ? "org" : "user";
+    const [mcpScope, setMcpScope] = useState(defaultMcpScope);
+    const [mcpName, setMcpName] = useState("");
+    const [mcpUrl, setMcpUrl] = useState("");
+    const [mcpDescription, setMcpDescription] = useState("");
+    const [mcpHeadersText, setMcpHeadersText] = useState("");
+    const [mcpBusy, setMcpBusy] = useState(false);
+    const [mcpError, setMcpError] = useState(null);
+    const [mcpTestResult, setMcpTestResult] = useState(null);
+    const createMcp = useCreateMcpServer();
+    const inputRef = useRef(null);
+    const fileUploadRef = useRef(null);
+    useEffect(() => {
+        if (open) {
+            setView("menu");
+            setMcpScope(defaultMcpScope);
+            setMcpName("");
+            setMcpUrl("");
+            setMcpDescription("");
+            setMcpHeadersText("");
+            setMcpError(null);
+            setMcpTestResult(null);
+            setMcpBusy(false);
+        }
+    }, [open, defaultMcpScope]);
+    useEffect(() => {
+        if (view === "mcp-server") {
+            const t = setTimeout(() => inputRef.current?.focus(), 50);
+            return () => clearTimeout(t);
+        }
+    }, [view]);
+    const parseHeaderLines = (text) => {
+        const out = {};
+        for (const line of text.split(/\r?\n/)) {
+            const trimmed = line.trim();
+            if (!trimmed)
+                continue;
+            const idx = trimmed.indexOf(":");
+            if (idx <= 0)
+                continue;
+            const key = trimmed.slice(0, idx).trim();
+            const val = trimmed.slice(idx + 1).trim();
+            if (!key || !val)
+                continue;
+            out[key] = val;
+        }
+        return Object.keys(out).length > 0 ? out : undefined;
+    };
+    const submitMcpServer = async () => {
+        const name = mcpName.trim();
+        const url = mcpUrl.trim();
+        if (!name || !url || mcpBusy)
+            return;
+        setMcpError(null);
+        setMcpBusy(true);
+        try {
+            await createMcp.mutateAsync({
+                scope: mcpScope,
+                name,
+                url,
+                headers: parseHeaderLines(mcpHeadersText),
+                description: mcpDescription.trim() || undefined,
+            });
+            setOpen(false);
+        }
+        catch (err) {
+            setMcpError(err?.message ?? String(err));
+        }
+        finally {
+            setMcpBusy(false);
+        }
+    };
+    const runMcpTest = async () => {
+        const url = mcpUrl.trim();
+        if (!url || mcpBusy)
+            return;
+        setMcpTestResult(null);
+        setMcpError(null);
+        setMcpBusy(true);
+        try {
+            const res = await testMcpServerUrl(url, parseHeaderLines(mcpHeadersText));
+            if (res.ok) {
+                setMcpTestResult({
+                    ok: true,
+                    message: `${res.toolCount ?? 0} tool${res.toolCount === 1 ? "" : "s"} available`,
+                });
+            }
+            else {
+                setMcpTestResult({ ok: false, message: res.error ?? "Failed" });
+            }
+        }
+        catch (err) {
+            setMcpTestResult({ ok: false, message: err?.message ?? String(err) });
+        }
+        finally {
+            setMcpBusy(false);
+        }
+    };
+    const menuItems = [
+        {
+            icon: _jsx(IconUpload, { className: "h-3.5 w-3.5" }),
+            label: "Upload File",
+            desc: "Attach a file to this message",
+            action: () => {
+                setOpen(false);
+                setTimeout(() => fileUploadRef.current?.click(), 0);
+            },
+        },
+        {
+            icon: _jsx(IconBulb, { className: "h-3.5 w-3.5" }),
+            label: "Create Skill",
+            desc: "Teach the agent a new ability",
+            action: () => {
+                onSelectMode?.("skill");
+                setOpen(false);
+            },
+        },
+        {
+            icon: _jsx(IconClock, { className: "h-3.5 w-3.5" }),
+            label: "Scheduled Task",
+            desc: "Run something on a schedule",
+            action: () => {
+                onSelectMode?.("job");
+                setOpen(false);
+            },
+        },
+        {
+            icon: _jsx(IconBolt, { className: "h-3.5 w-3.5" }),
+            label: "Create Automation",
+            desc: "Set up a when-X-do-Y rule",
+            action: () => {
+                onSelectMode?.("automation");
+                setOpen(false);
+            },
+        },
+        {
+            icon: _jsx(IconTool, { className: "h-3.5 w-3.5" }),
+            label: "Create Tool",
+            desc: "Build an interactive mini app",
+            action: () => {
+                onSelectMode?.("tool");
+                setOpen(false);
+            },
+        },
+        {
+            icon: _jsx(IconPlugConnected, { className: "h-3.5 w-3.5" }),
+            label: "Connect MCP Server",
+            desc: "Expose external tools to the agent",
+            action: () => setView("mcp-server"),
+        },
+    ];
+    const backButton = (_jsxs("button", { type: "button", onClick: () => setView("menu"), className: "flex items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground mb-1.5", children: [_jsx(IconArrowLeft, { className: "h-3 w-3" }), "Back"] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ComposerPrimitive.AddAttachment, { asChild: true, children: _jsx("button", { ref: fileUploadRef, type: "button", className: "hidden", tabIndex: -1, "aria-hidden": true }) }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "shrink-0 flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50 disabled:opacity-30 disabled:cursor-not-allowed", title: "Add...", children: _jsx(IconPlus, { className: "h-4 w-4" }) }) }), _jsxs(PopoverContent, { side: "top", align: "start", sideOffset: 8, className: "w-[260px] p-0 rounded-lg", style: { fontSize: 13, lineHeight: "normal" }, onOpenAutoFocus: (e) => e.preventDefault(), children: [view === "menu" && (_jsx("div", { className: "py-1", children: menuItems.map((item) => (_jsxs("button", { onClick: item.action, className: "flex w-full items-center gap-2.5 px-3 py-2 text-left hover:bg-accent/50", children: [_jsx("span", { className: "text-muted-foreground", children: item.icon }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: item.label }), _jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/60", children: item.desc })] })] }, item.label))) })), view === "mcp-server" && (_jsxs("div", { className: "p-3", children: [backButton, _jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Connect MCP Server" }), _jsx("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: "Point at any Streamable HTTP MCP server. Its tools become available to the agent." }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex gap-1 rounded-md border border-border p-0.5", children: [_jsx("button", { type: "button", onClick: () => setMcpScope("user"), className: cn("flex-1 rounded px-2 py-1 text-[11px] font-medium", mcpScope === "user"
+                                                            ? "bg-accent text-foreground"
+                                                            : "text-muted-foreground hover:text-foreground"), children: "Personal" }), _jsx("button", { type: "button", onClick: () => hasOrg && canCreateOrgMcp && setMcpScope("org"), disabled: !hasOrg || !canCreateOrgMcp, title: !hasOrg
+                                                            ? "Join an organization to share MCP servers"
+                                                            : !canCreateOrgMcp
+                                                                ? "Only owners and admins can add org-scope servers"
+                                                                : undefined, className: cn("flex-1 rounded px-2 py-1 text-[11px] font-medium", mcpScope === "org"
+                                                            ? "bg-accent text-foreground"
+                                                            : "text-muted-foreground hover:text-foreground", (!hasOrg || !canCreateOrgMcp) &&
+                                                            "cursor-not-allowed opacity-40 hover:text-muted-foreground"), children: "Organization" })] }), _jsx("input", { ref: inputRef, value: mcpName, onChange: (e) => setMcpName(e.target.value), className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "Server name (e.g. zapier)" }), _jsx("input", { value: mcpUrl, onChange: (e) => setMcpUrl(e.target.value), className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "https://mcp.example.com/" }), _jsx("input", { value: mcpDescription, onChange: (e) => setMcpDescription(e.target.value), className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "Description (optional)" }), _jsx("label", { className: "block text-[10px] font-medium text-muted-foreground/70", children: "Headers (one per line, e.g. Authorization: Bearer ...)" }), _jsx("textarea", { value: mcpHeadersText, onChange: (e) => setMcpHeadersText(e.target.value), rows: 2, className: "w-full resize-y rounded-md border border-border bg-background px-2.5 py-1.5 text-[12px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", style: {
+                                                    fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
+                                                }, placeholder: "Authorization: Bearer sk-..." }), mcpTestResult && (_jsxs("div", { className: cn("flex items-center gap-1 text-[11px]", mcpTestResult.ok
+                                                    ? "text-green-600 dark:text-green-400"
+                                                    : "text-red-600 dark:text-red-400"), children: [mcpTestResult.ok && _jsx(IconCheck, { className: "h-3 w-3" }), mcpTestResult.message] })), mcpError && (_jsx("div", { className: "text-[11px] text-red-600 dark:text-red-400", children: mcpError }))] }), _jsxs("div", { className: "mt-2.5 flex items-center justify-between gap-2", children: [_jsx("button", { type: "button", onClick: runMcpTest, disabled: !mcpUrl.trim() || mcpBusy, className: "rounded-md border border-border bg-background px-2.5 py-1.5 text-[11px] font-medium text-foreground hover:bg-accent disabled:opacity-40 disabled:pointer-events-none", children: "Test" }), _jsx("button", { type: "button", onClick: submitMcpServer, disabled: !mcpName.trim() || !mcpUrl.trim() || mcpBusy, className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none", children: mcpBusy ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : ("Connect") })] })] }))] })] })] }));
+}
+//# sourceMappingURL=ComposerPlusMenu.js.map

package/dist/client/composer/ComposerPlusMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerPlusMenu.js","sourceRoot":"","sources":["../../../src/client/composer/ComposerPlusMenu.tsx"],"names":[],"mappings":"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"}

package/dist/client/composer/TiptapComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TiptapComposer.d.ts","sourceRoot":"","sources":["../../../src/client/composer/TiptapComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAsBf,OAAO,KAAK,EAGV,SAAS,EAEV,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,oBAAoB;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AASD,KAAK,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjC,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAC3C,oFAAoF;IACpF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC3D,4FAA4F;IAC5F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qFAAqF;IACrF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mEAAmE;IACnE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC;QACtB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC,CAAC;IACH,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AA6ND,wBAAgB,cAAc,CAAC,EAC7B,WAAgC,EAChC,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,YAAmB,EACnB,aAAa,EACb,eAAe,EACf,aAAa,GACd,EAAE,mBAAmB,2CA0tBrB"}
+{"version":3,"file":"TiptapComposer.d.ts","sourceRoot":"","sources":["../../../src/client/composer/TiptapComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AA2Bf,OAAO,KAAK,EAGV,SAAS,EAGV,MAAM,YAAY,CAAC;AAMpB,MAAM,WAAW,oBAAoB;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAsHD,KAAK,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjC,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAC3C,oFAAoF;IACpF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC3D,4FAA4F;IAC5F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qFAAqF;IACrF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mEAAmE;IACnE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC;QACtB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC,CAAC;IACH,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAwQD,wBAAgB,cAAc,CAAC,EAC7B,WAAgC,EAChC,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,YAAmB,EACnB,aAAa,EACb,eAAe,EACf,aAAa,GACd,EAAE,mBAAmB,2CA61BrB"}

package/dist/client/composer/TiptapComposer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useImperativeHandle, useMemo, } from "react";
-import { ComposerPrimitive, useComposer, useComposerRuntime, } from "@assistant-ui/react";
+import { useComposer, useComposerRuntime, } from "@assistant-ui/react";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
@@ -10,16 +10,91 @@ import { MentionReference } from "./extensions/MentionReference.js";
 import { MentionPopover } from "./MentionPopover.js";
 import { useMentionSearch } from "./use-mention-search.js";
 import { useSkills } from "./use-skills.js";
-import { IconArrowUp, IconPlus, IconCheck, IconChevronDown, } from "@tabler/icons-react";
+import { IconArrowUp, IconCheck, IconChevronDown, IconBulb, IconClock, IconBolt, IconTool, IconX, } from "@tabler/icons-react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { useVoiceDictation } from "./useVoiceDictation.js";
 import { VoiceButton, VoiceRecordingOverlay } from "./VoiceButton.js";
+import { ComposerPlusMenu } from "./ComposerPlusMenu.js";
+import { sendToAgentChat } from "../agent-chat.js";
 const BUILT_IN_COMMANDS = [
     { name: "clear", description: "Start a new chat", icon: "clear" },
     { name: "new", description: "Start a new chat", icon: "new" },
     { name: "history", description: "Browse chat history", icon: "history" },
     { name: "help", description: "Show available commands", icon: "help" },
 ];
+const COMPOSER_MODE_CONFIGS = {
+    skill: {
+        label: "Create Skill",
+        icon: IconBulb,
+        placeholder: "Describe the skill you want to create...",
+        messagePrefix: "Create a skill: ",
+        getContext: (prompt) => `The user wants to create an agent skill. Their description: "${prompt}"
+
+Follow the create-skill pattern to build this. Before writing:
+
+1. **Determine the skill name** — derive a hyphen-case name from the description (e.g. "code review" → "code-review")
+2. **Determine the skill type** — Pattern (architectural rule), Workflow (step-by-step), or Generator (scaffolding)
+3. **Write the skill** as a personal resource at path "skills/<name>.md" using resource-write
+
+The skill file MUST have YAML frontmatter with name and description (under 40 words), then markdown with:
+- Clear rule/purpose statement
+- Why this skill exists
+- How to follow it (with code examples where helpful)
+- Common violations to avoid
+- Related skills
+
+After creating, update the shared AGENTS.md resource to reference the new skill in its skills table.
+
+Keep the skill concise (under 500 lines) and actionable.`,
+    },
+    job: {
+        label: "Scheduled Task",
+        icon: IconClock,
+        placeholder: "Describe what should happen and when...",
+        messagePrefix: "Create a recurring job: ",
+        getContext: (prompt) => `The user wants to create a recurring job. Their description: "${prompt}"
+
+Use the manage-jobs tool with action "create" to create this. You need to:
+1. Derive a hyphen-case name from the description
+2. Convert the schedule to a cron expression (e.g., "every weekday at 9am" → "0 9 * * 1-5")
+3. Write clear, self-contained instructions for what the agent should do each time the job runs
+4. Create it in personal scope
+
+The job will run automatically on the schedule. Make the instructions specific — include which actions to call and what to do with results.`,
+    },
+    automation: {
+        label: "Create Automation",
+        icon: IconBolt,
+        placeholder: "Describe what you want to automate...",
+        messagePrefix: "Create an automation: ",
+        beforeSend: () => {
+            window.dispatchEvent(new CustomEvent("agent-panel:set-mode", {
+                detail: { mode: "chat" },
+            }));
+        },
+        getContext: (prompt) => `The user wants to create a new automation. Scope: personal. Their description: "${prompt}"
+
+Use manage-automations with action=define to create it. Ask clarifying questions if needed about what event to trigger on, conditions, and what actions to take.`,
+    },
+    tool: {
+        label: "Create Tool",
+        icon: IconTool,
+        placeholder: "Describe the interactive tool you want to build...",
+        messagePrefix: "Create a tool: ",
+        getContext: (prompt) => `The user wants to create an interactive tool (mini app). Their description: "${prompt}"
+
+Use the create-tool action with Alpine.js HTML content. The tool runs as a sandboxed iframe with Tailwind CSS.
+
+After creating the tool, navigate the user to it with set-url-path using pathname "/tools/<id>".
+
+Make the tool functional and visually polished. Tools can use toolFetch() for external API calls, appAction()/appFetch() for app operations, toolData for tool-specific persistence, and dbQuery()/dbExec() only for existing app tables.`,
+    },
+};
+function ComposerModeChip({ mode, onRemove, }) {
+    const config = COMPOSER_MODE_CONFIGS[mode];
+    const Icon = config.icon;
+    return (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-md border border-border bg-muted/50 px-1.5 py-0.5 text-xs font-medium text-foreground", children: [_jsx(Icon, { className: "h-3 w-3 text-muted-foreground" }), config.label, _jsx("button", { type: "button", onClick: onRemove, className: "ml-0.5 rounded-sm text-muted-foreground hover:text-foreground cursor-pointer", children: _jsx(IconX, { className: "h-3 w-3" }) })] }));
+}
 function ModeSelector({ mode, onChange, }) {
     const [open, setOpen] = useState(false);
     return (_jsxs(PopoverPrimitive.Root, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsxs("button", { type: "button", className: "shrink-0 flex items-center gap-1 rounded-md px-2 py-1 text-[12px] font-medium text-muted-foreground hover:text-foreground hover:bg-accent/50", children: [mode === "build" ? "Act" : "Plan", _jsx(IconChevronDown, { className: "h-3 w-3 opacity-60" })] }) }), _jsx(PopoverPrimitive.Portal, { children: _jsxs(PopoverPrimitive.Content, { side: "top", align: "end", sideOffset: 6, className: "w-60 rounded-lg border border-border bg-popover shadow-lg z-50 py-1 animate-in fade-in-0 zoom-in-95", style: { fontSize: 13 }, children: [_jsxs("button", { type: "button", onClick: () => {
@@ -30,25 +105,56 @@ function ModeSelector({ mode, onChange, }) {
                                 setOpen(false);
                             }, className: "flex w-full items-center gap-3 px-3 py-2 hover:bg-accent/50 text-left", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("span", { className: "font-medium text-foreground text-[13px]", children: "Plan" }), _jsx("p", { className: "text-[11px] text-muted-foreground mt-0.5", children: "Collaborate on an approach before taking action" })] }), mode === "plan" && (_jsx(IconCheck, { className: "h-3.5 w-3.5 shrink-0 text-blue-500" }))] })] }) })] }));
 }
+const FRIENDLY_MODEL_NAMES = {
+    "grok-code-fast": "Grok Code Fast",
+    "qwen3-coder": "Qwen3 Coder",
+    "kimi-k2-5": "Kimi K2.5",
+    "deepseek-v3-1": "DeepSeek v3.1",
+};
 function friendlyModelName(model) {
+    if (FRIENDLY_MODEL_NAMES[model])
+        return FRIENDLY_MODEL_NAMES[model];
     // Claude: claude-{tier}-{major}-{minor}[-dateYYYYMMDD] → Tier Major.Minor
     const claude = model.match(/^claude-(opus|sonnet|haiku)-(\d+)-(\d+)(?:-\d{8,})?$/);
     if (claude) {
         const tier = claude[1][0].toUpperCase() + claude[1].slice(1);
         return `${tier} ${claude[2]}.${claude[3]}`;
     }
-    if (model.startsWith("gpt-"))
-        return `GPT-${model.slice(4)}`;
+    // GPT: gpt-{major}-{minor}[-suffix] or gpt-{major}.{minor}[-suffix]
+    if (model.startsWith("gpt-")) {
+        const rest = model.slice(4);
+        const gpt = rest.match(/^(\d+)[.-](\d+)(?:[.-](.+))?$/);
+        if (gpt) {
+            const suffix = gpt[3]
+                ? " " +
+                    gpt[3]
+                        .split("-")
+                        .map((s) => s[0].toUpperCase() + s.slice(1))
+                        .join(" ")
+                : "";
+            return `GPT-${gpt[1]}.${gpt[2]}${suffix}`;
+        }
+        return `GPT-${rest}`;
+    }
     if (/^o\d/.test(model))
         return model;
-    // Gemini: gemini-{version-parts}[-preview] → Gemini Version Parts
+    // Gemini: gemini-{major}-{minor}-{variant}[-preview] → Gemini Major.Minor Variant
+    const geminiVersioned = model.match(/^gemini-(\d+)-(\d+)-(.+?)(?:-preview)?$/);
+    if (geminiVersioned) {
+        const variant = geminiVersioned[3]
+            .split("-")
+            .map((s) => s[0].toUpperCase() + s.slice(1))
+            .join(" ");
+        return `Gemini ${geminiVersioned[1]}.${geminiVersioned[2]} ${variant}`;
+    }
+    // Gemini: gemini-{version.parts}[-preview] → Gemini Version Parts
     const gemini = model.match(/^gemini-(.+?)(?:-preview)?$/);
     if (gemini) {
         const parts = gemini[1]
             .split("-")
             .map((s) => s[0].toUpperCase() + s.slice(1))
             .join(" ");
-        return `Gemini ${parts}${model.endsWith("-preview") ? " (preview)" : ""}`;
+        return `Gemini ${parts}`;
     }
     return model;
 }
@@ -85,7 +191,10 @@ function ModelSelector({ model, engines, onChange, }) {
     const [open, setOpen] = useState(false);
     return (_jsxs(PopoverPrimitive.Root, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsxs("button", { type: "button", className: "shrink-0 flex items-center gap-1 rounded-md px-2 py-1 text-[12px] font-medium text-muted-foreground hover:text-foreground hover:bg-accent/50", children: [friendlyModelName(model), _jsx(IconChevronDown, { className: "h-3 w-3 opacity-60" })] }) }), _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { side: "top", align: "end", sideOffset: 6, className: "w-64 max-h-72 overflow-y-auto rounded-lg border border-border bg-popover shadow-lg z-50 py-1 animate-in fade-in-0 zoom-in-95", style: { fontSize: 13 }, children: engines.map((group) => {
                         const models = latestModelsOnly(group.models);
-                        return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [_jsx("span", { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wide", children: group.label }), !group.configured && (_jsx("span", { className: "text-[10px] text-muted-foreground/60", children: "needs API key" }))] }), models.map((m) => (_jsxs("button", { type: "button", onClick: () => {
+                        return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [_jsx("span", { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wide", children: group.label }), !group.configured && (_jsx("button", { type: "button", className: "text-[10px] text-muted-foreground/60 hover:text-foreground cursor-pointer", onClick: () => {
+                                                window.dispatchEvent(new CustomEvent("agent-panel:open-settings"));
+                                                setOpen(false);
+                                            }, children: "needs API key" }))] }), models.map((m) => (_jsxs("button", { type: "button", onClick: () => {
                                         if (!group.configured) {
                                             window.dispatchEvent(new CustomEvent("agent-panel:open-settings"));
                                             setOpen(false);
@@ -105,6 +214,8 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     const [editorHasText, setEditorHasText] = useState(false);
     const composerText = useComposer((state) => state.text);
     const canSend = editorHasText && !disabled;
+    const [composerMode, setComposerMode] = useState(null);
+    const composerModeRef = useRef(null);
     const isMac = typeof navigator !== "undefined" &&
         /Mac|iPhone|iPad/.test(navigator.userAgent);
     // Refs for values accessed in handleKeyDown (ProseMirror doesn't re-bind)
@@ -153,8 +264,10 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
     // changes visible to Placeholder's function form.
     const placeholderRef = useRef(placeholder);
     useEffect(() => {
-        placeholderRef.current = placeholder;
-    }, [placeholder]);
+        placeholderRef.current = composerMode
+            ? COMPOSER_MODE_CONFIGS[composerMode].placeholder
+            : placeholder;
+    }, [placeholder, composerMode]);
     const editor = useEditor({
         extensions: [
             StarterKit.configure({
@@ -288,6 +401,17 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                         return false;
                     }
                 }
+                // Backspace removes composer mode chip when editor is empty
+                if (event.key === "Backspace" && composerModeRef.current) {
+                    const { from, to } = view.state.selection;
+                    if (view.state.doc.textContent.trim() === "" &&
+                        from === to &&
+                        from <= 1) {
+                        setComposerMode(null);
+                        composerModeRef.current = null;
+                        return true;
+                    }
+                }
                 // Shift+Tab toggles build/plan mode
                 if (event.key === "Tab" && event.shiftKey) {
                     event.preventDefault();
@@ -355,19 +479,89 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             editor?.commands.focus("end");
         },
     }));
-    const insertTranscript = useCallback((text) => {
+    const handleSelectMode = useCallback((mode) => {
+        setComposerMode(mode);
+        composerModeRef.current = mode;
+        setTimeout(() => editor?.commands.focus("end"), 50);
+    }, [editor]);
+    // --- Live voice transcription: text appears in the editor as the user speaks ---
+    const voiceAnchorRef = useRef(null);
+    const prevVoiceInsertRef = useRef("");
+    const handleLiveUpdate = useCallback((finalText, interimText) => {
         const ed = editor;
-        if (!ed || !text)
+        if (!ed)
+            return;
+        if (voiceAnchorRef.current == null) {
+            const { from } = ed.state.selection;
+            const prevChar = from > 1 ? ed.state.doc.textBetween(from - 1, from) : "";
+            if (prevChar && !/\s/.test(prevChar)) {
+                ed.chain().insertContent(" ").run();
+            }
+            voiceAnchorRef.current = ed.state.selection.from;
+            prevVoiceInsertRef.current = "";
+        }
+        const anchor = voiceAnchorRef.current;
+        const prevLen = prevVoiceInsertRef.current.length;
+        const newText = finalText + interimText;
+        if (newText === prevVoiceInsertRef.current)
             return;
-        const { from } = ed.state.selection;
-        const prevChar = from > 1 ? ed.state.doc.textBetween(from - 1, from) : "";
-        const needsLead = prevChar && !/\s/.test(prevChar);
         ed.chain()
-            .focus()
-            .insertContent((needsLead ? " " : "") + text + " ")
+            .deleteRange({ from: anchor, to: anchor + prevLen })
+            .insertContentAt(anchor, newText)
             .run();
+        prevVoiceInsertRef.current = newText;
     }, [editor]);
-    const voice = useVoiceDictation({ onTranscript: insertTranscript });
+    const insertTranscript = useCallback((text) => {
+        const ed = editor;
+        if (!ed)
+            return;
+        const anchor = voiceAnchorRef.current;
+        if (anchor != null) {
+            const prevLen = prevVoiceInsertRef.current.length;
+            if (text) {
+                ed.chain()
+                    .focus()
+                    .deleteRange({ from: anchor, to: anchor + prevLen })
+                    .insertContentAt(anchor, text + " ")
+                    .run();
+            }
+            else if (prevLen > 0) {
+                ed.chain()
+                    .deleteRange({ from: anchor, to: anchor + prevLen })
+                    .run();
+            }
+            voiceAnchorRef.current = null;
+            prevVoiceInsertRef.current = "";
+        }
+        else if (text) {
+            const { from } = ed.state.selection;
+            const prevChar = from > 1 ? ed.state.doc.textBetween(from - 1, from) : "";
+            const needsLead = prevChar && !/\s/.test(prevChar);
+            ed.chain()
+                .focus()
+                .insertContent((needsLead ? " " : "") + text + " ")
+                .run();
+        }
+    }, [editor]);
+    const voice = useVoiceDictation({
+        onTranscript: insertTranscript,
+        onLiveUpdate: handleLiveUpdate,
+    });
+    // Clean up live text if voice session ends without a final transcript (cancel/error)
+    useEffect(() => {
+        if (voice.state === "idle" && voiceAnchorRef.current != null) {
+            const anchor = voiceAnchorRef.current;
+            const prevLen = prevVoiceInsertRef.current.length;
+            if (editor && prevLen > 0) {
+                editor
+                    .chain()
+                    .deleteRange({ from: anchor, to: anchor + prevLen })
+                    .run();
+            }
+            voiceAnchorRef.current = null;
+            prevVoiceInsertRef.current = "";
+        }
+    }, [voice.state, editor]);
     // Global shortcut: Cmd/Ctrl + Shift + M toggles dictation. Escape cancels
     // while recording. Scoped to avoid firing when focus is outside the app.
     useEffect(() => {
@@ -497,6 +691,26 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                 return;
             }
         }
+        // Composer mode: send with context via agent chat bridge
+        if (composerMode) {
+            const config = COMPOSER_MODE_CONFIGS[composerMode];
+            config.beforeSend?.();
+            sendToAgentChat({
+                message: `${config.messagePrefix}${trimmed}`,
+                context: config.getContext(trimmed),
+                submit: true,
+            });
+            ed.commands.clearContent();
+            setEditorHasText(false);
+            setComposerMode(null);
+            composerModeRef.current = null;
+            try {
+                localStorage.removeItem(DRAFT_KEY);
+            }
+            catch { }
+            closePopover();
+            return;
+        }
         if (onSubmit) {
             onSubmit(text, references);
         }
@@ -510,7 +724,14 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
         }
         catch { }
         closePopover();
-    }, [closePopover, composerRuntime, editor, onSubmit, syncComposerState]);
+    }, [
+        closePopover,
+        composerMode,
+        composerRuntime,
+        editor,
+        onSubmit,
+        syncComposerState,
+    ]);
     // Helper functions that operate on the editor view directly
     // These are called from handleKeyDown which can't use React state
     function selectMention(view, pop, item) {
@@ -685,6 +906,10 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
           height: 0;
           pointer-events: none;
         }
-      ` }), _jsx("div", { className: "px-2 pt-2 pb-1", children: _jsx(EditorContent, { editor: editor, className: "aui-composer flex-1 min-w-0 [&_.ProseMirror]:outline-none [&_.ProseMirror_p]:m-0 px-0.5" }) }), voiceEnabled && _jsx(VoiceRecordingOverlay, { voice: voice }), _jsxs("div", { className: "flex items-center gap-1 px-2 py-1.5", children: [attachButton ?? (_jsx(ComposerPrimitive.AddAttachment, { asChild: true, children: _jsx("button", { type: "button", className: "shrink-0 flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50 disabled:opacity-30 disabled:cursor-not-allowed", title: "Attach files", children: _jsx(IconPlus, { className: "h-4 w-4" }) }) })), _jsx("div", { className: "flex-1" }), actionButton ?? (_jsxs(_Fragment, { children: [selectedModel && availableModels && onModelChange && (_jsx(ModelSelector, { model: selectedModel, engines: availableModels, onChange: onModelChange })), execMode && onExecModeChange && (_jsx(ModeSelector, { mode: execMode, onChange: onExecModeChange })), extraActionButton, voiceEnabled && (_jsx(VoiceButton, { voice: voice, isMac: isMac, disabled: disabled })), _jsx("button", { type: "button", onClick: submitComposer, disabled: !canSend, className: "shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed", title: "Send message", children: _jsx(IconArrowUp, { className: "h-3.5 w-3.5" }) })] }))] }), _jsx(MentionPopover, { ref: popoverRef, type: popover?.type ?? "@", position: popover?.position ?? null, mentionItems: mentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
+      ` }), composerMode && (_jsx("div", { className: "px-2.5 pt-2 pb-0", children: _jsx(ComposerModeChip, { mode: composerMode, onRemove: () => {
+                        setComposerMode(null);
+                        composerModeRef.current = null;
+                        editor?.commands.focus("end");
+                    } }) })), _jsx("div", { className: composerMode ? "px-2 pt-1 pb-1" : "px-2 pt-2 pb-1", children: _jsx(EditorContent, { editor: editor, className: "aui-composer flex-1 min-w-0 [&_.ProseMirror]:outline-none [&_.ProseMirror_p]:m-0 px-0.5" }) }), voiceEnabled && _jsx(VoiceRecordingOverlay, { voice: voice }), _jsxs("div", { className: "flex items-center gap-1 px-2 py-1.5", children: [attachButton ?? _jsx(ComposerPlusMenu, { onSelectMode: handleSelectMode }), _jsx("div", { className: "flex-1" }), actionButton ?? (_jsxs(_Fragment, { children: [selectedModel && availableModels && onModelChange && (_jsx(ModelSelector, { model: selectedModel, engines: availableModels, onChange: onModelChange })), execMode && onExecModeChange && (_jsx(ModeSelector, { mode: execMode, onChange: onExecModeChange })), voiceEnabled && (_jsx(VoiceButton, { voice: voice, isMac: isMac, disabled: disabled })), extraActionButton, _jsx("button", { type: "button", onClick: submitComposer, disabled: !canSend, className: "shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed", title: "Send message", children: _jsx(IconArrowUp, { className: "h-3.5 w-3.5" }) })] }))] }), _jsx(MentionPopover, { ref: popoverRef, type: popover?.type ?? "@", position: popover?.position ?? null, mentionItems: mentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
 }
 //# sourceMappingURL=TiptapComposer.js.map