@agent-native/core 0.4.4 → 0.5.0-dev.b51eaae

package/dist/client/components/CodeRequiredDialog.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useCallback } from "react";
+import { createPortal } from "react-dom";
+import { IconPackageExport, IconCode, IconExternalLink, IconX, } from "@tabler/icons-react";
+/**
+ * Modal shown when a user tries to use a code-requiring feature in production.
+ * Offers two paths: local development or Builder.io agent.
+ * Uses inline styles (no Radix/Tailwind dependency).
+ */
+export function CodeRequiredDialog({ open, onClose, featureLabel, }) {
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Escape")
+            onClose();
+    }, [onClose]);
+    useEffect(() => {
+        if (open) {
+            document.addEventListener("keydown", handleKeyDown);
+            return () => document.removeEventListener("keydown", handleKeyDown);
+        }
+    }, [open, handleKeyDown]);
+    if (!open || typeof document === "undefined")
+        return null;
+    return createPortal(_jsx("div", { style: s.backdrop, onClick: onClose, children: _jsxs("div", { style: s.dialog, onClick: (e) => e.stopPropagation(), role: "dialog", "aria-modal": "true", children: [_jsxs("div", { style: s.header, children: [_jsx("div", { style: s.iconWrap, children: _jsx(IconPackageExport, { size: 20 }) }), _jsxs("div", { children: [_jsx("h2", { style: s.title, children: "Code changes required" }), _jsx("p", { style: s.subtitle, children: featureLabel
+                                        ? `"${featureLabel}" creates or modifies source code, which isn't available in deployed apps.`
+                                        : "This action creates or modifies source code, which isn't available in deployed apps." })] })] }), _jsxs("div", { style: s.options, children: [_jsxs("button", { style: s.optionCard, onMouseEnter: (e) => Object.assign(e.currentTarget.style, s.optionCardHover), onMouseLeave: (e) => Object.assign(e.currentTarget.style, { borderColor: "#e5e7eb" }), onClick: () => {
+                                onClose();
+                            }, children: [_jsx("div", { style: s.optionIcon, children: _jsx(IconCode, { size: 24 }) }), _jsxs("div", { style: s.optionText, children: [_jsx("span", { style: s.optionTitle, children: "Use local development" }), _jsxs("span", { style: s.optionDesc, children: ["Run the app locally with ", _jsx("code", { style: s.code, children: "pnpm dev" }), " to enable full code modification by the AI agent."] })] })] }), _jsxs("button", { style: s.optionCard, onMouseEnter: (e) => Object.assign(e.currentTarget.style, s.optionCardHover), onMouseLeave: (e) => Object.assign(e.currentTarget.style, { borderColor: "#e5e7eb" }), onClick: () => {
+                                onClose();
+                            }, children: [_jsx("div", { style: s.optionIcon, children: _jsx(IconExternalLink, { size: 24 }) }), _jsxs("div", { style: s.optionText, children: [_jsx("span", { style: s.optionTitle, children: "Use Builder.io Agent" }), _jsx("span", { style: s.optionDesc, children: "Let our cloud agent make the changes for you. You'll get a link to preview and deploy." })] }), _jsx("span", { style: s.badge, children: "Coming soon" })] })] }), _jsx("button", { style: s.closeButton, onClick: onClose, "aria-label": "Close", children: _jsx(IconX, { size: 16 }) })] }) }), document.body);
+}
+const s = {
+    backdrop: {
+        position: "fixed",
+        inset: 0,
+        background: "rgba(0, 0, 0, 0.5)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 99999,
+        padding: "16px",
+    },
+    dialog: {
+        position: "relative",
+        background: "#fff",
+        borderRadius: "12px",
+        maxWidth: "460px",
+        width: "100%",
+        padding: "24px",
+        boxShadow: "0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1)",
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+        color: "#111827",
+    },
+    header: {
+        display: "flex",
+        gap: "14px",
+        alignItems: "flex-start",
+        marginBottom: "20px",
+    },
+    iconWrap: {
+        flexShrink: 0,
+        width: "40px",
+        height: "40px",
+        borderRadius: "10px",
+        background: "#f3f4f6",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "#6b7280",
+    },
+    title: {
+        margin: 0,
+        fontSize: "16px",
+        fontWeight: 600,
+        lineHeight: "1.4",
+    },
+    subtitle: {
+        margin: "4px 0 0",
+        fontSize: "13px",
+        color: "#6b7280",
+        lineHeight: "1.5",
+    },
+    options: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "10px",
+    },
+    optionCard: {
+        position: "relative",
+        display: "flex",
+        alignItems: "flex-start",
+        gap: "14px",
+        padding: "14px",
+        border: "1px solid #e5e7eb",
+        borderRadius: "10px",
+        background: "transparent",
+        cursor: "pointer",
+        textAlign: "left",
+        width: "100%",
+        fontSize: "inherit",
+        fontFamily: "inherit",
+        color: "inherit",
+    },
+    optionCardHover: {
+        borderColor: "#a5b4fc",
+    },
+    optionIcon: {
+        flexShrink: 0,
+        color: "#6366f1",
+        marginTop: "2px",
+    },
+    optionText: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "2px",
+    },
+    optionTitle: {
+        fontSize: "14px",
+        fontWeight: 600,
+    },
+    optionDesc: {
+        fontSize: "12px",
+        color: "#6b7280",
+        lineHeight: "1.5",
+    },
+    code: {
+        background: "#f3f4f6",
+        padding: "1px 5px",
+        borderRadius: "4px",
+        fontSize: "11px",
+        fontFamily: "monospace",
+    },
+    badge: {
+        position: "absolute",
+        top: "10px",
+        right: "10px",
+        fontSize: "10px",
+        fontWeight: 600,
+        color: "#6366f1",
+        background: "#eef2ff",
+        padding: "2px 8px",
+        borderRadius: "99px",
+        textTransform: "uppercase",
+        letterSpacing: "0.5px",
+    },
+    closeButton: {
+        position: "absolute",
+        top: "12px",
+        right: "12px",
+        background: "transparent",
+        border: "none",
+        cursor: "pointer",
+        padding: "6px",
+        borderRadius: "6px",
+        color: "#9ca3af",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+};
+//# sourceMappingURL=CodeRequiredDialog.js.map

