@wzrhine/agent 0.0.0-stage → 0.2.0

package/dist/components/conversation/ConversationList.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { motion } from 'motion/react';
+import { Alert, Button, Collapsible, EmptyState, Input, Skeleton } from '@wzrhine/react';
+import { useAgentFormat, useAgentMessages } from '../../provider/AgentMessages.js';
+import { AgentIcon } from '../../primitives/icons.js';
+import { cx } from '../../utils/cx.js';
+import { ConversationRow, ConversationRowContext } from './ConversationRow.js';
+const ROW_SELECTOR = '.rl-agent-row__main';
+export const ConversationList = React.forwardRef(function ConversationList({ sections, selectedId, onSelect, search, onSearchChange, loading = false, error, onRetry, renderActions, onPin, onArchive, onUnarchive, onDelete, isDisabled, headingLevel = 2, label, empty, now, skeletonRows = 5, collapsibleGroups = false, collapsedGroups = [], onCollapsedGroupsChange, className, ...rest }, ref) {
+    const shell = useAgentMessages().shell;
+    const format = useAgentFormat();
+    const uid = React.useId();
+    const searchId = `${uid}-search`;
+    const viewportRef = React.useRef(null);
+    const [focusedId, setFocusedId] = React.useState(null);
+    const lastFocused = React.useRef(null);
+    const visible = React.useMemo(() => sections.filter((section) => section.items.length > 0), [sections]);
+    const ids = React.useMemo(() => visible.flatMap((section) => section.items.map((item) => item.id)), [visible]);
+    const total = ids.length;
+    const query = search?.trim() ?? '';
+    const tabStopId = focusedId && ids.includes(focusedId) ? focusedId : selectedId && ids.includes(selectedId) ? selectedId : (ids[0] ?? null);
+    const rowContext = React.useMemo(() => ({
+        tabStopId,
+        ghostId: `${uid}-ghost`,
+        selectedId,
+        onFocusRow: (id) => {
+            setFocusedId(id);
+            lastFocused.current = { id, index: ids.indexOf(id) };
+        },
+    }), [tabStopId, uid, selectedId, ids]);
+    // A refresh that removed the focused row leaves focus on <body>: move it to the nearest row.
+    React.useEffect(() => {
+        const last = lastFocused.current;
+        if (!last || ids.includes(last.id))
+            return;
+        lastFocused.current = null;
+        if (typeof document === 'undefined' || (document.activeElement && document.activeElement !== document.body))
+            return;
+        const buttons = viewportRef.current?.querySelectorAll(`${ROW_SELECTOR}:not(:disabled)`);
+        if (!buttons || buttons.length === 0)
+            return;
+        buttons[Math.min(last.index, buttons.length - 1)]?.focus();
+    }, [ids]);
+    const onKeyDown = (event) => {
+        const viewport = viewportRef.current;
+        const target = event.target;
+        // Events from portalled menus bubble through React; only handle keys from rows in this list.
+        if (!viewport || !viewport.contains(target) || !target.closest('.rl-agent-row'))
+            return;
+        if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key) || event.altKey || event.ctrlKey || event.metaKey)
+            return;
+        const buttons = Array.from(viewport.querySelectorAll(`${ROW_SELECTOR}:not(:disabled)`));
+        if (buttons.length === 0)
+            return;
+        const row = target.closest('.rl-agent-row');
+        const current = buttons.findIndex((button) => row?.contains(button));
+        let next = current;
+        if (event.key === 'ArrowDown')
+            next = current < 0 ? 0 : Math.min(current + 1, buttons.length - 1);
+        else if (event.key === 'ArrowUp')
+            next = current < 0 ? 0 : Math.max(current - 1, 0);
+        else if (event.key === 'Home')
+            next = 0;
+        else
+            next = buttons.length - 1;
+        event.preventDefault();
+        const button = buttons[next];
+        button?.focus();
+        button?.scrollIntoView?.({ block: 'nearest' });
+    };
+    const Heading = `h${headingLevel}`;
+    const showSkeleton = loading && total === 0 && !error;
+    const errorText = error === true ? shell.error : error;
+    return (_jsxs("div", { ...rest, ref: ref, className: cx('rl-agent-list', className), "data-loading": loading || undefined, children: [onSearchChange && (_jsxs("div", { className: "rl-agent-list__search", children: [_jsx("label", { htmlFor: searchId, className: "rl-agent-sr", children: shell.searchLabel }), _jsx(Input, { id: searchId, type: "search", size: "sm", value: search ?? '', placeholder: shell.searchPlaceholder, prefix: _jsx(AgentIcon, { name: "search" }), autoComplete: "off", onChange: (event) => onSearchChange(event.currentTarget.value) }), _jsx("span", { className: "rl-agent-sr", role: "status", children: query && !loading ? shell.searchResults(format.number(total)) : '' })] })), _jsxs(motion.div, { ref: viewportRef, layoutScroll: true, className: "rl-agent-list__viewport", role: "region", "aria-label": label ?? shell.listLabel, "aria-busy": loading || undefined, tabIndex: -1, onKeyDown: onKeyDown, children: [errorText != null && errorText !== false && (_jsx(Alert, { tone: "danger", className: "rl-agent-list__error", title: errorText, action: onRetry ? (_jsx(Button, { size: "sm", variant: "secondary", onClick: onRetry, children: shell.retry })) : undefined })), showSkeleton && (_jsxs("div", { className: "rl-agent-list__skeleton", children: [_jsx("span", { className: "rl-agent-sr", children: shell.loading }), Array.from({ length: skeletonRows }, (_, i) => (_jsxs("div", { className: "rl-agent-list__skeleton-row", "aria-hidden": "true", children: [_jsx(Skeleton, { shape: "circle", width: "var(--rl-icon-size-sm)" }), _jsx(Skeleton, { width: i % 2 ? '70%' : '85%' })] }, i)))] })), !showSkeleton && total === 0 && !errorText && (_jsx("div", { className: "rl-agent-list__empty", children: query ? (_jsx(EmptyState, { kind: "no-results", size: "sm", headingLevel: headingLevel, title: shell.searchEmptyTitle(query), description: shell.searchEmptyDescription })) : ((empty ?? _jsx(EmptyState, { kind: "first-use", size: "sm", headingLevel: headingLevel, title: shell.emptyTitle, description: shell.emptyDescription }))) })), _jsx(ConversationRowContext.Provider, { value: rowContext, children: visible.map((section) => {
+                            const headingId = `${uid}-${section.id}`;
+                            return (_jsxs("div", { className: "rl-agent-list__section", children: [collapsibleGroups && _jsx(Collapsible, { open: !collapsedGroups.includes(section.id), onOpenChange: (open) => onCollapsedGroupsChange?.(open ? collapsedGroups.filter((id) => id !== section.id) : [...collapsedGroups, section.id]), trigger: section.label, children: _jsx("ul", { className: "rl-agent-list__rows", "aria-label": section.label, children: section.items.map((item) => _jsx(ConversationRow, { item: item, selected: item.id === selectedId, disabled: isDisabled?.(item), onSelect: onSelect, onPin: onPin, onArchive: onArchive, onUnarchive: onUnarchive, onDelete: onDelete, actions: renderActions?.(item), now: now }, item.id)) }) }), !collapsibleGroups && _jsxs(_Fragment, { children: [_jsx(Heading, { id: headingId, className: "rl-agent-list__heading", children: section.label }), _jsx("ul", { className: "rl-agent-list__rows", "aria-labelledby": headingId, children: section.items.map((item) => (_jsx(ConversationRow, { item: item, selected: item.id === selectedId, disabled: isDisabled?.(item), onSelect: onSelect, onPin: onPin, onArchive: onArchive, onUnarchive: onUnarchive, onDelete: onDelete, actions: renderActions?.(item), now: now }, item.id))) })] })] }, section.id));
+                        }) })] })] }));
+});
+//# sourceMappingURL=ConversationList.js.map

