@michengai/dsh-codex-ui 0.2.76 → 0.2.78

package/dist/client.js

@@ -590,10 +590,59 @@ window.__ModuleLoader__.load({
 		//#region src/client/pinned-workspaces.ts
 		/** 浏览器本地持久化键；置顶只影响本插件中的工作区分区。 */
 		const PINNED_WORKSPACES_STORAGE_KEY = "dsh-codex-ui.pinned-workspace-ids";
+		const WORKSPACE_PREFERENCES_ENDPOINT = "/api/michengai/codex-ui/preferences";
 		/** 清理无效或重复的工作区标识。 */
 		function normalizePinnedWorkspaceIds(ids) {
 			return [...new Set(ids.filter((id) => id.trim() !== ""))];
 		}
+		/** 仅在宿主完整基线就绪后清理已经不存在的工作区，避免加载中的临时列表抹掉持久化置顶。 */
+		function prunePinnedWorkspaceIds(ids, validIds) {
+			const valid = new Set(validIds);
+			const next = ids.filter((id) => valid.has(id));
+			return next.length === ids.length ? [...ids] : next;
+		}
+		/** Host 数据优先；首次升级没有 Host 文件时迁移旧 origin 的 localStorage；读取期间的用户操作永远优先。 */
+		function resolvePinnedWorkspaceHydration(localIds, host, dirtyIds) {
+			if (dirtyIds !== void 0) return {
+				ids: normalizePinnedWorkspaceIds(dirtyIds),
+				writeHost: true
+			};
+			if (host.exists) return {
+				ids: normalizePinnedWorkspaceIds(host.pinnedWorkspaceIds),
+				writeHost: false
+			};
+			const ids = normalizePinnedWorkspaceIds(localIds);
+			return {
+				ids,
+				writeHost: ids.length > 0
+			};
+		}
+		async function readHostPinnedWorkspaceIds(fetcher = fetch) {
+			const response = await fetcher(WORKSPACE_PREFERENCES_ENDPOINT, {
+				method: "GET",
+				cache: "no-store",
+				signal: AbortSignal.timeout(5e3)
+			});
+			if (!response.ok) throw new Error(`读取置顶偏好失败：HTTP ${response.status}`);
+			const payload = await response.json();
+			if (payload === null || typeof payload !== "object") throw new Error("置顶偏好响应格式无效。");
+			const record = payload;
+			if (typeof record.exists !== "boolean" || !Array.isArray(record.pinnedWorkspaceIds) || !record.pinnedWorkspaceIds.every((id) => typeof id === "string")) throw new Error("置顶偏好响应格式无效。");
+			return {
+				exists: record.exists,
+				pinnedWorkspaceIds: normalizePinnedWorkspaceIds(record.pinnedWorkspaceIds)
+			};
+		}
+		async function writeHostPinnedWorkspaceIds(ids, fetcher = fetch) {
+			const response = await fetcher(WORKSPACE_PREFERENCES_ENDPOINT, {
+				method: "PUT",
+				cache: "no-store",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ pinnedWorkspaceIds: normalizePinnedWorkspaceIds(ids) }),
+				signal: AbortSignal.timeout(5e3)
+			});
+			if (!response.ok) throw new Error(`保存置顶偏好失败：HTTP ${response.status}`);
+		}
 		/** 在置顶列表中切换一个工作区。 */
 		/** 把工作区插入置顶列表的指定位置；省略锚点时追加到末尾。 */
 		function insertPinnedWorkspace(ids, id, beforeId) {
@@ -1231,7 +1280,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 .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:12px}
-.dcu-wb-section-head{position:relative;display:flex;align-items:center;min-height:24px;padding:0 4px;border-radius:6px}.dcu-wb-section-head:hover .dcu-wb-actions{display:flex}.dcu-wb-section-label{display:flex;align-items:center;gap:4px;flex:1;min-width:0;min-height:24px;border:0;padding:2px 4px;background:transparent;color:var(--dcu-sidebar-tertiary);font:13px/20px var(--dcu-font,inherit);font-weight:400;letter-spacing:.02em;text-align:left;cursor:pointer}.dcu-wb-section-caret{display:grid;place-items:center;flex:none;width:12px;height:12px;color:currentColor;opacity:0;transform:rotate(0deg);transform-origin:50% 50%;transition:opacity 140ms ease,transform 180ms ease}.dcu-wb-section-caret svg{display:block}.dcu-wb-section-head:hover .dcu-wb-section-caret,.dcu-wb-section-label:focus-visible .dcu-wb-section-caret{opacity:.78}.dcu-wb-section-label[aria-expanded=true] .dcu-wb-section-caret{transform:rotate(90deg)}.dcu-wb-section-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 220ms ease}.dcu-wb-section-body[data-open=true]{grid-template-rows:1fr}.dcu-wb-section-body>div{overflow:hidden;min-height:0}@media (prefers-reduced-motion:reduce){.dcu-wb-section-caret,.dcu-wb-section-body{transition:none}}
+.dcu-wb-section-head{position:relative;display:flex;align-items:center;min-height:24px;padding:0 4px;border-radius:6px}.dcu-wb-section-head:hover .dcu-wb-actions{display:flex}.dcu-wb-section-label{display:flex;align-items:center;gap:4px;flex:1;min-width:0;min-height:24px;border:0;padding:2px 4px;background:transparent;color:var(--dcu-sidebar-tertiary);font:13px/20px var(--dcu-font,inherit);font-weight:400;letter-spacing:.02em;text-align:left;cursor:pointer}.dcu-wb-section-caret{display:grid;place-items:center;flex:none;width:12px;height:12px;color:currentColor;opacity:0;transform:rotate(0deg);transform-origin:50% 50%;transition:opacity 120ms ease,transform 160ms ease}.dcu-wb-section-caret svg{display:block}.dcu-wb-section-head:hover .dcu-wb-section-caret,.dcu-wb-section-label:focus-visible .dcu-wb-section-caret{opacity:.78}.dcu-wb-section-label[aria-expanded=true] .dcu-wb-section-caret{transform:rotate(90deg)}.dcu-wb-section-body{display:block}.dcu-wb-section-body[data-open=false]{display:none}.dcu-wb-section-body>div{min-height:0}.dcu-wb-section-body[data-open=true]>div{animation:dcu-wb-section-in 140ms cubic-bezier(.16,1,.3,1)}@keyframes dcu-wb-section-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dcu-wb-section-caret{transition:none}.dcu-wb-section-body[data-open=true]>div{animation:none}}
 .dcu-wb-project{position:relative}
 .dcu-wb-project-head,.dcu-wb-session{position:relative;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:28px;background:transparent;font:inherit;text-align:left}
