minecodex 2.0.50 → 2.0.52

package/features/model-slider/src/frontend/install.mjs

@@ -16,6 +16,11 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
   const modelSelectorOriginalToggleLabels = new Map();
   const modelSelectorGenericContainers = new Map();
   const modelSelectorNativeToggleHandlers = new Map();
+  // 原生 CSS 模块类名：26.1029 起改用不带下划线的 Name-hash 形式。
+  function hasNativeClass(element, name) {
+    const tokens = String(element?.className ?? "").split(/\s+/);
+    return tokens.some((token) => token.startsWith(`_${name}_`) || token.startsWith(`${name}-`));
+  }
   const modelSelectorPositionObservers = new Map();
   const modelSelectorMenuSizeFrames = new Map();
   const modelSelectorOpeningFrames = new Map();
@@ -63,15 +68,15 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       max-height: var(--codex-model-slider-menu-max-height) !important;
       overflow-y: auto;
     }
-    [data-codex-model-slider-trigger] [class*="_ModelPickerTriggerModelLabel_"] {
+    [data-codex-model-slider-trigger] [class*="ModelPickerTriggerModelLabel"] {
       min-width: 0; max-width: 110px; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis;
     }
-    [data-codex-model-slider-trigger] [class*="_ModelPickerTriggerModelText_"] {
+    [data-codex-model-slider-trigger] [class*="ModelPickerTriggerModelText"] {
       min-width: 0; max-width: 110px; overflow: hidden; text-overflow: ellipsis;
     }
     html[data-codex-model-slider-catalog-ready]
     [data-codex-model-slider-trigger]
-    [class*="_ModelPickerTriggerModelText_"]:not([data-codex-model-slider-trigger-label]):has(+ [data-codex-model-slider-trigger-label]) {
+    [class*="ModelPickerTriggerModelText"]:not([data-codex-model-slider-trigger-label]):has(+ [data-codex-model-slider-trigger-label]) {
       display: none !important;
     }
     [data-codex-model-slider-trigger-label] {
@@ -83,26 +88,26 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     [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_"] {
+    [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_"] {
+    [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_"] {
+    [data-codex-model-slider-trigger][data-codex-model-slider-trigger-placeholder] [class*="ModelPickerTriggerContent"] {
       width: 160px; min-width: 160px !important; max-width: 160px;
     }
     /* 打开时先完成占位态，避免原生 crossfade 的宽度动画带动弹层。 */
-    [data-codex-model-slider-trigger][data-state="open"][data-codex-model-slider-trigger-placeholder] [class*="_ModelPickerTriggerContent_"] > span:has(> span > [class*="_ModelPickerTriggerPlaceholder_"]) {
+    [data-codex-model-slider-trigger][data-state="open"][data-codex-model-slider-trigger-placeholder] [class*="ModelPickerTriggerContent"] > span:has(> span > [class*="ModelPickerTriggerPlaceholder"]) {
       width: 160px !important;
     }
-    [data-codex-model-slider-trigger][data-state="open"][data-codex-model-slider-trigger-placeholder] span:has(> [class*="_ModelPickerTriggerPlaceholder_"]) {
+    [data-codex-model-slider-trigger][data-state="open"][data-codex-model-slider-trigger-placeholder] span:has(> [class*="ModelPickerTriggerPlaceholder"]) {
       opacity: 1 !important;
     }
-    [data-codex-model-slider-trigger][data-state="open"][data-codex-model-slider-trigger-placeholder] [class*="_ModelPickerTriggerLabel_"] {
+    [data-codex-model-slider-trigger][data-state="open"][data-codex-model-slider-trigger-placeholder] [class*="ModelPickerTriggerLabel"] {
       visibility: hidden;
     }
-    [data-codex-model-slider-trigger] [class*="_ModelPickerTriggerEffortLabel_"] {
+    [data-codex-model-slider-trigger] [class*="ModelPickerTriggerEffortLabel"] {
       display: inline-flex; align-items: center; align-self: center;
     }
     html[data-codex-model-slider-selecting-effort] [role="menu"][data-state="open"]:not(:has([data-reasoning-slider])) {
@@ -185,12 +190,13 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
   }
 
   function nativeCssModuleClass(tokenName, root = document) {
-    const pattern = new RegExp(`^_${tokenName}_[A-Za-z0-9_-]+$`);
-    const live = Array.from(root.querySelectorAll(`[class*="_${tokenName}_"]`))
+    // 26.1029 起原生类名改为 Name-hash，旧版带下划线包裹。
+    const pattern = new RegExp(`^(?:_${tokenName}_|${tokenName}-)[A-Za-z0-9_-]+$`);
+    const live = Array.from(root.querySelectorAll(`[class*="_${tokenName}_"], [class*="${tokenName}-"]`))
       .flatMap((element) => Array.from(element.classList))
       .find((name) => pattern.test(name));
     if (live) return live;
-    const selectorPattern = new RegExp(`\\.(_${tokenName}_[A-Za-z0-9_-]+)`);
+    const selectorPattern = new RegExp(`\\.((?:_${tokenName}_|${tokenName}-)[A-Za-z0-9_-]+)`);
     const find = (rules) => {
       for (const rule of rules ?? []) {
         const match = String(rule.selectorText ?? "").match(selectorPattern);
@@ -296,9 +302,9 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
 
   function captureNativeFastIcon() {
     // 原生控件每次只渲染当前状态；状态切换后按控件本身更新缓存。
-    const nativeContent = Array.from(document.querySelectorAll('[class*="_FastModeToggleContent_"]'))
+    const nativeContent = Array.from(document.querySelectorAll(':is([class*="_FastModeToggleContent_"], [class*="FastModeToggleContent-"])'))
       .find((content) => !content.closest("[data-codex-model-slider-generic]"));
-    const toggle = nativeContent?.closest('[class*="_FastModeToggle_"]');
+    const toggle = nativeContent?.closest(':is([class*="_FastModeToggle_"], [class*="FastModeToggle-"])');
     const state = toggle?.getAttribute("data-fast-mode-enabled") === "true" ? "active" : "inactive";
     const svg = nativeContent?.querySelector("svg");
     const current = modelSelectorNativeFastIcons?.[state];
@@ -341,11 +347,11 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     // 直接读取已就绪的图标存储（启动时由 bundle/持久化填充，运行期由
     // captureNativeFastIcon 升级为 DOM 克隆），避免再次触发捕获造成递归。
     // 优先克隆当前面板的图标；切换瞬间使用缓存时，也沿用原生图标尺寸。
-    const nativeContents = Array.from(document.querySelectorAll('[class*="_FastModeToggleContent_"]'))
+    const nativeContents = Array.from(document.querySelectorAll(':is([class*="_FastModeToggleContent_"], [class*="FastModeToggleContent-"])'))
       .filter((content) => !content.closest("[data-codex-model-slider-generic]"));
     const nativeContent = nativeContents.find((content) => (
       (content.getAttribute("data-fast-mode-enabled")
-        ?? content.closest('[class*="_FastModeToggle_"]')?.getAttribute("data-fast-mode-enabled")) === String(active)
+        ?? content.closest(':is([class*="_FastModeToggle_"], [class*="FastModeToggle-"])')?.getAttribute("data-fast-mode-enabled")) === String(active)
     ));
     const nativeSvg = nativeContent?.querySelector("svg") ?? nativeContents[0]?.querySelector("svg");
     const template = nativeContent?.querySelector("svg")
@@ -458,7 +464,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
 
   function nativeModelValue(menu) {
     const toggle = menu?.querySelector("[data-model-picker-view-toggle]");
-    const toggleModelLabel = toggle?.querySelector('[class*="_ViewToggleModelLabel_"]');
+    const toggleModelLabel = toggle?.querySelector(':is([class*="_ViewToggleModelLabel_"], [class*="ViewToggleModelLabel-"])');
     const toggleValues = String(
       toggle?.hasAttribute("data-model-picker-view-toggle")
         ? (toggleModelLabel?.textContent ?? toggle.innerText)
@@ -1113,7 +1119,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     if (!record) return false;
     if (record.closing && !immediate) return true;
     record.reveal?.cancel();
-    const placeholder = record.trigger?.querySelector('[class*="_ModelPickerTriggerPlaceholder_"]');
+    const placeholder = record.trigger?.querySelector('[class*="ModelPickerTriggerPlaceholder"]');
     const placeholderNode = placeholder && firstVisibleTextNode(placeholder);
     if (placeholderNode && record.placeholderText != null) {
       placeholderNode.nodeValue = record.placeholderText;
@@ -1297,7 +1303,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     renderEnhancedModelMenu(menu, selector);
 
     const trigger = nativeComposerTrigger();
-    const placeholder = trigger?.querySelector('[class*="_ModelPickerTriggerPlaceholder_"]');
+    const placeholder = trigger?.querySelector('[class*="ModelPickerTriggerPlaceholder"]');
     const placeholderNode = placeholder && firstVisibleTextNode(placeholder);
     const placeholderText = placeholderNode?.nodeValue ?? null;
     // 保留产品行为：模型列表打开时 chip 显示 Select model。只能原地更新
@@ -1446,7 +1452,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       const edgeCorrection = correction * Math.max(0, edgeScale);
       nativeRange.style.transform = `translateX(calc(${progress - 100}% + ${edgeCorrection}px))`;
       nativeThumb.style.left = `calc(${progress}% + ${correction}px)`;
-      const particleClip = rail.querySelector('[class*="_FastParticleClip_"]');
+      const particleClip = rail.querySelector(':is([class*="_FastParticleClip_"], [class*="FastParticleClip-"])');
       if (particleClip) particleClip.style.clipPath = `inset(0 calc(${100 - progress}% - ${edgeCorrection}px) 0 0)`;
     }
     rail.style.setProperty("--codex-model-slider-progress", `${progress}%`);
@@ -1462,7 +1468,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     rail?.setAttribute("data-max", value);
     effortText?.setAttribute("data-maximum", value);
     fastButton?.setAttribute("data-max-power-selection", value);
-    const maxEffects = rail?.querySelector('[class*="_MaxEffects_"]');
+    const maxEffects = rail?.querySelector(':is([class*="_MaxEffects_"], [class*="MaxEffects-"])');
     if (maxEffects) {
       maxEffects.style.opacity = maximum ? "1" : "0";
       if (maximum) maxEffects.style.transform = "translateX(0)";
@@ -1493,9 +1499,9 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
   }
 
   function syncNativeFastParticles(rail, enabled, entering = false) {
-    const track = Array.from(rail.children).find((element) => String(element.className).includes("_Track_"));
+    const track = Array.from(rail.children).find((element) => hasNativeClass(element, "Track"));
     if (!track) return;
-    const staticParticles = rail.querySelector('[class*="_ParticleTransition_"]');
+    const staticParticles = rail.querySelector(':is([class*="_ParticleTransition_"], [class*="ParticleTransition-"])');
     if (staticParticles && !matchMedia("(prefers-reduced-motion: reduce)").matches) {
       staticParticles.__codexStaticParticleFade?.cancel();
       staticParticles.style.opacity = enabled ? "0" : "1";
@@ -1507,7 +1513,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
         );
       }
     }
-    track.querySelectorAll('[class*="_FastParticleClip_"]').forEach((element) => element.remove());
+    track.querySelectorAll(':is([class*="_FastParticleClip_"], [class*="FastParticleClip-"])').forEach((element) => element.remove());
     if (!enabled || matchMedia("(prefers-reduced-motion: reduce)").matches) return;
     const clipClass = nativeCssModuleClass("FastParticleClip");
     const particlesClass = nativeCssModuleClass("FastTrackParticles");
@@ -1540,7 +1546,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       return path;
     }));
     clip.append(particles);
-    const tickRail = Array.from(track.children).find((element) => String(element.className).includes("_TickRail_"));
+    const tickRail = Array.from(track.children).find((element) => hasNativeClass(element, "TickRail"));
     track.insertBefore(clip, tickRail ?? null);
     // 重建粒子层后按当前档位恢复裁剪，避免重开面板时覆盖整条滑轨。
     setGenericSliderVisual(rail, valueNow, valueMax + 1);
@@ -1615,13 +1621,13 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     root.setAttribute("data-max", "false");
     root.setAttribute("data-endpoint-labels-visible", "false");
     const range = Array.from(root.querySelectorAll("span")).find((element) => (
-      String(element.className).includes("_Range_")
+      hasNativeClass(element, "Range")
     ));
     const thumbScale = Array.from(root.querySelectorAll("span")).find((element) => (
-      String(element.className).includes("_ThumbScale_")
+      hasNativeClass(element, "ThumbScale")
     ));
     const tickRail = Array.from(root.querySelectorAll("div")).find((element) => (
-      String(element.className).includes("_TickRail_")
+      hasNativeClass(element, "TickRail")
     ));
     const tickTemplate = tickRail?.querySelector("span");
     if (!range || !thumbScale || !tickRail || !tickTemplate) return null;
@@ -1680,29 +1686,29 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       copyCanvas();
       canvasTimer = setInterval(copyCanvas, 80);
     }
-    const sourceEffects = source.querySelector('[class*="_MaxEffects_"]');
-    const cloneEffects = clone.querySelector('[class*="_MaxEffects_"]');
+    const sourceEffects = source.querySelector(':is([class*="_MaxEffects_"], [class*="MaxEffects-"])');
+    const cloneEffects = clone.querySelector(':is([class*="_MaxEffects_"], [class*="MaxEffects-"])');
     if (!sourceEffects || !cloneEffects) return { disconnect };
     const sync = () => {
       if (!source.isConnected || !shell.isConnected) {
         disconnect();
         return;
       }
-      const sourceTransition = sourceEffects.querySelector('[class*="_ParticleTransition_"]');
-      let cloneTransition = cloneEffects.querySelector('[class*="_ParticleTransition_"]');
+      const sourceTransition = sourceEffects.querySelector(':is([class*="_ParticleTransition_"], [class*="ParticleTransition-"])');
+      let cloneTransition = cloneEffects.querySelector(':is([class*="_ParticleTransition_"], [class*="ParticleTransition-"])');
       if (!sourceTransition) {
         if (clone.querySelector("[data-fast-mode]")?.getAttribute("data-fast-mode") !== "true") {
           cloneTransition?.remove();
         }
         return;
       }
-      const sourceParticles = sourceTransition.querySelectorAll('[class*="_TrackParticle_"]');
-      let cloneParticles = cloneTransition?.querySelectorAll('[class*="_TrackParticle_"]');
+      const sourceParticles = sourceTransition.querySelectorAll(':is([class*="_TrackParticle_"], [class*="TrackParticle-"])');
+      let cloneParticles = cloneTransition?.querySelectorAll(':is([class*="_TrackParticle_"], [class*="TrackParticle-"])');
       if (!cloneTransition || sourceParticles.length !== cloneParticles.length) {
         cloneTransition?.remove();
         cloneTransition = sourceTransition.cloneNode(true);
         cloneEffects.append(cloneTransition);
-        cloneParticles = cloneTransition.querySelectorAll('[class*="_TrackParticle_"]');
+        cloneParticles = cloneTransition.querySelectorAll(':is([class*="_TrackParticle_"], [class*="TrackParticle-"])');
       }
       cloneTransition.setAttribute("style", sourceTransition.getAttribute("style") ?? "");
       sourceParticles.forEach((particle, index) => {
@@ -1862,7 +1868,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       viewControls.append(modelButton);
     }
 
-    const nativeReset = parentMenu.firstElementChild?.querySelector('[class*="_ResetToDefault_"]');
+    const nativeReset = parentMenu.firstElementChild?.querySelector(':is([class*="_ResetToDefault_"], [class*="ResetToDefault-"])');
     if (nativeReset) {
       const reset = nativeReset.cloneNode(true);
       reset.setAttribute("role", "button");
@@ -1870,7 +1876,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       reset.setAttribute("data-codex-model-slider-reset", "");
       reset.removeAttribute("data-radix-collection-item");
       reset.addEventListener("click", () => {
-        const currentReset = parentMenu.firstElementChild?.querySelector('[class*="_ResetToDefault_"]');
+        const currentReset = parentMenu.firstElementChild?.querySelector(':is([class*="_ResetToDefault_"], [class*="ResetToDefault-"])');
         invokeNativeMenuItemSelect(currentReset);
         queueEnsure();
       });
@@ -2092,7 +2098,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     const existing = parentMenu.querySelector(":scope > [data-codex-model-slider-generic]");
     const nativeTemplateReady = Boolean(
       parentMenu.firstElementChild
-        ?.querySelector("[data-model-picker-power-slider] [class*='_TickRail_'] > span"),
+        ?.querySelector("[data-model-picker-power-slider] :is([class*='_TickRail_'], [class*='TickRail-']) > span"),
     );
     const templateWaitCount = Number(parentMenu.getAttribute("data-codex-model-slider-template-wait") ?? 0);
     if (nativeModel?.slug.toLowerCase().startsWith("gpt-") && !nativeTemplateReady && templateWaitCount < 3) {
@@ -2212,8 +2218,8 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     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_"]');
+    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", "");
@@ -2235,14 +2241,14 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       modelSelectorTriggerObservers.set(trigger, observer);
     }
     const openPlaceholder = trigger.getAttribute("data-state") === "open"
-      && trigger.querySelector('[class*="_ModelPickerTriggerPlaceholder_"]');
+      && trigger.querySelector('[class*="ModelPickerTriggerPlaceholder"]');
     if (openPlaceholder && modelSelectorControllerMenu?.trigger === trigger && !modelSelectorControllerMenu.closing) {
       const textNode = firstVisibleTextNode(openPlaceholder);
       const label = locale === "zh-CN" ? "选择模型" : "Select model";
       if (textNode && textNode.nodeValue !== label) textNode.nodeValue = label;
     }
     const nativeLabels = Array.from(trigger.querySelectorAll(
-      '[class*="_ModelPickerTriggerModelText_"]:not([data-codex-model-slider-trigger-label])',
+      '[class*="ModelPickerTriggerModelText"]:not([data-codex-model-slider-trigger-label])',
     ));
     if (!nativeLabels.length) {
       trigger.setAttribute("data-codex-model-slider-trigger", "");

package/features/quick-chat/src/frontend/entry.mjs

@@ -10,9 +10,13 @@ style.textContent = `
   [data-mcx-quick-chat-history]>svg,[data-mcx-quick-chat-close]>svg{width:16px;height:16px}
   [data-mcx-quick-chat-close]{margin-inline-end:0}
   [data-mcx-quick-chat-minimize]{border-radius:calc(infinity * 1px)}
-  /* 单行输入沿用控件中线，消除原生编辑区换行布局留下的底部间距。 */
-  [data-mcx-quick-chat-compact] [data-composer-input]:has(>[data-composer-input-layout="single-line"]){margin-block:0;align-self:center}
-  [data-mcx-quick-chat-compact] [data-composer-input-layout="single-line"]{margin-block:0;align-self:center}
+  /* footer 底部对齐；编辑器与按钮共用高度，避免文字中线偏高。 */
+  [data-mcx-quick-chat] [data-composer-input][data-composer-layout="single-line"]:has(>[data-composer-input-layout="single-line"]){--composer-editor-single-line-height:var(--spacing-token-button-composer,calc(var(--spacing,4px)*9));margin-block:0}
+  /* 保留原生横条总高度，移除不对称留白，让整组内容在 wrapper 内居中。 */
+  [data-mcx-quick-chat] [data-composer-rows="inline"][data-composer-layout="single-line"]:not([data-dictation-view]):has([data-composer-input-layout="single-line"]){height:auto;min-block-size:calc(var(--composer-editor-single-line-height,calc(var(--spacing,4px)*9)) + var(--padding-composer-single-line-footer-block,0px) + var(--spacing-composer-footer-bottom,0px));padding-block:0;margin-block:0;align-items:center}
+  @media (width>=40rem){
+    [data-mcx-quick-chat] [data-composer-rows="responsive"][data-composer-layout="single-line"]:not([data-dictation-view]):has([data-composer-input-layout="single-line"]){height:auto;min-block-size:calc(var(--composer-editor-single-line-height,calc(var(--spacing,4px)*9)) + var(--padding-composer-single-line-footer-block,0px) + var(--spacing-composer-footer-bottom,0px));padding-block:0;margin-block:0;align-items:center}
+  }
   [data-mcx-quick-chat-project-rail]{display:none!important}
   /* 隐藏唯一的项目栏时，一并收起原生 rail 的圆角留白与负 margin。 */
   [data-composer-rail]:has(>[data-mcx-quick-chat-project-rail]):not(:has(>:not([data-mcx-quick-chat-project-rail]):not(:empty))){display:none!important}
@@ -25,7 +29,7 @@ function releaseBackground(instance) {
   instance.background = null;
 }
 function releaseProjectRail(instance) { instance.projectRail?.removeAttribute('data-mcx-quick-chat-project-rail'); instance.projectRail = null; }
-function remove(instance) { instance.surface?.removeAttribute('data-mcx-quick-chat-compact'); releaseBackground(instance); releaseProjectRail(instance); instance.minimize?.removeAttribute('data-mcx-quick-chat-minimize'); instance.unsubscribe(); instance.button?.remove(); instance.tracker.clear(); instance.historyTracker.clear(); }
+function remove(instance) { instance.surface?.removeAttribute('data-mcx-quick-chat'); releaseBackground(instance); releaseProjectRail(instance); instance.minimize?.removeAttribute('data-mcx-quick-chat-minimize'); instance.unsubscribe(); instance.button?.remove(); instance.tracker.clear(); instance.historyTracker.clear(); }
 function sync() {
   if (disposed) return;
   shortcut.sync();
@@ -43,7 +47,7 @@ function sync() {
     }
     if (selected || instance.tracker.accepted(snapshot)) snapshot.expand();
     instance.historyTracker.open(snapshot);
-    snapshot.surface.toggleAttribute('data-mcx-quick-chat-compact', !snapshot.expanded);
+    snapshot.surface.setAttribute('data-mcx-quick-chat', '');
     if (instance.projectRail !== snapshot.projectRail) {
       releaseProjectRail(instance);
       instance.projectRail = snapshot.projectRail;

package/features/session-status/src/session-status.mjs

@@ -269,6 +269,7 @@ collapse.innerHTML = '<svg aria-hidden="true" viewBox="0 0 24 24" fill="none" st
 collapse.addEventListener("click", () => { setGlobalExpanded(false); trigger.focus(); hideTooltip(); }, { signal });
 root.append(collapse);
 let snapshot = null;
+let logSnapshot = null;
 // 统计刷新会重建浮窗，复用图标节点以保留 tooltip 的悬浮锚点。
 const tpsInfo = document.createElement("button");
 tpsInfo.type = "button";
@@ -499,7 +500,8 @@ function ensurePosition() {
     activeThreadId = threadId;
     nativeContext = emptyNativeContext();
     // 会话建立后先展示占位，不让日志落盘速度决定状态栏是否出现。
-    snapshot = threadId ? { threadId } : null;
+    logSnapshot = threadId ? { threadId } : null;
+    snapshot = logSnapshot;
     closePanel();
     render();
     requestRefresh();
@@ -532,8 +534,12 @@ function ensurePosition() {
   }
   syncVisibility(composer);
 }
+// 原生上下文不可用时保留日志口径，避免环退化为占位。
+function withNativeContext(current, native) {
+  return !current || native.contextPercent == null ? current : { ...current, ...native };
+}
 function render() {
-  if (snapshot) snapshot = { ...snapshot, ...nativeContext };
+  snapshot = withNativeContext(logSnapshot, nativeContext);
   syncVisibility(findComposer());
   if (root.hidden) return;
   trigger.querySelector("[data-context-progress]").setAttribute("stroke-dashoffset", String(100 - (snapshot.contextPercent ?? 0)));
@@ -587,7 +593,7 @@ const receiver = {
       if (revision <= lastRevision) return;
       lastRevision = revision;
     }
-    snapshot = value;
+    logSnapshot = value;
     render();
     scheduleRefresh();
   },

package/features/sites/src/adapters/codex/renderer.mjs

@@ -31,8 +31,8 @@ function pageInfo() {
   if (!visible(content)) return null;
   const native = nativeProps(list || content.querySelector("button") || content.querySelector("p") || content.lastElementChild?.lastElementChild, p => "viewMode" in p && "shared" in p);
   const grid = native ? native.viewMode === "grid" : !!page.querySelector('button[aria-label="Grid view"][aria-pressed="true"],button[aria-label="网格视图"][aria-pressed="true"]');
-  const ownershipTabs=[...page.querySelectorAll('[role="tablist"]')].find(node=>!node.closest(`[${owned}]`)&&nativeProps(node,p=>p.tabs?.some(tab=>tab.key==="owned")&&p.tabs?.some(tab=>tab.key==="shared")));
-  const ownership=ownershipTabs&&nativeProps(ownershipTabs,p=>p.tabs?.some(tab=>tab.key==="owned")&&p.tabs?.some(tab=>tab.key==="shared"));
+  const ownershipTabs=[...page.querySelectorAll('[role="tablist"]')].find(node=>!node.closest(`[${owned}]`)&&nativeProps(node,p=>p.tabs?.some(tab=>tab.key==="owned")&&p.tabs?.some(tab=>["shared","pinned"].includes(tab.key))));
+  const ownership=ownershipTabs&&nativeProps(ownershipTabs,p=>p.tabs?.some(tab=>tab.key==="owned")&&p.tabs?.some(tab=>["shared","pinned"].includes(tab.key)));
   const shared = ownership ? ownership.selectedKey === "shared" : native ? !!native.shared : [...page.querySelectorAll("button[aria-pressed=true]")].some(b => /Shared with you|与你共享|與你共用/.test(b.textContent));
   const create = [...(plus ? page : page.firstElementChild).querySelectorAll("button")].find(b => visible(b) && (plus ? /^(Create Site|创建站点|创建新站点|建立網站)$/ : /^(New|新建|新增)$/).test(b.textContent.trim()) && !b.hasAttribute(owned));
   codex.report("sites-page",true);

package/package.json

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

package/packages/cli/src/control-server.mjs

@@ -8,6 +8,7 @@ import { fileURLToPath } from "node:url";
 import { BrowserExchangeStore } from "./browser-exchange.mjs";
 import { FEATURE_IDS, readConfig, updateFeature } from "./config.mjs";
 import { normalizeRuntimeReady } from "./runtime-manager.mjs";
+import { createNpmAdapter } from "./npm-adapter.mjs";
 
 import { createDataTransfer, MAX_TRANSFER_BYTES } from "./data-transfer/service.mjs";
 
@@ -327,11 +328,9 @@ export async function createControlServer({
         return;
       }
       if (request.method === "GET" && url.pathname === "/api/update") {
-        const registryResponse = await fetch("https://registry.npmjs.org/minecodex/latest", {
-          signal: AbortSignal.timeout(4_000),
-        });
-        if (!registryResponse.ok) throw Object.assign(new Error("Update check failed"), { statusCode: 502 });
-        const latest = String((await registryResponse.json()).version ?? "");
+        // 与 mcx update 共用 npm 配置，保留用户的 registry、代理和证书设置。
+        const latest = await createNpmAdapter().viewLatestVersion();
+        if (!latest) throw Object.assign(new Error("Update check failed"), { statusCode: 502 });
         json(response, 200, {
           current: packageMetadata.version,
           latest,

package/packages/cli/src/npm-adapter.mjs

@@ -7,17 +7,17 @@ import { promisify } from "node:util";
 const defaultExecFile = promisify(execFileCallback);
 
 export function createNpmAdapter({ execFile = defaultExecFile, tempRoot = os.tmpdir(), platform = process.platform } = {}) {
-  function runNpm(args) {
-    if (platform !== "win32") return execFile("npm", args);
+  function runNpm(args, options = {}) {
+    if (platform !== "win32") return execFile("npm", args, options);
     // npm.cmd 需要命令解释器；字面量参数经编码传递，避免路径被当成脚本。
     const quote = (value) => "'" + String(value).replaceAll("'", "''") + "'";
     const script = "[Console]::OutputEncoding=[Text.Encoding]::UTF8; $ErrorActionPreference='Stop'; & npm.cmd "
       + args.map(quote).join(" ") + "; exit $LASTEXITCODE";
-    return execFile("powershell.exe", ["-NoProfile", "-NonInteractive", "-EncodedCommand", Buffer.from(script, "utf16le").toString("base64")]);
+    return execFile("powershell.exe", ["-NoProfile", "-NonInteractive", "-EncodedCommand", Buffer.from(script, "utf16le").toString("base64")], options);
   }
   return {
     async viewLatestVersion() {
-      const { stdout } = await runNpm(["view", "minecodex", "version"]);
+      const { stdout } = await runNpm(["view", "minecodex", "version", "--fetch-retries=0", "--fetch-timeout=8000"], { timeout: 12_000 });
       return stdout.trim();
     },
 

package/packages/codex-adapter/src/markdown/block-actions.mjs

@@ -1,4 +1,5 @@
-import { findCodexModule } from '../renderer/modules.mjs';
+import {loadRspackMarkdownTableActions} from './rspack.mjs';
+import { findCodexModule, codexModuleRegistry } from '../renderer/modules.mjs';
 import { loadNativeMarkdownRenderer } from './markdown-native.mjs';
 
 export function markdownExportAlias(source, name) {
@@ -14,6 +15,8 @@ export function markdownExportAlias(source, name) {
 
 // 从 Chat Markdown 的公开组件发现悬浮操作栏和控件，不绑定构建 hash。
 export async function loadNativeMarkdownTableActions(native) {
+  const registry=await codexModuleRegistry();
+  if(registry)return loadRspackMarkdownTableActions(registry,native);
   const url = await findCodexModule('app-initial');
   if (!url) throw new Error('native-table-actions-module-unavailable');
   const response = await fetch(url);

package/packages/codex-adapter/src/markdown/editor-api.mjs

@@ -1,6 +1,8 @@
-import { findCodexModule } from '../renderer/modules.mjs';
+import { findCodexModule, codexModuleRegistry } from '../renderer/modules.mjs';
 // 使用当前编辑器所属的原生 CodeMirror 实例，避免引入第二套编辑器依赖。
 export async function loadMarkdownListAPI(view) {
+  const registry=await codexModuleRegistry();
+  if (registry) return loadRspackMarkdownListAPI(registry,view);
   const urls=await findCodexModule('dist',{all:true});
   for (const url of urls) {
     const exports = Object.values(await import(url));
@@ -24,3 +26,26 @@ export async function loadMarkdownListAPI(view) {
   }
   throw new Error('native-markdown-list-api-unavailable');
 }
+
+
+export function loadRspackMarkdownListAPI(registry,view) {
+  const values=[...new Set(registry.entries.flatMap(entry=>{
+    let exports;
+    try {exports=Object.values(registry.exports(entry));} catch {return [];}
+    return exports.includes(view.constructor)||exports.includes(view.state.constructor)?exports:[];
+  }))];
+  const requireRole=(predicate,role)=>{
+    const matches=values.filter(predicate);
+    if(matches.length!==1)throw new Error(`native-codemirror-${role}-unavailable`);
+    return matches[0];
+  };
+  return {
+    Decoration:requireRole(value=>value?.line&&value?.replace&&value?.mark,'decoration'),
+    ViewPlugin:requireRole(value=>value?.fromClass&&value?.define,'view-plugin'),
+    StateEffect:requireRole(value=>value?.appendConfig&&value?.reconfigure,'state-effect'),
+    Compartment:requireRole(value=>value?.prototype?.reconfigure&&value?.prototype?.of&&value?.prototype?.get,'compartment'),
+    WidgetType:requireRole(value=>value?.prototype?.eq&&value?.prototype?.ignoreEvent&&value?.prototype?.updateDOM,'widget'),
+    StateField:requireRole(value=>value?.define&&value?.prototype?.slot&&value?.prototype?.init&&value?.prototype?.create,'state-field'),
+    Prec:requireRole(value=>value?.highest&&value?.lowest&&value?.high,'precedence'),
+  };
+}

package/packages/codex-adapter/src/markdown/rspack.mjs

@@ -0,0 +1,75 @@
+// Markdown 共用原生角色；只沿已注册模块与原生 lazy 声明绑定依赖。
+export async function loadRspackMarkdownToc(registry) {
+  if (!registry.entries.some(entry=>entry.source.includes('data-heading-preview'))) {
+    const page=registry.module(source=>source.includes(').PageEditorContent'),'Pages content loader');
+    await registry.lazy(page,'PageEditorContent');
+  }
+  const owner=registry.module(source=>source.includes('data-heading-preview')&&source.includes('page-table-of-contents'),'Pages table of contents');
+  const body=marker=>{
+    const at=owner.source.indexOf(marker),start=owner.source.lastIndexOf('function ',at);
+    const end=owner.source.indexOf('}function ',at);
+    if(at<0||start<0)throw new Error('native-page-toc-component-unavailable');
+    return owner.source.slice(start,end<0?owner.source.length:end+1);
+  };
+  const requireMatch=(source,pattern)=>{
+    const match=source.match(pattern);
+    if(!match)throw new Error('native-page-toc-contract-changed');
+    return match[1];
+  };
+  const rail=body('"data-floating-navigation-rail-list"'),list=body('"data-heading-preview"');
+  const React=registry.binding(owner,requireMatch(rail,/\(0,([\w$]+)\.useState\)/));
+  const roots=[...new Set(registry.entries.filter(entry=>/\.createRoot=/.test(entry.source)).map(entry=>registry.exports(entry)).filter(value=>typeof value.createRoot==='function'))];
+  if(roots.length!==1)throw new Error('native-markdown-react-root-unavailable');
+  const marker=requireMatch(rail,/\.jsx\)\(([\w$]+\.[\w$]+),\{hierarchyLevel:/);
+  const layout=registry.binding(owner,marker.split('.')[0]);
+  const panels=Object.values(layout).filter(value=>typeof value==='function'&&registry.sourceOf(value).includes('shadow-xl-spread'));
+  if(panels.length!==1)throw new Error('native-page-toc-panel-unavailable');
+  const tooltip=requireMatch(owner.source,/\.jsx\)\(([\w$]+\.[\w$]+),\{align:"center",delayOpen:!0,interactive:!0,side:"right",sideOffset:0,skipDelayKey:"page-table-of-contents"/);
+  const indent=requireMatch(list,/"block",([\w$]+)\[e\.level\]/);
+  const array=requireMatch(owner.source,new RegExp(`(?:^|[^\\w$])${indent}=(\\[[^\\]]+\\])`));
+  if(!/^\[(?:void 0|"ms-\d+"|,)+\]$/.test(array))throw new Error('native-page-toc-indent-unavailable');
+  return {React,ReactDOM:roots[0],Marker:registry.binding(owner,marker),Panel:panels[0],Tooltip:registry.binding(owner,tooltip),
+    classes:{
+      rail:requireMatch(rail,/ref:[\w$]+,className:"([^"]+)","data-floating-navigation-rail-list"/),
+      railButton:requireMatch(rail,/className:"([^"]+)","aria-current"/),
+      menu:requireMatch(list,/ref:[\w$]+,className:"([^"]+)",variant:"viewer"/),
+      menuButton:requireMatch(list,/className:\(0,[\w$]+\.[\w$]+\)\("([^"]+)"/),
+      nav:requireMatch(body('skipDelayKey:"page-table-of-contents"'),/\.jsx\)\("nav",\{"aria-label":[\w$]+,className:"([^"]+)"/),
+    },indentation:array.slice(1,-1).split(',').map(value=>value==='void 0'?'':value.slice(1,-1))};
+}
+
+export function loadRspackMarkdownRenderer(registry) {
+  const owner=registry.module((source,entry)=>/\{getDefaultComponents:[\w$]+,\.\.\./.test(source)&&Object.values(registry.exports(entry)).some(value=>typeof value==='function'&&/\{getDefaultComponents:[\w$]+,\.\.\./.test(registry.sourceOf(value))),'Markdown component');
+  const Markdown=registry.value(owner,(value,source)=>typeof value==='function'&&source.includes('getDefaultComponents:'),'Markdown renderer');
+  const parser=registry.module(source=>/tokens:\(0,[\w$]+\.[\w$]+\)\([\w$]+,void 0\)/.test(source),'Markdown token parser');
+  const ref=parser.source.match(/tokens:\(0,([\w$]+\.[\w$]+)\)\([\w$]+,void 0\)/)[1];
+  const lexer=registry.binding(parser,ref);
+  if(typeof lexer!=='function')throw new Error('native-markdown-lexer-unavailable');
+  return {Markdown,lexer};
+}
+
+export function loadRspackMarkdownTableActions(registry,native) {
+  const owner=registry.module(source=>source.includes('id:"markdown.expandTable"'),'Markdown table controls');
+  const bind=pattern=>{
+    const ref=owner.source.match(pattern)?.[1];
+    if(!ref)throw new Error('native-table-actions-contract-changed');
+    return registry.binding(owner,ref);
+  };
+  const actions=registry.module(source=>source.includes('"data-block-actions":!0'),'block action bar');
+  const Actions=registry.value(actions,(value,source)=>typeof value==='function'&&source.includes('data-block-actions'),'block action bar');
+  const code=registry.module((source,entry)=>source.includes('id:"codeSnippet.wrap.disable"')&&Object.values(registry.exports(entry)).some(value=>typeof value==='function'&&registry.sourceOf(value).includes('id:"codeSnippet.wrap.disable"')),'code wrap controls');
+  const pair=code.source.match(/\?\(0,[\w$]+\.jsx\)\(([\w$]+\.[\w$]+),\{\}\):\(0,[\w$]+\.jsx\)\(([\w$]+\.[\w$]+),\{\}\)/);
+  if(!pair)throw new Error('native-code-wrap-icons-unavailable');
+  const icon=owner.source.match(/children:\(0,[\w$]+\.jsx\)\(([\w$]+\.[\w$]+),\{icon:\{16:([\w$]+\.[\w$]+),20:([\w$]+\.[\w$]+)\}\}\)/);
+  if(!icon)throw new Error('native-table-expand-icon-unavailable');
+  const [Icon,small,medium]=icon.slice(1).map(ref=>registry.binding(owner,ref));
+  return {...native,...loadRspackMarkdownRenderer(registry),rspack:registry,Actions,
+    Button:bind(/\.jsx\)\(([\w$]+\.[\w$]+),\{"aria-label":[\w$]+,"aria-expanded"/),
+    CopyButton:bind(/\.jsx\)\(([\w$]+\.[\w$]+),\{ariaLabel:[\w$]+,buttonText:/),
+    TablePreview:bind(/\.jsx\)\(([\w$]+\.[\w$]+),\{src:"",alt:/),
+    Table:bind(/\.jsx\)\(([\w$]+\.[\w$]+),\{className:[\w$]+,children:[\w$]+\}/),
+    tableClasses:bind(/([\w$]+\.[\w$]+)\.MarkdownTablePreview/),
+    ExpandIcon:()=>native.React.createElement(Icon,{icon:{16:small,20:medium}}),
+    wrapIcons:{disable:registry.binding(code,pair[1]),enable:registry.binding(code,pair[2])},
+  };
+}

package/packages/codex-adapter/src/markdown/toc-native.mjs

@@ -1,6 +1,9 @@
-import { findCodexModule, codexModuleStyles } from '../renderer/modules.mjs';
+import {loadRspackMarkdownToc} from './rspack.mjs';
+import { findCodexModule, codexModuleStyles, codexModuleRegistry } from '../renderer/modules.mjs';
 // 直接导入原生 Marker、目录浮层和 Tooltip；仅按源码调用关系发现公开角色。
 export async function loadNativeMarkdownToc() {
+  const registry=await codexModuleRegistry();
+  if(registry)return loadRspackMarkdownToc(registry);
   const urls = [...document.querySelectorAll('link[rel="modulepreload"],script[src]')].map(
     (n) => n.href || n.src,
   );