package/dist/components/conversation/ConversationList.js.map

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

package/dist/components/conversation/ConversationRow.d.ts

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import type { ConversationView } from '@wzrhine/agent-core';
+/**
+ * ConversationRow (atlas 04): one conversation in the index.
+ *
+ * Structure: `<li>` with two sibling buttons, never nested: the main button selects the
+ * conversation (`aria-current="true"` when selected) and the "more" IconButton opens a Menu
+ * (@wzrhine/react). Because they are siblings, nothing in the menu bubbles into selection.
+ *
+ * - Accessible name of the main button = title + pinned + status + unread (joined with the
+ *   locale separator); time and preview are its description. Status = glyph + text, never colour
+ *   alone; settled runs (idle / completed / cancelled) draw nothing, attention (approval,
+ *   question, children, error) always wins over the run status.
+ * - Running rows show a breathing glyph through the shared loop lifecycle (`useAgentLoop`), so
+ *   off-screen rows, hidden pages and reduced motion keep it static; only active rows pay for it.
+ * - The title is one ellipsised line (full text in `title`); time and unread live in a fixed
+ *   column, so a long title never pushes them out and an unread change never changes the height.
+ * - The "more" button is visible on hover / focus-within / while its menu is open (always on
+ *   touch screens) and keeps its space reserved. A capability without a callback renders no item;
+ *   with no item at all there is no button.
+ * - Archive is reversible, so it confirms inline: the first 「归档」 keeps the menu open and turns
+ *   the item into 「确认归档」; closing the menu resets it. Delete is not reversible: it opens an
+ *   AlertDialog; `onDelete` may return a Promise (the dialog waits, and stays open on rejection).
+ * - `disabled` disables both buttons.
+ */
+export type ConversationRowProps = Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onSelect' | 'title' | 'children'> & {
+    item: ConversationView;
+    selected?: boolean;
+    disabled?: boolean;
+    onSelect?: (id: string) => void;
+    /** Toggle pin; receives the requested state. */
+    onPin?: (item: ConversationView, pinned: boolean) => void;
+    onArchive?: (item: ConversationView) => void;
+    onUnarchive?: (item: ConversationView) => void;
+    /** Confirmed delete. Return a Promise to keep the dialog open until it settles. */
+    onDelete?: (item: ConversationView) => void | Promise<unknown>;
+    /** Extra controls next to the "more" button. */
+    actions?: React.ReactNode;
+    /** Reference time for the today / earlier format (default: now). */
+    now?: Date;
+};
+/** Internal wiring from ConversationList: roving tab stop and the shared selection ghost. */
+export interface ConversationRowListContext {
+    tabStopId: string | null;
+    ghostId: string;
+    selectedId: string | undefined;
+    onFocusRow: (id: string) => void;
+}
+export declare const ConversationRowContext: React.Context<ConversationRowListContext | null>;
+export declare const ConversationRow: React.ForwardRefExoticComponent<Omit<React.LiHTMLAttributes<HTMLLIElement>, "children" | "title" | "onSelect"> & {
+    item: ConversationView;
+    selected?: boolean;
+    disabled?: boolean;
+    onSelect?: (id: string) => void;
+    /** Toggle pin; receives the requested state. */
+    onPin?: (item: ConversationView, pinned: boolean) => void;
+    onArchive?: (item: ConversationView) => void;
+    onUnarchive?: (item: ConversationView) => void;
+    /** Confirmed delete. Return a Promise to keep the dialog open until it settles. */
+    onDelete?: (item: ConversationView) => void | Promise<unknown>;
+    /** Extra controls next to the "more" button. */
+    actions?: React.ReactNode;
+    /** Reference time for the today / earlier format (default: now). */
+    now?: Date;
+} & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=ConversationRow.d.ts.map

package/dist/components/conversation/ConversationRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ConversationRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAa,gBAAgB,EAAmB,MAAM,qBAAqB,CAAC;AAQxF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IAClH,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,gDAAgD;IAChD,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,mFAAmF;IACnF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/D,gDAAgD;IAChD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,GAAG,CAAC,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,6FAA6F;AAC7F,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,sBAAsB,kDAA+D,CAAC;AAyBnG,eAAO,MAAM,eAAe;UAjDpB,gBAAgB;eACX,OAAO;eACP,OAAO;eACP,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;IAC/B,gDAAgD;YACxC,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI;gBAC7C,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI;kBAC9B,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI;IAC9C,mFAAmF;eACxE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;IAC9D,gDAAgD;cACtC,KAAK,CAAC,SAAS;IACzB,oEAAoE;UAC9D,IAAI;uCA4MV,CAAC"}

