@wzrhine/agent 0.0.0-stage → 0.1.0

package/dist/components/message/renderers.d.ts

@@ -0,0 +1,30 @@
+import type * as React from 'react';
+import type { ArtifactView, MessagePartView, ToolCallView } from '@wzrhine/agent-core';
+export interface MarkdownRenderContext {
+    /** Part or thinking id the source belongs to. */
+    id: string;
+    /** The source is still growing; a renderer may skip expensive work until it settles. */
+    streaming: boolean;
+}
+export type CodePart = Extract<MessagePartView, {
+    type: 'code';
+}>;
+export type CustomPart = Extract<MessagePartView, {
+    type: 'custom';
+}>;
+/**
+ * Content renderers. Every entry is optional: without `markdown` the source is shown as plain
+ * text (line breaks kept, fenced code as a CodeBlock, HTML never parsed); without `code` the
+ * built-in CodeBlock is used; a `custom` part whose `renderer` key is missing shows a readable
+ * fallback with its summary instead of rendering nothing.
+ */
+export interface MessagePartRenderers {
+    markdown?: (source: string, context: MarkdownRenderContext) => React.ReactNode;
+    code?: (part: CodePart) => React.ReactNode;
+    custom?: Record<string, (part: CustomPart) => React.ReactNode>;
+}
+/** Renders a tool call (wired to the tools family's ToolRecord by the host). */
+export type ToolRenderer = (tool: ToolCallView) => React.ReactNode;
+/** Renders an artifact (wired to the workspace family's ArtifactCard by the host). */
+export type ArtifactRenderer = (artifact: ArtifactView) => React.ReactNode;
+//# sourceMappingURL=renderers.d.ts.map

package/dist/components/message/renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../../src/components/message/renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAOvF,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,wFAAwF;IACxF,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,eAAe,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,eAAe,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,qBAAqB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/E,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAChE;AAED,gFAAgF;AAChF,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;AAEnE,sFAAsF;AACtF,MAAM,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC"}

package/dist/components/message/renderers.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=renderers.js.map

package/dist/components/message/renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../../src/components/message/renderers.ts"],"names":[],"mappings":""}

package/dist/components/message/use-copy.d.ts

@@ -0,0 +1,18 @@
+/** How long the copied / failed feedback stays before the control returns to its idle label. */
+export declare const COPY_FEEDBACK_MS = 1200;
+export type CopyState = 'idle' | 'copied' | 'failed';
+/**
+ * Host copy handler. Return `false` (or throw / reject) to report a failure; anything else counts
+ * as copied. Without a handler the text goes to `navigator.clipboard.writeText`.
+ */
+export type CopyHandler = (text: string) => void | boolean | Promise<void | boolean>;
+/** True after mount when the async Clipboard API exists (never during SSR, so markup matches). */
+export declare function useClipboardAvailable(): boolean;
+/** Copy with a short copied / failed state. The timeout only resets feedback; it never polls. */
+export declare function useCopy(onCopy?: CopyHandler): {
+    state: CopyState;
+    copy: (text: string) => Promise<void>;
+};
+/** Text to announce after a minimum gap, so fast phase changes are merged (ADR-0012 §4). */
+export declare function useThrottledText(text: string, intervalMs: number): string;
+//# sourceMappingURL=use-copy.d.ts.map

package/dist/components/message/use-copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy.d.ts","sourceRoot":"","sources":["../../../src/components/message/use-copy.ts"],"names":[],"mappings":"AAIA,gGAAgG;AAChG,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;AAErF,kGAAkG;AAClG,wBAAgB,qBAAqB,IAAI,OAAO,CAM/C;AAED,iGAAiG;AACjG,wBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE,CAmCzG;AAED,4FAA4F;AAC5F,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAazE"}

package/dist/components/message/use-copy.js

@@ -0,0 +1,65 @@
+'use client';
+import * as React from 'react';
+/** How long the copied / failed feedback stays before the control returns to its idle label. */
+export const COPY_FEEDBACK_MS = 1200;
+/** True after mount when the async Clipboard API exists (never during SSR, so markup matches). */
+export function useClipboardAvailable() {
+    const [available, setAvailable] = React.useState(false);
+    React.useEffect(() => {
+        setAvailable(typeof navigator !== 'undefined' && typeof navigator.clipboard?.writeText === 'function');
+    }, []);
+    return available;
+}
+/** Copy with a short copied / failed state. The timeout only resets feedback; it never polls. */
+export function useCopy(onCopy) {
+    const [state, setState] = React.useState('idle');
+    const timer = React.useRef(undefined);
+    const mounted = React.useRef(true);
+    React.useEffect(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+            clearTimeout(timer.current);
+        };
+    }, []);
+    const copy = React.useCallback(async (text) => {
+        clearTimeout(timer.current);
+        let ok = false;
+        try {
+            if (onCopy)
+                ok = (await onCopy(text)) !== false;
+            else if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {
+                await navigator.clipboard.writeText(text);
+                ok = true;
+            }
+        }
+        catch {
+            ok = false;
+        }
+        if (!mounted.current)
+            return;
+        setState(ok ? 'copied' : 'failed');
+        timer.current = setTimeout(() => {
+            if (mounted.current)
+                setState('idle');
+        }, COPY_FEEDBACK_MS);
+    }, [onCopy]);
+    return { state, copy };
+}
+/** Text to announce after a minimum gap, so fast phase changes are merged (ADR-0012 §4). */
+export function useThrottledText(text, intervalMs) {
+    const [shown, setShown] = React.useState(text);
+    const last = React.useRef(0);
+    React.useEffect(() => {
+        if (text === shown)
+            return undefined;
+        const wait = Math.max(0, last.current + intervalMs - Date.now());
+        const id = setTimeout(() => {
+            last.current = Date.now();
+            setShown(text);
+        }, wait);
+        return () => clearTimeout(id);
+    }, [text, shown, intervalMs]);
+    return shown;
+}
+//# sourceMappingURL=use-copy.js.map

