minecodex 1.0.3 → 1.0.5

package/features/hide-upsell-banner/README.md

@@ -9,6 +9,7 @@ Toolbar 入口，由 `CodexRuntimeHost` 在渲染进程内注入一段脚本。
 功能范围：
 
 - 仅隐藏横幅的 GUI 显示（`aside` 卡片，`display: none`）；
+- 只以 `aside` 和中英文额度耗尽标题识别，不依赖易变的卡片 class、升级、购买 Credit 或使用重置文案；
 - 不拦截、不篡改额度查询接口（`account/rateLimits/read` 与 app-server
   JSON-RPC 流量保持原样）；
 - 横幅重新渲染时由 `MutationObserver` 持续处理，不会闪烁后残留；
@@ -23,5 +24,5 @@ npm test
 ## 适配说明
 
 这是非官方 CDP / DOM Adapter 的功能声明。Codex 私有 DOM 的适配实现统一留在
-`CodexRuntimeHost`；本功能只声明横幅的识别规则（卡片类名 + 文案特征）与
+`CodexRuntimeHost`；本功能只声明横幅的识别规则（`aside` + 耗尽标题）与
 隐藏动作。

package/features/hide-upsell-banner/src/hide-upsell-banner.mjs

@@ -13,16 +13,15 @@ function isUpsellBanner(element) {
   if (!(element instanceof window.HTMLElement)) return false;
   const text = (element.innerText ?? "").trim();
   if (!text) return false;
-  const isCard = element.classList.contains("rounded-2xl")
-    && element.classList.contains("border")
-    && (element.classList.contains("bg-token-main-surface-primary")
-      || element.classList.contains("bg-surface"));
-  if (!isCard) return false;
-  const titleMatch = /out of Codex and Work usage/i.test(text)
-    || /out of Codex messages/i.test(text)
-    || /Codex message usage limit reached/i.test(text);
-  const actionMatch = /Upgrade to Pro|Add Credits/i.test(text);
-  return titleMatch && actionMatch;
+  const title = (
+    element.querySelector("h1, h2, h3, [role='heading']")?.innerText
+    ?? text.split("\n", 1)[0]
+  ).trim();
+  return /out of Codex(?: and Work)? usage/i.test(title)
+    || /out of Codex messages/i.test(title)
+    || /Codex (?:message )?usage limit reached/i.test(title)
+    || /Codex.*(?:用量|使用量|使用额度|额度|消息).*(?:用完|用尽|耗尽|已达|达到.*上限|上限)/i.test(title)
+    || /(?:已达到|达到|已用完|已用尽|耗尽).{0,20}Codex.{0,20}(?:用量|使用量|额度|消息|上限)/i.test(title);
 }
 
 function hideBanner(element) {

package/features/images/README.md

@@ -79,6 +79,7 @@ HTTP + Images UI
 - 支持 Codex 的明亮 / 暗黑主题，并监听根节点 theme class 与 style 变化。
 - 用户修改 accent、ink 或 surface 后，新的 resolved tokens 会同步到 iframe，不需要重新读取或猜测内部配置文件位置。
 - 侧边栏 Images 入口克隆原生 Plugins 控件的布局与状态，再替换为 Codex 图标体系中的独立 Image 图标；iframe 内不导入 Codex 私有 React 模块或 hashed CSS bundle，以免 Codex 更新后直接失效。
+- 原生左侧栏隐藏时，Images 标题左侧显示同源图标入口；点击由 RuntimeHost 转发给原生侧栏开关，恢复后入口自动隐藏。
 
 取证、token Interface 和代码复用边界见 [`docs/CODEX_DESIGN_LANGUAGE.md`](docs/CODEX_DESIGN_LANGUAGE.md)。
 

package/features/images/codex-feature.json

@@ -16,7 +16,7 @@
   "pageScript": {
     "resource": "src/chatgpt-image-source-page.mjs"
   },
-  "hostActions": ["import-generated-image", "create-image-edit-thread"],
+  "hostActions": ["import-generated-image", "create-image-edit-thread", "open-sidebar"],
   "placement": {
     "after": "sites",
     "order": 10

package/features/images/web/app.js

@@ -1,4 +1,6 @@
 const shell = document.querySelector(".library-shell");
+const libraryHeader = document.querySelector(".library-header");
+const sidebarOpenButton = document.querySelector(".sidebar-open-button");
 const scrollArea = document.querySelector(".library-scroll");
 const grid = document.querySelector(".image-grid");
 const pageSentinel = document.querySelector(".page-sentinel");
@@ -141,9 +143,26 @@ function announce(message) {
   });
 }
 
