@karlorz/codexhost-cli-win32-x64 0.13.3-0 → 0.13.3-3

package/app/renderer-extension.js

@@ -18807,6 +18807,14 @@ ${error51.stderrTail}`] : []
     otherSection: "Other",
     appearanceDescription: "Conversation display and local resource management.",
     appearanceGroup: "Appearance",
+    hideCodexUsageBannerTitle: "Hide Codex usage warning",
+    hideCodexUsageBannerDescription: "On by default. Hide the out-of-usage card on every Composer.",
+    hideCodexUsageBannerHelpLabel: "About hiding the Codex usage warning",
+    hideCodexUsageBannerHelp: Object.freeze([
+      "The native card appears when the signed-in ChatGPT Codex quota is exhausted.",
+      "When this is on, that card is hidden on every Composer, including Codex threads. Reset usage and Upgrade stay available in Settings.",
+      "Turning this off only shows the native card again. Send on this Composer, including Codex threads, is already separated from that quota card."
+    ]),
     cpaLiveVoiceTitle: "Override live voice",
     cpaLiveVoiceDescription: "On by default. Host creates the realtime call instead of ChatGPT.",
     cpaLiveVoiceHelpLabel: "About overriding live voice",
@@ -19090,6 +19098,14 @@ ${error51.stderrTail}`] : []
     otherSection: "\u5176\u4ED6",
     appearanceDescription: "\u4F1A\u8BDD\u663E\u793A\u4E0E\u672C\u5730\u8D44\u6E90\u7BA1\u7406\u3002",
     appearanceGroup: "\u5916\u89C2",
+    hideCodexUsageBannerTitle: "\u9690\u85CF Codex \u989D\u5EA6\u8B66\u544A",
+    hideCodexUsageBannerDescription: "\u9ED8\u8BA4\u5F00\u542F\u3002\u5728\u6240\u6709 Composer \u4E0A\u9690\u85CF\u989D\u5EA6\u8017\u5C3D\u5361\u7247\u3002",
+    hideCodexUsageBannerHelpLabel: "\u9690\u85CF Codex \u989D\u5EA6\u8B66\u544A\u8BF4\u660E",
+    hideCodexUsageBannerHelp: Object.freeze([
+      "\u5DF2\u767B\u5F55\u7684 ChatGPT Codex \u989D\u5EA6\u8017\u5C3D\u65F6\uFF0CDesktop \u4F1A\u663E\u793A\u539F\u751F\u8B66\u544A\u5361\u7247\u3002",
+      "\u5F00\u542F\u540E\uFF0C\u6240\u6709 Composer \u90FD\u9690\u85CF\u8BE5\u5361\u7247\uFF0C\u5305\u62EC Codex \u4F1A\u8BDD\u3002\u300C\u91CD\u7F6E\u7528\u91CF\u300D\u548C\u300C\u5347\u7EA7\u300D\u4ECD\u53EF\u5728\u8BBE\u7F6E\u4E2D\u4F7F\u7528\u3002",
+      "\u5173\u95ED\u6B64\u5F00\u5173\u53EA\u4F1A\u91CD\u65B0\u663E\u793A\u539F\u751F\u5361\u7247\u3002\u5F53\u524D Composer \u7684\u53D1\u9001\uFF08\u5305\u62EC Codex \u4F1A\u8BDD\uFF09\u5DF2\u4E0E\u8BE5\u989D\u5EA6\u5361\u7247\u5206\u79BB\u3002"
+    ]),
     cpaLiveVoiceTitle: "\u6539\u5199\u5B9E\u65F6\u8BED\u97F3",
     cpaLiveVoiceDescription: "\u9ED8\u8BA4\u5F00\u542F\u3002\u7531 Host \u521B\u5EFA realtime \u901A\u8BDD\uFF0C\u800C\u4E0D\u662F ChatGPT\u3002",
     cpaLiveVoiceHelpLabel: "\u6539\u5199\u5B9E\u65F6\u8BED\u97F3\u8BF4\u660E",