package/dist/components/conversation/ConversationRow.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { motion } from 'motion/react';
+import { AlertDialog, IconButton, Menu, MenuItem, MenuSeparator, useRhineMotion } from '@wzrhine/react';
+import { useAgentFormat, useAgentMessages } from '../../provider/AgentMessages.js';
+import { AgentIcon } from '../../primitives/icons.js';
+import { StatusGlyph } from '../../primitives/StatusGlyph.js';
+import { loopAttributes, useAgentLoop } from '../../motion/agent-motion.js';
+import { cx } from '../../utils/cx.js';
+import { conversationStatus, isSameDay } from './conversation-status.js';
+export const ConversationRowContext = React.createContext(null);
+function ActiveGlyph({ glyph, tone }) {
+    const { ref, lifecycle } = useAgentLoop(true);
+    return (_jsx("span", { ref: ref, className: "rl-agent-row__glyph", children: _jsx(StatusGlyph, { name: glyph, tone: tone, active: true, ...loopAttributes(lifecycle) }) }));
+}
+function SelectionGhost({ layoutId, selectedId }) {
+    const { resolve } = useRhineMotion();
+    return (_jsx(motion.span, { "aria-hidden": "true", className: "rl-agent-row__ghost", layoutId: layoutId, layoutDependency: selectedId, initial: false, transition: resolve('transform', 'base') }));
+}
+export const ConversationRow = React.forwardRef(function ConversationRow({ item, selected = false, disabled = false, onSelect, onPin, onArchive, onUnarchive, onDelete, actions, now, className, ...rest }, ref) {
+    const messages = useAgentMessages();
+    const shell = messages.shell;
+    const format = useAgentFormat();
+    const list = React.useContext(ConversationRowContext);
+    const descId = React.useId();
+    const [menuOpen, setMenuOpen] = React.useState(false);
+    const [confirmArchive, setConfirmArchive] = React.useState(false);
+    const [deleteOpen, setDeleteOpen] = React.useState(false);
+    const [deleteMounted, setDeleteMounted] = React.useState(false);
+    const title = item.title.trim() || shell.untitled;
+    const status = conversationStatus(item, messages.status, shell);
+    const unread = item.unread && item.unread > 0 ? item.unread : 0;
+    const nameParts = [title, item.pinned ? shell.pinned : null, status?.label ?? null, unread ? shell.unread(format.number(unread)) : null];
+    const name = nameParts.filter(Boolean).join(shell.separator);
+    let time = null;
+    if (item.updatedAt) {
+        const date = new Date(item.updatedAt);
+        if (!Number.isNaN(date.getTime()))
+            time = isSameDay(date, now ?? new Date()) ? format.time(item.updatedAt) : format.date(item.updatedAt);
+    }
+    const canPin = !!onPin && !item.archived;
+    const canArchive = !!onArchive && !item.archived;
+    const canUnarchive = !!onUnarchive && !!item.archived;
+    const canDelete = !!onDelete;
+    const hasMenu = canPin || canArchive || canUnarchive || canDelete;
+    const tabbable = list ? list.tabStopId === item.id : true;
+    return (_jsxs("li", { ...rest, ref: ref, className: cx('rl-agent-row', className), "data-id": item.id, "data-selected": selected || undefined, "data-disabled": disabled || undefined, "data-status": status?.kind, "data-menu-open": menuOpen || undefined, "data-has-menu": hasMenu || actions != null || undefined, children: [selected && list && _jsx(SelectionGhost, { layoutId: list.ghostId, selectedId: list.selectedId }), _jsxs("button", { type: "button", className: "rl-agent-row__main", "aria-current": selected ? 'true' : undefined, "aria-label": name, "aria-describedby": time || item.preview ? descId : undefined, disabled: disabled, tabIndex: tabbable ? 0 : -1, onFocus: () => list?.onFocusRow(item.id), onClick: () => onSelect?.(item.id), children: [_jsx("span", { className: "rl-agent-row__status", "aria-hidden": "true", children: status &&
+                            (status.active ? (_jsx(ActiveGlyph, { glyph: status.glyph, tone: status.tone })) : (_jsx("span", { className: "rl-agent-row__glyph", children: _jsx(StatusGlyph, { name: status.glyph, tone: status.tone }) }))) }), _jsxs("span", { className: "rl-agent-row__title", title: title, children: [item.pinned && _jsx(AgentIcon, { name: "pin", className: "rl-agent-row__pin" }), _jsx("span", { className: "rl-agent-row__title-text", children: title })] }), _jsxs("span", { className: "rl-agent-row__meta", "aria-hidden": "true", children: [unread > 0 && _jsx("span", { className: "rl-agent-row__unread", children: format.compact(unread) }), time && (_jsx("time", { className: "rl-agent-row__time", dateTime: item.updatedAt, children: time }))] }), item.preview && (_jsx("span", { className: "rl-agent-row__preview", "aria-hidden": "true", children: item.preview })), _jsx("span", { id: descId, className: "rl-agent-sr", children: [time, item.preview].filter(Boolean).join(shell.separator) })] }), (hasMenu || actions != null) && (_jsxs("span", { className: "rl-agent-row__actions", children: [actions, hasMenu && (_jsxs(Menu, { open: menuOpen, onOpenChange: (open) => {
+                            setMenuOpen(open);
+                            if (!open)
+                                setConfirmArchive(false);
+                        }, align: "end", disabled: disabled, trigger: _jsx(IconButton, { className: "rl-agent-row__more", size: "sm", icon: _jsx(AgentIcon, { name: "more" }), label: shell.more(title), disabled: disabled, tabIndex: tabbable ? 0 : -1, onFocus: () => list?.onFocusRow(item.id) }), children: [canPin && (_jsx(MenuItem, { icon: _jsx(AgentIcon, { name: "pin" }), onSelect: () => onPin(item, !item.pinned), children: item.pinned ? shell.unpin : shell.pin })), canArchive && (_jsx(MenuItem, { icon: _jsx(AgentIcon, { name: "archive" }), keepOpen: !confirmArchive, onSelect: () => {
+                                    if (!confirmArchive) {
+                                        setConfirmArchive(true);
+                                        return;
+                                    }
+                                    setConfirmArchive(false);
+                                    onArchive(item);
+                                }, children: confirmArchive ? shell.confirmArchive : shell.archive })), canUnarchive && (_jsx(MenuItem, { icon: _jsx(AgentIcon, { name: "unarchive" }), onSelect: () => onUnarchive(item), children: shell.unarchive })), canDelete && (canPin || canArchive || canUnarchive) && _jsx(MenuSeparator, {}), canDelete && (_jsx(MenuItem, { icon: _jsx(AgentIcon, { name: "trash" }), tone: "danger", onSelect: () => {
+                                    setDeleteMounted(true);
+                                    setDeleteOpen(true);
+                                }, children: shell.delete }))] }))] })), canDelete && deleteMounted && (_jsx(AlertDialog, { open: deleteOpen, onOpenChange: setDeleteOpen, title: shell.deleteTitle, description: shell.deleteDescription(title), confirmLabel: shell.deleteConfirm, errorText: shell.deleteError, onConfirm: () => onDelete(item) }))] }));
+});
+//# sourceMappingURL=ConversationRow.js.map

