@stigmer/react 0.0.36 → 0.0.40

package/attachment/useAttachments.js

@@ -0,0 +1,175 @@
+"use client";
+import { useCallback, useRef, useState } from "react";
+import { create } from "@bufbuild/protobuf";
+import { UploadAttachmentRequestSchema } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/io_pb";
+import { useStigmer } from "../hooks";
+import { toError } from "../internal/toError";
+import { detectContentType, validateAttachmentSize, } from "./attachment-utils";
+// ---------------------------------------------------------------------------
+// Hook
+// ---------------------------------------------------------------------------
+let nextId = 0;
+function generateId() {
+    return `attachment-${++nextId}-${Date.now()}`;
+}
+/**
+ * Behavior hook that manages file attachments for agent executions.
+ *
+ * Handles the full lifecycle: file validation, upload via
+ * `stigmer.agentExecution.uploadAttachment()`, progress tracking,
+ * error handling, and retry. Produces `AttachmentInput[]` ready
+ * for execution creation.
+ *
+ * Files are uploaded immediately on selection so the `storageKey`
+ * is available by the time the user submits their message.
+ *
+ * Platform builders who want custom attachment UI import this hook
+ * directly. The {@link SessionComposer} styled component uses it
+ * internally.
+ *
+ * @example
+ * ```tsx
+ * function CustomComposer() {
+ *   const attachments = useAttachments({
+ *     onValidationError: (msg) => toast.error(msg),
+ *   });
+ *
+ *   return (
+ *     <div>
+ *       <input
+ *         type="file"
+ *         multiple
+ *         onChange={(e) => {
+ *           if (e.target.files) attachments.addFiles(e.target.files);
+ *         }}
+ *       />
+ *       {attachments.entries.map((entry) => (
+ *         <div key={entry.id}>
+ *           {entry.file.name} — {entry.phase}
+ *           {entry.phase === "error" && (
+ *             <button onClick={() => attachments.retryEntry(entry.id)}>
+ *               Retry
+ *             </button>
+ *           )}
+ *           <button onClick={() => attachments.removeEntry(entry.id)}>
+ *             Remove
+ *           </button>
+ *         </div>
+ *       ))}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export function useAttachments(options) {
+    const stigmer = useStigmer();
+    const [entries, setEntries] = useState([]);
+    const abortControllers = useRef(new Map());
+    const uploadFile = useCallback(async (id, file, contentType) => {
+        const controller = new AbortController();
+        abortControllers.current.set(id, controller);
+        try {
+            const bytes = new Uint8Array(await file.arrayBuffer());
+            if (controller.signal.aborted)
+                return;
+            const response = await stigmer.agentExecution.uploadAttachment(create(UploadAttachmentRequestSchema, {
+                filename: file.name,
+                content: bytes,
+                contentType,
+            }));
+            if (controller.signal.aborted)
+                return;
+            setEntries((prev) => prev.map((e) => e.id === id
+                ? { ...e, phase: "ready", storageKey: response.storageKey, error: null }
+                : e));
+        }
+        catch (err) {
+            if (controller.signal.aborted)
+                return;
+            const message = toError(err).message;
+            setEntries((prev) => prev.map((e) => e.id === id
+                ? { ...e, phase: "error", error: message }
+                : e));
+        }
+        finally {
+            abortControllers.current.delete(id);
+        }
+    }, [stigmer]);
+    const addFiles = useCallback((files) => {
+        const fileArray = Array.from(files);
+        const validEntries = [];
+        for (const file of fileArray) {
+            const sizeError = validateAttachmentSize(file);
+            if (sizeError) {
+                options?.onValidationError?.(sizeError);
+                continue;
+            }
+            const id = generateId();
+            const contentType = detectContentType(file);
+            validEntries.push({
+                id,
+                file,
+                phase: "uploading",
+                contentType,
+                storageKey: null,
+                error: null,
+            });
+            uploadFile(id, file, contentType);
+        }
+        if (validEntries.length > 0) {
+            setEntries((prev) => [...prev, ...validEntries]);
+        }
+    }, [options, uploadFile]);
+    const removeEntry = useCallback((id) => {
+        const controller = abortControllers.current.get(id);
+        if (controller) {
+            controller.abort();
+            abortControllers.current.delete(id);
+        }
+        setEntries((prev) => prev.filter((e) => e.id !== id));
+    }, []);
+    const retryEntry = useCallback((id) => {
+        setEntries((prev) => {
+            const entry = prev.find((e) => e.id === id);
+            if (!entry || entry.phase !== "error")
+                return prev;
+            uploadFile(id, entry.file, entry.contentType);
+            return prev.map((e) => e.id === id
+                ? { ...e, phase: "uploading", error: null }
+                : e);
+        });
+    }, [uploadFile]);
+    const clear = useCallback(() => {
+        for (const controller of abortControllers.current.values()) {
+            controller.abort();
+        }
+        abortControllers.current.clear();
+        setEntries([]);
+    }, []);
+    const toAttachmentInputs = useCallback(() => {
+        return entries
+            .filter((e) => e.phase === "ready" && e.storageKey !== null)
+            .map((e) => ({
+            filename: e.file.name,
+            storageKey: e.storageKey,
+            contentType: e.contentType,
+        }));
+    }, [entries]);
+    const isUploading = entries.some((e) => e.phase === "uploading");
+    const readyCount = entries.filter((e) => e.phase === "ready").length;
+    const hasEntries = entries.length > 0;
+    const allReady = hasEntries && readyCount === entries.length;
+    return {
+        entries,
+        isUploading,
+        readyCount,
+        allReady,
+        hasEntries,
+        addFiles,
+        removeEntry,
+        retryEntry,
+        clear,
+        toAttachmentInputs,
+    };
+}
+//# sourceMappingURL=useAttachments.js.map

package/attachment/useAttachments.js.map

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

package/composer/ComposerToolbar.d.ts

@@ -0,0 +1,37 @@
+import { type ConfigureMenuItem } from "./ConfigureMenu";
+export interface ComposerToolbarProps {
+    readonly disabled: boolean;
+    readonly isSubmitting: boolean;
+    readonly canSend: boolean;
+    readonly onSend: () => void;
+    readonly showAttach: boolean;
+    readonly attachmentCount: number;
+    readonly onAttachClick: () => void;
+    readonly showWorkspace: boolean;
+    readonly workspaceCount: number;
+    /** Pre-built workspace editor content for the popover. */
+    readonly workspaceContent: React.ReactNode;
+    readonly configureItems: readonly ConfigureMenuItem[];
+    readonly configOpen: boolean;
+    readonly onConfigOpenChange: (open: boolean) => void;
+    readonly configActivePanel: string | null;
+    readonly onConfigActivePanelChange: (panel: string | null) => void;
+    /** Render the picker content for a given configure panel id. */
+    readonly renderConfigPanel: (itemId: string) => React.ReactNode;
+    readonly showModelSelector: boolean;
+    readonly modelId?: string;
+    readonly onModelChange: (id: string) => void;
+}
+/**
+ * Composer toolbar — Zone 3 of the SessionComposer.
+ *
+ * Renders a two-tier toolbar following the frequency-of-interaction principle:
+ *
+ * **Tier 1 (always visible):** Attach, Workspace
+ * **Tier 2 (behind Configure menu):** Agent, MCP, Skills, Secrets
+ * **Right edge:** Model Selector, Send
+ *
+ * Separators are placed between conceptual groups using Gestalt proximity.
+ */
+export declare function ComposerToolbar({ disabled, isSubmitting, canSend, onSend, showAttach, attachmentCount, onAttachClick, showWorkspace, workspaceCount, workspaceContent, configureItems, configOpen, onConfigOpenChange, configActivePanel, onConfigActivePanelChange, renderConfigPanel, showModelSelector, modelId, onModelChange, }: ComposerToolbarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ComposerToolbar.d.ts.map

package/composer/ComposerToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerToolbar.d.ts","sourceRoot":"","sources":["../../src/composer/ComposerToolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AASxE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAI5B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC;IAInC,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,0DAA0D;IAC1D,QAAQ,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAI3C,QAAQ,CAAC,cAAc,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACtD,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,QAAQ,CAAC,yBAAyB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,gEAAgE;IAChE,QAAQ,CAAC,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAIhE,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,MAAM,EACN,UAAU,EACV,eAAe,EACf,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,aAAa,GACd,EAAE,oBAAoB,2CAwFtB"}

package/composer/ComposerToolbar.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { ContextPopover } from "./ContextPopover";
+import { ConfigureMenu } from "./ConfigureMenu";
+import { ModelSelector } from "../models/ModelSelector";
+import { PaperclipIcon, WorkspaceIcon, ArrowUpIcon, SpinnerIcon, } from "./icons";
+/**
+ * Composer toolbar — Zone 3 of the SessionComposer.
+ *
+ * Renders a two-tier toolbar following the frequency-of-interaction principle:
+ *
+ * **Tier 1 (always visible):** Attach, Workspace
+ * **Tier 2 (behind Configure menu):** Agent, MCP, Skills, Secrets
+ * **Right edge:** Model Selector, Send
+ *
+ * Separators are placed between conceptual groups using Gestalt proximity.
+ */
+export function ComposerToolbar({ disabled, isSubmitting, canSend, onSend, showAttach, attachmentCount, onAttachClick, showWorkspace, workspaceCount, workspaceContent, configureItems, configOpen, onConfigOpenChange, configActivePanel, onConfigActivePanelChange, renderConfigPanel, showModelSelector, modelId, onModelChange, }) {
+    const hasTier1 = showAttach || showWorkspace;
+    const hasTier2 = configureItems.length > 0;
+    return (_jsxs("div", { className: "flex items-center justify-between gap-2 border-t border-border/50 px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [showAttach && (_jsxs("button", { type: "button", disabled: disabled, onClick: onAttachClick, className: cn("inline-flex items-center gap-1 rounded-md px-2 py-1.5 text-xs transition-colors", "text-muted-foreground hover:text-foreground hover:bg-accent/50", "disabled:pointer-events-none disabled:opacity-50"), "aria-label": "Attach files", children: [_jsx(PaperclipIcon, {}), _jsx("span", { children: "Attach" }), attachmentCount > 0 && (_jsx("span", { className: "rounded-full bg-primary/15 px-1.5 text-[0.6rem] font-medium text-primary", children: attachmentCount }))] })), showWorkspace && (_jsx(ContextPopover, { icon: _jsx(WorkspaceIcon, {}), label: "Workspace", count: workspaceCount, disabled: disabled, children: workspaceContent })), hasTier1 && hasTier2 && (_jsx("div", { className: "mx-0.5 h-4 w-px bg-border/50", "aria-hidden": "true" })), _jsx(ConfigureMenu, { open: configOpen, onOpenChange: onConfigOpenChange, activePanel: configActivePanel, onActivePanelChange: onConfigActivePanelChange, items: configureItems, renderPanel: renderConfigPanel, disabled: disabled }), (hasTier1 || hasTier2) && showModelSelector && (_jsx("div", { className: "mx-0.5 h-4 w-px bg-border/50", "aria-hidden": "true" })), showModelSelector && (_jsx(ModelSelector, { value: modelId, onValueChange: onModelChange, disabled: disabled }))] }), _jsx("button", { type: "button", disabled: !canSend, onClick: onSend, className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-40", "aria-label": "Send message", children: isSubmitting ? _jsx(SpinnerIcon, {}) : _jsx(ArrowUpIcon, {}) })] }));
+}
+//# sourceMappingURL=ComposerToolbar.js.map