package/dist/components/message/use-copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy.js","sourceRoot":"","sources":["../../../src/components/message/use-copy.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gGAAgG;AAChG,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAUrC,kGAAkG;AAClG,MAAM,UAAU,qBAAqB;IACnC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,SAAS,KAAK,WAAW,IAAI,OAAO,SAAS,CAAC,SAAS,EAAE,SAAS,KAAK,UAAU,CAAC,CAAC;IACzG,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,iGAAiG;AACjG,MAAM,UAAU,OAAO,CAAC,MAAoB;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAY,MAAM,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAA4C,SAAS,CAAC,CAAC;IACjF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;YACxB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAC5B,KAAK,EAAE,IAAY,EAAE,EAAE;QACrB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,EAAE,GAAG,KAAK,CAAC;QACf,IAAI,CAAC;YACH,IAAI,MAAM;gBAAE,EAAE,GAAG,CAAC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC;iBAC3C,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC;gBAC5E,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBAC1C,EAAE,GAAG,IAAI,CAAC;YACZ,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,EAAE,GAAG,KAAK,CAAC;QACb,CAAC;QACD,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO;QAC7B,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACnC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,IAAI,OAAO,CAAC,OAAO;gBAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxC,CAAC,EAAE,gBAAgB,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACzB,CAAC;AAED,4FAA4F;AAC5F,MAAM,UAAU,gBAAgB,CAAC,IAAY,EAAE,UAAkB;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO,SAAS,CAAC;QACrC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QACjE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE;YACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAC1B,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAC9B,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/components/process/AgentProcess.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import type { RunView } from '@wzrhine/agent-core';
+import type { MessagePartRenderers, ToolRenderer } from '../message/renderers.js';
+/**
+ * AgentProcess (atlas 09): the record of one run, grouped by model call.
+ *
+ * - Header: a disclosure trigger. While the run is active it shows AgentSpark + phase label +
+ *   elapsed; once settled "N 次模型调用 · M 个操作" (+ "已展示" when truncated).
+ * - Each call is a `<section aria-label="模型调用 N">` with its status. Blocks in order:
+ *   thinking → ThinkingBlock, text → muted stage text (with "已截取" when cut), tool →
+ *   `renderTool` or a one-line fallback (nested children listed indented with a tree rule),
+ *   pending-record → a "记录稍后到达" entry, with `onLoadRecord` as a button. Results are never
+ *   invented for missing records.
+ * - Only the current step (the last block of the last running call) gets the accent rule.
+ * - Expanded by default while the run is active and collapsed once it settles, until the user
+ *   toggles; after that the user's choice wins. `expanded` / `onExpandedChange` make it controlled.
+ * - `run.truncated`: a notice and, with `onOpenFull`, a button for the full record.
+ *
+ * Motion: header disclosure height (Collapsible), AgentSpark while active. Reduced: static.
+ */
+export type AgentProcessProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    run: RunView;
+    renderTool?: ToolRenderer;
+    renderers?: MessagePartRenderers;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    onLoadRecord?: (blockId: string) => void;
+    onOpenFull?: (runId: string) => void;
+    onOpenThinking?: (thinkingId: string) => void;
+    /** Heading level of the call titles (default 3). */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+};
+export declare const AgentProcess: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    run: RunView;
+    renderTool?: ToolRenderer;
+    renderers?: MessagePartRenderers;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    onLoadRecord?: (blockId: string) => void;
+    onOpenFull?: (runId: string) => void;
+    onOpenThinking?: (thinkingId: string) => void;
+    /** Heading level of the call titles (default 3). */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AgentProcess.d.ts.map

package/dist/components/process/AgentProcess.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentProcess.d.ts","sourceRoot":"","sources":["../../../src/components/process/AgentProcess.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAqC,OAAO,EAAgB,MAAM,qBAAqB,CAAC;AAQpG,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGlF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACvF,GAAG,EAAE,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClC,CAAC;AAiFF,eAAO,MAAM,YAAY;SA5FlB,OAAO;iBACC,YAAY;gBACb,oBAAoB;eACrB,OAAO;sBACA,OAAO;uBACN,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;mBAC/B,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;iBAC3B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;qBACnB,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI;IAC7C,oDAAoD;mBACrC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;wCA0KhC,CAAC"}

package/dist/components/process/AgentProcess.js