@@ -1269,7 +1318,15 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 		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:13px;font-weight:400;letter-spacing:.02em}.dcu-wb-project-title{font-size:14px;line-height:20px;font-weight:400;color:var(--dcu-sidebar-primary)}.dcu-wb-session-title{font-size:14px;line-height:20px;font-weight:400;color:var(--dcu-sidebar-secondary)}.dcu-wb-session.dcu-wb-selected .dcu-wb-session-title,.dcu-wb-session:hover .dcu-wb-session-title{color:var(--dcu-sidebar-primary)}.dcu-wb-empty{color:var(--dcu-sidebar-tertiary);font-size:13px;line-height:18px}.dcu-wb-nochat{padding:0 8px 4px 28px;color:var(--dcu-sidebar-tertiary);font-size:14px;line-height:20px}`;
 		const WORKSPACE_TREE_STYLE = stylesheet$4 + runningStyles + typographyStyles;
 		function storage$1() {
-			return typeof window === "undefined" ? void 0 : window.localStorage;
+			if (typeof window === "undefined") return void 0;
+			try {
+				return window.localStorage;
+			} catch {
+				return;
+			}
+		}
+		function sameIds(left, right) {
+			return left.length === right.length && left.every((id, index) => id === right[index]);
 		}
 		function browserBase() {
 			return typeof window === "undefined" || window.location.origin === "null" ? "http://dsh.internal/" : `${window.location.origin}/`;
@@ -1287,7 +1344,33 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			const sessions = useSessions((state) => state);
 			const workspaces = useWorkspaces((state) => state);
 			const [expanded, setExpanded] = (0, react.useState)({});
-			const [pinnedWorkspaceIds, setPinnedWorkspaceIds] = (0, react.useState)(() => readPinnedWorkspaceIds(storage$1()));
+			const [pinnedWorkspaceIds, setPinnedWorkspaceIdsState] = (0, react.useState)(() => readPinnedWorkspaceIds(storage$1()));
+			const pinnedWorkspaceIdsRef = (0, react.useRef)(pinnedWorkspaceIds);
+			pinnedWorkspaceIdsRef.current = pinnedWorkspaceIds;
+			const pinnedHostHydratedRef = (0, react.useRef)(false);
+			const pinnedHostDirtyRef = (0, react.useRef)(false);
+			const pinnedHostSkipWriteRef = (0, react.useRef)();
+			const pinnedHostWriteRef = (0, react.useRef)(Promise.resolve());
+			const workspaceBaselineRef = (0, react.useRef)({
+				ready: false,
+				validIds: []
+			});
+			workspaceBaselineRef.current = {
+				ready: workspaces.baselinesReady === true,
+				validIds: workspaces.items.map((workspace) => String(workspace.workspaceId))
+			};
+			const queuePinnedHostWrite = (ids) => {
+				const snapshot = [...ids];
+				const pending = pinnedHostWriteRef.current.then(() => writeHostPinnedWorkspaceIds(snapshot));
+				pinnedHostWriteRef.current = pending.catch(() => void 0);
+			};
+			const setPinnedWorkspaceIds = (update) => {
+				pinnedHostDirtyRef.current = true;
+				const current = pinnedWorkspaceIdsRef.current;
+				const next = typeof update === "function" ? update(current) : update;
+				pinnedWorkspaceIdsRef.current = next;
+				setPinnedWorkspaceIdsState(next);
+			};
 			const [pinnedSessionIds, setPinnedSessionIds] = (0, react.useState)(() => readSessionIds(storage$1(), SESSION_PINS_STORAGE_KEY));
 			const [unreadSessionIds, setUnreadSessionIds] = (0, react.useState)(() => readSessionIds(storage$1(), SESSION_UNREAD_STORAGE_KEY));
 			const [menu, setMenu] = (0, react.useState)();
@@ -1303,7 +1386,12 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			const busyRef = (0, react.useRef)();
 			const [error, setError] = (0, react.useState)();
 			const [workspaceDragId, setWorkspaceDragId] = (0, react.useState)();
-			const [workspaceDropTarget, setWorkspaceDropTarget] = (0, react.useState)();
+			const [workspaceDropTarget, setWorkspaceDropTargetState] = (0, react.useState)();
+			const workspaceDropTargetRef = (0, react.useRef)();
+			const setWorkspaceDropTarget = (target) => {
+				workspaceDropTargetRef.current = target;
+				setWorkspaceDropTargetState(target);
+			};
 			const [headerMenu, setHeaderMenu] = (0, react.useState)();
 			const headerMenuRef = (0, react.useRef)();
 			headerMenuRef.current = headerMenu;
@@ -1312,7 +1400,34 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			const [sessionDropTarget, setSessionDropTarget] = (0, react.useState)();
 			(0, react.useEffect)(() => {
 				savePinnedWorkspaceIds(storage$1(), pinnedWorkspaceIds);
+				if (!pinnedHostHydratedRef.current) return;
+				const skippedHydration = pinnedHostSkipWriteRef.current;
+				pinnedHostSkipWriteRef.current = void 0;
+				if (skippedHydration !== void 0 && sameIds(skippedHydration, pinnedWorkspaceIds)) return;
+				queuePinnedHostWrite(pinnedWorkspaceIds);
 			}, [pinnedWorkspaceIds]);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				const localIds = [...pinnedWorkspaceIdsRef.current];
+				readHostPinnedWorkspaceIds().then((host) => {
+					if (!alive) return;
+					const hydration = resolvePinnedWorkspaceHydration(localIds, host, pinnedHostDirtyRef.current ? pinnedWorkspaceIdsRef.current : void 0);
+					const baseline = workspaceBaselineRef.current;
+					const ids = baseline.ready ? prunePinnedWorkspaceIds(hydration.ids, baseline.validIds) : hydration.ids;
+					const writeHost = hydration.writeHost || !sameIds(ids, hydration.ids);
+					pinnedHostHydratedRef.current = true;
+					if (!sameIds(pinnedWorkspaceIdsRef.current, ids)) {
+						pinnedHostSkipWriteRef.current = [...ids];
+						pinnedWorkspaceIdsRef.current = ids;
+						setPinnedWorkspaceIdsState(ids);
+					}
+					savePinnedWorkspaceIds(storage$1(), ids);
+					if (writeHost) queuePinnedHostWrite(ids);
+				}).catch(() => {});
+				return () => {
+					alive = false;
+				};
+			}, []);
 			(0, react.useEffect)(() => {
 				writeSessionIds(storage$1(), SESSION_PINS_STORAGE_KEY, pinnedSessionIds);
 			}, [pinnedSessionIds]);
@@ -1320,10 +1435,12 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				writeSessionIds(storage$1(), SESSION_UNREAD_STORAGE_KEY, unreadSessionIds);
 			}, [unreadSessionIds]);
 			(0, react.useEffect)(() => {
-				if (workspaces.items.length === 0) return;
-				const valid = new Set(workspaces.items.map((workspace) => String(workspace.workspaceId)));
-				setPinnedWorkspaceIds((ids) => ids.filter((id) => valid.has(id)));
-			}, [workspaces.items]);
+				if (workspaces.baselinesReady !== true) return;
+				const next = prunePinnedWorkspaceIds(pinnedWorkspaceIdsRef.current, workspaces.items.map((workspace) => String(workspace.workspaceId)));
+				if (sameIds(pinnedWorkspaceIdsRef.current, next)) return;
+				pinnedWorkspaceIdsRef.current = next;
+				setPinnedWorkspaceIdsState(next);
+			}, [workspaces.baselinesReady, workspaces.items]);
 			(0, react.useEffect)(() => {
 				const current = sessions.current;
 				if (current !== void 0) setUnreadSessionIds((ids) => ids.filter((id) => id !== current));
@@ -1972,7 +2089,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 								onDrop: (event) => {
 									event.preventDefault();
 									const draggedWorkspace = readWorkspaceDrag(event.dataTransfer, workspaceDragId);
-									const target = workspaceDropTarget;
+									const target = workspaceDropTargetRef.current;
 									setWorkspaceDragId(void 0);
 									setWorkspaceDropTarget(void 0);
 									if (draggedWorkspace !== void 0 && target?.zone === "pinned") pinWorkspaceAt(draggedWorkspace, target.beforeId);
@@ -2994,18 +3111,20 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 		//#region src/client/CodexSidebar.tsx
 		const subscribeEmptyCompanionTabs = () => () => {};
 		const getEmptyCompanionTabs = () => EMPTY_COMPANION_TABS;
+		const SIDEBAR_COLUMN_TRANSITION_MS = 300;
 		const stylesheet$3 = `
 .dcu-root{--dcu-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei UI",sans-serif;--dcu-sidebar-primary:#393d3e;--dcu-sidebar-secondary:#676b6c;--dcu-sidebar-tertiary:#9a9f9f;--dcu-sidebar-navigation:#4e5253;--dcu-sidebar-icon:#4e5253;--dcu-sidebar-hover:#dfe8e5;--dcu-sidebar-border:rgba(37,46,41,.10);--dcu-tip-bg:#ffffff;--dcu-tip-shadow:0 10px 32px rgba(31,39,36,.22);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:#1d2120;--dcu-sidebar-primary:#b9bab9;--dcu-sidebar-secondary:#909191;--dcu-sidebar-tertiary:#666867;--dcu-sidebar-navigation:#b9bab9;--dcu-sidebar-icon:#afafaf;--dcu-sidebar-hover:#303432;--dcu-sidebar-border:rgba(255,255,255,.08);--dcu-tip-bg:#2a2e2c;--dcu-tip-shadow:0 10px 30px rgba(0,0,0,.28)}
+.dcu-expanded-shell{display:flex;min-height:0;flex:1;flex-direction:column;animation:dcu-sidebar-expanded-in 140ms cubic-bezier(.16,1,.3,1)}.dcu-compact-shell{display:none}.dcu-root.dcu-compact .dcu-expanded-shell{display:none}.dcu-root.dcu-compact .dcu-compact-shell{display:flex;min-height:0;flex:1;flex-direction:column;align-items:center;animation:dcu-sidebar-compact-in 120ms ease-out}@keyframes dcu-sidebar-expanded-in{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}@keyframes dcu-sidebar-compact-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
 .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 8px 8px 12px}.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-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 6px 8px;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-navigation);font-size:14px;line-height:20px;text-align:left;font-weight:400}
 .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 28px}.dcu-extension-items button{min-height:32px;color:var(--dcu-sidebar-secondary);font-size:13px;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-workspaces.dcu-workspaces-tabs{padding-top:0;border-top:0}.dcu-im-tabs{display:flex;gap:16px;margin:0 8px 12px;padding:0;border-bottom:1px solid var(--dcu-sidebar-border)}.dcu-im-tab{appearance:none;border:0;background:transparent;color:var(--dcu-sidebar-secondary);padding:8px 0 7px;font:14px/22px var(--dcu-font);font-weight:500;cursor:pointer}.dcu-im-tab[data-on=true]{color:var(--dcu-sidebar-primary);font-weight:600;box-shadow:inset 0 -2px 0 currentColor}.dcu-native-workspaces{display:flex;min-height:0;flex:1}.dcu-native-workspaces>*{min-width:0;flex:1}.dcu-native-workspaces .ima-tabs,.dcu-native-workspaces [role=tablist]{display:none!important}.dcu-foot{display:grid;gap:4px;padding:8px 6px 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-navigation);font:14px/20px var(--dcu-font);font-weight:400}.dcu-compact{width:100%;align-items:center;overflow:hidden;padding:10px 0 8px}.dcu-compact-nav{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;gap:2px;overflow:auto;padding:6px 0}.dcu-compact .dcu-icon{width:36px;height:36px;flex:none}.dcu-compact .dcu-head,.dcu-compact .dcu-menu,.dcu-compact .dcu-workspaces,.dcu-compact .dcu-brand,.dcu-compact .dcu-im-tabs{display:none}.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-settings-seat>button{display:grid;place-items:center;width:36px;min-height:36px;padding:0!important;font-size:0!important;line-height:0}.dcu-compact .dcu-settings-seat>button svg{width:16px;height:16px}.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-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-workspaces.dcu-workspaces-tabs{padding-top:0;border-top:0}.dcu-im-tabs{display:flex;gap:16px;margin:0 8px 12px;padding:0;border-bottom:1px solid var(--dcu-sidebar-border)}.dcu-im-tab{appearance:none;border:0;background:transparent;color:var(--dcu-sidebar-secondary);padding:8px 0 7px;font:14px/22px var(--dcu-font);font-weight:500;cursor:pointer}.dcu-im-tab[data-on=true]{color:var(--dcu-sidebar-primary);font-weight:600;box-shadow:inset 0 -2px 0 currentColor}.dcu-native-workspaces{display:flex;min-height:0;flex:1}.dcu-native-workspaces>*{min-width:0;flex:1}.dcu-native-workspaces .ima-tabs,.dcu-native-workspaces [role=tablist]{display:none!important}.dcu-foot{display:grid;gap:4px;padding:8px 6px 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-navigation);font:14px/20px var(--dcu-font);font-weight:400}.dcu-compact{width:100%;align-items:center;overflow:hidden;padding:10px 0 8px}.dcu-compact-nav{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;gap:2px;overflow:auto;padding:6px 0}.dcu-compact .dcu-icon{width:36px;height:36px;flex:none}.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-settings-seat>button{display:grid;place-items:center;width:36px;min-height:36px;padding:0!important;font-size:0!important;line-height:0}.dcu-compact .dcu-settings-seat>button svg{width:16px;height:16px}.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}