package/composer/ComposerToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerToolbar.js","sourceRoot":"","sources":["../../src/composer/ComposerToolbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAA0B,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACL,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,GACZ,MAAM,SAAS,CAAC;AAsCjB;;;;;;;;;;GAUG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,MAAM,EACN,UAAU,EACV,eAAe,EACf,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,aAAa,GACQ;IACrB,MAAM,QAAQ,GAAG,UAAU,IAAI,aAAa,CAAC;IAC7C,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IAE3C,OAAO,CACL,eAAK,SAAS,EAAC,6EAA6E,aAC1F,eAAK,SAAS,EAAC,2BAA2B,aAGvC,UAAU,IAAI,CACb,kBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,gEAAgE,EAChE,kDAAkD,CACnD,gBACU,cAAc,aAEzB,KAAC,aAAa,KAAG,EACjB,oCAAmB,EAClB,eAAe,GAAG,CAAC,IAAI,CACtB,eAAM,SAAS,EAAC,0EAA0E,YACvF,eAAe,GACX,CACR,IACM,CACV,EAEA,aAAa,IAAI,CAChB,KAAC,cAAc,IACb,IAAI,EAAE,KAAC,aAAa,KAAG,EACvB,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,QAAQ,YAEjB,gBAAgB,GACF,CAClB,EAIA,QAAQ,IAAI,QAAQ,IAAI,CACvB,cAAK,SAAS,EAAC,8BAA8B,iBAAa,MAAM,GAAG,CACpE,EAID,KAAC,aAAa,IACZ,IAAI,EAAE,UAAU,EAChB,YAAY,EAAE,kBAAkB,EAChC,WAAW,EAAE,iBAAiB,EAC9B,mBAAmB,EAAE,yBAAyB,EAC9C,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,iBAAiB,EAC9B,QAAQ,EAAE,QAAQ,GAClB,EAID,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,iBAAiB,IAAI,CAC9C,cAAK,SAAS,EAAC,8BAA8B,iBAAa,MAAM,GAAG,CACpE,EAEA,iBAAiB,IAAI,CACpB,KAAC,aAAa,IACZ,KAAK,EAAE,OAAO,EACd,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,CACH,IACG,EAIN,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,OAAO,EAClB,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,wLAAwL,gBACvL,cAAc,YAExB,YAAY,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,GAC1C,IACL,CACP,CAAC;AACJ,CAAC"}