package/dist/components/conversation/ConversationRow.js.map

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

package/dist/components/conversation/conversation-status.d.ts

@@ -0,0 +1,21 @@
+import type { AgentTone, ConversationView, StatusGlyphName } from '@wzrhine/agent-core';
+import type { AgentStatusMessages } from '../../provider/messages/status.js';
+import type { AgentShellMessages } from '../../provider/messages/shell.js';
+/** What a conversation row shows as its status: glyph + tone + label, or nothing. */
+export interface RowStatus {
+    glyph: StatusGlyphName;
+    tone: AgentTone;
+    label: string;
+    /** Ongoing activity: the glyph breathes (lifecycle-gated). */
+    active: boolean;
+    kind: 'attention' | 'run';
+}
+/**
+ * Attention (needs the user) wins over the run status. Settled, uneventful runs (`idle`,
+ * `completed`, `cancelled`) show no glyph: the list would otherwise be a column of check marks.
+ * `failed` / `interrupted` stay visible. No run status = nothing (unknown is never shown as success).
+ */
+export declare function conversationStatus(item: ConversationView, status: AgentStatusMessages, shell: AgentShellMessages): RowStatus | null;
+/** Same calendar day in local time. */
+export declare function isSameDay(a: Date, b: Date): boolean;
+//# sourceMappingURL=conversation-status.d.ts.map

package/dist/components/conversation/conversation-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-status.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/conversation-status.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAExF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAE3E,qFAAqF;AACrF,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,eAAe,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,WAAW,GAAG,KAAK,CAAC;CAC3B;AASD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,kBAAkB,GAAG,SAAS,GAAG,IAAI,CAcnI;AAED,uCAAuC;AACvC,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAEnD"}

package/dist/components/conversation/conversation-status.js