@@ -22541,6 +22557,27 @@ Codex Fast mode prioritizes requests and may increase usage.`
     };
   }
 
+  // src/renderer-codex-usage-banner-preference.ts
+  var CODEX_USAGE_BANNER_STORAGE_KEY = "codexhost.codex-usage-banner-hidden.v1";
+  var CODEX_USAGE_BANNER_CHANGE_EVENT = "codexhost:codex-usage-banner-changed";
+  function readCodexUsageBannerPreference(owner) {
+    if (!owner) return true;
+    try {
+      return owner.localStorage.getItem(CODEX_USAGE_BANNER_STORAGE_KEY) !== "0";
+    } catch {
+      return true;
+    }
+  }
+  function writeCodexUsageBannerPreference(owner, enabled) {
+    try {
+      owner.localStorage.setItem(CODEX_USAGE_BANNER_STORAGE_KEY, enabled ? "1" : "0");
+    } catch {
+      return false;
+    }
+    owner.dispatchEvent(new Event(CODEX_USAGE_BANNER_CHANGE_EVENT));
+    return true;
+  }
+
   // src/renderer-composer-dom.ts
   var CODEX_COMPOSER_SELECTOR = "[data-codex-composer-root]";
   var EDITOR_SELECTOR = 'textarea, [contenteditable="true"], [role="textbox"]';
@@ -22713,6 +22750,17 @@ Codex Fast mode prioritizes requests and may increase usage.`
     ].filter(isNativeContextUsageControlCandidate);
     return candidates.length === 1 ? candidates[0] ?? null : null;
   }
