minecodex 2.0.51 → 2.0.53

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/adapters/codex/rspack.mjs

@@ -0,0 +1,50 @@
+// 从已注册的原生模块与导出表解析角色，不执行模块工厂或依赖压缩名称。
+export function loadRspackQuickChatBindings(registry, commandCatalog) {
+  const catalog=registry.module(source=>/\{id:[`"']temporaryChat[`"'],titleIntlId:/.test(source),'Quick Chat command catalog');
+  const native=commandCatalog(catalog.source);
+  if (native) return {native};
+  const entry=registry.module(source=>/has-opened-quick-chat-v1/.test(source)&&/chatgpt\.quick-chat/.test(source),'Quick Chat lifecycle');
+  const exported=local=>{
+    if (!local) throw new Error('quick-chat-lifecycle-contract-unavailable');
+    const escaped=local.replace(/[.*+?^${}()|[\]\\]/g,'\\$&');
+    const key=entry.source.match(new RegExp(`([\\w$]+):\\(\\)=>${escaped}(?=[,}])`))?.[1];
+    const value=key && registry.exports(entry)[key];
+    if (value==null) throw new Error('quick-chat-lifecycle-export-unavailable');
+    return value;
+  };
+  const open=registry.value(entry,(value,source)=>typeof value==='function'&&/chatgpt\.quick-chat/.test(source)&&/\.get\(([\w$]+)\)\|\|/.test(source),'Quick Chat open');
+  const source=String(open);
+  const create=exported(source.match(/null==[\w$]+\?([\w$]+)\([\w$]+,[\w$]+\):/)?.[1]);
+  const state=exported(source.match(/\.get\(([\w$]+)\)\|\|/)?.[1]);
+  const bindings={native,open,create,isOpen:scope=>scope.get(state)};
+  if (typeof create!=='function') throw new Error('quick-chat-lifecycle-contract-unavailable');
+  try {
+    const discard=registry.value(entry,(value,source)=>typeof value==='function'&&/draftKey:/.test(source)&&/content:null/.test(source)&&/conversationId,""/.test(source),'Quick Chat discard');
+    const actions=String(discard).match(/let ([\w$]+)=([\w$]+)\.get\(([\w$]+)\);([\w$]+)\(\2\),\2\.set\(\3,null\),null!=\1&&\(\(0,([\w$]+\.[\w$]+)\)\(\2,\{draftKey:\1\.conversationId,content:null\}\),\(0,([\w$]+\.[\w$]+)\)\(\2,\1\.conversationId,""\),\2\.set\(([\w$]+\.[\w$]+),\1\.conversationId,\[\]\)/);
+    if (!actions) throw new Error('quick-chat-close-contract-unavailable');
+    const session=exported(actions[3]),close=exported(actions[4]);
+    const draft=registry.binding(entry,actions[5]),text=registry.binding(entry,actions[6]),attachments=registry.binding(entry,actions[7]);
+    if ([close,draft,text].some(value=>typeof value!=='function')) throw new Error('quick-chat-close-contract-unavailable');
+    bindings.close=(scope,id)=>{
+      if (scope.get(session)?.conversationId!==id) return false;
+      draft(scope,{draftKey:id,content:null});text(scope,id,'');scope.set(attachments,id,[]);close(scope);return true;
+    };
+  } catch { /* 关闭协议独立失效时仍保留打开能力。 */ }
+  try {
+    const modeEntry=registry.module(source=>/conversationDetailMode/.test(source)&&/"work":"codex"/.test(source),'Quick Chat product mode');
+    const modes=Object.values(registry.exports(modeEntry));
+    if (modes.length===1) bindings.mode=scope=>scope.get(modes[0]);
+  } catch { /* 无模式 selector 时只使用可见模式选择器。 */ }
+  return bindings;
+}
+
+export function loadRspackQuickChatIcon(registry) {
+  const entry=registry.module(source=>/"data-floating-chat-surface":/.test(source)&&/minimizedIcon:/.test(source),'Quick Chat floating surface');
+  const local=entry.source.match(/minimizedIcon:([\w$]+)/)?.[1];
+  const escaped=local?.replace(/[.*+?^${}()|[\]\\]/g,'\\$&');
+  const reference=escaped&&entry.source.match(new RegExp(`children:${escaped}\\?\\?\\(0,[\\w$]+\\.jsx\\)\\(([\\w$]+\\.[\\w$]+),\\{\\}\\)`))?.[1];
+  if (!reference) throw new Error('quick-chat-icon-contract-unavailable');
+  const icon=registry.binding(entry,reference);
+  if (typeof icon?.createElement!=='function') throw new Error('quick-chat-icon-contract-unavailable');
+  return icon;
+}

package/features/quick-chat/src/adapters/codex/shortcut.mjs

@@ -1,4 +1,5 @@
-import { findCodexModule } from '../../../../../packages/codex-adapter/src/renderer/modules.mjs';
+import {loadRspackQuickChatBindings} from "./rspack.mjs";
+import { findCodexModule, codexModuleRegistry } from '../../../../../packages/codex-adapter/src/renderer/modules.mjs';
 import {quickChatLifecycleActions, quickChatScope} from "./lifecycle.mjs";
 // 通过原生能力检查与已有会话分支定位打开动作，不依赖构建哈希或压缩名称。
 export function quickChatOpenExport(source) {
@@ -99,6 +100,12 @@ export function installQuickChatShortcut(signal, codex, discover = null) {
   }
   async function load() {
     codex.report('quick-chat-shortcut', false, 'quick-chat-module-pending');
+    const registry=await codexModuleRegistry({signal:loading.signal,waitForEntry:true,read:async url=>(await fetch(url,{signal:loading.signal})).text()});
+    if (registry) {
+      const bindings=loadRspackQuickChatBindings(registry,quickChatNativeCommand);
+      if (!bindings.native && !bindings.close) codex.report('quick-chat-close',false,'quick-chat-close-contract-unavailable');
+      return bindings;
+    }
     const url=await findCodexModule('app-initial',{signal:loading.signal,waitForEntry:true});
     if (!url) throw new Error('quick-chat-module-unavailable');
     const source = await (await fetch(url, {signal:loading.signal})).text();

package/features/quick-chat/src/adapters/codex/sidebar.mjs

@@ -1,5 +1,9 @@
-import { findCodexModule } from '../../../../../packages/codex-adapter/src/renderer/modules.mjs';
+import {loadRspackQuickChatIcon} from "./rspack.mjs";
+import { findCodexModule, codexModuleRegistry } from '../../../../../packages/codex-adapter/src/renderer/modules.mjs';
 export async function loadQuickChatSidebarIcon(signal) {
+  signal.throwIfAborted();
+  const registry=await codexModuleRegistry({signal,waitForEntry:true,read:async url=>(await fetch(url,{signal})).text()});
+  if (registry) return loadRspackQuickChatIcon(registry);
   const initialUrl = await findCodexModule('app-initial',{signal});
   if (!initialUrl) throw new Error('quick-chat-icon-module-unavailable');
   const initial = await (await fetch(initialUrl,{signal})).text();

package/features/quick-chat/src/injection-source.mjs

@@ -1,4 +1,5 @@
-import { findCodexModule } from '../../../packages/codex-adapter/src/renderer/modules.mjs';
+import {loadRspackQuickChatBindings,loadRspackQuickChatIcon} from "./adapters/codex/rspack.mjs";
+import { findCodexModule, codexModuleRegistry } from '../../../packages/codex-adapter/src/renderer/modules.mjs';
 import {quickChatLifecycleActions, quickChatScope} from "./adapters/codex/lifecycle.mjs";
 import {quickChatHistoryVisible} from "./adapters/codex/history.mjs";
 import { readFile } from "node:fs/promises";
@@ -10,7 +11,7 @@ import { installQuickChatSidebar } from "./frontend/sidebar.mjs";
 import { createHistoryTracker } from "./domain/history.mjs";
 export async function createPageScriptSource() {
   const source = await readFile(new URL("./frontend/entry.mjs", import.meta.url), "utf8");
-  const functions = [findCodexModule, quickChatHistoryVisible, loadQuickChatSidebarIcon, createQuickChatSidebarAdapter, installQuickChatSidebar,
+  const functions = [findCodexModule, codexModuleRegistry, loadRspackQuickChatBindings, loadRspackQuickChatIcon, quickChatHistoryVisible, loadQuickChatSidebarIcon, createQuickChatSidebarAdapter, installQuickChatSidebar,
     quickChatLifecycleActions, quickChatScope, quickChatOpenExport, quickChatLifecycleExports, quickChatNativeCommand, installQuickChatShortcut, createQuickChatAdapter,
     createSubmissionTracker, createHistoryTracker];
   return functions.map(fn => `const ${fn.name}=${fn.toString()};`).join('\n') + '\n' + source;

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.51",
+  "version": "2.0.53",
   "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'),
+  };
+}