minecodex 2.0.21 → 2.0.23

package/features/markdown-reading/src/adapters/codex/reading-runtime.mjs

@@ -6,6 +6,23 @@ import { installMarkdownToc } from './toc.mjs';
 import { loadNativeMarkdownTableActions, installMarkdownTableActions } from './table-actions.mjs';
 import { loadNativeMarkdownRichText, installMarkdownRichText } from './rich-text.mjs';
 
+// 每个 Preview 共用换行状态，虚拟滚动重挂载的块也读取当前值。
+export function createMarkdownWrapState() {
+  let enabled = false;
+  const listeners = new Set();
+  return {
+    get: () => enabled,
+    toggle() {
+      enabled = !enabled;
+      for (const listener of listeners) listener();
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    },
+  };
+}
+
 // 原生能力加载与会话寿命归 Adapter；入口只持有检查结果和释放动作。
 export function createMarkdownReadingRuntime(
   codex,
@@ -37,6 +54,7 @@ export function createMarkdownReadingRuntime(
   }
   function attach({ editor, content, scroller }) {
     const view = content.cmTile?.view;
+    const wrapState = createMarkdownWrapState();
     const states = new Map([
       ['markdown-reading-layout', 'loading'],
       ['markdown-reading-links', 'loading'],
@@ -71,7 +89,7 @@ export function createMarkdownReadingRuntime(
       await stage('markdown-reading-rich-text', 'native-rich-text-unavailable', async () => {
         const rich = await load('loadNativeMarkdownRichText', actions);
         if (!current()) return;
-        cleanups.push(capabilities.installMarkdownRichText(view, api, rich, codex));
+        cleanups.push(capabilities.installMarkdownRichText(view, api, rich, codex, wrapState));
         report('markdown-reading-rich-text', true);
       });
     }
@@ -102,7 +120,7 @@ export function createMarkdownReadingRuntime(
         const api = await capabilities.loadMarkdownListAPI(view);
         if (!current()) return;
         cleanups.push(capabilities.installMarkdownLists(view, api));
-        const tables = capabilities.installMarkdownTables(view, api);
+        const tables = capabilities.installMarkdownTables(view, api, wrapState);
         cleanups.push(tables);
         report('markdown-reading-layout', true);
         await Promise.all([installLinks(api), installToc(api, tables)]);

package/features/markdown-reading/src/adapters/codex/rich-text.mjs

@@ -38,7 +38,7 @@ export async function loadNativeMarkdownRichText(native) {
   return { ...native, CodeSnippet: sharedBinding(codeName), katex };
 }
 
-export function installMarkdownRichText(view, api, native, codex) {
+export function installMarkdownRichText(view, api, native, codex, wrapState) {
   const { Decoration, StateField, StateEffect, Compartment, WidgetType, Prec } = api;
   const {
     React,
@@ -55,8 +55,7 @@ export function installMarkdownRichText(view, api, native, codex) {
   } = native;
   const h = React.createElement,
     roots = new Set(),
-    footnoteReturns = new Map(),
-    codeStates = new Map();
+    footnoteReturns = new Map();
   const withProviders = captureMarkdownProviders(view.dom, codex);
   const mount = (element, tree) => {
     const root = ReactDOM.createRoot(element);
@@ -64,11 +63,9 @@ export function installMarkdownRichText(view, api, native, codex) {
     root.render(withProviders(React, tree));
     return root;
   };
-  function Code({ content, language, id }) {
-    const [wrap, setWrap] = React.useState(
-        () => (codeStates.get(id)?.source === content && codeStates.get(id).wrap) || false,
-      ),
-      [overflow, setOverflow] = React.useState(false),
+  function Code({ content, language }) {
+    const wrap = React.useSyncExternalStore(wrapState.subscribe, wrapState.get);
+    const [overflow, setOverflow] = React.useState(false),
       ref = React.useRef(null);
     React.useLayoutEffect(() => {
       const element = ref.current?.querySelector('code')?.parentElement;
@@ -84,7 +81,9 @@ export function installMarkdownRichText(view, api, native, codex) {
       check();
       return () => observer.disconnect();
     }, [wrap, content]);
-    const label = wrap ? '关闭代码换行' : '开启代码换行';
+    const label = document.documentElement.lang.startsWith('zh')
+      ? wrap ? '关闭文档换行' : '开启文档换行'
+      : wrap ? 'Disable document word wrap' : 'Enable document word wrap';
     return h(
       'div',
       { ref, className: 'mcx-reading-code-block group/app-widget' },
@@ -112,10 +111,7 @@ export function installMarkdownRichText(view, api, native, codex) {
                   color: 'blockAction',
                   radius: 'full',
                   size: 'inputIcon',
-                  onClick: () => {
-                    codeStates.set(id, { source: content, wrap: !wrap });
-                    setWrap(!wrap);
-                  },
+                  onClick: () => wrapState.toggle(),
                 },
                 h(wrap ? wrapIcons.disable : wrapIcons.enable),
               ),
@@ -159,7 +155,7 @@ export function installMarkdownRichText(view, api, native, codex) {
       else if (this.kind === 'code')
         element._mcxRoot = mount(
           element,
-          h(Code, { content: this.source, language: this.options.language, id: this.options.from }),
+          h(Code, { content: this.source, language: this.options.language }),
         );
       else if (this.kind === 'math')
         element.innerHTML = katex.renderToString(this.source, {

package/features/markdown-reading/src/adapters/codex/table-actions.mjs

@@ -136,11 +136,11 @@ export function installMarkdownTableActions(view, native, codex, controller) {
     const tokens = React.useMemo(() => (open ? lexer(item.source, undefined) : []), [open, item.source]);
     const wrap = chinese
       ? item.fit
-        ? '恢复自然列宽'
-        : '适配宽度并换行'
+        ? '关闭文档换行'
+        : '开启文档换行'
       : item.fit
-        ? 'Use natural table width'
-        : 'Fit table width and wrap';
+        ? 'Disable document word wrap'
+        : 'Enable document word wrap';
     const copy = chinese ? '复制表格' : 'Copy table';
     const expand = chinese ? '展开表格' : 'Expand table';
     const preview = chinese ? '表格预览' : 'Table preview';
@@ -186,7 +186,7 @@ export function installMarkdownTableActions(view, native, codex, controller) {
                     color: 'blockAction',
                     radius: 'full',
                     size: 'inputIcon',
-                    onClick: () => controller.toggle(item.id),
+                    onClick: () => controller.toggle(),
                   },
                   h(item.fit ? wrapIcons.disable : wrapIcons.enable),
                 ),

package/features/markdown-reading/src/adapters/codex/tables.mjs

@@ -1,5 +1,5 @@
 // 保留原生逐行表格及选区；每张表的行共享横向位置，不移动正文节点。
-export function installMarkdownTables(view, api) {
+export function installMarkdownTables(view, api, wrapState) {
   const { Decoration, ViewPlugin, StateEffect, Compartment, WidgetType } = api;
   class EmptyCell extends WidgetType {
     eq() {
@@ -82,7 +82,6 @@ export function installMarkdownTables(view, api) {
   view.dom.append(layoutStyle);
   let measuredDoc = null;
   const tables = new Map();
-  const fitted = new Set();
   let hovered = null;
   function inline(state, node, target) {
     let cursor = node.from;
@@ -155,9 +154,9 @@ export function installMarkdownTables(view, api) {
     const inset = (scroller.clientWidth - available) / 2;
     const breakout = Math.max(0, parseFloat(padding.paddingLeft) - inset);
     for (const [id, table] of tables) {
-      table.style.inlineSize = fitted.has(id) ? '100%' : 'max-content';
+      table.style.inlineSize = wrapState.get() ? '100%' : 'max-content';
       for (const cell of table.querySelectorAll('td,th'))
-        cell.style.overflowWrap = fitted.has(id) ? 'anywhere' : 'break-word';
+        cell.style.overflowWrap = wrapState.get() ? 'anywhere' : 'break-word';
     }
     const widths = new Map(
       [...tables].map(([id, table]) => [
@@ -173,7 +172,7 @@ export function installMarkdownTables(view, api) {
       );
       columns.forEach((width, index) =>
         rules.push(
-          `${selector} > .cm-markdown-table-cell:nth-child(${index + 1} of .cm-markdown-table-cell){width:${width}px;overflow-wrap:${fitted.has(id) ? 'anywhere' : 'break-word'}}`,
+          `${selector} > .cm-markdown-table-cell:nth-child(${index + 1} of .cm-markdown-table-cell){width:${width}px;overflow-wrap:${wrapState.get() ? 'anywhere' : 'break-word'}}`,
         ),
       );
     }
@@ -322,7 +321,7 @@ export function installMarkdownTables(view, api) {
         const headerInset = parseFloat(getComputedStyle(rows[0]).paddingTop);
         items.push({
           id,
-          fit: fitted.has(id),
+          fit: wrapState.get(),
           overflow: (scrollLimits.get(id) ?? 0) > 0,
           visible: hovered === id,
           left: (first.left - frameRect.left) / scale,
@@ -435,7 +434,6 @@ export function installMarkdownTables(view, api) {
       update(update) {
         if (update.docChanged) {
           offsets.clear();
-          fitted.clear();
           geometryRows = [];
         }
         if (update.docChanged || update.startState.tree !== update.state.tree) measuredDoc = null;
@@ -456,16 +454,16 @@ export function installMarkdownTables(view, api) {
   const controller = {
     schedule,
     renderActions: null,
-    toggle(id) {
-      if (fitted.has(id)) fitted.delete(id);
-      else fitted.add(id);
-      offsets.delete(id);
-      schedule();
-      view.requestMeasure();
-    },
+    toggle: () => wrapState.toggle(),
   };
+  const unsubscribeWrap = wrapState.subscribe(() => {
+    offsets.clear();
+    schedule();
+    view.requestMeasure();
+  });
   schedule();
   const dispose = () => {
+    unsubscribeWrap();
     view.dom.removeEventListener('pointerover', onHover);
     view.dom.removeEventListener('pointerout', onHover);
     view.dom.removeEventListener('focusin', schedule);

package/features/markdown-reading/src/injection-source.mjs

@@ -3,6 +3,7 @@ import { collectMarkdownFootnotes } from './domain/footnotes.mjs';
 import { captureMarkdownProviders } from './adapters/codex/providers.mjs';
 import {
   createMarkdownReadingRuntime,
+  createMarkdownWrapState,
   installMarkdownMetadataScroll,
 } from './adapters/codex/reading-runtime.mjs';
 import { loadNativeMarkdownRichText, installMarkdownRichText } from './adapters/codex/rich-text.mjs';
@@ -23,6 +24,7 @@ export async function createPageScriptSource() {
     collectMarkdownFootnotes,
     captureMarkdownProviders,
     createMarkdownReadingRuntime,
+    createMarkdownWrapState,
     createMarkdownPreviewAdapter,
     installMarkdownMetadataScroll,
     loadMarkdownListAPI,

package/features/model-slider/codex-feature.json

@@ -7,8 +7,8 @@
     "zh-CN": "模型窗口"
   },
   "description": {
-    "en": "Switch models and thinking levels, and keep favorites close at hand.",
-    "zh-CN": "快速切换模型和思考强度，收藏常用模型。"
+    "en": "Search and switch models and thinking levels, and keep favorites close at hand.",
+    "zh-CN": "搜索与切换模型和思考强度，收藏常用模型。"
   },
   "entry": {
     "kind": "composer-model-selector"
@@ -28,6 +28,14 @@
       "openai": "OpenAI"
     },
     "strings": {
+      "searchPlaceholder": {
+        "en": "Search model",
+        "zh-CN": "搜索模型"
+      },
+      "noResults": {
+        "en": "No models found",
+        "zh-CN": "未找到模型"
+      },
       "star": {
         "en": "Star {model}",
         "zh-CN": "收藏 {model}"

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

@@ -31,6 +31,18 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       z-index: 10;
       padding: 6px;
     }
+    [data-codex-model-slider-search-header] {
+      position: sticky; top: 0; z-index: 1; flex-shrink: 0; padding: 2px 8px 8px;
+      background: var(--mcx-color-surface-elevated-secondary);
+    }
+    [data-codex-model-slider-search] {
+      width: 100%; height: 28px; border: 0; outline: none; padding: 0;
+      background: transparent; color: var(--mcx-color-text-primary);
+      font: inherit; font-size: var(--mcx-text-sm, 13px);
+    }
+    [data-codex-model-slider-search]::placeholder { color: var(--mcx-color-text-tertiary); }
+    [data-codex-model-slider-empty] { padding: 12px 8px; color: var(--mcx-color-text-secondary); font-size: 13px; }
+    [data-codex-model-slider-item][data-codex-model-slider-keyboard] { background: var(--mcx-color-background-primary-ghost-hover); }
     [data-codex-model-slider-menu][data-codex-model-slider-overflow] {
       max-height: var(--codex-model-slider-menu-max-height) !important;
       overflow-y: auto;
@@ -647,7 +659,12 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     const items = modelMenuItems(menu).filter((item) => item.dataset.codexModelSliderRaw);
     if (!items.length) return;
     const favorites = loadModelFavorites(selector);
-    items.forEach((item) => { item.style.display = ""; });
+    const query = menu.querySelector('[data-codex-model-slider-search]')?.value.trim().toLocaleLowerCase() ?? "";
+    const terms = query.split(/\s+/).filter(Boolean);
+    items.forEach((item) => {
+      const text = `${item.dataset.codexModelSliderRaw} ${item.querySelector('[data-codex-model-slider-copy]')?.textContent ?? ""}`.toLocaleLowerCase();
+      item.style.display = terms.every((term) => text.includes(term)) ? "" : "none";
+    });
     if (!menu.hasAttribute("data-codex-model-slider-controller-menu")) {
       if (!modelSelectorMenuSizeFrames.has(menu)) {
         const frame = requestAnimationFrame(() => {
@@ -658,8 +675,9 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       }
       return;
     }
-    const starred = items.filter((item) => favorites.has(item.dataset.codexModelSliderRaw));
-    const ordinary = items.filter((item) => !favorites.has(item.dataset.codexModelSliderRaw));
+    const visible = items.filter((item) => item.style.display !== "none");
+    const starred = visible.filter((item) => favorites.has(item.dataset.codexModelSliderRaw));
+    const ordinary = visible.filter((item) => !favorites.has(item.dataset.codexModelSliderRaw));
     const desired = items.slice().sort((a, b) => compareEnhancedModelItems(a, b, favorites));
     const parent = items[0].parentElement;
     if (!parent || !desired.every((item) => item.parentElement === parent)) return;
@@ -673,13 +691,15 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
         divider.setAttribute("data-codex-model-slider-divider", "");
         divider.setAttribute("role", "separator");
       }
-      const firstOrdinary = desired.find((item) => !favorites.has(item.dataset.codexModelSliderRaw));
+      const firstOrdinary = desired.find((item) => item.style.display !== "none" && !favorites.has(item.dataset.codexModelSliderRaw));
       if (firstOrdinary && divider.nextElementSibling !== firstOrdinary) {
         parent.insertBefore(divider, firstOrdinary);
       }
     } else {
       divider?.remove();
     }
+    const empty = menu.querySelector('[data-codex-model-slider-empty]');
+    if (empty) empty.hidden = visible.length > 0;
 
     if (!modelSelectorMenuSizeFrames.has(menu)) {
       const frame = requestAnimationFrame(() => {
@@ -693,7 +713,20 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
   function sizeModelMenuViewport(menu, maxVisibleItems) {
     if (!menu.isConnected) return;
     if (modelSelectorControllerMenu?.menu === menu && modelSelectorControllerMenu.animations?.length) return;
-    const items = modelMenuItems(menu).filter((item) => item.dataset.codexModelSliderRaw);
+    const items = modelMenuItems(menu).filter((item) => item.dataset.codexModelSliderRaw && item.style.display !== "none");
+    if (menu.hasAttribute("data-codex-model-slider-controller-menu")) {
+      const content = menu.querySelector('[data-codex-model-slider-results]');
+      const header = menu.querySelector('[data-codex-model-slider-search-header]');
+      const style = getComputedStyle(menu);
+      const chrome = [style.paddingTop, style.paddingBottom, style.borderTopWidth, style.borderBottomWidth]
+        .reduce((sum, value) => sum + (Number.parseFloat(value) || 0), 0);
+      const last = items[Math.max(1, maxVisibleItems) - 1];
+      const resultsHeight = last ? last.offsetTop + last.offsetHeight - content.offsetTop : content.offsetHeight;
+      const available = modelSelectorControllerMenu.parentMenu.getBoundingClientRect().bottom - 8;
+      menu.style.height = `${Math.ceil(Math.min(chrome + header.offsetHeight + resultsHeight, available))}px`;
+      menu.style.overflowY = "auto";
+      return;
+    }
     if (items.length <= maxVisibleItems) {
       menu.removeAttribute("data-codex-model-slider-overflow");
       menu.style.removeProperty("--codex-model-slider-menu-max-height");
@@ -1055,7 +1088,20 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     featureUI.surface(menu, "dropdown", { variant: "opaque" });
     // 切换同一个 picker 视图，不重复播放整个 Dropdown 的入场缩放。
     menu.style.animation = "none";
+    menu.style.boxSizing = "border-box";
+    const header = document.createElement("div");
+    header.setAttribute("data-codex-model-slider-search-header", "");
+    const search = document.createElement("input");
+    search.type = "text";
+    search.setAttribute("data-codex-model-slider-search", "");
+    search.placeholder = selector.strings.searchPlaceholder;
+    search.setAttribute("aria-label", search.placeholder);
+    search.autocomplete = "off";
+    search.spellcheck = false;
+    header.append(search);
+    menu.append(header);
     const content = document.createElement("div");
+    content.setAttribute("data-codex-model-slider-results", "");
     content.style.flexShrink = "0";
     menu.append(content);
     models.forEach((model, index) => {
@@ -1063,6 +1109,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       item.className = "no-drag outline-hidden rounded-lg px-[var(--padding-row-x)] py-[var(--padding-row-y)] text-sm text-default group hover:bg-primary-ghost-hover focus:bg-primary-ghost-hover cursor-interaction flex flex-col";
       item.setAttribute("role", "menuitem");
       item.setAttribute("tabindex", "-1");
+      item.id = `mcx-model-result-${index}`;
       enhanceModelItem(item, menu, selector, index, {
         rawValue: String(model.model),
         selected: String(model.model) === String(controller.model),
@@ -1071,6 +1118,71 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
       });
       content.append(item);
     });
+    const empty = document.createElement("div");
+    empty.setAttribute("data-codex-model-slider-empty", "");
+    empty.setAttribute("role", "status");
+    empty.textContent = selector.strings.noResults;
+    empty.hidden = true;
+    content.append(empty);
+    let keyboardItem = null;
+    const resetKeyboard = () => {
+      keyboardItem?.removeAttribute("data-codex-model-slider-keyboard");
+      keyboardItem = null;
+      search.removeAttribute("aria-activedescendant");
+    };
+    search.addEventListener("input", () => {
+      resetKeyboard();
+      const record = modelSelectorControllerMenu;
+      if (!record || record.menu !== menu || record.closing) return;
+      const previousHeight = menu.getBoundingClientRect().height;
+      clearTimeout(record.motionTimer);
+      record.animations?.forEach((animation) => animation.cancel());
+      record.animations = [];
+      menu.scrollTop = 0;
+      renderEnhancedModelMenu(menu, selector);
+      sizeModelMenuViewport(menu, selector.maxVisibleItems);
+      record.listHeight = menu.getBoundingClientRect().height;
+      if (matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+      const motion = menu.animate([{ height: `${previousHeight}px` }, { height: `${record.listHeight}px` }],
+        { duration: 320, easing: "cubic-bezier(.19,1,.22,1)" });
+      record.animations.push(motion);
+      record.motionTimer = setTimeout(() => {
+        if (modelSelectorControllerMenu !== record || record.closing) return;
+        motion.cancel();
+        record.animations = [];
+      }, 320);
+    });
+    // 原生菜单的 typeahead 不应吞掉搜索输入；鼠标操作保留输入焦点。
+    menu.addEventListener("pointerdown", (event) => {
+      if (event.target.closest?.('[data-codex-model-slider-item]')) event.preventDefault();
+    });
+    search.addEventListener("keydown", (event) => {
+      event.stopPropagation();
+      if (event.isComposing) return;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        closeControllerModelMenu();
+        modelButton.focus();
+      } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+        event.preventDefault();
+        const visible = modelMenuItems(menu).filter((item) => item.style.display !== "none");
+        if (!visible.length) return;
+        const current = visible.indexOf(keyboardItem);
+        const index = current < 0 ? (event.key === "ArrowDown" ? 0 : visible.length - 1)
+          : (current + (event.key === "ArrowDown" ? 1 : -1) + visible.length) % visible.length;
+        resetKeyboard();
+        keyboardItem = visible[index];
+        keyboardItem.setAttribute("data-codex-model-slider-keyboard", "");
+        search.setAttribute("aria-activedescendant", keyboardItem.id);
+        const top = keyboardItem.offsetTop - header.offsetHeight;
+        const bottom = keyboardItem.offsetTop + keyboardItem.offsetHeight - menu.clientHeight;
+        if (top < menu.scrollTop) menu.scrollTop = top;
+        else if (bottom > menu.scrollTop) menu.scrollTop = bottom;
+      } else if (event.key === "Enter") {
+        event.preventDefault();
+        (keyboardItem ?? modelMenuItems(menu).find((item) => item.style.display !== "none"))?.click();
+      }
+    });
     menu.addEventListener("click", (event) => {
       const star = event.target.closest?.("[data-codex-model-slider-star]");
       const item = event.target.closest?.("[data-codex-model-slider-item]");
@@ -1132,8 +1244,7 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     parentMenu.append(menu);
     sizeModelMenuViewport(menu, selector.maxVisibleItems);
     modelButton.setAttribute("aria-expanded", "true");
-    (menu.querySelector('[data-codex-model-slider-selected]')
-      ?? menu.querySelector('[role="menuitem"]'))?.focus();
+    search.focus({ preventScroll: true });
     const record = modelSelectorControllerMenu;
     record.listHeight = menu.getBoundingClientRect().height;
     animateControllerModelMenu(record, true, () => {
@@ -1331,18 +1442,14 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     particles.setAttribute("aria-hidden", "true");
     particles.setAttribute("data-animation-active", "true");
     const travelDuration = 1.9;
-    const stagger = travelDuration / 14;
     const valueMax = Number(rail.getAttribute("aria-valuemax") ?? 0);
     const valueNow = Number(rail.getAttribute("aria-valuenow") ?? 0);
-    const initialStartPercent = valueMax > 0 ? (valueNow / valueMax) * 100 : 0;
-    const remainingTravel = 1 - Math.min(Math.max(initialStartPercent, 0), 100) / 100;
     particles.append(...Array.from({ length: 14 }, (_, index) => {
-      const speed = 1 + (nativeParticleSeed(index, 21) - 0.5) * 0.4;
-      const duration = travelDuration / speed;
       const path = document.createElement("span");
       path.className = pathClass;
-      path.style.animationDelay = `${index * stagger - duration * remainingTravel}s`;
-      path.style.animationDuration = `${duration}s`;
+      // 等速、等间距铺满完整路径；档位只裁剪可见范围，不压缩运动或聚集粒子。
+      path.style.animationDelay = `${-((index + 0.5) / 14) * travelDuration}s`;
+      path.style.animationDuration = `${travelDuration}s`;
       path.style.top = `${12 + nativeParticleSeed(index, 23) * 76}%`;
       const particle = document.createElement("span");
       particle.className = particleClass;
@@ -1354,6 +1461,8 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     clip.append(particles);
     const tickRail = Array.from(track.children).find((element) => String(element.className).includes("_TickRail_"));
     track.insertBefore(clip, tickRail ?? null);
+    // 重建粒子层后按当前档位恢复裁剪，避免重开面板时覆盖整条滑轨。
+    setGenericSliderVisual(rail, valueNow, valueMax + 1);
     if (entering) {
       // 首帧沿用关闭 Fast 时的星点，再渐显流动粒子。
       clip.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 240, easing: "ease-out" });
@@ -1381,7 +1490,6 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     rail.setAttribute("data-fast-mode", String(enabled));
     rail.setAttribute("data-fast-mode-dot-transition", animate ? (enabled ? "entering" : "exiting") : (enabled ? "active" : "inactive"));
     syncNativeFastParticles(rail, enabled, animate && enabled);
-    setGenericSliderVisual(rail, Number(rail.getAttribute("aria-valuenow") ?? 0), Number(rail.getAttribute("aria-valuemax") ?? 0) + 1);
     if (animate && enabled) {
       shell.setAttribute("data-codex-model-slider-fast-transitioning", "");
       setTimeout(() => {

package/package.json

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

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

@@ -152,7 +152,7 @@ async function normalizeModelSelector(modelSelector, projectDir) {
     throw new Error("modelSelector.icons requires fallback, star, and unstar");
   }
   const strings = {};
-  for (const key of ["star", "unstar"]) {
+  for (const key of new Set(["star", "unstar", ...Object.keys(modelSelector.strings ?? {})])) {
     const localized = normalizeLocalizedText(modelSelector.strings?.[key], `modelSelector.strings.${key}`);
     strings[key] = { value: localized.value, locales: localized.locales };
   }