@pi-harness/pi-harness 0.1.10 → 0.1.12

package/packages/client-web/dist/react-room.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
 import { createClientApi, failedRefreshLabels, } from "./control-room.js";
 import { getPromptCompletion, replacePromptCompletion } from "./prompt-completion.js";
 import { compactThinkingEvents } from "./runtime-events.js";
@@ -356,9 +357,20 @@ function ConfirmDialog({ title, description, target, confirmLabel, busy, onClose
                 onClose();
         }, children: _jsxs("div", { "aria-label": title, "aria-modal": "true", className: "session-dialog", onClick: (event) => event.stopPropagation(), ref: dialogRef, role: "dialog", tabIndex: -1, children: [_jsxs("header", { className: "session-dialog-header", children: [_jsxs("div", { children: [_jsx("strong", { children: title }), _jsx("small", { children: description })] }), _jsx("button", { "aria-label": "\u5173\u95ED", disabled: busy, onClick: onClose, type: "button", children: "\u00D7" })] }), target && _jsx("div", { className: "session-dialog-target", children: target }), _jsxs("footer", { className: "session-dialog-actions", children: [_jsx("button", { "data-dialog-initial-focus": true, disabled: busy, onClick: onClose, type: "button", children: "\u53D6\u6D88" }), _jsx("button", { className: "danger", disabled: busy, onClick: onConfirm, type: "button", children: busy ? "处理中…" : confirmLabel })] })] }) }));
 }