@@ -0,0 +1,33 @@
+import { effectivePhase, runPhaseMeta, runStatusMeta } from '@wzrhine/agent-core';
+const attentionGlyph = {
+    approval: { glyph: 'approval', tone: 'warning' },
+    question: { glyph: 'waiting-user', tone: 'warning' },
+    children: { glyph: 'children', tone: 'info' },
+    error: { glyph: 'failed', tone: 'danger' },
+};
+/**
+ * Attention (needs the user) wins over the run status. Settled, uneventful runs (`idle`,
+ * `completed`, `cancelled`) show no glyph: the list would otherwise be a column of check marks.
+ * `failed` / `interrupted` stay visible. No run status = nothing (unknown is never shown as success).
+ */
+export function conversationStatus(item, status, shell) {
+    if (item.attention) {
+        const meta = attentionGlyph[item.attention];
+        return { ...meta, label: shell.attention[item.attention], active: false, kind: 'attention' };
+    }
+    const run = item.runStatus;
+    if (!run || run === 'idle' || run === 'completed' || run === 'cancelled')
+        return null;
+    const phase = effectivePhase(run, item.runPhase);
+    const runMeta = runStatusMeta[run];
+    if (phase && runMeta.active) {
+        const meta = runPhaseMeta[phase];
+        return { glyph: meta.glyph, tone: meta.tone, label: status.phase[phase], active: meta.active, kind: 'run' };
+    }
+    return { glyph: runMeta.glyph, tone: runMeta.tone, label: status.run[run], active: runMeta.active, kind: 'run' };
+}
+/** Same calendar day in local time. */
+export function isSameDay(a, b) {
+    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+//# sourceMappingURL=conversation-status.js.map

package/dist/components/conversation/conversation-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-status.js","sourceRoot":"","sources":["../../../src/components/conversation/conversation-status.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAclF,MAAM,cAAc,GAAoG;IACtH,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE;IAChD,QAAQ,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE;IACpD,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE;IAC7C,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;CAC3C,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAsB,EAAE,MAA2B,EAAE,KAAyB;IAC/G,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC5C,OAAO,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;IAC/F,CAAC;IACD,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IACtF,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;QAC5B,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QACjC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAC9G,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACnH,CAAC;AAED,uCAAuC;AACvC,MAAM,UAAU,SAAS,CAAC,CAAO,EAAE,CAAO;IACxC,OAAO,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC;AAC7G,CAAC"}

package/dist/components/intervention/ApprovalDiff.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { FileDiffView } from '@wzrhine/agent-core';
+/**
+ * Minimal read-only diff list for approval material (internal; not exported). Hosts that want
+ * the full tools `DiffPreview` pass it through `ApprovalPanel renderMaterial`.
+ *
+ * A11y: a `<figure>` named by the path; each hunk is an `<ol>` whose rows carry the sign as text
+ * (`+` / `−`, plus a visually hidden "新增 / 删除" word) so the change is never colour only.
+ * Long lines scroll horizontally inside the bounded frame instead of widening the page.
+ */
+export declare function ApprovalDiff({ diff }: {
+    diff: FileDiffView;
+}): React.JSX.Element;
+//# sourceMappingURL=ApprovalDiff.d.ts.map

package/dist/components/intervention/ApprovalDiff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalDiff.d.ts","sourceRoot":"","sources":["../../../src/components/intervention/ApprovalDiff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,qBAoD5D"}

package/dist/components/intervention/ApprovalDiff.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useAgentMessages } from '../../provider/AgentMessages.js';
+/**
+ * Minimal read-only diff list for approval material (internal; not exported). Hosts that want
+ * the full tools `DiffPreview` pass it through `ApprovalPanel renderMaterial`.
+ *
+ * A11y: a `<figure>` named by the path; each hunk is an `<ol>` whose rows carry the sign as text
+ * (`+` / `−`, plus a visually hidden "新增 / 删除" word) so the change is never colour only.
+ * Long lines scroll horizontally inside the bounded frame instead of widening the page.
+ */
+export function ApprovalDiff({ diff }) {
+    const m = useAgentMessages().intervention;
+    const captionId = React.useId();
+    const additions = diff.additions ?? diff.hunks.reduce((n, h) => n + h.lines.filter((l) => l.kind === 'add').length, 0);
+    const deletions = diff.deletions ?? diff.hunks.reduce((n, h) => n + h.lines.filter((l) => l.kind === 'remove').length, 0);
+    const empty = diff.hunks.every((h) => h.lines.length === 0);
+    return (_jsxs("figure", { className: "rl-agent-approval-diff", "aria-labelledby": captionId, children: [_jsxs("figcaption", { id: captionId, className: "rl-agent-approval-diff__caption", children: [_jsx("span", { className: "rl-agent-approval-diff__change", children: m.diffChange[diff.change] }), _jsxs("span", { className: "rl-agent-approval-diff__path", children: [diff.path, diff.movedTo ? ` → ${diff.movedTo}` : ''] }), _jsx("span", { className: "rl-agent-approval-diff__stats", children: m.diffStats(additions, deletions) }), _jsx("span", { className: "rl-agent-sr", children: m.diffLabel(diff.path) })] }), diff.binary ? (_jsx("p", { className: "rl-agent-approval-diff__note", children: m.diffBinary })) : empty ? (_jsx("p", { className: "rl-agent-approval-diff__note", children: m.diffEmpty })) : (_jsx("div", { className: "rl-agent-approval-diff__scroll", tabIndex: 0, role: "group", "aria-labelledby": captionId, children: diff.hunks.map((hunk) => (_jsxs("div", { className: "rl-agent-approval-diff__hunk", children: [hunk.header && _jsx("p", { className: "rl-agent-approval-diff__header", children: hunk.header }), _jsx("ol", { className: "rl-agent-approval-diff__lines", children: hunk.lines.map((line, i) => {
+                                const sign = line.kind === 'add' ? '+' : line.kind === 'remove' ? '−' : ' ';
+                                const number = line.kind === 'remove' ? line.oldLine : (line.newLine ?? line.oldLine);
+                                return (_jsxs("li", { className: "rl-agent-approval-diff__line", "data-kind": line.kind, children: [_jsx("span", { className: "rl-agent-approval-diff__no", "aria-hidden": "true", children: number ?? '' }), _jsx("span", { className: "rl-agent-approval-diff__sign", "aria-hidden": "true", children: sign }), line.kind === 'add' && _jsxs("span", { className: "rl-agent-sr", children: [m.diffAdded, " "] }), line.kind === 'remove' && _jsxs("span", { className: "rl-agent-sr", children: [m.diffRemoved, " "] }), _jsx("code", { className: "rl-agent-approval-diff__text", children: line.text === '' ? ' ' : line.text })] }, i));
+                            }) })] }, hunk.id))) })), diff.truncated && _jsx("p", { className: "rl-agent-approval-diff__note", children: m.diffTruncated })] }));
+}
+//# sourceMappingURL=ApprovalDiff.js.map

package/dist/components/intervention/ApprovalDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalDiff.js","sourceRoot":"","sources":["../../../src/components/intervention/ApprovalDiff.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAA0B;IAC3D,MAAM,CAAC,GAAG,gBAAgB,EAAE,CAAC,YAAY,CAAC;IAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAChC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACvH,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC1H,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAC5D,OAAO,CACL,kBAAQ,SAAS,EAAC,wBAAwB,qBAAkB,SAAS,aACnE,sBAAY,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,iCAAiC,aACpE,eAAM,SAAS,EAAC,gCAAgC,YAAE,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,GAAQ,EACnF,gBAAM,SAAS,EAAC,8BAA8B,aAC3C,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IACpC,EACP,eAAM,SAAS,EAAC,+BAA+B,YAAE,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,GAAQ,EAC1F,eAAM,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,GAAQ,IAClD,EACZ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,8BAA8B,YAAE,CAAC,CAAC,UAAU,GAAK,CAC/D,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,YAAG,SAAS,EAAC,8BAA8B,YAAE,CAAC,CAAC,SAAS,GAAK,CAC9D,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,gCAAgC,EAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAC,OAAO,qBAAkB,SAAS,YACjG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,eAAmB,SAAS,EAAC,8BAA8B,aACxD,IAAI,CAAC,MAAM,IAAI,YAAG,SAAS,EAAC,gCAAgC,YAAE,IAAI,CAAC,MAAM,GAAK,EAC/E,aAAI,SAAS,EAAC,+BAA+B,YAC1C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gCAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;gCAC5E,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;gCACtF,OAAO,CACL,cAAY,SAAS,EAAC,8BAA8B,eAAY,IAAI,CAAC,IAAI,aACvE,eAAM,SAAS,EAAC,4BAA4B,iBAAa,MAAM,YAC5D,MAAM,IAAI,EAAE,GACR,EACP,eAAM,SAAS,EAAC,8BAA8B,iBAAa,MAAM,YAC9D,IAAI,GACA,EACN,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,gBAAM,SAAS,EAAC,aAAa,aAAE,CAAC,CAAC,SAAS,SAAS,EAC1E,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,gBAAM,SAAS,EAAC,aAAa,aAAE,CAAC,CAAC,WAAW,SAAS,EAChF,eAAM,SAAS,EAAC,8BAA8B,YAAE,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAQ,KATnF,CAAC,CAUL,CACN,CAAC;4BACJ,CAAC,CAAC,GACC,KApBG,IAAI,CAAC,EAAE,CAqBX,CACP,CAAC,GACE,CACP,EACA,IAAI,CAAC,SAAS,IAAI,YAAG,SAAS,EAAC,8BAA8B,YAAE,CAAC,CAAC,aAAa,GAAK,IAC7E,CACV,CAAC;AACJ,CAAC"}

