theclawbay 0.3.39 → 0.3.40

package/dist/commands/setup.js

@@ -858,7 +858,7 @@ async function promptForCodexUsageUiPatch() {
     });
     try {
         process.stdout.write("\n");
-        process.stdout.write("Patch Codex to show The Claw Bay usage remaining in the CLI/app footer and add a logout card in installed Codex VS Code settings? [y/N] ");
+        process.stdout.write("Patch Codex to show The Claw Bay usage remaining? [y/N] ");
         const answer = (await rl.question("")).trim().toLowerCase();
         return answer === "y" || answer === "yes";
     }
@@ -2263,7 +2263,7 @@ SetupCommand.flags = {
     "codex-usage-ui": core_1.Flags.boolean({
         required: false,
         allowNo: true,
-        description: "Patch Codex to show The Claw Bay usage remaining and add a logout card in installed Codex VS Code settings.",
+        description: "Patch Codex to show The Claw Bay usage remaining.",
     }),
     "debug-output": core_1.Flags.boolean({
         required: false,

package/dist/lib/codex-vscode-patch.js

@@ -244,7 +244,7 @@ function buildWebviewPatch() {
   }
 
   function isAgentSettingsRoute() {
-    return currentRoute().includes("/settings/agent");
+    return currentRoute().includes("/settings/general") || currentRoute().includes("/settings/agent");
   }
 
   function ensureStyle() {
@@ -253,28 +253,29 @@ function buildWebviewPatch() {
     style.id = styleId;
     style.textContent = \`
       #\${cardId} {
-        margin: 16px 0 24px;
+        margin: 20px 0 28px;
         border: 1px solid var(--vscode-panel-border, rgba(255,255,255,0.12));
         border-radius: 12px;
         background: var(--vscode-editorWidget-background, rgba(255,255,255,0.03));
         color: var(--vscode-foreground, inherit);
         overflow: hidden;
       }
-      #\${cardId} details {
-        width: 100%;
-      }
-      #\${cardId} summary {
+      #\${cardId} .theclawbay-header {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 12px;
         padding: 14px 16px;
-        cursor: pointer;
-        font-weight: 600;
-        list-style: none;
       }
-      #\${cardId} summary::-webkit-details-marker {
-        display: none;
+      #\${cardId} .theclawbay-title {
+        font-size: 14px;
+        font-weight: 700;
+        color: var(--vscode-foreground, inherit);
+      }
+      #\${cardId} .theclawbay-topline {
+        display: flex;
+        align-items: center;
+        gap: 10px;
       }
       #\${cardId} .theclawbay-badge {
         border-radius: 999px;
@@ -309,6 +310,27 @@ function buildWebviewPatch() {
       #\${cardId} .theclawbay-button:hover {
         background: var(--vscode-button-hoverBackground, #1177bb);
       }
+      #\${cardId} .theclawbay-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 16px;
+        flex-wrap: wrap;
+      }
+      #\${cardId} .theclawbay-toggle {
+        display: inline-flex;
+        align-items: center;
+        gap: 10px;
+        font-size: 13px;
+        font-weight: 600;
+        color: var(--vscode-foreground, inherit);
+      }
+      #\${cardId} .theclawbay-toggle input {
+        width: 34px;
+        height: 18px;
+        accent-color: var(--vscode-button-background, #0e639c);
+        cursor: pointer;
+      }
     \`;
     document.head.appendChild(style);
   }
@@ -336,33 +358,60 @@ function buildWebviewPatch() {
     const wrapper = document.createElement("section");
     wrapper.id = cardId;
 
-    const details = document.createElement("details");
-    const summary = document.createElement("summary");
+    const header = document.createElement("div");
+    header.className = "theclawbay-header";
+
+    const topline = document.createElement("div");
+    topline.className = "theclawbay-topline";
     const title = document.createElement("span");
+    title.className = "theclawbay-title";
     title.textContent = "The Claw Bay";
     const badge = document.createElement("span");
     badge.className = "theclawbay-badge";
     badge.textContent = "Patched";
-    summary.append(title, badge);
+    topline.append(title, badge);
+    header.appendChild(topline);
 
     const body = document.createElement("div");
     body.className = "theclawbay-body";
 
     const copy = document.createElement("p");
     copy.className = "theclawbay-copy";
-    copy.textContent = "Shows The Claw Bay usage remaining inside Codex and lets you remove the patch cleanly from here.";
+    copy.textContent = "Shows The Claw Bay usage remaining inside Codex.";
+
+    const row = document.createElement("div");
+    row.className = "theclawbay-row";
+
+    const toggleLabel = document.createElement("label");
+    toggleLabel.className = "theclawbay-toggle";
+
+    const toggle = document.createElement("input");
+    toggle.type = "checkbox";
+    toggle.checked = true;
+    toggle.addEventListener("change", () => {
+      if (!toggle.checked) {
+        vscodeApi?.postMessage({ type: "open-vscode-command", command: commandId, args: [] });
+      }
+      window.setTimeout(() => {
+        toggle.checked = true;
+      }, 0);
+    });
+
+    const toggleText = document.createElement("span");
+    toggleText.textContent = "Usage remaining patch";
+    toggleLabel.append(toggle, toggleText);
 
     const button = document.createElement("button");
     button.type = "button";
     button.className = "theclawbay-button";
-    button.textContent = "Log out and remove patch";
+    button.textContent = "Remove patch";
     button.addEventListener("click", () => {
       vscodeApi?.postMessage({ type: "open-vscode-command", command: commandId, args: [] });
     });
 
-    body.append(copy, button);
-    details.append(summary, body);
-    wrapper.appendChild(details);
+    row.append(toggleLabel, button);
+    body.append(copy, row);
+    wrapper.append(header, body);
     return wrapper;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "theclawbay",
-  "version": "0.3.39",
+  "version": "0.3.40",
   "description": "CLI for connecting Codex, Continue, Cline, OpenClaw, OpenCode, Kilo, Roo Code, Aider, experimental Trae, and experimental Zo to The Claw Bay.",
   "license": "MIT",
   "bin": {