-function SessionActionMenu({ busy, onRename, onFork, onArchive, onDelete, }) {
-    return (_jsxs("div", { className: "session-row-menu-popover", onClick: (event) => event.stopPropagation(), children: [_jsx("button", { disabled: busy, onClick: onRename, type: "button", children: "\u91CD\u547D\u540D" }), _jsx("button", { disabled: busy, onClick: onFork, type: "button", children: "\u590D\u5236\u4F1A\u8BDD" }), _jsx("button", { disabled: busy, onClick: onArchive, type: "button", children: "\u5F52\u6863\u4F1A\u8BDD" }), _jsx("button", { className: "danger", disabled: busy, onClick: onDelete, type: "button", children: "\u5220\u9664\u4F1A\u8BDD" })] }));
+function SessionActionMenu({ busy, position, onRename, onFork, onArchive, onDelete, }) {
+    return createPortal(_jsxs("div", { className: "session-row-menu-popover", "data-session-popover": true, onClick: (event) => event.stopPropagation(), role: "menu", style: position, children: [_jsx("button", { autoFocus: true, disabled: busy, onClick: onRename, role: "menuitem", type: "button", children: "\u91CD\u547D\u540D" }), _jsx("button", { disabled: busy, onClick: onFork, role: "menuitem", type: "button", children: "\u590D\u5236\u4F1A\u8BDD" }), _jsx("button", { disabled: busy, onClick: onArchive, role: "menuitem", type: "button", children: "\u5F52\u6863\u4F1A\u8BDD" }), _jsx("button", { className: "danger", disabled: busy, onClick: onDelete, role: "menuitem", type: "button", children: "\u5220\u9664\u4F1A\u8BDD" })] }), document.body);
 }
+const sidebarPopoverPosition = (trigger, width, estimatedHeight, placement) => {
+    const rect = trigger.getBoundingClientRect();
+    const gutter = 8;
+    const spaceOnRight = window.innerWidth - rect.right - gutter;
+    const left = spaceOnRight >= width ? rect.right + gutter : Math.max(gutter, rect.left - width - gutter);
+    const preferredTop = placement === "below" ? rect.bottom + 6 : rect.top - 4;
+    return {
+        left: Math.round(left),
+        top: Math.round(Math.min(Math.max(gutter, preferredTop), Math.max(gutter, window.innerHeight - estimatedHeight - gutter))),
+    };
+};
 function PromptError({ message }) {
     const everyApiAuth = /No API key found for everyapi/i.test(message);
     const requiresAuth = everyApiAuth || /No API key found|authentication|未配置认证/i.test(message);
@@ -1386,7 +1398,7 @@ function PromptCompletionPopover({ kind, commands, files, query, activeIndex, on
     const items = kind === "command"
         ? filterCommands(commands, query).slice(0, 12)
         : files.filter((file) => `${file.path} ${file.label} ${file.status}`.toLowerCase().includes(query.trim().toLowerCase())).slice(0, 12);
-    return (_jsxs("div", { "aria-label": kind === "command" ? "命令补全" : "文件补全", className: "prompt-completion", id: "prompt-completion-list", role: "listbox", children: [_jsx("small", { children: kind === "command" ? "命令" : "文件" }), items.length ? (items.slice(0, 12).map((item, index) => {
+    return (_jsxs("div", { "aria-label": kind === "command" ? "命令补全" : "文件补全", className: "prompt-completion", "data-prompt-completion": true, id: "prompt-completion-list", role: "listbox", children: [_jsx("small", { children: kind === "command" ? "命令" : "文件" }), items.length ? (items.slice(0, 12).map((item, index) => {
                 const label = kind === "command" ? `/${item.invocationName}` : `@${item.path}`;
                 const detail = kind === "command" ? (item.description ?? item.source ?? "由当前运行时注册") : item.status;
                 return (_jsxs("button", { "aria-selected": index === activeIndex, id: `prompt-completion-option-${index}`, onClick: () => onUse(label), onMouseEnter: () => onActiveIndexChange(index), role: "option", type: "button", children: [_jsx("strong", { children: label }), _jsx("span", { children: detail })] }, `${kind}:${label}`));
@@ -1490,9 +1502,12 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
     const [commandIndex, setCommandIndex] = useState(0);
     const [sessionMenuOpen, setSessionMenuOpen] = useState(false);
     const [sessionMenuPath, setSessionMenuPath] = useState();
+    const [sessionMenuPosition, setSessionMenuPosition] = useState();
     const [sessionToolsOpen, setSessionToolsOpen] = useState(false);
+    const [sessionToolsPosition, setSessionToolsPosition] = useState();
     const [sessionSelectionMode, setSessionSelectionMode] = useState(false);
     const [sessionDialog, setSessionDialog] = useState();
+    const [sessionActionTarget, setSessionActionTarget] = useState();
     const [sessionNameDraft, setSessionNameDraft] = useState("");
     const [workspaceChooserOpen, setWorkspaceChooserOpen] = useState(false);
     const [workspaceError, setWorkspaceError] = useState("");
@@ -1518,7 +1533,6 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
     const [installedPluginMetadata, setInstalledPluginMetadata] = useState();
     const [marketplacePage, setMarketplacePage] = useState(initialQueryState.marketplacePage);
     const [permission, setPermission] = useState(true);
-    const [contextExpanded, setContextExpanded] = useState(false);
     const [promptError, setPromptError] = useState("");
     const [promptBusy, setPromptBusy] = useState(false);
     const [pendingPrompt, setPendingPrompt] = useState("");
@@ -1529,6 +1543,7 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
     const [sessionHasNext, setSessionHasNext] = useState(false);
     const [selectedSessionPaths, setSelectedSessionPaths] = useState(new Set());
     const importInputRef = useRef(null);
+    const sessionPopoverTriggerRef = useRef(null);
     const [streamingAssistant, setStreamingAssistant] = useState();
     const promptInputRef = useRef(null);
     const chatScrollRef = useRef(null);
@@ -1580,6 +1595,86 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
     useEffect(() => {
         setPromptCompletionIndex(0);
     }, [promptCompletion?.kind, promptCompletion?.query]);
+    useEffect(() => {
+        if (!sessionMenuOpen && !sessionToolsOpen)
+            return;
+        const dismissOnPointerDown = (event) => {
+            if (event.target instanceof Element && event.target.closest("[data-session-popover]"))
+                return;
+            setSessionMenuOpen(false);
+            setSessionMenuPath(undefined);
+            setSessionMenuPosition(undefined);
+            setSessionToolsOpen(false);
+            setSessionToolsPosition(undefined);
+            setSessionActionTarget(undefined);
+        };
+        const dismissOnEscape = (event) => {
+            if (event.key !== "Escape")
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            setSessionMenuOpen(false);
+            setSessionMenuPath(undefined);
+            setSessionMenuPosition(undefined);
+            setSessionToolsOpen(false);
+            setSessionToolsPosition(undefined);
+            setSessionActionTarget(undefined);
+            sessionPopoverTriggerRef.current?.focus();
+        };
+        const dismissOnViewportChange = () => {
+            setSessionMenuOpen(false);
+            setSessionMenuPath(undefined);
+            setSessionMenuPosition(undefined);
+            setSessionToolsOpen(false);
+            setSessionToolsPosition(undefined);
+            setSessionActionTarget(undefined);
+        };
+        document.addEventListener("pointerdown", dismissOnPointerDown);
+        document.addEventListener("keydown", dismissOnEscape);
+        document.addEventListener("scroll", dismissOnViewportChange, true);
+        window.addEventListener("resize", dismissOnViewportChange);
+        return () => {
+            document.removeEventListener("pointerdown", dismissOnPointerDown);
+            document.removeEventListener("keydown", dismissOnEscape);
+            document.removeEventListener("scroll", dismissOnViewportChange, true);
+            window.removeEventListener("resize", dismissOnViewportChange);
+        };
+    }, [sessionMenuOpen, sessionToolsOpen]);
+    useEffect(() => {
+        if (!commandOpen && !promptCompletionOpen)
+            return;
+        const dismissTransientLists = (event) => {
+            const target = event.target instanceof Element ? event.target : undefined;
+            if (commandOpen && !target?.closest("[data-command-palette]")) {
+                setCommandOpen(false);
+                setCommandQuery("");
+            }
+            if (promptCompletionOpen && !target?.closest("[data-prompt-completion]"))
+                setPromptCompletionSuppressed(true);
+        };
+        document.addEventListener("pointerdown", dismissTransientLists);
+        return () => document.removeEventListener("pointerdown", dismissTransientLists);
+    }, [commandOpen, promptCompletionOpen]);
+    useEffect(() => {
+        const dismissProviderModels = (event) => {
+            if (event instanceof KeyboardEvent && event.key !== "Escape")
+                return;
+            const target = event.target instanceof Element ? event.target : undefined;
+            document.querySelectorAll("details.provider-models-details[open]").forEach((details) => {
+                if (event instanceof PointerEvent && target && details.contains(target))
+                    return;
+                details.removeAttribute("open");
+                if (event instanceof KeyboardEvent)
+                    details.querySelector("summary")?.focus();
+            });
+        };
+        document.addEventListener("pointerdown", dismissProviderModels);
+        document.addEventListener("keydown", dismissProviderModels);
+        return () => {
+            document.removeEventListener("pointerdown", dismissProviderModels);
+            document.removeEventListener("keydown", dismissProviderModels);
+        };
+    }, []);
     useEffect(() => {
         if (typeof window === "undefined")
             return;
@@ -2024,7 +2119,10 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
             setSelectedSessionPaths(new Set());
             setSessionMenuOpen(false);
             setSessionMenuPath(undefined);
+            setSessionMenuPosition(undefined);
             setSessionToolsOpen(false);
+            setSessionToolsPosition(undefined);
+            setSessionActionTarget(undefined);
             setSessionSelectionMode(false);
             setSessionDialog(undefined);
         }
@@ -2046,16 +2144,25 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
             return next;
         });
     };
-    const openSessionMenu = (path, name) => {
+    const openSessionMenu = (path, name, trigger) => {
+        if (sessionMenuOpen && sessionMenuPath === path) {
+            closeSessionMenu();
+            setSessionActionTarget(undefined);
+            return;
+        }
         setSessionToolsOpen(false);
-        setSelectedSessionPath(path);
+        setSessionToolsPosition(undefined);
+        sessionPopoverTriggerRef.current = trigger;
         setSessionNameDraft(name ?? "");
+        setSessionActionTarget({ name: name || "未命名会话", path });
         setSessionMenuPath(path);
+        setSessionMenuPosition(sidebarPopoverPosition(trigger, 142, 190, "beside"));
         setSessionMenuOpen(true);
     };
     const closeSessionMenu = () => {
         setSessionMenuOpen(false);
         setSessionMenuPath(undefined);
+        setSessionMenuPosition(undefined);
     };
     const pushInstalledPluginRoute = (pluginId) => {
         const params = new URLSearchParams(window.location.search);
@@ -2156,7 +2263,7 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
                     })) : (_jsx(Workspace, { status: data.status, workspaces: data.workspaces, onCreate: (workspace) => void createNewSession(workspace), onStarter: setDraft, onToml: () => {
                             setDetails(undefined);
                             setSettings("toml");
-                        } })), streamingAssistant && data.status?.status === "running" && (_jsxs("article", { className: "turn text streaming-turn", "aria-live": "polite", children: [streamingAssistant.thinking && (_jsxs("details", { className: "reasoning message-reasoning", children: [_jsx("summary", { className: "reasoning-head", children: "\u601D\u8003\u4E2D\u2026" }), _jsx("div", { className: "reasoning-body", children: _jsx(MarkdownMessage, { text: streamingAssistant.thinking }) })] })), !streamingAssistant.thinking && !streamingAssistant.text && _jsx("div", { className: "streaming-placeholder", children: "\u6B63\u5728\u751F\u6210\u2026" }), streamingAssistant.text && _jsx(MarkdownMessage, { onMouseUp: captureAnnotationSelection, text: streamingAssistant.text })] })), pendingPrompt && !data.session?.messages.some((message) => message.role === "user" && messageText(message) === pendingPrompt) && (_jsx("article", { className: "turn user pending-turn", children: _jsx(UserMessageBubble, { text: pendingPrompt }) }))] }), _jsxs("div", { className: "composer-wrap", children: [_jsxs("div", { className: "context-line", children: [_jsx("span", { className: "context-label", children: "\u5B9E\u65F6\u4E0A\u4E0B\u6587" }), _jsxs("div", { className: "context-metrics", children: [_jsxs("span", { children: [_jsx("b", { children: data.status?.messages ?? 0 }), " \u6761\u6D88\u606F"] }), _jsxs("span", { children: [_jsx("b", { children: data.status?.events ?? events.length }), " \u4E2A\u4E8B\u4EF6"] }), _jsx("span", { children: _jsx("b", { children: value(data.status?.model) }) })] }), _jsx("button", { "aria-expanded": contextExpanded, onClick: () => setContextExpanded((current) => !current), type: "button", children: contextExpanded ? "收起" : "展开" })] }), contextExpanded && (_jsxs("div", { className: "context-breakdown", role: "status", children: [_jsxs("span", { children: ["\u6D88\u606F ", _jsx("b", { children: data.status?.messages ?? 0 })] }), _jsxs("span", { children: ["\u8FD0\u884C\u65F6\u4E8B\u4EF6 ", _jsx("b", { children: data.status?.events ?? events.length })] }), _jsxs("span", { children: ["\u6A21\u578B ", _jsx("b", { children: value(data.status?.model) })] })] })), _jsxs("div", { className: "composer-stack", children: [promptError && _jsx(PromptError, { message: promptError }), annotationSelection ? (_jsxs("div", { "aria-label": "\u6DFB\u52A0\u6279\u6CE8", className: "rounded-lg border border-[#cdddf8] bg-[#f6f8ff] px-3 py-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "mt-0.5 shrink-0 rounded bg-[#dce9ff] px-1.5 py-0.5 text-[10px] text-[#315fb8]", children: "\u9009\u4E2D\u7247\u6BB5" }), _jsx("p", { className: "max-h-16 flex-1 overflow-auto whitespace-pre-wrap text-[11px] text-[#30343b]", children: annotationSelection }), _jsx("button", { "aria-label": "\u53D6\u6D88\u6279\u6CE8", className: "text-[12px] text-[#687381]", onClick: () => setAnnotationSelection(""), type: "button", children: "\u00D7" })] }), _jsxs("div", { className: "mt-2 flex items-center gap-2", children: [_jsx("input", { "aria-label": "\u6279\u6CE8\u5907\u6CE8", className: "min-w-0 flex-1 rounded-md border border-[#dce5f5] bg-white px-2 py-1.5 text-[11px] outline-none", onChange: (event) => setAnnotationNote(event.target.value), placeholder: "\u5907\u6CE8\uFF08\u53EF\u9009\uFF09", value: annotationNote }), _jsx("button", { className: "rounded-md bg-[#3565c5] px-3 py-1.5 text-[11px] font-medium text-white", onClick: addAnnotation, type: "button", children: "\u52A0\u5165\u6279\u6CE8" })] })] })) : null, annotations.length > 0 ? (_jsxs("div", { className: "flex items-center gap-2 overflow-x-auto text-[10px]", children: [_jsxs("span", { className: "shrink-0 rounded-md bg-[#edf3fe] px-2 py-1 font-medium text-[#315fb8]", children: ["\u6279\u6CE8 \u00D7", annotations.length] }), annotations.map((annotation) => (_jsxs("button", { className: "max-w-48 shrink-0 truncate rounded-md border border-[#dce5f5] bg-white px-2 py-1 text-left text-[#65707b]", onClick: () => setAnnotations((current) => current.filter((item) => item.id !== annotation.id)), title: "\u70B9\u51FB\u79FB\u9664\u6279\u6CE8", type: "button", children: ["#", annotation.id, " ", annotation.quote] }, annotation.id))), _jsx("button", { className: "shrink-0 text-[#687381]", onClick: () => setAnnotations([]), type: "button", children: "\u6E05\u7A7A" })] })) : null, _jsxs("form", { className: "composer", onSubmit: submit, children: [_jsx("textarea", { "aria-activedescendant": promptCompletionOpen ? `prompt-completion-option-${promptCompletionActiveIndex}` : undefined, "aria-autocomplete": "list", "aria-controls": promptCompletionOpen ? "prompt-completion-list" : undefined, "aria-expanded": promptCompletionOpen, "aria-haspopup": "listbox", "aria-label": "Prompt", onChange: (event) => {
+                        } })), streamingAssistant && data.status?.status === "running" && (_jsxs("article", { className: "turn text streaming-turn", "aria-live": "polite", children: [streamingAssistant.thinking && (_jsxs("details", { className: "reasoning message-reasoning", children: [_jsx("summary", { className: "reasoning-head", children: "\u601D\u8003\u4E2D\u2026" }), _jsx("div", { className: "reasoning-body", children: _jsx(MarkdownMessage, { text: streamingAssistant.thinking }) })] })), !streamingAssistant.thinking && !streamingAssistant.text && _jsx("div", { className: "streaming-placeholder", children: "\u6B63\u5728\u751F\u6210\u2026" }), streamingAssistant.text && _jsx(MarkdownMessage, { onMouseUp: captureAnnotationSelection, text: streamingAssistant.text })] })), pendingPrompt && !data.session?.messages.some((message) => message.role === "user" && messageText(message) === pendingPrompt) && (_jsx("article", { className: "turn user pending-turn", children: _jsx(UserMessageBubble, { text: pendingPrompt }) }))] }), _jsxs("div", { className: "composer-wrap", children: [_jsx("div", { className: "context-shell", children: _jsxs("div", { className: "context-line", children: [_jsx("span", { className: "context-label", children: "\u5B9E\u65F6\u4E0A\u4E0B\u6587" }), _jsxs("div", { className: "context-metrics", children: [_jsxs("span", { children: [_jsx("b", { children: data.status?.messages ?? 0 }), " \u6761\u6D88\u606F"] }), _jsxs("span", { children: [_jsx("b", { children: data.status?.events ?? events.length }), " \u4E2A\u4E8B\u4EF6"] }), _jsx("span", { children: _jsx("b", { children: value(data.status?.model) }) })] })] }) }), _jsxs("div", { className: "composer-stack", children: [promptError && _jsx(PromptError, { message: promptError }), annotationSelection ? (_jsxs("div", { "aria-label": "\u6DFB\u52A0\u6279\u6CE8", className: "rounded-lg border border-[#cdddf8] bg-[#f6f8ff] px-3 py-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "mt-0.5 shrink-0 rounded bg-[#dce9ff] px-1.5 py-0.5 text-[10px] text-[#315fb8]", children: "\u9009\u4E2D\u7247\u6BB5" }), _jsx("p", { className: "max-h-16 flex-1 overflow-auto whitespace-pre-wrap text-[11px] text-[#30343b]", children: annotationSelection }), _jsx("button", { "aria-label": "\u53D6\u6D88\u6279\u6CE8", className: "text-[12px] text-[#687381]", onClick: () => setAnnotationSelection(""), type: "button", children: "\u00D7" })] }), _jsxs("div", { className: "mt-2 flex items-center gap-2", children: [_jsx("input", { "aria-label": "\u6279\u6CE8\u5907\u6CE8", className: "min-w-0 flex-1 rounded-md border border-[#dce5f5] bg-white px-2 py-1.5 text-[11px] outline-none", onChange: (event) => setAnnotationNote(event.target.value), placeholder: "\u5907\u6CE8\uFF08\u53EF\u9009\uFF09", value: annotationNote }), _jsx("button", { className: "rounded-md bg-[#3565c5] px-3 py-1.5 text-[11px] font-medium text-white", onClick: addAnnotation, type: "button", children: "\u52A0\u5165\u6279\u6CE8" })] })] })) : null, annotations.length > 0 ? (_jsxs("div", { className: "flex items-center gap-2 overflow-x-auto text-[10px]", children: [_jsxs("span", { className: "shrink-0 rounded-md bg-[#edf3fe] px-2 py-1 font-medium text-[#315fb8]", children: ["\u6279\u6CE8 \u00D7", annotations.length] }), annotations.map((annotation) => (_jsxs("button", { className: "max-w-48 shrink-0 truncate rounded-md border border-[#dce5f5] bg-white px-2 py-1 text-left text-[#65707b]", onClick: () => setAnnotations((current) => current.filter((item) => item.id !== annotation.id)), title: "\u70B9\u51FB\u79FB\u9664\u6279\u6CE8", type: "button", children: ["#", annotation.id, " ", annotation.quote] }, annotation.id))), _jsx("button", { className: "shrink-0 text-[#687381]", onClick: () => setAnnotations([]), type: "button", children: "\u6E05\u7A7A" })] })) : null, _jsxs("form", { className: "composer", onSubmit: submit, children: [_jsx("textarea", { "aria-activedescendant": promptCompletionOpen ? `prompt-completion-option-${promptCompletionActiveIndex}` : undefined, "aria-autocomplete": "list", "aria-controls": promptCompletionOpen ? "prompt-completion-list" : undefined, "aria-expanded": promptCompletionOpen, "aria-haspopup": "listbox", "aria-label": "Prompt", onChange: (event) => {
                                             setDraft(event.target.value);
                                             setPromptCaret(event.currentTarget.selectionStart ?? event.target.value.length);
                                             setPromptCompletionSuppressed(false);
@@ -2212,7 +2319,7 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
                                                 event.currentTarget.blur();
                                                 setWorkspaceChooserOpen(true);
                                             }
-                                        }, placeholder: workspaceReady ? "描述要做的改动，⌘↵ 发送；@ 引用文件，/ 调用命令" : "先选择工作区，再描述要做的改动", readOnly: !workspaceReady, ref: promptInputRef, rows: 2, value: draft }), promptCompletionOpen && promptCompletion && (_jsx(PromptCompletionPopover, { activeIndex: promptCompletionActiveIndex, commands: data.commands, files: data.files, kind: promptCompletion.kind, onActiveIndexChange: setPromptCompletionIndex, onUse: (value) => {
+                                        }, placeholder: workspaceReady ? "描述要做的改动，⌘↵ 发送；@ 引用文件，/ 调用命令" : "先选择工作区，再描述要做的改动", readOnly: !workspaceReady, ref: promptInputRef, rows: 2, "data-prompt-completion": true, value: draft }), promptCompletionOpen && promptCompletion && (_jsx(PromptCompletionPopover, { activeIndex: promptCompletionActiveIndex, commands: data.commands, files: data.files, kind: promptCompletion.kind, onActiveIndexChange: setPromptCompletionIndex, onUse: (value) => {
                                             const replacement = replacePromptCompletion(draft, promptCompletion, `${value} `);
                                             setDraft(replacement.text);
                                             setPromptCaret(replacement.caret);
@@ -2263,7 +2370,7 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
         setCommandOpen(false);
         setCommandQuery("");
     };
-    return (_jsxs("div", { className: "app-frame", "data-theme": activeTheme, style: themeStyle, children: [_jsxs("aside", { className: "sidebar", children: [_jsxs("header", { className: "brand-row", children: [_jsx("span", { className: "pi-mark", "aria-hidden": "true", children: _jsx("img", { src: "/icons/svg/mark-white.svg", alt: "" }) }), _jsx("strong", { children: "pi harness" }), appVersion ? _jsx("span", { className: "version", children: appVersion }) : null] }), _jsxs("div", { className: "sidebar-actions", children: [_jsx("button", { className: "new-session", onClick: beginNewSession, type: "button", "aria-expanded": workspaceChooserOpen, children: "\uFF0B \u65B0\u5EFA\u4F1A\u8BDD" }), _jsxs("div", { className: "session-search", children: [_jsx("input", { "aria-controls": commandOpen ? "command-menu" : undefined, "aria-expanded": commandOpen, "aria-label": commandOpen ? "搜索命令" : "搜索会话", onChange: (event) => {
+    return (_jsxs("div", { className: "app-frame", "data-theme": activeTheme, style: themeStyle, children: [_jsxs("aside", { className: "sidebar", children: [_jsxs("header", { className: "brand-row", children: [_jsx("span", { className: "pi-mark", "aria-hidden": "true", children: _jsx("img", { src: "/icons/svg/mark-white.svg", alt: "" }) }), _jsx("strong", { children: "pi harness" }), appVersion ? _jsx("span", { className: "version", children: appVersion }) : null] }), _jsxs("div", { className: "sidebar-actions", children: [_jsx("button", { className: "new-session", onClick: beginNewSession, type: "button", "aria-expanded": workspaceChooserOpen, children: "\uFF0B \u65B0\u5EFA\u4F1A\u8BDD" }), _jsxs("div", { className: "session-search", "data-command-palette": true, children: [_jsx("input", { "aria-controls": commandOpen ? "command-menu" : undefined, "aria-expanded": commandOpen, "aria-label": commandOpen ? "搜索命令" : "搜索会话", onChange: (event) => {
                                             const next = event.target.value;
                                             if (!commandOpen && next.startsWith("/")) {
                                                 setCommandOpen(true);
@@ -2304,25 +2411,42 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
                                             setSelectedSessionPaths(new Set());
                                             setSessionToolsOpen(false);
                                             closeSessionMenu();
-                                        }, type: "button", children: sessionSelectionMode ? "完成" : "选择" }), _jsxs("div", { className: "session-tools-wrap", children: [_jsx("button", { "aria-expanded": sessionToolsOpen, "aria-label": "\u4F1A\u8BDD\u5DE5\u5177", className: "session-tool-button icon", onClick: () => {
+                                        }, type: "button", children: sessionSelectionMode ? "完成" : "选择" }), _jsxs("div", { className: "session-tools-wrap", "data-session-popover": true, children: [_jsx("button", { "aria-expanded": sessionToolsOpen, "aria-haspopup": "menu", "aria-label": "\u4F1A\u8BDD\u5DE5\u5177", className: "session-tool-button icon", onClick: (event) => {
                                                     closeSessionMenu();
-                                                    setSessionToolsOpen((current) => !current);
-                                                }, type: "button", children: "\u22EF" }), sessionToolsOpen && (_jsxs("div", { className: "session-tools-popover", children: [_jsx("button", { onClick: () => window.location.reload(), type: "button", children: "\u5237\u65B0\u5217\u8868" }), _jsx("button", { onClick: () => importInputRef.current?.click(), type: "button", children: "\u5BFC\u5165\u4F1A\u8BDD" }), _jsx("button", { disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
-                                                            if (!activeSessionPath)
-                                                                return;
-                                                            void sessionAction(async () => {
-                                                                const blob = await api.exportSession(activeSessionPath);
-                                                                const link = document.createElement("a");
-                                                                link.href = URL.createObjectURL(blob);
-                                                                link.download = `${data.session?.sessionId ?? "session"}.jsonl`;
-                                                                link.click();
-                                                                URL.revokeObjectURL(link.href);
-                                                            });
-                                                        }, type: "button", children: "\u5BFC\u51FA\u5F53\u524D\u4F1A\u8BDD" }), _jsx("button", { onClick: () => {
-                                                            setIncludeArchivedSessions((current) => !current);
-                                                            setSessionToolsOpen(false);
-                                                            void refresh();
-                                                        }, type: "button", children: includeArchivedSessions ? "隐藏归档会话" : "显示归档会话" })] }))] })] })] }), sessionSelectionMode && selectedSessionPaths.size > 0 && (_jsxs("div", { className: "session-batch-bar", children: [_jsxs("span", { children: [selectedSessionPaths.size, " \u4E2A\u5DF2\u9009\u62E9"] }), _jsx("button", { onClick: () => void sessionAction(() => api.batchSessions("archive", [...selectedSessionPaths]).then(() => undefined)), type: "button", children: "\u5F52\u6863" }), _jsx("button", { onClick: () => void sessionAction(() => api.batchSessions("pin", [...selectedSessionPaths]).then(() => undefined)), type: "button", children: "\u7F6E\u9876" }), _jsx("button", { className: "danger", onClick: () => {
+                                                    sessionPopoverTriggerRef.current = event.currentTarget;
+                                                    setSessionActionTarget(undefined);
+                                                    if (sessionToolsOpen) {
+                                                        setSessionToolsOpen(false);
+                                                        setSessionToolsPosition(undefined);
+                                                    }
+                                                    else {
+                                                        setSessionToolsPosition(sidebarPopoverPosition(event.currentTarget, 150, 190, "below"));
+                                                        setSessionToolsOpen(true);
+                                                    }
+                                                }, type: "button", children: "\u22EF" }), sessionToolsOpen &&
+                                                sessionToolsPosition &&
+                                                createPortal(_jsxs("div", { className: "session-tools-popover", "data-session-popover": true, role: "menu", style: sessionToolsPosition, children: [_jsx("button", { autoFocus: true, onClick: () => window.location.reload(), role: "menuitem", type: "button", children: "\u5237\u65B0\u5217\u8868" }), _jsx("button", { onClick: () => {
+                                                                setSessionToolsOpen(false);
+                                                                setSessionToolsPosition(undefined);
+                                                                importInputRef.current?.click();
+                                                            }, role: "menuitem", type: "button", children: "\u5BFC\u5165\u4F1A\u8BDD" }), _jsx("button", { disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
+                                                                if (!activeSessionPath)
+                                                                    return;
+                                                                void sessionAction(async () => {
+                                                                    const blob = await api.exportSession(activeSessionPath);
+                                                                    const link = document.createElement("a");
+                                                                    link.href = URL.createObjectURL(blob);
+                                                                    link.download = `${data.session?.sessionId ?? "session"}.jsonl`;
+                                                                    link.click();
+                                                                    URL.revokeObjectURL(link.href);
+                                                                });
+                                                            }, role: "menuitem", type: "button", children: "\u5BFC\u51FA\u5F53\u524D\u4F1A\u8BDD" }), _jsx("button", { onClick: () => {
+                                                                setIncludeArchivedSessions((current) => !current);
+                                                                setSessionToolsOpen(false);
+                                                                setSessionToolsPosition(undefined);
+                                                                void refresh();
+                                                            }, role: "menuitem", type: "button", children: includeArchivedSessions ? "隐藏归档会话" : "显示归档会话" })] }), document.body)] })] })] }), sessionSelectionMode && selectedSessionPaths.size > 0 && (_jsxs("div", { className: "session-batch-bar", children: [_jsxs("span", { children: [selectedSessionPaths.size, " \u4E2A\u5DF2\u9009\u62E9"] }), _jsx("button", { onClick: () => void sessionAction(() => api.batchSessions("archive", [...selectedSessionPaths]).then(() => undefined)), type: "button", children: "\u5F52\u6863" }), _jsx("button", { onClick: () => void sessionAction(() => api.batchSessions("pin", [...selectedSessionPaths]).then(() => undefined)), type: "button", children: "\u7F6E\u9876" }), _jsx("button", { className: "danger", onClick: () => {
+                                    setSessionActionTarget(undefined);
                                     setSessionDialog("batch-delete");
                                 }, type: "button", children: "\u5220\u9664" })] })), _jsxs("div", { className: "sidebar-scroll", children: [showCurrentSession && data.session && (_jsxs("div", { className: "session-group", children: [_jsx("div", { className: "group-label", children: "\u5F53\u524D" }), _jsxs("div", { className: "session-row-wrap current-session-row", children: [sessionSelectionMode && (_jsx("input", { "aria-label": "\u9009\u62E9\u5F53\u524D\u4F1A\u8BDD", checked: activeSessionPath ? selectedSessionPaths.has(activeSessionPath) : false, onChange: () => activeSessionPath && toggleSessionSelection(activeSessionPath), type: "checkbox" })), _jsxs("button", { className: "session-row active", onClick: () => {
                                                     setSettings(undefined);
@@ -2333,7 +2457,7 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
                                                     setDetails(undefined);
                                                     setSessionMenuOpen(false);
                                                     void refresh();
-                                                }, type: "button", children: [_jsx("span", { className: "session-dot ok" }), _jsxs("span", { className: "session-copy", children: [_jsx("strong", { children: data.session.messages.length ? data.session.sessionId.slice(0, 12) : "新会话" }), _jsxs("small", { children: [data.session.messages.length, " \u6761\u6D88\u606F"] })] })] }), !sessionSelectionMode && activeSessionPath && (_jsx("button", { "aria-label": "\u5F53\u524D\u4F1A\u8BDD\u64CD\u4F5C", className: "session-row-more", onClick: () => openSessionMenu(activeSessionPath, data.session?.messages.length ? data.session?.sessionId.slice(0, 12) : "新会话"), type: "button", children: "\u22EF" })), !sessionSelectionMode && activeSessionPath && sessionMenuPath === activeSessionPath && sessionMenuOpen && (_jsx(SessionActionMenu, { busy: sessionActionBusy, onArchive: () => {
+                                                }, type: "button", children: [_jsx("span", { className: "session-dot ok" }), _jsxs("span", { className: "session-copy", children: [_jsx("strong", { children: data.session.messages.length ? data.session.sessionId.slice(0, 12) : "新会话" }), _jsxs("small", { children: [data.session.messages.length, " \u6761\u6D88\u606F"] })] })] }), !sessionSelectionMode && activeSessionPath && (_jsx("button", { "aria-expanded": sessionMenuOpen && sessionMenuPath === activeSessionPath, "aria-haspopup": "menu", "aria-label": "\u5F53\u524D\u4F1A\u8BDD\u64CD\u4F5C", className: "session-row-more", "data-session-popover": true, onClick: (event) => openSessionMenu(activeSessionPath, data.session?.messages.length ? data.session?.sessionId.slice(0, 12) : "新会话", event.currentTarget), type: "button", children: "\u22EF" })), !sessionSelectionMode && activeSessionPath && sessionMenuPath === activeSessionPath && sessionMenuOpen && sessionMenuPosition && (_jsx(SessionActionMenu, { busy: sessionActionBusy, position: sessionMenuPosition, onArchive: () => {
                                                     closeSessionMenu();
                                                     setSessionDialog("archive");
                                                 }, onDelete: () => {
@@ -2351,10 +2475,14 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
                                                 } }))] })] })), groups.length ? (groups.map(([label, sessions]) => (_jsxs("div", { className: "session-group", children: [_jsx("div", { className: "group-label", children: label }), sessions.map((session, index) => (_jsxs("div", { className: "session-row-wrap", children: [sessionSelectionMode && (_jsx("input", { "aria-label": `选择会话 ${value(session.name ?? session.firstMessage, "未命名会话")}`, checked: typeof session.path === "string" && selectedSessionPaths.has(session.path), onChange: () => {
                                                     if (typeof session.path === "string")
                                                         toggleSessionSelection(session.path);
-                                                }, type: "checkbox" })), _jsxs("button", { className: `session-row ${session.sessionId === data.session?.sessionId ? "active" : ""}`, onClick: () => openSession(session), type: "button", children: [_jsx("span", { className: "session-dot ok" }), _jsxs("span", { className: "session-copy", children: [_jsx("strong", { children: value(session.name ?? session.firstMessage, "未命名会话") }), _jsxs("small", { children: [value(session.messageCount, "0"), " \u6761\u6D88\u606F", session.pinned === true ? " · 已置顶" : "", session.archived === true ? " · 已归档" : ""] })] })] }), !sessionSelectionMode && typeof session.path === "string" && (_jsx("button", { "aria-label": `会话操作 ${value(session.name ?? session.firstMessage, "未命名会话")}`, className: "session-row-more", onClick: (event) => {
+                                                }, type: "checkbox" })), _jsxs("button", { className: `session-row ${session.sessionId === data.session?.sessionId ? "active" : ""}`, onClick: () => openSession(session), type: "button", children: [_jsx("span", { className: "session-dot ok" }), _jsxs("span", { className: "session-copy", children: [_jsx("strong", { children: value(session.name ?? session.firstMessage, "未命名会话") }), _jsxs("small", { children: [value(session.messageCount, "0"), " \u6761\u6D88\u606F", session.pinned === true ? " · 已置顶" : "", session.archived === true ? " · 已归档" : ""] })] })] }), !sessionSelectionMode && typeof session.path === "string" && (_jsx("button", { "aria-expanded": sessionMenuOpen && sessionMenuPath === session.path, "aria-haspopup": "menu", "aria-label": `会话操作 ${value(session.name ?? session.firstMessage, "未命名会话")}`, className: "session-row-more", "data-session-popover": true, onClick: (event) => {
                                                     event.stopPropagation();
-                                                    openSessionMenu(session.path, value(session.name ?? session.firstMessage, ""));
-                                                }, type: "button", children: "\u22EF" })), !sessionSelectionMode && typeof session.path === "string" && sessionMenuPath === session.path && sessionMenuOpen && (_jsx(SessionActionMenu, { busy: sessionActionBusy, onArchive: () => {
+                                                    openSessionMenu(session.path, value(session.name ?? session.firstMessage, ""), event.currentTarget);
+                                                }, type: "button", children: "\u22EF" })), !sessionSelectionMode &&
+                                                typeof session.path === "string" &&
+                                                sessionMenuPath === session.path &&
+                                                sessionMenuOpen &&
+                                                sessionMenuPosition && (_jsx(SessionActionMenu, { busy: sessionActionBusy, position: sessionMenuPosition, onArchive: () => {
                                                     closeSessionMenu();
                                                     setSessionDialog("archive");
                                                 }, onDelete: () => {
@@ -2384,7 +2512,7 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
                                     setSessionMenuPath(undefined);
                                     setDetails(undefined);
                                     setSettings("general");
-                                }, title: "\u8BBE\u7F6E", type: "button", children: ["\u2699 ", _jsx("span", { children: "\u8BBE\u7F6E" })] })] })] }), _jsxs("section", { className: "main-pane", children: [_jsxs("header", { className: "main-header", children: [_jsxs("div", { className: "active-heading", children: [_jsx("strong", { children: settings
+                                }, title: "\u8BBE\u7F6E", type: "button", children: ["\u2699 ", _jsx("span", { children: "\u8BBE\u7F6E" })] })] })] }), _jsxs("section", { className: "main-pane", children: [_jsxs("header", { className: `main-header ${!settings && page === "session" ? "session-track" : ""}`, children: [_jsxs("div", { className: "active-heading", children: [_jsx("strong", { children: settings
                                             ? "设置"
                                             : page === "plugins"
                                                 ? installedPluginId
@@ -2415,41 +2543,53 @@ export function ControlRoomView({ api = createClientApi(), appVersion }) {
                                         }, type: "button", children: "\u505C\u6B62" })] })), !settings && page === "session" && (_jsx("div", { "aria-label": "\u4F1A\u8BDD\u89C6\u56FE", className: "view-tabs", children: ["chat", "trajectory", "files"].map((item) => (_jsx("button", { "aria-pressed": view === item, className: `view-tab ${view === item ? "active" : ""}`, onClick: () => {
                                         setView(item);
                                         setDetails(undefined);
-                                    }, type: "button", children: item === "chat" ? "对话" : item === "trajectory" ? "轨迹" : "产出" }, item))) })), !settings && page === "session" && _jsx("span", { "aria-hidden": "true", className: "header-divider" }), !settings && page === "session" && (_jsxs(_Fragment, { children: [_jsx("button", { className: "session-menu", onClick: () => {
-                                            setSessionMenuPath(undefined);
-                                            setSessionMenuOpen((current) => !current);
-                                        }, type: "button", "aria-label": "\u4F1A\u8BDD\u64CD\u4F5C", children: "\u22EF" }), _jsxs("button", { "aria-label": details !== undefined ? "关闭详情" : "打开详情", "aria-pressed": details !== undefined, className: "details-toggle", onClick: () => setDetails(details ? undefined : {}), type: "button", children: [_jsx("span", { "aria-hidden": "true", children: "\u25E8" }), " ", _jsx("span", { className: "details-toggle-label", children: "\u8BE6\u60C5" })] })] })), !settings && page === "session" && sessionMenuOpen && !sessionMenuPath && (_jsxs("div", { className: "session-menu-popover compact-session-menu", children: [_jsxs("button", { className: "session-action", disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
-                                            setSessionNameDraft(data.session?.sessionId?.slice(0, 12) ?? "");
-                                            setSessionDialog("rename");
-                                            setSessionMenuOpen(false);
-                                        }, type: "button", children: [_jsx("strong", { children: "\u91CD\u547D\u540D" }), _jsx("small", { children: "\u8BBE\u7F6E\u4E00\u4E2A\u5BB9\u6613\u8BC6\u522B\u7684\u540D\u79F0" })] }), _jsxs("button", { className: "session-action", disabled: !activeSessionPath || sessionActionBusy, onClick: () => void sessionAction(async () => {
-                                            const result = await api.forkSession(activeSessionPath);
-                                            if (result.sessionFile) {
-                                                setSelectedSessionPath(result.sessionFile);
-                                                await api.openSession(result.sessionFile);
-                                            }
-                                        }), type: "button", children: [_jsx("strong", { children: "\u590D\u5236\u4F1A\u8BDD" }), _jsx("small", { children: "\u590D\u5236\u4E0A\u4E0B\u6587\u5E76\u6253\u5F00\u526F\u672C" })] }), _jsxs("button", { className: "session-action", disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
-                                            setSessionMenuOpen(false);
-                                            setSessionDialog("archive");
-                                        }, type: "button", children: [_jsx("strong", { children: "\u5F52\u6863\u4F1A\u8BDD" }), _jsx("small", { children: "\u4ECE\u9ED8\u8BA4\u5217\u8868\u9690\u85CF" })] }), _jsxs("button", { className: "session-action danger", disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
-                                            setSessionMenuOpen(false);
-                                            setSessionDialog("delete");
-                                        }, type: "button", children: [_jsx("strong", { children: "\u5220\u9664\u4F1A\u8BDD" }), _jsx("small", { children: "\u6C38\u4E45\u5220\u9664\u672C\u5730\u8BB0\u5F55" })] })] }))] }), refreshIssues.length > 0 && (_jsxs("div", { "aria-live": "polite", className: "refresh-warning", role: "status", children: [_jsxs("span", { children: [_jsx("strong", { children: "\u90E8\u5206\u6570\u636E\u5237\u65B0\u5931\u8D25" }), refreshIssues.join("、"), "\u53EF\u80FD\u4E3A\u7A7A\u6216\u663E\u793A\u4E0A\u6B21\u7ED3\u679C\u3002"] }), _jsx("button", { onClick: () => void refresh(), type: "button", children: "\u91CD\u8BD5" })] })), _jsx("div", { className: "view-host", children: initialRefreshPending ? (_jsxs("div", { "aria-live": "polite", className: "initial-loading", role: "status", children: [_jsx("span", { "aria-hidden": "true" }), "\u6B63\u5728\u8FDE\u63A5 Pi runtime\u2026"] })) : (content) })] }), !settings && page === "session" && details !== undefined && (_jsxs(_Fragment, { children: [_jsx("button", { "aria-label": "\u5173\u95ED\u8BE6\u60C5", className: "details-backdrop", onClick: () => setDetails(undefined), type: "button" }), _jsx(Details, { event: Object.keys(details).length ? details : undefined, onClose: () => setDetails(undefined), onCopy: () => void navigator.clipboard?.writeText(JSON.stringify(details, null, 2)) })] })), globalSearchOpen && (_jsx(GlobalSearch, { commands: data.commands, files: data.files, onClose: () => setGlobalSearchOpen(false), onOpenFile: (file) => {
+                                    }, type: "button", children: item === "chat" ? "对话" : item === "trajectory" ? "轨迹" : "产出" }, item))) })), !settings && page === "session" && _jsx("span", { "aria-hidden": "true", className: "header-divider" }), !settings && page === "session" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "session-menu-wrap", "data-session-popover": true, children: [_jsx("button", { "aria-expanded": sessionMenuOpen && !sessionMenuPath, "aria-haspopup": "menu", className: "session-menu", onClick: (event) => {
+                                                    const closeCurrentMenu = sessionMenuOpen && !sessionMenuPath;
+                                                    setSessionMenuPath(undefined);
+                                                    setSessionMenuPosition(undefined);
+                                                    sessionPopoverTriggerRef.current = event.currentTarget;
+                                                    setSessionActionTarget(!closeCurrentMenu && activeSessionPath
+                                                        ? { name: data.session?.sessionId?.slice(0, 12) || "当前会话", path: activeSessionPath }
+                                                        : undefined);
+                                                    setSessionMenuOpen(!closeCurrentMenu);
+                                                }, type: "button", "aria-label": "\u4F1A\u8BDD\u64CD\u4F5C", children: "\u22EF" }), sessionMenuOpen && !sessionMenuPath && (_jsxs("div", { className: "session-menu-popover compact-session-menu", role: "menu", children: [_jsxs("button", { className: "session-action", disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
+                                                            setSessionNameDraft(data.session?.sessionId?.slice(0, 12) ?? "");
+                                                            setSessionDialog("rename");
+                                                            setSessionMenuOpen(false);
+                                                        }, role: "menuitem", type: "button", children: [_jsx("strong", { children: "\u91CD\u547D\u540D" }), _jsx("small", { children: "\u8BBE\u7F6E\u4E00\u4E2A\u5BB9\u6613\u8BC6\u522B\u7684\u540D\u79F0" })] }), _jsxs("button", { className: "session-action", disabled: !activeSessionPath || sessionActionBusy, onClick: () => void sessionAction(async () => {
+                                                            const result = await api.forkSession(activeSessionPath);
+                                                            if (result.sessionFile) {
+                                                                setSelectedSessionPath(result.sessionFile);
+                                                                await api.openSession(result.sessionFile);
+                                                            }
+                                                        }), role: "menuitem", type: "button", children: [_jsx("strong", { children: "\u590D\u5236\u4F1A\u8BDD" }), _jsx("small", { children: "\u590D\u5236\u4E0A\u4E0B\u6587\u5E76\u6253\u5F00\u526F\u672C" })] }), _jsxs("button", { className: "session-action", disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
+                                                            setSessionMenuOpen(false);
+                                                            setSessionDialog("archive");
+                                                        }, role: "menuitem", type: "button", children: [_jsx("strong", { children: "\u5F52\u6863\u4F1A\u8BDD" }), _jsx("small", { children: "\u4ECE\u9ED8\u8BA4\u5217\u8868\u9690\u85CF" })] }), _jsxs("button", { className: "session-action danger", disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
+                                                            setSessionMenuOpen(false);
+                                                            setSessionDialog("delete");
+                                                        }, role: "menuitem", type: "button", children: [_jsx("strong", { children: "\u5220\u9664\u4F1A\u8BDD" }), _jsx("small", { children: "\u6C38\u4E45\u5220\u9664\u672C\u5730\u8BB0\u5F55" })] })] }))] }), _jsxs("button", { "aria-label": details !== undefined ? "关闭详情" : "打开详情", "aria-pressed": details !== undefined, className: "details-toggle", onClick: () => setDetails(details ? undefined : {}), type: "button", children: [_jsx("span", { "aria-hidden": "true", children: "\u25E8" }), " ", _jsx("span", { className: "details-toggle-label", children: "\u8BE6\u60C5" })] })] }))] }), refreshIssues.length > 0 && (_jsxs("div", { "aria-live": "polite", className: "refresh-warning", role: "status", children: [_jsxs("span", { children: [_jsx("strong", { children: "\u90E8\u5206\u6570\u636E\u5237\u65B0\u5931\u8D25" }), refreshIssues.join("、"), "\u53EF\u80FD\u4E3A\u7A7A\u6216\u663E\u793A\u4E0A\u6B21\u7ED3\u679C\u3002"] }), _jsx("button", { onClick: () => void refresh(), type: "button", children: "\u91CD\u8BD5" })] })), _jsx("div", { className: "view-host", children: initialRefreshPending ? (_jsxs("div", { "aria-live": "polite", className: "initial-loading", role: "status", children: [_jsx("span", { "aria-hidden": "true" }), "\u6B63\u5728\u8FDE\u63A5 Pi runtime\u2026"] })) : (content) })] }), !settings && page === "session" && details !== undefined && (_jsxs(_Fragment, { children: [_jsx("button", { "aria-label": "\u5173\u95ED\u8BE6\u60C5", className: "details-backdrop", onClick: () => setDetails(undefined), type: "button" }), _jsx(Details, { event: Object.keys(details).length ? details : undefined, onClose: () => setDetails(undefined), onCopy: () => void navigator.clipboard?.writeText(JSON.stringify(details, null, 2)) })] })), globalSearchOpen && (_jsx(GlobalSearch, { commands: data.commands, files: data.files, onClose: () => setGlobalSearchOpen(false), onOpenFile: (file) => {
                     setPage("session");
                     setView("files");
                     setDetails({ type: "file", path: file.path, status: file.status });
-                }, onOpenSession: openSession, onUse: setDraft, sessions: data.sessions })), workspaceChooserOpen && (_jsx(WorkspaceChooser, { error: workspaceError, onClose: () => setWorkspaceChooserOpen(false), onPickDirectory: openDirectory, onSelect: (workspace) => void createNewSession(workspace), workspaces: data.workspaces })), sessionDialog && (_jsx(SessionDialog, { busy: sessionActionBusy, count: sessionDialog === "batch-delete" ? selectedSessionPaths.size : undefined, kind: sessionDialog, name: sessionDialog === "rename" ? undefined : value(data.session?.sessionId, "当前会话"), onChange: setSessionNameDraft, onClose: () => setSessionDialog(undefined), onConfirm: () => {
-                    if (sessionDialog === "rename" && activeSessionPath) {
-                        void sessionAction(() => api.renameSession(activeSessionPath, sessionNameDraft.trim()).then(() => undefined));
+                }, onOpenSession: openSession, onUse: setDraft, sessions: data.sessions })), workspaceChooserOpen && (_jsx(WorkspaceChooser, { error: workspaceError, onClose: () => setWorkspaceChooserOpen(false), onPickDirectory: openDirectory, onSelect: (workspace) => void createNewSession(workspace), workspaces: data.workspaces })), sessionDialog && (_jsx(SessionDialog, { busy: sessionActionBusy, count: sessionDialog === "batch-delete" ? selectedSessionPaths.size : undefined, kind: sessionDialog, name: sessionDialog === "rename" || sessionDialog === "batch-delete"
+                    ? undefined
+                    : (sessionActionTarget?.name ?? value(data.session?.sessionId, "当前会话")), onChange: setSessionNameDraft, onClose: () => {
+                    setSessionDialog(undefined);
+                    setSessionActionTarget(undefined);
+                }, onConfirm: () => {
+                    const targetPath = sessionActionTarget?.path ?? activeSessionPath;
+                    if (sessionDialog === "rename" && targetPath) {
+                        void sessionAction(() => api.renameSession(targetPath, sessionNameDraft.trim()).then(() => undefined));
                     }
-                    else if (sessionDialog === "archive" && activeSessionPath) {
+                    else if (sessionDialog === "archive" && targetPath) {
                         void sessionAction(async () => {
-                            await api.setSessionMetadata(activeSessionPath, { archived: true });
+                            await api.setSessionMetadata(targetPath, { archived: true });
                         });
                     }
-                    else if (sessionDialog === "delete" && activeSessionPath) {
+                    else if (sessionDialog === "delete" && targetPath) {
                         void sessionAction(async () => {
-                            await api.deleteSession(activeSessionPath);
+                            await api.deleteSession(targetPath);
                         });
                     }
                     else if (sessionDialog === "batch-delete") {