minecodex 2.0.17 → 2.0.19

package/packages/plugin/assets/prompts.js

@@ -381,7 +381,7 @@ ${U.body}`.toLocaleLowerCase().includes(y)));if(!k.length){g.append(jn(!!y));ret
 [data-minecodex-quick-prompts=panel] .qp-title { max-width:55%; flex-shrink:0; }
 .qp-image-preview { position:fixed; visibility:hidden; padding:0; overflow:hidden; border-radius:var(--mcx-radius-2xl); transform-origin:left center; }
 .qp-image-preview img { display:block; width:100%; height:100%; object-fit:contain; }
-`;function uv(e){let t=document.documentElement;t.dataset.theme=e.theme??t.dataset.theme??"light",t.style.colorScheme=t.dataset.theme;for(let[o,r]of Object.entries(e.styles?.variables??{}))t.style.setProperty(o,r);let i={"color-surface":"--color-background-primary","color-surface-elevated-secondary":"--color-background-secondary","color-text-primary":"--color-text-primary","color-text-secondary":"--color-text-secondary","color-text-tertiary":"--color-text-tertiary","color-border":"--color-border-primary","color-border-subtle":"--color-border-secondary","color-border-primary-outline":"--color-border-primary","color-background-primary-ghost-hover":"--color-background-tertiary","color-background-primary-outline-hover":"--color-background-tertiary","color-background-primary-solid":"--color-text-primary","color-text-primary-solid":"--color-background-primary","color-background-primary-solid-hover":"--color-text-secondary","color-ring":"--color-border-info","color-text-danger":"--color-text-danger","font-sans-default":"--font-sans","text-sm":"--font-text-sm-size","text-base":"--font-text-md-size","text-xs":"--font-text-xs-size","text-heading-lg":"--font-heading-lg-size","text-heading-md":"--font-heading-md-size","radius-md":"--border-radius-md","radius-lg":"--border-radius-lg","radius-xl":"--border-radius-xl","radius-full":"--border-radius-full"};for(let[o,r]of Object.entries(i))t.style.setProperty(`--mcx-${o}`,`var(${r})`);e.locale&&(t.lang=e.locale)}function hx(e){let t=document.createElement("style");t.setAttribute("data-minecodex-ui-styles","layers"),t.textContent=`
+`;function uv(e){let t=document.documentElement;t.dataset.theme=e.theme??t.dataset.theme??"light",t.style.colorScheme=t.dataset.theme;for(let[o,r]of Object.entries(e.styles?.variables??{}))t.style.setProperty(o,r);let i={"color-surface":"--color-background-primary","color-surface-elevated-secondary":"--color-background-secondary","color-text-primary":"--color-text-primary","color-text-secondary":"--color-text-secondary","color-text-tertiary":"--color-text-tertiary","color-border":"--color-border-primary","color-border-subtle":"--color-border-secondary","color-border-primary-outline":"--color-border-primary","color-background-primary-ghost-hover":"--color-background-primary-ghost-hover","color-background-primary-outline-hover":"--color-background-primary-ghost-hover","color-background-primary-solid":"--color-text-primary","color-text-primary-solid":"--color-background-primary","color-background-primary-solid-hover":"--color-text-secondary","color-ring":"--color-border-info","color-text-danger":"--color-text-danger","font-sans-default":"--font-sans","text-sm":"--font-text-sm-size","text-base":"--font-text-md-size","text-xs":"--font-text-xs-size","text-heading-lg":"--font-heading-lg-size","text-heading-md":"--font-heading-md-size","radius-md":"--border-radius-md","radius-lg":"--border-radius-lg","radius-xl":"--border-radius-xl","radius-full":"--border-radius-full"};for(let[o,r]of Object.entries(i))t.style.setProperty(`--mcx-${o}`,`var(${r})`);e.locale&&(t.lang=e.locale)}function hx(e){let t=document.createElement("style");t.setAttribute("data-minecodex-ui-styles","layers"),t.textContent=`
     [data-mcx-ui-layer=page] { position:fixed; z-index:20; }
     [data-mcx-ui-layer=notification] { position:fixed; z-index:45; }
     [data-mcx-ui-layer=floating], [data-mcx-ui-layer=modal] { position:fixed; z-index:50; }
@@ -425,7 +425,7 @@ ${U.body}`.toLocaleLowerCase().includes(y)));if(!k.length){g.append(jn(!!y));ret
       font-family:var(--mcx-font-sans-default);font-size:var(--mcx-text-sm);line-height:18px;
       font-weight:var(--mcx-tooltip-compact-font-weight);letter-spacing:var(--mcx-tracking-tooltip);user-select:none; }
   `,document.head.append(o);function r(m){return m.setAttribute("data-mcx-ui-tooltip",""),m}r(i),i.style.cssText=`zoom:var(--codex-window-zoom,1);max-width:min(320px,calc(100vw - 16px));