+.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);animation:dcu-search-scrim-in 140ms ease-out}.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);animation:dcu-search-dialog-in 180ms cubic-bezier(.16,1,.3,1)}@keyframes dcu-search-scrim-in{from{opacity:0}to{opacity:1}}@keyframes dcu-search-dialog-in{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}.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}@media (prefers-reduced-motion:reduce){.dcu-expanded-shell,.dcu-root.dcu-compact .dcu-compact-shell,.dcu-search-scrim,.dcu-search-dialog{animation:none}}
 [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:96px;padding-top:10px;border-radius:16px;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:44px}@media (prefers-reduced-motion:reduce){[data-conversation-scroll] [data-composer-card]{transition:none}}
 `;
 		function MenuIcon({ children }) {
@@ -3043,40 +3162,41 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				})
 			});
 		}
-		/** Codex 风格的 DSH 侧栏，只替换导航外观，项目浏览和设置仍由 DSH 官方组件提供。 */
-		function CodexSidebar({ collapsed, width, openSession, startSession, toggleSidebar, archiveSession, deleteSession, forkSession, renameSession, openPath, companionSlots, 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 [imTab, setImTab] = (0, react.useState)("tasks");
-			const companionTabs = (0, react.useSyncExternalStore)(companionSlots?.subscribe ?? subscribeEmptyCompanionTabs, companionSlots?.getSnapshot ?? getEmptyCompanionTabs, companionSlots?.getSnapshot ?? getEmptyCompanionTabs);
-			const showChannels = companionTabs.channels;
-			const showSchedule = companionTabs.schedule;
-			const showCompanionTabs = showChannels || showSchedule;
+		/** 搜索状态与大侧栏隔离：输入、悬停和开关弹窗都不能让工作区树跟着重渲染。 */
+		const SidebarSearch = (0, react.forwardRef)(function SidebarSearch({ openSession, startSession, t, useSessions, useWorkspaces, settingsSeat }, ref) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const [query, setQuery] = (0, react.useState)("");
+			const [activeIndex, setActiveIndex] = (0, react.useState)(0);
+			const deferredQuery = (0, react.useDeferredValue)(query);
 			const sessions = useSessions((state) => state);
 			const workspaces = useWorkspaces((state) => state);
-			const selectSection = (label) => {
+			const close = (0, react.useCallback)(() => {
+				setOpen(false);
+				setQuery("");
+				setActiveIndex(0);
+			}, []);
+			(0, react.useImperativeHandle)(ref, () => ({ open: () => {
+				setOpen(true);
+			} }), []);
+			const selectSection = (0, react.useCallback)((label) => {
 				openSettingsSection(settingsSeat.current, label);
-			};
-			const selectPluginSection = () => {
+			}, [settingsSeat]);
+			const selectPluginSection = (0, react.useCallback)(() => {
 				openSettingsSection(settingsSeat.current, [t("sidebar.marketplace"), t("sidebar.plugins")]);
-			};
-			const selectExternalSection = (label) => {
+			}, [settingsSeat, t]);
+			const selectExternalSection = (0, react.useCallback)((label) => {
 				openSettingsSection(settingsSeat.current, label, () => {
 					selectSection(t("about.nav"));
 				});
-			};
-			const openSettings = () => {
+			}, [
+				selectSection,
+				settingsSeat,
+				t
+			]);
+			const openSettings = (0, react.useCallback)(() => {
 				settingsSeat.current?.querySelector("[aria-haspopup=\"dialog\"]")?.click();
-			};
-			const closeSearch = () => {
-				setSearchOpen(false);
-				setSearchQuery("");
-				setActiveSearchIndex(0);
-			};
-			const searchEntries = (0, react.useMemo)(() => {
+			}, [settingsSeat]);
+			const entries = (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 && !archived.has(session.id) && isTaskSession(session)).sort((left, right) => right.updatedAt - left.updatedAt).map((session) => ({
@@ -3086,7 +3206,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 					keywords: `${session.cwd ?? ""} ${session.id}`,
 					detail: workspaceTitles.get(String(session.id)) ?? session.cwd,
 					run: () => {
-						closeSearch();
+						close();
 						openSession(session.id);
 					}
 				}));
@@ -3097,7 +3217,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 						label: t("search.settings"),
 						keywords: t("search.settings"),
 						run: () => {
-							closeSearch();
+							close();
 							openSettings();
 						}
 					},
@@ -3107,7 +3227,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 						label: t("sidebar.experts"),
 						keywords: t("search.settings"),
 						run: () => {
-							closeSearch();
+							close();
 							selectExternalSection(t("sidebar.experts"));
 						}
 					},
@@ -3117,7 +3237,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 						label: t("sidebar.skills"),
 						keywords: t("search.settings"),
 						run: () => {
-							closeSearch();
+							close();
 							selectExternalSection(t("sidebar.skills"));
 						}
 					},
@@ -3127,7 +3247,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 						label: t("sidebar.plugins"),
 						keywords: t("search.settings"),
 						run: () => {
-							closeSearch();
+							close();
 							selectPluginSection();
 						}
 					},
@@ -3137,7 +3257,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 						label: t("sidebar.connectors"),
 						keywords: t("search.settings"),
 						run: () => {
-							closeSearch();
+							close();
 							selectSection(t("sidebar.connectors"));
 						}
 					},
@@ -3147,7 +3267,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 						label: t("sidebar.schedule"),
 						keywords: t("search.settings"),
 						run: () => {
-							closeSearch();
+							close();
 							selectExternalSection(t("sidebar.schedule"));
 						}
 					},
@@ -3157,7 +3277,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 						label: t("sidebar.assistant"),
 						keywords: t("search.settings"),
 						run: () => {
-							closeSearch();
+							close();
 							selectExternalSection([t("sidebar.imSettings"), "IM助理"]);
 						}
 					},
@@ -3167,7 +3287,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 						label: t("about.nav"),
 						keywords: t("search.settings"),
 						run: () => {
-							closeSearch();
+							close();
 							selectSection(t("about.nav"));
 						}
 					}
@@ -3181,13 +3301,18 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 						label: t("sidebar.newTask"),
 						keywords: t("search.actions"),
 						run: () => {
-							closeSearch();
+							close();
 							startSession();
 						}
 					}
 				];
 			}, [
+				close,
 				openSession,
+				openSettings,
+				selectExternalSection,
+				selectPluginSection,
+				selectSection,
 				sessions.byId,
 				sessions.ids,
 				startSession,
@@ -3195,38 +3320,30 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				workspaces.archivedSessionIds,
 				workspaces.items
 			]);
-			const searchResults = (0, react.useMemo)(() => filterSidebarSearchItems(searchEntries, searchQuery).slice(0, 12), [searchEntries, searchQuery]);
+			const results = (0, react.useMemo)(() => filterSidebarSearchItems(entries, deferredQuery).slice(0, 12), [deferredQuery, entries]);
 			(0, react.useEffect)(() => {
-				setActiveSearchIndex(0);
-			}, [searchQuery, searchOpen]);
-			(0, react.useEffect)(() => {
-				if (imTab === "channels" && !showChannels) setImTab("tasks");
-				if (imTab === "schedule" && !showSchedule) setImTab("tasks");
-			}, [
-				imTab,
-				showChannels,
-				showSchedule
-			]);
+				setActiveIndex(0);
+			}, [query, open]);
 			(0, react.useEffect)(() => {
-				if (!searchOpen) return;
+				if (!open) return;
 				const onKeyDown = (event) => {
 					if (event.key === "Escape") {
 						event.preventDefault();
-						closeSearch();
+						close();
 						return;
 					}
 					if (event.key === "ArrowDown") {
 						event.preventDefault();
-						setActiveSearchIndex((index) => Math.min(index + 1, Math.max(0, searchResults.length - 1)));
+						setActiveIndex((index) => Math.min(index + 1, Math.max(0, results.length - 1)));
 						return;
 					}
 					if (event.key === "ArrowUp") {
 						event.preventDefault();
-						setActiveSearchIndex((index) => Math.max(index - 1, 0));
+						setActiveIndex((index) => Math.max(index - 1, 0));
 						return;
 					}
 					if (event.key === "Enter") {
-						const entry = searchResults[activeSearchIndex];
+						const entry = results[activeIndex];
 						if (entry !== void 0) {
 							event.preventDefault();
 							entry.run();
@@ -3238,9 +3355,107 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 					window.removeEventListener("keydown", onKeyDown);
 				};
 			}, [
-				activeSearchIndex,
-				searchOpen,
-				searchResults
+				activeIndex,
+				close,
+				open,
+				results
+			]);
+			if (!open) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dcu-search-scrim",
+				onMouseDown: (event) => {
+					if (event.target === event.currentTarget) close();
+				},
+				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: query,
+							placeholder: t("search.placeholder"),
+							onChange: (event) => {
+								setQuery(event.target.value);
+							}
+						})
+					}), results.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-search-empty",
+						children: t("search.empty")
+					}) : [
+						"sessions",
+						"settings",
+						"actions"
+					].map((group) => {
+						const grouped = results.filter((entry) => entry.group === group);
+						if (grouped.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}`)
+							}), grouped.map((entry) => {
+								const index = results.indexOf(entry);
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dcu-search-row",
+									"data-active": index === activeIndex,
+									onMouseEnter: () => {
+										setActiveIndex(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);
+					})]
+				})
+			});
+		});
+		/** Codex 风格的 DSH 侧栏，只替换导航外观，项目浏览和设置仍由 DSH 官方组件提供。 */
+		function CodexSidebar({ collapsed, width, openSession, startSession, toggleSidebar, archiveSession, deleteSession, forkSession, renameSession, openPath, companionSlots, renderSlot, t, useSessions, useWorkspaces }) {
+			const compact = collapsed || width < 80;
+			const [visualCompact, setVisualCompact] = (0, react.useState)(compact);
+			const settingsSeat = (0, react.useRef)(null);
+			const search = (0, react.useRef)(null);
+			const toggleSidebarRef = (0, react.useRef)(toggleSidebar);
+			toggleSidebarRef.current = toggleSidebar;
+			const expandSidebar = (0, react.useCallback)(() => {
+				toggleSidebarRef.current();
+			}, []);
+			const [extensionsOpen, setExtensionsOpen] = (0, react.useState)(true);
+			const [imTab, setImTab] = (0, react.useState)("tasks");
+			const companionTabs = (0, react.useSyncExternalStore)(companionSlots?.subscribe ?? subscribeEmptyCompanionTabs, companionSlots?.getSnapshot ?? getEmptyCompanionTabs, companionSlots?.getSnapshot ?? getEmptyCompanionTabs);
+			const showChannels = companionTabs.channels;
+			const showSchedule = companionTabs.schedule;
+			const showCompanionTabs = showChannels || showSchedule;
+			const selectSection = (label) => {
+				openSettingsSection(settingsSeat.current, label);
+			};
+			const selectPluginSection = () => {
+				openSettingsSection(settingsSeat.current, [t("sidebar.marketplace"), t("sidebar.plugins")]);
+			};
+			const selectExternalSection = (label) => {
+				openSettingsSection(settingsSeat.current, label, () => {
+					selectSection(t("about.nav"));
+				});
+			};
+			(0, react.useEffect)(() => {
+				if (imTab === "channels" && !showChannels) setImTab("tasks");
+				if (imTab === "schedule" && !showSchedule) setImTab("tasks");
+			}, [
+				imTab,
+				showChannels,
+				showSchedule
 			]);
 			(0, react.useEffect)(() => {
 				let startX = 0;
@@ -3277,403 +3492,301 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 					window.removeEventListener("pointercancel", onCancel, true);
 				};
 			}, [toggleSidebar]);
