minecodex 2.0.2 → 2.0.4

package/features/model-slider/DESIGN.md

@@ -0,0 +1,34 @@
+# Design System: Codex Model Slider
+
+通用视觉、材质、按钮、Tooltip 与原生 sidebar 层级遵循根 [DESIGN.md](../../DESIGN.md)。本文件只记录功能特有组件、布局、数据语义与通用组件选型。
+
+## 1. Visual Theme & Atmosphere
+
+Model Slider 延续 Codex 原生的克制、紧凑和功能优先。增强层只改善模型识别与选择效率，不创建独立视觉语言。
+
+## 2. Color Palette & Roles
+
+- **Reasoning Accent Blue** (`var(--color-chart-blue)`): Slider 打开时的普通推理强度，沿用 Codex 原生 active effort 语义。
+- **Maximum Effort Purple** (`var(--color-chart-purple)`): 仅用于 Ultra 推理强度及其相关状态。
+
+模型名为主要内容，Provider 为辅助信息；通用文字与交互角色遵循根规范。
+
+## 3. Typography Rules
+
+Composer 触发器区分两种状态：占位态（"Select model" / "Select effort"）沿用原生 160px Content 宽度；真实模型态让芯片 HUG 完整模型名，长名称不被截断，reasoning effort 始终完整可见。Slider 顶部的模型名最多显示两行。
+
+## 4. Component Stylings
+
+- **Composer Trigger:** 占位态恢复原生 160px Content 宽度；真实模型态 HUG 完整名称，头部保留原生可点击 chevron。
+- **Slider Header:** 模型名最多两行，容器高度随内容自然撑开；effort 与 chevron 不收缩。无 Fast 时移除原生 12px 预留占位，让按钮与面板严格居中。
+- **Model List:** 保持 264px 原生宽度、Provider 副文本、收藏与最多六项可视高度；收藏与未收藏之间保留分隔线，弹窗内容四周保留约 6px 内边距；模型弹窗与原生 Slider 一致地水平居中于触发器。列表打开期间，Composer 占位文案从 `Select effort` 切为原生语义 `Select model`，关闭后恢复。
+- OCX 自动发现的 GPT 路由若与原生模型同名且没有独立推理档位，列表只显示原生项；当前已选中的路由仍显示，避免失去切换入口。有独立档位的 Provider 路由继续显示并标注 Provider。
+- Slider 预览档位时同步 effort 标签与 Fast 控件的 Ultra 状态；离开 Ultra 后立即恢复普通档位颜色。
+
+## 5. Layout Principles
+
+宽度遵循原生菜单，垂直方向允许内容自然增长。长名称优先换行而不是扩大面板；Composer 的紧凑触发器优先保留 effort 可读性。
+
+## 代码归属
+
+模型身份、品牌与别名、目录匹配、路由去重及档位交集由 `src/domain/model-rules.mjs` 维护，不读取 DOM 或收藏存储。`src/frontend/install.mjs` 维护原生控制器适配、收藏存储、菜单、滑条与节点恢复，使用共享 Dropdown 材质。`src/injection-source.mjs` 将两者组装为自包含 Renderer 安装函数；宿主只提供配置、locale、共享 UI、图标工厂与刷新调度，调用 ensure/dispose。

package/features/model-slider/src/adapters/codex/controller.mjs

