@michengai/dsh-codex-ui 0.2.48

package/dist/client.js

@@ -0,0 +1,1966 @@
+window.__ModuleLoader__.load({
+	id: "@michengai/dsh-codex-ui",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/settings-navigation.ts
+		/**
+		* DSH 设置壳暂未提供按 section id 打开的公开 API。该兼容层只从本插件渲染
+		* 的设置入口触发，再按壳的可访问名称选择页面；宿主升级时可集中替换。
+		*/
+		function openSettingsSection(root, label, onMissing) {
+			const trigger = root?.querySelector("[aria-haspopup=\"dialog\"]");
+			if (trigger === null || trigger === void 0) {
+				onMissing?.();
+				return;
+			}
+			trigger.click();
+			window.requestAnimationFrame(() => {
+				window.requestAnimationFrame(() => {
+					const buttons = document.querySelectorAll("[role=\"dialog\"] nav button");
+					for (const button of buttons) if (button.textContent?.trim() === label) {
+						button.click();
+						return;
+					}
+					console.warn(`[michengai-codex-ui] 未找到设置分区：${label}`);
+					onMissing?.();
+				});
+			});
+		}
+		//#endregion
+		//#region src/client/sidebar-search.ts
+		/** 按用户可见名称和辅助关键词筛选侧栏搜索结果。 */
+		function filterSidebarSearchItems(items, query) {
+			const needle = query.trim().toLocaleLowerCase();
+			if (needle === "") return [...items];
+			return items.filter((item) => `${item.label} ${item.keywords}`.toLocaleLowerCase().includes(needle));
+		}
+		//#endregion
+		//#region src/client/CodexSidebar.tsx
+		const stylesheet$4 = `
+.dcu-root{--dcu-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei UI",sans-serif;--dcu-sidebar-primary:#2f3432;--dcu-sidebar-secondary:#57605c;--dcu-sidebar-tertiary:#747c78;--dcu-sidebar-icon:#4c5652;--dcu-sidebar-hover:#dfe8e5;--dcu-sidebar-border:rgba(37,46,41,.10);height:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;background:#eef7f5;color:var(--dcu-sidebar-primary);font:14px/20px var(--dcu-font)}body[data-ds-dark-theme] .dcu-root{background:#1c1f1e;--dcu-sidebar-primary:#d1d5d3;--dcu-sidebar-secondary:#9ca39f;--dcu-sidebar-tertiary:#747b77;--dcu-sidebar-icon:#b2b8b5;--dcu-sidebar-hover:#303432;--dcu-sidebar-border:rgba(255,255,255,.08)}
+.dcu-root *{box-sizing:border-box}.dcu-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;height:60px;padding:8px 10px 8px 16px}.dcu-brand{border:0;background:transparent;color:inherit;padding:0;display:flex;align-items:center;min-width:0;overflow:hidden}.dcu-brand svg{display:block;width:auto;max-width:100%;height:24px;min-width:0}.dcu-head-actions{display:grid;grid-auto-flow:column;grid-auto-columns:28px;align-items:center;column-gap:8px;height:28px}.dcu-fading>*{opacity:0;transition:opacity .15s ease-in-out}@media (prefers-reduced-motion:reduce){.dcu-fading>*{transition:none}}
+.dcu-icon,.dcu-menu button,.dcu-footer-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.dcu-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:var(--dcu-sidebar-icon)}.dcu-head .dcu-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border-radius:50%;line-height:0}.dcu-head .dcu-icon svg{display:block;width:16px;height:16px}
+.dcu-icon:hover,.dcu-menu button:hover:not(:disabled),.dcu-footer-link:hover{background:var(--dcu-sidebar-hover);color:var(--dcu-sidebar-primary)}
+.dcu-menu{padding:0 10px 10px;display:grid;gap:2px}.dcu-menu button,.dcu-footer-link{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:8px;align-items:center;width:100%;min-height:36px;padding:0 4px;border-radius:8px;color:var(--dcu-sidebar-primary);font-size:14px;line-height:20px;text-align:left;font-weight:500}
+.dcu-menu-icon{display:grid;place-items:center start;width:20px;height:20px}.dcu-menu-icon svg,.dcu-footer-link svg{display:block;width:16px;height:16px;color:var(--dcu-sidebar-icon)}.dcu-menu button:disabled{color:var(--dcu-sidebar-secondary);cursor:default;opacity:1}.dcu-menu button:disabled svg{color:var(--dcu-sidebar-secondary)}
+.dcu-extension-items{display:grid;gap:1px;margin:1px 0 4px 22px;padding-left:6px;border-left:1px solid var(--dcu-sidebar-border)}.dcu-extension-items button{color:var(--dcu-sidebar-primary);font-size:14px;font-weight:400}
+.dcu-workspaces{display:flex;min-height:0;flex:1;flex-direction:column;margin-top:2px;padding-top:8px;border-top:1px solid var(--dcu-sidebar-border)}.dcu-native-workspaces{display:flex;min-height:0;flex:1}.dcu-native-workspaces>*{min-width:0;flex:1}.dcu-foot{display:grid;gap:4px;padding:8px 10px 12px;border-top:1px solid var(--dcu-sidebar-border)}.dcu-footer-actions:empty,.dcu-settings-seat:empty{display:none}.dcu-settings-seat>button{width:100%;min-height:36px;padding-left:4px!important;color:var(--dcu-sidebar-primary);font:14px/20px var(--dcu-font);font-weight:500}.dcu-compact{width:100%;align-items:center;overflow:hidden;padding:18px 0 6px}.dcu-compact .dcu-icon{width:36px;height:36px}.dcu-compact .dcu-workspaces{width:100%;flex:1}.dcu-compact .dcu-foot{width:36px;margin-top:auto;padding:8px 0;border-top:0}.dcu-compact .dcu-settings-seat{width:36px;overflow:hidden}.dcu-compact .dcu-footer-link{display:flex;justify-content:center;width:36px;padding:0;font-size:0}.dcu-compact .dcu-footer-link svg{width:16px;height:16px}
+.dcu-dependency-notice{margin:0 10px 8px;border:1px solid var(--dcu-sidebar-border);border-radius:8px;padding:8px;color:var(--dcu-sidebar-secondary);font-size:12px;line-height:18px}
+[role="dialog"][aria-labelledby]{width:min(1000px,calc(100vw - 48px));max-width:calc(100vw - 48px);height:min(800px,calc(100vh - 48px))}
+.dcu-search-scrim{position:fixed;z-index:10020;inset:0;display:flex;justify-content:center;align-items:flex-start;padding:72px 20px;background:color-mix(in srgb,#000 48%,transparent)}.dcu-search-dialog{width:min(560px,100%);max-height:min(640px,calc(100vh - 120px));overflow:auto;border:1px solid var(--dcu-sidebar-border);border-radius:16px;padding:10px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv4)}.dcu-search-input{margin-bottom:8px}.dcu-search-section{padding:6px 0}.dcu-search-title{padding:0 8px 4px;color:var(--dcu-sidebar-tertiary);font-size:12px;font-weight:600}.dcu-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:34px;border:0;border-radius:8px;padding:6px 8px;background:transparent;color:var(--dcu-sidebar-primary);font:inherit;text-align:left;cursor:pointer}.dcu-search-row:hover,.dcu-search-row[data-active=true]{background:var(--dcu-sidebar-hover)}.dcu-search-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcu-search-detail{max-width:160px;overflow:hidden;color:var(--dcu-sidebar-tertiary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dcu-search-empty{padding:18px 8px;color:var(--dcu-sidebar-tertiary);font-size:13px}
+[data-conversation-scroll]{--dsh-chat-content-width:800px;--dsh-composer-card-max-width:calc(var(--dsh-chat-content-width) + 32px);--dsh-composer-side-clearance:24px}[data-conversation-scroll] [data-chat-flow]{gap:20px}[data-conversation-scroll] [data-composer-card]{min-height:142px;padding-top:14px;border-radius:20px;box-shadow:var(--dsw-shadow-lv3);transition:border-color 180ms ease,box-shadow 180ms ease}[data-conversation-scroll] [data-composer-card]:focus-within{border-color:var(--dsw-alias-button-info-fill);box-shadow:0 0 0 2px var(--dsw-static-deepseek-50),var(--dsw-shadow-lv3)}[data-conversation-scroll] [data-input-mirror]{min-height:78px}@media (prefers-reduced-motion:reduce){[data-conversation-scroll] [data-composer-card]{transition:none}}
+`;
+		function MenuIcon({ children }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dcu-menu-icon",
+				children
+			});
+		}
+		/** Codex 风格的 DSH 侧栏，只替换导航外观，项目浏览和设置仍由 DSH 官方组件提供。 */
+		function CodexSidebar({ collapsed, width, openSession, startSession, toggleSidebar, renderSlot, t, useSessions, useWorkspaces }) {
+			const settingsSeat = (0, react.useRef)(null);
+			const [extensionsOpen, setExtensionsOpen] = (0, react.useState)(true);
+			const [searchOpen, setSearchOpen] = (0, react.useState)(false);
+			const [searchQuery, setSearchQuery] = (0, react.useState)("");
+			const [activeSearchIndex, setActiveSearchIndex] = (0, react.useState)(0);
+			const [settled, setSettled] = (0, react.useState)(collapsed);
+			const lastWideWidth = (0, react.useRef)(width);
+			if (!collapsed) lastWideWidth.current = width;
+			const sessions = useSessions((state) => state);
+			const workspaces = useWorkspaces((state) => state);
+			const selectSection = (label) => {
+				openSettingsSection(settingsSeat.current, label);
+			};
+			const selectExternalSection = (label) => {
+				openSettingsSection(settingsSeat.current, label, () => {
+					selectSection(t("about.nav"));
+				});
+			};
+			const openSettings = () => {
+				settingsSeat.current?.querySelector("[aria-haspopup=\"dialog\"]")?.click();
+			};
+			const closeSearch = () => {
+				setSearchOpen(false);
+				setSearchQuery("");
+				setActiveSearchIndex(0);
+			};
+			const searchEntries = (0, react.useMemo)(() => {
+				const archived = new Set(workspaces.archivedSessionIds);
+				const workspaceTitles = new Map(workspaces.items.flatMap((workspace) => workspace.sessionIds.map((sessionId) => [String(sessionId), workspace.title])));
+				const sessionEntries = sessions.ids.map((id) => sessions.byId[id]).filter((session) => session !== void 0 && session.origin !== "subagent" && !session.blank && !archived.has(session.id)).sort((left, right) => right.updatedAt - left.updatedAt).map((session) => ({
+					id: `session:${session.id}`,
+					group: "sessions",
+					label: session.displayTitle,
+					keywords: `${session.cwd ?? ""} ${session.id}`,
+					detail: workspaceTitles.get(String(session.id)) ?? session.cwd,
+					run: () => {
+						closeSearch();
+						openSession(session.id);
+					}
+				}));
+				const settingEntries = [
+					{
+						id: "settings:root",
+						group: "settings",
+						label: t("search.settings"),
+						keywords: t("search.settings"),
+						run: () => {
+							closeSearch();
+							openSettings();
+						}
+					},
+					{
+						id: "settings:experts",
+						group: "settings",
+						label: t("sidebar.experts"),
+						keywords: t("search.settings"),
+						run: () => {
+							closeSearch();
+							selectExternalSection(t("sidebar.experts"));
+						}
+					},
+					{
+						id: "settings:skills",
+						group: "settings",
+						label: t("sidebar.skills"),
+						keywords: t("search.settings"),
+						run: () => {
+							closeSearch();
+							selectExternalSection(t("sidebar.skills"));
+						}
+					},
+					{
+						id: "settings:plugins",
+						group: "settings",
+						label: t("sidebar.plugins"),
+						keywords: t("search.settings"),
+						run: () => {
+							closeSearch();
+							selectSection(t("sidebar.plugins"));
+						}
+					},
+					{
+						id: "settings:connectors",
+						group: "settings",
+						label: t("sidebar.connectors"),
+						keywords: t("search.settings"),
+						run: () => {
+							closeSearch();
+							selectSection(t("sidebar.connectors"));
+						}
+					},
+					{
+						id: "settings:about",
+						group: "settings",
+						label: t("about.nav"),
+						keywords: t("search.settings"),
+						run: () => {
+							closeSearch();
+							selectSection(t("about.nav"));
+						}
+					}
+				];
+				return [
+					...sessionEntries,
+					...settingEntries,
+					{
+						id: "action:new",
+						group: "actions",
+						label: t("sidebar.newTask"),
+						keywords: t("search.actions"),
+						run: () => {
+							closeSearch();
+							startSession();
+						}
+					}
+				];
+			}, [
+				openSession,
+				sessions,
+				startSession,
+				t,
+				workspaces
+			]);
+			const searchResults = (0, react.useMemo)(() => filterSidebarSearchItems(searchEntries, searchQuery).slice(0, 12), [searchEntries, searchQuery]);
+			(0, react.useEffect)(() => {
+				setActiveSearchIndex(0);
+			}, [searchQuery, searchOpen]);
+			(0, react.useEffect)(() => {
+				if (!searchOpen) return;
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") {
+						event.preventDefault();
+						closeSearch();
+						return;
+					}
+					if (event.key === "ArrowDown") {
+						event.preventDefault();
+						setActiveSearchIndex((index) => Math.min(index + 1, Math.max(0, searchResults.length - 1)));
+						return;
+					}
+					if (event.key === "ArrowUp") {
+						event.preventDefault();
+						setActiveSearchIndex((index) => Math.max(index - 1, 0));
+						return;
+					}
+					if (event.key === "Enter") {
+						const entry = searchResults[activeSearchIndex];
+						if (entry !== void 0) {
+							event.preventDefault();
+							entry.run();
+						}
+					}
+				};
+				window.addEventListener("keydown", onKeyDown);
+				return () => {
+					window.removeEventListener("keydown", onKeyDown);
+				};
+			}, [
+				activeSearchIndex,
+				searchOpen,
+				searchResults
+			]);
+			(0, react.useEffect)(() => {
+				if (!collapsed) {
+					setSettled(false);
+					return;
+				}
+				const timer = window.setTimeout(() => {
+					setSettled(true);
+				}, 150);
+				return () => {
+					window.clearTimeout(timer);
+				};
+			}, [collapsed]);
+			if (!(!collapsed || !settled)) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+				className: "dcu-root dcu-compact",
+				"aria-label": t("sidebar.label"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: stylesheet$4 }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dcu-icon",
+						"aria-label": t("sidebar.expand"),
+						onClick: toggleSidebar,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPanelLeftOutline16, { size: 16 })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+						className: "dcu-foot",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dcu-footer-actions",
+							children: renderSlot("sidebar.footer.action", { wide: false })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							ref: settingsSeat,
+							className: "dcu-settings-seat",
+							children: renderSlot("sidebar.settings", { wide: false })
+						})]
+					})
+				]
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+				className: collapsed ? "dcu-root dcu-fading" : "dcu-root",
+				style: collapsed ? { width: lastWideWidth.current } : void 0,
+				"aria-label": t("sidebar.label"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: stylesheet$4 }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: "dcu-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dcu-brand",
+							"aria-label": t("sidebar.newTask"),
+							onClick: () => {
+								startSession();
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.BrandWordmark, { size: 24 })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dcu-head-actions",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dcu-icon",
+								"aria-label": t("sidebar.collapse"),
+								onClick: toggleSidebar,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPanelLeftOutline16, { size: 16 })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dcu-icon",
+								"aria-label": t("sidebar.search"),
+								onClick: () => {
+									setSearchOpen(true);
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, { size: 16 })
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+						className: "dcu-menu",
+						"aria-label": t("sidebar.mainMenu"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								onClick: () => {
+									startSession();
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconNewChatOutline16, { size: 16 }) }), t("sidebar.newTask")]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								"aria-expanded": extensionsOpen,
+								onClick: () => {
+									setExtensionsOpen((open) => !open);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEnhanceOutline16, { size: 16 }) }), t("sidebar.extensions")]
+							}),
+							extensionsOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dcu-extension-items",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										onClick: () => {
+											selectExternalSection(t("sidebar.experts"));
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconUserOutline16, { size: 16 }) }), t("sidebar.experts")]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										onClick: () => {
+											selectExternalSection(t("sidebar.skills"));
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSkillOutline16, { size: 16 }) }), t("sidebar.skills")]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										onClick: () => {
+											selectSection(t("sidebar.plugins"));
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPersonalizationOutline16, { size: 16 }) }), t("sidebar.plugins")]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										onClick: () => {
+											selectSection(t("sidebar.connectors"));
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLinkOutline16, { size: 16 }) }), t("sidebar.connectors")]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								disabled: true,
+								title: t("sidebar.scheduleUnavailable"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGoalOutline16, { size: 16 }) }), t("sidebar.schedule")]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								disabled: true,
+								title: t("sidebar.assistantUnavailable"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconAgentPresetOutline16, { size: 16 }) }), t("sidebar.assistant")]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-workspaces",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dcu-native-workspaces",
+							children: renderSlot("sidebar.workspaces", {
+								wide: true,
+								expandSidebar: toggleSidebar
+							})
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+						className: "dcu-foot",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dcu-footer-actions",
+							children: renderSlot("sidebar.footer.action", { wide: true })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							ref: settingsSeat,
+							className: "dcu-settings-seat",
+							children: renderSlot("sidebar.settings", { wide: true })
+						})]
+					}),
+					searchOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-search-scrim",
+						onMouseDown: (event) => {
+							if (event.target === event.currentTarget) closeSearch();
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "dcu-search-dialog",
+							role: "dialog",
+							"aria-modal": "true",
+							"aria-label": t("sidebar.search"),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dcu-search-input",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+									autoFocus: true,
+									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, { size: 16 }),
+									value: searchQuery,
+									placeholder: t("search.placeholder"),
+									onChange: (event) => {
+										setSearchQuery(event.target.value);
+									}
+								})
+							}), searchResults.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dcu-search-empty",
+								children: t("search.empty")
+							}) : [
+								"sessions",
+								"settings",
+								"actions"
+							].map((group) => {
+								const entries = searchResults.filter((entry) => entry.group === group);
+								if (entries.length === 0) return null;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+									className: "dcu-search-section",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dcu-search-title",
+										children: t(`search.${group}`)
+									}), entries.map((entry) => {
+										const index = searchResults.indexOf(entry);
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dcu-search-row",
+											"data-active": index === activeSearchIndex,
+											onMouseEnter: () => {
+												setActiveSearchIndex(index);
+											},
+											onClick: entry.run,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dcu-search-main",
+												children: entry.label
+											}), entry.detail !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dcu-search-detail",
+												children: entry.detail
+											})]
+										}, entry.id);
+									})]
+								}, group);
+							})]
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/AboutSection.tsx
+		const endpoint = "/api/michengai/codex-ui/dependencies";
+		const stylesheet$3 = `
+.dcu-about{color:var(--dsw-alias-label-primary)}.dcu-about h2{margin:0;font-size:20px;line-height:28px}.dcu-about-intro{margin:6px 0 22px;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px}.dcu-about h3{margin:24px 0 8px;font-size:14px;line-height:20px}.dcu-about-features{margin:0;padding-left:20px;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:24px}.dcu-about-dependencies{overflow:hidden;border:1px solid var(--dsw-alias-border-l2);border-radius:10px}.dcu-about-dependency{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px;border-bottom:1px solid var(--dsw-alias-border-l2)}.dcu-about-dependency:last-child{border-bottom:0}.dcu-about-copy{min-width:0;flex:1}.dcu-about-name{font-size:13px;font-weight:600}.dcu-about-package{overflow:hidden;margin-top:2px;color:var(--dsw-alias-label-tertiary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dcu-about-status{display:flex;align-items:center;gap:5px;font-size:12px}.dcu-about-status[data-installed=true]{color:var(--dsw-alias-state-success-primary)}.dcu-about-status[data-installed=false]{color:var(--dsw-alias-state-error-primary)}.dcu-about-status[data-update=true]{color:var(--dsw-alias-state-warning-primary)}.dcu-about-install{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--dsw-alias-border-l2);border-radius:7px;padding:6px 9px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;cursor:pointer}.dcu-about-install:hover:not(:disabled){background:var(--dsw-specific-menu-item-hover)}.dcu-about-install:disabled{cursor:wait;opacity:.65}.dcu-about-message{margin:10px 0 0;border-radius:8px;padding:9px 10px;background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent);color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}.dcu-about-message[data-error=true]{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent);color:var(--dsw-alias-state-error-primary)}
+`;
+		function isDependencyStatus(value) {
+			if (value === null || typeof value !== "object") return false;
+			const status = value;
+			return (status.id === "experts" || status.id === "skills" || status.id === "archive") && typeof status.packageName === "string" && typeof status.installed === "boolean" && typeof status.updateAvailable === "boolean";
+		}
+		/** Codex UI 的功能说明、配套管理插件状态与受限安装入口。 */
+		function AboutSection({ t }) {
+			const [dependencies, setDependencies] = (0, react.useState)([]);
+			const [state, setState] = (0, react.useState)("loading");
+			const [installing, setInstalling] = (0, react.useState)();
+			const [message, setMessage] = (0, react.useState)();
+			const load = (0, react.useCallback)(async () => {
+				setState("loading");
+				try {
+					const response = await fetch(endpoint, { cache: "no-store" });
+					const payload = await response.json();
+					if (!response.ok || !Array.isArray(payload.dependencies) || !payload.dependencies.every(isDependencyStatus)) throw new Error();
+					setDependencies(payload.dependencies);
+					setState("ready");
+				} catch {
+					setState("failed");
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const install = async (id) => {
+				setInstalling(id);
+				setMessage(void 0);
+				try {
+					const response = await fetch(`${endpoint}?dependency=${encodeURIComponent(id)}`, { method: "POST" });
+					const payload = await response.json();
+					if (!response.ok || !Array.isArray(payload.dependencies) || !payload.dependencies.every(isDependencyStatus)) throw new Error(typeof payload.error === "string" ? payload.error : t("about.installFailed"));
+					setDependencies(payload.dependencies);
+					setState("ready");
+					setMessage({
+						error: false,
+						text: t("about.restartRequired")
+					});
+				} catch (error) {
+					setMessage({
+						error: true,
+						text: error instanceof Error ? error.message : t("about.installFailed")
+					});
+				} finally {
+					setInstalling(void 0);
+				}
+			};
+			const title = (id) => t(`about.dependency.${id}`);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dcu-about",
+				"aria-label": t("about.nav"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: stylesheet$3 }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("about.title") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dcu-about-intro",
+						children: t("about.description")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("about.features") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+						className: "dcu-about-features",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: t("about.feature.sidebar") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: t("about.feature.search") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: t("about.feature.workspace") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: t("about.feature.sessions") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: t("about.feature.conversation") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: t("about.feature.navigator") })
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("about.dependencies") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dcu-about-intro",
+						children: t("about.dependenciesDescription")
+					}),
+					state === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-about-message",
+						children: t("about.loading")
+					}) : state === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-about-message",
+						"data-error": "true",
+						children: t("about.statusFailed")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-about-dependencies",
+						children: dependencies.map((dependency) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+							className: "dcu-about-dependency",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dcu-about-copy",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dcu-about-name",
+										children: title(dependency.id)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dcu-about-package",
+										children: [
+											dependency.packageName,
+											dependency.version === void 0 ? "" : ` · ${dependency.version}`,
+											dependency.updateAvailable && dependency.latestVersion !== void 0 ? ` → ${dependency.latestVersion}` : ""
+										]
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dcu-about-status",
+									"data-installed": dependency.installed,
+									"data-update": dependency.updateAvailable,
+									children: [dependency.installed && !dependency.updateAvailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, { size: 14 }), dependency.updateAvailable ? t("about.updateAvailable") : dependency.installed ? t("about.installed") : t("about.missing")]
+								}),
+								(!dependency.installed || dependency.updateAvailable) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									className: "dcu-about-install",
+									type: "button",
+									disabled: installing === dependency.id,
+									onClick: () => {
+										install(dependency.id);
+									},
+									children: [installing === dependency.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLoadingOutline16, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDownloadOutline16, { size: 14 }), installing === dependency.id ? t("about.installing") : dependency.updateAvailable ? t("about.update") : t("about.install")]
+								})
+							]
+						}, dependency.id))
+					}),
+					message !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-about-message",
+						"data-error": message.error,
+						children: message.text
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/pinned-workspaces.ts
+		/** 浏览器本地持久化键；置顶只影响本插件中的工作区分区。 */
+		const PINNED_WORKSPACES_STORAGE_KEY = "dsh-codex-ui.pinned-workspace-ids";
+		/** 清理无效或重复的工作区标识。 */
+		function normalizePinnedWorkspaceIds(ids) {
+			return [...new Set(ids.filter((id) => id.trim() !== ""))];
+		}
+		/** 在置顶列表中切换一个工作区。 */
+		function togglePinnedWorkspace(ids, workspaceId) {
+			return ids.includes(workspaceId) ? ids.filter((id) => id !== workspaceId) : [...ids, workspaceId];
+		}
+		/** 从浏览器本地存储读取置顶工作区；损坏数据按空列表处理。 */
+		function readPinnedWorkspaceIds(storage) {
+			if (storage === void 0) return [];
+			try {
+				const value = JSON.parse(storage.getItem("dsh-codex-ui.pinned-workspace-ids") ?? "[]");
+				return Array.isArray(value) && value.every((id) => typeof id === "string") ? normalizePinnedWorkspaceIds(value) : [];
+			} catch {
+				return [];
+			}
+		}
+		/** 保存置顶工作区；存储不可用时不影响导航。 */
+		function savePinnedWorkspaceIds(storage, ids) {
+			if (storage === void 0) return;
+			try {
+				storage.setItem(PINNED_WORKSPACES_STORAGE_KEY, JSON.stringify(normalizePinnedWorkspaceIds(ids)));
+			} catch {}
+		}
+		//#endregion
+		//#region src/client/session-manager.ts
+		const SESSION_PINS_STORAGE_KEY = "dsh.session-pins.v1";
+		const SESSION_UNREAD_STORAGE_KEY = "dsh.session-unread.v1";
+		function normalizeSessionIds(ids) {
+			return [...new Set(ids.filter((id) => id.trim() !== ""))];
+		}
+		function toggleSessionId(ids, sessionId) {
+			return ids.includes(sessionId) ? ids.filter((id) => id !== sessionId) : [sessionId, ...ids.filter((id) => id !== sessionId)];
+		}
+		function readSessionIds(storage, key) {
+			if (storage === void 0) return [];
+			try {
+				const value = JSON.parse(storage.getItem(key) ?? "{\"version\":1,\"ids\":[]}");
+				if (value === null || typeof value !== "object") return [];
+				const ids = value.ids;
+				return Array.isArray(ids) && ids.every((id) => typeof id === "string") ? normalizeSessionIds(ids) : [];
+			} catch {
+				return [];
+			}
+		}
+		function writeSessionIds(storage, key, ids) {
+			if (storage === void 0) return;
+			try {
+				storage.setItem(key, JSON.stringify({
+					version: 1,
+					ids: normalizeSessionIds(ids)
+				}));
+			} catch {}
+		}
+		function sessionDeepLink(base, sessionId) {
+			const url = new URL(base);
+			url.searchParams.set("session", sessionId);
+			return url.toString();
+		}
+		//#endregion
+		//#region src/client/workspace-browser.ts
+		/** 过滤不应出现在工作区树中的会话。 */
+		function visibleSessionIds(ids, byId, archivedIds) {
+			const archived = new Set(archivedIds);
+			return ids.filter((id) => {
+				const session = byId[id];
+				return session !== void 0 && session.origin !== "subagent" && !session.blank && !archived.has(id);
+			});
+		}
+		/** 将一个项目或会话移到指定项之前；省略锚点时追加到末尾。 */
+		function moveBefore(ids, id, beforeId) {
+			if (!ids.includes(id) || beforeId === id) return [...ids];
+			const next = ids.filter((item) => item !== id);
+			const index = beforeId === void 0 ? next.length : next.indexOf(beforeId);
+			next.splice(index < 0 ? next.length : index, 0, id);
+			return next;
+		}
+		//#endregion
+		//#region src/client/CodexWorkspaceBrowser.tsx
+		const stylesheet$2 = `
+.dcu-wb{--dcu-wb-inset:10px;display:flex;flex:1;min-height:0;flex-direction:column;padding:4px var(--dcu-wb-inset) 8px;color:var(--dcu-sidebar-primary)}
+.dcu-wb *{box-sizing:border-box}
+.dcu-wb-tree{flex:1;min-height:0;overflow-y:auto;padding-bottom:16px;scrollbar-gutter:stable;user-select:none;-webkit-user-select:none}
+.dcu-wb-section+.dcu-wb-section{margin-top:10px}
+.dcu-wb-section-label{display:flex;align-items:center;min-height:28px;padding:0 6px;color:var(--dcu-sidebar-secondary);font-size:12px;font-weight:650}
+.dcu-wb-project{position:relative}
+.dcu-wb-project-head,.dcu-wb-session{display:flex;align-items:center;gap:6px;width:100%;border-radius:8px;padding:0 8px;color:var(--dcu-sidebar-primary);cursor:pointer}
+.dcu-wb-project-head{height:34px;background:transparent;font:inherit;text-align:left}
+.dcu-wb-project-head:hover,.dcu-wb-project-head.dcu-wb-menu-open,.dcu-wb-session:hover,.dcu-wb-session.dcu-wb-selected,.dcu-wb-session.dcu-wb-menu-open{background:var(--dcu-sidebar-hover)}
+.dcu-wb-project-head[draggable=true],.dcu-wb-session[draggable=true]{cursor:grab}
+.dcu-wb-project-head[draggable=true]:active,.dcu-wb-session[draggable=true]:active{cursor:grabbing}
+.dcu-wb-project-head.dcu-wb-drop,.dcu-wb-session.dcu-wb-drop{box-shadow:inset 0 2px var(--dsw-alias-state-business-primary)}.dcu-wb-project-head:focus,.dcu-wb-session:focus{outline:0}.dcu-wb-drag-ghost{position:fixed;top:-120px;left:-240px;z-index:10040;max-width:220px;height:32px;padding:0 10px;border:1px solid var(--dcu-sidebar-border);border-radius:8px;background:var(--dcu-sidebar-hover);color:var(--dcu-sidebar-primary);font:13px/32px var(--dcu-font,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
+.dcu-wb-folder{display:grid;place-items:center;flex:none;width:16px;height:20px;color:var(--dcu-sidebar-icon)}
+.dcu-wb-project-current .dcu-wb-folder{color:var(--dsw-alias-state-business-primary)}
+.dcu-wb-project-title,.dcu-wb-session-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px}
+.dcu-wb-project-title{flex:1;font-weight:550}
+.dcu-wb-session{position:relative;min-height:32px;gap:0;padding-left:32px}
+.dcu-wb-session-title{flex:1;margin-left:0}
+.dcu-wb-pin{display:grid;place-items:center;flex:none;width:16px;height:20px;margin-left:6px;color:var(--dcu-sidebar-tertiary)}
+.dcu-wb-pin svg,.dcu-wb-quick-pin svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}
+.dcu-wb-time{flex:none;color:var(--dcu-sidebar-tertiary);font-size:12px;line-height:20px}
+.dcu-wb-actions{display:none;align-items:center;gap:8px;flex:none}
+.dcu-wb-quick-actions{display:none;align-items:center;gap:2px;flex:none}
+.dcu-wb-project-head:hover .dcu-wb-actions,.dcu-wb-project-head.dcu-wb-menu-open .dcu-wb-actions,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-actions{display:flex}
+.dcu-wb-session:hover .dcu-wb-quick-actions,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-quick-actions{display:flex}
+.dcu-wb-session:hover .dcu-wb-time,.dcu-wb-session:hover .dcu-wb-unread,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-time,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-unread{display:none}
+.dcu-wb-more{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:4px;padding:0;background:transparent;color:var(--dcu-sidebar-tertiary);cursor:pointer}
+.dcu-wb-more:hover{color:var(--dcu-sidebar-primary)}
+.dcu-wb-context-anchor{opacity:0;pointer-events:none}
+.dcu-wb-unread{flex:none;width:7px;height:7px;margin-left:8px;margin-right:8px;border-radius:50%;background:var(--dsw-alias-state-business-primary)}
+.dcu-wb-empty{padding:14px 8px;color:var(--dcu-sidebar-tertiary);font-size:13px}
+.dcu-wb-error{margin:4px 0;padding:6px 8px;border-radius:6px;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent);color:var(--dsw-alias-state-error-primary);font-size:12px}
+.dcu-wb-rail{display:none}
+.dcu-wb-rename-actions{display:flex;justify-content:flex-end;gap:8px}
+.dcu-wb-delete-button{color:var(--dsw-alias-state-error-primary)!important}
+.dcu-wb-delete-copy{margin:0;color:var(--dcu-sidebar-secondary);font-size:13px;line-height:20px}
+.dcu-wb-rename-input{width:100%;height:44px;border:1px solid var(--dcu-sidebar-border);border-radius:22px;padding:7px 14px;outline:0;background:transparent;color:var(--dcu-sidebar-primary);font:inherit}
+.dcu-wb-rename-input:focus{border-color:var(--dsw-alias-button-info-fill)}
+`;
+		const runningStyles = `.dcu-wb-running{flex:none;width:12px;height:12px;border:2px solid color-mix(in srgb,var(--dcu-sidebar-secondary) 25%,transparent);border-top-color:var(--dcu-sidebar-secondary);border-radius:50%;animation:dcu-wb-spin .8s linear infinite}@keyframes dcu-wb-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dcu-wb-running{animation:none}}`;
+		const typographyStyles = `.dcu-wb{font:14px/20px var(--dcu-font,var(--dsw-font-family))}.dcu-wb-section-label{color:var(--dcu-sidebar-tertiary);font-size:12px;font-weight:500}.dcu-wb-project-title{font-weight:500}.dcu-wb-session-title{font-size:14px;line-height:20px;font-weight:400;color:var(--dcu-sidebar-primary)}.dcu-wb-time{color:var(--dcu-sidebar-secondary);font-size:12px;line-height:20px}.dcu-wb-empty{color:var(--dcu-sidebar-tertiary);font-size:12px;line-height:18px}`;
+		function PinIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 16 16",
+				width: 16,
+				height: 16,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M5.6 9.7 3.2 14M10.9 2.4c.9.9 1.1 2.2.5 3.3L10 7.6l2.3 2.3c.3.3.3.8 0 1.1l-.5.5c-.3.3-.8.3-1.1 0L8.4 9.2 6.5 10.6c-1.1.6-2.4.4-3.3-.5",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.35",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			});
+		}
+		function storage() {
+			return typeof window === "undefined" ? void 0 : window.localStorage;
+		}
+		function browserBase() {
+			return typeof window === "undefined" || window.location.origin === "null" ? "http://dsh.internal/" : `${window.location.origin}/`;
+		}
+		function relativeTime(updatedAt) {
+			const seconds = Math.max(0, Math.round((Date.now() - updatedAt) / 1e3));
+			if (seconds < 60) return "刚刚";
+			if (seconds < 3600) return `${Math.floor(seconds / 60)} 分钟前`;
+			if (seconds < 86400) return `${Math.floor(seconds / 3600)} 小时前`;
+			return `${Math.floor(seconds / 86400)} 天前`;
+		}
+		/** 插件自有的工作区树：复刻原生层级和拖拽行为，并在每个会话菜单中增加管理操作。 */
+		function CodexWorkspaceBrowser({ wide, useSessions, useWorkspaces, t, archiveSession, deleteSession, deleteWorkspace, forkSession, insertSessionBefore, insertWorkspaceBefore, openPath, openSession, renameSession, renameWorkspace, startSession }) {
+			const sessions = useSessions((state) => state);
+			const workspaces = useWorkspaces((state) => state);
+			const [expanded, setExpanded] = (0, react.useState)({});
+			const [pinnedWorkspaceIds, setPinnedWorkspaceIds] = (0, react.useState)(() => readPinnedWorkspaceIds(storage()));
+			const [pinnedSessionIds, setPinnedSessionIds] = (0, react.useState)(() => readSessionIds(storage(), SESSION_PINS_STORAGE_KEY));
+			const [unreadSessionIds, setUnreadSessionIds] = (0, react.useState)(() => readSessionIds(storage(), SESSION_UNREAD_STORAGE_KEY));
+			const [menu, setMenu] = (0, react.useState)();
+			const [renameTarget, setRenameTarget] = (0, react.useState)();
+			const [deleteTarget, setDeleteTarget] = (0, react.useState)();
+			const [renameDraft, setRenameDraft] = (0, react.useState)("");
+			const [busy, setBusy] = (0, react.useState)();
+			const [error, setError] = (0, react.useState)();
+			const [workspaceDragId, setWorkspaceDragId] = (0, react.useState)();
+			const [workspaceDropId, setWorkspaceDropId] = (0, react.useState)();
+			const [sessionDrag, setSessionDrag] = (0, react.useState)();
+			const [sessionDropId, setSessionDropId] = (0, react.useState)();
+			const pendingPinRef = (0, react.useRef)();
+			(0, react.useEffect)(() => {
+				savePinnedWorkspaceIds(storage(), pinnedWorkspaceIds);
+			}, [pinnedWorkspaceIds]);
+			(0, react.useEffect)(() => {
+				writeSessionIds(storage(), SESSION_PINS_STORAGE_KEY, pinnedSessionIds);
+			}, [pinnedSessionIds]);
+			(0, react.useEffect)(() => {
+				writeSessionIds(storage(), SESSION_UNREAD_STORAGE_KEY, unreadSessionIds);
+			}, [unreadSessionIds]);
+			(0, react.useEffect)(() => {
+				const valid = new Set(workspaces.items.map((workspace) => String(workspace.workspaceId)));
+				setPinnedWorkspaceIds((ids) => ids.filter((id) => valid.has(id)));
+			}, [workspaces.items]);
+			(0, react.useEffect)(() => {
+				const current = sessions.current;
+				if (current !== void 0) setUnreadSessionIds((ids) => ids.filter((id) => id !== current));
+			}, [sessions.current]);
+			const groups = (0, react.useMemo)(() => {
+				const archived = workspaces.archivedSessionIds;
+				const visible = (ids) => visibleSessionIds(ids, sessions.byId, archived).sort((left, right) => {
+					const leftPinned = pinnedSessionIds.indexOf(left);
+					const rightPinned = pinnedSessionIds.indexOf(right);
+					if (leftPinned !== -1 || rightPinned !== -1) return (leftPinned === -1 ? Number.MAX_SAFE_INTEGER : leftPinned) - (rightPinned === -1 ? Number.MAX_SAFE_INTEGER : rightPinned);
+					return 0;
+				});
+				return { items: workspaces.items.map((workspace) => ({
+					...workspace,
+					visibleIds: visible(workspace.sessionIds)
+				})) };
+			}, [
+				pinnedSessionIds,
+				sessions.byId,
+				sessions.ids,
+				workspaces.archivedSessionIds,
+				workspaces.items
+			]);
+			const projectPinned = (id) => pinnedWorkspaceIds.includes(String(id));
+			const pinnedGroups = groups.items.filter((workspace) => projectPinned(workspace.workspaceId));
+			const regularGroups = groups.items.filter((workspace) => !projectPinned(workspace.workspaceId));
+			const run = async (key, action) => {
+				setBusy(key);
+				setError(void 0);
+				try {
+					await action();
+					setMenu(void 0);
+				} catch (reason) {
+					setError(reason instanceof Error ? reason.message : String(reason));
+				} finally {
+					setBusy(void 0);
+				}
+			};
+			const beginRename = (kind, id, title) => {
+				setRenameTarget({
+					kind,
+					id,
+					title
+				});
+				setRenameDraft(title);
+				setMenu(void 0);
+			};
+			const submitRename = () => {
+				if (renameTarget === void 0 || renameDraft.trim() === "") return;
+				run("rename", async () => {
+					if (renameTarget.kind === "workspace") await renameWorkspace(renameTarget.id, renameDraft.trim());
+					else await renameSession(renameTarget.id, renameDraft.trim());
+					setRenameTarget(void 0);
+				});
+			};
+			const submitDelete = () => {
+				if (deleteTarget === void 0) return;
+				const target = deleteTarget;
+				const operation = target.kind === "session" ? "delete-session" : "delete-workspace";
+				run(operation, async () => {
+					if (target.kind === "session") {
+						await deleteSession(target.id);
+						setPinnedSessionIds((ids) => ids.filter((id) => id !== target.id));
+						setUnreadSessionIds((ids) => ids.filter((id) => id !== target.id));
+					} else {
+						await deleteWorkspace(target.id);
+						setPinnedWorkspaceIds((ids) => ids.filter((id) => id !== target.id));
+					}
+					setDeleteTarget(void 0);
+				});
+			};
+			const copy = (value) => {
+				if (value === void 0 || value === "") return;
+				run("copy", async () => {
+					await (0, _deepseek_ai_dsh_client_ui_primitives.writeClipboard)(value);
+				});
+			};
+			const toggleGroup = (workspaceId) => {
+				setExpanded((current) => ({
+					...current,
+					[workspaceId]: !(current[workspaceId] ?? true)
+				}));
+			};
+			const projectMenu = (workspace) => [
+				{
+					id: "new",
+					label: t("workspace.newSession"),
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, { size: 16 })
+				},
+				{
+					id: "rename",
+					label: t("workspace.rename"),
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 16 })
+				},
+				{
+					id: "pin",
+					label: t(projectPinned(workspace.workspaceId) ? "workspace.unpin" : "workspace.pin"),
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PinIcon, {})
+				},
+				{
+					id: "openPath",
+					label: t("workspace.openPath"),
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpenOutline16, { size: 16 })
+				},
+				{
+					type: "separator",
+					id: "project-separator"
+				},
+				{
+					id: "delete",
+					label: t("workspace.delete"),
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, { size: 16 }),
+					danger: true
+				}
+			];
+			const sessionMenu = (sessionId, title, path) => {
+				const pinned = pinnedSessionIds.includes(sessionId);
+				const unread = unreadSessionIds.includes(sessionId);
+				return [
+					{
+						id: "rename",
+						label: t("sessions.rename"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 16 })
+					},
+					{
+						id: "pin",
+						label: t(pinned ? "sessions.unpin" : "sessions.pin"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PinIcon, {})
+					},
+					{
+						id: "unread",
+						label: t(unread ? "sessions.markRead" : "sessions.markUnread"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dcu-wb-unread" })
+					},
+					{
+						id: "archive",
+						label: t("sessions.archive"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconArchiveOutline20, { size: 16 })
+					},
+					{
+						type: "separator",
+						id: "main-separator"
+					},
+					{
+						id: "fork",
+						label: t("sessions.fork"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, { size: 16 })
+					},
+					{
+						type: "separator",
+						id: "copy-separator"
+					},
+					{
+						id: "openPath",
+						label: t("sessions.openPath"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpenOutline16, { size: 16 }),
+						disabled: path === void 0
+					},
+					{
+						id: "copyPath",
+						label: t("sessions.copyPath"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, { size: 16 }),
+						disabled: path === void 0
+					},
+					{
+						id: "copyTitle",
+						label: t("sessions.copyTitle"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, { size: 16 })
+					},
+					{
+						id: "copyId",
+						label: t("sessions.copyId"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLinkOutline16, { size: 16 })
+					},
+					{
+						id: "copyLink",
+						label: t("sessions.copyLink"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconShareOutline16, { size: 16 })
+					},
+					{
+						type: "separator",
+						id: "delete-separator"
+					},
+					{
+						id: "delete",
+						label: t("sessions.delete"),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, { size: 16 }),
+						danger: true
+					}
+				];
+			};
+			const renderGroup = (workspace) => {
+				const isExpanded = expanded[workspace.workspaceId] ?? true;
+				const menuOpen = menu?.type === "workspace" && menu.id === workspace.workspaceId;
+				const isCurrentWorkspace = sessions.current !== void 0 && workspace.visibleIds.includes(sessions.current);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: `dcu-wb-project${isCurrentWorkspace ? " dcu-wb-project-current" : ""}`,
+					onDragOver: (event) => {
+						if (workspaceDragId === void 0) return;
+						event.preventDefault();
+						setWorkspaceDropId(workspace.workspaceId);
+					},
+					onDrop: (event) => {
+						event.preventDefault();
+						const dragged = workspaceDragId;
+						setWorkspaceDragId(void 0);
+						setWorkspaceDropId(void 0);
+						if (dragged !== void 0 && dragged !== workspace.workspaceId && moveBefore(groups.items.map((item) => String(item.workspaceId)), dragged, String(workspace.workspaceId)).join() !== groups.items.map((item) => String(item.workspaceId)).join()) run("workspace-order", () => insertWorkspaceBefore(dragged, workspace.workspaceId));
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: `dcu-wb-project-head${menuOpen ? " dcu-wb-menu-open" : ""}${workspaceDropId === workspace.workspaceId ? " dcu-wb-drop" : ""}`,
+						role: "treeitem",
+						"aria-expanded": isExpanded,
+						tabIndex: 0,
+						draggable: true,
+						onDragStart: (event) => {
+							event.dataTransfer.effectAllowed = "move";
+							event.dataTransfer.setData("text/plain", workspace.title);
+							const preview = document.createElement("div");
+							preview.className = "dcu-wb-drag-ghost";
+							preview.textContent = workspace.title;
+							document.body.appendChild(preview);
+							event.dataTransfer.setDragImage(preview, 16, 18);
+							window.requestAnimationFrame(() => {
+								preview.remove();
+							});
+							setWorkspaceDragId(workspace.workspaceId);
+						},
+						onDragEnd: () => {
+							const pin = pendingPinRef.current;
+							pendingPinRef.current = void 0;
+							setWorkspaceDragId(void 0);
+							setWorkspaceDropId(void 0);
+							if (pin !== void 0) setPinnedWorkspaceIds((ids) => ids.includes(pin) ? ids : [pin, ...ids]);
+						},
+						onClick: () => {
+							toggleGroup(workspace.workspaceId);
+						},
+						onContextMenu: (event) => {
+							event.preventDefault();
+							event.stopPropagation();
+							setMenu({
+								id: workspace.workspaceId,
+								type: "workspace"
+							});
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Enter" || event.key === " ") {
+								event.preventDefault();
+								toggleGroup(workspace.workspaceId);
+							}
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dcu-wb-folder",
+								children: isExpanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpenOutline16, { size: 16 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderClose16, { size: 16 })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dcu-wb-project-title",
+								title: workspace.path,
+								children: workspace.title
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dcu-wb-actions",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+									open: menuOpen,
+									onClose: () => {
+										setMenu(void 0);
+									},
+									items: projectMenu(workspace),
+									onSelect: (id) => {
+										if (busy !== void 0) return;
+										if (id === "new") {
+											startSession(workspace.workspaceId);
+											setMenu(void 0);
+										}
+										if (id === "rename") beginRename("workspace", workspace.workspaceId, workspace.title);
+										if (id === "pin") {
+											setPinnedWorkspaceIds((ids) => togglePinnedWorkspace(ids, workspace.workspaceId));
+											setMenu(void 0);
+										}
+										if (id === "openPath") run("open-path", () => openPath(workspace.path));
+										if (id === "delete") {
+											setDeleteTarget({
+												id: workspace.workspaceId,
+												kind: "workspace",
+												title: workspace.title
+											});
+											setError(void 0);
+											setMenu(void 0);
+										}
+									},
+									portal: true,
+									dense: true,
+									compact: true,
+									anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dcu-wb-more",
+										"aria-label": t("workspace.actions", { name: workspace.title }),
+										onClick: (event) => {
+											event.stopPropagation();
+											setMenu((current) => current?.id === workspace.workspaceId && current.type === "workspace" ? void 0 : {
+												id: workspace.workspaceId,
+												type: "workspace"
+											});
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutline16, { size: 16 })
+									})
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dcu-wb-actions",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dcu-wb-more",
+									"aria-label": t("workspace.newSession"),
+									onClick: (event) => {
+										event.stopPropagation();
+										startSession(workspace.workspaceId);
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, { size: 16 })
+								})
+							})
+						]
+					}), isExpanded && workspace.visibleIds.map((id) => {
+						const session = sessions.byId[id];
+						if (session === void 0) return null;
+						const path = session.cwd ?? workspace.path;
+						const selected = sessions.current === id;
+						const sessionMenuOpen = menu?.type === "session" && menu.id === id;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: `dcu-wb-session${selected ? " dcu-wb-selected" : ""}${sessionMenuOpen ? " dcu-wb-menu-open" : ""}${sessionDropId === id ? " dcu-wb-drop" : ""}`,
+							role: "treeitem",
+							"aria-selected": selected,
+							draggable: true,
+							onDragStart: (event) => {
+								event.stopPropagation();
+								event.dataTransfer.effectAllowed = "move";
+								setSessionDrag({
+									sessionId: id,
+									workspaceId: workspace.workspaceId
+								});
+							},
+							onDragEnd: () => {
+								setSessionDrag(void 0);
+								setSessionDropId(void 0);
+							},
+							onDragOver: (event) => {
+								if (sessionDrag?.workspaceId !== workspace.workspaceId) return;
+								event.preventDefault();
+								setSessionDropId(id);
+							},
+							onDrop: (event) => {
+								event.preventDefault();
+								const drag = sessionDrag;
+								setSessionDrag(void 0);
+								setSessionDropId(void 0);
+								if (drag !== void 0 && drag.sessionId !== id && moveBefore(workspace.visibleIds, drag.sessionId, id).join() !== workspace.visibleIds.join()) run("session-order", () => insertSessionBefore(workspace.workspaceId, drag.sessionId, id));
+							},
+							onClick: () => {
+								setUnreadSessionIds((ids) => ids.filter((item) => item !== id));
+								openSession(id);
+							},
+							onContextMenu: (event) => {
+								event.preventDefault();
+								event.stopPropagation();
+								setMenu({
+									id,
+									type: "session"
+								});
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dcu-wb-session-title",
+									children: session.displayTitle
+								}),
+								pinnedSessionIds.includes(id) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dcu-wb-pin",
+									"aria-label": t("sessions.pinned"),
+									title: t("sessions.pinned"),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+										viewBox: "0 0 16 16",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5 2.5h6M5 2.5v2L3.75 6v1h8.5V6L11 4.5v-2M8 7v6" })
+									})
+								}),
+								unreadSessionIds.includes(id) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dcu-wb-unread",
+									"aria-label": t("sessions.unread")
+								}) : session.running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dcu-wb-running",
+									"aria-hidden": "true"
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dcu-wb-time",
+									children: relativeTime(session.updatedAt)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dcu-wb-quick-actions",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dcu-wb-more dcu-wb-quick-pin",
+										"aria-label": t(pinnedSessionIds.includes(id) ? "sessions.unpin" : "sessions.pin"),
+										title: t(pinnedSessionIds.includes(id) ? "sessions.unpin" : "sessions.pin"),
+										onClick: (event) => {
+											event.stopPropagation();
+											setPinnedSessionIds((ids) => toggleSessionId(ids, id));
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+											viewBox: "0 0 16 16",
+											"aria-hidden": "true",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5 2.5h6M5 2.5v2L3.75 6v1h8.5V6L11 4.5v-2M8 7v6" })
+										})
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dcu-wb-more",
+										"aria-label": t("sessions.archive"),
+										title: t("sessions.archive"),
+										onClick: (event) => {
+											event.stopPropagation();
+											run("archive", () => archiveSession(id));
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconArchiveOutline20, { size: 16 })
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dcu-wb-actions",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+										open: sessionMenuOpen,
+										onClose: () => {
+											setMenu(void 0);
+										},
+										items: sessionMenu(id, session.displayTitle, path),
+										onSelect: (action) => {
+											if (busy !== void 0) return;
+											const link = sessionDeepLink(browserBase(), id);
+											if (action === "rename") beginRename("session", id, session.displayTitle);
+											if (action === "pin") {
+												setPinnedSessionIds((ids) => toggleSessionId(ids, id));
+												setMenu(void 0);
+											}
+											if (action === "unread") {
+												setUnreadSessionIds((ids) => toggleSessionId(ids, id));
+												setMenu(void 0);
+											}
+											if (action === "archive") run("archive", () => archiveSession(id));
+											if (action === "delete") {
+												setDeleteTarget({
+													id,
+													kind: "session",
+													title: session.displayTitle
+												});
+												setError(void 0);
+												setMenu(void 0);
+											}
+											if (action === "fork") run("fork", () => forkSession(id));
+											if (action === "openPath" && path !== void 0) run("open-path", () => openPath(path));
+											if (action === "copyPath") copy(path);
+											if (action === "copyTitle") copy(session.displayTitle);
+											if (action === "copyId") copy(id);
+											if (action === "copyLink") copy(link);
+										},
+										portal: true,
+										dense: true,
+										compact: true,
+										anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dcu-wb-more dcu-wb-context-anchor",
+											"aria-label": t("sessions.actions", { name: session.displayTitle }),
+											onClick: (event) => {
+												event.stopPropagation();
+												setMenu((current) => current?.id === id && current.type === "session" ? void 0 : {
+													id,
+													type: "session"
+												});
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutline16, { size: 16 })
+										})
+									})
+								})
+							]
+						}, id);
+					})]
+				}, workspace.workspaceId);
+			};
+			if (!wide) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dcu-wb dcu-wb-rail",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: stylesheet$2 })
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dcu-wb",
+				"aria-label": t("workspace.label"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("style", { children: [
+						stylesheet$2,
+						runningStyles,
+						typographyStyles
+					] }),
+					error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-wb-error",
+						role: "alert",
+						children: t("sessions.failed", { message: error })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dcu-wb-tree",
+						role: "tree",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "dcu-wb-section",
+							"aria-label": t("workspace.pinned"),
+							onDragOver: (event) => {
+								if (workspaceDragId !== void 0) event.preventDefault();
+							},
+							onDrop: (event) => {
+								event.preventDefault();
+								pendingPinRef.current = workspaceDragId;
+								setWorkspaceDropId(void 0);
+								if (event.currentTarget instanceof HTMLElement) event.currentTarget.blur();
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dcu-wb-section-label",
+								children: t("workspace.pinned")
+							}), pinnedGroups.length > 0 ? pinnedGroups.map(renderGroup) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dcu-wb-empty",
+								children: t("workspace.pinnedEmpty")
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "dcu-wb-section",
+							"aria-label": t("workspace.projects"),
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dcu-wb-section-label",
+									children: t("workspace.projects")
+								}),
+								regularGroups.map(renderGroup),
+								regularGroups.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dcu-wb-empty",
+									children: t("workspace.empty")
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: renameTarget !== void 0,
+						onClose: () => {
+							setRenameTarget(void 0);
+							setError(void 0);
+						},
+						closeLabel: t("sessions.close"),
+						title: renameTarget?.kind === "workspace" ? t("workspace.rename") : t("sessions.rename"),
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dcu-wb-rename-actions",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "outline",
+								onClick: () => {
+									setRenameTarget(void 0);
+								},
+								children: t("sessions.cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "primary",
+								disabled: busy !== void 0 || renameDraft.trim() === "",
+								onClick: submitRename,
+								children: t("sessions.save")
+							})]
+						}),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: "dcu-wb-rename-input",
+							value: renameDraft,
+							autoFocus: true,
+							onFocus: (event) => {
+								event.target.select();
+							},
+							onChange: (event) => {
+								setRenameDraft(event.target.value);
+								setError(void 0);
+							},
+							onKeyDown: (event) => {
+								if (event.key === "Enter") submitRename();
+							}
+						}), error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dcu-wb-error",
+							role: "alert",
+							children: t("sessions.failed", { message: error })
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: deleteTarget !== void 0,
+						onClose: () => {
+							if (busy !== "delete-workspace" && busy !== "delete-session") {
+								setDeleteTarget(void 0);
+								setError(void 0);
+							}
+						},
+						closeLabel: t("sessions.close"),
+						title: deleteTarget?.kind === "session" ? t("sessions.delete") : t("workspace.delete"),
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dcu-wb-rename-actions",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "outline",
+								disabled: busy === "delete-workspace" || busy === "delete-session",
+								onClick: () => {
+									setDeleteTarget(void 0);
+									setError(void 0);
+								},
+								children: t("sessions.cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "outline",
+								className: "dcu-wb-delete-button",
+								disabled: busy === "delete-workspace" || busy === "delete-session",
+								onClick: submitDelete,
+								children: deleteTarget?.kind === "session" ? t("sessions.delete") : t("workspace.delete")
+							})]
+						}),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dcu-wb-delete-copy",
+								children: deleteTarget === void 0 ? "" : deleteTarget.kind === "session" ? t("sessions.deleteDescription", { name: deleteTarget.title }) : t("workspace.deleteDescription", { name: deleteTarget.title })
+							}),
+							busy === "delete-workspace" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dcu-wb-error",
+								role: "status",
+								children: t("workspace.deletePending")
+							}),
+							busy === "delete-session" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dcu-wb-error",
+								role: "status",
+								children: t("sessions.deletePending")
+							}),
+							error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dcu-wb-error",
+								role: "alert",
+								children: t("sessions.failed", { message: error })
+							})
+						]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/ConnectorsSection.tsx
+		const stylesheet$1 = `
+.dcu-connectors{color:var(--dsw-alias-label-primary)}.dcu-connectors h2{margin:0;font-size:18px}.dcu-connectors p{margin:6px 0 18px;color:var(--dsw-alias-label-secondary);font-size:12px}.dcu-connector-list{overflow:hidden;border:1px solid var(--dsw-alias-border-l2);border-radius:9px}.dcu-connector{padding:12px;border-bottom:1px solid var(--dsw-alias-border-l2)}.dcu-connector:last-child{border-bottom:0}.dcu-connector-head{display:flex;align-items:center;gap:8px;font-weight:650}.dcu-connector-meta{margin:3px 0 8px;color:var(--dsw-alias-label-tertiary);font-size:11px}.dcu-connector-tool{padding:5px 0 0 24px;color:var(--dsw-alias-label-secondary);font-size:12px}.dcu-connector-tool span{display:block;margin-top:1px;color:var(--dsw-alias-label-tertiary);font-size:11px}.dcu-connector-empty{padding:20px 8px;color:var(--dsw-alias-label-secondary);text-align:center}
+`;
+		function isConnector(value) {
+			if (value === null || typeof value !== "object") return false;
+			const item = value;
+			return typeof item.name === "string" && Array.isArray(item.tools) && item.tools.every((tool) => tool !== null && typeof tool === "object" && typeof tool.name === "string" && typeof tool.description === "string");
+		}
+		/** 设置内的 MCP 连接器目录，只暴露名称、工具数和工具说明。 */
+		function ConnectorsSection({ sessionStore, t }) {
+			const sessionId = (0, react.useSyncExternalStore)(sessionStore.subscribe, () => sessionStore.getSnapshot().current);
+			const [connectors, setConnectors] = (0, react.useState)([]);
+			const [state, setState] = (0, react.useState)("loading");
+			(0, react.useEffect)(() => {
+				if (sessionId === void 0) {
+					setConnectors([]);
+					setState("ready");
+					return;
+				}
+				const controller = new AbortController();
+				setState("loading");
+				fetch(`/api/michengai/codex-ui/connectors?sessionId=${encodeURIComponent(sessionId)}`, { signal: controller.signal }).then(async (response) => {
+					if (!response.ok) throw new Error("连接器目录暂不可用。");
+					const payload = await response.json();
+					if (!Array.isArray(payload.connectors) || !payload.connectors.every(isConnector)) throw new Error("连接器目录返回格式无效。");
+					if (!controller.signal.aborted) setConnectors(payload.connectors);
+				}).then(() => {
+					if (!controller.signal.aborted) setState("ready");
+				}).catch(() => {
+					if (!controller.signal.aborted) setState("failed");
+				});
+				return () => {
+					controller.abort();
+				};
+			}, [sessionId]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dcu-connectors",
+				"aria-label": t("connectors.title"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: stylesheet$1 }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("connectors.title") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("connectors.description") }),
+					sessionId === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-connector-empty",
+						children: t("connectors.openSession")
+					}) : state === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-connector-empty",
+						children: t("connectors.loading")
+					}) : state === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-connector-empty",
+						children: t("connectors.failed")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dcu-connector-list",
+						children: [connectors.map((connector) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+							className: "dcu-connector",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dcu-connector-head",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLinkOutline16, { size: 16 }), connector.name]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dcu-connector-meta",
+									children: t("connectors.toolCount", { count: connector.tools.length })
+								}),
+								connector.tools.map((tool) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dcu-connector-tool",
+									children: [tool.name, tool.description !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tool.description })]
+								}, tool.name))
+							]
+						}, connector.name)), connectors.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dcu-connector-empty",
+							children: t("connectors.empty")
+						})]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/** 本插件独占的界面文案命名空间。 */
+		const NS = "michengai.codexUi";
+		const zh = {
+			"sidebar.label": "DSH 导航",
+			"sidebar.expand": "展开侧边栏",
+			"sidebar.collapse": "收缩侧边栏",
+			"sidebar.newTask": "新建任务",
+			"sidebar.search": "搜索会话",
+			"sidebar.mainMenu": "主菜单",
+			"sidebar.extensions": "扩展管理",
+			"sidebar.experts": "专家",
+			"sidebar.skills": "技能",
+			"sidebar.plugins": "插件",
+			"sidebar.connectors": "连接器",
+			"sidebar.schedule": "定时任务",
+			"sidebar.scheduleUnavailable": "定时任务暂未开放",
+			"sidebar.assistant": "个人助理",
+			"sidebar.assistantUnavailable": "个人助理暂未开放",
+			"sidebar.agentPresets": "Agent 预设",
+			"search.placeholder": "搜索会话、设置和操作",
+			"search.empty": "没有匹配的结果。",
+			"search.sessions": "会话",
+			"search.settings": "设置",
+			"search.actions": "快捷操作",
+			"pinned.label": "置顶项目",
+			"pinned.title": "置顶",
+			"pinned.manage": "管理",
+			"pinned.empty": "暂无置顶项目",
+			"pinned.dialog": "管理置顶项目",
+			"workspace.label": "工作区会话",
+			"workspace.search": "搜索会话",
+			"workspace.pinned": "置顶",
+			"workspace.pinnedEmpty": "拖动项目到此处置顶",
+			"workspace.projects": "项目",
+			"workspace.empty": "暂无会话",
+			"workspace.newSession": "新建会话",
+			"workspace.rename": "编辑项目",
+			"workspace.pin": "置顶项目",
+			"workspace.unpin": "取消置顶",
+			"workspace.openPath": "在资源管理器中打开",
+			"workspace.delete": "删除项目",
+			"workspace.deleteDescription": "将把“{name}”从项目列表中移除。文件夹和会话记录会保留。",
+			"workspace.deletePending": "正在删除项目…",
+			"workspace.actions": "{name} 的项目操作",
+			"sessions.manager": "会话管理",
+			"sessions.description": "集中管理所有工作区会话，不改变原生会话列表和菜单。",
+			"sessions.search": "搜索会话名称、目录或 ID",
+			"sessions.close": "关闭",
+			"sessions.cancel": "取消",
+			"sessions.save": "保存",
+			"sessions.empty": "没有匹配的会话。",
+			"sessions.failed": "操作失败：{message}",
+			"sessions.unknown": "找不到该会话。",
+			"sessions.actions": "{name} 的会话操作",
+			"sessions.pin": "置顶会话",
+			"sessions.unpin": "取消置顶",
+			"sessions.pinned": "已置顶",
+			"sessions.markUnread": "标记为未读",
+			"sessions.markRead": "标记为已读",
+			"sessions.unread": "未读",
+			"sessions.rename": "重命名会话",
+			"sessions.renameDescription": "设置一个便于识别的简短名称。",
+			"sessions.archive": "归档会话",
+			"sessions.delete": "删除会话",
+			"sessions.deleteDescription": "将永久删除会话“{name}”及其全部记录，此操作不可恢复。",
+			"sessions.deletePending": "正在删除会话…",
+			"sessions.deleteUnavailable": "未安装或无法连接归档管理插件。",
+			"sessions.fork": "在新会话中继续",
+			"sessions.openPath": "在资源管理器中打开",
+			"sessions.copyPath": "复制工作目录",
+			"sessions.copyTitle": "复制会话标题",
+			"sessions.copyId": "复制会话 ID",
+			"sessions.copyLink": "复制会话链接",
+			"sessions.noWorkspace": "未关联工作区",
+			"connectors.title": "连接器",
+			"connectors.description": "显示当前会话可用的 MCP 连接器及其工具，不显示地址、命令或凭证。",
+			"connectors.openSession": "请先打开一个会话以读取连接器。",
+			"connectors.loading": "正在读取连接器…",
+			"connectors.failed": "连接器目录暂不可用，请稍后重试。",
+			"connectors.toolCount": "{count} 个工具",
+			"connectors.empty": "当前会话没有可用的 MCP 连接器。",
+			"about.nav": "关于",
+			"about.title": "Codex UI",
+			"about.description": "为 DSH 提供 Codex 风格的侧栏、工作区会话管理、搜索与会话轮次导航。",
+			"about.features": "基本功能",
+			"about.feature.sidebar": "Codex 风格侧栏、全局会话搜索与设置入口",
+			"about.feature.search": "通过顶部搜索快速定位会话、设置页面和新建任务等快捷操作",
+			"about.feature.workspace": "项目文件夹可展开、折叠、拖拽排序和置顶，并保留原生工作区能力",
+			"about.feature.sessions": "会话支持重命名、置顶、未读标记、归档、删除及右键快捷操作",
+			"about.feature.conversation": "保留原生消息、工具调用、输入、权限和模型选择，仅调整容器视觉",
+			"about.feature.navigator": "当前会话提供轮次缩略导航，可快速跳转至每一次用户提问",
+			"about.dependencies": "配套管理插件",
+			"about.dependenciesDescription": "安装以下插件可获得专家、技能和已归档会话的完整管理体验；点击安装会从 npm 下载并写入当前 Web profile。",
+			"about.loading": "正在读取依赖安装状态…",
+			"about.statusFailed": "暂时无法读取依赖安装状态。",
+			"about.installed": "已安装",
+			"about.missing": "未安装",
+			"about.updateAvailable": "可更新",
+			"about.install": "安装",
+			"about.update": "更新",
+			"about.installing": "安装中",
+			"about.installFailed": "依赖安装失败，请稍后重试。",
+			"about.restartRequired": "依赖安装完成。请重启 DSH Web 服务以加载新插件。",
+			"about.dependency.experts": "专家管理",
+			"about.dependency.skills": "技能管理",
+			"about.dependency.archive": "归档会话管理",
+			"turns.label": "当前会话轮次导航",
+			"turns.untitled": "未命名提问",
+			"turns.jump": "跳转到第 {index} 轮：{summary}"
+		};
+		const en = {
+			"sidebar.label": "DSH navigation",
+			"sidebar.expand": "Expand sidebar",
+			"sidebar.collapse": "Collapse sidebar",
+			"sidebar.newTask": "New task",
+			"sidebar.search": "Search conversations",
+			"sidebar.mainMenu": "Main menu",
+			"sidebar.extensions": "Extensions",
+			"sidebar.experts": "Experts",
+			"sidebar.skills": "Skills",
+			"sidebar.plugins": "Plugins",
+			"sidebar.connectors": "Connectors",
+			"sidebar.schedule": "Scheduled tasks",
+			"sidebar.scheduleUnavailable": "Scheduled tasks are not available yet",
+			"sidebar.assistant": "Personal assistant",
+			"sidebar.assistantUnavailable": "Personal assistant is not available yet",
+			"sidebar.agentPresets": "Agent presets",
+			"search.placeholder": "Search conversations, settings, and actions",
+			"search.empty": "No matching results.",
+			"search.sessions": "Conversations",
+			"search.settings": "Settings",
+			"search.actions": "Quick actions",
+			"pinned.label": "Pinned projects",
+			"pinned.title": "Pinned",
+			"pinned.manage": "Manage",
+			"pinned.empty": "No pinned projects",
+			"pinned.dialog": "Manage pinned projects",
+			"workspace.label": "Workspace conversations",
+			"workspace.search": "Search conversations",
+			"workspace.projects": "Projects",
+			"workspace.empty": "No conversations",
+			"workspace.newSession": "New conversation",
+			"workspace.rename": "Edit project",
+			"workspace.pin": "Pin project",
+			"workspace.unpin": "Unpin",
+			"workspace.pinned": "Pinned",
+			"workspace.pinnedEmpty": "Drag a project here to pin it",
+			"workspace.openPath": "Open in file explorer",
+			"workspace.delete": "Delete project",
+			"workspace.deleteDescription": "This removes “{name}” from the project list. The folder and conversation records remain.",
+			"workspace.deletePending": "Deleting project…",
+			"workspace.actions": "Project actions for {name}",
+			"sessions.manager": "Session manager",
+			"sessions.description": "Manage conversations across all workspaces without replacing the native conversation list or menus.",
+			"sessions.search": "Search titles, directories, or IDs",
+			"sessions.close": "Close",
+			"sessions.cancel": "Cancel",
+			"sessions.save": "Save",
+			"sessions.empty": "No matching conversations.",
+			"sessions.failed": "Action failed: {message}",
+			"sessions.unknown": "Conversation not found.",
+			"sessions.actions": "Conversation actions for {name}",
+			"sessions.pin": "Pin conversation",
+			"sessions.unpin": "Unpin",
+			"sessions.pinned": "Pinned",
+			"sessions.markUnread": "Mark as unread",
+			"sessions.markRead": "Mark as read",
+			"sessions.unread": "Unread",
+			"sessions.rename": "Rename conversation",
+			"sessions.renameDescription": "Use a short name that is easy to recognize.",
+			"sessions.archive": "Archive conversation",
+			"sessions.delete": "Delete conversation",
+			"sessions.deleteDescription": "This permanently deletes “{name}” and all of its records. This cannot be undone.",
+			"sessions.deletePending": "Deleting conversation…",
+			"sessions.deleteUnavailable": "The archive manager plugin is not installed or unavailable.",
+			"sessions.fork": "Continue in new conversation",
+			"sessions.openPath": "Open in file explorer",
+			"sessions.copyPath": "Copy working directory",
+			"sessions.copyTitle": "Copy conversation title",
+			"sessions.copyId": "Copy conversation ID",
+			"sessions.copyLink": "Copy conversation link",
+			"sessions.noWorkspace": "No workspace",
+			"connectors.title": "Connectors",
+			"connectors.description": "Shows MCP connectors and tools available to this session without exposing addresses, commands, or credentials.",
+			"connectors.openSession": "Open a conversation to load connectors.",
+			"connectors.loading": "Loading connectors…",
+			"connectors.failed": "Connectors are unavailable. Try again shortly.",
+			"connectors.toolCount": "{count} tools",
+			"connectors.empty": "This conversation has no available MCP connectors.",
+			"about.nav": "About",
+			"about.title": "Codex UI",
+			"about.description": "Adds a Codex-style sidebar, workspace conversation management, search, and turn navigation to DSH.",
+			"about.features": "Core features",
+			"about.feature.sidebar": "Codex-style sidebar, global conversation search, and settings entry points",
+			"about.feature.search": "Find conversations, settings pages, and quick actions from the top search panel",
+			"about.feature.workspace": "Expand, collapse, reorder, and pin workspace folders while retaining native workspace behavior",
+			"about.feature.sessions": "Rename, pin, mark unread, archive, delete, or use context actions for conversations",
+			"about.feature.conversation": "Keeps native messages, tool calls, composer, permissions, and model selection while refining the container visuals",
+			"about.feature.navigator": "Navigate directly to each user prompt with the current conversation turn navigator",
+			"about.dependencies": "Companion management plugins",
+			"about.dependenciesDescription": "Install these plugins for the full experts, skills, and archived-conversation management experience. Installation downloads from npm and writes to the current Web profile.",
+			"about.loading": "Loading dependency status…",
+			"about.statusFailed": "Dependency status is temporarily unavailable.",
+			"about.installed": "Installed",
+			"about.missing": "Not installed",
+			"about.updateAvailable": "Update available",
+			"about.install": "Install",
+			"about.update": "Update",
+			"about.installing": "Installing",
+			"about.installFailed": "Dependency installation failed. Try again later.",
+			"about.restartRequired": "Installation is complete. Restart DSH Web to load the new plugin.",
+			"about.dependency.experts": "Expert management",
+			"about.dependency.skills": "Skill management",
+			"about.dependency.archive": "Archived conversation management",
+			"turns.label": "Conversation turn navigation",
+			"turns.untitled": "Untitled prompt",
+			"turns.jump": "Jump to turn {index}: {summary}"
+		};
+		//#endregion
+		//#region src/client/conversation-dom.ts
+		/**
+		* DSH 尚未公开会话滚动容器和消息锚点服务；把兼容读取集中在这里，方便
+		* 宿主提供正式 API 后只替换这一处。所有调用均可失败，不改写会话数据。
+		*/
+		function conversationScrollRoot() {
+			return document.querySelector("[data-conversation-scroll]");
+		}
+		function conversationAnchor(root, key) {
+			for (const anchor of root.querySelectorAll("[data-chat-anchor-key]")) if (anchor.dataset.chatAnchorKey === key) return anchor;
+			return null;
+		}
+		//#endregion
+		//#region src/client/TurnNavigator.tsx
+		const stylesheet = `
+.dcu-turn-navigator{position:fixed;z-index:8;top:50%;left:var(--dcu-turn-left,288px);transform:translateY(-50%);max-height:calc(100vh - 120px);overflow-y:auto;padding:0;scrollbar-width:none}.dcu-turn-navigator::-webkit-scrollbar{display:none}.dcu-turn-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.dcu-turn-link{display:flex;align-items:center;width:16px;height:8px;overflow:hidden;padding:0;border:0;border-radius:4px;background:transparent;color:var(--dsw-alias-label-tertiary);font:12px/16px var(--dsw-font-family);text-align:left;cursor:pointer;transition:width 180ms ease,height 180ms ease,padding 180ms ease,background-color 180ms ease,color 180ms ease}.dcu-turn-link::before{width:7px;height:1px;flex:0 0 7px;border-radius:1px;background:currentcolor;content:''}.dcu-turn-summary{min-width:0;margin-left:8px;overflow:hidden;opacity:0;text-overflow:ellipsis;white-space:nowrap;transition:opacity 140ms ease}.dcu-turn-link:hover,.dcu-turn-link:focus-visible{width:min(280px,calc(100vw - 64px));height:32px;padding:0 12px;background:var(--dsw-alias-button-floating-hover);color:var(--dsw-alias-label-primary);outline:0}.dcu-turn-link:hover .dcu-turn-summary,.dcu-turn-link:focus-visible .dcu-turn-summary{opacity:1}.dcu-turn-link[aria-current=true]{color:var(--dsw-alias-label-primary)}.dcu-turn-link[aria-current=true]::before{width:12px;flex-basis:12px;height:2px}.dcu-turn-link:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-button-info-fill)}@media (prefers-reduced-motion:reduce){.dcu-turn-link,.dcu-turn-summary{transition:none}}@media (max-width:760px){.dcu-turn-link:hover,.dcu-turn-link:focus-visible{width:min(220px,calc(100vw - 40px))}}
+`;
+		function textSummary(content, fallback) {
+			const text = content.flatMap((block) => {
+				if (typeof block !== "object" || block === null) return [];
+				const value = block;
+				return value.type === "text" && typeof value.text === "string" ? [value.text] : [];
+			}).join("").replace(/\s+/g, " ").trim();
+			return text === "" ? fallback : text.slice(0, 72);
+		}
+		function userContent(data) {
+			if (typeof data !== "object" || data === null) return [];
+			const content = data.content;
+			return Array.isArray(content) ? content : [];
+		}
+		function turnLinks(snapshot, fallback) {
+			const links = [];
+			for (const key of snapshot.chat.order) {
+				const node = snapshot.chat.nodes.get(key);
+				if (node?.kind !== "user") continue;
+				links.push({
+					key: node.key,
+					summary: textSummary(userContent(node.data), fallback)
+				});
+			}
+			return links;
+		}
+		function equalTurns(left, right) {
+			return left.length === right.length && left.every((turn, index) => turn.key === right[index]?.key && turn.summary === right[index]?.summary);
+		}
+		/** 当前会话的轮次导航；只读取原生聊天锚点并滚动，不改写会话数据或消息视图。 */
+		function TurnNavigator({ useSession, t }) {
+			const turns = useSession((snapshot) => turnLinks(snapshot, t("turns.untitled")), equalTurns);
+			const [current, setCurrent] = (0, react.useState)(turns[0]?.key ?? null);
+			const [sidebarRight, setSidebarRight] = (0, react.useState)(288);
+			const turnKeys = (0, react.useMemo)(() => turns.map((turn) => turn.key).join("|"), [turns]);
+			(0, react.useEffect)(() => {
+				const sidebar = document.querySelector(".dcu-root");
+				if (sidebar === null) return;
+				const update = () => {
+					const next = Math.round(sidebar.getBoundingClientRect().right) + 16;
+					setSidebarRight((previous) => previous === next ? previous : next);
+				};
+				const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(update);
+				observer?.observe(sidebar);
+				window.addEventListener("resize", update);
+				update();
+				return () => {
+					observer?.disconnect();
+					window.removeEventListener("resize", update);
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				const host = conversationScrollRoot();
+				if (host === null || turns.length === 0) return;
+				let frame = null;
+				const update = () => {
+					frame = null;
+					const threshold = host.getBoundingClientRect().top + Math.min(180, host.clientHeight * .35);
+					let next = turns[0]?.key ?? null;
+					for (const turn of turns) {
+						const anchor = conversationAnchor(host, turn.key);
+						if (anchor !== null && anchor.getBoundingClientRect().top <= threshold) next = turn.key;
+					}
+					setCurrent((previous) => previous === next ? previous : next);
+				};
+				const schedule = () => {
+					if (frame === null) frame = window.requestAnimationFrame(update);
+				};
+				host.addEventListener("scroll", schedule, { passive: true });
+				window.addEventListener("resize", schedule);
+				schedule();
+				return () => {
+					host.removeEventListener("scroll", schedule);
+					window.removeEventListener("resize", schedule);
+					if (frame !== null) window.cancelAnimationFrame(frame);
+				};
+			}, [turnKeys, turns]);
+			if (turns.length === 0) return null;
+			const style = { "--dcu-turn-left": `${sidebarRight}px` };
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+				className: "dcu-turn-navigator",
+				"aria-label": t("turns.label"),
+				style,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: stylesheet }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+					className: "dcu-turn-list",
+					children: turns.map((turn, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dcu-turn-link",
+						"aria-current": current === turn.key || void 0,
+						"aria-label": t("turns.jump", {
+							index: index + 1,
+							summary: turn.summary
+						}),
+						title: turn.summary,
+						onClick: () => {
+							const host = conversationScrollRoot();
+							const anchor = host === null ? null : conversationAnchor(host, turn.key);
+							if (host === null || anchor === null) return;
+							const reduceMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
+							host.scrollTo({
+								top: host.scrollTop + anchor.getBoundingClientRect().top - host.getBoundingClientRect().top - 12,
+								behavior: reduceMotion ? "auto" : "smooth"
+							});
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dcu-turn-summary",
+							children: turn.summary
+						})
+					}) }, turn.key))
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/index.ts
+		const inject = [
+			"slots",
+			"sessions",
+			"workspaces",
+			"layout",
+			"locale"
+		];
+		function hasDeleteSession(value) {
+			return value !== null && typeof value === "object" && "deleteSession" in value && typeof value.deleteSession === "function";
+		}
+		/** 替换 DSH 的官方 sidebar 插槽，不修改 DSH 源码或会话数据。 */
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "michengai-codex-ui: dictionaries");
+			const t = ctx.locale.bind(NS);
+			ctx.slots.inject("sidebar", () => ctx.slots.register({
+				name: "sidebar",
+				locale: NS,
+				children: {
+					"sidebar.workspaces": {
+						kind: "single",
+						scope: "root"
+					},
+					"sidebar.settings": {
+						kind: "single",
+						scope: "root"
+					},
+					"sidebar.footer.action": {
+						kind: "list",
+						scope: "root"
+					}
+				},
+				inject: () => ({
+					openSession: (sessionId) => {
+						ctx.sessions.open(sessionId);
+					},
+					startSession: (workspaceId) => {
+						ctx.workspaces.startSession(workspaceId);
+					},
+					toggleSidebar: () => {
+						ctx.layout.toggleSidebar();
+					}
+				})
+			}, CodexSidebar));
+			ctx.slots.inject("conversation.session.header.utilities", () => ctx.slots.register({
+				name: "conversation.session.header.utilities",
+				id: "turn-navigator",
+				order: 100,
+				locale: NS
+			}, TurnNavigator));
+			const forkSession = async (sessionId) => {
+				const childId = await ctx.sessions.fork({
+					sessionId,
+					increaseTitle: true
+				});
+				ctx.sessions.open(childId);
+			};
+			const renameSession = async (sessionId, title) => {
+				const session = ctx.sessions.binding(sessionId)?.session;
+				if (session === void 0) throw new Error(t("sessions.unknown"));
+				const result = await session.rename(title);
+				if (!result.ok) throw new Error(result.error.message);
+			};
+			const deleteSession = async (sessionId) => {
+				const registry = ctx.get("remote.workspaceRegistry");
+				if (!hasDeleteSession(registry)) throw new Error(t("sessions.deleteUnavailable"));
+				const result = await registry.deleteSession(sessionId);
+				if (!result.ok) throw new Error(result.error?.message ?? t("sessions.deleteUnavailable"));
+			};
+			ctx.slots.inject("sidebar.workspaces", () => ctx.slots.register({
+				name: "sidebar.workspaces",
+				priority: -1,
+				locale: NS,
+				inject: () => ({
+					archiveSession: (sessionId) => ctx.workspaces.archiveSession(sessionId),
+					deleteSession,
+					deleteWorkspace: (workspaceId) => ctx.workspaces.delete(workspaceId),
+					forkSession,
+					openPath: (path) => ctx.workspaces.openPath(path),
+					openSession: (sessionId) => {
+						ctx.sessions.open(sessionId);
+					},
+					renameSession,
+					renameWorkspace: (workspaceId, title) => ctx.workspaces.rename(workspaceId, title),
+					insertWorkspaceBefore: (workspaceId, beforeWorkspaceId) => ctx.workspaces.insertBefore(workspaceId, beforeWorkspaceId),
+					insertSessionBefore: (workspaceId, sessionId, beforeSessionId) => ctx.workspaces.insertSessionBefore(workspaceId, sessionId, beforeSessionId),
+					startSession: (workspaceId) => {
+						ctx.workspaces.startSession(workspaceId);
+					}
+				})
+			}, CodexWorkspaceBrowser));
+			ctx.effect(() => {
+				if (typeof window === "undefined") return () => {};
+				const sessionId = new URL(window.location.href).searchParams.get("session");
+				if (sessionId === null || sessionId === "") return () => {};
+				let opened = false;
+				const openDeepLink = () => {
+					if (opened || ctx.sessions.list.getSnapshot().byId[sessionId] === void 0) return;
+					opened = true;
+					ctx.sessions.open(sessionId);
+				};
+				openDeepLink();
+				return ctx.sessions.list.subscribe(openDeepLink);
+			}, "michengai-codex-ui: session deep link");
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "connectors",
+				order: 17,
+				label: () => t("sidebar.connectors"),
+				icon: "connector",
+				inject: () => ({
+					sessionStore: ctx.sessions.list,
+					t
+				})
+			}, ConnectorsSection));
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "about",
+				order: 100,
+				label: () => t("about.nav"),
+				locale: NS
+			}, AboutSection));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});