package/dist/client/components/CodeRequiredDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRequiredDialog.js","sourceRoot":"","sources":["../../../src/client/components/CodeRequiredDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,KAAK,GACN,MAAM,qBAAqB,CAAC;AAS7B;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,YAAY,GACY;IACxB,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAgB,EAAE,EAAE;QACnB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;YAAE,OAAO,EAAE,CAAC;IACpC,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACpD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACtE,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,IAAI,CAAC,IAAI,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAE1D,OAAO,YAAY,CACjB,cAAK,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,YACtC,eACE,KAAK,EAAE,CAAC,CAAC,MAAM,EACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,IAAI,EAAC,QAAQ,gBACF,MAAM,aAGjB,eAAK,KAAK,EAAE,CAAC,CAAC,MAAM,aAClB,cAAK,KAAK,EAAE,CAAC,CAAC,QAAQ,YACpB,KAAC,iBAAiB,IAAC,IAAI,EAAE,EAAE,GAAI,GAC3B,EACN,0BACE,aAAI,KAAK,EAAE,CAAC,CAAC,KAAK,sCAA4B,EAC9C,YAAG,KAAK,EAAE,CAAC,CAAC,QAAQ,YACjB,YAAY;wCACX,CAAC,CAAC,IAAI,YAAY,4EAA4E;wCAC9F,CAAC,CAAC,sFAAsF,GACxF,IACA,IACF,EAGN,eAAK,KAAK,EAAE,CAAC,CAAC,OAAO,aACnB,kBACE,KAAK,EAAE,CAAC,CAAC,UAAU,EACnB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAEzD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EAElE,OAAO,EAAE,GAAG,EAAE;gCACZ,OAAO,EAAE,CAAC;4BACZ,CAAC,aAED,cAAK,KAAK,EAAE,CAAC,CAAC,UAAU,YACtB,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,EACN,eAAK,KAAK,EAAE,CAAC,CAAC,UAAU,aACtB,eAAM,KAAK,EAAE,CAAC,CAAC,WAAW,sCAA8B,EACxD,gBAAM,KAAK,EAAE,CAAC,CAAC,UAAU,0CACE,eAAM,KAAK,EAAE,CAAC,CAAC,IAAI,yBAAiB,0DAExD,IACH,IACC,EAET,kBACE,KAAK,EAAE,CAAC,CAAC,UAAU,EACnB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAEzD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EAElE,OAAO,EAAE,GAAG,EAAE;gCACZ,OAAO,EAAE,CAAC;4BACZ,CAAC,aAED,cAAK,KAAK,EAAE,CAAC,CAAC,UAAU,YACtB,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,EACN,eAAK,KAAK,EAAE,CAAC,CAAC,UAAU,aACtB,eAAM,KAAK,EAAE,CAAC,CAAC,WAAW,qCAA6B,EACvD,eAAM,KAAK,EAAE,CAAC,CAAC,UAAU,uGAGlB,IACH,EACN,eAAM,KAAK,EAAE,CAAC,CAAC,KAAK,4BAAoB,IACjC,IACL,EAGN,iBAAQ,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,gBAAa,OAAO,YAChE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACZ,IACL,GACF,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,GAAwC;IAC7C,QAAQ,EAAE;QACR,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,oBAAoB;QAChC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,MAAM;KAChB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,SAAS,EACP,iEAAiE;QACnE,UAAU,EACR,mEAAmE;QACrE,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,UAAU,EAAE,YAAY;QACxB,YAAY,EAAE,MAAM;KACrB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,CAAC;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,SAAS;KACjB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,KAAK;KAClB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,KAAK;KAClB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,MAAM;KACZ;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,YAAY;QACxB,GAAG,EAAE,MAAM;QACX,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,mBAAmB;QAC3B,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE,SAAS;KACjB;IACD,eAAe,EAAE;QACf,WAAW,EAAE,SAAS;KACvB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,CAAC;QACb,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,KAAK;KACjB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,KAAK;KACX;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;KAChB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,KAAK;KAClB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,WAAW;KACxB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,MAAM;QACpB,aAAa,EAAE,WAAW;QAC1B,aAAa,EAAE,OAAO;KACvB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK;QACd,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC"}