@@ -0,0 +1,78 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { Button, Collapsible } from '@wzrhine/react';
+import { effectivePhase, runPhaseMeta, runStatusMeta, sparkPhase } from '@wzrhine/agent-core';
+import { AgentSpark } from '../../primitives/AgentSpark.js';
+import { AgentStatus, statusProps } from '../../primitives/AgentStatus.js';
+import { StatusGlyph } from '../../primitives/StatusGlyph.js';
+import { useAgentFormat, useAgentMessages } from '../../provider/AgentMessages.js';
+import { cx } from '../../utils/cx.js';
+import { MarkdownContent } from '../message/Markdown.js';
+import { ToolFallback } from '../message/MessagePart.js';
+import { ThinkingBlock } from '../message/ThinkingBlock.js';
+const ACTIVE = new Set(['queued', 'running', 'waiting', 'cancelling']);
+function countOperations(calls) {
+    const count = (tool) => 1 + (tool.children ?? []).reduce((n, c) => n + count(c), 0);
+    return calls.reduce((n, call) => n + call.blocks.reduce((m, b) => m + (b.type === 'tool' ? count(b.tool) : 0), 0), 0);
+}
+function ToolTree({ tool, renderTool, depth = 0 }) {
+    const t = useAgentMessages().message;
+    const children = tool.children ?? [];
+    return (_jsxs("div", { className: "rl-agent-process__tool", "data-depth": depth, "data-tool-id": tool.id, children: [renderTool ? renderTool(tool) : _jsx(ToolFallback, { tool: tool }), !renderTool && children.length > 0 && (_jsx("ul", { className: "rl-agent-process__children", "aria-label": t.toolChildren(children.length), children: children.map((child) => (_jsx("li", { className: "rl-agent-process__child", children: _jsx(ToolTree, { tool: child, depth: depth + 1 }) }, child.id))) }))] }));
+}
+function Block({ block, current, props, }) {
+    const t = useAgentMessages().message;
+    let content;
+    switch (block.type) {
+        case 'thinking':
+            content = _jsx(ThinkingBlock, { thinking: block.thinking, renderers: props.renderers, onOpenFull: props.onOpenThinking });
+            break;
+        case 'text':
+            content = (_jsxs("div", { className: "rl-agent-process__stage", children: [_jsx(MarkdownContent, { source: block.text, context: { id: block.id, streaming: false }, renderers: props.renderers }), block.truncated && _jsx("span", { className: "rl-agent-process__cut", children: t.stageTruncated })] }));
+            break;
+        case 'tool':
+            content = _jsx(ToolTree, { tool: block.tool, renderTool: props.renderTool });
+            break;
+        case 'pending-record':
+            content = (_jsxs("div", { className: "rl-agent-process__pending", children: [_jsx(StatusGlyph, { name: "pending", tone: "neutral", className: "rl-agent-process__pending-glyph" }), _jsx("span", { className: "rl-agent-process__pending-label", children: block.label }), _jsx("span", { className: "rl-agent-process__pending-note", children: t.pendingRecord }), props.onLoadRecord && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => props.onLoadRecord?.(block.id), children: t.loadRecord }))] }));
+            break;
+        default:
+            content = null;
+    }
+    return (_jsx("li", { className: "rl-agent-process__block", "data-block-type": block.type, "data-current": current || undefined, "aria-current": current ? 'step' : undefined, children: content }));
+}
+const callTone = { running: 'accent', completed: 'success', interrupted: 'warning', failed: 'danger' };
+const callGlyph = { running: 'active', completed: 'done', interrupted: 'failed', failed: 'failed' };
+export const AgentProcess = React.forwardRef(function AgentProcess({ run, renderTool, renderers, expanded, defaultExpanded, onExpandedChange, onLoadRecord, onOpenFull, onOpenThinking, headingLevel = 3, className, ...rest }, ref) {
+    const all = useAgentMessages();
+    const t = all.message;
+    const fmt = useAgentFormat();
+    const active = ACTIVE.has(run.status);
+    const [manual, setManual] = React.useState(defaultExpanded);
+    const open = expanded ?? manual ?? active;
+    const setOpen = (next) => {
+        if (expanded === undefined)
+            setManual(next);
+        onExpandedChange?.(next);
+    };
+    const calls = run.calls ?? [];
+    const operations = run.toolCount ?? countOperations(calls);
+    const phase = active ? effectivePhase(run.status, run.phase) : undefined;
+    const meta = phase ? runPhaseMeta[phase] : runStatusMeta[run.status];
+    const headline = active
+        ? (run.label ?? (phase ? all.status.phase[phase] : all.status.run[run.status]))
+        : run.truncated
+            ? t.processTruncatedSummary(calls.length, operations)
+            : t.processSummary(calls.length, operations);
+    const elapsed = run.elapsedMs !== undefined ? fmt.duration(run.elapsedMs) : undefined;
+    // Current step: last block of the last running call while the run is active.
+    let currentId;
+    if (active) {
+        const running = [...calls].reverse().find((c) => c.status === 'running');
+        currentId = running?.blocks[running.blocks.length - 1]?.id;
+    }
+    const Heading = `h${headingLevel}`;
+    return (_jsx("div", { ...rest, ref: ref, className: cx('rl-agent-process', className), "data-status": run.status, "data-active": active || undefined, children: _jsx(Collapsible, { open: open, onOpenChange: setOpen, className: "rl-agent-process__disclosure", panelClassName: "rl-agent-process__panel", triggerProps: { className: 'rl-agent-process__trigger' }, trigger: _jsxs(_Fragment, { children: [_jsx("span", { className: "rl-agent-sr", children: t.processLabel }), active ? (_jsx(AgentSpark, { phase: sparkPhase(run.status, run.phase) })) : (_jsx(StatusGlyph, { name: meta.glyph, tone: meta.tone, className: "rl-agent-process__glyph" })), _jsx("span", { className: "rl-agent-process__headline", children: headline }), !active && _jsx("span", { className: "rl-agent-process__run-status", children: all.status.run[run.status] }), elapsed && _jsx("span", { className: "rl-agent-process__elapsed", children: elapsed })] }), children: _jsxs("div", { className: "rl-agent-process__calls", children: [calls.map((call) => (_jsxs("section", { className: "rl-agent-process__call", "aria-label": t.processCall(call.ordinal), "data-status": call.status, children: [_jsxs(Heading, { className: "rl-agent-process__call-title", children: [_jsx("span", { children: t.processCall(call.ordinal) }), _jsx(AgentStatus, { ...statusProps({ glyph: callGlyph[call.status], tone: callTone[call.status], active: call.status === 'running', settled: call.status !== 'running' }, t.callStatus[call.status]), appearance: "inline", meta: call.elapsedMs !== undefined ? fmt.duration(call.elapsedMs) : undefined })] }), _jsx("ol", { className: "rl-agent-process__blocks", children: call.blocks.map((block) => (_jsx(Block, { block: block, current: block.id === currentId, props: { renderTool, renderers, onLoadRecord, onOpenThinking } }, block.id))) })] }, call.id))), run.truncated && (_jsxs("p", { className: "rl-agent-process__truncated", children: [_jsx("span", { children: t.processTruncated }), onOpenFull && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => onOpenFull(run.id), children: t.openFull }))] }))] }) }) }));
+});
+//# sourceMappingURL=AgentProcess.js.map

