@wzrhine/agent 0.0.0-stage → 0.1.0

package/dist/components/shell/AgentHeader.js.map

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

package/dist/components/shell/AgentShell.d.ts

@@ -0,0 +1,138 @@
+import * as React from 'react';
+/**
+ * AgentShell (atlas 01): the workbench frame. It owns regions, slots, focus and responsive
+ * behaviour only; routing, window chrome and data stay with the host (ADR-0011 §9).
+ *
+ * Layout, from the inline start: `rail` (app navigation) · `index` (conversation index) · reading
+ * column (`header` / `conversation` / `composer`) · ResizeHandle · `context` (side pane). Every
+ * column scrolls on its own (`min-height: 0` + `overflow: auto`); reading content is capped at
+ * `--rl-agent-reading-width` and centred, so wide screens never stretch long lines.
+ *
+ * Responsive: the shell measures its own width (ResizeObserver; without it the shell stays
+ * `wide`), so two shells on one page, or a shell inside a card, decide independently.
+ * - `wide`: every column inline.
+ * - `compact` (< `breakpoints.context` rem): the context pane leaves the row first instead of
+ *   squeezing the reading column; opening it shows a Drawer sheet.
+ * - `narrow` (< `breakpoints.index` rem): the index becomes a sheet too and the rail is hidden;
+ *   one reading column remains.
+ * Shrinking past a breakpoint closes what no longer fits (`onContextOpenChange(false, 'layout')`,
+ * so `aria-pressed` on toggles always matches what is visible) and growing back reopens it,
+ * unless the user toggled it in between. Controlled hosts receive the same calls.
+ *
+ * Landmarks: the shell does not force `main`. The reading column is a `<section aria-label>`
+ * (`mainLabel`); wrap the shell in `<main>` when it is the page's main content. The index is a
+ * labelled section; AgentSidePane brings its own `complementary` landmark. Closing the inline
+ * pane while focus is inside it returns focus to the element that was focused when it opened
+ * (typically the header toggle); sheets restore focus through Drawer.
+ *
+ * Motion (ADR-0012): the inline pane opens / closes with a single-axis CSS translate + opacity
+ * transition on `--rl-motion-panel`, interruptible and instant under reduced motion. Its width
+ * is never animated: it appears at once on open and is released only after the exit fade.
+ * Dragging the ResizeHandle follows the pointer directly.
+ */
+export type AgentShellLayout = 'wide' | 'compact' | 'narrow';
+/** Why an open state changed: user toggle, sheet dismissal, layout breakpoint, a new selection. */
+export type AgentShellOpenReason = 'toggle' | 'dismiss' | 'layout' | 'selection';
+export interface AgentShellContextValue {
+    layout: AgentShellLayout;
+    hasContext: boolean;
+    hasIndex: boolean;
+    contextOpen: boolean;
+    setContextOpen: (open: boolean, reason?: AgentShellOpenReason) => void;
+    toggleContext: () => void;
+    indexOpen: boolean;
+    setIndexOpen: (open: boolean, reason?: AgentShellOpenReason) => void;
+    /** The index is not visible as an inline column (narrow layout or collapsed). */
+    indexCollapsed: boolean;
+}
+/** Where the context slot is rendered right now. */
+export type AgentContextPresentation = 'inline' | 'sheet' | 'standalone';
+/** The nearest AgentShell's state and toggles, or `null` outside a shell. */
+export declare function useAgentShell(): AgentShellContextValue | null;
+/** How the surrounding shell presents the context slot (AgentSidePane hides its close button in a sheet). */
+export declare function useAgentContextPresentation(): AgentContextPresentation;
+export type AgentShellProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /** App navigation rail (hidden on narrow layouts; the host offers its own menu there). */
+    rail?: React.ReactNode;
+    /** Conversation index column, usually a ConversationList. */
+    index?: React.ReactNode;
+    header?: React.ReactNode;
+    /** Main reading area (MessageList). */
+    conversation?: React.ReactNode;
+    /** Docked at the bottom of the reading column. */
+    composer?: React.ReactNode;
+    /** Side pane, usually an AgentSidePane. */
+    context?: React.ReactNode;
+    /** Accessible name of the reading column. */
+    mainLabel?: string;
+    /** Accessible name of the index column and title of the index sheet. */
+    indexLabel?: string;
+    /** Title of the context sheet on compact / narrow layouts. */
+    contextLabel?: string;
+    contextOpen?: boolean;
+    defaultContextOpen?: boolean;
+    onContextOpenChange?: (open: boolean, reason: AgentShellOpenReason) => void;
+    indexOpen?: boolean;
+    defaultIndexOpen?: boolean;
+    onIndexOpenChange?: (open: boolean, reason: AgentShellOpenReason) => void;
+    /** Width of the inline context pane in CSS pixels. */
+    contextSize?: number;
+    defaultContextSize?: number;
+    onContextSizeChange?: (size: number) => void;
+    contextMin?: number;
+    contextMax?: number;
+    /** Show the ResizeHandle between reading column and pane (default true). */
+    resizable?: boolean;
+    /** Breakpoints in rem of the shell's own width (defaults: context 64, index 40). */
+    breakpoints?: {
+        context?: number;
+        index?: number;
+    };
+    /** Force a layout (tests, hosts that already know their size). Overrides measurement. */
+    layout?: AgentShellLayout;
+    /** Id of the conversation being read; a change closes the index sheet on narrow layouts. */
+    activeId?: string;
+};
+export declare const AgentShell: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** App navigation rail (hidden on narrow layouts; the host offers its own menu there). */
+    rail?: React.ReactNode;
+    /** Conversation index column, usually a ConversationList. */
+    index?: React.ReactNode;
+    header?: React.ReactNode;
+    /** Main reading area (MessageList). */
+    conversation?: React.ReactNode;
+    /** Docked at the bottom of the reading column. */
+    composer?: React.ReactNode;
+    /** Side pane, usually an AgentSidePane. */
+    context?: React.ReactNode;
+    /** Accessible name of the reading column. */
+    mainLabel?: string;
+    /** Accessible name of the index column and title of the index sheet. */
+    indexLabel?: string;
+    /** Title of the context sheet on compact / narrow layouts. */
+    contextLabel?: string;
+    contextOpen?: boolean;
+    defaultContextOpen?: boolean;
+    onContextOpenChange?: (open: boolean, reason: AgentShellOpenReason) => void;
+    indexOpen?: boolean;
+    defaultIndexOpen?: boolean;
+    onIndexOpenChange?: (open: boolean, reason: AgentShellOpenReason) => void;
+    /** Width of the inline context pane in CSS pixels. */
+    contextSize?: number;
+    defaultContextSize?: number;
+    onContextSizeChange?: (size: number) => void;
+    contextMin?: number;
+    contextMax?: number;
+    /** Show the ResizeHandle between reading column and pane (default true). */
+    resizable?: boolean;
+    /** Breakpoints in rem of the shell's own width (defaults: context 64, index 40). */
+    breakpoints?: {
+        context?: number;
+        index?: number;
+    };
+    /** Force a layout (tests, hosts that already know their size). Overrides measurement. */
+    layout?: AgentShellLayout;
+    /** Id of the conversation being read; a change closes the index sheet on narrow layouts. */
+    activeId?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AgentShell.d.ts.map

