@stigmer/react 0.4.8 → 0.5.1

package/inline-edit/InlineEditImage.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { cn } from "@stigmer/theme";
+/**
+ * Click-to-edit image URL field, displayed as an avatar.
+ *
+ * Shows the current image (or fallback icon). On click, reveals
+ * an input for entering a new image URL with confirm/cancel.
+ */
+export function InlineEditImage({ value, onSave, fallback, size = "md", disabled, isSaving, error, className, }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [draft, setDraft] = useState(value);
+    const [localError, setLocalError] = useState(null);
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (isEditing) {
+            setDraft(value);
+            setLocalError(null);
+            requestAnimationFrame(() => inputRef.current?.focus());
+        }
+    }, [isEditing, value]);
+    const handleConfirm = useCallback(async () => {
+        const trimmed = draft.trim();
+        if (trimmed === value) {
+            setIsEditing(false);
+            return;
+        }
+        if (trimmed && !isValidUrl(trimmed)) {
+            setLocalError("Enter a valid URL");
+            return;
+        }
+        const ok = await onSave(trimmed);
+        if (ok)
+            setIsEditing(false);
+    }, [draft, value, onSave]);
+    const handleCancel = useCallback(() => {
+        setIsEditing(false);
+        setDraft(value);
+        setLocalError(null);
+    }, [value]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Enter") {
+            e.preventDefault();
+            handleConfirm();
+        }
+        else if (e.key === "Escape")
+            handleCancel();
+    }, [handleConfirm, handleCancel]);
+    const sizeClasses = size === "sm" ? "size-6" : "size-8";
+    const displayError = localError || error;
+    if (disabled || !isEditing) {
+        return (_jsx("div", { className: cn("group/inline-edit inline-flex", className), children: _jsxs("button", { type: "button", onClick: () => { if (!disabled)
+                    setIsEditing(true); }, disabled: disabled, className: cn("relative rounded-md p-0.5 transition-colors", !disabled && "hover:bg-accent-hover cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), "aria-label": "Change icon", children: [value ? (_jsx("img", { src: value, alt: "", className: cn(sizeClasses, "shrink-0 rounded object-cover") })) : (fallback ?? _jsx(ImagePlaceholder, { className: cn(sizeClasses, "text-muted-foreground") })), !disabled && (_jsx("span", { className: "absolute -bottom-0.5 -right-0.5 flex size-4 items-center justify-center rounded-full bg-muted text-muted-foreground opacity-0 transition-opacity group-hover/inline-edit:opacity-100", children: _jsx(PencilIcon, { className: "size-2.5" }) }))] }) }));
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-1", className), children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("input", { ref: inputRef, type: "url", value: draft, onChange: (e) => { setDraft(e.target.value); setLocalError(null); }, onKeyDown: handleKeyDown, disabled: isSaving, placeholder: "https://example.com/icon.png", className: cn("flex-1 rounded-md border border-border bg-input-bg px-2 py-1 text-sm text-foreground", "focus:outline-none focus:ring-2 focus:ring-ring", "disabled:opacity-50", displayError && "border-destructive") }), _jsx("button", { type: "button", onClick: handleConfirm, disabled: isSaving, "aria-label": "Save", className: cn("inline-flex size-7 items-center justify-center rounded-md", "bg-primary text-primary-foreground hover:bg-primary-hover disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: isSaving ? _jsx(Spinner, {}) : _jsx(CheckIcon, { className: "size-3.5" }) }), _jsx("button", { type: "button", onClick: handleCancel, disabled: isSaving, "aria-label": "Cancel", className: cn("inline-flex size-7 items-center justify-center rounded-md", "border border-border bg-background text-foreground hover:bg-accent disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: _jsx(XIcon, { className: "size-3.5" }) }), draft && (_jsx("button", { type: "button", onClick: () => setDraft(""), disabled: isSaving, "aria-label": "Clear", className: "text-xs text-muted-foreground underline decoration-muted-foreground/40 underline-offset-2 hover:text-foreground", children: "Clear" }))] }), displayError && (_jsx("p", { className: "px-1 text-xs text-destructive", role: "alert", children: displayError }))] }));
+}
+function isValidUrl(s) {
+    try {
+        new URL(s);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function PencilIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M11.5 1.5a2.121 2.121 0 0 1 3 3L5 14l-4 1 1-4Z" }) }));
+}
+function CheckIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m3 8.5 3.5 3.5 6.5-8" }) }));
+}
+function XIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m4 4 8 8M12 4l-8 8" }) }));
+}
+function ImagePlaceholder({ className }) {
+    return (_jsxs("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1.5" }), _jsx("circle", { cx: "5.5", cy: "5.5", r: "1" }), _jsx("path", { d: "m14 10.5-3-3L4 14" })] }));
+}
+function Spinner() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=InlineEditImage.js.map

package/inline-edit/InlineEditImage.js.map

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

package/inline-edit/InlineEditKeyValue.d.ts

@@ -0,0 +1,33 @@
+import type { InlineEditBaseProps, KeyValueRow } from "./types";
+/** Props for {@link InlineEditKeyValue}. */
+export interface InlineEditKeyValueProps extends InlineEditBaseProps {
+    /** Current key-value entries. */
+    readonly value: readonly KeyValueRow[];
+    /** Called with the updated rows when a change is confirmed. */
+    readonly onSave: (rows: KeyValueRow[]) => Promise<boolean>;
+    /** Label for the "key" column. @default "Key" */
+    readonly keyLabel?: string;
+    /** Show the value alongside the key in read mode and provide a value input in edit mode. @default false */
+    readonly showValue?: boolean;
+    /** Label for the "value" column (only relevant when showValue is true). @default "Value" */
+    readonly valueLabel?: string;
+    /** Show the "secret" toggle per row. @default false */
+    readonly showSecretToggle?: boolean;
+    /** Show the "optional" toggle per row. @default false */
+    readonly showOptionalToggle?: boolean;
+    /** Show the description field per row. @default false */
+    readonly showDescription?: boolean;
+    /** Controlled editing state. */
+    readonly editing?: boolean;
+    /** Called when editing state changes (controlled mode). */
+    readonly onEditingChange?: (editing: boolean) => void;
+}
+/**
+ * Inline editor for key-value pair lists (env vars, tags, etc.).
+ *
+ * Read mode shows a compact table. Edit mode adds/removes/edits
+ * rows with per-row confirmation. The full updated list is saved
+ * when the user clicks "Save changes".
+ */
+export declare function InlineEditKeyValue({ value, onSave, keyLabel, showValue, valueLabel, showSecretToggle, showOptionalToggle, showDescription, editing: controlledEditing, onEditingChange, disabled, isSaving, error, className, }: InlineEditKeyValueProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InlineEditKeyValue.d.ts.map

package/inline-edit/InlineEditKeyValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEditKeyValue.d.ts","sourceRoot":"","sources":["../../src/inline-edit/InlineEditKeyValue.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEhE,4CAA4C;AAC5C,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,iCAAiC;IACjC,QAAQ,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IACvC,+DAA+D;IAC/D,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,2GAA2G;IAC3G,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,4FAA4F;IAC5F,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,uDAAuD;IACvD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,yDAAyD;IACzD,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IACtC,yDAAyD;IACzD,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,gCAAgC;IAChC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,2DAA2D;IAC3D,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,SAAiB,EACjB,UAAoB,EACpB,gBAAwB,EACxB,kBAA0B,EAC1B,eAAuB,EACvB,OAAO,EAAE,iBAAiB,EAC1B,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE,uBAAuB,2CAoNzB"}

package/inline-edit/InlineEditKeyValue.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { cn } from "@stigmer/theme";
+/**
+ * Inline editor for key-value pair lists (env vars, tags, etc.).
+ *
+ * Read mode shows a compact table. Edit mode adds/removes/edits
+ * rows with per-row confirmation. The full updated list is saved
+ * when the user clicks "Save changes".
+ */
+export function InlineEditKeyValue({ value, onSave, keyLabel = "Key", showValue = false, valueLabel = "Value", showSecretToggle = false, showOptionalToggle = false, showDescription = false, editing: controlledEditing, onEditingChange, disabled, isSaving, error, className, }) {
+    const [internalEditing, setInternalEditing] = useState(false);
+    const isEditing = controlledEditing ?? internalEditing;
+    const setIsEditing = useCallback((v) => {
+        setInternalEditing(v);
+        onEditingChange?.(v);
+    }, [onEditingChange]);
+    useEffect(() => {
+        if (controlledEditing !== undefined)
+            setInternalEditing(controlledEditing);
+    }, [controlledEditing]);
+    const [draft, setDraft] = useState([...value]);
+    const handleEdit = useCallback(() => {
+        setDraft([...value]);
+        setIsEditing(true);
+    }, [value, setIsEditing]);
+    const handleCancel = useCallback(() => {
+        setIsEditing(false);
+        setDraft([...value]);
+    }, [value, setIsEditing]);
+    const handleSave = useCallback(async () => {
+        const filtered = draft.filter((r) => r.key.trim());
+        const ok = await onSave(filtered);
+        if (ok)
+            setIsEditing(false);
+    }, [draft, onSave, setIsEditing]);
+    const updateRow = useCallback((index, patch) => {
+        setDraft((prev) => prev.map((r, i) => (i === index ? { ...r, ...patch } : r)));
+    }, []);
+    const removeRow = useCallback((index) => {
+        setDraft((prev) => prev.filter((_, i) => i !== index));
+    }, []);
+    const addRow = useCallback(() => {
+        setDraft((prev) => [...prev, { key: "", value: "", isSecret: false, description: "" }]);
+    }, []);
+    if (disabled || !isEditing) {
+        return (_jsx("div", { className: cn("flex flex-col", className), children: value.length > 0 ? (_jsx("div", { className: "flex flex-col divide-y divide-border", children: value.map((row) => (_jsxs("div", { className: "flex items-start gap-3 px-3 py-2.5", children: [_jsx("code", { className: "shrink-0 font-mono text-sm font-medium text-foreground", children: row.key }), showValue && (_jsx("span", { className: "min-w-0 break-all font-mono text-xs text-muted-foreground", children: row.value })), showSecretToggle && (_jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: row.isSecret ? "secret" : "config" })), showOptionalToggle && row.optional && (_jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground-subtle", children: "optional" })), row.description && (_jsx("span", { className: "text-xs text-muted-foreground", children: row.description }))] }, row.key))) })) : (_jsx("p", { className: "px-3 py-3 text-xs text-muted-foreground italic", children: "No entries" })) }));
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-3", className), children: [draft.map((row, i) => (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-border bg-muted-faint p-2.5", children: [_jsxs("div", { className: "flex flex-1 flex-col gap-1.5", children: [_jsx("input", { type: "text", value: row.key, onChange: (e) => updateRow(i, { key: e.target.value }), placeholder: keyLabel, className: cn("rounded-md border border-border bg-input-bg px-2 py-1 font-mono text-sm text-foreground", "focus:outline-none focus:ring-2 focus:ring-ring") }), showValue && (_jsx("input", { type: "text", value: row.value, onChange: (e) => updateRow(i, { value: e.target.value }), placeholder: valueLabel, className: cn("rounded-md border border-border bg-input-bg px-2 py-1 font-mono text-sm text-foreground", "focus:outline-none focus:ring-2 focus:ring-ring") })), showDescription && (_jsx("input", { type: "text", value: row.description ?? "", onChange: (e) => updateRow(i, { description: e.target.value }), placeholder: "Description", className: cn("rounded-md border border-border bg-input-bg px-2 py-1 text-xs text-foreground", "focus:outline-none focus:ring-2 focus:ring-ring") })), _jsxs("div", { className: "flex items-center gap-3", children: [showSecretToggle && (_jsxs("label", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: row.isSecret ?? false, onChange: (e) => updateRow(i, { isSecret: e.target.checked }), className: "size-3.5 rounded border-border" }), "Secret"] })), showOptionalToggle && (_jsxs("label", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: row.optional ?? false, onChange: (e) => updateRow(i, { optional: e.target.checked }), className: "size-3.5 rounded border-border" }), "Optional"] }))] })] }), _jsx("button", { type: "button", onClick: () => removeRow(i), "aria-label": `Remove ${row.key || "entry"}`, className: cn("mt-1 inline-flex size-6 items-center justify-center rounded-md text-muted-foreground", "hover:bg-destructive-subtle hover:text-destructive", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: _jsx(TrashIcon, { className: "size-3.5" }) })] }, i))), _jsxs("button", { type: "button", onClick: addRow, className: cn("inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-xs font-medium", "border border-dashed border-border text-muted-foreground", "hover:border-muted-foreground hover:text-foreground hover:bg-muted-subtle", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "transition-colors"), children: [_jsx(PlusIcon, { className: "size-3" }), "Add entry"] }), _jsxs("div", { className: "flex items-center justify-end gap-1.5", children: [_jsx("button", { type: "button", onClick: handleCancel, disabled: isSaving, className: cn("rounded-md px-2.5 py-1 text-xs font-medium", "border border-border bg-background text-foreground hover:bg-accent", "disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Cancel" }), _jsxs("button", { type: "button", onClick: handleSave, disabled: isSaving, className: cn("inline-flex items-center gap-1 rounded-md px-2.5 py-1 text-xs font-medium", "bg-primary text-primary-foreground hover:bg-primary-hover", "disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: [isSaving && _jsx(Spinner, {}), "Save changes"] })] }), error && (_jsx("p", { className: "px-1 text-xs text-destructive", role: "alert", children: error }))] }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function PencilIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M11.5 1.5a2.121 2.121 0 0 1 3 3L5 14l-4 1 1-4Z" }) }));
+}
+function PlusIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M8 3v10M3 8h10" }) }));
+}
+function TrashIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M2 4h12M5.333 4V2.667a1.333 1.333 0 0 1 1.334-1.334h2.666a1.333 1.333 0 0 1 1.334 1.334V4M12.667 4v9.333a1.333 1.333 0 0 1-1.334 1.334H4.667a1.333 1.333 0 0 1-1.334-1.334V4" }) }));
+}
+function Spinner() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=InlineEditKeyValue.js.map

package/inline-edit/InlineEditKeyValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEditKeyValue.js","sourceRoot":"","sources":["../../src/inline-edit/InlineEditKeyValue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AA2BpC;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,OAAO,EACpB,gBAAgB,GAAG,KAAK,EACxB,kBAAkB,GAAG,KAAK,EAC1B,eAAe,GAAG,KAAK,EACvB,OAAO,EAAE,iBAAiB,EAC1B,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,GACe;IACxB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,iBAAiB,IAAI,eAAe,CAAC;IACvD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAU,EAAE,EAAE;QACb,kBAAkB,CAAC,CAAC,CAAC,CAAC;QACtB,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,KAAK,SAAS;YAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IAC7E,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAE9D,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QACrB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1B,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;QACnD,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC;QAClC,IAAI,EAAE;YAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAElC,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,KAA2B,EAAE,EAAE;QAC3E,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QAC9C,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC1F,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;QAC3B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,YAC3C,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,sCAAsC,YAClD,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,eAAmB,SAAS,EAAC,oCAAoC,aAC/D,eAAM,SAAS,EAAC,wDAAwD,YACrE,GAAG,CAAC,GAAG,GACH,EACN,SAAS,IAAI,CACZ,eAAM,SAAS,EAAC,2DAA2D,YACxE,GAAG,CAAC,KAAK,GACL,CACR,EACA,gBAAgB,IAAI,CACnB,eAAM,SAAS,EAAC,uFAAuF,YACpG,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAC9B,CACR,EACA,kBAAkB,IAAI,GAAG,CAAC,QAAQ,IAAI,CACrC,eAAM,SAAS,EAAC,8FAA8F,yBAEvG,CACR,EACA,GAAG,CAAC,WAAW,IAAI,CAClB,eAAM,SAAS,EAAC,+BAA+B,YAAE,GAAG,CAAC,WAAW,GAAQ,CACzE,KArBO,GAAG,CAAC,GAAG,CAsBX,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,gDAAgD,2BAAe,CAC7E,GACG,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACjD,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,eAAa,SAAS,EAAC,6EAA6E,aAClG,eAAK,SAAS,EAAC,8BAA8B,aAC3C,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,GAAG,CAAC,GAAG,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EACtD,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,iDAAiD,CAClD,GACD,EACD,SAAS,IAAI,CACZ,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EACxD,WAAW,EAAE,UAAU,EACvB,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,iDAAiD,CAClD,GACD,CACH,EACA,eAAe,IAAI,CAClB,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,GAAG,CAAC,WAAW,IAAI,EAAE,EAC5B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAC9D,WAAW,EAAC,aAAa,EACzB,SAAS,EAAE,EAAE,CACX,+EAA+E,EAC/E,iDAAiD,CAClD,GACD,CACH,EACD,eAAK,SAAS,EAAC,yBAAyB,aACrC,gBAAgB,IAAI,CACnB,iBAAO,SAAS,EAAC,+EAA+E,aAC9F,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,CAAC,QAAQ,IAAI,KAAK,EAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,EAC7D,SAAS,EAAC,gCAAgC,GAC1C,cAEI,CACT,EACA,kBAAkB,IAAI,CACrB,iBAAO,SAAS,EAAC,+EAA+E,aAC9F,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,CAAC,QAAQ,IAAI,KAAK,EAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,EAC7D,SAAS,EAAC,gCAAgC,GAC1C,gBAEI,CACT,IACG,IACF,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,gBACf,UAAU,GAAG,CAAC,GAAG,IAAI,OAAO,EAAE,EAC1C,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,oDAAoD,EACpD,yEAAyE,CAC1E,YAED,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,GAAG,GAC3B,KAxED,CAAC,CAyEL,CACP,CAAC,EAEF,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,0DAA0D,EAC1D,2EAA2E,EAC3E,yEAAyE,EACzE,mBAAmB,CACpB,aAED,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,iBAExB,EAET,eAAK,SAAS,EAAC,uCAAuC,aACpD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,oEAAoE,EACpE,qBAAqB,EACrB,yEAAyE,CAC1E,uBAGM,EACT,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,2DAA2D,EAC3D,qBAAqB,EACrB,yEAAyE,CAC1E,aAEA,QAAQ,IAAI,KAAC,OAAO,KAAG,oBAEjB,IACL,EAEL,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,+BAA+B,EAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAK,CACtE,IACG,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,QAAQ;AACR,8EAA8E;AAE9E,SAAS,UAAU,CAAC,EAAE,SAAS,EAAmC;IAChE,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,iBAAa,MAAM,YAChK,eAAM,CAAC,EAAC,gDAAgD,GAAG,GACvD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAmC;IAC9D,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,iBAAa,MAAM,YACvI,eAAM,CAAC,EAAC,gBAAgB,GAAG,GACvB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAmC;IAC/D,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,iBAAa,MAAM,YAChK,eAAM,CAAC,EAAC,8KAA8K,GAAG,GACrL,CACP,CAAC;AACJ,CAAC;AAED,SAAS,OAAO;IACd,OAAO,CACL,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,SAAS,EAAC,cAAc,iBAAa,MAAM,YACjK,eAAM,CAAC,EAAC,oBAAoB,GAAG,GAC3B,CACP,CAAC;AACJ,CAAC"}

package/inline-edit/InlineEditResourceList.d.ts

@@ -0,0 +1,34 @@
+import type { InlineEditBaseProps, ResourceRefRow } from "./types";
+/** Props for {@link InlineEditResourceList}. */
+export interface InlineEditResourceListProps extends InlineEditBaseProps {
+    /** Current resource references. */
+    readonly value: readonly ResourceRefRow[];
+    /** Called with the updated list when a change is confirmed. */
+    readonly onSave: (refs: ResourceRefRow[]) => Promise<boolean>;
+    /**
+     * Inline picker rendered when the user clicks "Add".
+     * Receives `onSelect` to call when a resource is chosen.
+     * The consumer provides the appropriate domain-specific picker.
+     */
+    readonly renderPicker?: (onSelect: (ref: ResourceRefRow) => void) => React.ReactNode;
+    /** Click handler for navigating to a referenced resource. */
+    readonly onItemClick?: (ref: ResourceRefRow) => void;
+    /** Icon rendered next to each item. */
+    readonly itemIcon?: React.ReactNode;
+    /** Label for the resource type (e.g. "MCP Server", "Skill"). */
+    readonly resourceLabel?: string;
+    /** Controlled editing state. When provided, component is in controlled mode. */
+    readonly editing?: boolean;
+    /** Called when editing state changes (controlled mode). */
+    readonly onEditingChange?: (editing: boolean) => void;
+    /** Default org to pre-fill in the generic add form. */
+    readonly defaultOrg?: string;
+}
+/**
+ * Inline editor for a list of resource references.
+ *
+ * Read mode shows clickable reference items. Edit mode adds a remove
+ * button per item and an "Add" button that reveals the domain picker.
+ */
+export declare function InlineEditResourceList({ value, onSave, renderPicker, onItemClick, itemIcon, resourceLabel, editing: controlledEditing, onEditingChange, defaultOrg, disabled, isSaving, error, className, }: InlineEditResourceListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InlineEditResourceList.d.ts.map

package/inline-edit/InlineEditResourceList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEditResourceList.d.ts","sourceRoot":"","sources":["../../src/inline-edit/InlineEditResourceList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEnE,gDAAgD;AAChD,MAAM,WAAW,2BAA4B,SAAQ,mBAAmB;IACtE,mCAAmC;IACnC,QAAQ,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IAC1C,+DAA+D;IAC/D,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9D;;;;OAIG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACrF,6DAA6D;IAC7D,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,uCAAuC;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gEAAgE;IAChE,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,gFAAgF;IAChF,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,2DAA2D;IAC3D,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,uDAAuD;IACvD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,MAAM,EACN,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,aAA0B,EAC1B,OAAO,EAAE,iBAAiB,EAC1B,eAAe,EACf,UAAe,EACf,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE,2BAA2B,2CA4O7B"}

package/inline-edit/InlineEditResourceList.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { cn } from "@stigmer/theme";
+/**
+ * Inline editor for a list of resource references.
+ *
+ * Read mode shows clickable reference items. Edit mode adds a remove
+ * button per item and an "Add" button that reveals the domain picker.
+ */
+export function InlineEditResourceList({ value, onSave, renderPicker, onItemClick, itemIcon, resourceLabel = "resource", editing: controlledEditing, onEditingChange, defaultOrg = "", disabled, isSaving, error, className, }) {
+    const [internalEditing, setInternalEditing] = useState(false);
+    const isEditing = controlledEditing ?? internalEditing;
+    const setIsEditing = useCallback((v) => {
+        setInternalEditing(v);
+        onEditingChange?.(v);
+    }, [onEditingChange]);
+    useEffect(() => {
+        if (controlledEditing !== undefined)
+            setInternalEditing(controlledEditing);
+    }, [controlledEditing]);
+    const [draft, setDraft] = useState([...value]);
+    const [showPicker, setShowPicker] = useState(false);
+    const [showGenericAdd, setShowGenericAdd] = useState(false);
+    const [addSlug, setAddSlug] = useState("");
+    const [addOrg, setAddOrg] = useState(defaultOrg);
+    const handleEdit = useCallback(() => {
+        setDraft([...value]);
+        setIsEditing(true);
+        setShowPicker(false);
+        setShowGenericAdd(false);
+    }, [value, setIsEditing]);
+    const handleCancel = useCallback(() => {
+        setIsEditing(false);
+        setDraft([...value]);
+        setShowPicker(false);
+        setShowGenericAdd(false);
+    }, [value, setIsEditing]);
+    const handleSave = useCallback(async () => {
+        const ok = await onSave(draft);
+        if (ok) {
+            setIsEditing(false);
+            setShowPicker(false);
+            setShowGenericAdd(false);
+        }
+    }, [draft, onSave, setIsEditing]);
+    const removeItem = useCallback((index) => {
+        setDraft((prev) => prev.filter((_, i) => i !== index));
+    }, []);
+    const addItem = useCallback((ref) => {
+        setDraft((prev) => {
+            const exists = prev.some((r) => r.org === ref.org && r.slug === ref.slug);
+            if (exists)
+                return prev;
+            return [...prev, ref];
+        });
+        setShowPicker(false);
+    }, []);
+    if (disabled || !isEditing) {
+        return (_jsx("div", { className: cn("flex flex-col", className), children: value.length > 0 ? (_jsx("div", { className: "flex flex-col divide-y divide-border", children: value.map((ref, index) => {
+                    const label = ref.label ?? ref.slug;
+                    const row = (_jsxs("div", { className: "flex items-center gap-3", children: [itemIcon && _jsx("span", { className: "size-4 shrink-0 text-muted-foreground", children: itemIcon }), _jsx("span", { className: "text-sm font-medium text-foreground", children: label })] }));
+                    return onItemClick ? (_jsx("button", { type: "button", onClick: () => onItemClick(ref), className: cn("w-full px-3 py-2.5 text-left transition-colors", "hover:bg-accent-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"), children: row }, `${ref.org}/${ref.slug}` || index)) : (_jsx("div", { className: "px-3 py-2.5", children: row }, `${ref.org}/${ref.slug}` || index));
+                }) })) : (_jsxs("p", { className: "px-3 py-3 text-xs text-muted-foreground italic", children: ["No ", resourceLabel, "s configured"] })) }));
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [draft.length > 0 && (_jsx("div", { className: "flex flex-col divide-y divide-border rounded-md border border-border", children: draft.map((ref, i) => (_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [itemIcon && _jsx("span", { className: "size-4 shrink-0 text-muted-foreground", children: itemIcon }), _jsx("span", { className: "flex-1 text-sm font-medium text-foreground", children: ref.label ?? ref.slug }), _jsx("button", { type: "button", onClick: () => removeItem(i), "aria-label": `Remove ${ref.label ?? ref.slug}`, className: cn("inline-flex size-6 items-center justify-center rounded-md text-muted-foreground", "hover:bg-destructive-subtle hover:text-destructive", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: _jsx(XIcon, { className: "size-3.5" }) })] }, `${ref.org}/${ref.slug}`))) })), showPicker && renderPicker ? (_jsx("div", { className: "rounded-md border border-border bg-muted-faint p-2", children: renderPicker(addItem) })) : showGenericAdd ? (_jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-muted-faint p-2", children: [_jsx("input", { type: "text", value: addOrg, onChange: (e) => setAddOrg(e.target.value), placeholder: "org", className: cn("w-24 rounded-md border border-border bg-input-bg px-2 py-1 text-xs text-foreground", "focus:outline-none focus:ring-2 focus:ring-ring") }), _jsx("span", { className: "text-xs text-muted-foreground", children: "/" }), _jsx("input", { type: "text", value: addSlug, onChange: (e) => setAddSlug(e.target.value), placeholder: "slug", onKeyDown: (e) => {
+                            if (e.key === "Enter" && addSlug.trim()) {
+                                addItem({ org: addOrg.trim() || defaultOrg, slug: addSlug.trim(), label: addSlug.trim() });
+                                setAddSlug("");
+                                setShowGenericAdd(false);
+                            }
+                            else if (e.key === "Escape") {
+                                setShowGenericAdd(false);
+                                setAddSlug("");
+                            }
+                        }, className: cn("flex-1 rounded-md border border-border bg-input-bg px-2 py-1 text-xs text-foreground", "focus:outline-none focus:ring-2 focus:ring-ring") }), _jsx("button", { type: "button", onClick: () => {
+                            if (addSlug.trim()) {
+                                addItem({ org: addOrg.trim() || defaultOrg, slug: addSlug.trim(), label: addSlug.trim() });
+                                setAddSlug("");
+                                setShowGenericAdd(false);
+                            }
+                        }, disabled: !addSlug.trim(), className: cn("inline-flex size-6 items-center justify-center rounded-md", "bg-primary text-primary-foreground hover:bg-primary-hover", "disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: _jsx(PlusIcon, { className: "size-3" }) })] })) : (_jsxs("button", { type: "button", onClick: () => renderPicker ? setShowPicker(true) : setShowGenericAdd(true), className: cn("inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-xs font-medium", "border border-dashed border-border text-muted-foreground", "hover:border-muted-foreground hover:text-foreground hover:bg-muted-subtle", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "transition-colors"), children: [_jsx(PlusIcon, { className: "size-3" }), "Add ", resourceLabel] })), _jsxs("div", { className: "flex items-center justify-end gap-1.5", children: [_jsx("button", { type: "button", onClick: handleCancel, disabled: isSaving, className: cn("rounded-md px-2.5 py-1 text-xs font-medium", "border border-border bg-background text-foreground hover:bg-accent", "disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Cancel" }), _jsxs("button", { type: "button", onClick: handleSave, disabled: isSaving, className: cn("inline-flex items-center gap-1 rounded-md px-2.5 py-1 text-xs font-medium", "bg-primary text-primary-foreground hover:bg-primary-hover", "disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: [isSaving && _jsx(Spinner, {}), "Save changes"] })] }), error && (_jsx("p", { className: "px-1 text-xs text-destructive", role: "alert", children: error }))] }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function PencilIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M11.5 1.5a2.121 2.121 0 0 1 3 3L5 14l-4 1 1-4Z" }) }));
+}
+function PlusIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M8 3v10M3 8h10" }) }));
+}
+function XIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m4 4 8 8M12 4l-8 8" }) }));
+}
+function Spinner() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=InlineEditResourceList.js.map