-    text-align:center;overflow-wrap:anywhere;`;let n=null,a,s,c=-1/0;function l(){if(clearTimeout(a),cancelAnimationFrame(s),n){let m=(n.getAttribute("aria-describedby")||"").split(/\s+/).filter(A=>A&&A!==i.id);m.length?n.setAttribute("aria-describedby",m.join(" ")):n.removeAttribute("aria-describedby")}i.hidden||(c=Date.now()),n=null,i.hidden=!0}function d(){if(!n?.isConnected||!n.getClientRects().length||n.getAttribute("aria-expanded")==="true")return l();let m=Number.parseFloat(getComputedStyle(i).zoom)||1,A=n.getBoundingClientRect(),x=i.offsetWidth,C=i.offsetHeight,M=n.getAttribute("data-minecodex-tooltip-side")||(n.closest("[data-app-navigation-rail]")?"right":getComputedStyle(n).getPropertyValue("--side-tooltip").trim()||"top"),T=2/m,Q=(A.left+A.width/2)/m-x/2,re=M==="bottom"?A.bottom/m+T:A.top/m-C-T;M==="right"||M==="left"?(Q=M==="right"?A.right/m+T:A.left/m-x-T,re=(A.top+A.height/2)/m-C/2,Q+x>innerWidth/m-8?Q=A.left/m-x-T:Q<8&&(Q=A.right/m+T)):re<8?re=A.bottom/m+T:re+C>innerHeight/m-8&&(re=A.top/m-C-T),i.style.left=`${Math.max(8,Math.min(Q,innerWidth/m-x-8))}px`,i.style.top=`${Math.max(8,Math.min(re,innerHeight/m-C-8))}px`,s=requestAnimationFrame(d)}function f(m,A=!1){!m||m===n||(l(),!(m.getAttribute("aria-expanded")==="true"||!m.getAttribute(t))&&(n=m,a=setTimeout(()=>{if(!n?.isConnected)return l();i.isConnected||document.body.append(i);let x=getComputedStyle(n);for(let M of["--radius-2xl","--codex-corner-shape","--color-background-tooltip","--color-text-tooltip","--color-border-tooltip","--shadow-tooltip","--tooltip-compact-font-weight","--tracking-tooltip","--spacing","--text-sm","--font-sans-default"]){let T=x.getPropertyValue(M).trim();T?i.style.setProperty(M,T):i.style.removeProperty(M)}i.textContent=n.getAttribute(t),i.hidden=!1;let C=(n.getAttribute("aria-describedby")||"").split(/\s+/).filter(Boolean);n.setAttribute("aria-describedby",[...new Set([...C,i.id])].join(" ")),d()},A||Date.now()-c<300?0:200)))}let h=m=>m.target instanceof Element?m.target.closest(`[${t}]`):null;return document.addEventListener("pointerover",m=>f(h(m)),{signal:e}),document.addEventListener("pointerout",m=>{n&&!n.contains(m.relatedTarget)&&l()},{signal:e}),document.addEventListener("focusin",m=>f(h(m),!0),{signal:e}),document.addEventListener("focusout",l,{signal:e}),document.addEventListener("pointerdown",l,{signal:e,capture:!0}),document.addEventListener("keydown",m=>{m.key==="Escape"&&l()},{signal:e}),window.addEventListener("blur",l,{signal:e}),e.addEventListener("abort",()=>{l(),i.remove(),o.remove()},{once:!0}),{tooltipSurface:r}}var Mo=new vd({name:"Prompt",version:"0.1.0"});Mo.ontoolresult=()=>{};await Mo.connect();uv(Mo.getHostContext());Mo.addEventListener("hostcontextchanged",uv);var bx=new AbortController,Ad=bx.signal,bi={};for(let e of[hx,gx,vx,Ax,yx])Object.assign(bi,e(Ad,bi));bi.page=e=>(bi.surface(e,"page"),bi.layer(e,"page"));bi.releasePage=()=>{};var j_=dx(Ad,{management:!0,ui:bi,resources:{icons:mx,previews:px,styles:fx},insertPrompt:e=>new Promise((t,i)=>{let o=new MessageChannel,r,n=s=>{clearTimeout(r),o.port1.close(),Ad.removeEventListener("abort",a),s?i(s):t()},a=()=>n(new Error("Prompt page closed"));Ad.addEventListener("abort",a,{once:!0}),r=setTimeout(()=>n(new Error("No available input in the focused window")),4500),o.port1.onmessage=({data:s})=>n(s.ok?null:new Error(s.error)),window.top.postMessage({type:"minecodex:insert-prompt",promptId:e,expiresAt:Date.now()+4e3},"*",[o.port2])}),requestHostAction:async(e,t)=>{let i=await Mo.callServerTool({name:t.method&&t.method!=="GET"?"minecodex_prompts_write":"minecodex_prompts_read",arguments:t});if(i.isError)throw new Error(i.content?.find(o=>o.type==="text")?.text??"Prompts request failed");return i.structuredContent.result}});Mo.onteardown=async()=>(bx.abort(),j_(),{});
+    text-align:center;overflow-wrap:anywhere;`;let n=null,a,s,c=-1/0;function l(){if(clearTimeout(a),cancelAnimationFrame(s),n){let m=(n.getAttribute("aria-describedby")||"").split(/\s+/).filter(A=>A&&A!==i.id);m.length?n.setAttribute("aria-describedby",m.join(" ")):n.removeAttribute("aria-describedby")}i.hidden||(c=Date.now()),n=null,i.hidden=!0}function d(){if(!n?.isConnected||!n.getClientRects().length||n.getAttribute("aria-expanded")==="true")return l();let m=Number.parseFloat(getComputedStyle(i).zoom)||1,A=n.getBoundingClientRect(),x=i.offsetWidth,C=i.offsetHeight,M=n.getAttribute("data-minecodex-tooltip-side")||(n.closest("[data-app-navigation-rail]")?"right":getComputedStyle(n).getPropertyValue("--side-tooltip").trim()||"top"),T=2/m,Q=(A.left+A.width/2)/m-x/2,re=M==="bottom"?A.bottom/m+T:A.top/m-C-T;M==="right"||M==="left"?(Q=M==="right"?A.right/m+T:A.left/m-x-T,re=(A.top+A.height/2)/m-C/2,Q+x>innerWidth/m-8?Q=A.left/m-x-T:Q<8&&(Q=A.right/m+T)):re<8?re=A.bottom/m+T:re+C>innerHeight/m-8&&(re=A.top/m-C-T),i.style.left=`${Math.max(8,Math.min(Q,innerWidth/m-x-8))}px`,i.style.top=`${Math.max(8,Math.min(re,innerHeight/m-C-8))}px`,s=requestAnimationFrame(d)}function f(m,A=!1){!m||m===n||(l(),!(m.getAttribute("aria-expanded")==="true"||!m.getAttribute(t))&&(n=m,a=setTimeout(()=>{if(!n?.isConnected)return l();i.isConnected||document.body.append(i);let x=getComputedStyle(n);for(let M of["--radius-2xl","--codex-corner-shape","--color-background-tooltip","--color-text-tooltip","--color-border-tooltip","--shadow-tooltip","--tooltip-compact-font-weight","--tracking-tooltip","--spacing","--text-sm","--font-sans-default"]){let T=x.getPropertyValue(M).trim();T?i.style.setProperty(M,T):i.style.removeProperty(M)}i.textContent=n.getAttribute(t),i.hidden=!1;let C=(n.getAttribute("aria-describedby")||"").split(/\s+/).filter(Boolean);n.setAttribute("aria-describedby",[...new Set([...C,i.id])].join(" ")),d()},A||Date.now()-c<300?0:200)))}let h=m=>m.target instanceof Element?m.target.closest(`[${t}]`):null;return document.addEventListener("pointerover",m=>f(h(m)),{signal:e}),document.addEventListener("pointerout",m=>{n&&!n.contains(m.relatedTarget)&&l()},{signal:e}),document.addEventListener("focusin",m=>f(h(m),!0),{signal:e}),document.addEventListener("focusout",l,{signal:e}),document.addEventListener("pointerdown",l,{signal:e,capture:!0}),document.addEventListener("keydown",m=>{m.key==="Escape"&&l()},{signal:e}),window.addEventListener("blur",l,{signal:e}),e.addEventListener("abort",()=>{l(),i.remove(),o.remove()},{once:!0}),{tooltipSurface:r}}var Mo=new vd({name:"Prompt",version:"2.0.19"});Mo.ontoolresult=()=>{};await Mo.connect();uv(Mo.getHostContext());Mo.addEventListener("hostcontextchanged",uv);var bx=new AbortController,Ad=bx.signal,bi={};for(let e of[hx,gx,vx,Ax,yx])Object.assign(bi,e(Ad,bi));bi.page=e=>(bi.surface(e,"page"),bi.layer(e,"page"));bi.releasePage=()=>{};var j_=dx(Ad,{management:!0,ui:bi,resources:{icons:mx,previews:px,styles:fx},insertPrompt:e=>new Promise((t,i)=>{let o=new MessageChannel,r,n=s=>{clearTimeout(r),o.port1.close(),Ad.removeEventListener("abort",a),s?i(s):t()},a=()=>n(new Error("Prompt page closed"));Ad.addEventListener("abort",a,{once:!0}),r=setTimeout(()=>n(new Error("No available input in the focused window")),4500),o.port1.onmessage=({data:s})=>n(s.ok?null:new Error(s.error)),window.top.postMessage({type:"minecodex:insert-prompt",promptId:e,expiresAt:Date.now()+4e3},"*",[o.port2])}),requestHostAction:async(e,t)=>{let i=await Mo.callServerTool({name:t.method&&t.method!=="GET"?"minecodex_prompts_write":"minecodex_prompts_read",arguments:t});if(i.isError)throw new Error(i.content?.find(o=>o.type==="text")?.text??"Prompts request failed");return i.structuredContent.result}});Mo.onteardown=async()=>(bx.abort(),j_(),{});
 /*! Bundled license information:
 
 @modelcontextprotocol/client/dist/src-WCy6ifGf.mjs:

package/packages/plugin/plugin.json

@@ -1,6 +1,5 @@
 {
   "name": "minecodex",
-  "version": "0.1.0",
   "description": "Manage local MineCodex enhancements without changing their runtime.",
   "author": { "name": "Vontean" },
   "mcpServers": "./.mcp.json",

package/packages/plugin/src/app.mjs

@@ -1,6 +1,6 @@
 import { App } from "@modelcontextprotocol/ext-apps";
 
-const app = new App({ name: "MineCodex", version: "0.1.0" });
+const app = new App({ name: "MineCodex", version: __MCX_RELEASE_VERSION__ });
 app.ontoolresult = () => {};
 await app.connect();
 window.minecodexMcpApp = app;

package/packages/plugin/src/install.mjs

@@ -2,6 +2,7 @@ import { mkdir, readFile, writeFile, copyFile } from "node:fs/promises";
 import path from "node:path";
 import { execFile } from "node:child_process";
 import { promisify } from "node:util";
+import { RELEASE_VERSION } from "./version.mjs";
 const execute = promisify(execFile);
 
 export async function installPlugin({ paths, execFileImpl = execute, codex = "codex", node = process.execPath }) {
@@ -11,6 +12,7 @@ export async function installPlugin({ paths, execFileImpl = execute, codex = "co
   await mkdir(path.join(plugin, "assets"), { recursive: true });
   await mkdir(path.join(root, ".agents/plugins"), { recursive: true });
   const manifest = JSON.parse(await readFile(path.join(paths.packageRoot, "packages/plugin/plugin.json"), "utf8"));
+  manifest.version = RELEASE_VERSION;
   await writeFile(path.join(plugin, ".codex-plugin/plugin.json"), JSON.stringify(manifest, null, 2) + "\n");
   await copyFile(path.join(paths.packageRoot, "assets/brand/minecodex-icon.svg"), path.join(plugin, "assets/icon.svg"));
   await writeFile(path.join(plugin, ".mcp.json"), JSON.stringify({ mcpServers: { minecodex: {

package/packages/plugin/src/prompts-app.mjs

@@ -10,7 +10,7 @@ import { installDialog } from '../../ui/src/components/dialog.mjs';
 import { installButton } from '../../ui/src/components/button.mjs';
 import { installFeatureTooltips } from '../../ui/src/components/tooltip.mjs';
 
-const app = new App({name:'Prompt',version:'0.1.0'});
+const app = new App({name:'Prompt',version:__MCX_RELEASE_VERSION__});
 app.ontoolresult = () => {};
 await app.connect();
 applyMcpTheme(app.getHostContext());

package/packages/plugin/src/server.mjs

@@ -1,5 +1,5 @@
 import { ListToolsRequestSchema } from "@modelcontextprotocol/sdk/types.js";
-import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { McpServer, ResourceTemplate } from "@modelcontextprotocol/sdk/server/mcp.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { registerAppResource, registerAppTool as registerSdkAppTool, RESOURCE_MIME_TYPE } from "@modelcontextprotocol/ext-apps/server";
 import { z } from "zod";
@@ -9,12 +9,13 @@ import { resolvePaths } from "../../cli/src/paths.mjs";
 import { createControlClient } from "./control-client.mjs";
 import { createPromptsClient } from "./prompts-client.mjs";
 import { createAppHtml, createPromptsHtml } from "./ui-resource.mjs";
+import { RELEASE_VERSION, CONTROL_RESOURCE_URI, PROMPT_RESOURCE_URI } from "./version.mjs";
 
-export const APP_URI = "ui://minecodex/control-panel.html";
-export const PROMPTS_URI = "ui://minecodex/prompts.html";
+export const APP_URI = CONTROL_RESOURCE_URI;
+export const PROMPTS_URI = PROMPT_RESOURCE_URI;
 export function createPluginServer({ promptsClient, paths = resolvePaths(), client = createControlClient({ paths, port: Number(process.env.MINECODEX_CONTROL_PORT ?? 47830) }) } = {}) {
   const icons = [{ src: `data:image/svg+xml;base64,${readFileSync(path.join(paths.packageRoot, "assets/brand/minecodex-icon.svg")).toString("base64")}`, mimeType: "image/svg+xml" }];
-  const server = new McpServer({ name: "minecodex", version: "0.1.0", icons });
+  const server = new McpServer({ name: "minecodex", version: RELEASE_VERSION, icons });
   const promptIcons = [{src:`data:image/svg+xml;base64,${readFileSync(path.join(paths.packageRoot,"features/notes/assets/icons/prompt-entry.svg")).toString("base64")}`,mimeType:"image/svg+xml",sizes:["20x20"]}];
   const tools = [];
   // 使用公开 tools/list 协议补齐 SDK 高层注册尚未转发的工具图标。
@@ -56,16 +57,39 @@ export function createPluginServer({ promptsClient, paths = resolvePaths(), clie
     return {content:[],structuredContent:{result:await promptsClient.request(route,method,body)}};
   });
   let promptsHtml;
-  registerAppResource(server,"prompts",PROMPTS_URI,{},async()=>({contents:[{
-    uri:PROMPTS_URI,mimeType:RESOURCE_MIME_TYPE,text:promptsHtml ??= await createPromptsHtml(paths.packageRoot),
+  const promptsResource = async uri => ({contents:[{
+    uri,mimeType:RESOURCE_MIME_TYPE,text:promptsHtml ??= await createPromptsHtml(paths.packageRoot),
     _meta:{ui:{csp:{connectDomains:[],resourceDomains:["data:","blob:"]}}},
-  }]}));
+  }]});
+  registerAppResource(server,"prompts",PROMPTS_URI,{},()=>promptsResource(PROMPTS_URI));
+  const previousPromptsUri = "ui://minecodex/prompts.html";
+  registerAppResource(server,"prompts-upgrade",previousPromptsUri,{},async()=>{
+    server.sendToolListChanged();
+    return promptsResource(previousPromptsUri);
+  });
   let html;
-  registerAppResource(server, "control-panel", APP_URI, {}, async () => ({ contents: [{
-    uri: APP_URI, mimeType: RESOURCE_MIME_TYPE, text: html ??= await createAppHtml(paths.packageRoot),
+  const controlResource = async uri => ({ contents: [{
+    uri, mimeType: RESOURCE_MIME_TYPE, text: html ??= await createAppHtml(paths.packageRoot),
     _meta: { ui: { csp: { connectDomains: [], resourceDomains: ["data:", "blob:"] } } },
-  }] }));
+  }] });
+  registerAppResource(server, "control-panel", APP_URI, {}, () => controlResource(APP_URI));
+  // 已打开的 Codex 入口仍可能保存旧 URI；通知重新发现，期间共用当前资源。
+  const previousUri = "ui://minecodex/control-panel.html";
+  registerAppResource(server, "control-panel-upgrade", previousUri, {}, async () => {
+    server.sendToolListChanged();
+    return controlResource(previousUri);
+  });
+  // 升级中宿主可能仍请求上版 URI；只提供当前页面并要求重新发现入口。
+  for (const [name, read] of [["control-panel", controlResource], ["prompts", promptsResource]]) {
+    server.registerResource(`${name}-version-upgrade`, new ResourceTemplate(`ui://minecodex/{release}/${name}.html`, {list:undefined}),
+      {mimeType:RESOURCE_MIME_TYPE}, async (uri, {release}) => {
+        if (typeof release !== "string" || !/^\d+\.\d+\.\d+$/.test(release)) throw new Error("Invalid release resource");
+        server.sendToolListChanged();
+        return read(uri.href);
+      });
+  }
   server.server.setRequestHandler(ListToolsRequestSchema, async () => ({tools}));
+  server.server.oninitialized = () => server.sendToolListChanged();
   return server;
 }
 export async function servePlugin(options) {

package/packages/plugin/src/version.mjs

@@ -0,0 +1,7 @@
+import { readFileSync } from "node:fs";
+
+export const RELEASE_VERSION = JSON.parse(readFileSync(new URL("../../../package.json", import.meta.url), "utf8")).version;
+
+// Codex 保留 App 沙箱；发布时改变资源身份，不能只替换同一 URI 的 HTML。
+export const CONTROL_RESOURCE_URI = `ui://minecodex/${RELEASE_VERSION}/control-panel.html`;
+export const PROMPT_RESOURCE_URI = `ui://minecodex/${RELEASE_VERSION}/prompts.html`;

package/packages/ui/src/native/mcp-theme.css

@@ -1,4 +1,6 @@
 :root { --color-background-primary:light-dark(#fff,#212121); --color-background-secondary:light-dark(#f8f8f8,#303030); --color-background-tertiary:light-dark(#eee,#3c3c3c); --color-text-primary:light-dark(#202020,#eee); --color-text-secondary:light-dark(#626262,#aaa); --color-text-tertiary:light-dark(#777,#999); --color-border-primary:light-dark(#ddd,#555); --color-border-secondary:light-dark(#eee,#444); --color-border-info:#0285ff; --color-text-danger:light-dark(#ba2a2a,#ff6764); --font-sans:system-ui,sans-serif; --font-text-sm-size:13px; --font-text-md-size:14px; --font-text-xs-size:12px; --font-heading-lg-size:28px; --font-heading-md-size:20px; --border-radius-md:8px; --border-radius-lg:10px; --border-radius-xl:15px; --border-radius-full:999px;
     --mcx-spacing:4px; --mcx-radius-2xl:20px; --mcx-radius-3xl:25px; --mcx-text-sm--line-height:1.43; --mcx-font-weight-semibold:600; --mcx-font-weight-normal:400; --font-weight-medium:500; --mcx-control-size-lg:36px; --mcx-control-font-size-md:13px; --mcx-control-gutter-md:16px; --mcx-control-gutter-pill-scaling:1; --mcx-button-gap-lg:8px; --mcx-modal-container-inner-padding:20px; --mcx-shadow-lg:0 8px 24px #0002; --mcx-shadow-xl-spread:0 12px 36px #0003; --mcx-color-border-overlay:var(--mcx-color-border); --mcx-blur-sm:4px; --mcx-blur-xl:24px; --mcx-color-dialog-overlay:#0002; --mcx-color-background-danger-soft-alpha:color-mix(in oklab,var(--color-text-danger) 12%,transparent); --mcx-color-background-danger-soft-alpha-hover:color-mix(in oklab,var(--color-text-danger) 20%,transparent); --color-background-primary-soft:var(--color-background-secondary); --cursor-interaction:pointer; }
+    /* Codex desktop browse Tabs：浅色前景 5%，深色白色 8%；宿主同名变量优先。 */
+    :root { --color-background-primary-ghost-hover:light-dark(color-mix(in oklab,var(--color-text-primary) 5%,transparent),#ffffff14); }
     html,body {margin:0;min-height:100%;height:100%;color:var(--color-text-primary);background:var(--color-background-primary);font-family:var(--font-sans);}
     button,input,textarea {font:inherit;color:inherit;} button {border:0;background:transparent;padding:0;} .sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}

package/packages/ui/src/native/mcp-theme.mjs

@@ -8,7 +8,7 @@ export function applyMcpTheme(context) {
     'color-surface':'--color-background-primary', 'color-surface-elevated-secondary':'--color-background-secondary',
     'color-text-primary':'--color-text-primary', 'color-text-secondary':'--color-text-secondary', 'color-text-tertiary':'--color-text-tertiary',
     'color-border':'--color-border-primary', 'color-border-subtle':'--color-border-secondary', 'color-border-primary-outline':'--color-border-primary',
-    'color-background-primary-ghost-hover':'--color-background-tertiary', 'color-background-primary-outline-hover':'--color-background-tertiary',
+    'color-background-primary-ghost-hover':'--color-background-primary-ghost-hover', 'color-background-primary-outline-hover':'--color-background-primary-ghost-hover',
     'color-background-primary-solid':'--color-text-primary', 'color-text-primary-solid':'--color-background-primary',
     'color-background-primary-solid-hover':'--color-text-secondary', 'color-ring':'--color-border-info', 'color-text-danger':'--color-text-danger',
     'font-sans-default':'--font-sans', 'text-sm':'--font-text-sm-size', 'text-base':'--font-text-md-size', 'text-xs':'--font-text-xs-size',