@michengai/dsh-codex-ui 1.1.25 → 1.1.27

package/lib/client.js

@@ -2291,7 +2291,7 @@ window.__ModuleLoader__.load({
 		const HEADER_PROJECT_TIP_EVENT = "dcu-header-project-tip";
 		const HEADER_SESSION_MENU_EVENT = "dcu-header-session-menu";
 		const CONVERSATION_HEADER_STYLE = `
-header:has([data-dcu-inline-tabs]){box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;min-height:34px;padding-top:3px;padding-bottom:3px;border-bottom:0}
+header:has([data-dcu-inline-tabs]){box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;min-height:var(--dcu-header-height,34px);padding-top:calc((var(--dcu-header-height,34px) - 28px)/2);padding-bottom:calc((var(--dcu-header-height,34px) - 28px)/2);border-bottom:0}
 header:has([data-dcu-inline-tabs]):after{display:none;content:none}
 header:has([data-dcu-inline-tabs]) [class*="titleRow"],header:has([data-dcu-inline-tabs]) [class*="titleCluster"]{display:contents}
 header:has([data-dcu-inline-tabs]) [class*="crumbs"]{order:1;flex:0 1 auto;min-width:0}
@@ -6458,6 +6458,14 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			if (marked !== null) return marked;
 			for (const node of root.querySelectorAll("div")) if (parseSidebarGrid(node.style.gridTemplateColumns) !== void 0) return node;
 		}
+		/** Settings is portaled to body, so explicitly carry over the expanded width. */
+		function settingsSidebarWidth(root) {
+			const frame = findSidebarFrame(root);
+			const expanded = Number.parseFloat(frame?.style.getPropertyValue("--dcu-sidebar-expanded-width") ?? "");
+			if (Number.isFinite(expanded) && expanded >= 240) return expanded;
+			const width = frame === void 0 ? void 0 : parseSidebarGrid(frame.style.gridTemplateColumns)?.sidebar;
+			return width !== void 0 && width >= 240 ? width : 240;
+		}
 		/** 同步侧栏网格和拖拽柄，保证两者始终使用同一个可见宽度。 */
 		function applySidebarWidth(frame, width) {
 			const tracks = parseSidebarGrid(frame.style.gridTemplateColumns);
@@ -6981,21 +6989,21 @@ body[data-ds-dark-theme] [data-conversation-scroll] [data-trigger-menu]{backgrou
 body[data-we-sidebar-glass] .dcu-root{position:relative;background:transparent}body[data-we-sidebar-glass] .dcu-root::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-color:color-mix(in srgb,var(--we-sidebar-color,#fff) calc(var(--we-sidebar-alpha,.15)*.66*100%),transparent);background-image:linear-gradient(180deg,rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.14)),rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.04)) 38%,rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.01)));-webkit-backdrop-filter:blur(var(--we-sidebar-blur,16px)) saturate(var(--we-sidebar-saturate,1.8)) brightness(var(--we-glass-brightness,1.04)) contrast(1.01);backdrop-filter:blur(var(--we-sidebar-blur,16px)) saturate(var(--we-sidebar-saturate,1.8)) brightness(var(--we-glass-brightness,1.04)) contrast(1.01);box-shadow:inset 0 1px 0 rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.32)),inset 0 -1px 0 rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.08)),inset 0 0 0 .5px rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.06))}body[data-ds-dark-theme][data-we-sidebar-glass] .dcu-root::before{background-color:color-mix(in srgb,var(--we-sidebar-color,#fff) calc(var(--we-sidebar-alpha,.15)*.33*100%),transparent)}body[data-we-appwindow][data-we-sidebar-glass] .dcu-root::before{-webkit-backdrop-filter:none;backdrop-filter:none}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body[data-we-sidebar-glass] .dcu-root{background:#eef7f5}body[data-ds-dark-theme][data-we-sidebar-glass] .dcu-root{background:#1d2120}body[data-we-sidebar-glass] .dcu-root::before{display:none}}
 body[data-we-sidebar-glass] .dcu-expanded-shell,body[data-we-sidebar-glass] .dcu-compact-shell,body[data-we-sidebar-glass] .dcu-foot{position:relative}
 .dcu-expanded-shell{display:flex;width:100%;min-height:0;flex:1 1 0;overflow:hidden;flex-direction:column;transform-origin:left center;transition:opacity 500ms cubic-bezier(.16,1,.3,1),transform 500ms cubic-bezier(.16,1,.3,1);animation:dcu-sidebar-expanded-in 500ms cubic-bezier(.16,1,.3,1)}.dcu-compact-shell{display:none;width:56px}.dcu-root.dcu-collapsing .dcu-expanded-shell{opacity:0;transform:translateX(-6px);pointer-events: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 140ms ease-out}@keyframes dcu-sidebar-expanded-in{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}@keyframes dcu-sidebar-compact-in{from{opacity:0;transform:translateX(-4px)}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-root *{box-sizing:border-box}.dcu-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;flex:none;height:var(--dcu-header-height,34px);padding:calc((var(--dcu-header-height,34px) - 28px)/2) 8px calc((var(--dcu-header-height,34px) - 28px)/2) 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-extensions-group{display:grid}.dcu-extension-leading{position:relative;display:block;width:16px;height:16px}.dcu-extension-leading svg{position:absolute;inset:0;transition:opacity 140ms ease-out,transform 220ms cubic-bezier(.16,1,.3,1)}.dcu-extension-default-icon{opacity:1}.dcu-extension-state-arrow{opacity:0;transform:rotate(0)}.dcu-extensions-group:hover .dcu-extension-default-icon,.dcu-extensions-toggle:focus-visible .dcu-extension-default-icon{opacity:0}.dcu-extensions-group:hover .dcu-extension-state-arrow,.dcu-extensions-toggle:focus-visible .dcu-extension-state-arrow{opacity:1}.dcu-extensions-toggle[aria-expanded=true] .dcu-extension-state-arrow{transform:rotate(90deg)}.dcu-extension-panel{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows 220ms cubic-bezier(.16,1,.3,1),opacity 160ms ease-out}.dcu-extension-panel[data-open=false]{grid-template-rows:0fr;opacity:0;pointer-events:none}.dcu-extension-panel-inner{position:relative;min-height:0;overflow:hidden}.dcu-extension-items{position:relative;display:grid;gap:1px;margin:1px 0 4px 28px}.dcu-extension-items::before{content:"";position:absolute;left:-16px;top:0;bottom:4px;width:1px;background:var(--dcu-sidebar-border)}.dcu-extension-items button{grid-template-columns:minmax(0,1fr);min-height:32px;color:var(--dcu-sidebar-secondary);font-size:13px;font-weight:400}.dcu-extension-items .dcu-menu-icon{display:none}
-.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(--dsw-font-family);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-schedule-browser{display:flex;min-height:0;flex:1;flex-direction:column}.dcu-native-workspaces .dcu-schedule-views{display:flex!important;flex:none;min-height:30px;margin:0 8px 8px;padding:2px;border:1px solid var(--dcu-sidebar-border);border-radius:8px;background:rgba(255,255,255,.025)}.dcu-schedule-views button{appearance:none;flex:1;min-width:0;height:24px;border:0;border-radius:6px;background:transparent;color:var(--dcu-sidebar-secondary);font:600 12px/18px var(--dsw-font-family);cursor:pointer}.dcu-schedule-views button[aria-selected=true]{background:var(--dcu-sidebar-hover);color:var(--dcu-sidebar-primary);box-shadow:inset 0 0 0 1px var(--dcu-sidebar-border)}.dcu-schedule-pane{display:flex;min-height:0;flex:1}.dcu-schedule-pane>*{min-width:0;flex:1}.dcu-schedule-pane>[data-slot="sidebar.schedule"]{display:flex!important;width:100%;min-width:0;flex:1}.dcu-schedule-pane>[data-slot="sidebar.schedule"]>.dsh-st-rail{width:100%;min-width:0;padding-right:8px;scrollbar-gutter:auto}.dcu-schedule-pane .dsh-st-overview{padding-right:8px}.dcu-foot{display:grid;width:100%;gap:4px;padding:8px 6px 12px;border-top:1px solid var(--dcu-sidebar-border);transition:opacity 500ms cubic-bezier(.16,1,.3,1),transform 500ms cubic-bezier(.16,1,.3,1)}.dcu-root.dcu-collapsing>.dcu-foot{opacity:0;transform:translateX(-4px);pointer-events:none}.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(--dsw-font-family);font-weight:400}.dcu-compact{width:100%;align-items:flex-start;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;margin-left:10px;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(--dsw-font-family);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-schedule-browser{display:flex;min-height:0;flex:1;flex-direction:column}.dcu-native-workspaces .dcu-schedule-views{display:flex!important;flex:none;min-height:30px;margin:0 8px 8px;padding:2px;border:1px solid var(--dcu-sidebar-border);border-radius:8px;background:rgba(255,255,255,.025)}.dcu-schedule-views button{appearance:none;flex:1;min-width:0;height:24px;border:0;border-radius:6px;background:transparent;color:var(--dcu-sidebar-secondary);font:600 12px/18px var(--dsw-font-family);cursor:pointer}.dcu-schedule-views button[aria-selected=true]{background:var(--dcu-sidebar-hover);color:var(--dcu-sidebar-primary);box-shadow:inset 0 0 0 1px var(--dcu-sidebar-border)}.dcu-schedule-pane{display:flex;min-height:0;flex:1}.dcu-schedule-pane>*{min-width:0;flex:1}.dcu-schedule-pane>[data-slot="sidebar.schedule"]{display:flex!important;width:100%;min-width:0;flex:1}.dcu-schedule-pane>[data-slot="sidebar.schedule"]>.dsh-st-rail{width:100%;min-width:0;padding-right:8px;scrollbar-gutter:auto}.dcu-schedule-pane .dsh-st-overview{padding-right:8px}.dcu-foot{display:grid;width:100%;gap:4px;padding:8px 6px 12px;border-top:1px solid var(--dcu-sidebar-border);transition:opacity 500ms cubic-bezier(.16,1,.3,1),transform 500ms cubic-bezier(.16,1,.3,1)}.dcu-root.dcu-collapsing>.dcu-foot{opacity:0;transform:translateX(-4px);pointer-events:none}.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(--dsw-font-family);font-weight:400}.dcu-compact{width:100%;align-items:flex-start;overflow:hidden;padding:calc((var(--dcu-header-height,34px) - 28px)/2) 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;margin-left:10px;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-settings-seat [data-slot="settings.trigger"]{color:var(--dcu-sidebar-navigation)}
 .dcu-settings-seat [data-slot="settings.trigger"]>svg{color:var(--dcu-sidebar-icon)}
 /* 宿主列负责缩放，宽态内容保持展开宽度，避免中文竖排与工作区逐帧重排。 */
 .dcu-expanded-shell,.dcu-root:not(.dcu-compact)>.dcu-foot{width:var(--dcu-sidebar-expanded-width,240px);flex-shrink:0}
 /* 对齐 Codex 的半秒布局节奏；显式声明避免依赖宿主主题的动画 token。 */
 .dcu-root{position:relative}
-.dcu-root.dcu-collapsing .dcu-compact-shell{position:absolute;left:0;top:10px;bottom:8px;display:flex;flex-direction:column;align-items:center;animation:dcu-sidebar-compact-in 500ms cubic-bezier(.16,1,.3,1)}
-.dcu-root.dcu-collapsing .dcu-compact-shell .dcu-icon{width:36px;height:36px;flex:none}
+.dcu-root.dcu-collapsing .dcu-compact-shell{position:absolute;left:0;top:calc((var(--dcu-header-height,34px) - 28px)/2);bottom:8px;display:flex;flex-direction:column;align-items:center;animation:dcu-sidebar-compact-in 500ms cubic-bezier(.16,1,.3,1)}
+.dcu-root.dcu-collapsing .dcu-compact-shell .dcu-icon{width:36px;height:36px;flex:none}.dcu-root .dcu-compact-shell>.dcu-icon,.dcu-root.dcu-collapsing .dcu-compact-shell>.dcu-icon{width:28px;height:28px;flex:none;margin:0;padding:0;border-radius:50%}
 /* 收尾仅移除宽态层，窄轨不重复淡入，否则会在半秒处闪烁。 */
 .dcu-root.dcu-compact .dcu-compact-shell{animation:none}
 [data-dcu-codex-sidebar-initialized]{transition:grid-template-columns 500ms cubic-bezier(.16,1,.3,1)}
@@ -7021,8 +7029,11 @@ body[data-ds-dark-theme] [data-conversation-scroll]{--dcu-composer-bg:var(--dsw-
 [data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div>div{gap:4px}
 [data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div>div>div{gap:4px}
 [data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div :is(button,select):not([role]){min-height:28px;height:28px}
-[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div button[class$=_primary]{width:28px;transform:none;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-base)}
-[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div button[class$=_primary]:hover:not(:disabled){background:var(--dsw-alias-label-secondary)}
+/* 保留 Codex 黑白发送键；使用独立主题颜色，避免壁纸的透明表面令牌影响 currentColor 箭头。 */
+[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div button[class$=_primary]{width:28px;transform:none;background:#0f1115;color:#fff}
+[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div button[class$=_primary]:hover:not(:disabled){background:#40434a}
+body[data-ds-dark-theme] [data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div button[class$=_primary]{background:#fff;color:#0f1115}
+body[data-ds-dark-theme] [data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div button[class$=_primary]:hover:not(:disabled){background:#d5d7dc}
 [data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div :is(button,select):focus-visible{outline:2px solid var(--dsw-alias-label-secondary);outline-offset:2px}
 @supports(corner-shape:superellipse(1.5)){[data-conversation-scroll] [data-composer-card]{border-radius:25px;corner-shape:superellipse(1.5)}}
 @media(max-width:639px){[data-conversation-scroll]{--dcu-composer-shadow:0 0 0 1px #0000000a,0 2px 8px #0000000a,0 4px 40px 8px #00000006}}
@@ -7876,638 +7887,6 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 		}
 		CodexSidebar.displayName = "michengai-codex-ui";
 		//#endregion
-		//#region src/dependencies.ts
-		const MANAGED_DEPENDENCIES = [
-			{
-				id: "ui",
-				packageName: "@michengai/dsh-codex-ui"
-			},
-			{
-				id: "experts",
-				packageName: "@michengai/dsh-agency-agents"
-			},
-			{
-				id: "skills",
-				packageName: "@michengai/dsh-skills-manager"
-			},
-			{
-				id: "archive",
-				packageName: "@michengai/dsh-archive-manager"
-			},
-			{
-				id: "im",
-				packageName: "@michengai/dsh-im-connect"
-			},
-			{
-				id: "schedule",
-				packageName: "@michengai/dsh-automation"
-			},
-			{
-				id: "btw",
-				packageName: "@michengai/dsh-btw"
-			},
-			{
-				id: "simplify",
-				packageName: "@michengai/dsh-simplify"
-			},
-			{
-				id: "pua",
-				packageName: "@michengai/dsh-pua"
-			},
-			{
-				id: "review",
-				packageName: "@michengai/dsh-code-review"
-			},
-			{
-				id: "pet",
-				packageName: "@michengai/dsh-codex-pet"
-			},
-			{
-				id: "market",
-				packageName: "dshmarket"
-			}
-		];
-		//#endregion
-		//#region src/client/AboutSection.tsx
-		const PROJECT_HOMEPAGES = Object.fromEntries(MANAGED_DEPENDENCIES.map(({ id, packageName }) => [id, id === "market" ? "https://dshmarket.com" : `https://github.com/MichengAI/${packageName.split("/")[1]}`]));
-		const PROGRESS_PHASES = /* @__PURE__ */ new Set([
-			"resolving",
-			"downloading",
-			"linking",
-			"building"
-		]);
-		const endpoint = CODEX_UI_API_ENDPOINTS.dependencies;
-		const stylesheet$2 = `
-.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-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.dcu-about-dependencies-heading h3{margin:0}.dcu-about-dependencies-heading+.dcu-about-intro{margin-bottom:14px}.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;line-height:20px;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;justify-content:center;gap:5px;min-height:32px;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:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.dcu-about-install:disabled{cursor:wait;opacity:.65}.dcu-about-update-all{min-width:92px}.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)}.dcu-about-progress{display:grid;grid-template-columns:auto 1fr auto;gap:8px 10px;align-items:center;margin-top:10px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:9px 10px}.dcu-about-progress code{min-width:0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcu-about-progress-pct{color:var(--dsw-alias-label-tertiary);font-size:12px;font-variant-numeric:tabular-nums}.dcu-about-progress-bar{grid-column:1/-1;height:4px;overflow:hidden;border-radius:99px;background:var(--dsw-alias-border-l2)}.dcu-about-progress-fill{height:100%;background:var(--dsw-alias-state-business-primary);transition:width .2s ease}.dcu-about-progress-fill[data-wave=true]{width:28%;animation:dcu-about-progress-wave 1.2s ease-in-out infinite}@keyframes dcu-about-progress-wave{0%{transform:translateX(-60%)}100%{transform:translateX(280%)}}
-.dcu-about-title-row{display:flex;align-items:center;gap:8px;min-width:0}.dcu-about-links{display:flex;align-items:center;gap:4px}.dcu-about-external-link{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 8px;color:var(--dsw-alias-label-secondary);background:transparent;border:1px solid var(--dsw-alias-border-l2);border-radius:7px;font-size:12px;font-weight:500;line-height:18px;text-decoration:none;white-space:nowrap}.dcu-about-external-link:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dcu-about-external-link:focus-visible{outline:2px solid var(--dsw-alias-state-success-primary);outline-offset:2px}.dcu-about-external-link svg{flex:none}@media(max-width:720px){.dcu-about-title-row{flex-wrap:wrap}}
-.dcu-about-version{margin-left:8px;color:var(--dsw-alias-label-tertiary);font-family:inherit;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0;white-space:nowrap;vertical-align:baseline}
-.dcu-about-project-link{color:inherit;text-decoration:none}.dcu-about-project-link:hover{text-decoration:underline;text-underline-offset:3px}.dcu-about-project-link:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px;border-radius:2px}
-.dcu-about-name-row{display:flex;align-items:center;gap:10px;min-width:0}.dcu-about-name-row .dcu-about-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcu-about-downloads{display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--dsw-alias-label-secondary);font-size:11px;line-height:20px;font-weight:400;font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap}.dcu-about-downloads svg{flex:none;opacity:.75}.dcu-about-downloads:hover{color:var(--dsw-alias-label-primary)}.dcu-about-downloads:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:3px;border-radius:2px}@media(max-width:480px){.dcu-about-dependency{flex-wrap:wrap;gap:8px}.dcu-about-copy{flex-basis:100%}}
-`;
-		/** 宿主图标库不提供 GitHub 品牌标识，内联后可离线使用并继承当前文字颜色。 */
-		function GithubMark16() {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				viewBox: "0 0 16 16",
-				width: 16,
-				height: 16,
-				"aria-hidden": "true",
-				focusable: "false",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					fill: "currentColor",
-					d: "M8 0a8 8 0 0 0-2.53 15.59c.4.074.547-.173.547-.385 0-.19-.007-.693-.01-1.36-2.226.484-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.726-.496.055-.486.055-.486.803.056 1.225.824 1.225.824.714 1.223 1.872.87 2.328.665.072-.517.28-.87.508-1.07-1.777-.202-3.645-.888-3.645-3.956 0-.874.31-1.588.823-2.148-.083-.202-.357-1.017.078-2.12 0 0 .672-.215 2.2.82A7.65 7.65 0 0 1 8 4.8c.68.003 1.365.092 2.004.27 1.527-1.035 2.197-.82 2.197-.82.437 1.103.162 1.918.08 2.12.513.56.822 1.274.822 2.148 0 3.076-1.872 3.752-3.654 3.95.288.248.544.735.544 1.482 0 1.07-.01 1.932-.01 2.195 0 .214.144.463.55.384A8.001 8.001 0 0 0 8 0Z"
-				})
-			});
-		}
-		function isDependencyStatus(value) {
-			if (value === null || typeof value !== "object") return false;
-			const status = value;
-			return MANAGED_DEPENDENCIES.some((dependency) => dependency.id === status.id) && typeof status.packageName === "string" && typeof status.installed === "boolean" && typeof status.updateAvailable === "boolean";
-		}
-		function isInstallProgress(value) {
-			if (value === null || typeof value !== "object") return false;
-			const progress = value;
-			const phase = progress.phase;
-			const total = progress.total;
-			const percent = progress.percent;
-			const currentPackage = progress.currentPackage;
-			return typeof progress.active === "boolean" && typeof progress.target === "string" && typeof progress.seconds === "number" && Number.isInteger(progress.seconds) && progress.seconds >= 0 && typeof progress.lastLine === "string" && (phase === null || typeof phase === "string" && PROGRESS_PHASES.has(phase)) && typeof progress.done === "number" && Number.isInteger(progress.done) && progress.done >= 0 && (total === null || typeof total === "number" && Number.isInteger(total) && total >= 0) && (percent === null || typeof percent === "number" && Number.isFinite(percent) && percent >= 0 && percent <= 100) && (currentPackage === null || typeof currentPackage === "string");
-		}
-		function progressLabel(progress, t) {
-			if (progress.phase !== null) {
-				const current = progress.currentPackage === null || progress.currentPackage === "" ? "" : ` · ${progress.currentPackage}`;
-				const done = progress.done > 0 ? ` · ${t("about.packagesDone").replace("{0}", String(progress.done))}` : "";
-				return `${t(`about.progress.${progress.phase}`)}${current}${done}`;
-			}
-			if (progress.lastLine !== "") return `${progress.lastLine}  (${progress.seconds}s)`;
-			return t("about.progressHint");
-		}
-		/** 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 [progress, setProgress] = (0, react.useState)();
-			const [message, setMessage] = (0, react.useState)();
-			const [refreshFailed, setRefreshFailed] = (0, react.useState)(false);
-			const [loadFailure, setLoadFailure] = (0, react.useState)();
-			const alive = (0, react.useRef)(true);
-			const root = (0, react.useRef)(null);
-			const stateRef = (0, react.useRef)("loading");
-			const requestId = (0, react.useRef)(0);
-			const installingRef = (0, react.useRef)();
-			stateRef.current = state;
-			(0, react.useEffect)(() => {
-				alive.current = true;
-				return () => {
-					alive.current = false;
-				};
-			}, []);
-			const load = (0, react.useCallback)(async (signal) => {
-				const currentRequest = ++requestId.current;
-				if (stateRef.current !== "ready") setState("loading");
-				try {
-					const response = await fetch(endpoint, {
-						cache: "no-store",
-						signal
-					});
-					if (!response.ok) throw new BusinessRequestError(response.status);
-					const payload = await response.json();
-					if (signal?.aborted || currentRequest !== requestId.current) return;
-					if (!Array.isArray(payload.dependencies) || !payload.dependencies.every(isDependencyStatus)) throw new Error();
-					setDependencies(payload.dependencies);
-					setState("ready");
-					setRefreshFailed(false);
-					setLoadFailure(void 0);
-				} catch (error) {
-					if (signal?.aborted || error instanceof DOMException && error.name === "AbortError" || currentRequest !== requestId.current) return;
-					setLoadFailure(error);
-					if (stateRef.current === "ready") setRefreshFailed(true);
-					else setState("failed");
-				}
-			}, []);
-			(0, react.useEffect)(() => {
-				const node = root.current;
-				const controller = new AbortController();
-				const refresh = () => {
-					load(controller.signal);
-				};
-				refresh();
-				if (node === null || typeof IntersectionObserver === "undefined") return () => {
-					controller.abort();
-				};
-				let initialized = false;
-				let wasVisible = false;
-				const observer = new IntersectionObserver((entries) => {
-					const visible = entries.some((entry) => entry.isIntersecting);
-					if (!initialized) {
-						initialized = true;
-						wasVisible = visible;
-						return;
-					}
-					if (visible && !wasVisible) refresh();
-					wasVisible = visible;
-				}, { threshold: .2 });
-				observer.observe(node);
-				return () => {
-					controller.abort();
-					observer.disconnect();
-				};
-			}, [load]);
-			(0, react.useEffect)(() => {
-				if (installing === void 0) {
-					setProgress(void 0);
-					return;
-				}
-				let cancelled = false;
-				const pull = async () => {
-					try {
-						const response = await fetch(`${endpoint}?action=progress`, { cache: "no-store" });
-						const payload = await response.json();
-						if (cancelled || !response.ok || !isInstallProgress(payload.progress)) return;
-						setProgress(payload.progress);
-					} catch {
-						if (!cancelled) return;
-					}
-				};
-				pull();
-				const timer = window.setInterval(() => {
-					pull();
-				}, 800);
-				return () => {
-					cancelled = true;
-					window.clearInterval(timer);
-				};
-			}, [installing]);
-			const install = async (id) => {
-				if (installingRef.current !== void 0) return;
-				installingRef.current = id;
-				setInstalling(id);
-				setMessage(void 0);
-				try {
-					const response = await fetch(`${endpoint}?dependency=${encodeURIComponent(id)}`, { method: "POST" });
-					if ([
-						401,
-						403,
-						503
-					].includes(response.status)) throw new BusinessRequestError(response.status);
-					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"));
-					if (!alive.current) return;
-					setDependencies(payload.dependencies);
-					setState("ready");
-					setRefreshFailed(false);
-					setMessage({
-						error: false,
-						text: payload.autoReload === false ? t("about.restartManually") : t("about.restartRequired")
-					});
-				} catch (error) {
-					if (!alive.current) return;
-					setMessage({
-						error: true,
-						text: installErrorText(error, t)
-					});
-				} finally {
-					installingRef.current = void 0;
-					if (alive.current) setInstalling(void 0);
-				}
-			};
-			const updateAll = async () => {
-				if (installingRef.current !== void 0) return;
-				installingRef.current = "all";
-				setInstalling("all");
-				setMessage(void 0);
-				try {
-					const response = await fetch(`${endpoint}?action=update-all`, { method: "POST" });
-					if ([
-						401,
-						403,
-						503
-					].includes(response.status)) throw new BusinessRequestError(response.status);
-					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"));
-					if (!alive.current) return;
-					setDependencies(payload.dependencies);
-					setState("ready");
-					setRefreshFailed(false);
-					setMessage({
-						error: false,
-						text: payload.restartRequired === false ? t("about.upToDate") : payload.autoReload === false ? t("about.restartManually") : t("about.restartRequired")
-					});
-				} catch (error) {
-					if (!alive.current) return;
-					setMessage({
-						error: true,
-						text: installErrorText(error, t)
-					});
-				} finally {
-					installingRef.current = void 0;
-					if (alive.current) setInstalling(void 0);
-				}
-			};
-			const actionableCount = dependencies.filter((dependency) => !dependency.installed || dependency.updateAvailable).length;
-			const selfVersion = dependencies.find((dependency) => dependency.id === "ui")?.version;
-			const title = (id) => t(`about.dependency.${id}`);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				ref: root,
-				className: "dcu-about",
-				"aria-label": t("about.nav"),
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: stylesheet$2 }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dcu-about-title-row",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", { children: [t("about.title"), selfVersion === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "dcu-about-version",
-							children: ["v", selfVersion]
-						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "dcu-about-links",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-								className: "dcu-about-external-link",
-								href: "https://github.com/MichengAI/dsh-codex-ui",
-								target: "_blank",
-								rel: "noreferrer",
-								"aria-label": t("about.viewProject"),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GithubMark16, {}), t("about.viewProject")]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-								className: "dcu-about-external-link",
-								href: "https://github.com/MichengAI/dsh-codex-ui/issues",
-								target: "_blank",
-								rel: "noreferrer",
-								"aria-label": t("about.feedback"),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconListPenOutlineMedium, {}), t("about.feedback")]
-							})]
-						})]
-					}),
-					/* @__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.jsxs)("div", {
-						className: "dcu-about-dependencies-heading",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("about.dependencies") }), state === "ready" && actionableCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							className: "dcu-about-install dcu-about-update-all",
-							type: "button",
-							"aria-busy": installing === "all",
-							disabled: installing !== void 0,
-							onClick: () => {
-								updateAll();
-							},
-							children: [installing === "all" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconLoadingOutlineMedium, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownloadOutlineMedium, { size: 14 }), installing === "all" ? t("about.updatingAll") : t("about.updateAll")]
-						})]
-					}),
-					/* @__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",
-						role: "status",
-						children: t("about.loading")
-					}) : state === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "dcu-about-message",
-						"data-error": "true",
-						role: "alert",
-						children: t(businessRequestErrorKey(loadFailure) ?? "about.statusFailed")
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "dcu-about-dependencies",
-						"aria-busy": installing !== void 0,
-						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.jsxs)("div", {
-										className: "dcu-about-name-row",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-											className: "dcu-about-name dcu-about-project-link",
-											href: PROJECT_HOMEPAGES[dependency.id],
-											target: "_blank",
-											rel: "noreferrer",
-											children: title(dependency.id)
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-											className: "dcu-about-downloads",
-											href: `https://www.npmjs.com/package/${dependency.packageName}`,
-											target: "_blank",
-											rel: "noreferrer",
-											title: t("about.downloadsSource"),
-											"aria-label": `${dependency.packageName} · ${t("about.totalDownloads")} · ${typeof dependency.totalDownloads === "number" && Number.isSafeInteger(dependency.totalDownloads) && dependency.totalDownloads >= 0 ? dependency.totalDownloads.toLocaleString() : t("about.downloadsUnavailable")}`,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownloadOutlineMedium, {
-												size: 12,
-												"aria-hidden": "true"
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dcu-about-downloads-count",
-												children: typeof dependency.totalDownloads === "number" && Number.isSafeInteger(dependency.totalDownloads) && dependency.totalDownloads >= 0 ? dependency.totalDownloads.toLocaleString() : "—"
-											})]
-										})]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dcu-about-package",
-										title: dependency.packageName,
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-												className: "dcu-about-project-link",
-												href: PROJECT_HOMEPAGES[dependency.id],
-												target: "_blank",
-												rel: "noreferrer",
-												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)(IconCheckOutlineMedium, { 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 !== void 0,
-									onClick: () => {
-										install(dependency.id);
-									},
-									children: [installing === dependency.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconLoadingOutlineMedium, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownloadOutlineMedium, { size: 14 }), installing === dependency.id ? t("about.installing") : dependency.updateAvailable ? t("about.update") : t("about.install")]
-								})
-							]
-						}, dependency.id))
-					}),
-					installing !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dcu-about-progress",
-						role: "status",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconLoadingOutlineMedium, { size: 14 }) }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: progress === void 0 ? t("about.progressHint") : progressLabel(progress, t) }),
-							progress?.percent !== null && progress?.percent !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "dcu-about-progress-pct",
-								children: [progress.percent, "%"]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dcu-about-progress-bar",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dcu-about-progress-fill",
-									"data-wave": progress?.percent === null || progress?.percent === void 0,
-									style: progress?.percent === null || progress?.percent === void 0 ? void 0 : { width: `${progress.percent}%` }
-								})
-							})
-						]
-					}),
-					refreshFailed && state === "ready" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "dcu-about-message",
-						"data-error": "true",
-						role: "status",
-						children: t(businessRequestErrorKey(loadFailure) ?? "about.refreshFailed")
-					}),
-					message !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "dcu-about-message",
-						"data-error": message.error,
-						role: message.error ? "alert" : "status",
-						children: message.text
-					})
-				]
-			});
-		}
-		//#endregion
-		//#region src/client/ConnectorsSection.tsx
-		const MCP_CONNECTOR_UI = "/mcp-connector/ui/";
-		const PROMPT_REQUEST_TYPE = "mcp-connector:start-session";
-		const PROMPT_RESULT_TYPE = "mcp-connector:start-session-result";
-		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-frame{display:block;width:100%;height:clamp(420px,calc(100vh - 160px),700px);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-base);color-scheme:light dark}.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}
-`;
-		const frameLightTheme = `:root{color-scheme:light;--bg:#fff;--card:#fafafa;--line:#e5e5e5;--text:#303030;--text-2:#737373;--muted:#767676;--accent:#303030;--accent-hover:#171717;--accent-light:#e9e9e9;--dcu-action:#303030;--dcu-action-hover:#171717;--dcu-on-action:#fff;--ok:#059669;--ok-bg:#ecfdf5;--warn:#d97706;--warn-bg:#fffbeb;--bad:#dc2626;--bad-bg:#fef2f2;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow-lg:0 10px 25px rgba(0,0,0,.1)}`;
-		const frameDarkTheme = `:root{color-scheme:dark;--bg:#181818;--card:#232323;--line:#333;--text:#dedede;--text-2:#a1a1a1;--muted:#929292;--accent:#dedede;--accent-hover:#fff;--accent-light:#303332;--dcu-action:#383838;--dcu-action-hover:#454545;--dcu-on-action:#eee;--ok:#34d399;--ok-bg:#0d3027;--warn:#fbbf24;--warn-bg:#35280b;--bad:#f87171;--bad-bg:#3b171b;--shadow:0 1px 3px rgba(0,0,0,.35);--shadow-lg:0 16px 35px rgba(0,0,0,.45)}`;
-		const frameSurfaceTheme = `
-.card.featured{border-color:var(--line)}
-.card:hover,.card.featured:hover{border-color:var(--muted)}
-.btn:not(.ghost):not(.danger):not(.status-warning):not(.status-bad),.icon-btn.primary,.btn-primary,.prompt-item .send-btn{background:var(--dcu-action);border-color:var(--dcu-action);color:var(--dcu-on-action)}
-.btn:not(.ghost):not(.danger):not(.status-warning):not(.status-bad):hover,.icon-btn.primary:hover,.btn-primary:hover,.prompt-item .send-btn:hover{background:var(--dcu-action-hover);border-color:var(--dcu-action-hover)}
-`;
-		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");
-		}
-		function isPromptRequest(value) {
-			if (value === null || typeof value !== "object") return false;
-			const item = value;
-			return item.type === PROMPT_REQUEST_TYPE && typeof item.requestId === "string" && item.requestId !== "" && typeof item.prompt === "string" && item.prompt.trim() !== "";
-		}
-		function syncFrameTheme(frame) {
-			const doc = frame?.contentDocument;
-			if (doc === null || doc === void 0) return;
-			let style = doc.head.querySelector("style[data-michengai-host-theme]");
-			if (style === null) {
-				style = doc.createElement("style");
-				style.dataset.michengaiHostTheme = "true";
-				doc.head.append(style);
-			}
-			style.textContent = (document.body.hasAttribute("data-ds-dark-theme") ? frameDarkTheme : frameLightTheme) + frameSurfaceTheme;
-		}
-		function ConnectorMarket({ startPromptSession, t }) {
-			const frameRef = (0, react.useRef)(null);
-			(0, react.useEffect)(() => {
-				const onMessage = (event) => {
-					const frameWindow = frameRef.current?.contentWindow;
-					if (event.origin !== window.location.origin || frameWindow === null || frameWindow === void 0 || event.source !== frameWindow) return;
-					if (!isPromptRequest(event.data)) return;
-					const { requestId, prompt } = event.data;
-					const reply = (ok, message) => {
-						frameWindow.postMessage({
-							type: PROMPT_RESULT_TYPE,
-							requestId,
-							ok,
-							message
-						}, window.location.origin);
-					};
-					startPromptSession(prompt).then(() => {
-						reply(true, t("connectors.promptReady"));
-					}, (error) => {
-						reply(false, userErrorText(error, t));
-					});
-				};
-				const syncTheme = () => {
-					syncFrameTheme(frameRef.current);
-				};
-				const observer = new MutationObserver(syncTheme);
-				observer.observe(document.body, {
-					attributes: true,
-					attributeFilter: ["data-ds-dark-theme"]
-				});
-				window.addEventListener("message", onMessage);
-				return () => {
-					observer.disconnect();
-					window.removeEventListener("message", onMessage);
-				};
-			}, [startPromptSession, t]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("iframe", {
-				ref: frameRef,
-				className: "dcu-connector-frame",
-				src: MCP_CONNECTOR_UI,
-				title: t("connectors.title"),
-				onLoad: () => {
-					syncFrameTheme(frameRef.current);
-				}
-			});
-		}
-		function NativeConnectorList({ sessionStore, t }) {
-			const sessionId = (0, react.useSyncExternalStore)(sessionStore.subscribe, () => currentSessionId(sessionStore.getSnapshot()));
-			const [connectors, setConnectors] = (0, react.useState)([]);
-			const [state, setState] = (0, react.useState)("loading");
-			const [failure, setFailure] = (0, react.useState)();
-			(0, react.useEffect)(() => {
-				if (sessionId === void 0) {
-					setConnectors([]);
-					setState("ready");
-					return;
-				}
-				const controller = new AbortController();
-				setState("loading");
-				fetch(`${CODEX_UI_API_ENDPOINTS.connectors}?sessionId=${encodeURIComponent(sessionId)}`, { signal: controller.signal }).then(async (response) => {
-					if (!response.ok) throw new BusinessRequestError(response.status);
-					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((error) => {
-					if (!controller.signal.aborted) {
-						setFailure(error);
-						setState("failed");
-					}
-				});
-				return () => {
-					controller.abort();
-				};
-			}, [sessionId]);
-			if (sessionId === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "dcu-connector-empty",
-				children: t("connectors.openSession")
-			});
-			if (state === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "dcu-connector-empty",
-				children: t("connectors.loading")
-			});
-			if (state === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "dcu-connector-empty",
-				role: "alert",
-				children: t(businessRequestErrorKey(failure) ?? "connectors.failed")
-			});
-			return /* @__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)(IconLinkOutlineMedium, { 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")
-				})]
-			});
-		}
-		/** 安装 dsh-mcp-connector 时显示完整市场，否则回退到当前会话的 MCP 工具目录。 */
-		function ConnectorsSection({ sessionStore, startPromptSession, t }) {
-			const [marketAvailable, setMarketAvailable] = (0, react.useState)();
-			(0, react.useEffect)(() => {
-				const controller = new AbortController();
-				fetch(MCP_CONNECTOR_UI, {
-					method: "GET",
-					cache: "no-store",
-					signal: controller.signal
-				}).then((response) => {
-					response.body?.cancel().catch(() => {});
-					if (!controller.signal.aborted) setMarketAvailable(response.ok);
-				}).catch(() => {
-					if (!controller.signal.aborted) setMarketAvailable(false);
-				});
-				return () => {
-					controller.abort();
-				};
-			}, []);
-			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 }), marketAvailable === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "dcu-connector-empty",
-					children: t("connectors.loading")
-				}) : marketAvailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectorMarket, {
-					startPromptSession,
-					t
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("connectors.title") }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("connectors.description") }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NativeConnectorList, {
-						sessionStore,
-						t
-					})
-				] })]
-			});
-		}
-		//#endregion
 		//#region src/client/locales.ts
 		/** 本插件独占的界面文案命名空间。 */
 		const NS = "michengai.codexUi";
