@chinhae/codex-connect-linux-arm64 0.12.0 → 0.12.1

package/README.md

@@ -7,7 +7,7 @@ Run Pi and Claude Code as first-class external harnesses inside Codex Desktop.
 ## Install
 
 ```bash
-npm install -g @chinhae/codex-connect@0.12.0
+npm install -g @chinhae/codex-connect@0.12.1
 ```
 
 Do not install this package directly. npm selects it through the optional dependencies of `@chinhae/codex-connect`.

package/app/codexhost-distribution.json

@@ -1 +1 @@
-{"schemaVersion":1,"version":"0.12.0","distribution":"npm","target":"linux-arm64"}
+{"schemaVersion":1,"version":"0.12.1","distribution":"npm","target":"linux-arm64"}

package/app/renderer-extension.js

@@ -22556,7 +22556,7 @@ ${error51.stderrTail}`] : []
         ).filter(
           ({ memoizedProps: props }) => isRecord2(props) && "onLocalSubmitStart" in props && typeof props.submitDisabled === "boolean"
         );
-        return owners;
+        return owners.filter((owner) => gateSubscriptions(owner).reserve.length > 0);
       }
       element2 = element2.parentElement;
     }
@@ -31284,160 +31284,117 @@ ${accounts_default}`;
 
   // src/settings/trigger.ts
   var SETTINGS_TRIGGER_ATTRIBUTE = "data-codexhost-settings-trigger";
-  var SETTINGS_HEADER_SURFACE_SELECTOR = '[data-testid="app-shell-header-context-menu-surface"]';
-  var SETTINGS_APPLICATION_HEADER_SELECTOR = 'header[data-pip-obstacle="app-shell-header"]';
-  var SETTINGS_HEADER_SLOT_SELECTOR = ':scope > [data-test-id="header-shell-slot"]';
-  var SETTINGS_HEADER_NATIVE_ACTION_GROUP_SELECTOR = ':scope > [data-app-shell-header-obstacle="true"]';
+  var SETTINGS_RAIL_SELECTOR = "nav[data-app-navigation-rail]";
+  var SETTINGS_RAIL_DESTINATION_SELECTOR = "[data-sidebar-destination]";
   var UPDATE_ACCENT = "#3b82f6";