package/dist/client/composer/MentionPopover.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { MentionItem, SkillResult } from "./types.js";
+export interface MentionPopoverRef {
+    moveUp: () => void;
+    moveDown: () => void;
+    getSelectedIndex: () => number;
+    getSelectedMention: () => MentionItem | null;
+}
+interface MentionPopoverProps {
+    type: "@" | "/";
+    position: {
+        top: number;
+        left: number;
+    } | null;
+    mentionItems: MentionItem[];
+    skills: SkillResult[];
+    hint?: string;
+    isLoading: boolean;
+    query: string;
+    onSelectMention: (item: MentionItem) => void;
+    onSelectSkill: (skill: SkillResult) => void;
+    onClose: () => void;
+}
+export declare const MentionPopover: React.ForwardRefExoticComponent<MentionPopoverProps & React.RefAttributes<MentionPopoverRef>>;
+export {};
+//# sourceMappingURL=MentionPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionPopover.d.ts","sourceRoot":"","sources":["../../../src/client/composer/MentionPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE3D,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,EAAE,MAAM,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CAC9C;AAED,UAAU,mBAAmB;IAC3B,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC/C,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAgED,eAAO,MAAM,cAAc,+FAgMzB,CAAC"}

package/dist/client/composer/MentionPopover.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useRef, useImperativeHandle, forwardRef, } from "react";
+import { createPortal } from "react-dom";
+import { IconFile, IconFolder, IconStack2, IconFileText, IconCheckbox, IconMail, IconUser, IconPresentation, IconMessageChatbot, } from "@tabler/icons-react";
+const iconProps = { size: 14, className: "shrink-0 text-muted-foreground" };
+function MentionItemIcon({ icon }) {
+    switch (icon) {
+        case "folder":
+            return _jsx(IconFolder, { ...iconProps });
+        case "document":
+            return _jsx(IconFileText, { ...iconProps });
+        case "form":
+            return _jsx(IconCheckbox, { ...iconProps });
+        case "email":
+            return _jsx(IconMail, { ...iconProps });
+        case "user":
+            return _jsx(IconUser, { ...iconProps });
+        case "deck":
+            return _jsx(IconPresentation, { ...iconProps });
+        case "agent":
+            return _jsx(IconMessageChatbot, { ...iconProps });
+        case "file":
+            return _jsx(IconFile, { ...iconProps });
+        default:
+            return _jsx(IconFile, { ...iconProps });
+    }
+}
+function HintWithLink({ hint }) {
+    // If hint contains a URL, split it and render the URL as a link
+    const urlMatch = hint.match(/(https?:\/\/\S+)/);
+    if (!urlMatch)
+        return _jsx(_Fragment, { children: hint });
+    const before = hint.slice(0, urlMatch.index);
+    const url = urlMatch[1];
+    return (_jsxs(_Fragment, { children: [before, _jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "underline hover:text-foreground", children: "Learn more" })] }));
+}
+function LoadingSkeleton() {
+    return (_jsx("div", { className: "space-y-1 p-1", children: [1, 2, 3].map((i) => (_jsxs("div", { className: "flex items-center gap-2 rounded px-2 py-1.5", children: [_jsx("div", { className: "h-3.5 w-3.5 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-3 rounded bg-muted animate-pulse", style: { width: `${60 + i * 20}px` } })] }, i))) }));
+}
+export const MentionPopover = forwardRef(function MentionPopover(props, ref) {
+    const { type, position, mentionItems, skills, hint, isLoading, query, onSelectMention, onSelectSkill, onClose, } = props;
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const listRef = useRef(null);
+    const itemCount = type === "@" ? mentionItems.length : skills.length;
+    // Group mention items by section for @ popover
+    const groupedMentions = React.useMemo(() => {
+        if (type !== "@")
+            return [];
+        const groups = new Map();
+        for (const item of mentionItems) {
+            const section = item.section || "Other";
+            if (!groups.has(section))
+                groups.set(section, []);
+            groups.get(section).push(item);
+        }
+        // Sort: Agents first, then template-specific, then Files, then Other
+        const sorted = [];
+        const knownSections = new Set(["Agents", "Files", "Other"]);
+        // Agents first
+        if (groups.has("Agents")) {
+            sorted.push({ section: "Agents", items: groups.get("Agents") });
+            groups.delete("Agents");
+        }
+        // Template-specific sections (anything not in knownSections)
+        for (const [section, items] of groups) {
+            if (!knownSections.has(section)) {
+                sorted.push({ section, items });
+            }
+        }
+        // Files
+        if (groups.has("Files")) {
+            sorted.push({ section: "Files", items: groups.get("Files") });
+        }
+        // Other
+        if (groups.has("Other")) {
+            sorted.push({ section: "Other", items: groups.get("Other") });
+        }
+        return sorted;
+    }, [type, mentionItems]);
+    // Flat list of mention items in section order for keyboard index tracking
+    const flatMentionItems = React.useMemo(() => {
+        return groupedMentions.flatMap((g) => g.items);
+    }, [groupedMentions]);
+    // Reset selection when items change
+    useEffect(() => {
+        setSelectedIndex(0);
+    }, [mentionItems, skills, query]);
+    // Scroll selected item into view
+    useEffect(() => {
+        const container = listRef.current;
+        if (!container)
+            return;
+        // Find the actual item element by data attribute
+        const selected = container.querySelector(`[data-mention-index="${selectedIndex}"]`);
+        if (selected) {
+            selected.scrollIntoView({ block: "nearest" });
+        }
+    }, [selectedIndex]);
+    useImperativeHandle(ref, () => ({
+        moveUp: () => {
+            setSelectedIndex((prev) => prev <= 0 ? Math.max(0, itemCount - 1) : prev - 1);
+        },
+        moveDown: () => {
+            setSelectedIndex((prev) => (prev >= itemCount - 1 ? 0 : prev + 1));
+        },
+        getSelectedIndex: () => selectedIndex,
+        getSelectedMention: () => flatMentionItems[selectedIndex] ?? null,
+    }));
+    if (!position)
+        return null;
+    const content = (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-[9998]", onClick: onClose }), _jsx("div", { className: "fixed z-[9999] w-[320px] overflow-y-auto rounded-lg border border-border bg-popover shadow-lg", style: {
+                    bottom: `calc(100vh - ${position.top}px + 4px)`,
+                    left: Math.max(8, Math.min(position.left, window.innerWidth - 336)),
+                    maxHeight: Math.min(320, position.top - 8),
+                }, children: isLoading && itemCount === 0 ? (_jsx(LoadingSkeleton, {})) : itemCount === 0 ? (_jsx("div", { className: "px-3 py-4 text-center text-xs text-muted-foreground", children: type === "@" ? (query ? ("No results found") : ("Type to search...")) : hint ? (_jsx(HintWithLink, { hint: hint })) : ("No skills available") })) : (_jsx("div", { ref: listRef, className: "p-1", children: type === "@"
+                        ? (() => {
+                            let flatIndex = 0;
+                            return groupedMentions.map((group) => (_jsxs("div", { children: [_jsx("div", { className: "px-2 pt-2 pb-1 text-[10px] font-medium text-muted-foreground/70 uppercase tracking-wider", children: group.section }), group.items.map((item) => {
+                                        const idx = flatIndex++;
+                                        return (_jsxs("button", { "data-mention-index": idx, className: `flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm ${idx === selectedIndex
+                                                ? "bg-accent text-accent-foreground"
+                                                : "hover:bg-accent/50"}`, onMouseEnter: () => setSelectedIndex(idx), onClick: () => onSelectMention(item), children: [_jsx(MentionItemIcon, { icon: item.icon }), _jsx("span", { className: "truncate text-sm", children: item.label }), item.description && (_jsx("span", { className: "ml-auto shrink-0 truncate max-w-[160px] text-xs text-muted-foreground", children: item.description }))] }, item.id));
+                                    })] }, group.section)));
+                        })()
+                        : skills.map((skill, i) => (_jsxs("button", { className: `flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm ${i === selectedIndex
+                                ? "bg-accent text-accent-foreground"
+                                : "hover:bg-accent/50"}`, onMouseEnter: () => setSelectedIndex(i), onClick: () => onSelectSkill(skill), children: [_jsx(IconStack2, { ...iconProps }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate text-sm", children: skill.name }), skill.description && (_jsx("span", { className: "block truncate text-xs text-muted-foreground", children: skill.description }))] })] }, skill.path))) })) })] }));
+    return createPortal(content, document.body);
+});
+//# sourceMappingURL=MentionPopover.js.map

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

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

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

@@ -0,0 +1,19 @@
+import React from "react";
+import type { Reference } from "./types.js";
+export interface TiptapComposerHandle {
+    focus(): void;
+}
+interface TiptapComposerProps {
+    placeholder?: string;
+    disabled?: boolean;
+    focusRef?: React.Ref<TiptapComposerHandle>;
+    /** When provided, called instead of composerRuntime.send(). Used for queue mode. */
+    onSubmit?: (text: string, references: Reference[]) => void;
+    /** Custom action button (e.g. stop button) to render instead of the default send button. */
+    actionButton?: React.ReactNode;
+    /** Custom attachment button to render instead of ComposerPrimitive.AddAttachment. */
+    attachButton?: React.ReactNode;
+}
+export declare function TiptapComposer({ placeholder, disabled, focusRef, onSubmit, actionButton, attachButton, }: TiptapComposerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TiptapComposer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TiptapComposer.d.ts","sourceRoot":"","sources":["../../../src/client/composer/TiptapComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAA4B,SAAS,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,WAAW,oBAAoB;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAED,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,qFAAqF;IACrF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AASD,wBAAgB,cAAc,CAAC,EAC7B,WAAgC,EAChC,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,2CAigBrB"}