package/dist/components/process/AgentProcess.js.map

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

package/dist/components/process/RunStatus.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import type { ActionStatus, RunPhase, RunStatus as RunStatusValue, RunView, SyncStatus } from '@wzrhine/agent-core';
+/**
+ * RunStatus (atlas 10): the run axis as glyph + label (+ phase, elapsed, hint). Sync health and
+ * the receipt of the last user action are separate axes and render as their own small chips when
+ * they say something (`syncStatus` ≠ live, `actionStatus` ≠ idle) — a reconnecting stream never
+ * changes the run label, and an `unknown` receipt is never drawn as success.
+ *
+ * Appearances: `pill` (tinted chip, default), `inline` (no frame), `line` (AgentSpark + phase
+ * text + elapsed, used inside assistant messages and the process header).
+ *
+ * Motion: active states breathe through `useAgentLoop` (paused off-screen / hidden page / reduced
+ * motion); `line` uses AgentSpark. Static frames still differ per state.
+ *
+ * `announce` adds a visually hidden `role="status"` whose text follows the label, throttled so a
+ * burst of phase changes is read once.
+ */
+export type RunStatusProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {
+    run?: Pick<RunView, 'status' | 'phase' | 'label' | 'elapsedMs' | 'syncStatus' | 'actionStatus'>;
+    status?: RunStatusValue;
+    phase?: RunPhase;
+    elapsedMs?: number;
+    syncStatus?: SyncStatus;
+    actionStatus?: ActionStatus;
+    /** Replaces the computed label. */
+    labelOverride?: React.ReactNode;
+    /** Short explanation shown after the status ("等待你批准 1 个操作"). */
+    hint?: React.ReactNode;
+    appearance?: 'pill' | 'inline' | 'line';
+    size?: 'sm' | 'md';
+    /** Render a polite, throttled screen-reader announcement of the label. */
+    announce?: boolean;
+    /** Minimum gap between announcements (ms). */
+    announceInterval?: number;
+};
+/**
+ * Same-name type alias: the package entry exports this component as `RunStatus`, which would
+ * otherwise shadow the `RunStatus` type re-exported from `@wzrhine/agent-core`. Declaring both
+ * here keeps `import type { RunStatus }` and `<RunStatus />` working from one entry.
+ */
+export type RunStatus = RunStatusValue;
+export declare const RunStatus: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & {
+    run?: Pick<RunView, "status" | "phase" | "label" | "elapsedMs" | "syncStatus" | "actionStatus">;
+    status?: RunStatusValue;
+    phase?: RunPhase;
+    elapsedMs?: number;
+    syncStatus?: SyncStatus;
+    actionStatus?: ActionStatus;
+    /** Replaces the computed label. */
+    labelOverride?: React.ReactNode;
+    /** Short explanation shown after the status ("等待你批准 1 个操作"). */
+    hint?: React.ReactNode;
+    appearance?: "pill" | "inline" | "line";
+    size?: "sm" | "md";
+    /** Render a polite, throttled screen-reader announcement of the label. */
+    announce?: boolean;
+    /** Minimum gap between announcements (ms). */
+    announceInterval?: number;
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=RunStatus.d.ts.map

package/dist/components/process/RunStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunStatus.d.ts","sourceRoot":"","sources":["../../../src/components/process/RunStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,IAAI,cAAc,EAAE,OAAO,EAAc,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAQhI;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC,CAAC;IAChG,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,mCAAmC;IACnC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,gEAAgE;IAChE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACxC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC;AAavC,eAAO,MAAM,SAAS;UApCd,IAAI,CAAC,OAAO,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;aACtF,cAAc;YACf,QAAQ;gBACJ,MAAM;iBACL,UAAU;mBACR,YAAY;IAC3B,mCAAmC;oBACnB,KAAK,CAAC,SAAS;IAC/B,gEAAgE;WACzD,KAAK,CAAC,SAAS;iBACT,MAAM,GAAG,QAAQ,GAAG,MAAM;WAChC,IAAI,GAAG,IAAI;IAClB,0EAA0E;eAC/D,OAAO;IAClB,8CAA8C;uBAC3B,MAAM;yCAoGzB,CAAC"}

package/dist/components/process/RunStatus.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { actionStatusMeta, effectivePhase, runPhaseMeta, runStatusMeta, sparkPhase, syncStatusMeta } from '@wzrhine/agent-core';
+import { AgentSpark } from '../../primitives/AgentSpark.js';
+import { StatusGlyph } from '../../primitives/StatusGlyph.js';
+import { loopAttributes, useAgentLoop } from '../../motion/agent-motion.js';
+import { useAgentFormat, useAgentMessages } from '../../provider/AgentMessages.js';
+import { cx } from '../../utils/cx.js';
+import { useThrottledText } from '../message/use-copy.js';
+const ACTIVE_STATUSES = ['queued', 'running', 'waiting', 'cancelling'];
+function Chip({ meta, label, kind }) {
+    return (_jsxs("span", { className: "rl-agent-status rl-agent-run__chip", "data-tone": meta.tone, "data-appearance": "pill", "data-size": "sm", "data-axis": kind, children: [_jsx(StatusGlyph, { name: meta.glyph, tone: meta.tone, className: "rl-agent-status__glyph" }), _jsx("span", { className: "rl-agent-status__label", children: label })] }));
+}
+export const RunStatus = React.forwardRef(function RunStatus({ run, status: statusProp, phase: phaseProp, elapsedMs: elapsedProp, syncStatus: syncProp, actionStatus: actionProp, labelOverride, hint, appearance = 'pill', size = 'sm', announce = false, announceInterval = 1000, className, ...rest }, ref) {
+    const s = useAgentMessages().status;
+    const fmt = useAgentFormat();
+    const status = statusProp ?? run?.status ?? 'idle';
+    const active = ACTIVE_STATUSES.includes(status);
+    const phase = active ? effectivePhase(status, phaseProp ?? run?.phase) : undefined;
+    const elapsedMs = elapsedProp ?? run?.elapsedMs;
+    const sync = syncProp ?? run?.syncStatus;
+    const action = actionProp ?? run?.actionStatus;
+    const meta = phase && status !== 'cancelling' && status !== 'queued' ? runPhaseMeta[phase] : runStatusMeta[status];
+    const textLabel = run?.label ?? (phase ? s.phase[phase] : s.run[status]);
+    const label = labelOverride ?? textLabel;
+    const elapsed = elapsedMs !== undefined ? fmt.duration(elapsedMs) : undefined;
+    const { ref: loopRef, lifecycle } = useAgentLoop(meta.active && appearance !== 'line');
+    const announced = useThrottledText(announce ? s.runAnnouncement(typeof label === 'string' ? label : textLabel) : '', announceInterval);
+    const showSync = sync !== undefined && sync !== 'live';
+    const showAction = action !== undefined && action !== 'idle';
+    return (_jsxs("span", { ...rest, ref: ref, className: cx('rl-agent-run', className), "data-appearance": appearance, "data-status": status, "data-phase": phase, children: [_jsxs("span", { className: "rl-agent-status rl-agent-run__main", "data-tone": meta.tone, "data-appearance": appearance === 'pill' ? 'pill' : 'inline', "data-size": size, "data-active": meta.active || undefined, children: [appearance === 'line' ? (_jsx(AgentSpark, { phase: sparkPhase(status, phase), className: "rl-agent-run__spark" })) : (_jsx(StatusGlyph, { ref: loopRef, name: meta.glyph, tone: meta.tone, active: meta.active, className: "rl-agent-status__glyph", ...loopAttributes(lifecycle) })), _jsx("span", { className: "rl-agent-status__label", children: label }), elapsed && _jsx("span", { className: "rl-agent-status__meta", children: elapsed })] }), showSync && _jsx(Chip, { kind: "sync", meta: syncStatusMeta[sync], label: s.sync[sync] }), showAction && _jsx(Chip, { kind: "action", meta: actionStatusMeta[action], label: s.action[action] }), hint != null && hint !== false && _jsx("span", { className: "rl-agent-run__hint", children: hint }), announce && (_jsx("span", { className: "rl-agent-sr", role: "status", children: announced }))] }));
+});
+//# sourceMappingURL=RunStatus.js.map

package/dist/components/process/RunStatus.js.map

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

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import type { EmptyStateProps } from '@wzrhine/react';
+/**
+ * AgentEmptyState: EmptyState (@wzrhine/react) with agent defaults. No live role (an empty
+ * region is not an event). `onCreate` adds a 「新建会话」 button; without it there is no button.
+ */
+export type AgentEmptyStateProps = Omit<EmptyStateProps, 'title' | 'action'> & {
+    title?: React.ReactNode;
+    /** Primary action; renders a button labelled `createLabel`. */
+    onCreate?: () => void;
+    createLabel?: React.ReactNode;
+    /** Custom action instead of the create button. */
+    action?: React.ReactNode;
+};
+export declare const AgentEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "title" | "action"> & {
+    title?: React.ReactNode;
+    /** Primary action; renders a button labelled `createLabel`. */
+    onCreate?: () => void;
+    createLabel?: React.ReactNode;
+    /** Custom action instead of the create button. */
+    action?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * AgentWorkspaceEmpty: the reading column when no conversation is selected. Same as
+ * AgentEmptyState, centred in the available height.
+ */
+export declare const AgentWorkspaceEmpty: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "title" | "action"> & {
+    title?: React.ReactNode;
+    /** Primary action; renders a button labelled `createLabel`. */
+    onCreate?: () => void;
+    createLabel?: React.ReactNode;
+    /** Custom action instead of the create button. */
+    action?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AgentEmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/shell/AgentEmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IAC7E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,kDAAkD;IAClD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe;YARlB,KAAK,CAAC,SAAS;IACvB,+DAA+D;eACpD,MAAM,IAAI;kBACP,KAAK,CAAC,SAAS;IAC7B,kDAAkD;aACzC,KAAK,CAAC,SAAS;wCA4BxB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,mBAAmB;YAvCtB,KAAK,CAAC,SAAS;IACvB,+DAA+D;eACpD,MAAM,IAAI;kBACP,KAAK,CAAC,SAAS;IAC7B,kDAAkD;aACzC,KAAK,CAAC,SAAS;wCAuCxB,CAAC"}

package/dist/components/shell/AgentEmptyState.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Button, EmptyState } from '@wzrhine/react';
+import { useAgentMessages } from '../../provider/AgentMessages.js';
+import { AgentIcon } from '../../primitives/icons.js';
+import { cx } from '../../utils/cx.js';
+export const AgentEmptyState = React.forwardRef(function AgentEmptyState({ title, description, onCreate, createLabel, action, kind = 'first-use', headingLevel = 2, className, ...rest }, ref) {
+    const shell = useAgentMessages().shell;
+    return (_jsx(EmptyState, { ...rest, ref: ref, className: cx('rl-agent-empty', className), kind: kind, headingLevel: headingLevel, title: title ?? shell.workspaceEmptyTitle, description: description === undefined ? shell.workspaceEmptyDescription : description, action: action ??
+            (onCreate ? (_jsxs(Button, { size: "sm", variant: "secondary", onClick: onCreate, children: [_jsx(AgentIcon, { name: "plus" }), createLabel ?? shell.create] })) : undefined) }));
+});
+/**
+ * AgentWorkspaceEmpty: the reading column when no conversation is selected. Same as
+ * AgentEmptyState, centred in the available height.
+ */
+export const AgentWorkspaceEmpty = React.forwardRef(function AgentWorkspaceEmpty({ className, ...rest }, ref) {
+    return _jsx(AgentEmptyState, { ...rest, ref: ref, className: cx('rl-agent-empty--workspace', className) });
+});
+//# sourceMappingURL=AgentEmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentEmptyState.js","sourceRoot":"","sources":["../../../src/components/shell/AgentEmptyState.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAevC,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAuC,SAAS,eAAe,CAC5G,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,GAAG,WAAW,EAAE,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC/G,GAAG;IAEH,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC,KAAK,CAAC;IACvC,OAAO,CACL,KAAC,UAAU,OACL,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1C,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,mBAAmB,EACzC,WAAW,EAAE,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,WAAW,EACtF,MAAM,EACJ,MAAM;YACN,CAAC,QAAQ,CAAC,CAAC,CAAC,CACV,MAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,QAAQ,aACrD,KAAC,SAAS,IAAC,IAAI,EAAC,MAAM,GAAG,EACxB,WAAW,IAAI,KAAK,CAAC,MAAM,IACrB,CACV,CAAC,CAAC,CAAC,SAAS,CAAC,GAEhB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAuC,SAAS,mBAAmB,CACpH,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACtB,GAAG;IAEH,OAAO,KAAC,eAAe,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,GAAI,CAAC;AACxG,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,84 @@
+import * as React from 'react';
+import type { AgentIdentityView, ConversationOrigin, RunPhase, RunStatus, SyncStatus } from '@wzrhine/agent-core';
+/**
+ * AgentHeader (atlas 02): title bar of the open conversation.
+ *
+ * Start → end: back (only with `onBack`), index toggle (only inside a narrow AgentShell whose
+ * index is a sheet), origin link (fork / sub-agent, only with `origin` + `onOpenOrigin`),
+ * sub-agent badge, title + rename, agent identity, run status, sync status, then the trailing
+ * group: counts, `actions` and the context toggle.
+ *
+ * - The title is a heading (`headingLevel`, default 2) truncated to one line; the full text is in
+ *   `title` and, because truncation is visual only, still read in full by assistive tech.
+ *   The trailing group never shrinks, so long titles cannot squeeze status or actions.
+ * - Rename (only with `onRename`) is visible on hover / focus-within but always reserves its
+ *   space, so the title never jumps; its opacity transition is `--rl-motion-fast`.
+ * - Run status = AgentStatus (glyph + text): the phase label while active or waiting, else the
+ *   run label.
+ *   Active runs breathe through the shared loop lifecycle (static off-screen / hidden / reduced).
+ *   Sync is a separate axis: a second pill appears whenever `syncStatus` is not `live`.
+ *   No `runStatus` = no pill (unknown is never painted as a state).
+ * - The context toggle (only with `onToggleContext`, or automatically inside an AgentShell that
+ *   has a context slot) is an IconButton with a stable name and `aria-pressed` = pane open.
+ * - `badges` are small counts (terminals, sub-tasks) with their own accessible text.
+ */
+export interface AgentHeaderBadge {
+    id: string;
+    icon?: React.ReactNode;
+    count: number;
+    /** Accessible text, e.g. "2 个终端运行中". */
+    label: string;
+}
+export type AgentHeaderProps = Omit<React.HTMLAttributes<HTMLElement>, 'title'> & {
+    title?: string;
+    identity?: AgentIdentityView;
+    runStatus?: RunStatus;
+    runPhase?: RunPhase;
+    /** Overrides the status label (e.g. a custom phase text). */
+    statusLabel?: string;
+    syncStatus?: SyncStatus;
+    origin?: ConversationOrigin;
+    onOpenOrigin?: (origin: ConversationOrigin) => void;
+    onBack?: () => void;
+    backLabel?: string;
+    onRename?: () => void;
+    renameLabel?: string;
+    /** Explicit pane state; defaults to the surrounding AgentShell. */
+    contextOpen?: boolean;
+    /** Explicit toggle; defaults to the surrounding AgentShell's toggle when it has a context slot. */
+    onToggleContext?: () => void;
+    contextLabel?: string;
+    badges?: AgentHeaderBadge[];
+    /** Trailing slot (e.g. a Menu with more conversation actions). */
+    actions?: React.ReactNode;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Disables rename (e.g. while a request is pending); other controls stay. */
+    pending?: boolean;
+};
+export declare const AgentHeader: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "title"> & {
+    title?: string;
+    identity?: AgentIdentityView;
+    runStatus?: RunStatus;
+    runPhase?: RunPhase;
+    /** Overrides the status label (e.g. a custom phase text). */
+    statusLabel?: string;
+    syncStatus?: SyncStatus;
+    origin?: ConversationOrigin;
+    onOpenOrigin?: (origin: ConversationOrigin) => void;
+    onBack?: () => void;
+    backLabel?: string;
+    onRename?: () => void;
+    renameLabel?: string;
+    /** Explicit pane state; defaults to the surrounding AgentShell. */
+    contextOpen?: boolean;
+    /** Explicit toggle; defaults to the surrounding AgentShell's toggle when it has a context slot. */
+    onToggleContext?: () => void;
+    contextLabel?: string;
+    badges?: AgentHeaderBadge[];
+    /** Trailing slot (e.g. a Menu with more conversation actions). */
+    actions?: React.ReactNode;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Disables rename (e.g. while a request is pending); other controls stay. */
+    pending?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=AgentHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentHeader.d.ts","sourceRoot":"","sources":["../../../src/components/shell/AgentHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAQlH;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mGAAmG;IACnG,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,kEAAkE;IAClE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAyBF,eAAO,MAAM,WAAW;YAjDd,MAAM;eACH,iBAAiB;gBAChB,SAAS;eACV,QAAQ;IACnB,6DAA6D;kBAC/C,MAAM;iBACP,UAAU;aACd,kBAAkB;mBACZ,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;aAC1C,MAAM,IAAI;gBACP,MAAM;eACP,MAAM,IAAI;kBACP,MAAM;IACpB,mEAAmE;kBACrD,OAAO;IACrB,mGAAmG;sBACjF,MAAM,IAAI;mBACb,MAAM;aACZ,gBAAgB,EAAE;IAC3B,kEAAkE;cACxD,KAAK,CAAC,SAAS;mBACV,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IACpC,8EAA8E;cACpE,OAAO;qCAuKjB,CAAC"}

package/dist/components/shell/AgentHeader.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { IconButton } from '@wzrhine/react';
+import { effectivePhase, runPhaseMeta, runStatusMeta, syncStatusMeta } from '@wzrhine/agent-core';
+import { useAgentFormat, useAgentMessages } from '../../provider/AgentMessages.js';
+import { AgentIcon } from '../../primitives/icons.js';
+import { AgentStatus } from '../../primitives/AgentStatus.js';
+import { loopAttributes, useAgentLoop } from '../../motion/agent-motion.js';
+import { cx } from '../../utils/cx.js';
+import { useAgentShell } from './AgentShell.js';
+function RunPill({ status, phase, label }) {
+    const messages = useAgentMessages().status;
+    const run = runStatusMeta[status];
+    // `waiting` is not "active" (nothing breathes) but still carries the phase that says what it
+    // waits for (approval / answer / sub-tasks), as in RunStatus.
+    const shownPhase = run.active || status === 'waiting' ? effectivePhase(status, phase) : undefined;
+    const meta = shownPhase ? runPhaseMeta[shownPhase] : run;
+    const text = label ?? (shownPhase ? messages.phase[shownPhase] : messages.run[status]);
+    const { ref, lifecycle } = useAgentLoop(meta.active);
+    return (_jsx(AgentStatus, { ref: ref, className: "rl-agent-header__status", glyph: meta.glyph, tone: meta.tone, label: text, active: meta.active, "data-run": status, ...loopAttributes(lifecycle) }));
+}
+export const AgentHeader = React.forwardRef(function AgentHeader({ title, identity, runStatus, runPhase, statusLabel, syncStatus, origin, onOpenOrigin, onBack, backLabel, onRename, renameLabel, contextOpen: contextOpenProp, onToggleContext: onToggleProp, contextLabel, badges, actions, headingLevel = 2, pending = false, className, ...rest }, ref) {
+    const messages = useAgentMessages();
+    const shell = messages.shell;
+    const format = useAgentFormat();
+    const shellState = useAgentShell();
+    const Heading = `h${headingLevel}`;
+    const shownTitle = title?.trim() || shell.untitled;
+    const onToggleContext = onToggleProp ?? (shellState?.hasContext ? shellState.toggleContext : undefined);
+    const contextOpen = contextOpenProp ?? shellState?.contextOpen ?? false;
+    const showIndexToggle = !!shellState && shellState.hasIndex && shellState.layout === 'narrow';
+    const parentTitle = origin?.parentTitle?.trim() || shell.originUnknownParent;
+    const originLabel = origin ? (origin.kind === 'fork' ? shell.originFork(parentTitle) : shell.originSubagent(parentTitle)) : '';
+    const sync = syncStatus && syncStatus !== 'live' ? syncStatusMeta[syncStatus] : null;
+    return (_jsxs("header", { ...rest, ref: ref, className: cx('rl-agent-header', className), "data-run": runStatus, children: [_jsxs("div", { className: "rl-agent-header__lead", children: [onBack && _jsx(IconButton, { size: "sm", icon: _jsx(AgentIcon, { name: "arrow-left" }), label: backLabel ?? shell.back, onClick: onBack }), showIndexToggle && (_jsx(IconButton, { size: "sm", icon: _jsx(AgentIcon, { name: "list" }), label: shell.openIndex, "aria-haspopup": "dialog", onClick: () => shellState.setIndexOpen(true, 'toggle') })), origin && onOpenOrigin && (_jsx(IconButton, { size: "sm", icon: _jsx(AgentIcon, { name: origin.kind === 'fork' ? 'fork' : 'link' }), label: originLabel, onClick: () => onOpenOrigin(origin) }))] }), _jsxs("div", { className: "rl-agent-header__titles", children: [_jsxs("div", { className: "rl-agent-header__title-row", children: [origin?.kind === 'subagent' && (_jsxs("span", { className: "rl-agent-header__badge", children: [_jsx(AgentIcon, { name: "agent" }), shell.subagentBadge] })), _jsx(Heading, { className: "rl-agent-header__title", title: shownTitle, children: shownTitle }), onRename && (_jsx(IconButton, { className: "rl-agent-header__rename", size: "sm", icon: _jsx(AgentIcon, { name: "edit" }), label: renameLabel ?? shell.rename, disabled: pending, onClick: onRename }))] }), (identity || runStatus || sync) && (_jsxs("div", { className: "rl-agent-header__meta", children: [identity && (_jsxs("span", { className: "rl-agent-header__identity", children: [_jsx("span", { className: "rl-agent-header__monogram", "aria-hidden": "true", children: identity.monogram ?? _jsx(AgentIcon, { name: "agent" }) }), _jsx("span", { className: "rl-agent-sr", children: shell.agentIdentity(identity.name, identity.role) }), _jsx("span", { className: "rl-agent-header__identity-name", "aria-hidden": "true", children: identity.name }), identity.role && (_jsx("span", { className: "rl-agent-header__identity-role", "aria-hidden": "true", children: identity.role }))] })), runStatus && _jsx(RunPill, { status: runStatus, phase: runPhase, label: statusLabel }), sync && syncStatus && (_jsx(AgentStatus, { className: "rl-agent-header__sync", glyph: sync.glyph, tone: sync.tone, label: messages.status.sync[syncStatus], "data-sync": syncStatus }))] }))] }), _jsxs("div", { className: "rl-agent-header__trail", children: [badges?.map((badge) => (_jsxs("span", { className: "rl-agent-header__count", children: [badge.icon && (_jsx("span", { className: "rl-agent-header__count-icon", "aria-hidden": "true", children: badge.icon })), _jsx("span", { "aria-hidden": "true", children: format.compact(badge.count) }), _jsx("span", { className: "rl-agent-sr", children: badge.label })] }, badge.id))), actions, onToggleContext && (_jsx(IconButton, { className: "rl-agent-header__toggle", size: "sm", icon: _jsx(AgentIcon, { name: "panel" }), label: contextLabel ?? shell.contextToggle, pressed: contextOpen, onClick: onToggleContext }))] })] }));
+});
+//# sourceMappingURL=AgentHeader.js.map