package/dist/components/intervention/ApprovalPanel.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import type { AgentActionContext, AgentActionHandler, ApprovalScope, ApprovalView } from '@wzrhine/agent-core';
+/**
+ * Tool-permission approval card (atlas 20, ADR-0011 §6).
+ *
+ * Behaviour
+ * - **Reject is always possible** while a decision is open (waiting, material-loading,
+ *   unavailable, unknown): it never depends on the material. It is busy only while a decision is
+ *   being submitted and gone once the request is approved, rejected or expired.
+ * - **Allow** needs `status === 'waiting'` and `availability.allowed` (the adapter verified the
+ *   full material and revision). Otherwise it is disabled and the reason is shown as visible text
+ *   linked with `aria-describedby`. "Trust for this session" appears only when `scopes` offers
+ *   `'session'` and `onApprove` exists. A capability without a callback renders no button.
+ * - Every decision emits `AgentActionContext { actionId, targetId: operationId, baseRevision:
+ *   revision }`. `actionId` = stable per-mount id + counter. Re-entry is blocked synchronously
+ *   (double click) until the handler settles, and for `accepted` / `unknown` results until the
+ *   view-model changes.
+ * - `unknown`: a warning explains the decision may or may not have arrived; the control that sent
+ *   it becomes 「重试提交」, which calls the same handler with the **same** `actionId` and scope.
+ *   No retry is offered when `receipt.retryable === false` or the attempt was made in another mount.
+ * - `approved` / `rejected` are static receipts; `expired` hides the decision and offers only
+ *   `onRefresh` when given. Buttons only emit intent; the host adapter is the authority.
+ *
+ * A11y: `<section aria-labelledby>` on the title; the status pill pairs glyph + text; a visually
+ * hidden `role="status"` region (mounted with the card) announces submitting / unknown / receipts.
+ * New approvals never steal focus; `autoFocus` focuses the title (`tabIndex=-1`) once on mount.
+ *
+ * Motion: none of its own. Wrap in `AgentEntrance kind="card"` (InterventionDock does) for the
+ * first entrance; the evidence disclosure is the Collapsible height transition. Reduced motion
+ * changes nothing that carries information.
+ */
+export interface ApprovalPanelProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'children'> {
+    approval: ApprovalView;
+    onApprove?: AgentActionHandler<[ApprovalScope, AgentActionContext]>;
+    onReject?: AgentActionHandler<[AgentActionContext]>;
+    /** Shown in `unavailable`: reload the approval material. */
+    onRetryMaterial?: () => void;
+    /** Shown in `expired`: refresh the approval state from the runtime. */
+    onRefresh?: () => void;
+    /** Custom material view (e.g. tools `DiffPreview`). Default: an internal read-only diff of `approval.diff`. */
+    renderMaterial?: (approval: ApprovalView) => React.ReactNode;
+    /** `compact` docks above the composer: tighter spacing, evidence always behind a disclosure. */
+    density?: 'compact' | 'full';
+    /** Focus the title once on mount. Off by default: new approvals never steal focus. */
+    autoFocus?: boolean;
+    /** Title element level. Default 3. */
+    headingLevel?: 2 | 3 | 4;
+    /** Evidence with more items than this (or with long values) goes behind a disclosure. Default 3. */
+    evidenceCollapseAt?: number;
+    /** Overrides of the footer note and button labels. */
+    rejectNote?: React.ReactNode;
+    rejectLabel?: string;
+    allowLabel?: string;
+    allowSessionLabel?: string;
+}
+export declare const ApprovalPanel: React.ForwardRefExoticComponent<ApprovalPanelProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=ApprovalPanel.d.ts.map

package/dist/components/intervention/ApprovalPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalPanel.d.ts","sourceRoot":"","sources":["../../../src/components/intervention/ApprovalPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAIlB,aAAa,EAEb,YAAY,EAEb,MAAM,qBAAqB,CAAC;AAS7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACvG,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACpD,4DAA4D;IAC5D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+GAA+G;IAC/G,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,gGAAgG;IAChG,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,oGAAoG;IACpG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAkDD,eAAO,MAAM,aAAa,wFAgTxB,CAAC"}

package/dist/components/intervention/ApprovalPanel.js