package/composer/ConfigureMenu.d.ts

@@ -0,0 +1,37 @@
+export interface ConfigureMenuItem {
+    readonly id: string;
+    readonly icon: React.ReactNode;
+    readonly label: string;
+    readonly count: number;
+    /** Show a warning indicator (e.g., MCP server needs setup). */
+    readonly hasWarning?: boolean;
+}
+export interface ConfigureMenuProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    /**
+     * Which panel is currently drilled into.
+     * `null` shows the menu list; a string shows that panel's content.
+     */
+    readonly activePanel: string | null;
+    readonly onActivePanelChange: (panel: string | null) => void;
+    readonly items: readonly ConfigureMenuItem[];
+    /**
+     * Render the content for a given panel id.
+     * Called only when `activePanel` matches an item id.
+     */
+    readonly renderPanel: (itemId: string) => React.ReactNode;
+    readonly disabled?: boolean;
+}
+/**
+ * Tier 2 configuration affordance for the composer toolbar.
+ *
+ * Renders a trigger button with an optional badge and warning indicator.
+ * Opens a popover that either shows a menu list (when no panel is active)
+ * or drills into the selected item's picker (when a panel is active).
+ *
+ * Uses a single popover with content switching rather than nested popovers,
+ * avoiding z-index and focus-trap issues.
+ */
+export declare function ConfigureMenu({ open, onOpenChange, activePanel, onActivePanelChange, items, renderPanel, disabled, }: ConfigureMenuProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ConfigureMenu.d.ts.map

package/composer/ConfigureMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigureMenu.d.ts","sourceRoot":"","sources":["../../src/composer/ConfigureMenu.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,KAAK,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC7C;;;OAGG;IACH,QAAQ,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,kBAAkB,kDAkEpB"}

package/composer/ConfigureMenu.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { Popover } from "@base-ui/react/popover";
+import { ConfigureIcon } from "./icons";
+/**
+ * Tier 2 configuration affordance for the composer toolbar.
+ *
+ * Renders a trigger button with an optional badge and warning indicator.
+ * Opens a popover that either shows a menu list (when no panel is active)
+ * or drills into the selected item's picker (when a panel is active).
+ *
+ * Uses a single popover with content switching rather than nested popovers,
+ * avoiding z-index and focus-trap issues.
+ */
+export function ConfigureMenu({ open, onOpenChange, activePanel, onActivePanelChange, items, renderPanel, disabled, }) {
+    const totalCount = items.reduce((sum, item) => sum + item.count, 0);
+    const hasWarning = items.some((item) => item.hasWarning);
+    const handleOpenChange = (nextOpen) => {
+        onOpenChange(nextOpen);
+        if (!nextOpen) {
+            onActivePanelChange(null);
+        }
+    };
+    if (items.length === 0)
+        return null;
+    const activePanelItem = activePanel
+        ? items.find((i) => i.id === activePanel)
+        : null;
+    return (_jsxs(Popover.Root, { open: open, onOpenChange: handleOpenChange, children: [_jsxs(Popover.Trigger, { disabled: disabled, className: cn("inline-flex items-center gap-1 rounded-md px-2 py-1.5 text-xs transition-colors", "text-muted-foreground hover:text-foreground hover:bg-accent/50", "disabled:pointer-events-none disabled:opacity-50"), "aria-label": "Configure agent, tools, and skills", children: [_jsx(ConfigureIcon, {}), _jsx("span", { children: "Configure" }), totalCount > 0 && (_jsx("span", { className: "rounded-full bg-primary/15 px-1.5 text-[0.6rem] font-medium text-primary", children: totalCount })), hasWarning && totalCount === 0 && (_jsx("span", { className: "inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-warning", "aria-label": "Configuration needed" }))] }), _jsx(Popover.Portal, { children: _jsx(Popover.Positioner, { sideOffset: 8, align: "start", children: _jsx(Popover.Popup, { className: cn("z-popover overflow-x-hidden overflow-y-auto rounded-lg border border-border", "bg-popover shadow-md text-popover-foreground", "max-h-[80vh]"), children: activePanelItem ? (_jsx(PanelView, { item: activePanelItem, onBack: () => onActivePanelChange(null), children: renderPanel(activePanel) })) : (_jsx(MenuList, { items: items, onSelect: onActivePanelChange })) }) }) })] }));
+}
+// ---------------------------------------------------------------------------
+// Menu list — shown when no panel is drilled into
+// ---------------------------------------------------------------------------
+function MenuList({ items, onSelect, }) {
+    return (_jsx("div", { className: "py-1", role: "menu", children: items.map((item) => (_jsxs("button", { type: "button", role: "menuitem", onClick: () => onSelect(item.id), className: cn("flex w-full items-center gap-2.5 px-3 py-2 text-sm transition-colors", "text-foreground hover:bg-accent/50"), children: [_jsx("span", { className: "shrink-0 text-muted-foreground", children: item.icon }), _jsx("span", { className: "flex-1 text-left", children: item.label }), item.hasWarning && (_jsx("span", { className: "inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-warning", "aria-label": "Needs configuration" })), item.count > 0 && (_jsx("span", { className: "rounded-full bg-primary/15 px-1.5 text-[0.6rem] font-medium text-primary", children: item.count })), _jsx(ChevronRightIcon, {})] }, item.id))) }));
+}
+// ---------------------------------------------------------------------------
+// Panel view — shown when a specific item is drilled into
+// ---------------------------------------------------------------------------
+function PanelView({ item, onBack, children, }) {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border/50 px-3 py-2", children: [_jsx("button", { type: "button", onClick: onBack, className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground", "aria-label": "Back to configuration menu", children: _jsx(ChevronLeftIcon, {}) }), _jsx("span", { className: "shrink-0 text-muted-foreground", children: item.icon }), _jsx("span", { className: "text-sm font-medium text-foreground", children: item.label })] }), _jsx("div", { className: "p-3", children: children })] }));
+}
+// ---------------------------------------------------------------------------
+// Icons — local to ConfigureMenu
+// ---------------------------------------------------------------------------
+function ChevronRightIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: _jsx("path", { d: "M6 4l4 4-4 4" }) }));
+}
+function ChevronLeftIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M10 4l-4 4 4 4" }) }));
+}
+//# sourceMappingURL=ConfigureMenu.js.map