-			if (collapsed || width < 80) 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$3 }),
-					/* @__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)("nav", {
-						className: "dcu-compact-nav",
-						"aria-label": t("sidebar.mainMenu"),
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "dcu-icon",
-								"aria-label": t("sidebar.newTask"),
-								onClick: () => {
-									startSession();
-								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconNewChatOutline16, { 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.jsx)("button", {
-								type: "button",
-								className: "dcu-icon",
-								"aria-label": t("sidebar.experts"),
-								onClick: () => {
-									selectExternalSection(t("sidebar.experts"));
-								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconUserOutline16, { size: 16 })
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "dcu-icon",
-								"aria-label": t("sidebar.skills"),
-								onClick: () => {
-									selectExternalSection(t("sidebar.skills"));
-								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSkillOutline16, { size: 16 })
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "dcu-icon",
-								"aria-label": t("sidebar.plugins"),
-								onClick: () => {
-									selectPluginSection();
-								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPersonalizationOutline16, { size: 16 })
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "dcu-icon",
-								"aria-label": t("sidebar.connectors"),
-								onClick: () => {
-									selectSection(t("sidebar.connectors"));
-								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLinkOutline16, { size: 16 })
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "dcu-icon",
-								"aria-label": t("sidebar.schedule"),
-								onClick: () => {
-									selectExternalSection(t("sidebar.schedule"));
-								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleIcon, {})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "dcu-icon",
-								"aria-label": t("sidebar.assistant"),
-								onClick: () => {
-									selectExternalSection([t("sidebar.imSettings"), "IM助理"]);
-								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImAssistantIcon, {})
-							})
-						]
-					}),
-					/* @__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 })
-						})]
-					}),
-					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);
-							})]
-						})
-					})
-				]
-			});
+			(0, react.useLayoutEffect)(() => {
+				if (compact) {
+					setVisualCompact(true);
+					return;
+				}
+				if (!visualCompact) return;
+				if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true) {
+					setVisualCompact(false);
+					return;
+				}
+				const timer = window.setTimeout(() => {
+					setVisualCompact(false);
+				}, SIDEBAR_COLUMN_TRANSITION_MS);
+				return () => {
+					window.clearTimeout(timer);
+				};
+			}, [compact, visualCompact]);
+			const workspaceSlot = (0, react.useMemo)(() => renderSlot("sidebar.workspaces", {
+				wide: true,
+				expandSidebar
+			}), [expandSidebar, renderSlot]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
-				className: "dcu-root",
+				className: `dcu-root${visualCompact ? " dcu-compact" : ""}`,
 				"aria-label": t("sidebar.label"),
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: stylesheet$3 }),
-					/* @__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"),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dcu-expanded-shell",
 						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")]
+							/* @__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: () => {
+											search.current?.open();
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, { size: 16 })
+									})]
+								})]
 							}),
-							extensionsOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dcu-extension-items",
+							/* @__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: () => {
-											selectExternalSection(t("sidebar.experts"));
+											startSession();
 										},
-										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")]
+										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: () => {
-											selectExternalSection(t("sidebar.skills"));
+											setExtensionsOpen((open) => !open);
 										},
-										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")]
+										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: () => {
+													selectPluginSection();
+												},
+												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",
 										onClick: () => {
-											selectPluginSection();
+											selectExternalSection(t("sidebar.schedule"));
 										},
-										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")]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleIcon, {}) }), t("sidebar.schedule")]
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
 										onClick: () => {
-											selectSection(t("sidebar.connectors"));
+											selectExternalSection([t("sidebar.imSettings"), "IM助理"]);
 										},
-										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")]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImAssistantIcon, {}) }), t("sidebar.assistant")]
 									})
 								]
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								onClick: () => {
-									selectExternalSection(t("sidebar.schedule"));
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleIcon, {}) }), t("sidebar.schedule")]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								onClick: () => {
-									selectExternalSection([t("sidebar.imSettings"), "IM助理"]);
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImAssistantIcon, {}) }), t("sidebar.assistant")]
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: showCompanionTabs ? "dcu-workspaces dcu-workspaces-tabs" : "dcu-workspaces",
+								children: [showCompanionTabs && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dcu-im-tabs",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dcu-im-tab",
+											"data-on": imTab === "tasks",
+											onClick: () => {
+												setImTab("tasks");
+											},
+											children: t("sidebar.tasksTab")
+										}),
+										showChannels && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dcu-im-tab",
+											"data-on": imTab === "channels",
+											onClick: () => {
+												setImTab("channels");
+											},
+											children: t("sidebar.channelsTab")
+										}),
+										showSchedule && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dcu-im-tab",
+											"data-on": imTab === "schedule",
+											onClick: () => {
+												setImTab("schedule");
+											},
+											children: t("sidebar.scheduleTab")
+										})
+									]
+								}), imTab === "channels" && showChannels ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dcu-native-workspaces",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChannelBrowser, {
+										openSession,
+										archiveSession,
+										deleteSession,
+										forkSession,
+										renameSession,
+										useSessions,
+										t
+									})
+								}) : imTab === "schedule" && showSchedule ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dcu-native-workspaces",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleBrowser, {
+										openSession,
+										archiveSession,
+										deleteSession,
+										forkSession,
+										renameSession,
+										useSessions,
+										useWorkspaces,
+										t
+									})
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dcu-native-workspaces",
+									children: workspaceSlot
+								})]
 							})
 						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: showCompanionTabs ? "dcu-workspaces dcu-workspaces-tabs" : "dcu-workspaces",
-						children: [showCompanionTabs && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "dcu-im-tabs",
+						className: "dcu-compact-shell",
+						children: [/* @__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)("nav", {
+							className: "dcu-compact-nav",
+							"aria-label": t("sidebar.mainMenu"),
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
-									className: "dcu-im-tab",
-									"data-on": imTab === "tasks",
+									className: "dcu-icon",
+									"aria-label": t("sidebar.newTask"),
+									onClick: () => {
+										startSession();
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconNewChatOutline16, { size: 16 })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dcu-icon",
+									"aria-label": t("sidebar.search"),
+									onClick: () => {
+										search.current?.open();
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, { size: 16 })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dcu-icon",
+									"aria-label": t("sidebar.experts"),
+									onClick: () => {
+										selectExternalSection(t("sidebar.experts"));
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconUserOutline16, { size: 16 })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dcu-icon",
+									"aria-label": t("sidebar.skills"),
+									onClick: () => {
+										selectExternalSection(t("sidebar.skills"));
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSkillOutline16, { size: 16 })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dcu-icon",
+									"aria-label": t("sidebar.plugins"),
+									onClick: () => {
+										selectPluginSection();
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPersonalizationOutline16, { size: 16 })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dcu-icon",
+									"aria-label": t("sidebar.connectors"),
 									onClick: () => {
-										setImTab("tasks");
+										selectSection(t("sidebar.connectors"));
 									},
-									children: t("sidebar.tasksTab")
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLinkOutline16, { size: 16 })
 								}),
-								showChannels && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
-									className: "dcu-im-tab",
-									"data-on": imTab === "channels",
+									className: "dcu-icon",
+									"aria-label": t("sidebar.schedule"),
 									onClick: () => {
-										setImTab("channels");
+										selectExternalSection(t("sidebar.schedule"));
 									},
-									children: t("sidebar.channelsTab")
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleIcon, {})
 								}),
-								showSchedule && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
-									className: "dcu-im-tab",
-									"data-on": imTab === "schedule",
+									className: "dcu-icon",
+									"aria-label": t("sidebar.assistant"),
 									onClick: () => {
-										setImTab("schedule");
+										selectExternalSection([t("sidebar.imSettings"), "IM助理"]);
 									},
-									children: t("sidebar.scheduleTab")
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImAssistantIcon, {})
 								})
 							]
-						}), imTab === "channels" && showChannels ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dcu-native-workspaces",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChannelBrowser, {
-								openSession,
-								archiveSession,
-								deleteSession,
-								forkSession,
-								renameSession,
-								useSessions,
-								t
-							})
-						}) : imTab === "schedule" && showSchedule ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dcu-native-workspaces",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleBrowser, {
-								openSession,
-								archiveSession,
-								deleteSession,
-								forkSession,
-								renameSession,
-								useSessions,
-								useWorkspaces,
-								t
-							})
-						}) : /* @__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 })
+							children: renderSlot("sidebar.footer.action", { wide: !visualCompact })
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							ref: settingsSeat,
 							className: "dcu-settings-seat",
-							children: renderSlot("sidebar.settings", { wide: true })
+							children: renderSlot("sidebar.settings", { wide: !visualCompact })
 						})]
 					}),
-					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);
-							})]
-						})
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarSearch, {
+						ref: search,
+						settingsSeat,
+						openSession,
+						startSession,
+						t,
+						useSessions,
+						useWorkspaces
 					})
 				]
 			});