+function applySidebarState(payload) {
+  const available = Boolean(payload?.available);
+  const open = Boolean(payload?.open);
+  const label = typeof payload?.label === "string" && payload.label.trim()
+    ? payload.label.trim()
+    : "Show sidebar";
+  const visible = available && !open;
+  const leading = Number(payload?.leading);
+  sidebarOpenButton.hidden = !visible;
+  sidebarOpenButton.setAttribute("aria-label", label);
+  sidebarOpenButton.title = label;
+  libraryHeader.style.paddingLeft = visible && Number.isFinite(leading)
+    ? `${Math.max(8, leading)}px`
+    : "";
+}
+
 window.addEventListener("message", (event) => {
   if (event.source !== window.parent) return;
   if (event.data?.type === "codex-personal:theme") applyHostTheme(event.data);
+  if (event.data?.type === "codex-personal:sidebar-state") applySidebarState(event.data);
   if (["codex-personal:surface-active", "codex-personal:surface-visibility"].includes(event.data?.type)) {
     setHostSurfaceActive(event.data.active ?? event.data.visible);
   }
@@ -974,6 +993,17 @@ densitySlider.addEventListener("input", () => {
 });
 
 groupButton.addEventListener("click", () => toggleThreadGrouping().catch(console.error));
+sidebarOpenButton.addEventListener("click", async () => {
+  sidebarOpenButton.disabled = true;
+  try {
+    await requestHostAction("open-sidebar", {});
+    applySidebarState({ available: true, open: true, label: sidebarOpenButton.title });
+  } catch (error) {
+    announce(error.message);
+  } finally {
+    sidebarOpenButton.disabled = false;
+  }
+});
 
 document.addEventListener("click", (event) => {
   if (!event.target.closest(".source-filter")) closeToolbarPopups();

package/features/images/web/index.html

@@ -11,6 +11,11 @@
       <section class="library-pane">
         <header class="library-header">
           <div class="identity">
+            <button class="icon-button sidebar-open-button" type="button" aria-label="Show sidebar" title="Show sidebar" hidden>
+              <svg class="sidebar-toggle-icon" viewBox="0 0 20 20" aria-hidden="true">
+                <path d="M6.83496 3.99992C6.38353 4.00411 6.01421 4.0122 5.69824 4.03801C5.31232 4.06954 5.03904 4.12266 4.82227 4.20012L4.62207 4.28606C4.18264 4.50996 3.81498 4.85035 3.55859 5.26848L3.45605 5.45207C3.33013 5.69922 3.25006 6.01354 3.20801 6.52824C3.16533 7.05065 3.16504 7.71885 3.16504 8.66301V11.3271C3.16504 12.2712 3.16533 12.9394 3.20801 13.4618C3.25006 13.9766 3.33013 14.2909 3.45605 14.538L3.55859 14.7216C3.81498 15.1397 4.18266 15.4801 4.62207 15.704L4.82227 15.79C5.03904 15.8674 5.31234 15.9205 5.69824 15.9521C6.01398 15.9779 6.383 15.986 6.83398 15.9902L6.83496 3.99992ZM18.165 11.3271C18.165 12.2493 18.1653 12.9811 18.1172 13.5702C18.0745 14.0924 17.9916 14.5472 17.8125 14.9648L17.7295 15.1415C17.394 15.8 16.8834 16.3511 16.2568 16.7353L15.9814 16.8896C15.5157 17.1268 15.0069 17.2285 14.4102 17.2773C13.821 17.3254 13.0893 17.3251 12.167 17.3251H7.83301C6.91071 17.3251 6.17898 17.3254 5.58984 17.2773C5.06757 17.2346 4.61294 17.1508 4.19531 16.9716L4.01855 16.8896C3.36014 16.5541 2.80898 16.0434 2.4248 15.4169L2.27051 15.1415C2.03328 14.6758 1.93158 14.167 1.88281 13.5702C1.83468 12.9811 1.83496 12.2493 1.83496 11.3271V8.66301C1.83496 7.74072 1.83468 7.00898 1.88281 6.41985C1.93157 5.82309 2.03329 5.31432 2.27051 4.84856L2.4248 4.57317C2.80898 3.94666 3.36012 3.436 4.01855 3.10051L4.19531 3.0175C4.61285 2.83843 5.06771 2.75548 5.58984 2.71281C6.17898 2.66468 6.91071 2.66496 7.83301 2.66496H12.167C13.0893 2.66496 13.821 2.66468 14.4102 2.71281C15.0069 2.76157 15.5157 2.86329 15.9814 3.10051L16.2568 3.25481C16.8833 3.63898 17.394 4.19012 17.7295 4.84856L17.8125 5.02531C17.9916 5.44285 18.0745 5.89771 18.1172 6.41985C18.1653 7.00898 18.165 7.74072 18.165 8.66301V11.3271ZM8.16406 15.995H12.167C13.1112 15.995 13.7794 15.9947 14.3018 15.9521C14.8164 15.91 15.1308 15.8299 15.3779 15.704L15.5615 15.6015C15.9797 15.3451 16.32 14.9774 16.5439 14.538L16.6299 14.3378C16.7074 14.121 16.7605 13.8478 16.792 13.4618C16.8347 12.9394 16.835 12.2712 16.835 11.3271V8.66301C16.835 7.71885 16.8347 7.05065 16.792 6.52824C16.7605 6.14232 16.7073 5.86904 16.6299 5.65227L16.5439 5.45207C16.32 5.01264 15.9796 4.64498 15.5615 4.3886L15.3779 4.28606C15.1308 4.16013 14.8165 4.08006 14.3018 4.03801C13.7794 3.99533 13.1112 3.99504 12.167 3.99504H8.16406C8.16407 3.99667 8.16504 3.99829 8.16504 3.99992L8.16406 15.995Z"></path>
+              </svg>
+            </button>
             <h1>Images</h1>
           </div>
           <button class="icon-button rescan-button" type="button" aria-label="Refresh images" title="Refresh images">

package/features/images/web/styles.css

@@ -240,6 +240,15 @@ button { color: inherit; }
   gap: 7px;
 }
 
+.sidebar-open-button { flex: 0 0 auto; }
+.sidebar-open-button[hidden] { display: none; }
+
+.sidebar-toggle-icon {
+  width: 16px;
+  height: 16px;
+  fill: currentColor;
+}
+
 h1,
 h2,
 h3,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minecodex",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Lightweight, local-first plugins for the Codex desktop app.",
   "license": "MIT",
   "type": "module",

package/packages/runtime-host/src/codex-runtime.mjs

@@ -144,6 +144,13 @@ export function createInjectionSource(features, {
       scheduled: ["scheduled", "计划任务"],
       plugins: ["plugins", "插件"],
     };
+    const nativeToolbarLabels = {
+      summary: ["Toggle summary", "切换摘要"],
+      pinnedSummary: ["Toggle pinned summary", "切换固定摘要"],
+      bottomPanel: ["Toggle bottom panel", "切换底部面板"],
+      sidePanel: ["Toggle side panel", "切换侧边面板"],
+      temporaryChat: ["temporary chat", "临时聊天", "临时对话"],
+    };
     const themeTokenNames = [
       "--codex-base-accent",
       "--codex-base-ink",
@@ -170,6 +177,7 @@ export function createInjectionSource(features, {
       "--color-background-elevated-primary-opaque",
       "--color-background-primary-ghost-hover",
       "--color-chart-blue",
+      "--color-chart-purple",
       "--color-background-panel",
       "--color-background-control",
       "--color-background-primary-solid",
@@ -303,6 +311,7 @@ export function createInjectionSource(features, {
     const modelSelectorOriginalItems = new Map();
     const modelSelectorOriginalToggleLabels = new Map();
     const modelSelectorGenericContainers = new Map();
+    const modelSelectorNativeToggleHandlers = new Map();
     const modelSelectorPositionObservers = new Map();
     const modelSelectorMenuSizeFrames = new Map();
     let modelSelectorReturnTimer = null;
@@ -327,9 +336,11 @@ export function createInjectionSource(features, {
       [data-codex-model-slider-menu] { width: 264px !important; min-width: 264px; overflow-x: hidden; }
       [data-codex-model-slider-controller-menu] {
         position: absolute !important;
-        right: 0;
+        left: 50%;
         bottom: 0;
+        transform: translateX(-50%) !important;
         z-index: 10;
+        padding: 6px;
         background-color: var(--color-surface-elevated-secondary);
         -webkit-backdrop-filter: none;
         backdrop-filter: none;
@@ -339,10 +350,10 @@ export function createInjectionSource(features, {
         overflow-y: auto;
       }
       [data-codex-model-slider-trigger] [class*="_ModelPickerTriggerModelLabel_"] {
-        max-width: none; flex-shrink: 0; overflow: visible; text-overflow: clip;
+        min-width: 0; max-width: 110px; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis;
       }
       [data-codex-model-slider-trigger] [class*="_ModelPickerTriggerModelText_"] {
-        overflow: visible; text-overflow: clip;
+        min-width: 0; max-width: 110px; overflow: hidden; text-overflow: ellipsis;
       }
       html[data-codex-model-slider-catalog-ready]
       [data-codex-intelligence-trigger]
@@ -350,11 +361,37 @@ export function createInjectionSource(features, {
         display: none !important;
       }
       [data-codex-model-slider-trigger-label] {
-        display: inline; overflow: visible; text-overflow: clip; white-space: nowrap;
+        display: inline-block; min-width: 0; max-width: 110px;
+        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+      }
+      /* 展示真实模型名/思考强度时：芯片 HUG 内容，长名称不被截断；
+         仅 "Select model / Select effort" 占位态沿用原生宽度。 */
+      [data-codex-model-slider-trigger]:not([data-codex-model-slider-trigger-placeholder]) [data-codex-model-slider-trigger-label] {
+        max-width: none; overflow: visible; text-overflow: clip; flex-shrink: 0;
+      }
+      [data-codex-model-slider-trigger]:not([data-codex-model-slider-trigger-placeholder]) [class*="_ModelPickerTriggerModelLabel_"] {
+        max-width: none; overflow: visible; flex-shrink: 0;
+      }
+      [data-codex-model-slider-trigger]:not([data-codex-model-slider-trigger-placeholder]) [class*="_ModelPickerTriggerContent_"] {
+        max-width: none !important;
+      }
+      [data-codex-model-slider-trigger][data-codex-model-slider-trigger-placeholder] [class*="_ModelPickerTriggerContent_"] {
+        width: 160px; min-width: 160px !important; max-width: 160px;
       }
       [data-codex-model-slider-trigger] [class*="_ModelPickerTriggerEffortLabel_"] {
         display: inline-flex; align-items: center; align-self: center;
       }
+      /* 无 Fast 模式时，模型按钮 wrapper 居中，不再按有 Fast 的左对齐策略排布。 */
+      [data-codex-model-slider-has-fast="false"] [data-codex-model-slider-model-button] {
+        box-sizing: border-box; width: 100%; max-width: 100%; margin-inline: auto;
+        flex: 0 1 100%; justify-content: center;
+      }
+      [data-codex-model-slider-has-fast="false"] [data-codex-model-slider-model-button] > span {
+        width: 100%; min-width: 0;
+      }
+      [data-codex-model-slider-has-fast="false"] > :has(> [data-codex-model-slider-model-button])::before {
+        display: none !important; content: none !important;
+      }
       html[data-codex-model-slider-selecting-effort] [role="menu"][data-state="open"]:not(:has([data-reasoning-slider])) {
         visibility: hidden !important; opacity: 0 !important; animation: none !important; pointer-events: none !important;
       }
@@ -364,6 +401,10 @@ export function createInjectionSource(features, {
       [data-codex-model-slider-copy] { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 1px; }
       [data-codex-model-slider-name] { overflow: hidden; color: var(--color-text-foreground); text-overflow: ellipsis; white-space: nowrap; }
       [data-codex-model-slider-provider] { overflow: hidden; color: var(--color-text-foreground-tertiary); font-size: 11px; line-height: 14px; text-overflow: ellipsis; white-space: nowrap; }
+      [data-codex-model-slider-model-label] {
+        display: -webkit-box; min-width: 0; overflow: hidden; overflow-wrap: anywhere;
+        -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal;
+      }
       [data-codex-model-slider-item] { position: relative; }
       [data-codex-model-slider-item][data-codex-model-slider-selected] { background: var(--color-token-list-hover-background); }
       [data-codex-model-slider-star] {
@@ -380,8 +421,14 @@ export function createInjectionSource(features, {
         content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; z-index: 1;
       }
       [data-codex-model-slider-star] svg { position: relative; z-index: 2; width: 16px; height: 16px; pointer-events: none; }
-      [data-codex-model-slider-divider] { height: 0.5px; margin: 4px 8px; background: var(--color-token-border, var(--color-border)); }
-      [data-codex-model-slider-generic-menu] { overflow-x: hidden; }
+      [data-codex-model-slider-divider] {
+        height: 0; border-top: 1px solid var(--color-token-border, var(--color-border));
+        margin: 6px 8px;
+      }
+      [data-codex-model-slider-generic-menu] {
+        overflow-x: hidden;
+        transform: translateX(var(--codex-model-slider-menu-center-shift, 0px)) !important;
+      }
       [data-codex-model-slider-generic] { box-sizing: border-box; width: 100%; }
       [data-codex-model-slider-fast] { margin-left: auto; border: 0; background: transparent; cursor: pointer; }
       [data-codex-model-slider-fast]:focus-visible { outline: 2px solid var(--color-border-focus); outline-offset: 1px; }
@@ -473,11 +520,20 @@ export function createInjectionSource(features, {
         && rect.height > 0;
     }
 
+    function hasNativeToolbarLabel(button, key) {
+      const label = String(button?.getAttribute("aria-label") ?? "").trim().toLowerCase();
+      return nativeToolbarLabels[key].some((candidate) => (
+        key === "temporaryChat"
+          ? label.includes(candidate.toLowerCase())
+          : label === candidate.toLowerCase()
+      ));
+    }
+
     function nativeSummaryButton() {
       return Array.from(document.querySelectorAll("button")).find((button) => (
         (
-          button.getAttribute("aria-label") === "Toggle summary"
-          || button.getAttribute("aria-label") === "Toggle pinned summary"
+          hasNativeToolbarLabel(button, "summary")
+          || hasNativeToolbarLabel(button, "pinnedSummary")
         )
         && isVisibleToolbarControl(button)
       )) ?? null;
@@ -485,32 +541,34 @@ export function createInjectionSource(features, {
 
     function nativeBottomPanelButton() {
       return Array.from(document.querySelectorAll("button")).find((button) => {
-        if (button.getAttribute("aria-label") !== "Toggle bottom panel") return false;
+        if (!hasNativeToolbarLabel(button, "bottomPanel")) return false;
         return isVisibleToolbarControl(button);
       }) ?? null;
     }
 
     function nativeSidePanelButton() {
       return Array.from(document.querySelectorAll("button")).find((button) => {
-        if (button.getAttribute("aria-label") !== "Toggle side panel") return false;
+        if (!hasNativeToolbarLabel(button, "sidePanel")) return false;
         return isVisibleToolbarControl(button);
       }) ?? null;
     }
 
     function nativeTemporaryChatButton() {
       return Array.from(document.querySelectorAll("button")).find((button) => {
-        if (!/temporary chat/i.test(button.getAttribute("aria-label") ?? "")) return false;
+        if (!hasNativeToolbarLabel(button, "temporaryChat")) return false;
         return isVisibleToolbarControl(button);
       }) ?? null;
     }
 
     function structuralToolbarAnchor() {
       const buttons = Array.from(document.querySelectorAll("button"));
-      return buttons.find((button) => /temporary chat/i.test(button.getAttribute("aria-label") ?? ""))
-        ?? buttons.find((button) => new Set(["Toggle summary", "Toggle pinned summary"])
-          .has(button.getAttribute("aria-label")))
-        ?? buttons.find((button) => button.getAttribute("aria-label") === "Toggle bottom panel")
-        ?? buttons.find((button) => button.getAttribute("aria-label") === "Toggle side panel")
+      return buttons.find((button) => hasNativeToolbarLabel(button, "temporaryChat"))
+        ?? buttons.find((button) => (
+          hasNativeToolbarLabel(button, "summary")
+          || hasNativeToolbarLabel(button, "pinnedSummary")
+        ))
+        ?? buttons.find((button) => hasNativeToolbarLabel(button, "bottomPanel"))
+        ?? buttons.find((button) => hasNativeToolbarLabel(button, "sidePanel"))
         ?? null;
     }
 
@@ -604,8 +662,8 @@ export function createInjectionSource(features, {
     function isNativeSummaryButton(element) {
       if (!(element instanceof Element)) return false;
       const button = element.closest("button");
-      return button?.getAttribute("aria-label") === "Toggle summary"
-        || button?.getAttribute("aria-label") === "Toggle pinned summary";
+      return hasNativeToolbarLabel(button, "summary")
+        || hasNativeToolbarLabel(button, "pinnedSummary");
     }
 
     function mainContentViewport() {
@@ -954,6 +1012,11 @@ export function createInjectionSource(features, {
       return formatIdentifier(source.slice(source.lastIndexOf("/") + 1));
     }
 
+    function compactModelLabel(rawValue) {
+      const raw = String(rawValue ?? "").trim();
+      return formatIdentifier(raw.slice(raw.lastIndexOf("/") + 1));
+    }
+
     function brandForModel(identity, selector) {
       const haystack = `${identity.backend} ${identity.raw}`.toLowerCase();
       return selector.brands?.find((brand) => (
@@ -1152,7 +1215,10 @@ export function createInjectionSource(features, {
 
     function nativeModelPickerMenu() {
       return Array.from(document.querySelectorAll('[role="menu"][data-state="open"]')).find(
-        (menu) => menu.querySelector("[data-reasoning-slider]") && nativeModelPickerRow(menu),
+        (menu) => (
+          menu.querySelector("[data-reasoning-slider]")
+          && (menu.querySelector("[data-model-picker-view-toggle]") || nativeModelPickerRow(menu))
+        ),
       ) ?? null;
     }
 
@@ -1169,6 +1235,14 @@ export function createInjectionSource(features, {
     }
 
     function nativeModelValue(menu) {
+      const toggle = menu?.querySelector("[data-model-picker-view-toggle]");
+      const toggleModelLabel = toggle?.querySelector('[class*="_ViewToggleModelLabel_"]');
+      const toggleValues = String(
+        toggle?.hasAttribute("data-model-picker-view-toggle")
+          ? (toggleModelLabel?.textContent ?? toggle.innerText)
+          : "",
+      ).split("\n").map((value) => value.trim()).filter(Boolean);
+      if (toggleValues.length) return toggleValues[0];
       const row = nativeModelPickerRow(menu);
       const values = String(row?.innerText ?? "").split("\n").map((value) => value.trim()).filter(Boolean);
       if (values.length > 1) return values.at(-1);
@@ -1699,9 +1773,24 @@ export function createInjectionSource(features, {
       }
     }
 
+    function pruneNativeModelToggleHandlers() {
+      for (const [toggle, handlers] of modelSelectorNativeToggleHandlers) {
+        if (toggle.isConnected) continue;
+        toggle.removeEventListener("click", handlers.openModels);
+        toggle.removeEventListener("keydown", handlers.onKeyDown);
+        modelSelectorNativeToggleHandlers.delete(toggle);
+      }
+    }
+
     function closeControllerModelMenu() {
       const record = modelSelectorControllerMenu;
       if (!record) return false;
+      const placeholder = document.querySelector(
+        '[data-codex-intelligence-trigger] [class*="_ModelPickerTriggerPlaceholder_"]',
+      );
+      if (placeholder && record.placeholderText != null) {
+        placeholder.textContent = record.placeholderText;
+      }
       record.button.setAttribute("aria-expanded", "false");
       record.parentMenu.style.position = record.position;
       record.parentMenu.style.overflow = record.overflow;
@@ -1783,10 +1872,17 @@ export function createInjectionSource(features, {
       });
       renderEnhancedModelMenu(menu, selector);
 
+      const placeholder = document.querySelector(
+        '[data-codex-intelligence-trigger] [class*="_ModelPickerTriggerPlaceholder_"]',
+      );
+      const placeholderText = placeholder?.textContent ?? null;
+      if (placeholder) placeholder.textContent = locale === "zh-CN" ? "选择模型" : "Select model";
+
       modelSelectorControllerMenu = {
         menu,
         parentMenu,
         button: modelButton,
+        placeholderText,
         position: parentMenu.style.position,
         overflow: parentMenu.style.overflow,
       };
@@ -2057,6 +2153,8 @@ export function createInjectionSource(features, {
         "ViewToggle",
         "ViewToggleContent",
         "ViewToggleIcon",
+        "ViewToggleModelLabel",
+        "ViewToggleEffortLabel",
         "ViewControls",
         "FastModeToggle",
         "FastModeToggleContent",
@@ -2070,6 +2168,11 @@ export function createInjectionSource(features, {
       shell.setAttribute("data-reduced-motion", String(matchMedia("(prefers-reduced-motion: reduce)").matches));
       shell.setAttribute("data-transitions-ready", "false");
       const nativeRow = nativeModelPickerRow(parentMenu);
+      const controller = nativeComposerModelController();
+      const fastOption = controller?.serviceTierOptions?.find((option) => option?.value === "priority") ?? null;
+      const nativeModel = nativeCatalogModelFor(identity);
+      const supportsFast = Boolean(nativeModel?.slug.toLowerCase().startsWith("gpt-") && fastOption);
+      shell.setAttribute("data-codex-model-slider-has-fast", String(supportsFast));
       const modelButton = document.createElement("div");
       modelButton.className = classes.ViewToggle;
       modelButton.setAttribute("role", "button");
@@ -2081,14 +2184,31 @@ export function createInjectionSource(features, {
       const buttonContent = document.createElement("span");
       buttonContent.className = classes.ViewToggleContent;
       const buttonLabel = document.createElement("span");
+      buttonLabel.className = classes.ViewToggleModelLabel;
+      buttonLabel.setAttribute("data-codex-model-slider-model-label", "");
       buttonLabel.textContent = modelDisplayLabel(identity, selector);
-      const nativeChevron = nativeRow?.querySelector("svg")?.cloneNode(true);
+      const effortText = selectedEffortVisible ? document.createElement("span") : null;
+      if (effortText) {
+        effortText.className = classes.ViewToggleEffortLabel;
+        effortText.textContent = effortLabel(selectedEffort);
+        effortText.setAttribute("data-accent", "true");
+        effortText.setAttribute("data-maximum", String(selectedEffort === "ultra"));
+      }
+      // 0.152.1 起原生头行 aria-label 为 "Select model"，nativeModelPickerRow
+      // 不再命中；优先从 view-toggle 行取 chevron，旧结构走原路径兜底。
+      const nativeChevron = (
+        parentMenu?.querySelector("[data-model-picker-view-toggle] svg")
+        ?? nativeRow?.querySelector("svg")
+      )?.cloneNode(true);
       if (nativeChevron) {
         nativeChevron.className.baseVal = classes.ViewToggleIcon;
         nativeChevron.setAttribute("aria-hidden", "true");
-        buttonContent.append(buttonLabel, nativeChevron);
+        buttonContent.append(buttonLabel);
+        if (effortText) buttonContent.append(effortText);
+        buttonContent.append(nativeChevron);
       } else {
         buttonContent.append(buttonLabel);
+        if (effortText) buttonContent.append(effortText);
       }
       modelButton.append(buttonContent);
       const openModels = () => openControllerModelMenu(parentMenu, modelButton, selector);
@@ -2103,10 +2223,6 @@ export function createInjectionSource(features, {
       viewControls.className = classes.ViewControls;
       viewControls.setAttribute("data-expanded", "false");
       viewControls.setAttribute("data-ultra-warning-visible", "false");
-      const controller = nativeComposerModelController();
-      const fastOption = controller?.serviceTierOptions?.find((option) => option?.value === "priority") ?? null;
-      const nativeModel = nativeCatalogModelFor(identity);
-      const supportsFast = Boolean(nativeModel?.slug.toLowerCase().startsWith("gpt-") && fastOption);
       const fastEnabled = Boolean(
         supportsFast && (
           controller.selectedServiceTier?.id === (fastOption.tier?.id ?? "priority")
@@ -2257,6 +2373,20 @@ export function createInjectionSource(features, {
       return shell;
     }
 
+    function centerGenericModelPicker(parentMenu) {
+      const trigger = document.querySelector("[data-codex-intelligence-trigger]");
+      if (!trigger) return;
+      const menuRect = parentMenu.getBoundingClientRect();
+      const triggerRect = trigger.getBoundingClientRect();
+      if (!(menuRect.width > 0 && triggerRect.width > 0)) return;
+      const previousShift = Number.parseFloat(
+        parentMenu.style.getPropertyValue("--codex-model-slider-menu-center-shift"),
+      ) || 0;
+      const unshiftedCenter = menuRect.left + (menuRect.width / 2) - previousShift;
+      const nextShift = triggerRect.left + (triggerRect.width / 2) - unshiftedCenter;
+      parentMenu.style.setProperty("--codex-model-slider-menu-center-shift", `${nextShift}px`);
+    }
+
     function enhanceGenericModelPicker(parentMenu, selector) {
       const identity = modelIdentity(nativeModelValue(parentMenu));
       const model = modelDefinitionFor(identity, selector);
@@ -2308,7 +2438,10 @@ export function createInjectionSource(features, {
       const canUpgradeFallback = Boolean(
         existing?.querySelector("[data-codex-model-slider-fallback]") && nativeTemplateReady,
       );
-      if (existing?.getAttribute("data-codex-model-slider-generic") === key && !canUpgradeFallback) return true;
+      if (existing?.getAttribute("data-codex-model-slider-generic") === key && !canUpgradeFallback) {
+        centerGenericModelPicker(parentMenu);
+        return true;
+      }
       existing?.remove();
       const nativeContainer = parentMenu.firstElementChild;
       if (!nativeContainer) return false;
@@ -2321,38 +2454,76 @@ export function createInjectionSource(features, {
       nativeContainer.style.display = "none";
       shell.setAttribute("data-codex-model-slider-generic", key);
       parentMenu.append(shell);
+      centerGenericModelPicker(parentMenu);
       return true;
     }
 
-    function enhanceNativeModelPicker(parentMenu, selector) {
-      if (enhanceGenericModelPicker(parentMenu, selector)) return;
-      const toggle = parentMenu.querySelector("[data-model-picker-view-toggle]");
-      if (!toggle) {
-        enhanceGenericModelPicker(parentMenu, selector);
-        return;
-      }
+    function restoreGenericModelPicker(parentMenu) {
       parentMenu.querySelector(":scope > [data-codex-model-slider-generic]")?.remove();
       parentMenu.removeAttribute("data-codex-model-slider-generic-menu");
+      parentMenu.style.removeProperty("--codex-model-slider-menu-center-shift");
       const nativeContainer = parentMenu.firstElementChild;
       if (nativeContainer && modelSelectorGenericContainers.has(nativeContainer)) {
         nativeContainer.style.display = modelSelectorGenericContainers.get(nativeContainer);
         modelSelectorGenericContainers.delete(nativeContainer);
       }
-      const raw = nativeModelValue(parentMenu);
-      const textNode = firstVisibleTextNode(toggle);
-      if (raw && textNode) {
-        if (!modelSelectorOriginalToggleLabels.has(textNode)) {
-          modelSelectorOriginalToggleLabels.set(textNode, textNode.textContent);
+    }
+
+    function enhanceNativeModelPicker(parentMenu, selector) {
+      if (enhanceGenericModelPicker(parentMenu, selector)) return;
+      const toggle = parentMenu.querySelector("[data-model-picker-view-toggle]");
+      if (toggle) {
+        // 私有 DOM 无法满足 MCX shell 契约时，保留原生菜单作为降级路径。
+        const raw = nativeModelValue(parentMenu);
+        const textNode = firstVisibleTextNode(toggle);
+        if (raw && textNode) {
+          if (!modelSelectorOriginalToggleLabels.has(textNode)) {
+            modelSelectorOriginalToggleLabels.set(textNode, textNode.textContent);
+          }
+          const label = compactModelLabel(raw);
+          if (textNode.textContent !== label) textNode.textContent = label;
         }
-        const label = modelDisplayLabel(modelIdentity(raw), selector);
-        if (textNode.textContent !== label) textNode.textContent = label;
-      }
-      if (!toggle.hasAttribute("data-codex-model-slider-toggle")) {
-        toggle.setAttribute("data-codex-model-slider-toggle", "");
-        toggle.addEventListener("click", () => openNativeModelSubmenu(parentMenu));
+        if (!toggle.hasAttribute("data-codex-model-slider-toggle")) {
+          const originalAriaExpanded = toggle.getAttribute("aria-expanded");
+          toggle.setAttribute("data-codex-model-slider-toggle", "");
+          const openModels = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            event.stopImmediatePropagation();
+            openControllerModelMenu(parentMenu, toggle, selector);
+          };
+          const onKeyDown = (event) => {
+            if (event.key !== "Enter" && event.key !== " ") return;
+            openModels(event);
+          };
+          toggle.addEventListener("click", openModels);
+          toggle.addEventListener("keydown", onKeyDown);
+          modelSelectorNativeToggleHandlers.set(toggle, { openModels, onKeyDown, originalAriaExpanded });
+        }
+        return;
       }
     }
 
+    // 原生 ModelText 重建前的空窗期：立即插回 MCX 标签，避免关盒后芯片
+    // 长时间失去模型名。
+    function restoreTriggerLabelWithoutNative(trigger, selector) {
+      if (trigger.getAttribute("data-state") !== "closed") return;
+      if (trigger.querySelector("[data-codex-model-slider-trigger-label]")) return;
+      const raw = trigger.getAttribute("data-codex-model-slider-trigger-raw");
+      if (!raw) return;
+      const anchor = trigger.querySelector('[class*="_ModelPickerTriggerLabel_"]')
+        ?? trigger.querySelector('[class*="_ModelPickerTriggerContent_"]');
+      if (!anchor) return;
+      const displayLabel = document.createElement("span");
+      displayLabel.setAttribute("data-codex-model-slider-trigger-label", "");
+      displayLabel.textContent = modelDisplayLabel(modelIdentity(raw), selector);
+      anchor.prepend(displayLabel);
+    }
+
+    function isComposerModelPlaceholder(value) {
+      return /^(select\s+(model|effort)|选择\s*(模型|思考强度))$/i.test(String(value ?? "").trim());
+    }
+
     function enhanceComposerModelTrigger(selector) {
       const trigger = document.querySelector("[data-codex-intelligence-trigger]");
       if (!trigger) return;
@@ -2365,7 +2536,15 @@ export function createInjectionSource(features, {
       const nativeLabels = Array.from(trigger.querySelectorAll(
         '[class*="_ModelPickerTriggerModelText_"]:not([data-codex-model-slider-trigger-label])',
       ));
-      if (!nativeLabels.length) return;
+      if (!nativeLabels.length) {
+        trigger.setAttribute("data-codex-model-slider-trigger", "");
+        trigger.toggleAttribute(
+          "data-codex-model-slider-trigger-placeholder",
+          isComposerModelPlaceholder(trigger.innerText),
+        );
+        restoreTriggerLabelWithoutNative(trigger, selector);
+        return;
+      }
       const visibleValue = String(nativeLabels.at(-1)?.textContent ?? "").trim();
       const previousRaw = trigger.getAttribute("data-codex-model-slider-trigger-raw") ?? "";
       const previousLabel = previousRaw
@@ -2376,22 +2555,37 @@ export function createInjectionSource(features, {
       const label = modelDisplayLabel(modelIdentity(raw), selector);
       trigger.setAttribute("data-codex-model-slider-trigger", "");
       trigger.setAttribute("data-codex-model-slider-trigger-raw", raw);
+      // 区分占位态（Select model / Select effort）与真实模型态：占位态沿用
+      // 原生宽度契约，真实模型态让芯片 HUG 完整名称，避免第三方长名被截断。
+      const placeholder = isComposerModelPlaceholder(label);
+      trigger.toggleAttribute("data-codex-model-slider-trigger-placeholder", placeholder);
       for (const nativeLabel of nativeLabels) {
         let displayLabel = nativeLabel.nextElementSibling;
         if (!displayLabel?.hasAttribute("data-codex-model-slider-trigger-label")) {
-          displayLabel = document.createElement("span");
-          displayLabel.className = nativeLabel.className;
-          displayLabel.setAttribute("data-codex-model-slider-trigger-label", "");
+          // 空窗期回插等场景会在别处留下现成的 MCX 标签，优先移动复用，
+          // 避免恢复后出现两个可见名称把芯片撑宽。
+          displayLabel = trigger.querySelector("[data-codex-model-slider-trigger-label]");
+          if (!displayLabel) {
+            displayLabel = document.createElement("span");
+            displayLabel.className = nativeLabel.className;
+            displayLabel.setAttribute("data-codex-model-slider-trigger-label", "");
+          }
           nativeLabel.after(displayLabel);
         }
         if (displayLabel.textContent !== label) displayLabel.textContent = label;
       }
+      // 原生开合的临时 min-width 钉定与弹层水平居中都基于对 Measurement
+      // 探针的测量；把探针文本同步为 MCX 显示标签，原生机制即可测得
+      // 真实显示宽度（含 110px 名称上限与 160px Content 上限）。
+      const measurement = trigger.querySelector('[class*="_ModelPickerTriggerMeasurement_"]');
+      if (measurement && measurement.textContent !== label) measurement.textContent = label;
     }
 
     function ensureModelSelector() {
       const selector = modelSelectorFeature?.modelSelector;
       if (!selector) return;
       pruneModelSubmenuPositionObservers();
+      pruneNativeModelToggleHandlers();
       if (!modelSelectorStyle.isConnected) document.head?.append(modelSelectorStyle);
       enhanceComposerModelTrigger(selector);
       const parentMenu = nativeModelPickerMenu();
@@ -2456,6 +2650,13 @@ export function createInjectionSource(features, {
       for (const [node, value] of modelSelectorOriginalToggleLabels) {
         if (node.isConnected) node.textContent = value;
       }
+      for (const [toggle, handlers] of modelSelectorNativeToggleHandlers) {
+        toggle.removeEventListener("click", handlers.openModels);
+        toggle.removeEventListener("keydown", handlers.onKeyDown);
+        toggle.removeAttribute("data-codex-model-slider-toggle");
+        if (handlers.originalAriaExpanded == null) toggle.removeAttribute("aria-expanded");
+        else toggle.setAttribute("aria-expanded", handlers.originalAriaExpanded);
+      }
       for (const [container, display] of modelSelectorGenericContainers) {
         if (container.isConnected) container.style.display = display;
       }
@@ -2476,6 +2677,7 @@ export function createInjectionSource(features, {
       modelSelectorOriginalItems.clear();
       modelSelectorOriginalToggleLabels.clear();
       modelSelectorGenericContainers.clear();
+      modelSelectorNativeToggleHandlers.clear();
     }
 
     function surfaceKey(featureId, kind, detailId = "") {
@@ -2516,6 +2718,33 @@ export function createInjectionSource(features, {
       }, record.origin);
     }
 
+    function nativeSidebarTrigger() {
+      const triggers = Array.from(document.querySelectorAll(
+        'button[data-app-shell-sidebar-trigger="true"]',
+      ));
+      return triggers.find((button) => isVisibleToolbarControl(button)) ?? triggers[0] ?? null;
+    }
+
+    function sidebarState() {
+      const trigger = nativeSidebarTrigger();
+      const expanded = trigger?.getAttribute("aria-expanded");
+      const triggerRect = trigger?.getBoundingClientRect();
+      return {
+        available: Boolean(trigger),
+        open: expanded === null ? sidebarRight() > 0 : expanded === "true",
+        label: trigger?.getAttribute("aria-label") ?? "Show sidebar",
+        leading: triggerRect?.left ?? 16,
+      };
+    }
+
+    function postSidebarState(record, state = sidebarState()) {
+      if (!record || record.kind !== "page") return;
+      record.frame.contentWindow?.postMessage({
+        type: "codex-personal:sidebar-state",
+        ...state,
+      }, record.origin);
+    }
+
     function registerSurface(key, feature, kind, surfaceUrl, element, frame, detailId = null) {
       const record = {
         key,
@@ -2535,6 +2764,7 @@ export function createInjectionSource(features, {
       frame.addEventListener("load", () => {
         queueTheme();
         postSurfaceActive(record, activePageFeatureId === record.featureId && !record.element.hidden);
+        postSidebarState(record);
       });
       requestSurfaceLoad(record);
       return record;
@@ -2643,8 +2873,16 @@ export function createInjectionSource(features, {
     }
 
     function updatePageSurfacePositions() {
-      const left = `${Math.max(0, sidebarRight())}px`;
-      for (const surface of pageSurfaces.values()) surface.style.left = left;
+      const state = sidebarState();
+      const left = `${state.open ? Math.max(0, sidebarRight()) : 0}px`;
+      for (const [featureId, surface] of pageSurfaces) {
+        surface.style.left = left;
+        postSidebarState(surfaceRecords.get(surfaceKey(featureId, "page")), state);
+      }
+    }
+
+    function syncAfterNativeSidebarToggle() {
+      queueMicrotask(updatePageSurfacePositions);
     }
 
     function threadIdentity() {
@@ -3958,6 +4196,15 @@ export function createInjectionSource(features, {
           });
           return;
         }
+        if (action === "open-sidebar") {
+          const trigger = nativeSidebarTrigger();
+          if (!trigger) throw new Error("The native sidebar control was not found");
+          const state = sidebarState();
+          if (!state.open) trigger.click();
+          queueMicrotask(() => postSidebarState(record, { ...state, open: true }));
+          respondToSurface(record, requestId, { ok: true, result: { opened: true } });
+          return;
+        }
         if (action === "resolve-file-paths") {
           const getPathForFile = window.electronBridge?.getPathForFile;
           if (typeof getPathForFile !== "function") {
@@ -4016,6 +4263,9 @@ export function createInjectionSource(features, {
     document.addEventListener(
       "click",
       (event) => {
+        if (event.target.closest?.('[data-app-shell-sidebar-trigger="true"]')) {
+          syncAfterNativeSidebarToggle();
+        }
         if (
           modelSelectorControllerMenu
           && !modelSelectorControllerMenu.menu.contains(event.target)
@@ -4081,6 +4331,7 @@ export function createInjectionSource(features, {
       if (event.data.type === "codex-personal:ready") {
         record.ready = true;
         queueTheme();
+        postSidebarState(record);
         if (record.kind === "modal") {
           record.frame.focus();
           record.frame.contentWindow?.postMessage({
@@ -4118,7 +4369,24 @@ export function createInjectionSource(features, {
       updatePageSurfacePositions();
       updateResponsiveSummaryPresentation();
     }, { signal: lifetime.signal });
-    const ensureObserver = new MutationObserver(queueEnsure);
+    const ensureObserver = new MutationObserver((mutations) => {
+      queueEnsure();
+      const sidebarTriggerChanged = mutations.some((mutation) => {
+        if (
+          mutation.type === "attributes"
+          && mutation.target.matches?.('[data-app-shell-sidebar-trigger="true"]')
+        ) return true;
+        return mutation.type === "childList"
+          && [...mutation.addedNodes, ...mutation.removedNodes].some((node) => (
+            node instanceof Element
+            && (
+              node.matches?.('[data-app-shell-sidebar-trigger="true"]')
+              || node.querySelector?.('[data-app-shell-sidebar-trigger="true"]')
+            )
+          ));
+      });
+      if (sidebarTriggerChanged) updatePageSurfacePositions();
+    });
     ensureObserver.observe(document.documentElement, {
       childList: true,
       subtree: true,

package/packages/runtime-host/src/feature-registry.mjs

@@ -10,6 +10,7 @@ const HOST_ACTIONS = new Set([
   "attach-file",
   "open-detail-tab",
   "open-editor-modal",
+  "open-sidebar",
   "resolve-file-paths",
   "import-generated-image",
   "create-image-edit-thread",