@@ -0,0 +1,111 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { Button, Callout, Collapsible, Skeleton, StatusBadge } from '@wzrhine/react';
+import { AgentStatus } from '../../primitives/AgentStatus.js';
+import { AgentIcon } from '../../primitives/icons.js';
+import { useAgentFormat, useAgentMessages } from '../../provider/AgentMessages.js';
+import { cx } from '../../utils/cx.js';
+import { useActionLock } from './action-lock.js';
+import { ApprovalDiff } from './ApprovalDiff.js';
+import { InterventionIcon } from './icons.js';
+const statusGlyph = {
+    waiting: { glyph: 'approval', tone: 'warning' },
+    'material-loading': { glyph: 'pending', tone: 'info', active: true },
+    unavailable: { glyph: 'unknown', tone: 'warning' },
+    submitting: { glyph: 'pending', tone: 'info', active: true },
+    unknown: { glyph: 'unknown', tone: 'warning' },
+    approved: { glyph: 'done', tone: 'success' },
+    rejected: { glyph: 'stopped', tone: 'danger' },
+    expired: { glyph: 'stopped', tone: 'neutral' },
+};
+const riskStatus = { low: 'neutral', medium: 'warning', high: 'danger' };
+const OPEN = ['waiting', 'material-loading', 'unavailable', 'unknown'];
+function isLong(item) {
+    return item.value.length > 160 || item.value.split('\n').length > 4;
+}
+function EvidenceList({ evidence }) {
+    return (_jsx("dl", { className: "rl-agent-approval__evidence", children: evidence.map((item) => (_jsxs("div", { className: "rl-agent-approval__evidence-row", "data-format": item.format ?? 'text', children: [_jsx("dt", { children: item.label }), _jsx("dd", { children: item.format === 'code' || item.format === 'json' ? (_jsx("pre", { className: "rl-agent-approval__pre", tabIndex: 0, children: _jsx("code", { children: item.value }) })) : item.format === 'path' ? (_jsx("code", { className: "rl-agent-approval__mono", children: item.value })) : (item.value) })] }, item.id))) }));
+}
+export const ApprovalPanel = React.forwardRef(function ApprovalPanel({ approval, onApprove, onReject, onRetryMaterial, onRefresh, renderMaterial, density = 'full', autoFocus = false, headingLevel = 3, evidenceCollapseAt = 3, rejectNote, rejectLabel, allowLabel, allowSessionLabel, className, ...rest }, ref) {
+    const m = useAgentMessages().intervention;
+    const fmt = useAgentFormat();
+    const id = React.useId();
+    const titleId = `${id}-title`;
+    const allowReasonId = `${id}-allow-reason`;
+    const headingRef = React.useRef(null);
+    const { status, operationId, revision } = approval;
+    const lock = useActionLock(`${operationId}:${revision}:${status}`);
+    const [attempt, setAttempt] = React.useState(null);
+    // A different operation in the same mount starts from a clean slate.
+    const [seenOperation, setSeenOperation] = React.useState(operationId);
+    if (seenOperation !== operationId) {
+        setSeenOperation(operationId);
+        setAttempt(null);
+    }
+    React.useEffect(() => {
+        if (autoFocus)
+            headingRef.current?.focus();
+        // Mount only: later approvals never move focus.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const open = OPEN.includes(status);
+    const submitting = status === 'submitting' || (lock.locked && open);
+    const scopes = approval.scopes ?? ['once'];
+    const toolName = approval.tool.displayName ?? approval.tool.name;
+    const Heading = `h${headingLevel}`;
+    const send = (kind, scope, ctx) => {
+        const handler = kind === 'approve' ? onApprove : onReject;
+        if (!handler)
+            return;
+        lock.run(() => {
+            setAttempt({ kind, scope, ctx });
+            return kind === 'approve' ? onApprove(scope, ctx) : onReject(ctx);
+        });
+    };
+    const fresh = () => ({ actionId: lock.nextActionId(), targetId: operationId, baseRevision: revision });
+    // ----- allow gating -----
+    const allowEnabled = status === 'waiting' && approval.availability.allowed && !submitting;
+    let allowReason;
+    if (!allowEnabled && open) {
+        if (status === 'waiting')
+            allowReason = submitting ? m.approvalAllowBlocked.submitting : (approval.availability.reason ?? m.approvalNotAllowed);
+        else
+            allowReason = m.approvalAllowBlocked[status] ?? approval.availability.reason;
+    }
+    const retryable = approval.receipt?.retryable !== false;
+    const canRetry = status === 'unknown' && attempt !== null && retryable && (attempt.kind === 'approve' ? !!onApprove : !!onReject);
+    const sr = status === 'submitting'
+        ? m.approvalSubmitting
+        : status === 'unknown'
+            ? m.approvalUnknownTitle
+            : status === 'approved'
+                ? m.approvalApproved
+                : status === 'rejected'
+                    ? m.approvalRejected
+                    : status === 'expired'
+                        ? m.approvalExpiredTitle
+                        : '';
+    const evidence = approval.evidence ?? [];
+    const collapseEvidence = evidence.length > 0 && (density === 'compact' || evidence.length > evidenceCollapseAt || evidence.some(isLong));
+    // ----- material -----
+    let material = null;
+    if (status === 'material-loading') {
+        material = (_jsxs("div", { className: "rl-agent-approval__loading", "aria-busy": "true", children: [_jsx("p", { className: "rl-agent-approval__loading-text", children: m.approvalMaterialLoading }), _jsx(Skeleton, { lines: 3 })] }));
+    }
+    else if (status === 'unavailable') {
+        material = (_jsxs("div", { className: "rl-agent-approval__unavailable", children: [_jsx(Callout, { tone: "warning", title: m.approvalUnavailable, className: "rl-agent-approval__callout", children: approval.availability.reason ?? m.approvalUnavailableHint }), onRetryMaterial && (_jsx(Button, { size: "sm", variant: "secondary", iconStart: _jsx(AgentIcon, { name: "retry" }), onClick: onRetryMaterial, children: m.approvalRetryMaterial }))] }));
+    }
+    else {
+        const custom = renderMaterial?.(approval);
+        material = custom ?? (approval.diff ? _jsx(ApprovalDiff, { diff: approval.diff }) : null);
+    }
+    const receiptTime = approval.receipt?.at ? (_jsx("time", { className: "rl-agent-approval__receipt-time", dateTime: approval.receipt.at, children: m.approvalReceiptAt(fmt.time(approval.receipt.at)) })) : null;
+    const busyKind = submitting ? attempt?.kind : undefined;
+    const showReject = !!onReject && (open || status === 'submitting') && !(status === 'unknown' && attempt?.kind === 'reject');
+    const showAllow = !!onApprove && (open || status === 'submitting') && !(status === 'unknown' && attempt?.kind === 'approve');
+    const meta = statusGlyph[status];
+    return (_jsxs("section", { ...rest, ref: ref, className: cx('rl-agent-approval', className), "aria-labelledby": titleId, "data-status": status, "data-density": density, "data-risk": approval.risk, children: [_jsxs("header", { className: "rl-agent-approval__header", children: [_jsxs("div", { className: "rl-agent-approval__eyebrow", children: [_jsx(InterventionIcon, { name: "shield-alert", className: "rl-agent-approval__shield" }), _jsx("span", { className: "rl-agent-approval__operation", children: m.approvalOperation(operationId) }), _jsx(AgentStatus, { glyph: meta.glyph, tone: meta.tone, active: meta.active, label: m.approvalStatus[status] }), approval.risk && (_jsx(StatusBadge, { size: "sm", status: riskStatus[approval.risk], className: "rl-agent-approval__risk", children: m.approvalRisk[approval.risk] }))] }), _jsxs(Heading, { id: titleId, ref: headingRef, tabIndex: -1, className: "rl-agent-approval__title", children: [_jsx("span", { className: "rl-agent-approval__tool", children: toolName }), approval.reason && (_jsxs(_Fragment, { children: [_jsx("span", { className: "rl-agent-approval__sep", "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { className: "rl-agent-approval__reason", children: approval.reason })] }))] })] }), _jsxs("div", { className: "rl-agent-approval__body", children: [approval.tool.subject && (_jsxs("p", { className: "rl-agent-approval__line", children: [_jsx("span", { className: "rl-agent-approval__label", children: m.approvalSubject }), _jsx("code", { className: "rl-agent-approval__subject", children: approval.tool.subject })] })), _jsx("p", { className: "rl-agent-approval__summary", children: approval.summary }), (approval.scope || approval.expiresAt) && (_jsxs("p", { className: "rl-agent-approval__meta", children: [approval.scope && (_jsxs("span", { children: [_jsx("span", { className: "rl-agent-approval__label", children: m.approvalScope }), " ", approval.scope] })), approval.expiresAt && (_jsxs("span", { children: [_jsx("span", { className: "rl-agent-approval__label", children: m.approvalExpires }), ' ', _jsx("time", { dateTime: approval.expiresAt, children: fmt.time(approval.expiresAt) })] }))] })), approval.irreversible && (_jsx(Callout, { tone: "danger", title: m.approvalIrreversibleTitle, icon: _jsx(InterventionIcon, { name: "trash-warning" }), children: approval.irreversible })), approval.unsandboxed && (_jsx(Callout, { tone: "warning", title: m.approvalUnsandboxedTitle, icon: _jsx(InterventionIcon, { name: "lock-open" }), children: m.approvalUnsandboxed })), material != null && material !== false && _jsx("div", { className: "rl-agent-approval__material", children: material }), evidence.length > 0 &&
+                        (collapseEvidence ? (_jsx(Collapsible, { className: "rl-agent-approval__details", trigger: _jsx("span", { children: m.approvalEvidenceToggle(evidence.length) }), children: _jsx(EvidenceList, { evidence: evidence }) })) : (_jsxs("div", { className: "rl-agent-approval__details", children: [_jsx("p", { className: "rl-agent-approval__label", children: m.approvalEvidence }), _jsx(EvidenceList, { evidence: evidence })] })))] }), status === 'unknown' && (_jsx("div", { className: "rl-agent-approval__unknown", children: _jsx(Callout, { tone: "warning", title: m.approvalUnknownTitle, children: approval.receipt?.reason ?? (retryable ? m.approvalUnknownBody : m.approvalUnknownNotRetryable) }) })), status === 'approved' && (_jsxs("p", { className: "rl-agent-approval__receipt", "data-tone": "success", children: [_jsx(AgentIcon, { name: "check" }), _jsx("span", { children: attempt?.scope === 'session' ? m.approvalApprovedSession : m.approvalApproved }), receiptTime] })), status === 'rejected' && (_jsxs("p", { className: "rl-agent-approval__receipt", "data-tone": "danger", children: [_jsx(AgentIcon, { name: "close" }), _jsx("span", { children: approval.receipt?.reason ?? m.approvalRejected }), receiptTime] })), status === 'expired' && (_jsxs("div", { className: "rl-agent-approval__expired", children: [_jsx(Callout, { tone: "neutral", title: m.approvalExpiredTitle, icon: _jsx(AgentIcon, { name: "clock" }), className: "rl-agent-approval__callout", children: m.approvalExpiredBody }), onRefresh && (_jsx(Button, { size: "sm", variant: "secondary", iconStart: _jsx(AgentIcon, { name: "retry" }), onClick: onRefresh, children: m.approvalRefresh }))] })), (showReject || showAllow || canRetry) && (_jsxs("footer", { className: "rl-agent-approval__footer", children: [showReject && _jsx("p", { className: "rl-agent-approval__note", children: rejectNote ?? m.approvalRejectNote }), allowReason && showAllow && (_jsxs("p", { id: allowReasonId, className: "rl-agent-approval__allow-reason", children: [_jsx(AgentIcon, { name: "info" }), _jsx("span", { children: allowReason })] })), _jsxs("div", { className: "rl-agent-approval__actions", children: [canRetry && (_jsx(Button, { size: "sm", variant: "primary", loading: submitting, iconStart: _jsx(AgentIcon, { name: "retry" }), onClick: () => attempt && send(attempt.kind, attempt.scope, attempt.ctx), children: m.approvalRetrySubmit })), showReject && (_jsx(Button, { size: "sm", variant: "secondary", loading: busyKind === 'reject', disabled: submitting && busyKind !== 'reject', onClick: () => send('reject', 'once', fresh()), children: rejectLabel ?? m.approvalReject })), showAllow && scopes.includes('session') && (_jsx(Button, { size: "sm", variant: "secondary", loading: busyKind === 'approve' && attempt?.scope === 'session', disabled: !allowEnabled && !(busyKind === 'approve' && attempt?.scope === 'session'), "aria-describedby": allowReason ? allowReasonId : undefined, onClick: () => send('approve', 'session', fresh()), children: allowSessionLabel ?? m.approvalAllowSession })), showAllow && (_jsx(Button, { size: "sm", variant: "accent", loading: busyKind === 'approve' && attempt?.scope !== 'session', disabled: !allowEnabled && !(busyKind === 'approve' && attempt?.scope !== 'session'), "aria-describedby": allowReason ? allowReasonId : undefined, onClick: () => send('approve', 'once', fresh()), children: allowLabel ?? m.approvalAllowOnce }))] })] })), _jsx("p", { className: "rl-agent-sr", role: "status", children: sr })] }));
+});
+//# sourceMappingURL=ApprovalPanel.js.map