package/composer/ConfigureMenu.js.map

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

package/composer/ContextChip.d.ts

@@ -0,0 +1,22 @@
+export interface ChipItem {
+    key: string;
+    label: string;
+    type: "agent" | "workspace" | "mcp" | "skill" | "secret";
+    onRemove: () => void;
+    /** MCP-only: drives visual variant (amber, muted+spinner, default). */
+    status?: "loading" | "needsSetup" | "submitting" | "ready";
+    /** MCP-only: secondary text before the remove button (e.g., "4/12"). */
+    detail?: string;
+    /** MCP-only: makes the label area clickable (e.g., open config popover). */
+    onClick?: () => void;
+}
+export declare function ContextChip({ label, type, onRemove, disabled, status, detail, onClick, }: {
+    label: string;
+    type: ChipItem["type"];
+    onRemove: () => void;
+    disabled?: boolean;
+    status?: ChipItem["status"];
+    detail?: string;
+    onClick?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContextChip.d.ts.map

package/composer/ContextChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextChip.d.ts","sourceRoot":"","sources":["../../src/composer/ContextChip.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,GAAG,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,YAAY,GAAG,OAAO,CAAC;IAC3D,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAUD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,2CA+DA"}

package/composer/ContextChip.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { ChipSpinner, XIcon } from "./icons";
+const CHIP_TYPE_LABELS = {
+    agent: "Agent",
+    workspace: "WS",
+    mcp: "MCP",
+    skill: "Skill",
+    secret: "1-time",
+};
+export function ContextChip({ label, type, onRemove, disabled, status, detail, onClick, }) {
+    const isTransient = status === "loading" || status === "submitting";
+    const isWarning = status === "needsSetup";
+    const labelContent = (_jsxs(_Fragment, { children: [isTransient && _jsx(ChipSpinner, {}), isWarning && (_jsx("span", { className: "inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-warning", "aria-hidden": "true" })), _jsx("span", { className: "text-[0.55rem] font-medium uppercase tracking-wider text-muted-foreground", children: CHIP_TYPE_LABELS[type] }), _jsx("span", { className: "max-w-[120px] truncate", title: label, children: label }), detail != null && (_jsx("span", { className: "shrink-0 text-[0.6rem] font-medium text-muted-foreground", children: detail }))] }));
+    return (_jsxs("span", { className: cn("inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-xs text-foreground", isWarning
+            ? "border border-warning/30 bg-warning/10"
+            : "bg-muted/50", isTransient && "opacity-70"), children: [onClick ? (_jsx("button", { type: "button", onClick: onClick, disabled: disabled, className: "inline-flex items-center gap-1 hover:opacity-80 disabled:pointer-events-none", "aria-label": `Configure ${label}`, children: labelContent })) : (_jsx("span", { className: "inline-flex items-center gap-1", children: labelContent })), _jsx("button", { type: "button", onClick: onRemove, disabled: disabled, className: "ml-0.5 shrink-0 text-muted-foreground hover:text-destructive disabled:pointer-events-none", "aria-label": `Remove ${label}`, children: _jsx(XIcon, {}) })] }));
+}
+//# sourceMappingURL=ContextChip.js.map

package/composer/ContextChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextChip.js","sourceRoot":"","sources":["../../src/composer/ContextChip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAe7C,MAAM,gBAAgB,GAAqC;IACzD,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,IAAI;IACf,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,GASR;IACC,MAAM,WAAW,GAAG,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,YAAY,CAAC;IACpE,MAAM,SAAS,GAAG,MAAM,KAAK,YAAY,CAAC;IAE1C,MAAM,YAAY,GAAG,CACnB,8BACG,WAAW,IAAI,KAAC,WAAW,KAAG,EAC9B,SAAS,IAAI,CACZ,eACE,SAAS,EAAC,2DAA2D,iBACzD,MAAM,GAClB,CACH,EACD,eAAM,SAAS,EAAC,2EAA2E,YACxF,gBAAgB,CAAC,IAAI,CAAC,GAClB,EACP,eAAM,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,KAAK,YAClD,KAAK,GACD,EACN,MAAM,IAAI,IAAI,IAAI,CACjB,eAAM,SAAS,EAAC,0DAA0D,YACvE,MAAM,GACF,CACR,IACA,CACJ,CAAC;IAEF,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,+EAA+E,EAC/E,SAAS;YACP,CAAC,CAAC,wCAAwC;YAC1C,CAAC,CAAC,aAAa,EACjB,WAAW,IAAI,YAAY,CAC5B,aAEA,OAAO,CAAC,CAAC,CAAC,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,8EAA8E,gBAC5E,aAAa,KAAK,EAAE,YAE/B,YAAY,GACN,CACV,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,gCAAgC,YAC7C,YAAY,GACR,CACR,EACD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,2FAA2F,gBACzF,UAAU,KAAK,EAAE,YAE7B,KAAC,KAAK,KAAG,GACF,IACJ,CACR,CAAC;AACJ,CAAC"}

package/composer/ContextPopover.d.ts

@@ -0,0 +1,10 @@
+export declare function ContextPopover({ icon, label, count, children, disabled, open, onOpenChange, }: {
+    icon: React.ReactNode;
+    label: string;
+    count: number;
+    children: React.ReactNode;
+    disabled?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContextPopover.d.ts.map

package/composer/ContextPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextPopover.d.ts","sourceRoot":"","sources":["../../src/composer/ContextPopover.tsx"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,YAAY,GACb,EAAE;IACD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,2CAkCA"}

package/composer/ContextPopover.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { Popover } from "@base-ui/react/popover";
+export function ContextPopover({ icon, label, count, children, disabled, open, onOpenChange, }) {
+    return (_jsxs(Popover.Root, { open: open, onOpenChange: onOpenChange, children: [_jsxs(Popover.Trigger, { disabled: disabled, className: cn("inline-flex items-center gap-1 rounded-md px-2 py-1.5 text-xs transition-colors", "text-muted-foreground hover:text-foreground hover:bg-accent/50", "disabled:pointer-events-none disabled:opacity-50"), children: [icon, _jsx("span", { children: label }), count > 0 && (_jsx("span", { className: "rounded-full bg-primary/15 px-1.5 text-[0.6rem] font-medium text-primary", children: count }))] }), _jsx(Popover.Portal, { children: _jsx(Popover.Positioner, { sideOffset: 8, align: "start", children: _jsx(Popover.Popup, { className: [
+                            "z-popover overflow-x-hidden overflow-y-auto rounded-lg border border-border",
+                            "bg-popover p-3 shadow-md text-popover-foreground",
+                            "max-h-[80vh]",
+                        ].join(" "), children: children }) }) })] }));
+}
+//# sourceMappingURL=ContextPopover.js.map

package/composer/ContextPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextPopover.js","sourceRoot":"","sources":["../../src/composer/ContextPopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,YAAY,GASb;IACC,OAAO,CACL,MAAC,OAAO,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aAClD,MAAC,OAAO,CAAC,OAAO,IACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,gEAAgE,EAChE,kDAAkD,CACnD,aAEA,IAAI,EACL,yBAAO,KAAK,GAAQ,EACnB,KAAK,GAAG,CAAC,IAAI,CACZ,eAAM,SAAS,EAAC,0EAA0E,YACvF,KAAK,GACD,CACR,IACe,EAClB,KAAC,OAAO,CAAC,MAAM,cACb,KAAC,OAAO,CAAC,UAAU,IAAC,UAAU,EAAE,CAAC,EAAE,KAAK,EAAC,OAAO,YAC9C,KAAC,OAAO,CAAC,KAAK,IACZ,SAAS,EAAE;4BACT,6EAA6E;4BAC7E,kDAAkD;4BAClD,cAAc;yBACf,CAAC,IAAI,CAAC,GAAG,CAAC,YAEV,QAAQ,GACK,GACG,GACN,IACJ,CAChB,CAAC;AACJ,CAAC"}