@@ -0,0 +1,93 @@
+export function createModelControllerAdapter(codex,comparableModelLabel) {
+function controllerView(props) {const view=Object.fromEntries(["models","model","reasoningEffort","powerSelections","selectedPowerSelection","fallbackPowerSelection","serviceTierOptions","selectedServiceTier","onSelectModel","onSelectReasoningEffort","onSelectPower","onCommitPower","onSelectServiceTier"].map(key=>[key,props[key]]));codex.report('model-controller',true);return view;}
+function nativeComposerTrigger() {
+    const triggers = Array.from(document.querySelectorAll("[data-codex-intelligence-trigger]"))
+      .filter((trigger) => trigger.checkVisibility({ checkVisibilityCSS: true, checkOpacity: true }));
+    return triggers.find((trigger) => trigger.getAttribute("data-state") === "open")
+      ?? triggers[0] ?? null;
+  }
+function nativeComposerModelController() {
+    codex.report("model-controller",false,"task-controller-unavailable");
+    const trigger = nativeComposerTrigger();
+    let fiber = codex.currentFiber(trigger);
+    let powerController = null;
+    for (let depth = 0; fiber && depth < 40; depth += 1, fiber = fiber.return) {
+      const props = fiber.memoizedProps;
+      if (
+        Array.isArray(props?.powerSelections)
+        && typeof props.onCommitPower === "function"
+      ) powerController ??= props;
+      if (Array.isArray(props?.models) && typeof props.onSelectReasoningEffort === "function") return controllerView(props);
+      if (Array.isArray(props?.models) && typeof props.onCommitPower === "function") {
+        const power = powerController ?? props;
+        return controllerView({
+          ...props,
+          powerSelections: power.powerSelections ?? props.powerSelections,
+          selectedPowerSelection: power.selectedPowerSelection ?? props.selectedPowerSelection,
+          fallbackPowerSelection: power.fallbackPowerSelection ?? props.fallbackPowerSelection,
+          onSelectPower: power.onSelectPower ?? props.onSelectPower,
+          onCommitPower: power.onCommitPower,
+        });
+      }
+      // Chat／Temporary Chat 使用原生模型选择器，不进入任务模型适配。
+      if (props?.selectedModel && typeof props.onModelChange === "function") return null;
+    }
+    return null;
+  }
+function nativeModelDescriptorForItem(item, observedRaw) {
+    const target = comparableModelLabel(observedRaw);
+    if (!target) return null;
+    let fiber = codex.currentFiber(item);
+    for (let depth = 0; fiber && depth < 35; depth += 1, fiber = fiber.return) {
+      if (!Array.isArray(fiber.memoizedProps)) continue;
+      const matches = fiber.memoizedProps.map((element) => {
+        const props = element?.props?.children?.props;
+        const slug = String(props?.model ?? element?.key ?? "").trim();
+        const displayName = String(props?.displayName ?? "").trim();
+        return slug && (
+          comparableModelLabel(slug) === target || comparableModelLabel(displayName) === target
+        ) ? { slug, displayName } : null;
+      }).filter(Boolean);
+      if (matches.length === 1) return matches[0];
+    }
+    return null;
+  }
+function setReactControlledMenuOpen(element, open) {
+    if (!element) return false;
+    let fiber = codex.currentFiber(element);
+    for (let depth = 0; fiber && depth < 40; depth += 1, fiber = fiber.return) {
+      const props = fiber.memoizedProps;
+      if (typeof props?.open === "boolean" && props.open !== open && typeof props.onOpenChange === "function") {
+        props.onOpenChange(open);
+        return true;
+      }
+    }
+    return false;
+  }
+function invokeNativeMenuItemSelect(item) {
+    if (!item) return false;
+    let fiber = codex.currentFiber(item);
+    for (let depth = 0; fiber && depth < 24; depth += 1, fiber = fiber.return) {
+      const onSelect = fiber.memoizedProps?.onSelect;
+      if (typeof onSelect !== "function") continue;
+      onSelect({ preventDefault() {}, defaultPrevented: false });
+      return true;
+    }
+    return false;
+  }
+  function extractFastIconPath(source, prefix) {
+    const match = String(source).match(new RegExp(`d:\`(${prefix}[^\`]*)\``));
+    return match?.[1] ?? null;
+  }
+
+  async function fastIcons(signal) {
+    const sourceLink=document.querySelector('link[href*="/assets/app-primary-"][href$=".js"]')
+      ?? document.querySelector('link[href*="/assets/app-initial-"][href$=".js"]');
+    if (!sourceLink?.href) {codex.report("fast-icons",false,"bundle-unavailable");return null;}
+    const source=await (await fetch(sourceLink.href,{signal})).text();
+    const active=extractFastIconPath(source,"M11\\.9125 21\\.4125"),inactive=extractFastIconPath(source,"M9\\.80999 17\\.8302");
+    codex.report("fast-icons",Boolean(active && inactive),active && inactive ? null : "icon-resource-contract-changed");
+    return {active:{path:active,viewBox:"0 0 24 24"},inactive:{path:inactive,viewBox:"0 0 20 20"}};
+  }
+return {fastIcons,trigger:nativeComposerTrigger,read:nativeComposerModelController,descriptor:nativeModelDescriptorForItem,setOpen:setReactControlledMenuOpen,selectItem:invokeNativeMenuItemSelect};
+}

