minecodex 1.2.0 → 1.2.1

package/features/session-status/DESIGN.md

@@ -20,6 +20,8 @@
 
 状态行和输入框共用内容宽度，单行高度为 24px，顶部留 2px 内边距；每个状态按钮高 22px，内边距为上下 3px、左右 7px。宽度不足时自然换行，不覆盖输入框或悬浮控件。统计图标采用 Lucide Gauge，用量图标采用 Phosphor Database 单路径版本，两者以 14px 绘制；上下文使用与 Codex 原生相同参数的 12px 百分环。弹层由按钮锚定，键盘可聚焦，Escape 和点击外部关闭。遵守系统减少动态效果设置，不添加持续动画。
 
+状态行以当前输入框所在的会话为准，不依赖侧栏中可能因项目折叠而卸载的 Thread 行。新聊天没有会话 ID 时隐藏旧数据；首条消息建立会话并产生记录后，以 160ms 淡入和 4px 上移出现，减少动态效果设置下立即显示。
+
 ## 数据呈现
 
 界面文案跟随 Codex 的 `html[lang]`：中文语言使用简体中文，其他语言使用英文；运行中切换语言时同步更新状态行和已打开的明细浮窗。MineCodex Web 使用同样的中英文规则提供本功能开关。

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

@@ -32,6 +32,9 @@ style.id = STYLE_ID;
 style.textContent = `
   [${MARKER}] { box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 12px; margin:-2px auto -6px; padding-top:2px; max-width:100%; min-height:24px; min-width:0; font-family:var(--font-sans-default,inherit); font-size:var(--text-xs,12px); line-height:16px; font-variant-numeric:tabular-nums; color:var(--color-text-tertiary); }
   [${MARKER}][hidden] { display:none; }
+  [${MARKER}]:not([hidden]) { animation:mcx-session-status-enter 160ms ease-out both; }
+  @keyframes mcx-session-status-enter { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
+  @media (prefers-reduced-motion: reduce) { [${MARKER}]:not([hidden]) { animation:none; } }
   [${MARKER}] button { box-sizing:border-box; display:inline-flex; align-items:center; gap:5px; height:22px; color:inherit; font:inherit; border:0; border-radius:var(--radius-xl,12px); background:transparent; padding:3px 7px; cursor:pointer; white-space:nowrap; }
   [${MARKER}] svg, [data-minecodex-session-status-panel] h3 svg { width:14px; height:14px; flex:none; stroke-width:1.75; }
   [${MARKER}] [data-kind="context"] svg, [data-minecodex-session-status-panel] h3 .context-ring { width:12px; height:12px; stroke-width:2; }
@@ -261,6 +264,13 @@ function findComposer() {
   return document.querySelector('[data-codex-composer="true"][contenteditable="true"]')
     ?? document.querySelector('[contenteditable="true"][role="textbox"]');
 }
+function syncVisibility(composer) {
+  const portal = composer?.closest('[data-codex-composer-root]')?.querySelector('[data-above-composer-portal]');
+  const activeThreadId = portal?.getAttribute('data-above-composer-conversation-id');
+  const hasData = snapshot && (snapshot.turns > 0 || snapshot.totalTokens != null);
+  root.hidden = !hasData || (portal && snapshot.threadId !== activeThreadId);
+  if (root.hidden) closePanel();
+}
 function ensurePosition() {
   const composer = findComposer();
   if (!composer) { root.remove(); closePanel(); return; }
@@ -271,10 +281,11 @@ function ensurePosition() {
     card.after(root);
     closePanel();
   }
+  syncVisibility(composer);
 }
 function render() {
-  root.hidden = !snapshot || (snapshot.turns === 0 && snapshot.totalTokens == null);
-  if (root.hidden) { closePanel(); return; }
+  syncVisibility(findComposer());
+  if (root.hidden) return;
   buttons[0].querySelector(".status-label").textContent = `${number(snapshot.turns)} ${copy.turns} ${number(snapshot.steps)} ${copy.steps} · ${snapshot.observedTps == null ? "—" : number(snapshot.observedTps)} tok/s`;
   buttons[1].querySelector(".status-label").textContent = `${compact(snapshot.totalTokens)} · ${copy.cache} ${snapshot.cacheHitPercent == null ? "—" : `${snapshot.cacheHitPercent}%`}`;
   buttons[2].querySelector(".status-label").textContent = snapshot.contextPercent == null ? "—" : `${snapshot.contextPercent}%`;

package/package.json

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

package/packages/runtime-host/src/codex-runtime.mjs

@@ -44,6 +44,19 @@ export {
   responsiveSummaryDisplayMode,
   responsiveSummaryVisibleSurface,
 } from "./codex-injection.mjs";
+
+export const SESSION_STATUS_THREAD_ID_EXPRESSION = `(() => {
+  const composer = document.querySelector('[data-codex-composer="true"][contenteditable="true"]')
+    ?? document.querySelector('[contenteditable="true"][role="textbox"]');
+  const card = composer?.closest('[data-codex-composer-root]');
+  const portal = card?.querySelector('[data-above-composer-portal]');
+  if (portal) return portal.getAttribute('data-above-composer-conversation-id');
+  if (card?.getAttribute('data-composer-placement') === 'home') return null;
+  const selected = document.querySelector('[data-app-action-sidebar-thread-selected="true"]');
+  return selected?.getAttribute('data-app-action-sidebar-thread-id')
+    ?? location.pathname + location.search + location.hash;
+})()`;
+
 export class CodexRuntime {
   constructor({
     features,
@@ -685,11 +698,7 @@ export class CodexRuntime {
       if (!this.injectedTargets.has(targetId)) continue;
       try {
         const response = await client.send("Runtime.evaluate", {
-          expression: `(() => {
-            const selected = document.querySelector('[data-app-action-sidebar-thread-selected="true"]');
-            return selected?.getAttribute('data-app-action-sidebar-thread-id')
-              ?? location.pathname + location.search;
-          })()`,
+          expression: SESSION_STATUS_THREAD_ID_EXPRESSION,
           returnByValue: true,
         });
         const threadId = threadIdFromLocation(response.result?.value);