-  function measuredBounds(element2) {
+  var RAIL_ICON_COLOR = "var(--color-text-secondary-ghost, rgba(26, 28, 31, 0.5))";
+  var RAIL_ICON_HOVER_COLOR = "var(--color-text-secondary-ghost-hover, #1a1c1f)";
+  var RAIL_ICON_HOVER_BACKGROUND = "var(--color-background-secondary-ghost-hover, rgba(26, 28, 31, 0.05))";
+  function isVisible(element2) {
     const bounds = element2.getBoundingClientRect();
-    return {
-      left: bounds.left,
-      right: bounds.right,
-      top: bounds.top,
-      bottom: bounds.bottom,
-      width: bounds.width,
-      height: bounds.height
-    };
-  }
-  function findNativeHeaderActionGroup(header) {
-    const surface = header.querySelector(SETTINGS_HEADER_SURFACE_SELECTOR);
-    if (!surface) return null;
-    const groups = [
-      ...surface.querySelectorAll(SETTINGS_HEADER_NATIVE_ACTION_GROUP_SELECTOR)
-    ];
-    return groups.at(-1) ?? null;
-  }
-  function findRendererSettingsHeaderInsertionPoint(ownerDocument) {
-    const header = ownerDocument.querySelector(SETTINGS_APPLICATION_HEADER_SELECTOR);
-    if (!header) return null;
-    const headerBounds = measuredBounds(header);
-    if (headerBounds.width <= 0 || headerBounds.height <= 0) return null;
-    const nativeActionGroup = findNativeHeaderActionGroup(header);
-    if (nativeActionGroup?.parentElement) {
-      return { parent: nativeActionGroup.parentElement, before: nativeActionGroup };
-    }
-    const endSlot = [...header.querySelectorAll(SETTINGS_HEADER_SLOT_SELECTOR)].filter((slot) => {
-      const bounds = measuredBounds(slot);
-      return bounds.width > 0 && bounds.height > 0;
-    }).toSorted((left, right) => measuredBounds(right).left - measuredBounds(left).left)[0];
-    return endSlot ? { parent: header, before: endSlot } : null;
+    return bounds.width > 0 && bounds.height > 0;
+  }
+  function hasDestination(element2) {
+    return element2.matches(SETTINGS_RAIL_DESTINATION_SELECTOR) || element2.querySelector(SETTINGS_RAIL_DESTINATION_SELECTOR) !== null;
+  }
+  function findRailInsertionPoint(rail) {
+    const column = [...rail.children].find(hasDestination);
+    if (!column) return null;
+    const last = [...column.children].filter((child) => !child.hasAttribute(SETTINGS_TRIGGER_ATTRIBUTE)).at(-1);
+    return { parent: column, before: last && !hasDestination(last) ? last : null };
+  }
+  function findRendererSettingsRailInsertionPoint(ownerDocument) {
+    const rail = ownerDocument.querySelector(SETTINGS_RAIL_SELECTOR);
+    return rail && isVisible(rail) ? findRailInsertionPoint(rail) : null;
   }
   function mountRendererSettingsTrigger(triggerId, available, onOpen, ownerDocument = document, messages = DEFAULT_RENDERER_SETTINGS_MESSAGES) {
     const root = ownerDocument.createElement("div");
     root.setAttribute(SETTINGS_TRIGGER_ATTRIBUTE, triggerId);
-    root.style.display = "inline-flex";
+    root.style.display = "flex";
     root.style.alignItems = "center";
     root.style.justifyContent = "center";
-    root.style.alignSelf = "center";
     root.style.flex = "0 0 auto";
-    root.style.marginRight = "0";
-    root.style.color = "inherit";
-    root.style.pointerEvents = "auto";
-    root.style.setProperty("-webkit-app-region", "no-drag");
     const button = ownerDocument.createElement("button");
     button.type = "button";
     button.disabled = !available;
     button.setAttribute("aria-label", messages.openSettings);
     button.setAttribute("aria-haspopup", "dialog");
-    button.title = available ? messages.settingsButtonTitle : messages.settingsUnavailableTitle;
+    button.style.position = "relative";
     button.style.display = "inline-flex";
     button.style.alignItems = "center";
     button.style.justifyContent = "center";
-    button.style.height = "28px";
-    button.style.padding = "0 12px";
-    button.style.gap = "6px";
+    button.style.width = "36px";
+    button.style.height = "36px";
+    button.style.padding = "0";
     button.style.border = "0";
-    button.style.borderRadius = "8px";
+    button.style.borderRadius = "12.5px";
+    button.style.setProperty("corner-shape", "superellipse(1.5)");
     button.style.background = "transparent";
-    button.style.color = "inherit";
+    button.style.color = RAIL_ICON_COLOR;
     button.style.cursor = available ? "pointer" : "not-allowed";
     button.style.opacity = available ? "1" : "0.5";
     button.style.outlineOffset = "2px";
-    button.style.setProperty("-webkit-app-region", "no-drag");
-    button.append(createRendererSettingsBrandIcon(24));
-    const brandLabel = ownerDocument.createElement("span");
-    brandLabel.textContent = "Codex Connect";
-    brandLabel.style.fontSize = "13px";
-    brandLabel.style.fontWeight = "600";
-    brandLabel.style.lineHeight = "1";
-    brandLabel.style.whiteSpace = "nowrap";
-    button.append(brandLabel);
-    const updateButton = ownerDocument.createElement("button");
-    updateButton.type = "button";
-    updateButton.disabled = !available;
-    updateButton.setAttribute("aria-label", messages.updateAvailable);
-    updateButton.setAttribute("aria-haspopup", "dialog");
-    updateButton.title = messages.updateAvailable;
-    updateButton.style.display = "none";
-    updateButton.style.alignItems = "center";
-    updateButton.style.justifyContent = "center";
-    updateButton.style.width = "28px";
-    updateButton.style.height = "28px";
-    updateButton.style.padding = "0";
-    updateButton.style.border = "0";
-    updateButton.style.borderRadius = "8px";
-    updateButton.style.background = "transparent";
-    updateButton.style.color = UPDATE_ACCENT;
-    updateButton.style.cursor = available ? "pointer" : "not-allowed";
-    updateButton.style.opacity = available ? "1" : "0.5";
-    updateButton.style.outlineOffset = "2px";
-    updateButton.style.setProperty("-webkit-app-region", "no-drag");
-    updateButton.append(createRendererSettingsIcon("updates", 16));
+    button.append(createRendererSettingsBrandIcon(20));
+    const updateBadge = ownerDocument.createElement("span");
+    updateBadge.setAttribute("aria-hidden", "true");
+    updateBadge.style.position = "absolute";
+    updateBadge.style.top = "5px";
+    updateBadge.style.right = "5px";
+    updateBadge.style.width = "8px";
+    updateBadge.style.height = "8px";
+    updateBadge.style.borderRadius = "50%";
+    updateBadge.style.background = UPDATE_ACCENT;
+    updateBadge.style.display = "none";
+    button.append(updateBadge);
+    let updateAvailable = false;
+    const renderTitle = () => {
+      button.title = !available ? messages.settingsUnavailableTitle : updateAvailable ? `${messages.settingsButtonTitle} \xB7 ${messages.updateAvailable}` : messages.settingsButtonTitle;
+    };
+    renderTitle();
     const onPointerEnter = () => {
-      if (!button.disabled) button.style.background = "rgba(127, 127, 127, 0.16)";
+      if (button.disabled) return;
+      button.style.background = RAIL_ICON_HOVER_BACKGROUND;
+      button.style.color = RAIL_ICON_HOVER_COLOR;
     };
     const onPointerLeave = () => {
       button.style.background = "transparent";
+      button.style.color = RAIL_ICON_COLOR;
     };
     const onClick = (event) => {
       event.stopPropagation();
-      if (!button.disabled) onOpen(button);
-    };
-    const onUpdatePointerEnter = () => {
-      if (!updateButton.disabled) updateButton.style.background = "rgba(59, 130, 246, 0.14)";
-    };
-    const onUpdatePointerLeave = () => {
-      updateButton.style.background = "transparent";
-    };
-    const onUpdateClick = (event) => {
-      event.stopPropagation();
-      if (!updateButton.disabled) onOpen(updateButton, "updates");
+      if (button.disabled) return;
+      if (updateAvailable) onOpen(button, "updates");
+      else onOpen(button);
     };
     button.addEventListener("pointerenter", onPointerEnter);
     button.addEventListener("pointerleave", onPointerLeave);
     button.addEventListener("click", onClick);
-    updateButton.addEventListener("pointerenter", onUpdatePointerEnter);
-    updateButton.addEventListener("pointerleave", onUpdatePointerLeave);
-    updateButton.addEventListener("click", onUpdateClick);
-    root.append(button, updateButton);
+    root.append(button);
     return {
       root,
       button,
-      updateButton,
-      setUpdateAvailable(updateAvailable) {
-        root.toggleAttribute("data-update-available", updateAvailable);
-        updateButton.style.display = updateAvailable ? "inline-flex" : "none";
+      setUpdateAvailable(next) {
+        updateAvailable = next;
+        root.toggleAttribute("data-update-available", next);
+        updateBadge.style.display = next ? "block" : "none";
+        renderTitle();
       },
       dispose() {
         button.removeEventListener("pointerenter", onPointerEnter);
         button.removeEventListener("pointerleave", onPointerLeave);
         button.removeEventListener("click", onClick);
-        updateButton.removeEventListener("pointerenter", onUpdatePointerEnter);
-        updateButton.removeEventListener("pointerleave", onUpdatePointerLeave);
-        updateButton.removeEventListener("click", onUpdateClick);
         root.remove();
       }
     };
   }
-  function installRendererSettingsHeaderTrigger(options) {
+  function installRendererSettingsRailTrigger(options) {
     const ownerDocument = options.ownerDocument ?? document;
     let trigger = null;
     let updateAvailable = false;
     let disposed = false;
     const refresh = () => {
       if (disposed) return false;
-      const insertionPoint = findRendererSettingsHeaderInsertionPoint(ownerDocument);
+      const insertionPoint = findRendererSettingsRailInsertionPoint(ownerDocument);
       if (!insertionPoint) {
         trigger?.root.remove();
         return false;
@@ -31447,7 +31404,7 @@ ${accounts_default}`;
           duplicate.remove();
         }
         trigger = mountRendererSettingsTrigger(
-          "application-header",
+          "navigation-rail",
           options.available,
           options.onOpen,
           ownerDocument,
@@ -31515,7 +31472,7 @@ ${accounts_default}`;
         options.getUsageClient ?? (() => null)
       );
       const nextShell = installRendererSettingsShell(definitions, messages, ownerWindow.document);
-      const nextTrigger = installRendererSettingsHeaderTrigger({
+      const nextTrigger = installRendererSettingsRailTrigger({
         available: nextShell.supported,
         messages,
         ownerDocument: ownerWindow.document,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chinhae/codex-connect-linux-arm64",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "Run Pi and Claude Code as first-class external harnesses inside Codex Desktop.",
   "type": "module",
   "files": [