@@ -9079,6 +8458,688 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"sessionTitle.type.research": "Research",
 			"meta.locale": "en-US"
 		};
+		//#endregion
+		//#region src/client/SidebarExpandControl.tsx
+		const SIDEBAR_EXPAND_STYLE = `
+.dcu-shell-expand{appearance:none;border:0;background:transparent;color:var(--dsw-alias-label-secondary);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:50%;cursor:pointer;-webkit-app-region:no-drag}
+.dcu-shell-expand svg{display:block;width:16px;height:16px}
+.dcu-shell-expand:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.dcu-shell-expand:focus-visible{outline:2px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}
+.dcu-shell-expand-windows{display:none;position:fixed;left:12px;top:calc((var(--dsh-windows-titlebar-height,40px) - 28px) / 2);z-index:30}
+html[data-windows-titlebar] [data-sidebar-collapsed] [data-shell-overlay] .dcu-shell-expand-windows{display:inline-flex}
+html[data-windows-titlebar]:has([data-sidebar-collapsed] .dcu-shell-expand-windows){--dsh-windows-menu-start:48px}
+html[data-windows-titlebar][data-fullscreen] .dcu-shell-expand-windows{top:3px}
+html[data-windows-titlebar][data-fullscreen] [data-sidebar-collapsed]{--dsh-frame-leading-clearance:60px}
+html[data-windows-titlebar][data-fullscreen] [data-sidebar-collapsed] header:has([data-dcu-inline-tabs]){padding-inline-start:60px}
+`;
+		/** The host mounts shell.leading only for a collapsed macOS sidebar. Windows
+		* uses shell.overlay so the caption button survives the zero-width column. */
+		function SidebarExpandControl({ toggleSidebar, t, windows = false }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: SIDEBAR_EXPAND_STYLE }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `dcu-shell-expand${windows ? " dcu-shell-expand-windows" : ""}`,
+				"aria-label": t("sidebar.expand"),
+				onClick: toggleSidebar,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconPanelLeftOutlineMedium, { size: 16 })
+			})] });
+		}
+		function registerSidebarExpandControls(ctx) {
+			ctx.slots.inject("shell.leading", () => ctx.slots.register({
+				name: "shell.leading",
+				registrant: "michengai-codex-ui",
+				locale: NS,
+				inject: () => ({
+					toggleSidebar: () => {
+						ctx.layout.toggleSidebar();
+					},
+					windows: false
+				})
+			}, SidebarExpandControl));
+			ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+				name: "shell.overlay",
+				id: "michengai-codex-ui-sidebar-expand",
+				registrant: "michengai-codex-ui",
+				locale: NS,
+				inject: () => ({
+					toggleSidebar: () => {
+						ctx.layout.toggleSidebar();
+					},
+					windows: true
+				})
+			}, SidebarExpandControl));
+		}
+		//#endregion
+		//#region src/dependencies.ts
+		const MANAGED_DEPENDENCIES = [
+			{
+				id: "ui",
+				packageName: "@michengai/dsh-codex-ui"
+			},
+			{
+				id: "experts",
+				packageName: "@michengai/dsh-agency-agents"
+			},
+			{
+				id: "skills",
+				packageName: "@michengai/dsh-skills-manager"
+			},
+			{
+				id: "archive",
+				packageName: "@michengai/dsh-archive-manager"
+			},
+			{
+				id: "im",
+				packageName: "@michengai/dsh-im-connect"
+			},
+			{
+				id: "schedule",
+				packageName: "@michengai/dsh-automation"
+			},
+			{
+				id: "btw",
+				packageName: "@michengai/dsh-btw"
+			},
+			{
+				id: "simplify",
+				packageName: "@michengai/dsh-simplify"
+			},
+			{
+				id: "pua",
+				packageName: "@michengai/dsh-pua"
+			},
+			{
+				id: "review",
+				packageName: "@michengai/dsh-code-review"
+			},
+			{
+				id: "pet",
+				packageName: "@michengai/dsh-codex-pet"
+			},
+			{
+				id: "market",
+				packageName: "dshmarket"
+			}
+		];
+		//#endregion
+		//#region src/client/AboutSection.tsx
+		const PROJECT_HOMEPAGES = Object.fromEntries(MANAGED_DEPENDENCIES.map(({ id, packageName }) => [id, id === "market" ? "https://dshmarket.com" : `https://github.com/MichengAI/${packageName.split("/")[1]}`]));
+		const PROGRESS_PHASES = /* @__PURE__ */ new Set([
+			"resolving",
+			"downloading",
+			"linking",
+			"building"
+		]);
+		const endpoint = CODEX_UI_API_ENDPOINTS.dependencies;
+		const stylesheet$2 = `
+.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-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.dcu-about-dependencies-heading h3{margin:0}.dcu-about-dependencies-heading+.dcu-about-intro{margin-bottom:14px}.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;line-height:20px;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;justify-content:center;gap:5px;min-height:32px;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:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.dcu-about-install:disabled{cursor:wait;opacity:.65}.dcu-about-update-all{min-width:92px}.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)}.dcu-about-progress{display:grid;grid-template-columns:auto 1fr auto;gap:8px 10px;align-items:center;margin-top:10px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:9px 10px}.dcu-about-progress code{min-width:0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcu-about-progress-pct{color:var(--dsw-alias-label-tertiary);font-size:12px;font-variant-numeric:tabular-nums}.dcu-about-progress-bar{grid-column:1/-1;height:4px;overflow:hidden;border-radius:99px;background:var(--dsw-alias-border-l2)}.dcu-about-progress-fill{height:100%;background:var(--dsw-alias-state-business-primary);transition:width .2s ease}.dcu-about-progress-fill[data-wave=true]{width:28%;animation:dcu-about-progress-wave 1.2s ease-in-out infinite}@keyframes dcu-about-progress-wave{0%{transform:translateX(-60%)}100%{transform:translateX(280%)}}
+.dcu-about-title-row{display:flex;align-items:center;gap:8px;min-width:0}.dcu-about-links{display:flex;align-items:center;gap:4px}.dcu-about-external-link{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 8px;color:var(--dsw-alias-label-secondary);background:transparent;border:1px solid var(--dsw-alias-border-l2);border-radius:7px;font-size:12px;font-weight:500;line-height:18px;text-decoration:none;white-space:nowrap}.dcu-about-external-link:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dcu-about-external-link:focus-visible{outline:2px solid var(--dsw-alias-state-success-primary);outline-offset:2px}.dcu-about-external-link svg{flex:none}@media(max-width:720px){.dcu-about-title-row{flex-wrap:wrap}}
+.dcu-about-version{margin-left:8px;color:var(--dsw-alias-label-tertiary);font-family:inherit;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0;white-space:nowrap;vertical-align:baseline}
+.dcu-about-project-link{color:inherit;text-decoration:none}.dcu-about-project-link:hover{text-decoration:underline;text-underline-offset:3px}.dcu-about-project-link:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px;border-radius:2px}
+.dcu-about-name-row{display:flex;align-items:center;gap:10px;min-width:0}.dcu-about-name-row .dcu-about-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcu-about-downloads{display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--dsw-alias-label-secondary);font-size:11px;line-height:20px;font-weight:400;font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap}.dcu-about-downloads svg{flex:none;opacity:.75}.dcu-about-downloads:hover{color:var(--dsw-alias-label-primary)}.dcu-about-downloads:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:3px;border-radius:2px}@media(max-width:480px){.dcu-about-dependency{flex-wrap:wrap;gap:8px}.dcu-about-copy{flex-basis:100%}}
+`;
+		/** 宿主图标库不提供 GitHub 品牌标识，内联后可离线使用并继承当前文字颜色。 */
+		function GithubMark16() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 16 16",
+				width: 16,
+				height: 16,
+				"aria-hidden": "true",
+				focusable: "false",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					fill: "currentColor",
+					d: "M8 0a8 8 0 0 0-2.53 15.59c.4.074.547-.173.547-.385 0-.19-.007-.693-.01-1.36-2.226.484-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.726-.496.055-.486.055-.486.803.056 1.225.824 1.225.824.714 1.223 1.872.87 2.328.665.072-.517.28-.87.508-1.07-1.777-.202-3.645-.888-3.645-3.956 0-.874.31-1.588.823-2.148-.083-.202-.357-1.017.078-2.12 0 0 .672-.215 2.2.82A7.65 7.65 0 0 1 8 4.8c.68.003 1.365.092 2.004.27 1.527-1.035 2.197-.82 2.197-.82.437 1.103.162 1.918.08 2.12.513.56.822 1.274.822 2.148 0 3.076-1.872 3.752-3.654 3.95.288.248.544.735.544 1.482 0 1.07-.01 1.932-.01 2.195 0 .214.144.463.55.384A8.001 8.001 0 0 0 8 0Z"
+				})
+			});
+		}
+		function isDependencyStatus(value) {
+			if (value === null || typeof value !== "object") return false;
+			const status = value;
+			return MANAGED_DEPENDENCIES.some((dependency) => dependency.id === status.id) && typeof status.packageName === "string" && typeof status.installed === "boolean" && typeof status.updateAvailable === "boolean";
+		}
+		function isInstallProgress(value) {
+			if (value === null || typeof value !== "object") return false;
+			const progress = value;
+			const phase = progress.phase;
+			const total = progress.total;
+			const percent = progress.percent;
+			const currentPackage = progress.currentPackage;
+			return typeof progress.active === "boolean" && typeof progress.target === "string" && typeof progress.seconds === "number" && Number.isInteger(progress.seconds) && progress.seconds >= 0 && typeof progress.lastLine === "string" && (phase === null || typeof phase === "string" && PROGRESS_PHASES.has(phase)) && typeof progress.done === "number" && Number.isInteger(progress.done) && progress.done >= 0 && (total === null || typeof total === "number" && Number.isInteger(total) && total >= 0) && (percent === null || typeof percent === "number" && Number.isFinite(percent) && percent >= 0 && percent <= 100) && (currentPackage === null || typeof currentPackage === "string");
+		}
+		function progressLabel(progress, t) {
+			if (progress.phase !== null) {
+				const current = progress.currentPackage === null || progress.currentPackage === "" ? "" : ` · ${progress.currentPackage}`;
+				const done = progress.done > 0 ? ` · ${t("about.packagesDone").replace("{0}", String(progress.done))}` : "";
+				return `${t(`about.progress.${progress.phase}`)}${current}${done}`;
+			}
+			if (progress.lastLine !== "") return `${progress.lastLine}  (${progress.seconds}s)`;
+			return t("about.progressHint");
+		}
+		/** 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 [progress, setProgress] = (0, react.useState)();
+			const [message, setMessage] = (0, react.useState)();
+			const [refreshFailed, setRefreshFailed] = (0, react.useState)(false);
+			const [loadFailure, setLoadFailure] = (0, react.useState)();
+			const alive = (0, react.useRef)(true);
+			const root = (0, react.useRef)(null);
+			const stateRef = (0, react.useRef)("loading");
+			const requestId = (0, react.useRef)(0);
+			const installingRef = (0, react.useRef)();
+			stateRef.current = state;
+			(0, react.useEffect)(() => {
+				alive.current = true;
+				return () => {
+					alive.current = false;
+				};
+			}, []);
+			const load = (0, react.useCallback)(async (signal) => {
+				const currentRequest = ++requestId.current;
+				if (stateRef.current !== "ready") setState("loading");
+				try {
+					const response = await fetch(endpoint, {
+						cache: "no-store",
+						signal
+					});
+					if (!response.ok) throw new BusinessRequestError(response.status);
+					const payload = await response.json();
+					if (signal?.aborted || currentRequest !== requestId.current) return;
+					if (!Array.isArray(payload.dependencies) || !payload.dependencies.every(isDependencyStatus)) throw new Error();
+					setDependencies(payload.dependencies);
+					setState("ready");
+					setRefreshFailed(false);
+					setLoadFailure(void 0);
+				} catch (error) {
+					if (signal?.aborted || error instanceof DOMException && error.name === "AbortError" || currentRequest !== requestId.current) return;
+					setLoadFailure(error);
+					if (stateRef.current === "ready") setRefreshFailed(true);
+					else setState("failed");
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				const node = root.current;
+				const controller = new AbortController();
+				const refresh = () => {
+					load(controller.signal);
+				};
+				refresh();
+				if (node === null || typeof IntersectionObserver === "undefined") return () => {
+					controller.abort();
+				};
+				let initialized = false;
+				let wasVisible = false;
+				const observer = new IntersectionObserver((entries) => {
+					const visible = entries.some((entry) => entry.isIntersecting);
+					if (!initialized) {
+						initialized = true;
+						wasVisible = visible;
+						return;
+					}
+					if (visible && !wasVisible) refresh();
+					wasVisible = visible;
+				}, { threshold: .2 });
+				observer.observe(node);
+				return () => {
+					controller.abort();
+					observer.disconnect();
+				};
+			}, [load]);
+			(0, react.useEffect)(() => {
+				if (installing === void 0) {
+					setProgress(void 0);
+					return;
+				}
+				let cancelled = false;
+				const pull = async () => {
+					try {
+						const response = await fetch(`${endpoint}?action=progress`, { cache: "no-store" });
+						const payload = await response.json();
+						if (cancelled || !response.ok || !isInstallProgress(payload.progress)) return;
+						setProgress(payload.progress);
+					} catch {
+						if (!cancelled) return;
+					}
+				};
+				pull();
+				const timer = window.setInterval(() => {
+					pull();
+				}, 800);
+				return () => {
+					cancelled = true;
+					window.clearInterval(timer);
+				};
+			}, [installing]);
+			const install = async (id) => {
+				if (installingRef.current !== void 0) return;
+				installingRef.current = id;
+				setInstalling(id);
+				setMessage(void 0);
+				try {
+					const response = await fetch(`${endpoint}?dependency=${encodeURIComponent(id)}`, { method: "POST" });
+					if ([
+						401,
+						403,
+						503
+					].includes(response.status)) throw new BusinessRequestError(response.status);
+					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"));
+					if (!alive.current) return;
+					setDependencies(payload.dependencies);
+					setState("ready");
+					setRefreshFailed(false);
+					setMessage({
+						error: false,
+						text: payload.autoReload === false ? t("about.restartManually") : t("about.restartRequired")
+					});
+				} catch (error) {
+					if (!alive.current) return;
+					setMessage({
+						error: true,
+						text: installErrorText(error, t)
+					});
+				} finally {
+					installingRef.current = void 0;
+					if (alive.current) setInstalling(void 0);
+				}
+			};
+			const updateAll = async () => {
+				if (installingRef.current !== void 0) return;
+				installingRef.current = "all";
+				setInstalling("all");
+				setMessage(void 0);
+				try {
+					const response = await fetch(`${endpoint}?action=update-all`, { method: "POST" });
+					if ([
+						401,
+						403,
+						503
+					].includes(response.status)) throw new BusinessRequestError(response.status);
+					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"));
+					if (!alive.current) return;
+					setDependencies(payload.dependencies);
+					setState("ready");
+					setRefreshFailed(false);
+					setMessage({
+						error: false,
+						text: payload.restartRequired === false ? t("about.upToDate") : payload.autoReload === false ? t("about.restartManually") : t("about.restartRequired")
+					});
+				} catch (error) {
+					if (!alive.current) return;
+					setMessage({
+						error: true,
+						text: installErrorText(error, t)
+					});
+				} finally {
+					installingRef.current = void 0;
+					if (alive.current) setInstalling(void 0);
+				}
+			};
+			const actionableCount = dependencies.filter((dependency) => !dependency.installed || dependency.updateAvailable).length;
+			const selfVersion = dependencies.find((dependency) => dependency.id === "ui")?.version;
+			const title = (id) => t(`about.dependency.${id}`);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				ref: root,
+				className: "dcu-about",
+				"aria-label": t("about.nav"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: stylesheet$2 }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dcu-about-title-row",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", { children: [t("about.title"), selfVersion === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "dcu-about-version",
+							children: ["v", selfVersion]
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dcu-about-links",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+								className: "dcu-about-external-link",
+								href: "https://github.com/MichengAI/dsh-codex-ui",
+								target: "_blank",
+								rel: "noreferrer",
+								"aria-label": t("about.viewProject"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GithubMark16, {}), t("about.viewProject")]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+								className: "dcu-about-external-link",
+								href: "https://github.com/MichengAI/dsh-codex-ui/issues",
+								target: "_blank",
+								rel: "noreferrer",
+								"aria-label": t("about.feedback"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconListPenOutlineMedium, {}), t("about.feedback")]
+							})]
+						})]
+					}),
+					/* @__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.jsxs)("div", {
+						className: "dcu-about-dependencies-heading",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("about.dependencies") }), state === "ready" && actionableCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							className: "dcu-about-install dcu-about-update-all",
+							type: "button",
+							"aria-busy": installing === "all",
+							disabled: installing !== void 0,
+							onClick: () => {
+								updateAll();
+							},
+							children: [installing === "all" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconLoadingOutlineMedium, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownloadOutlineMedium, { size: 14 }), installing === "all" ? t("about.updatingAll") : t("about.updateAll")]
+						})]
+					}),
+					/* @__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",
+						role: "status",
+						children: t("about.loading")
+					}) : state === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-about-message",
+						"data-error": "true",
+						role: "alert",
+						children: t(businessRequestErrorKey(loadFailure) ?? "about.statusFailed")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-about-dependencies",
+						"aria-busy": installing !== void 0,
+						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.jsxs)("div", {
+										className: "dcu-about-name-row",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+											className: "dcu-about-name dcu-about-project-link",
+											href: PROJECT_HOMEPAGES[dependency.id],
+											target: "_blank",
+											rel: "noreferrer",
+											children: title(dependency.id)
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+											className: "dcu-about-downloads",
+											href: `https://www.npmjs.com/package/${dependency.packageName}`,
+											target: "_blank",
+											rel: "noreferrer",
+											title: t("about.downloadsSource"),
+											"aria-label": `${dependency.packageName} · ${t("about.totalDownloads")} · ${typeof dependency.totalDownloads === "number" && Number.isSafeInteger(dependency.totalDownloads) && dependency.totalDownloads >= 0 ? dependency.totalDownloads.toLocaleString() : t("about.downloadsUnavailable")}`,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownloadOutlineMedium, {
+												size: 12,
+												"aria-hidden": "true"
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dcu-about-downloads-count",
+												children: typeof dependency.totalDownloads === "number" && Number.isSafeInteger(dependency.totalDownloads) && dependency.totalDownloads >= 0 ? dependency.totalDownloads.toLocaleString() : "—"
+											})]
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dcu-about-package",
+										title: dependency.packageName,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+												className: "dcu-about-project-link",
+												href: PROJECT_HOMEPAGES[dependency.id],
+												target: "_blank",
+												rel: "noreferrer",
+												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)(IconCheckOutlineMedium, { 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 !== void 0,
+									onClick: () => {
+										install(dependency.id);
+									},
+									children: [installing === dependency.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconLoadingOutlineMedium, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownloadOutlineMedium, { size: 14 }), installing === dependency.id ? t("about.installing") : dependency.updateAvailable ? t("about.update") : t("about.install")]
+								})
+							]
+						}, dependency.id))
+					}),
+					installing !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dcu-about-progress",
+						role: "status",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconLoadingOutlineMedium, { size: 14 }) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: progress === void 0 ? t("about.progressHint") : progressLabel(progress, t) }),
+							progress?.percent !== null && progress?.percent !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "dcu-about-progress-pct",
+								children: [progress.percent, "%"]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dcu-about-progress-bar",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dcu-about-progress-fill",
+									"data-wave": progress?.percent === null || progress?.percent === void 0,
+									style: progress?.percent === null || progress?.percent === void 0 ? void 0 : { width: `${progress.percent}%` }
+								})
+							})
+						]
+					}),
+					refreshFailed && state === "ready" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-about-message",
+						"data-error": "true",
+						role: "status",
+						children: t(businessRequestErrorKey(loadFailure) ?? "about.refreshFailed")
+					}),
+					message !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-about-message",
+						"data-error": message.error,
+						role: message.error ? "alert" : "status",
+						children: message.text
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/ConnectorsSection.tsx
+		const MCP_CONNECTOR_UI = "/mcp-connector/ui/";
+		const PROMPT_REQUEST_TYPE = "mcp-connector:start-session";
+		const PROMPT_RESULT_TYPE = "mcp-connector:start-session-result";
+		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-frame{display:block;width:100%;height:clamp(420px,calc(100vh - 160px),700px);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-base);color-scheme:light dark}.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}
+`;
+		const frameLightTheme = `:root{color-scheme:light;--bg:#fff;--card:#fafafa;--line:#e5e5e5;--text:#303030;--text-2:#737373;--muted:#767676;--accent:#303030;--accent-hover:#171717;--accent-light:#e9e9e9;--dcu-action:#303030;--dcu-action-hover:#171717;--dcu-on-action:#fff;--ok:#059669;--ok-bg:#ecfdf5;--warn:#d97706;--warn-bg:#fffbeb;--bad:#dc2626;--bad-bg:#fef2f2;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow-lg:0 10px 25px rgba(0,0,0,.1)}`;
+		const frameDarkTheme = `:root{color-scheme:dark;--bg:#181818;--card:#232323;--line:#333;--text:#dedede;--text-2:#a1a1a1;--muted:#929292;--accent:#dedede;--accent-hover:#fff;--accent-light:#303332;--dcu-action:#383838;--dcu-action-hover:#454545;--dcu-on-action:#eee;--ok:#34d399;--ok-bg:#0d3027;--warn:#fbbf24;--warn-bg:#35280b;--bad:#f87171;--bad-bg:#3b171b;--shadow:0 1px 3px rgba(0,0,0,.35);--shadow-lg:0 16px 35px rgba(0,0,0,.45)}`;
+		const frameSurfaceTheme = `
+.card.featured{border-color:var(--line)}
+.card:hover,.card.featured:hover{border-color:var(--muted)}
+.btn:not(.ghost):not(.danger):not(.status-warning):not(.status-bad),.icon-btn.primary,.btn-primary,.prompt-item .send-btn{background:var(--dcu-action);border-color:var(--dcu-action);color:var(--dcu-on-action)}
+.btn:not(.ghost):not(.danger):not(.status-warning):not(.status-bad):hover,.icon-btn.primary:hover,.btn-primary:hover,.prompt-item .send-btn:hover{background:var(--dcu-action-hover);border-color:var(--dcu-action-hover)}
+`;
+		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");
+		}
+		function isPromptRequest(value) {
+			if (value === null || typeof value !== "object") return false;
+			const item = value;
+			return item.type === PROMPT_REQUEST_TYPE && typeof item.requestId === "string" && item.requestId !== "" && typeof item.prompt === "string" && item.prompt.trim() !== "";
+		}
+		function syncFrameTheme(frame) {
+			const doc = frame?.contentDocument;
+			if (doc === null || doc === void 0) return;
+			let style = doc.head.querySelector("style[data-michengai-host-theme]");
+			if (style === null) {
+				style = doc.createElement("style");
+				style.dataset.michengaiHostTheme = "true";
+				doc.head.append(style);
+			}
+			style.textContent = (document.body.hasAttribute("data-ds-dark-theme") ? frameDarkTheme : frameLightTheme) + frameSurfaceTheme;
+		}
+		function ConnectorMarket({ startPromptSession, t }) {
+			const frameRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const onMessage = (event) => {
+					const frameWindow = frameRef.current?.contentWindow;
+					if (event.origin !== window.location.origin || frameWindow === null || frameWindow === void 0 || event.source !== frameWindow) return;
+					if (!isPromptRequest(event.data)) return;
+					const { requestId, prompt } = event.data;
+					const reply = (ok, message) => {
+						frameWindow.postMessage({
+							type: PROMPT_RESULT_TYPE,
+							requestId,
+							ok,
+							message
+						}, window.location.origin);
+					};
+					startPromptSession(prompt).then(() => {
+						reply(true, t("connectors.promptReady"));
+					}, (error) => {
+						reply(false, userErrorText(error, t));
+					});
+				};
+				const syncTheme = () => {
+					syncFrameTheme(frameRef.current);
+				};
+				const observer = new MutationObserver(syncTheme);
+				observer.observe(document.body, {
+					attributes: true,
+					attributeFilter: ["data-ds-dark-theme"]
+				});
+				window.addEventListener("message", onMessage);
+				return () => {
+					observer.disconnect();
+					window.removeEventListener("message", onMessage);
+				};
+			}, [startPromptSession, t]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("iframe", {
+				ref: frameRef,
+				className: "dcu-connector-frame",
+				src: MCP_CONNECTOR_UI,
+				title: t("connectors.title"),
+				onLoad: () => {
+					syncFrameTheme(frameRef.current);
+				}
+			});
+		}
+		function NativeConnectorList({ sessionStore, t }) {
+			const sessionId = (0, react.useSyncExternalStore)(sessionStore.subscribe, () => currentSessionId(sessionStore.getSnapshot()));
+			const [connectors, setConnectors] = (0, react.useState)([]);
+			const [state, setState] = (0, react.useState)("loading");
+			const [failure, setFailure] = (0, react.useState)();
+			(0, react.useEffect)(() => {
+				if (sessionId === void 0) {
+					setConnectors([]);
+					setState("ready");
+					return;
+				}
+				const controller = new AbortController();
+				setState("loading");
+				fetch(`${CODEX_UI_API_ENDPOINTS.connectors}?sessionId=${encodeURIComponent(sessionId)}`, { signal: controller.signal }).then(async (response) => {
+					if (!response.ok) throw new BusinessRequestError(response.status);
+					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((error) => {
+					if (!controller.signal.aborted) {
+						setFailure(error);
+						setState("failed");
+					}
+				});
+				return () => {
+					controller.abort();
+				};
+			}, [sessionId]);
+			if (sessionId === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dcu-connector-empty",
+				children: t("connectors.openSession")
+			});
+			if (state === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dcu-connector-empty",
+				children: t("connectors.loading")
+			});
+			if (state === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dcu-connector-empty",
+				role: "alert",
+				children: t(businessRequestErrorKey(failure) ?? "connectors.failed")
+			});
+			return /* @__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)(IconLinkOutlineMedium, { 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")
+				})]
+			});
+		}
+		/** 安装 dsh-mcp-connector 时显示完整市场，否则回退到当前会话的 MCP 工具目录。 */
+		function ConnectorsSection({ sessionStore, startPromptSession, t }) {
+			const [marketAvailable, setMarketAvailable] = (0, react.useState)();
+			(0, react.useEffect)(() => {
+				const controller = new AbortController();
+				fetch(MCP_CONNECTOR_UI, {
+					method: "GET",
+					cache: "no-store",
+					signal: controller.signal
+				}).then((response) => {
+					response.body?.cancel().catch(() => {});
+					if (!controller.signal.aborted) setMarketAvailable(response.ok);
+				}).catch(() => {
+					if (!controller.signal.aborted) setMarketAvailable(false);
+				});
+				return () => {
+					controller.abort();
+				};
+			}, []);
+			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 }), marketAvailable === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dcu-connector-empty",
+					children: t("connectors.loading")
+				}) : marketAvailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectorMarket, {
+					startPromptSession,
+					t
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("connectors.title") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("connectors.description") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NativeConnectorList, {
+						sessionStore,
+						t
+					})
+				] })]
+			});
+		}
 		const HIDDEN_FOOTER_ACTION_IDS = /* @__PURE__ */ new Set(["context-overview"]);
 		function visibleFooterActions(slots) {
 			return slots.entriesOfSlot("sidebar.footer.action").flatMap(({ options }) => {
@@ -9429,7 +9490,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 		//#region src/client/settings-page-styles.ts
 		/** Codex 设置页的局部 tokens 与布局，不覆盖宿主其他弹窗。 */
 		const settingsPageStyles = `
-.dcu-settings-page{--sp-bg:#fff;--sp-nav:var(--dcu-sidebar-background,#eef7f5);--sp-card:#fafafa;--sp-border:#e5e5e5;--sp-text:#303030;--sp-muted:#737373;--sp-hover:#e9e9e9;--sp-active:#e4e4e4;position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:clamp(240px,var(--dcu-sidebar-expanded-width,275px),min(520px,calc(100vw - 320px))) minmax(0,1fr);background:var(--sp-bg);color:var(--sp-text);font:14px/1.5 var(--dsw-font-family);text-align:left;isolation:isolate}
+.dcu-settings-page{--sp-bg:#fff;--sp-nav:var(--dcu-sidebar-background,#eef7f5);--sp-card:#fafafa;--sp-border:#e5e5e5;--sp-text:#303030;--sp-muted:#737373;--sp-hover:#e9e9e9;--sp-active:#e4e4e4;position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:clamp(240px,var(--dcu-sidebar-expanded-width,240px),min(520px,calc(100vw - 320px))) minmax(0,1fr);background:var(--sp-bg);color:var(--sp-text);font:14px/1.5 var(--dsw-font-family);text-align:left;isolation:isolate}
 body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:var(--dcu-sidebar-background,#1d2120);--sp-card:#232323;--sp-border:#333;--sp-text:#dedede;--sp-muted:#a1a1a1;--sp-hover:#292c2b;--sp-active:#303332;color-scheme:dark}
 .dcu-settings-page *{box-sizing:border-box}
 .dcu-settings-page button,.dcu-settings-page input{font:inherit}
@@ -9629,6 +9690,9 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 			(0, react.useEffect)(() => () => {
 				exitAnimation.current?.cancel();
 			}, []);
+			(0, react.useLayoutEffect)(() => {
+				if (open && page.current !== null) page.current.style.setProperty("--dcu-sidebar-expanded-width", `${settingsSidebarWidth(document)}px`);
+			}, [open]);
 			(0, react.useEffect)(() => {
 				if (!onboardingActive) setCompleted(/* @__PURE__ */ new Set());
 			}, [onboardingActive]);
@@ -10824,6 +10888,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 			const companionSlots = createCompanionTabSource(ctx.slots);
 			const globalPanels = createGlobalPanelSource(ctx.slots, ctx.locale);
 			const footerActions = createFooterActionSource(ctx.slots);
+			registerSidebarExpandControls(ctx);
 			ctx.slots.inject("sidebar", () => ctx.slots.register({
 				name: "sidebar",
 				registrant: "michengai-codex-ui",