package/features/model-slider/src/domain/model-rules.mjs

@@ -0,0 +1,143 @@
+// 模型身份、品牌、目录匹配与档位口径；不读取 DOM、存储或宿主状态。
+export function createModelRules() {
+  function modelIdentity(rawValue) {
+    const raw = String(rawValue ?? "").trim();
+    const slash = raw.indexOf("/");
+    return {
+      raw,
+      provider: slash > 0 ? raw.slice(0, slash).trim() : "",
+      backend: slash > 0 ? raw.slice(slash + 1).trim() : raw,
+    };
+  }
+
+  function formatIdentifier(value) {
+    const raw = String(value ?? "").trim();
+    if (!raw) return "";
+    if (/\s/.test(raw) && !raw.includes("/") && !raw.includes("_") && !raw.includes("-")) return raw;
+    const canonical = new Map([
+      ["ai", "AI"], ["api", "API"], ["chatglm", "ChatGLM"], ["claude", "Claude"],
+      ["codex", "Codex"], ["deepseek", "DeepSeek"], ["gemini", "Gemini"], ["gemma", "Gemma"],
+      ["glm", "GLM"], ["gpt", "GPT"], ["grok", "Grok"], ["kimi", "Kimi"],
+      ["minimax", "MiniMax"], ["mimo", "MiMo"], ["moonshot", "Moonshot"], ["qwen", "Qwen"],
+      ["qwq", "QwQ"], ["xai", "xAI"], ["xiaomi", "Xiaomi"], ["zhipu", "Zhipu"],
+    ]);
+    return raw
+      .replace(/[_-]+/g, " ")
+      .split(/\s+/)
+      .filter(Boolean)
+      .map((token) => {
+        const lower = token.toLowerCase();
+        if (canonical.has(lower)) return canonical.get(lower);
+        if (/^v\d/i.test(token)) return `V${token.slice(1)}`;
+        if (/^o\d/i.test(token)) return token.toUpperCase();
+        return token.charAt(0).toUpperCase() + token.slice(1);
+      })
+      .join(" ");
+  }
+
+  function providerLabel(provider, selector) {
+    if (!provider) return "";
+    return selector.providerAliases?.[provider.toLowerCase()] ?? formatIdentifier(provider);
+  }
+
+  function compactModelLabel(rawValue) {
+    const raw = String(rawValue ?? "").trim();
+    return formatIdentifier(raw.slice(raw.lastIndexOf("/") + 1));
+  }
+
+  function brandForModel(identity, selector) {
+    const haystack = `${identity.backend} ${identity.raw}`.toLowerCase();
+    return selector.brands?.find((brand) => (
+      brand.keywords.some((keyword) => haystack.includes(keyword))
+    )) ?? null;
+  }
+
+  function comparableModelLabel(value) {
+    return formatIdentifier(modelIdentity(value).backend)
+      .toLowerCase()
+      .replace(/^gpt\s+/, "")
+      .trim();
+  }
+
+  function modelWithOpenCodexEfforts(identity, selector, model) {
+    if (!model || !selector?.openCodexRealEfforts) return model;
+    const provenance = model.opencodex_capability_provenance;
+    const catalogModel = provenance?.provider && provenance?.model_id
+      ? null
+      : catalogModelFor(identity, selector);
+    const source = catalogModel ?? model;
+    const sourceProvenance = source.opencodex_capability_provenance;
+    const key = sourceProvenance?.provider && sourceProvenance?.model_id
+      ? `${sourceProvenance.provider}/${sourceProvenance.model_id}`.toLowerCase()
+      : identity.raw.toLowerCase();
+    const realEfforts = selector.openCodexRealEfforts[key];
+    if (!realEfforts) return model;
+    const allowed = new Set(realEfforts);
+    const levels = (model.supportedReasoningLevels ?? []).filter((level) => {
+      const effort = String(level?.effort ?? level ?? "").toLowerCase();
+      return allowed.has(effort);
+    });
+    return { ...model, supportedReasoningLevels: levels };
+  }
+
+  function catalogModelFor(identity, selector) {
+    const raw = identity.raw.toLowerCase();
+    const backend = identity.backend.toLowerCase();
+    const exact = selector.models?.find((model) => (
+      model.slug.toLowerCase() === raw
+      || model.slug.toLowerCase() === backend
+      || model.displayName.toLowerCase() === raw
+    )) ?? null;
+    if (exact) return exact;
+    const target = comparableModelLabel(identity.backend);
+    if (!target) return null;
+    const aliases = (selector.models ?? []).filter((model) => (
+      comparableModelLabel(model.slug) === target || comparableModelLabel(model.displayName) === target
+    ));
+    return resolveModelAlias(aliases, identity);
+  }
+
+  function resolveModelAlias(aliases, identity) {
+    if (aliases.length === 1) return aliases[0];
+    if (aliases.length < 2 || identity.provider) return null;
+    const native = aliases.find((model) => !model.slug.includes("/"));
+    const thirdParty = aliases.find((model) => model.slug.includes("/"));
+    if (!native || !thirdParty) return null;
+    if (!modelIdentity(native.slug).backend.toLowerCase().startsWith("gpt")) return null;
+    const nativeLabel = formatIdentifier(
+      modelIdentity(String(native.displayName ?? native.slug)).backend,
+    ).toLowerCase();
+    return formatIdentifier(identity.backend).toLowerCase() === nativeLabel ? native : thirdParty;
+  }
+
+  function nativeGptSortRank(rawValue) {
+    const known = new Map([
+      ["gpt-6-astra", 1], ["gpt-5.6-sol", 2], ["gpt-5.6-terra", 3], ["gpt-5.6-luna", 4],
+      ["gpt-5.5", 5], ["gpt-5.4", 6], ["gpt-5.4-mini", 7], ["gpt-5.3-codex-spark", 8],
+    ]);
+    const raw = String(rawValue ?? "").trim();
+    const knownRank = known.get(raw);
+    if (knownRank != null) return { official: true, rank: knownRank };
+    const identity = modelIdentity(raw);
+    return identity.provider ? null : { official: true, rank: 100 };
+  }
+
+  function visibleControllerModels(controller) {
+    const models = controller.models.filter((model) => !model.hidden && String(model.model ?? "").trim());
+    const nativeGptIds = new Set(models
+      .filter((model) => !String(model.model).includes("/") && /^gpt-/i.test(model.model))
+      .map((model) => String(model.model).toLowerCase()));
+    // OCX 自动发现的同名路由若没有独立档位，会与原生 GPT 显示成两项。
+    return models.filter((model) => {
+      const slug = String(model.model);
+      const backend = modelIdentity(slug).backend.toLowerCase();
+      return slug === controller.model
+        || !(
+          slug.includes("/")
+          && nativeGptIds.has(backend)
+          && !(model.supportedReasoningEfforts ?? []).length
+        );
+    });
+  }
+  return { modelIdentity, formatIdentifier, providerLabel, compactModelLabel, brandForModel, comparableModelLabel, catalogModelFor, resolveModelAlias, modelWithOpenCodexEfforts, nativeGptSortRank, visibleControllerModels };
+}