+  function isNativeUsageBannerCandidate(element) {
+    if (element.localName !== "aside") return false;
+    if (typeof element.querySelector !== "function") return false;
+    return element.querySelector("h3") !== null && element.querySelector("button") !== null;
+  }
+  function nativeUsageBannerForComposer(composer) {
+    const candidates = [...composer.querySelectorAll("aside")].filter(
+      isNativeUsageBannerCandidate
+    );
+    return candidates.length === 1 ? candidates[0] ?? null : null;
+  }
   function captureNativeControl(element) {
     return element ? {
       element,
@@ -22734,6 +22782,12 @@ Codex Fast mode prioritizes requests and may increase usage.`
     restoreNativeControl(control.nativeContextUsageControl);
     control.nativeContextUsageControl = captureNativeControl(candidate);
   }
+  function refreshNativeUsageBanner(control) {
+    const candidate = nativeUsageBannerForComposer(control.composer);
+    if (candidate === control.nativeUsageBanner?.element) return;
+    restoreNativeControl(control.nativeUsageBanner);
+    control.nativeUsageBanner = captureNativeControl(candidate);
+  }
   function refreshNativeModelControl(control) {
     const candidate = nativeModelControlForComposer(control.composer);
     if (!candidate) return;
@@ -22852,12 +22906,20 @@ Codex Fast mode prioritizes requests and may increase usage.`
     refreshNativeContextUsageControl(control);
     refreshNativeModelControl(control);
     refreshNativePermissionModeControl(control);
+    refreshNativeUsageBanner(control);
     refreshTrailingClusterPlacement(control);
     refreshUsagePlacement(control);
     refreshCreditsPlacement(control);
     setNativeControlHidden(control.nativeModelControl, hideModel);
     setNativeControlHidden(control.nativeContextUsageControl, false);
     setNativeControlHidden(control.nativePermissionModeControl, hidePermissionMode);
+    setNativeControlHidden(
+      control.nativeUsageBanner,
+      readCodexUsageBannerPreference(preferenceOwner(control))
+    );
+  }
+  function preferenceOwner(control) {
+    return control.composer.ownerDocument?.defaultView ?? (typeof document !== "undefined" ? document.defaultView : null);
   }
   function mountComposerAgentControl(composer, composerId, sendButton, enabledAgents, onSelect, onDownload, onOpenProviderPicker, onSelectModel, onSelectThinking, onSelectPermissionMode, onOpenCommandMenu) {
     if (composer instanceof HTMLElement) composer.style.minWidth = "0";
@@ -22865,6 +22927,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     const nativeContextUsageControl = captureNativeControl(
       nativeContextUsageControlForComposer(composer)
     );
+    const nativeUsageBanner = captureNativeControl(nativeUsageBannerForComposer(composer));
     const semanticNativePermissionModeControl = semanticNativePermissionModeControlForComposer(composer);
     const nativePermissionModeControl = captureNativeControl(semanticNativePermissionModeControl);
     const nativePermissionModeControlVerified = semanticNativePermissionModeControl !== null && nativePermissionModeControlForComposer(composer) === semanticNativePermissionModeControl;
@@ -22925,6 +22988,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
       nativeModelControl,
       nativePermissionModeControl,
       nativeContextUsageControl,
+      nativeUsageBanner,
       nativePermissionModeControlVerified,
       credits,
       usage: null,
@@ -22999,7 +23063,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     control.harnessCommands.root.hidden = state.agent === "codex";
     control.harnessCommands.root.style.display = state.agent === "codex" ? "none" : "inline-flex";
     renderRendererCreditsControl(control.credits, accountCredits, locale);
-    return state.agent !== "codex" && adapterState === "ready" && !submissionBlocked;
+    return !submissionBlocked && (state.agent === "codex" || adapterState === "ready");
   }
   function disposeComposerAgentControl(control) {
     if (control.sendDisabledBeforeSwitch !== null) {
@@ -23010,6 +23074,7 @@ Codex Fast mode prioritizes requests and may increase usage.`
     }
     restoreNativeControl(control.nativeModelControl);
     restoreNativeControl(control.nativeContextUsageControl);
+    restoreNativeControl(control.nativeUsageBanner);
     restoreNativeControl(control.nativePermissionModeControl);
     control.credits.dispose();
     control.usage?.dispose();
@@ -23460,8 +23525,10 @@ Codex Fast mode prioritizes requests and may increase usage.`
     };
     const apply = () => {
       const status = applyGate();
-      if (status === "bypassed" && owner) banner.hide(owner.owner);
-      else banner.restore();
+      const ownerWindow = composer.ownerDocument?.defaultView ?? (typeof document !== "undefined" ? document.defaultView : null);
+      if (status === "bypassed" && owner && readCodexUsageBannerPreference(ownerWindow)) {
+        banner.hide(owner.owner);
+      } else banner.restore();
       return status;
     };
     const applyGate = () => {
@@ -31028,6 +31095,31 @@ ${detail}` : ""}`
         description.className = "settings-page-description";
         description.textContent = messages.appearanceDescription;
         const { group, card } = createPreferenceGroup(document2, messages.appearanceGroup);
+        const usageBannerId = preferenceId("hide-codex-usage-banner");
+        const usageBannerRow = createPreferenceItem(document2, {
+          title: messages.hideCodexUsageBannerTitle,
+          description: messages.hideCodexUsageBannerDescription,
+          controlId: usageBannerId,
+          help: {
+            label: messages.hideCodexUsageBannerHelpLabel,
+            lines: messages.hideCodexUsageBannerHelp
+          }
+        });
+        const usageBanner = createPreferenceSwitch(
+          document2,
+          usageBannerId,
+          usageBannerRow.description.id
+        );
+        usageBanner.checked = readCodexUsageBannerPreference(ownerWindow);
+        usageBanner.addEventListener("change", () => {
+          writeCodexUsageBannerPreference(ownerWindow, usageBanner.checked);
+        });
+        const syncUsageBanner = () => {
+          usageBanner.checked = readCodexUsageBannerPreference(ownerWindow);
+        };
+        ownerWindow.addEventListener(CODEX_USAGE_BANNER_CHANGE_EVENT, syncUsageBanner);
+        usageBannerRow.item.append(usageBanner);
+        card.append(usageBannerRow.item);
         const liveVoiceId = preferenceId("cpa-live-voice");
         const liveVoiceRow = createPreferenceItem(document2, {
           title: messages.cpaLiveVoiceTitle,
@@ -31077,6 +31169,7 @@ ${detail}` : ""}`
           getLoadedSessionsClient
         );
         return () => {
+          ownerWindow.removeEventListener(CODEX_USAGE_BANNER_CHANGE_EVENT, syncUsageBanner);
           ownerWindow.removeEventListener(CPA_LIVE_VOICE_CHANGE_EVENT, syncLiveVoice);
           ownerWindow.removeEventListener(REASONING_SOFT_WRAP_CHANGE_EVENT, sync);
           disposeIdleRelease();
@@ -38177,6 +38270,101 @@ th[aria-sort] .console-usage-sort__mark {
     };
   }
 
+  // src/settings/back-navigation.ts
+  var NATIVE_BACK_SELECTOR = '[data-app-shell-titlebar] button[aria-label="Back"]';
+  var SETTINGS_BACK_ATTRIBUTE = "data-codexhost-settings-back";
+  function attachSettingsBackNavigation(ownerDocument, onBack) {
+    const ownerWindow = ownerDocument.defaultView;
+    let source = null;
+    let button2 = null;
+    let disposed = false;
+    const onClick = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      onBack();
+    };
+    const place = () => {
+      if (disposed) return;
+      const nextSource = [...ownerDocument.querySelectorAll(NATIVE_BACK_SELECTOR)].find(
+        (candidate) => {
+          const bounds2 = candidate.getBoundingClientRect();
+          const parent = candidate.parentElement;
+          return bounds2.width > 0 && bounds2.height > 0 && !candidate.closest('[aria-hidden="true"]') && parent !== null && ownerWindow?.getComputedStyle(parent).visibility !== "hidden";
+        }
+      ) ?? null;
+      if (nextSource !== source) {
+        button2?.removeEventListener("click", onClick);
+        button2?.remove();
+        source = nextSource;
+        button2 = source?.cloneNode(true);
+        if (button2) {
+          for (const element of [button2, ...button2.querySelectorAll("[id]")]) {
+            element.removeAttribute("id");
+          }
+          for (const attribute of [
+            "disabled",
+            "aria-disabled",
+            "data-disabled",
+            "tabindex",
+            "aria-describedby"
+          ]) {
+            button2.removeAttribute(attribute);
+          }
+          button2.setAttribute(SETTINGS_BACK_ATTRIBUTE, "");
+          button2.title = source?.getAttribute("aria-label") ?? "Back";
+          button2.style.position = "fixed";
+          button2.style.zIndex = "41";
+          button2.style.margin = "0";
+          button2.style.setProperty("-webkit-app-region", "no-drag");
+          button2.addEventListener("click", onClick);
+          ownerDocument.body.append(button2);
+        }
+      }
+      if (!source || !button2) return;
+      const bounds = source.getBoundingClientRect();
+      Object.assign(button2.style, {
+        left: `${bounds.left}px`,
+        top: `${bounds.top}px`,
+        width: `${bounds.width}px`,
+        height: `${bounds.height}px`
+      });
+    };
+    const onKeyDown = (event) => {
+      if (event.defaultPrevented || event.shiftKey) return;
+      const macBack = event.metaKey && !event.ctrlKey && !event.altKey && event.key === "[";
+      const altBack = event.altKey && !event.metaKey && !event.ctrlKey && event.key === "ArrowLeft";
+      if (!macBack && !altBack) return;
+      event.preventDefault();
+      event.stopPropagation();
+      onBack();
+    };
+    const style = ownerDocument.createElement("style");
+    style.textContent = `${NATIVE_BACK_SELECTOR} { visibility: hidden !important; }`;
+    ownerDocument.head.append(style);
+    place();
+    const observer = ownerWindow ? new ownerWindow.MutationObserver((records) => {
+      const titlebar = source?.closest("[data-app-shell-titlebar]");
+      if (!source?.isConnected || records.some((record5) => titlebar?.contains(record5.target))) {
+        place();
+      }
+    }) : null;
+    observer?.observe(ownerDocument.body, { childList: true, subtree: true });
+    ownerWindow?.addEventListener("resize", place);
+    ownerDocument.addEventListener("keydown", onKeyDown, true);
+    return {
+      dispose() {
+        if (disposed) return;
+        disposed = true;
+        observer?.disconnect();
+        ownerWindow?.removeEventListener("resize", place);
+        ownerDocument.removeEventListener("keydown", onKeyDown, true);
+        button2?.removeEventListener("click", onClick);
+        button2?.remove();
+        style.remove();
+      }
+    };
+  }
+
   // src/settings/rail-page.ts
   var NAVIGATION_RAIL_SELECTOR = "nav[data-app-navigation-rail]";
   var RAIL_DESTINATION_SELECTOR = "[data-sidebar-destination]";
@@ -38222,6 +38410,7 @@ nav[data-app-navigation-rail][${RAIL_OPEN_ATTRIBUTE}] ${RAIL_DESTINATION_SELECTO
       if (disposed) return;
       onNavigateAway();
     };
+    const backNavigation = attachSettingsBackNavigation(ownerDocument, navigateAway);
     const checkNavigation = () => {
       if (disposed) return;
       const nextRail = findRail(ownerDocument);
@@ -38276,6 +38465,7 @@ nav[data-app-navigation-rail][${RAIL_OPEN_ATTRIBUTE}] ${RAIL_DESTINATION_SELECTO
       dispose() {
         if (disposed) return;
         disposed = true;
+        backNavigation.dispose();
         railMutations?.disconnect();
         railResize?.disconnect();
         bodyMutations?.disconnect();
@@ -39820,7 +40010,7 @@ ${usage_default}`;
       const currentCodexAccount = accounts?.accounts.find(
         ({ accountId }) => accountId === accounts.readyAccountId
       );
-      const externalSubmissionReady = renderComposerAgentControl(
+      const usageGateAllowed = renderComposerAgentControl(
         mounted.control,
         controller.get(mounted.composer),
         composerAdapterState(mounted),
@@ -39834,7 +40024,7 @@ ${usage_default}`;
         currentCodexAccount ?? null,
         mounted.ownershipStatus === "error"
       );
-      showCodexUsageGateStatus(mounted, mounted.codexUsageGate.update(externalSubmissionReady));
+      showCodexUsageGateStatus(mounted, mounted.codexUsageGate.update(usageGateAllowed));
       if (mounted.control.usage) {
         mounted.control.usage.onOpen = () => {
           void refreshThreadUsage(
@@ -41539,10 +41729,24 @@ ${usage_default}`;
         }
       }
     };
+    const onUsageBannerPreference = () => {
+      for (const mounted of mountedByComposer.values()) {
+        const hideCodexControls = controller.isSwitching(mounted.composer) || controller.get(mounted.composer).agent !== "codex";
+        reconcileComposerNativeControls(mounted.control, hideCodexControls, hideCodexControls);
+        mounted.codexUsageGate.refresh();
+      }
+    };
+    const onUsageBannerStorage = (event) => {
+      if (event.key === CODEX_USAGE_BANNER_STORAGE_KEY || event.key === null) {
+        onUsageBannerPreference();
+      }
+    };
     window.addEventListener("codexhost:draft-prewarm-policy-changed", onHostRouteChange);
     window.addEventListener("codexhost:draft-workspace", onDraftWorkspace);
     window.addEventListener("codexhost:renderer-adapter-status", onAdapterStatus);
     window.addEventListener("focus", onWindowFocus);
+    window.addEventListener(CODEX_USAGE_BANNER_CHANGE_EVENT, onUsageBannerPreference);
+    window.addEventListener("storage", onUsageBannerStorage);
     delegationMention = installRendererDelegationMention(document, {
       onOpen: (editor) => {
         const composer = composerForElement(editor);
@@ -41706,6 +41910,8 @@ ${usage_default}`;
         window.removeEventListener("codexhost:draft-workspace", onDraftWorkspace);
         window.removeEventListener("codexhost:renderer-adapter-status", onAdapterStatus);
         window.removeEventListener("focus", onWindowFocus);
+        window.removeEventListener(CODEX_USAGE_BANNER_CHANGE_EVENT, onUsageBannerPreference);
+        window.removeEventListener("storage", onUsageBannerStorage);
         for (const state of harnessAvailabilityByHost.values()) {
           state.requestGeneration += 1;
           state.codexAccounts?.dispose();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@karlorz/codexhost-cli-win32-x64",
-  "version": "0.13.3-0",
+  "version": "0.13.3-3",
   "description": "Run Pi and Claude Code as first-class external harnesses inside Codex Desktop.",
   "type": "module",
   "files": [