@wzrhine/agent 0.0.0-stage → 0.1.0

package/dist/components/composer/ComposerInput.js

@@ -0,0 +1,301 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { detectTrigger, deleteTokenAt, insertToken as insertTokenText, parseTokens, snapCaret, tokenCounts } from '@wzrhine/agent-core';
+import { useAgentMessages } from '../../provider/AgentMessages.js';
+import { cx } from '../../utils/cx.js';
+import { stripStrayWithCaret } from './composer-text.js';
+const ZWSP = '\u200b';
+function defaultTokenKind(token) {
+    return token.trigger === '@' ? 'file' : 'command';
+}
+function sameMatch(a, b) {
+    if (a === null || b === null)
+        return a === b;
+    return a.trigger === b.trigger && a.query === b.query && a.from === b.from && a.to === b.to;
+}
+/** Mirror nodes: plain text, token spans (glyph widths untouched) and a trailing zero-width space. */
+function renderMirror(value, kindOf) {
+    const nodes = [];
+    let last = 0;
+    for (const token of parseTokens(value)) {
+        if (token.start > last)
+            nodes.push(value.slice(last, token.start));
+        nodes.push(_jsx("span", { className: "rl-agent-token", "data-kind": kindOf(token), children: value.slice(token.start, token.end) }, token.start));
+        last = token.end;
+    }
+    // The trailing ZWSP gives a final empty line (after "\n") a height, matching the textarea.
+    nodes.push(value.slice(last) + ZWSP);
+    return nodes;
+}
+/** Runs a native editing command on the focused textarea; false when unsupported (jsdom, old engines). */
+function execEdit(textarea, command, text) {
+    if (typeof document === 'undefined' || typeof document.execCommand !== 'function')
+        return false;
+    if (document.activeElement !== textarea)
+        textarea.focus();
+    try {
+        return document.execCommand(command, false, text);
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Token-mirror textarea (ADR-0011 §8). A real `<textarea>` sits on top with a transparent
+ * background and owns typing, IME, selection, undo and accessibility; an `aria-hidden` mirror
+ * underneath renders the same value with identical typography, where tokens
+ * (`U+2068 trigger name U+2069`) get a tinted background drawn only with background and
+ * box-shadow, so glyph positions match the textarea exactly.
+ *
+ * - Height follows the mirror content, clamped by `--rl-agent-composer-min / -max` (CSS min / max
+ *   height); width changes are tracked with ResizeObserver when available.
+ * - The caret never rests inside a token: arrow keys jump across it, clicks snap to the nearer edge.
+ * - Backspace / Delete next to a token remove it whole (native `delete` command → part of undo).
+ * - IME: composition is tracked with `compositionstart/end`, `nativeEvent.isComposing` and
+ *   keyCode 229. While composing nothing is submitted, menu keys are not handled and trigger
+ *   detection waits for `compositionend`.
+ *
+ * Motion: none (height changes are immediate, measured, never animated).
+ */
+export const ComposerInput = React.forwardRef(function ComposerInput({ value: valueProp, defaultValue = '', onValueChange, onSubmit, submitOn = 'enter', onMenuKey, onTriggerChange, triggers = ['@', '/'], onTokenRemoved, tokenKind = defaultTokenKind, hint, className, inputClassName, onKeyDown, onSelect, onScroll, onCompositionStart, onCompositionEnd, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, placeholder, rows = 1, ...rest }, ref) {
+    const messages = useAgentMessages().composer;
+    const hintId = React.useId();
+    const [inner, setInner] = React.useState(defaultValue);
+    const controlled = valueProp !== undefined;
+    const value = controlled ? valueProp : inner;
+    const textareaRef = React.useRef(null);
+    const mirrorRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const wrapperRef = React.useRef(null);
+    const composing = React.useRef(false);
+    const valueRef = React.useRef(value);
+    const lastCaret = React.useRef(null);
+    const lastMatch = React.useRef(null);
+    const pendingCaret = React.useRef(null);
+    /** Last value produced by a user edit; anything else arriving through `value` is external. */
+    const committed = React.useRef(value);
+    /** The next selection change comes from a pointer (snap to the nearer edge, not the travel direction). */
+    const pointer = React.useRef(false);
+    valueRef.current = value;
+    const emitTrigger = React.useCallback((text, start, end) => {
+        if (composing.current)
+            return;
+        const match = start === end ? detectTrigger(text, start, triggers) : null;
+        if (sameMatch(match, lastMatch.current))
+            return;
+        lastMatch.current = match;
+        onTriggerChange?.(match);
+    }, [onTriggerChange, triggers]);
+    /** Single entry for every user edit: strips stray isolates, reports removed tokens, re-detects triggers. */
+    const commit = React.useCallback((raw, rawCaret) => {
+        const previous = valueRef.current;
+        const { value: next, caret } = stripStrayWithCaret(raw, rawCaret);
+        if (next !== raw)
+            pendingCaret.current = { value: next, caret };
+        if (onTokenRemoved) {
+            const before = tokenCounts(previous);
+            const after = tokenCounts(next);
+            const old = parseTokens(previous);
+            for (const [key, count] of before) {
+                const left = after.get(key) ?? 0;
+                if (left >= count)
+                    continue;
+                const matching = old.filter((t) => `${t.trigger}${t.name}` === key);
+                for (const token of matching.slice(left))
+                    onTokenRemoved(token);
+            }
+        }
+        valueRef.current = next;
+        committed.current = next;
+        if (!controlled)
+            setInner(next);
+        onValueChange?.(next, caret);
+        lastCaret.current = caret;
+        emitTrigger(next, caret, caret);
+    }, [controlled, emitTrigger, onTokenRemoved, onValueChange]);
+    /** Replace a range, through the native editing stack when possible (keeps undo), else controlled. */
+    const replace = React.useCallback((from, to, text, caretAfter) => {
+        if (from === to && text === '')
+            return;
+        const el = textareaRef.current;
+        const current = valueRef.current;
+        const target = caretAfter ?? from + text.length;
+        if (el && !el.disabled && !el.readOnly) {
+            el.setSelectionRange(from, to);
+            const ok = text === '' ? execEdit(el, 'delete') : execEdit(el, 'insertText', text);
+            if (ok) {
+                // The native input event already went through onChange → commit.
+                el.setSelectionRange(target, target);
+                lastCaret.current = target;
+                emitTrigger(el.value, target, target);
+                return;
+            }
+        }
+        const next = current.slice(0, from) + text + current.slice(to);
+        pendingCaret.current = { value: next, caret: target };
+        commit(next, target);
+        if (typeof requestAnimationFrame === 'function') {
+            requestAnimationFrame(() => {
+                const node = textareaRef.current;
+                if (node && node.value === next && document.activeElement === node)
+                    node.setSelectionRange(target, target);
+            });
+        }
+    }, [commit, emitTrigger]);
+    React.useImperativeHandle(ref, () => ({
+        focus: () => textareaRef.current?.focus(),
+        insertToken: (trigger, name, range) => {
+            const el = textareaRef.current;
+            const current = valueRef.current;
+            const from = range?.from ?? el?.selectionStart ?? current.length;
+            const to = range?.to ?? el?.selectionEnd ?? from;
+            const result = insertTokenText(current, from, to, trigger, name);
+            const inserted = result.value.slice(from, result.value.length - (current.length - to));
+            replace(from, to, inserted, result.caret);
+        },
+        replaceRange: (from, to, text) => replace(from, to, text),
+        getSelection: () => {
+            const el = textareaRef.current;
+            const end = valueRef.current.length;
+            return { start: el?.selectionStart ?? end, end: el?.selectionEnd ?? end };
+        },
+        get element() {
+            return textareaRef.current;
+        },
+    }), [replace]);
+    const syncScroll = React.useCallback(() => {
+        const el = textareaRef.current;
+        if (el && mirrorRef.current)
+            mirrorRef.current.scrollTop = el.scrollTop;
+    }, []);
+    const sizeToContent = React.useCallback(() => {
+        const el = textareaRef.current;
+        const content = contentRef.current;
+        if (!el || !content)
+            return;
+        let height = content.offsetHeight;
+        if (height <= 0) {
+            // No layout from the mirror (jsdom, hidden ancestor): fall back to the textarea itself.
+            el.style.height = 'auto';
+            height = el.scrollHeight;
+        }
+        // CSS min-height / max-height clamp to --rl-agent-composer-min / -max.
+        if (height > 0)
+            el.style.height = `${height}px`;
+        else
+            el.style.removeProperty('height');
+        syncScroll();
+    }, [syncScroll]);
+    React.useLayoutEffect(() => {
+        const pending = pendingCaret.current;
+        const el = textareaRef.current;
+        if (pending && el && pending.value === value && el.value === value) {
+            pendingCaret.current = null;
+            if (document.activeElement === el)
+                el.setSelectionRange(pending.caret, pending.caret);
+        }
+        sizeToContent();
+    }, [value, sizeToContent]);
+    // External value changes (host cleared the draft after sending, restored a draft…): re-detect
+    // the trigger so an open menu never outlives its text.
+    React.useEffect(() => {
+        if (value === committed.current)
+            return;
+        committed.current = value;
+        const el = textareaRef.current;
+        const focused = el !== null && typeof document !== 'undefined' && document.activeElement === el;
+        if (focused)
+            emitTrigger(value, el.selectionStart, el.selectionEnd);
+        else if (lastMatch.current !== null) {
+            lastMatch.current = null;
+            onTriggerChange?.(null);
+        }
+    }, [value, emitTrigger, onTriggerChange]);
+    React.useEffect(() => {
+        const node = wrapperRef.current;
+        if (!node || typeof ResizeObserver === 'undefined')
+            return;
+        let width = node.clientWidth;
+        const observer = new ResizeObserver(() => {
+            // Only width changes re-wrap the text; our own height updates must not loop.
+            if (node.clientWidth === width)
+                return;
+            width = node.clientWidth;
+            sizeToContent();
+        });
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, [sizeToContent]);
+    const isComposingEvent = (event) => composing.current || event.nativeEvent.isComposing || event.keyCode === 229;
+    const handleKeyDown = (event) => {
+        pointer.current = false;
+        onKeyDown?.(event);
+        if (event.defaultPrevented || isComposingEvent(event))
+            return;
+        if (onMenuKey?.(event)) {
+            event.preventDefault();
+            return;
+        }
+        const el = event.currentTarget;
+        if ((event.key === 'Backspace' || event.key === 'Delete') && !event.altKey && !event.ctrlKey && !event.metaKey) {
+            const hit = deleteTokenAt(el.value, el.selectionStart, el.selectionEnd, event.key);
+            if (hit) {
+                event.preventDefault();
+                const removedLength = el.value.length - hit.value.length;
+                replace(hit.caret, hit.caret + removedLength, '', hit.caret);
+            }
+            return;
+        }
+        if (event.key === 'Enter' && onSubmit) {
+            const mod = event.ctrlKey || event.metaKey;
+            const sends = submitOn === 'enter' ? !event.shiftKey && !event.altKey : mod;
+            if (sends) {
+                event.preventDefault();
+                onSubmit();
+            }
+        }
+    };
+    const handleSelect = (event) => {
+        onSelect?.(event);
+        const el = event.currentTarget;
+        const { selectionStart: start, selectionEnd: end } = el;
+        if (start === end && !composing.current) {
+            const text = el.value;
+            const inside = parseTokens(text).find((t) => start > t.start && start < t.end);
+            if (inside) {
+                const prev = lastCaret.current;
+                // Arrow keys cross a token in the direction of travel; pointer clicks snap to the nearer edge.
+                const to = !pointer.current && prev !== null && prev <= inside.start
+                    ? inside.end
+                    : !pointer.current && prev !== null && prev >= inside.end
+                        ? inside.start
+                        : snapCaret(text, start);
+                el.setSelectionRange(to, to);
+                lastCaret.current = to;
+                emitTrigger(text, to, to);
+                return;
+            }
+        }
+        lastCaret.current = end;
+        emitTrigger(el.value, start, end);
+    };
+    const describedBy = cx(ariaDescribedBy, hint !== false && hintId) || undefined;
+    const hintText = hint === undefined ? (submitOn === 'mod-enter' ? messages.inputHintModEnter : messages.inputHint) : hint;
+    return (_jsxs("div", { ref: wrapperRef, className: cx('rl-agent-composer-input', className), "data-slot": "composer-input", children: [_jsx("div", { ref: mirrorRef, className: "rl-agent-composer-input__mirror", "aria-hidden": "true", children: _jsx("div", { ref: contentRef, className: "rl-agent-composer-input__text rl-agent-composer-input__mirror-content", children: renderMirror(value, tokenKind) }) }), _jsx("textarea", { ...rest, ref: textareaRef, rows: rows, value: value, placeholder: placeholder ?? messages.placeholder, "aria-label": ariaLabelledBy ? undefined : (ariaLabel ?? messages.inputLabel), "aria-labelledby": ariaLabelledBy, "aria-describedby": describedBy, className: cx('rl-agent-composer-input__text rl-agent-composer-input__control', inputClassName), onChange: (event) => commit(event.currentTarget.value, event.currentTarget.selectionEnd), onKeyDown: handleKeyDown, onSelect: handleSelect, onPointerDown: (event) => {
+                    pointer.current = true;
+                    rest.onPointerDown?.(event);
+                }, onScroll: (event) => {
+                    syncScroll();
+                    onScroll?.(event);
+                }, onCompositionStart: (event) => {
+                    composing.current = true;
+                    onCompositionStart?.(event);
+                }, onCompositionEnd: (event) => {
+                    composing.current = false;
+                    onCompositionEnd?.(event);
+                    const el = event.currentTarget;
+                    emitTrigger(el.value, el.selectionStart, el.selectionEnd);
+                } }), hint !== false && (_jsx("span", { id: hintId, className: "rl-agent-sr", children: hintText }))] }));
+});
+//# sourceMappingURL=ComposerInput.js.map

package/dist/components/composer/ComposerInput.js.map

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

package/dist/components/composer/ComposerNotice.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { AgentIconName } from '../../primitives/icons.js';
+/**
+ * A notice that stands in for the input frame when this thread cannot take a message: a sub-agent
+ * conversation (「这是子代理的对话，回到主对话发送消息」), an archived thread (「恢复归档」), an
+ * inherited / read-only thread. Pass it to `Composer replacement`; the intervention dock above
+ * stays, so approvals and questions still reach the user.
+ *
+ * - Tone is carried by an icon **and** a visually hidden prefix (「注意：」), never by colour alone.
+ * - `actions` render buttons only when `onAction` exists (a capability without a callback renders
+ *   nothing); `onAction(id)` emits intent and the host decides what happens. Action labels must
+ *   name what they do (「恢复归档」, not 「确定」).
+ * - Static by default (`role="note"`). `live="polite"` makes the message a status region for
+ *   notices that appear while the user is in the thread.
+ *
+ * Motion: none of its own; it appears in place of the frame instantly.
+ */
+export type ComposerNoticeTone = 'neutral' | 'info' | 'warning' | 'danger';
+export interface ComposerNoticeAction {
+    id: string;
+    label: string;
+    tone?: 'primary' | 'secondary' | 'danger';
+}
+export interface ComposerNoticeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'role'> {
+    message: React.ReactNode;
+    actions?: readonly ComposerNoticeAction[];
+    onAction?: (id: string) => void;
+    /** Default `info`. */
+    tone?: ComposerNoticeTone;
+    /** Replace the tone icon; `null` hides it. */
+    icon?: AgentIconName | null;
+    /** `polite` announces the message when it appears. Default `off`. */
+    live?: 'off' | 'polite';
+    /** Ids of actions currently running (button shows busy). */
+    busyActionIds?: readonly string[];
+}
+export declare const ComposerNotice: React.ForwardRefExoticComponent<ComposerNoticeProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ComposerNotice.d.ts.map

package/dist/components/composer/ComposerNotice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerNotice.d.ts","sourceRoot":"","sources":["../../../src/components/composer/ComposerNotice.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAI/D;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3E,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC3C;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1G,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,sBAAsB;IACtB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,qEAAqE;IACrE,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACnC;AAKD,eAAO,MAAM,cAAc,4FAmCzB,CAAC"}

package/dist/components/composer/ComposerNotice.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Button } from '@wzrhine/react';
+import { AgentIcon } from '../../primitives/icons.js';
+import { useAgentMessages } from '../../provider/AgentMessages.js';
+import { cx } from '../../utils/cx.js';
+const toneIcon = { neutral: 'info', info: 'info', warning: 'warning', danger: 'warning' };
+const variantOf = { primary: 'primary', secondary: 'secondary', danger: 'secondary' };
+export const ComposerNotice = React.forwardRef(function ComposerNotice({ message, actions, onAction, tone = 'info', icon, live = 'off', busyActionIds, className, ...rest }, ref) {
+    const m = useAgentMessages().composer;
+    const glyph = icon === undefined ? toneIcon[tone] : icon;
+    const showActions = onAction !== undefined && actions !== undefined && actions.length > 0;
+    return (_jsxs("div", { ...rest, ref: ref, className: cx('rl-agent-composer-notice', className), "data-slot": "composer-notice", "data-tone": tone, role: live === 'off' ? 'note' : undefined, children: [_jsxs("p", { className: "rl-agent-composer-notice__message", role: live === 'polite' ? 'status' : undefined, children: [glyph !== null && _jsx(AgentIcon, { name: glyph, className: "rl-agent-composer-notice__icon" }), _jsxs("span", { className: "rl-agent-composer-notice__text", children: [_jsx("span", { className: "rl-agent-sr", children: m.noticeTone[tone] }), message] })] }), showActions && (_jsx("div", { className: "rl-agent-composer-notice__actions", children: actions.map((action) => (_jsx(Button, { size: "sm", variant: variantOf[action.tone ?? 'secondary'], "data-tone": action.tone, className: "rl-agent-composer-notice__action", loading: busyActionIds?.includes(action.id), onClick: () => onAction(action.id), children: action.label }, action.id))) }))] }));
+});
+//# sourceMappingURL=ComposerNotice.js.map

package/dist/components/composer/ComposerNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerNotice.js","sourceRoot":"","sources":["../../../src/components/composer/ComposerNotice.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAuCvC,MAAM,QAAQ,GAA8C,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AACrI,MAAM,SAAS,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAW,CAAC;AAE/F,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAsC,SAAS,cAAc,CACzG,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACpG,GAAG;IAEH,MAAM,CAAC,GAAG,gBAAgB,EAAE,CAAC,QAAQ,CAAC;IACtC,MAAM,KAAK,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1F,OAAO,CACL,kBAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,eAAY,iBAAiB,eAAY,IAAI,EAAE,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aACnK,aAAG,SAAS,EAAC,mCAAmC,EAAC,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,aAC5F,KAAK,KAAK,IAAI,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAC,gCAAgC,GAAG,EACxF,gBAAM,SAAS,EAAC,gCAAgC,aAC9C,eAAM,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,GAAQ,EACxD,OAAO,IACH,IACL,EACH,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,mCAAmC,YAC/C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,IAEL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,WAAW,CAAC,eACnC,MAAM,CAAC,IAAI,EACtB,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,YAEjC,MAAM,CAAC,KAAK,IARR,MAAM,CAAC,EAAE,CASP,CACV,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/composer/MentionMenu.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import type { MentionOption } from '@wzrhine/agent-core';
+export interface MentionMenuProps {
+    open: boolean;
+    /** Text typed after `@` (may contain a drilled folder prefix, `src/comp`). */
+    query: string;
+    /** Options in display order (the host filters them for `query`). */
+    options: readonly MentionOption[];
+    activeIndex: number;
+    onActiveIndexChange: (index: number) => void;
+    /** Click on an enabled option (keyboard selection goes through the owning Composer). */
+    onSelect: (option: MentionOption) => void;
+    /** Click on a drillable folder. Without it folders are inserted like files. */
+    onDrill?: (option: MentionOption) => void;
+    loading?: boolean;
+    /** Error text; shown with a retry button when `onRetry` is given. */
+    error?: React.ReactNode;
+    onRetry?: () => void;
+    /** Base id; the listbox is `${id}-listbox`, options `${id}-listbox-option-${index}`. */
+    id?: string;
+    /** `top` / `bottom` = absolutely positioned against the composer; `inline` = in normal flow (standalone use). */
+    side?: 'top' | 'bottom' | 'inline';
+    title?: React.ReactNode;
+    className?: string;
+}
+/**
+ * `@` file / context picker (atlas 15). A listbox panel anchored above the composer; focus stays
+ * in the textarea (`aria-activedescendant`). Groups are `role="group"` with a visible heading,
+ * matches are `<mark>`ed, the path is dimmed, folders can be drilled into (Tab / Enter → the query
+ * becomes `name/`), disabled options stay reachable so their reason is read out.
+ *
+ * Keyboard (handled by Composer): ↑ / ↓ move and clamp at the ends (no wrap-around), Enter / Tab
+ * choose (Tab or Enter on a folder drills), Esc closes and the same query will not reopen it.
+ * Motion: MotionPresence `fade` (reduced → instant).
+ */
+export declare function MentionMenu({ open, query, options, activeIndex, onActiveIndexChange, onSelect, onDrill, loading, error, onRetry, id, side, title, className, }: MentionMenuProps): React.JSX.Element;
+//# sourceMappingURL=MentionMenu.d.ts.map

package/dist/components/composer/MentionMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionMenu.d.ts","sourceRoot":"","sources":["../../../src/components/composer/MentionMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAiBzD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,OAAO,EAAE,SAAS,aAAa,EAAE,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,wFAAwF;IACxF,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,+EAA+E;IAC/E,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wFAAwF;IACxF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iHAAiH;IACjH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,WAAW,EACX,mBAAmB,EACnB,QAAQ,EACR,OAAO,EACP,OAAe,EACf,KAAK,EACL,OAAO,EACP,EAAE,EACF,IAAI,EACJ,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,qBAoGlB"}

package/dist/components/composer/MentionMenu.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { Button, Spinner } from '@wzrhine/react';
+import { AgentIcon } from '../../primitives/icons.js';
+import { useAgentMessages } from '../../provider/AgentMessages.js';
+import { groupOptions, splitMentionQuery } from './composer-utils.js';
+import { Highlight, MenuGroup, MenuOption, MenuPanel } from './MenuPanel.js';
+const kindIcon = {
+    file: 'file',
+    folder: 'folder',
+    skill: 'spark',
+    command: 'slash',
+    url: 'link',
+    symbol: 'code',
+    custom: 'at',
+};
+/**
+ * `@` file / context picker (atlas 15). A listbox panel anchored above the composer; focus stays
+ * in the textarea (`aria-activedescendant`). Groups are `role="group"` with a visible heading,
+ * matches are `<mark>`ed, the path is dimmed, folders can be drilled into (Tab / Enter → the query
+ * becomes `name/`), disabled options stay reachable so their reason is read out.
+ *
+ * Keyboard (handled by Composer): ↑ / ↓ move and clamp at the ends (no wrap-around), Enter / Tab
+ * choose (Tab or Enter on a folder drills), Esc closes and the same query will not reopen it.
+ * Motion: MotionPresence `fade` (reduced → instant).
+ */
+export function MentionMenu({ open, query, options, activeIndex, onActiveIndexChange, onSelect, onDrill, loading = false, error, onRetry, id, side, title, className, }) {
+    const messages = useAgentMessages().composer;
+    const autoId = React.useId();
+    const base = id ?? autoId;
+    const listboxId = `${base}-listbox`;
+    const { directory, filter } = splitMentionQuery(query);
+    const choose = (index) => {
+        const option = options[index];
+        if (!option || option.disabled)
+            return;
+        if (option.drillable && onDrill)
+            onDrill(option);
+        else
+            onSelect(option);
+    };
+    let status = null;
+    if (loading) {
+        status = (_jsxs("p", { className: "rl-agent-menu__status", role: "status", children: [_jsx(Spinner, { size: "sm" }), messages.mentionLoading] }));
+    }
+    else if (error != null && error !== false) {
+        status = (_jsxs("div", { className: "rl-agent-menu__status", "data-tone": "danger", role: "alert", children: [_jsx(AgentIcon, { name: "warning" }), _jsx("span", { children: error === true ? messages.mentionError : error }), onRetry && (_jsx(Button, { size: "sm", variant: "ghost", onMouseDown: (event) => event.preventDefault(), onClick: onRetry, children: messages.mentionRetry }))] }));
+    }
+    else if (options.length === 0) {
+        status = (_jsx("p", { className: "rl-agent-menu__status", role: "status", children: messages.mentionEmpty }));
+    }
+    return (_jsx(MenuPanel, { open: open, panelId: `${base}-panel`, listboxId: listboxId, label: messages.mentionTitle, title: _jsxs(_Fragment, { children: [title ?? messages.mentionTitle, directory && _jsx("span", { className: "rl-agent-menu__scope", children: directory })] }), keys: messages.mentionKeys, icon: _jsx(AgentIcon, { name: "at" }), side: side, status: status, count: loading || (error != null && error !== false) ? 0 : options.length, activeIndex: activeIndex, className: className, children: groupOptions(options, (o) => o.group).map((group) => (_jsx(MenuGroup, { label: group.label, children: group.items.map(({ option, index }) => (_jsxs(MenuOption, { listboxId: listboxId, index: index, active: index === activeIndex, disabled: option.disabled, onActivate: onActiveIndexChange, onChoose: choose, "data-kind": option.kind, children: [_jsx(AgentIcon, { name: option.drillable ? 'folder' : kindIcon[option.kind], className: "rl-agent-menu__icon" }), _jsxs("span", { className: "rl-agent-menu__body", children: [_jsx("span", { className: "rl-agent-menu__label", children: _jsx("span", { children: _jsx(Highlight, { text: option.label, query: filter }) }) }), option.detail && (_jsx("span", { className: "rl-agent-menu__detail", title: option.detail, children: option.detail })), option.disabled && _jsx("span", { className: "rl-agent-menu__reason", children: messages.optionUnavailable(option.disabledReason) })] }), option.drillable && (_jsxs(_Fragment, { children: [_jsx(AgentIcon, { name: "chevron-right", className: "rl-agent-menu__trail" }), _jsx("span", { className: "rl-agent-sr", children: messages.mentionDrill })] }))] }, option.id))) }, group.key))) }));
+}
+//# sourceMappingURL=MentionMenu.js.map

package/dist/components/composer/MentionMenu.js.map

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

package/dist/components/composer/MenuPanel.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+export interface MenuPanelProps {
+    open: boolean;
+    /** Id of the panel element. */
+    panelId: string;
+    /** Id of the listbox (target of the textarea's aria-controls). */
+    listboxId: string;
+    label: string;
+    title: React.ReactNode;
+    keys?: React.ReactNode;
+    icon?: React.ReactNode;
+    /** Side of the composer the panel opens on. */
+    /** `top` / `bottom` = absolutely positioned against the composer; `inline` = in normal flow (standalone use). */
+    side?: 'top' | 'bottom' | 'inline';
+    /** Status above the list (loading / empty / error). */
+    status?: React.ReactNode;
+    /** Number of options; the listbox is only rendered when there is at least one. */
+    count: number;
+    activeIndex: number;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function MenuPanel({ open, panelId, listboxId, label, title, keys, icon, side, status, count, activeIndex, className, children }: MenuPanelProps): React.JSX.Element;
+export interface MenuGroupProps {
+    label: string | undefined;
+    children: React.ReactNode;
+}
+/** `role="group"` named by its visible heading. Ungrouped runs render their options directly. */
+export declare function MenuGroup({ label, children }: MenuGroupProps): React.JSX.Element;
+export interface MenuOptionProps {
+    listboxId: string;
+    index: number;
+    active: boolean;
+    disabled?: boolean;
+    onActivate: (index: number) => void;
+    onChoose: (index: number) => void;
+    children: React.ReactNode;
+    'aria-describedby'?: string;
+    className?: string;
+    'data-kind'?: string;
+}
+/** One listbox option. Keyboard selection is handled by the textarea (aria-activedescendant). */
+export declare function MenuOption({ listboxId, index, active, disabled, onActivate, onChoose, children, className, ...rest }: MenuOptionProps): React.JSX.Element;
+/** Wraps every case-insensitive occurrence of `query` in `<mark>`. */
+export declare function Highlight({ text, query }: {
+    text: string;
+    query: string;
+}): React.JSX.Element;
+//# sourceMappingURL=MenuPanel.d.ts.map

package/dist/components/composer/MenuPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPanel.d.ts","sourceRoot":"","sources":["../../../src/components/composer/MenuPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,+BAA+B;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+CAA+C;IAC/C,iHAAiH;IACjH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACnC,uDAAuD;IACvD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAY,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,qBA2B9J;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,qBAW5D;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iGAAiG;AACjG,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,qBAmBrI;AAED,sEAAsE;AACtE,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,qBAgBzE"}

package/dist/components/composer/MenuPanel.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { MotionPresence } from '@wzrhine/react';
+import { matchRanges } from '@wzrhine/agent-core';
+import { cx } from '../../utils/cx.js';
+import { menuOptionId } from './composer-utils.js';
+export function MenuPanel({ open, panelId, listboxId, label, title, keys, icon, side = 'top', status, count, activeIndex, className, children }) {
+    // Keep the active option in view without scrolling the page (guarded for jsdom).
+    React.useEffect(() => {
+        if (!open || activeIndex < 0 || typeof document === 'undefined')
+            return;
+        const node = document.getElementById(menuOptionId(listboxId, activeIndex));
+        if (node && typeof node.scrollIntoView === 'function')
+            node.scrollIntoView({ block: 'nearest' });
+    }, [open, activeIndex, listboxId]);
+    return (_jsxs(MotionPresence, { show: open, preset: "fade", className: cx('rl-agent-menu', className), "data-side": side, id: panelId, children: [_jsxs("div", { className: "rl-agent-menu__header", children: [icon, _jsx("span", { className: "rl-agent-menu__title", children: title }), keys != null && (_jsx("span", { className: "rl-agent-menu__keys", "aria-hidden": "true", children: keys }))] }), status, count > 0 && (_jsx("div", { role: "listbox", id: listboxId, "aria-label": label, className: "rl-agent-menu__list", children: children }))] }));
+}
+/** `role="group"` named by its visible heading. Ungrouped runs render their options directly. */
+export function MenuGroup({ label, children }) {
+    const headingId = React.useId();
+    if (!label)
+        return _jsx(_Fragment, { children: children });
+    return (_jsxs("div", { role: "group", "aria-labelledby": headingId, className: "rl-agent-menu__group", children: [_jsx("div", { id: headingId, className: "rl-agent-menu__group-label", role: "presentation", children: label }), children] }));
+}
+/** One listbox option. Keyboard selection is handled by the textarea (aria-activedescendant). */
+export function MenuOption({ listboxId, index, active, disabled, onActivate, onChoose, children, className, ...rest }) {
+    return (_jsx("div", { ...rest, role: "option", id: menuOptionId(listboxId, index), "aria-selected": active, "aria-disabled": disabled || undefined, "data-active": active || undefined, className: cx('rl-agent-menu__option', className), onMouseDown: (event) => event.preventDefault(), onMouseMove: () => {
+            if (!active)
+                onActivate(index);
+        }, onClick: () => onChoose(index), children: children }));
+}
+/** Wraps every case-insensitive occurrence of `query` in `<mark>`. */
+export function Highlight({ text, query }) {
+    const ranges = matchRanges(text, query);
+    if (ranges.length === 0)
+        return _jsx(_Fragment, { children: text });
+    const parts = [];
+    let cursor = 0;
+    ranges.forEach(([start, end], i) => {
+        if (start > cursor)
+            parts.push(text.slice(cursor, start));
+        parts.push(_jsx("mark", { className: "rl-agent-menu__mark", children: text.slice(start, end) }, i));
+        cursor = end;
+    });
+    if (cursor < text.length)
+        parts.push(text.slice(cursor));
+    return _jsx(_Fragment, { children: parts });
+}
+//# sourceMappingURL=MenuPanel.js.map

package/dist/components/composer/MenuPanel.js.map

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