package/dist/components/shell/AgentShell.d.ts.map

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

package/dist/components/shell/AgentShell.js

@@ -0,0 +1,206 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Drawer } from '@wzrhine/react';
+import { useAgentMessages } from '../../provider/AgentMessages.js';
+import { cx } from '../../utils/cx.js';
+import { ResizeHandle } from './ResizeHandle.js';
+import { useIsoLayoutEffect } from './use-controllable.js';
+const ShellContext = React.createContext(null);
+const PresentationContext = React.createContext('standalone');
+/** The nearest AgentShell's state and toggles, or `null` outside a shell. */
+export function useAgentShell() {
+    return React.useContext(ShellContext);
+}
+/** How the surrounding shell presents the context slot (AgentSidePane hides its close button in a sheet). */
+export function useAgentContextPresentation() {
+    return React.useContext(PresentationContext);
+}
+const DEFAULT_BREAKPOINTS = { context: 64, index: 40 };
+/** Reading column kept free when clamping the pane width (CSS pixels, 20rem at 16px). */
+const READING_MIN = 320;
+const rank = { narrow: 0, compact: 1, wide: 2 };
+function rootFontSize() {
+    if (typeof document === 'undefined' || typeof getComputedStyle === 'undefined')
+        return 16;
+    return Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
+}
+function useShellMeasure(ref, contextAt, indexAt) {
+    const [state, setState] = React.useState({ layout: 'wide', width: 0, side: 0 });
+    useIsoLayoutEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return undefined;
+        const measure = () => {
+            const width = Math.round(el.getBoundingClientRect().width);
+            if (!width)
+                return;
+            const rem = rootFontSize();
+            const layout = width < indexAt * rem ? 'narrow' : width < contextAt * rem ? 'compact' : 'wide';
+            let side = 0;
+            for (const child of Array.from(el.children)) {
+                if (child.matches('.rl-agent-shell__rail, .rl-agent-shell__index'))
+                    side += child.offsetWidth;
+            }
+            setState((prev) => (prev.layout === layout && prev.width === width && prev.side === side ? prev : { layout, width, side }));
+        };
+        measure();
+        if (typeof ResizeObserver === 'undefined')
+            return undefined;
+        const observer = new ResizeObserver(measure);
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [ref, contextAt, indexAt]);
+    return state;
+}
+function useOpenState(value, defaultValue, onChange) {
+    const [inner, setInner] = React.useState(defaultValue);
+    const controlled = value !== undefined;
+    const open = controlled ? value : inner;
+    const latest = React.useRef(open);
+    latest.current = open;
+    const onChangeRef = React.useRef(onChange);
+    onChangeRef.current = onChange;
+    const restore = React.useRef(false);
+    const set = React.useCallback((next, reason = 'toggle') => {
+        if (reason !== 'layout')
+            restore.current = false;
+        if (next === latest.current)
+            return;
+        latest.current = next;
+        if (!controlled)
+            setInner(next);
+        onChangeRef.current?.(next, reason);
+    }, [controlled]);
+    return { open, set, restore };
+}
+/** Scroll container that is keyboard-focusable only while it actually overflows. */
+function useScrollable() {
+    const [node, setNode] = React.useState(null);
+    const [scrollable, setScrollable] = React.useState(false);
+    useIsoLayoutEffect(() => {
+        if (!node || typeof ResizeObserver === 'undefined')
+            return undefined;
+        const update = () => setScrollable(node.scrollHeight > node.clientHeight + 1);
+        update();
+        const observer = new ResizeObserver(update);
+        observer.observe(node);
+        const content = node.firstElementChild;
+        if (content)
+            observer.observe(content);
+        return () => observer.disconnect();
+    }, [node]);
+    return { ref: setNode, scrollable };
+}
+const present = (node) => node != null && node !== false;
+export const AgentShell = React.forwardRef(function AgentShell({ rail, index, header, conversation, composer, context, mainLabel, indexLabel, contextLabel, contextOpen: contextOpenProp, defaultContextOpen = false, onContextOpenChange, indexOpen: indexOpenProp, defaultIndexOpen = true, onIndexOpenChange, contextSize, defaultContextSize = 352, onContextSizeChange, contextMin = 288, contextMax = 640, resizable = true, breakpoints, layout: layoutProp, activeId, className, style, ...rest }, forwardedRef) {
+    const messages = useAgentMessages().shell;
+    const rootRef = React.useRef(null);
+    const contextRef = React.useRef(null);
+    const setRoot = React.useCallback((el) => {
+        rootRef.current = el;
+        if (typeof forwardedRef === 'function')
+            forwardedRef(el);
+        else if (forwardedRef)
+            forwardedRef.current = el;
+    }, [forwardedRef]);
+    const measured = useShellMeasure(rootRef, breakpoints?.context ?? DEFAULT_BREAKPOINTS.context, breakpoints?.index ?? DEFAULT_BREAKPOINTS.index);
+    const layout = layoutProp ?? measured.layout;
+    const hasContext = present(context);
+    const hasIndex = present(index);
+    const ctx = useOpenState(contextOpenProp, defaultContextOpen, onContextOpenChange);
+    const idx = useOpenState(indexOpenProp, defaultIndexOpen, onIndexOpenChange);
+    // Leaving a layout closes what no longer fits *before* a sheet could open for it: sheets only
+    // follow `open` once the layout change has been reconciled (`synced`).
+    // Starts from `wide` (the server / first-paint layout) so a narrow first measurement closes
+    // what the defaults opened instead of popping a sheet on load.
+    const [synced, setSynced] = React.useState('wide');
+    useIsoLayoutEffect(() => {
+        if (synced === layout)
+            return;
+        const reconcile = (state, threshold) => {
+            const was = rank[synced] >= threshold;
+            const is = rank[layout] >= threshold;
+            if (was && !is && state.open) {
+                state.set(false, 'layout');
+                state.restore.current = true;
+            }
+            else if (!was && is && state.restore.current) {
+                state.restore.current = false;
+                state.set(true, 'layout');
+            }
+        };
+        reconcile(ctx, rank.wide);
+        reconcile(idx, rank.compact);
+        setSynced(layout);
+    }, [layout, synced]);
+    // Picking a conversation in the narrow index sheet closes the sheet.
+    const prevActive = React.useRef(activeId);
+    React.useEffect(() => {
+        if (prevActive.current === activeId)
+            return;
+        prevActive.current = activeId;
+        if (layout === 'narrow' && idx.open)
+            idx.set(false, 'selection');
+    });
+    // Focus return for the inline pane: remember the opener, restore it when the pane closes with focus inside.
+    const opener = React.useRef(null);
+    const focusWithin = React.useRef(false);
+    const wasOpen = React.useRef(ctx.open);
+    useIsoLayoutEffect(() => {
+        if (ctx.open === wasOpen.current)
+            return;
+        wasOpen.current = ctx.open;
+        if (typeof document === 'undefined')
+            return;
+        const active = document.activeElement;
+        if (ctx.open) {
+            opener.current = active && active !== document.body ? active : null;
+            return;
+        }
+        const pane = contextRef.current;
+        // `inert` may already have blurred the focused control, so also trust the focus-within flag.
+        if (focusWithin.current || (pane && active && pane.contains(active))) {
+            focusWithin.current = false;
+            const target = opener.current;
+            if (target?.isConnected)
+                target.focus();
+            else
+                rootRef.current?.querySelector('.rl-agent-shell__main')?.focus();
+        }
+        opener.current = null;
+    }, [ctx.open]);
+    const [innerSize, setInnerSize] = React.useState(defaultContextSize);
+    const rawSize = contextSize ?? innerSize;
+    const fitMax = measured.width ? Math.max(contextMin, Math.min(contextMax, measured.width - measured.side - READING_MIN)) : contextMax;
+    const paneSize = Math.round(Math.min(Math.max(rawSize, contextMin), fitMax));
+    const setSize = (next) => {
+        if (contextSize === undefined)
+            setInnerSize(next);
+        onContextSizeChange?.(next);
+    };
+    const inlineContext = hasContext && layout === 'wide';
+    const inlineIndex = hasIndex && layout !== 'narrow';
+    const contextOpen = hasContext && ctx.open;
+    const indexOpen = hasIndex && idx.open;
+    const value = React.useMemo(() => ({
+        layout,
+        hasContext,
+        hasIndex,
+        contextOpen,
+        setContextOpen: ctx.set,
+        toggleContext: () => ctx.set(!contextOpen, 'toggle'),
+        indexOpen,
+        setIndexOpen: idx.set,
+        indexCollapsed: hasIndex && (!inlineIndex || !indexOpen),
+    }), [layout, hasContext, hasIndex, contextOpen, ctx.set, indexOpen, idx.set, inlineIndex]);
+    const scroller = useScrollable();
+    const sheetsReady = synced === layout;
+    return (_jsxs(ShellContext.Provider, { value: value, children: [_jsxs("div", { ...rest, ref: setRoot, className: cx('rl-agent-shell', className), style: { ...style, ['--rl-agent-pane-size']: `${paneSize}px` }, "data-layout": layout, "data-context-open": (inlineContext && contextOpen) || undefined, children: [present(rail) && layout !== 'narrow' && _jsx("div", { className: "rl-agent-shell__rail", children: rail }), inlineIndex && indexOpen && (_jsx("section", { className: "rl-agent-shell__index", "aria-label": indexLabel ?? messages.indexLabel, children: index })), _jsxs("section", { className: "rl-agent-shell__main", "aria-label": mainLabel ?? messages.mainLabel, tabIndex: -1, children: [present(header) && _jsx("div", { className: "rl-agent-shell__header", children: header }), _jsx("div", { ref: scroller.ref, className: "rl-agent-shell__conversation", tabIndex: scroller.scrollable ? 0 : undefined, children: _jsx("div", { className: "rl-agent-shell__reading", children: conversation }) }), present(composer) && (_jsx("div", { className: "rl-agent-shell__composer", children: _jsx("div", { className: "rl-agent-shell__reading", children: composer }) }))] }), inlineContext && resizable && contextOpen && (_jsx(ResizeHandle, { className: "rl-agent-shell__handle", size: paneSize, onSizeChange: setSize, min: contextMin, max: fitMax, resetSize: defaultContextSize, pane: "end" })), inlineContext && (_jsx("div", { ref: contextRef, className: "rl-agent-shell__context", "data-open": contextOpen || undefined, inert: !contextOpen, "aria-hidden": !contextOpen || undefined, onFocus: () => {
+                            focusWithin.current = true;
+                        }, onBlur: (event) => {
+                            if (!event.currentTarget.contains(event.relatedTarget))
+                                focusWithin.current = false;
+                        }, children: _jsx("div", { className: "rl-agent-shell__context-inner", children: _jsx(PresentationContext.Provider, { value: "inline", children: context }) }) }))] }), hasIndex && !inlineIndex && (_jsx(Drawer, { open: sheetsReady && indexOpen, onOpenChange: (open) => idx.set(open, 'dismiss'), side: "start", size: "sm", title: indexLabel ?? messages.indexLabel, className: "rl-agent-shell__sheet", children: index })), hasContext && !inlineContext && (_jsx(Drawer, { open: sheetsReady && contextOpen, onOpenChange: (open) => ctx.set(open, 'dismiss'), side: "end", size: "md", title: contextLabel ?? messages.contextLabel, className: "rl-agent-shell__sheet", children: _jsx(PresentationContext.Provider, { value: "sheet", children: context }) }))] }));
+});
+//# sourceMappingURL=AgentShell.js.map