package/inline-edit/InlineEditResourceList.js.map

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

package/inline-edit/InlineEditSelect.d.ts

@@ -0,0 +1,18 @@
+import type { InlineEditBaseProps, SelectOption } from "./types";
+/** Props for {@link InlineEditSelect}. */
+export interface InlineEditSelectProps extends InlineEditBaseProps {
+    /** Current selected value. */
+    readonly value: string;
+    /** Available options. */
+    readonly options: readonly SelectOption[];
+    /** Called when the user selects a new option. */
+    readonly onSave: (newValue: string) => Promise<boolean>;
+}
+/**
+ * Click-to-edit single-choice selector.
+ *
+ * In read mode, shows the current option label. On click, opens a radio
+ * group with all options. Selection triggers immediate save.
+ */
+export declare function InlineEditSelect({ value, options, onSave, disabled, isSaving, error, className, }: InlineEditSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InlineEditSelect.d.ts.map

package/inline-edit/InlineEditSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEditSelect.d.ts","sourceRoot":"","sources":["../../src/inline-edit/InlineEditSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEjE,0CAA0C;AAC1C,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,8BAA8B;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IAC1C,iDAAiD;IACjD,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACzD;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE,qBAAqB,2CAmGvB"}

package/inline-edit/InlineEditSelect.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { cn } from "@stigmer/theme";
+/**
+ * Click-to-edit single-choice selector.
+ *
+ * In read mode, shows the current option label. On click, opens a radio
+ * group with all options. Selection triggers immediate save.
+ */
+export function InlineEditSelect({ value, options, onSave, disabled, isSaving, error, className, }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const containerRef = useRef(null);
+    const currentLabel = options.find((o) => o.value === value)?.label ?? value;
+    useEffect(() => {
+        if (!isEditing)
+            return;
+        const handleClickOutside = (e) => {
+            if (containerRef.current && !containerRef.current.contains(e.target)) {
+                setIsEditing(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [isEditing]);
+    const handleSelect = useCallback(async (newValue) => {
+        if (newValue === value) {
+            setIsEditing(false);
+            return;
+        }
+        const ok = await onSave(newValue);
+        if (ok)
+            setIsEditing(false);
+    }, [value, onSave]);
+    if (disabled || !isEditing) {
+        return (_jsx("div", { className: cn("group/inline-edit", className), children: _jsxs("button", { type: "button", onClick: () => { if (!disabled)
+                    setIsEditing(true); }, disabled: disabled, className: cn("inline-flex items-center gap-1.5 rounded-md px-1.5 py-0.5 text-left transition-colors", !disabled && "hover:bg-accent-hover cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"), children: [_jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-xs font-medium text-foreground", children: currentLabel }), !disabled && (_jsx(ChevronDownIcon, { className: "size-3 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover/inline-edit:opacity-100" }))] }) }));
+    }
+    return (_jsxs("div", { ref: containerRef, className: cn("flex flex-col gap-1", className), children: [_jsx("div", { className: "rounded-lg border border-border bg-background p-1", role: "radiogroup", children: options.map((option) => (_jsxs("button", { type: "button", role: "radio", "aria-checked": option.value === value, disabled: isSaving, onClick: () => handleSelect(option.value), className: cn("flex w-full items-start gap-2 rounded-md px-2.5 py-1.5 text-left transition-colors", option.value === value
+                        ? "bg-muted-subtle text-foreground"
+                        : "hover:bg-accent-hover text-foreground", "disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"), children: [_jsx("div", { className: cn("mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border", option.value === value
+                                ? "border-primary bg-primary"
+                                : "border-muted-foreground"), children: option.value === value && (_jsx("div", { className: "size-1.5 rounded-full bg-primary-foreground" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "text-sm font-medium", children: option.label }), option.description && (_jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: option.description }))] }), isSaving && option.value !== value && (_jsx(Spinner, {}))] }, option.value))) }), error && (_jsx("p", { className: "px-1 text-xs text-destructive", role: "alert", children: error }))] }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function ChevronDownIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m4 6 4 4 4-4" }) }));
+}
+function Spinner() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=InlineEditSelect.js.map

package/inline-edit/InlineEditSelect.js.map

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

package/inline-edit/InlineEditText.d.ts

@@ -0,0 +1,23 @@
+import type { InlineEditBaseProps } from "./types";
+/** Props for {@link InlineEditText}. */
+export interface InlineEditTextProps extends InlineEditBaseProps {
+    /** Current field value. */
+    readonly value: string;
+    /** Called with the new value when the user confirms the edit. */
+    readonly onSave: (newValue: string) => Promise<boolean>;
+    /** Placeholder shown when value is empty (in both read and edit mode). */
+    readonly placeholder?: string;
+    /** Optional client-side validation. Return an error string to block save. */
+    readonly validate?: (value: string) => string | null;
+    /** Render as heading text (larger, bolder). */
+    readonly variant?: "default" | "heading";
+}
+/**
+ * Click-to-edit single-line text field.
+ *
+ * Displays the value as styled text. On click, transitions to an input
+ * with inline confirm/cancel controls. Confirm triggers `onSave`;
+ * cancel reverts. Escape key also cancels.
+ */
+export declare function InlineEditText({ value, onSave, placeholder, validate, variant, disabled, isSaving, error, className, }: InlineEditTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InlineEditText.d.ts.map

package/inline-edit/InlineEditText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEditText.d.ts","sourceRoot":"","sources":["../../src/inline-edit/InlineEditText.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,wCAAwC;AACxC,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,iEAAiE;IACjE,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACxD,0EAA0E;IAC1E,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,6EAA6E;IAC7E,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACrD,+CAA+C;IAC/C,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC1C;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,WAA6B,EAC7B,QAAQ,EACR,OAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE,mBAAmB,2CAyIrB"}

package/inline-edit/InlineEditText.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { cn } from "@stigmer/theme";
+/**
+ * Click-to-edit single-line text field.
+ *
+ * Displays the value as styled text. On click, transitions to an input
+ * with inline confirm/cancel controls. Confirm triggers `onSave`;
+ * cancel reverts. Escape key also cancels.
+ */
+export function InlineEditText({ value, onSave, placeholder = "Click to edit", validate, variant = "default", disabled, isSaving, error, className, }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [draft, setDraft] = useState(value);
+    const [localError, setLocalError] = useState(null);
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (isEditing) {
+            setDraft(value);
+            setLocalError(null);
+            requestAnimationFrame(() => inputRef.current?.focus());
+        }
+    }, [isEditing, value]);
+    const handleConfirm = useCallback(async () => {
+        const trimmed = draft.trim();
+        if (trimmed === value) {
+            setIsEditing(false);
+            return;
+        }
+        if (validate) {
+            const err = validate(trimmed);
+            if (err) {
+                setLocalError(err);
+                return;
+            }
+        }
+        const ok = await onSave(trimmed);
+        if (ok)
+            setIsEditing(false);
+    }, [draft, value, validate, onSave]);
+    const handleCancel = useCallback(() => {
+        setIsEditing(false);
+        setDraft(value);
+        setLocalError(null);
+    }, [value]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Enter") {
+            e.preventDefault();
+            handleConfirm();
+        }
+        else if (e.key === "Escape") {
+            handleCancel();
+        }
+    }, [handleConfirm, handleCancel]);
+    const displayError = localError || error;
+    if (disabled || !isEditing) {
+        return (_jsx("div", { className: cn("group/inline-edit", className), children: _jsxs("button", { type: "button", onClick: () => { if (!disabled)
+                    setIsEditing(true); }, disabled: disabled, className: cn("inline-flex w-full items-center gap-1.5 rounded-md px-1.5 py-0.5 text-left transition-colors", !disabled && "hover:bg-accent-hover cursor-pointer", disabled && "cursor-default", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"), children: [_jsx("span", { className: cn("min-w-0 truncate", variant === "heading"
+                            ? "text-lg font-semibold text-foreground"
+                            : "text-sm text-foreground", !value && "text-muted-foreground italic"), children: value || placeholder }), !disabled && (_jsx(PencilIcon, { className: "size-3 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover/inline-edit:opacity-100" }))] }) }));
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-1", className), children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("input", { ref: inputRef, type: "text", value: draft, onChange: (e) => { setDraft(e.target.value); setLocalError(null); }, onKeyDown: handleKeyDown, disabled: isSaving, placeholder: placeholder, className: cn("flex-1 rounded-md border border-border bg-input-bg px-2 py-1 text-sm text-foreground", "focus:outline-none focus:ring-2 focus:ring-ring", "disabled:opacity-50", variant === "heading" && "text-lg font-semibold", displayError && "border-destructive") }), _jsx("button", { type: "button", onClick: handleConfirm, disabled: isSaving, "aria-label": "Save", className: cn("inline-flex size-7 items-center justify-center rounded-md", "bg-primary text-primary-foreground hover:bg-primary-hover", "disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: isSaving ? _jsx(Spinner, {}) : _jsx(CheckIcon, { className: "size-3.5" }) }), _jsx("button", { type: "button", onClick: handleCancel, disabled: isSaving, "aria-label": "Cancel", className: cn("inline-flex size-7 items-center justify-center rounded-md", "border border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground", "disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: _jsx(XIcon, { className: "size-3.5" }) })] }), displayError && (_jsx("p", { className: "px-1 text-xs text-destructive", role: "alert", children: displayError }))] }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function PencilIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M11.5 1.5a2.121 2.121 0 0 1 3 3L5 14l-4 1 1-4Z" }) }));
+}
+function CheckIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m3 8.5 3.5 3.5 6.5-8" }) }));
+}
+function XIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m4 4 8 8M12 4l-8 8" }) }));
+}
+function Spinner() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=InlineEditText.js.map