package/dist/components/shell/AgentShell.js.map

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

package/dist/components/shell/AgentSidePane.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+/**
+ * AgentSidePane (atlas 26): the context / detail pane. A `complementary` landmark
+ * (`<aside aria-label>`) with Tabs (@wzrhine/react) over `sections`.
+ *
+ * - Every panel stays mounted (`keepMounted`), hidden ones with `hidden`, and each panel is its
+ *   own scroll container, so switching tabs keeps every tab's scroll position.
+ * - A panel that overflows becomes keyboard-scrollable (`tabIndex=0` comes from Base UI).
+ * - `count` renders after the tab label and is part of the tab's name; `content` can carry its
+ *   own loading / error / empty state.
+ * - Close button only with `onClose`, or automatically inside an inline AgentShell pane (it
+ *   closes the pane and the shell returns focus). Inside the shell's sheet the Drawer has its
+ *   own close button, so the pane's title row and close button are not repeated there.
+ * - With one section the tab strip is omitted and the section label becomes the heading.
+ * - Motion: tab indicator from Tabs (CSS, `--rl-motion-base`); pane open / close belongs to
+ *   AgentShell. No content drift between tabs.
+ */
+export interface AgentSidePaneSection {
+    id: string;
+    label: string;
+    count?: number;
+    content: React.ReactNode;
+}
+export type AgentSidePaneProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> & {
+    sections: AgentSidePaneSection[];
+    activeTab?: string;
+    defaultTab?: string;
+    onTabChange?: (id: string) => void;
+    /** Accessible name of the landmark (and visible heading). */
+    label?: string;
+    /** Hide the visible heading (the landmark keeps its name). */
+    hideHeading?: boolean;
+    onClose?: () => void;
+    closeLabel?: string;
+    /** Accessible name of the tab list. */
+    tabsLabel?: string;
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+};
+export declare const AgentSidePane: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "children" | "title"> & {
+    sections: AgentSidePaneSection[];
+    activeTab?: string;
+    defaultTab?: string;
+    onTabChange?: (id: string) => void;
+    /** Accessible name of the landmark (and visible heading). */
+    label?: string;
+    /** Hide the visible heading (the landmark keeps its name). */
+    hideHeading?: boolean;
+    onClose?: () => void;
+    closeLabel?: string;
+    /** Accessible name of the tab list. */
+    tabsLabel?: string;
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=AgentSidePane.d.ts.map

package/dist/components/shell/AgentSidePane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSidePane.d.ts","sourceRoot":"","sources":["../../../src/components/shell/AgentSidePane.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAC/F,QAAQ,EAAE,oBAAoB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,aAAa;cAfd,oBAAoB,EAAE;gBACpB,MAAM;iBACL,MAAM;kBACL,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;IAClC,6DAA6D;YACrD,MAAM;IACd,8DAA8D;kBAChD,OAAO;cACX,MAAM,IAAI;iBACP,MAAM;IACnB,uCAAuC;gBAC3B,MAAM;mBACH,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;qCAwEhC,CAAC"}

package/dist/components/shell/AgentSidePane.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { IconButton, Tab, TabList, TabPanel, Tabs } from '@wzrhine/react';
+import { useAgentFormat, useAgentMessages } from '../../provider/AgentMessages.js';
+import { AgentIcon } from '../../primitives/icons.js';
+import { cx } from '../../utils/cx.js';
+import { useAgentContextPresentation, useAgentShell } from './AgentShell.js';
+import { useControllable } from './use-controllable.js';
+export const AgentSidePane = React.forwardRef(function AgentSidePane({ sections, activeTab, defaultTab, onTabChange, label, hideHeading = false, onClose: onCloseProp, closeLabel, tabsLabel, headingLevel = 2, className, ...rest }, ref) {
+    const shell = useAgentMessages().shell;
+    const format = useAgentFormat();
+    const shellState = useAgentShell();
+    const presentation = useAgentContextPresentation();
+    const headingId = React.useId();
+    const [current, setCurrent] = useControllable(activeTab, defaultTab ?? sections[0]?.id ?? '', onTabChange);
+    const value = sections.some((section) => section.id === current) ? current : (sections[0]?.id ?? '');
+    const name = label ?? shell.paneLabel;
+    const Heading = `h${headingLevel}`;
+    const inSheet = presentation === 'sheet';
+    const onClose = onCloseProp ?? (presentation === 'inline' && shellState ? () => shellState.setContextOpen(false, 'toggle') : undefined);
+    const single = sections.length === 1 ? sections[0] : undefined;
+    const showHead = !inSheet && (!hideHeading || onClose);
+    return (_jsxs("aside", { ...rest, ref: ref, className: cx('rl-agent-pane', className), "aria-label": name, "data-presentation": presentation, children: [showHead && (_jsxs("div", { className: "rl-agent-pane__head", children: [hideHeading ? (_jsx("span", {})) : (_jsx(Heading, { id: headingId, className: "rl-agent-pane__title", children: single ? single.label : name })), onClose && !inSheet && (_jsx(IconButton, { size: "sm", icon: _jsx(AgentIcon, { name: "close" }), label: closeLabel ?? shell.paneClose, onClick: onClose }))] })), single ? (_jsx("div", { className: "rl-agent-pane__panel rl-agent-pane__panel--single", children: single.content })) : (sections.length > 0 && (_jsxs(Tabs, { className: "rl-agent-pane__tabs", value: value, onValueChange: setCurrent, size: "sm", children: [_jsx(TabList, { className: "rl-agent-pane__tablist", "aria-label": tabsLabel ?? shell.paneTabs, children: sections.map((section) => (_jsx(Tab, { value: section.id, meta: section.count != null ? format.compact(section.count) : undefined, children: section.label }, section.id))) }), sections.map((section) => (_jsx(TabPanel, { value: section.id, keepMounted: true, className: "rl-agent-pane__panel", children: section.content }, section.id)))] })))] }));
+});
+//# sourceMappingURL=AgentSidePane.js.map

package/dist/components/shell/AgentSidePane.js.map

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

package/dist/components/shell/ResizeHandle.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+/**
+ * ResizeHandle (atlas 01): a focusable vertical splitter between two columns.
+ *
+ * - Semantics: `role="separator"` + `aria-orientation="vertical"` with `aria-valuenow / min / max`
+ *   and a readable `aria-valuetext`; the value is the size (CSS pixels) of the pane it resizes.
+ * - Pointer: drag with pointer capture; the size follows the pointer directly (no animation,
+ *   ADR-0012 「侧栏拖动调宽」). Double-click resets to `resetSize` (default `defaultSize`).
+ * - Keyboard: ←/→ move the splitter by `step` (Shift: `largeStep`), Home / End jump to min / max.
+ *   Arrows move the splitter physically, so with the pane at the inline end ← makes it wider; the
+ *   direction follows `dir="rtl"`.
+ * - Controlled with `size` + `onSizeChange`, or uncontrolled with `defaultSize`.
+ */
+export type ResizeHandleProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'defaultValue' | 'onChange'> & {
+    size?: number;
+    defaultSize?: number;
+    onSizeChange?: (size: number) => void;
+    min: number;
+    max: number;
+    /** Arrow-key step in CSS pixels. */
+    step?: number;
+    /** Shift + arrow step. */
+    largeStep?: number;
+    /** Size restored on double-click; defaults to `defaultSize`. */
+    resetSize?: number;
+    /** Logical side of the handle the resized pane is on. */
+    pane?: 'start' | 'end';
+    /** Accessible name; defaults to the shell copy 「调整详情面板宽度」. */
+    label?: string;
+    disabled?: boolean;
+};
+export declare const ResizeHandle: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "role" | "defaultValue" | "onChange"> & {
+    size?: number;
+    defaultSize?: number;
+    onSizeChange?: (size: number) => void;
+    min: number;
+    max: number;
+    /** Arrow-key step in CSS pixels. */
+    step?: number;
+    /** Shift + arrow step. */
+    largeStep?: number;
+    /** Size restored on double-click; defaults to `defaultSize`. */
+    resetSize?: number;
+    /** Logical side of the handle the resized pane is on. */
+    pane?: "start" | "end";
+    /** Accessible name; defaults to the shell copy 「调整详情面板宽度」. */
+    label?: string;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ResizeHandle.d.ts.map

package/dist/components/shell/ResizeHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandle.d.ts","sourceRoot":"","sources":["../../../src/components/shell/ResizeHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,cAAc,GAAG,UAAU,CAAC,GAAG;IAC9H,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AASF,eAAO,MAAM,YAAY;WAzBhB,MAAM;kBACC,MAAM;mBACL,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;SAChC,MAAM;SACN,MAAM;IACX,oCAAoC;WAC7B,MAAM;IACb,0BAA0B;gBACd,MAAM;IAClB,gEAAgE;gBACpD,MAAM;IAClB,yDAAyD;WAClD,OAAO,GAAG,KAAK;IACtB,8DAA8D;YACtD,MAAM;eACH,OAAO;wCA2HlB,CAAC"}

package/dist/components/shell/ResizeHandle.js

@@ -0,0 +1,84 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useAgentFormat, useAgentMessages } from '../../provider/AgentMessages.js';
+import { cx } from '../../utils/cx.js';
+import { useControllable } from './use-controllable.js';
+const clamp = (value, min, max) => Math.round(Math.min(Math.max(value, min), Math.max(min, max)));
+function isRtl(el) {
+    if (typeof getComputedStyle === 'undefined')
+        return false;
+    return getComputedStyle(el).direction === 'rtl' || el.closest('[dir]')?.getAttribute('dir') === 'rtl';
+}
+export const ResizeHandle = React.forwardRef(function ResizeHandle({ size: sizeProp, defaultSize, onSizeChange, min, max, step = 16, largeStep = 64, resetSize, pane = 'end', label, disabled = false, className, onKeyDown, onPointerDown, onPointerMove, onPointerUp, onPointerCancel, onLostPointerCapture, onDoubleClick, ...rest }, ref) {
+    const messages = useAgentMessages().shell;
+    const format = useAgentFormat();
+    const initial = defaultSize ?? min;
+    const [rawSize, setRawSize] = useControllable(sizeProp, initial, onSizeChange);
+    const size = clamp(rawSize, min, max);
+    const drag = React.useRef(null);
+    const [dragging, setDragging] = React.useState(false);
+    const commit = (next) => setRawSize(clamp(next, min, max));
+    // Physical direction in which a positive pointer delta grows the pane.
+    const growDirection = (el) => {
+        const towardStart = pane === 'end';
+        const rtl = isRtl(el);
+        return towardStart !== rtl ? -1 : 1;
+    };
+    const endDrag = () => {
+        drag.current = null;
+        setDragging(false);
+    };
+    return (_jsx("div", { ...rest, ref: ref, role: "separator", "aria-orientation": "vertical", "aria-label": rest['aria-labelledby'] ? undefined : (label ?? messages.resizeContext), "aria-valuenow": size, "aria-valuemin": min, "aria-valuemax": Math.max(min, max), "aria-valuetext": messages.resizeValue(format.number(size)), "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, className: cx('rl-agent-resize', className), "data-pane": pane, "data-dragging": dragging || undefined, "data-disabled": disabled || undefined, onKeyDown: (event) => {
+            onKeyDown?.(event);
+            if (event.defaultPrevented || disabled)
+                return;
+            const amount = event.shiftKey ? largeStep : step;
+            const dir = growDirection(event.currentTarget);
+            let next = null;
+            if (event.key === 'ArrowLeft')
+                next = size - amount * dir;
+            else if (event.key === 'ArrowRight')
+                next = size + amount * dir;
+            else if (event.key === 'Home')
+                next = min;
+            else if (event.key === 'End')
+                next = max;
+            if (next === null)
+                return;
+            event.preventDefault();
+            commit(next);
+        }, onPointerDown: (event) => {
+            onPointerDown?.(event);
+            if (event.defaultPrevented || disabled || event.button !== 0)
+                return;
+            event.currentTarget.setPointerCapture?.(event.pointerId);
+            drag.current = { x: event.clientX, size, dir: growDirection(event.currentTarget), id: event.pointerId };
+            setDragging(true);
+            // Keeps the drag from selecting text; focus still lands on the handle.
+            event.preventDefault();
+            event.currentTarget.focus();
+        }, onPointerMove: (event) => {
+            onPointerMove?.(event);
+            const current = drag.current;
+            if (!current || current.id !== event.pointerId)
+                return;
+            commit(current.size + (event.clientX - current.x) * current.dir);
+        }, onPointerUp: (event) => {
+            onPointerUp?.(event);
+            if (drag.current?.id === event.pointerId)
+                endDrag();
+        }, onPointerCancel: (event) => {
+            onPointerCancel?.(event);
+            endDrag();
+        }, onLostPointerCapture: (event) => {
+            onLostPointerCapture?.(event);
+            endDrag();
+        }, onDoubleClick: (event) => {
+            onDoubleClick?.(event);
+            if (event.defaultPrevented || disabled)
+                return;
+            commit(resetSize ?? initial);
+        } }));
+});
+//# sourceMappingURL=ResizeHandle.js.map