@codexhost/cli-linux-arm64 0.6.1 → 0.7.0

package/app/renderer-extension.js

@@ -16,7 +16,9 @@
     "grok",
     "omp",
     "antigravity",
-    "kiro-cli"
+    "kiro-cli",
+    "codebuddy",
+    "cursor-cli"
   ];
   var DEFAULT_RENDERER_AGENTS = KNOWN_RENDERER_AGENTS;
   function defaultIdFactory(sequence) {
@@ -126,13 +128,25 @@
       if (agent === "codex" && codexAccountId) state.codexAccountId = codexAccountId;
       else delete state.codexAccountId;
       if (agent === "pi" && model) state.piModel = model;
+      else if (agent === "pi") delete state.piModel;
       if (agent === "claude-code" && model) state.claudeModel = model;
+      else if (agent === "claude-code") delete state.claudeModel;
       if (agent === "deepseek-harness" && model) state.deepSeekHarnessModel = model;
+      else if (agent === "deepseek-harness") delete state.deepSeekHarnessModel;
       if (agent === "opencode" && model) state.openCodeModel = model;
+      else if (agent === "opencode") delete state.openCodeModel;
       if (agent === "grok" && model) state.grokModel = model;
+      else if (agent === "grok") delete state.grokModel;
       if (agent === "omp" && model) state.ompModel = model;
+      else if (agent === "omp") delete state.ompModel;
       if (agent === "antigravity" && model) state.antigravityModel = model;
+      else if (agent === "antigravity") delete state.antigravityModel;
       if (agent === "kiro-cli" && model) state.kiroCliModel = model;
+      else if (agent === "kiro-cli") delete state.kiroCliModel;
+      if (agent === "codebuddy" && model) state.codeBuddyModel = model;
+      else if (agent === "codebuddy") delete state.codeBuddyModel;
+      if (agent === "cursor-cli" && model) state.cursorCliModel = model;
+      else if (agent === "cursor-cli") delete state.cursorCliModel;
       if (agent === "pi" && thinkingOptionId) state.piThinkingOptionId = thinkingOptionId;
       else if (agent === "pi") delete state.piThinkingOptionId;
       if (agent === "claude-code" && thinkingOptionId) {
@@ -151,6 +165,9 @@
       if (agent === "kiro-cli" && thinkingOptionId) {
         state.kiroCliThinkingOptionId = thinkingOptionId;
       } else if (agent === "kiro-cli") delete state.kiroCliThinkingOptionId;
+      if (agent === "codebuddy" && thinkingOptionId) {
+        state.codeBuddyThinkingOptionId = thinkingOptionId;
+      } else if (agent === "codebuddy") delete state.codeBuddyThinkingOptionId;
       if (agent !== "codex") {
         const permissionModeByAgent = {};
         for (const candidate of [
@@ -161,7 +178,9 @@
           "grok",
           "omp",
           "antigravity",
-          "kiro-cli"
+          "kiro-cli",
+          "codebuddy",
+          "cursor-cli"
         ]) {
           const current = state.permissionModeByAgent?.[candidate];
           if (candidate !== agent && current) permissionModeByAgent[candidate] = current;
@@ -185,6 +204,8 @@
       if (agent === "omp") return state.ompModel;
       if (agent === "antigravity") return state.antigravityModel;
       if (agent === "kiro-cli") return state.kiroCliModel;
+      if (agent === "codebuddy") return state.codeBuddyModel;
+      if (agent === "cursor-cli") return state.cursorCliModel;
       return void 0;
     }
     thinkingOptionForAgent(composer, agent) {
@@ -196,6 +217,7 @@
       if (agent === "omp") return state.ompThinkingOptionId;
       if (agent === "antigravity") return state.antigravityThinkingOptionId;
       if (agent === "kiro-cli") return state.kiroCliThinkingOptionId;
+      if (agent === "codebuddy") return state.codeBuddyThinkingOptionId;
       return void 0;
     }
     permissionModeForAgent(composer, agent) {
@@ -219,6 +241,8 @@
       else if (agent === "omp") state.ompModel = model;
       else if (agent === "antigravity") state.antigravityModel = model;
       else if (agent === "kiro-cli") state.kiroCliModel = model;
+      else if (agent === "codebuddy") state.codeBuddyModel = model;
+      else if (agent === "cursor-cli") state.cursorCliModel = model;
       return state;
     }
     setPiConfiguration(composer, model, thinkingOptionId) {
@@ -259,6 +283,10 @@
         state.kiroCliThinkingOptionId = thinkingOptionId;
       } else if (agent === "kiro-cli") {
         delete state.kiroCliThinkingOptionId;
+      } else if (agent === "codebuddy" && thinkingOptionId) {
+        state.codeBuddyThinkingOptionId = thinkingOptionId;
+      } else if (agent === "codebuddy") {
+        delete state.codeBuddyThinkingOptionId;
       }
       return state;
     }
@@ -15484,6 +15512,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     accountCredits: accountCreditsSnapshotSchema.optional()
   }).strict();
 
+  // ../shared-contracts/dist/reasoning-transcript.js
+  var REASONING_TRANSCRIPT_COMMAND = "thinking";
+
   // ../shared-contracts/dist/harness-session-import.js
   var HARNESS_SESSION_IMPORT_ID_MAX_LENGTH = 1024;
   var HARNESS_SESSION_IMPORT_CWD_MAX_LENGTH = 16384;
@@ -15838,6 +15869,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   // src/assets/kiro-agent.svg
   var kiro_agent_default = 'data:image/svg+xml,<svg width="1200" height="1200" viewBox="0 0 1200 1200" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="1200" height="1200" rx="260" fill="%239046FF"/>%0A<mask id="mask0_1106_4856" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="272" y="202" width="655" height="796">%0A<path d="M926.578 202.793H272.637V997.857H926.578V202.793Z" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_1106_4856)">%0A<path d="M398.554 818.914C316.315 1001.03 491.477 1046.74 620.672 940.156C658.687 1059.66 801.052 970.473 852.234 877.795C964.787 673.567 919.318 465.357 907.64 422.374C827.637 129.443 427.623 128.946 358.8 423.865C342.651 475.544 342.402 534.18 333.458 595.051C328.986 625.86 325.507 645.488 313.83 677.785C306.873 696.424 297.68 712.819 282.773 740.645C259.915 783.881 269.604 867.113 387.87 823.883L399.051 818.914H398.554Z" fill="white"/>%0A<path d="M636.123 549.353C603.328 549.353 598.359 510.097 598.359 486.742C598.359 465.623 602.086 448.977 609.293 438.293C615.504 428.852 624.697 424.131 636.123 424.131C647.555 424.131 657.492 428.852 664.447 438.541C672.398 449.474 676.623 466.12 676.623 486.742C676.623 525.998 661.471 549.353 636.375 549.353H636.123Z" fill="black"/>%0A<path d="M771.24 549.353C738.445 549.353 733.477 510.097 733.477 486.742C733.477 465.623 737.203 448.977 744.41 438.293C750.621 428.852 759.814 424.131 771.24 424.131C782.672 424.131 792.609 428.852 799.564 438.541C807.516 449.474 811.74 466.12 811.74 486.742C811.74 525.998 796.588 549.353 771.492 549.353H771.24Z" fill="black"/>%0A</g>%0A</svg>%0A';
 
+  // src/assets/codebuddy-agent.svg
+  var codebuddy_agent_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><g clip-path="url(%23clip0_4958_10776)"><rect x="-0.00146484" width="40" height="40" rx="8.63158" fill="%236C4DFF"></rect><path d="M30.5918 3.12856C30.984 2.77679 31.0078 2.7632 31.2955 2.74593C31.7615 2.71193 32.1882 2.93586 32.9147 3.59728C34.6119 5.13959 36.9755 8.30995 38.4449 11.0177L39.0125 12.0691L39.8143 12.4677C40.5885 12.8589 41.8587 13.6611 42.389 14.0913C42.6286 14.2894 42.6626 14.2934 42.912 14.1964C44.0375 13.7583 45.6494 14.3393 47.0714 15.7033C48.3516 16.9303 49.5781 19.0269 50.0478 20.7767C50.1164 21.0582 50.2074 21.6636 50.2405 22.1144C50.3477 23.6973 49.84 24.9617 48.8624 25.5341C48.6628 25.6493 48.6492 25.6807 48.6548 26.1783C48.6998 28.5492 48.0606 30.9165 46.7768 33.2244C45.3276 35.8156 42.7467 38.496 39.2544 41.0214C37.3789 42.3862 32.9421 44.9717 30.9361 45.8792C26.1304 48.0428 22.278 48.8718 18.9316 48.4618C16.9356 48.22 14.6761 47.4417 13.3392 46.5373C12.9873 46.294 12.9318 46.2791 12.6629 46.3561C11.2318 46.7671 9.35752 45.9219 7.76528 44.1544C7.13027 43.448 6.10508 41.7136 5.77273 40.7853C5.00409 38.6128 5.15721 36.6516 6.18105 35.4808C6.44522 35.1797 6.4538 35.1667 6.39603 34.6598C6.30065 33.8298 6.25703 32.6017 6.30061 31.809L6.33535 31.0683L5.22371 29.1019C3.50212 26.0386 2.40857 23.4663 1.98661 21.501C1.76389 20.4233 1.77734 19.9446 2.05091 19.5908C2.21741 19.3773 2.76347 19.1568 3.42155 19.0352C5.07869 18.7442 8.69327 19.0065 12.7142 19.7165L13.1316 19.789L14.0497 18.977C15.5733 17.6274 16.5858 16.8705 18.4518 15.707C20.3967 14.4901 22.5922 13.4895 25.064 12.6968L25.8564 12.4423L26.2926 11.2974C27.8535 7.17701 29.452 4.13917 30.5918 3.12856ZM17.5169 24.2439C15.7528 25.2625 14.8705 25.7716 14.2223 26.3423C11.5975 28.6536 10.6172 32.3151 11.7346 35.6292C12.0106 36.4475 12.5193 37.3301 13.5378 39.0941C14.5563 40.8582 15.0662 41.7401 15.637 42.3882C17.9483 45.0128 21.6091 45.9938 24.923 44.8764C25.7414 44.6004 26.6233 44.0909 28.3875 43.0724L38.5362 37.213C40.3004 36.1945 41.1826 35.6854 41.8308 35.1147C44.4555 32.8034 45.4363 29.1426 44.319 25.8286C44.043 25.0103 43.5343 24.1277 42.5158 22.3637C41.4974 20.5997 40.9873 19.7177 40.4166 19.0696C38.1053 16.4448 34.4441 15.4631 31.1301 16.5806C30.3118 16.8565 29.4297 17.3661 27.6656 18.3846L17.5169 24.2439Z" fill="white"></path><rect x="18.4944" y="31.334" width="4.00904" height="8.32646" rx="2.00452" transform="rotate(-30 18.4944 31.334)" fill="white"></rect><rect x="29.311" y="25.0898" width="4.00904" height="8.32646" rx="2.00452" transform="rotate(-30 29.311 25.0898)" fill="white"></rect></g><defs><clipPath id="clip0_4958_10776"><rect x="-0.00146484" width="40" height="40" rx="8.63158" fill="white"></rect></clipPath></defs></svg>';
+
+  // src/assets/cursor-agent.svg
+  var cursor_agent_default = 'data:image/svg+xml,<svg fill="none" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m512 325.5c0 7.124 0 14.24-.041 21.364-.034 5.999-.103 11.998-.268 17.99-.356 13.068-1.124 26.245-3.448 39.169-2.359 13.109-6.205 25.306-12.266 37.222-5.958 11.703-13.746 22.419-23.029 31.709-9.29 9.29-20 17.072-31.71 23.03-11.909 6.061-24.113 9.907-37.222 12.266-12.923 2.324-26.101 3.092-39.169 3.448-5.999.165-11.991.233-17.99.268-7.123.048-14.24.041-21.364.041h-139c-7.124 0-14.24 0-21.364-.041-5.999-.035-11.998-.103-17.99-.268-13.068-.356-26.245-1.124-39.169-3.448-13.109-2.359-25.306-6.205-37.2219-12.266-11.7033-5.958-22.4194-13.746-31.7095-23.03-9.29-9.29-17.0717-19.999-23.0296-31.709-6.0608-11.909-9.90707-24.113-12.26557-37.222-2.32422-12.924-3.0921-26.101-3.448618-39.169-.164546-5.999-.2331071-11.991-.2673876-17.99-.0274244-7.124-.0274244-14.24-.0274244-21.364v-139c0-7.124 0-14.24.0411366-21.364.0342805-5.999.1028414-11.998.2673884-17.99.356517-13.068 1.124405-26.245 3.448615-39.169 2.3585-13.1091 6.20478-25.3061 12.26556-37.222 5.958-11.7034 13.7465-22.4195 23.0297-31.7095 9.29-9.29 19.9992-17.0717 31.7094-23.0296 11.9091-6.06084 24.1129-9.90711 37.2222-12.26561 12.923-2.32422 26.101-3.092104 39.169-3.448622 5.999-.164546 11.991-.233107 17.99-.2673875 7.117-.0342805 14.233-.0342805 21.357-.0342805h139c7.124 0 14.24 0 21.364.0411366 5.999.0342805 11.998.1028414 17.99.2673884 13.068.356517 26.245 1.124405 39.169 3.448615 13.109 2.3585 25.306 6.20478 37.222 12.26556 11.703 5.958 22.419 13.7465 31.709 23.0297 9.29 9.29 17.072 19.9992 23.03 31.7094 6.061 11.9091 9.907 24.1129 12.266 37.2222 2.324 12.923 3.092 26.101 3.448 39.169.165 5.999.233 11.991.268 17.99.048 7.123.041 14.24.041 21.364v139z" fill="%2314120b"/><path d="m186.5 4h139c7.125 0 14.231-.00004 21.341.04102 5.985.0342 11.952.10221 17.903.26562h.001c13.003.35475 25.943 1.11709 38.569 3.3877 12.775 2.29827 24.592 6.03146 36.118 11.89356v-.001c10.974 5.5867 21.052 12.8384 29.848 21.457l.847.8379c8.993 8.993 16.525 19.3594 22.292 30.6934v.001c5.678 11.1575 9.36 22.6023 11.674 34.9208l.219 1.195c2.129 11.837 2.932 23.95 3.316 36.132l.072 2.438c.164 5.958.232 11.919.266 17.904v.004c.048 7.107.041 14.207.041 21.337v129.344l-.007-.007v9.656c0 7.125 0 14.231-.041 21.341-.034 5.985-.102 11.952-.266 17.903v.001c-.354 13.003-1.117 25.943-3.387 38.569-2.227 12.376-5.8 23.853-11.351 35.037l-.543 1.08c-5.766 11.327-13.306 21.701-22.293 30.695-8.993 8.993-19.361 16.526-30.695 22.293-11.518 5.861-23.342 9.595-36.116 11.893-11.837 2.129-23.95 2.932-36.132 3.316l-2.438.072c-5.958.164-11.919.232-17.904.266h-.004c-7.107.048-14.207.041-21.337.041h-139c-7.125 0-14.231 0-21.341-.041-5.985-.034-11.952-.102-17.903-.266h-.001c-13.003-.355-25.944-1.117-38.57-3.388-12.7742-2.298-24.5914-6.031-36.1165-11.893h.001c-10.974-5.587-21.0534-12.837-29.8496-21.456l-.8467-.838c-8.7118-8.712-16.0531-18.713-21.7461-29.634l-.5459-1.06-.5439-1.081c-5.371-10.816-8.8905-21.919-11.12991-33.84l-.21973-1.196c-2.27061-12.626-3.03294-25.566-3.38769-38.569v-.001c-.16341-5.958-.23142-11.918-.26563-17.903-.02736-7.112-.02734-14.219-.02734-21.341v-139c0-7.125-.00004-14.231.04102-21.341.0342-5.985.10221-11.952.26562-17.903v-.001c.35476-13.003 1.117-25.944 3.3877-38.57 2.29828-12.7744 6.03156-24.5916 11.89356-36.1166l-.001-.001c5.7666-11.327 13.3073-21.6999 22.294-30.6934 8.9933-8.9933 19.3607-16.5261 30.6953-22.2929 11.5173-5.8615 23.3406-9.59619 36.1148-11.89458 11.837-2.12877 23.951-2.93016 36.133-3.31445l2.438-.07227c5.958-.16342 11.919-.23142 17.904-.26562l-.001-.00098c7.104-.03421 14.211-.0332 21.335-.0332z" stroke="%23edecec" stroke-opacity=".2" stroke-width="8"/><path d="m415.035 156.35-151.503-87.4695c-4.865-2.8094-10.868-2.8094-15.733 0l-151.4969 87.4695c-4.0897 2.362-6.6146 6.729-6.6146 11.459v176.383c0 4.73 2.5249 9.097 6.6146 11.458l151.5039 87.47c4.865 2.809 10.868 2.809 15.733 0l151.504-87.47c4.089-2.361 6.614-6.728 6.614-11.458v-176.383c0-4.73-2.525-9.097-6.614-11.459zm-9.516 18.528-146.255 253.32c-.988 1.707-3.599 1.01-3.599-.967v-165.872c0-3.314-1.771-6.379-4.644-8.044l-143.645-82.932c-1.707-.988-1.01-3.599.968-3.599h292.509c4.154 0 6.75 4.503 4.673 8.101h-.007z" fill="%23edecec"/></svg>';
+
   // src/assets/omp-agent.svg
   var omp_agent_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">%0A  <defs>%0A    <linearGradient id="omp-gradient" x1="0" y1="0" x2="1" y2="1">%0A      <stop offset="0" stop-color="%23ed4abf" />%0A      <stop offset=".5" stop-color="%239b4dff" />%0A      <stop offset="1" stop-color="%235ad8e6" />%0A    </linearGradient>%0A  </defs>%0A  <path%0A    fill="url(%23omp-gradient)"%0A    transform="translate(-14.4 -20.2) scale(1.45)"%0A    d="M14 16h36v8H40v32h-8V24h-6v22h-8V24h-4z"%0A  />%0A</svg>%0A';
 
@@ -15854,7 +15891,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     grok: "Grok",
     omp: "Oh My Pi",
     antigravity: "Antigravity CLI",
-    "kiro-cli": "Kiro CLI"
+    "kiro-cli": "Kiro CLI",
+    codebuddy: "CodeBuddy",
+    "cursor-cli": "Cursor CLI (Experimental)"
   };
   var PI_PATHS = [
     {
@@ -15930,9 +15969,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       image.style.flex = "none";
       return image;
     }
-    if (agent === "antigravity" || agent === "kiro-cli") {
+    if (agent === "antigravity" || agent === "kiro-cli" || agent === "codebuddy" || agent === "cursor-cli") {
       const image = ownerDocument.createElement("img");
-      image.src = agent === "kiro-cli" ? kiro_agent_default : antigravity_agent_default;
+      image.src = agent === "codebuddy" ? codebuddy_agent_default : agent === "cursor-cli" ? cursor_agent_default : agent === "kiro-cli" ? kiro_agent_default : antigravity_agent_default;
       image.alt = "";
       image.draggable = false;
       image.style.width = `${size}px`;
@@ -16291,6 +16330,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }]
   ];
 
+  // ../../node_modules/lucide/dist/esm/icons/ellipsis.mjs
+  var Ellipsis = [
+    ["circle", { cx: "12", cy: "12", r: "1" }],
+    ["circle", { cx: "19", cy: "12", r: "1" }],
+    ["circle", { cx: "5", cy: "12", r: "1" }]
+  ];
+
   // ../../node_modules/lucide/dist/esm/icons/folder-input.mjs
   var FolderInput = [
     [
@@ -16504,7 +16550,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     "trash",
     "terminal",
     "search",
-    "help"
+    "help",
+    "ellipsis"
   ];
   var iconNodes = {
     settings: Settings,
@@ -16539,7 +16586,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     trash: Trash2,
     terminal: Terminal,
     search: Search,
-    help: CircleQuestionMark
+    help: CircleQuestionMark,
+    ellipsis: Ellipsis
   };
   function isRendererSettingsIconName(value) {
     return RENDERER_SETTINGS_ICON_NAMES.includes(value);
@@ -16579,7 +16627,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     grok: "https://grok.com/",
     omp: "https://github.com/can1357/oh-my-pi",
     antigravity: "https://antigravity.google/product/antigravity-cli",
-    "kiro-cli": "https://kiro.dev/docs/cli/"
+    "kiro-cli": "https://kiro.dev/docs/cli/",
+    codebuddy: "https://www.codebuddy.ai/docs/zh/cli/overview",
+    "cursor-cli": "https://cursor.com/docs/cli/installation"
   });
   function connectionStatusLabel(availability, messages, hasError = false) {
     if (hasError && availability !== "notInstalled") return messages.connectionStatusError;
@@ -17357,6 +17407,9 @@ ${error51.stderrTail}`] : []
     sectionsLabel: "Settings sections",
     generalSection: "General",
     otherSection: "Other",
+    appearanceDescription: "Adjust how thinking text is displayed in the conversation.",
+    reasoningSoftWrapTitle: "Wrap thinking text",
+    reasoningSoftWrapDescription: "Wrap long thinking lines in the transcript. Ordinary shell output is unaffected. Off by default.",
     pageUnavailable: "Page unavailable",
     inDevelopment: "In development",
     notAvailable: "Not available",
@@ -17393,26 +17446,26 @@ ${error51.stderrTail}`] : []
     sessionImportRetryOpen: "Try opening again",
     sessionImportRetrying: "Opening...",
     connectionsDescription: "View runtime status by Host. Select an item to inspect details or complete its setup.",
-    accountsDescription: "Choose the default account for new Codex tasks and check account limits.",
-    accountTaskHint: "Existing tasks keep the account they were created with. Multi-account is currently available for Codex.",
-    accountConnected: "Connected accounts",
-    accountDefaultBadge: "Default",
-    accountAdd: "Add Account",
+    accountsDescription: "View accounts and limits across Agents, and manage your Codex default account.",
+    accountConnected: "Accounts",
+    accountDefaultBadge: "Codex default",
+    accountAdd: "Add Codex account",
     accountColumnAccount: "Account",
-    accountColumnUsage: "Limits",
-    accountColumnActions: "Actions",
-    accountSearch: "Search accounts\u2026",
-    accountEmpty: "No accounts yet. Add an account to get started.",
+    accountColumnActions: "Manage",
+    accountSearch: "Search accounts or Agents\u2026",
+    accountEmpty: "No accounts yet. Add a Codex account or sign in to an Agent in its native client.",
     accountNoMatches: "No matching accounts.",
-    accountLoginHelp: "Before signing in",
-    harnessAccountsTitle: "Other detected accounts",
+    accountNativeManaged: "Native management",
+    accountNativeManagementHint: "This account comes from {harness}'s native authentication. This page only displays identity and limits; manage sign-in, sign-out and switching in the native client.",
+    accountMore: "Codex account actions",
+    accountDetailsClose: "Close account details",
+    accountDefaultHint: "Use as the default for new Codex tasks only",
     accountCreditsRemaining: "Remaining",
     accountCreditsLoading: "Loading limits\u2026",
     accountCreditsEmpty: "No limit data available",
     accountCreditsFailed: "Could not load limits",
     accountCreditsRetry: "Retry",
     accountCreditsRefresh: "Refresh limits",
-    accountResetCreditsUnknown: "No reset card data available",
     accountCreateFailed: "Could not add the Account.",
     accountDelete: "Delete",
     accountDeleteConfirm: "Delete this Account and its local data? This cannot be undone.",
@@ -17422,7 +17475,6 @@ ${error51.stderrTail}`] : []
     accountUse: "Set as default",
     accountSignIn: "Sign in",
     accountSigningIn: "Starting device sign-in...",
-    accountDeviceCodePrerequisite: "Before signing in, enable \u201CEnable device code authorization for Codex\u201D in Web Settings \u2192 Account security & sign-in.",
     accountVerificationDescription: "Open the verification page and enter this one-time code:",
     accountCopyCode: "Copy code",
     accountCopied: "Copied",
@@ -17431,7 +17483,10 @@ ${error51.stderrTail}`] : []
     accountLoginFailed: "Sign-in failed.",
     accountLoadFailed: "Could not load Codex Accounts.",
     accountCreditsUsed: "Used",
-    accountCreditsReset: "reset",
+    accountCreditsResetAt: "Quota resets: {time}",
+    accountCreditsResetIn: "Quota resets in {time}",
+    accountCreditsResetPending: "Awaiting refresh",
+    accountCreditsResetPendingHint: "The reset time has passed; refresh to check the actual quota.",
     accountCreditsPeriodWeekly: "Weekly limit",
     accountCreditsPeriodMonthly: "Monthly limit",
     accountCreditsPeriodFiveHour: "5-hour",
@@ -17547,6 +17602,7 @@ ${error51.stderrTail}`] : []
     aboutRepository: "Open-source repository",
     pageLabels: Object.freeze({
       connections: "Connections",
+      appearance: "Appearance",
       accounts: "Accounts",
       "session-import": "Session Import",
       updates: "Updates",
@@ -17561,6 +17617,9 @@ ${error51.stderrTail}`] : []
     sectionsLabel: "\u8BBE\u7F6E\u5206\u7C7B",
     generalSection: "\u901A\u7528",
     otherSection: "\u5176\u4ED6",
+    appearanceDescription: "\u8C03\u6574\u4F1A\u8BDD\u4E2D\u601D\u8003\u6587\u672C\u7684\u663E\u793A\u65B9\u5F0F\u3002",
+    reasoningSoftWrapTitle: "\u6362\u884C\u663E\u793A\u601D\u8003\u6587\u672C",
+    reasoningSoftWrapDescription: "\u8BA9\u601D\u8003\u5757\u4E2D\u7684\u957F\u884C\u81EA\u52A8\u6362\u884C\u3002\u666E\u901A Shell \u8F93\u51FA\u4E0D\u53D7\u5F71\u54CD\u3002\u9ED8\u8BA4\u5173\u95ED\u3002",
     pageUnavailable: "\u9875\u9762\u4E0D\u53EF\u7528",
     inDevelopment: "\u5F00\u53D1\u4E2D",
     notAvailable: "\u6682\u4E0D\u53EF\u7528",
@@ -17597,26 +17656,26 @@ ${error51.stderrTail}`] : []
     sessionImportRetryOpen: "\u91CD\u8BD5\u6253\u5F00",
     sessionImportRetrying: "\u6B63\u5728\u6253\u5F00\u2026\u2026",
     connectionsDescription: "\u6309 Host \u67E5\u770B\u8FD0\u884C\u65F6\u72B6\u6001\u3002\u9009\u62E9\u4E00\u9879\uFF0C\u5728\u53F3\u4FA7\u68C0\u67E5\u8BE6\u60C5\u6216\u5B8C\u6210\u914D\u7F6E\u3002",
-    accountsDescription: "\u9009\u62E9\u65B0\u5EFA Codex \u4EFB\u52A1\u7684\u9ED8\u8BA4\u8D26\u53F7\uFF0C\u5E76\u67E5\u770B\u5404\u8D26\u53F7\u989D\u5EA6\u3002",
-    accountTaskHint: "\u5207\u6362\u9ED8\u8BA4\u8D26\u53F7\u4E0D\u4F1A\u5F71\u54CD\u5DF2\u5F00\u59CB\u7684\u4EFB\u52A1\u3002\u76EE\u524D\u4EC5\u652F\u6301 Codex \u591A\u8D26\u53F7\u3002",
-    accountConnected: "\u5DF2\u8FDE\u63A5\u8D26\u53F7",
-    accountDefaultBadge: "\u9ED8\u8BA4",
-    accountAdd: "\u6DFB\u52A0\u8D26\u53F7",
+    accountsDescription: "\u67E5\u770B\u5404 Agent \u7684\u8D26\u53F7\u4E0E\u989D\u5EA6\uFF0C\u7BA1\u7406 Codex \u9ED8\u8BA4\u8D26\u53F7\u3002",
+    accountConnected: "\u8D26\u53F7",
+    accountDefaultBadge: "Codex \u9ED8\u8BA4",
+    accountAdd: "\u6DFB\u52A0 Codex \u8D26\u53F7",
     accountColumnAccount: "\u8D26\u53F7",
-    accountColumnUsage: "\u989D\u5EA6",
-    accountColumnActions: "\u64CD\u4F5C",
-    accountSearch: "\u641C\u7D22\u8D26\u53F7\u2026",
-    accountEmpty: "\u8FD8\u6CA1\u6709\u8D26\u53F7\uFF0C\u6DFB\u52A0\u4E00\u4E2A\u8D26\u53F7\u5373\u53EF\u5F00\u59CB\u3002",
+    accountColumnActions: "\u7BA1\u7406",
+    accountSearch: "\u641C\u7D22\u8D26\u53F7\u6216 Agent\u2026",
+    accountEmpty: "\u8FD8\u6CA1\u6709\u8D26\u53F7\uFF0C\u53EF\u6DFB\u52A0 Codex \u8D26\u53F7\u6216\u5728\u5176\u4ED6 Agent \u7684\u539F\u751F\u5BA2\u6237\u7AEF\u767B\u5F55\u3002",
     accountNoMatches: "\u6CA1\u6709\u5339\u914D\u7684\u8D26\u53F7\u3002",
-    accountLoginHelp: "\u767B\u5F55\u524D\u987B\u77E5",
-    harnessAccountsTitle: "\u5176\u4ED6\u5DF2\u8BC6\u522B\u8D26\u53F7",
+    accountNativeManaged: "\u539F\u751F\u7BA1\u7406",
+    accountNativeManagementHint: "\u6B64\u8D26\u53F7\u6765\u81EA {harness} \u7684\u539F\u751F\u767B\u5F55\u3002\u8FD9\u91CC\u53EA\u8BFB\u5C55\u793A\u8EAB\u4EFD\u4E0E\u989D\u5EA6\uFF1B\u767B\u5F55\u3001\u9000\u51FA\u548C\u5207\u6362\u8BF7\u5728\u5176\u539F\u751F\u5BA2\u6237\u7AEF\u4E2D\u5B8C\u6210\u3002",
+    accountMore: "Codex \u8D26\u53F7\u64CD\u4F5C",
+    accountDetailsClose: "\u5173\u95ED\u8D26\u53F7\u8BE6\u60C5",
+    accountDefaultHint: "\u4EC5\u8BBE\u4E3A\u65B0 Codex \u4EFB\u52A1\u7684\u9ED8\u8BA4\u8D26\u53F7",
     accountCreditsRemaining: "\u5269\u4F59",
     accountCreditsLoading: "\u6B63\u5728\u8BFB\u53D6\u989D\u5EA6\u2026",
     accountCreditsEmpty: "\u6682\u65E0\u989D\u5EA6\u6570\u636E",
     accountCreditsFailed: "\u989D\u5EA6\u8BFB\u53D6\u5931\u8D25",
     accountCreditsRetry: "\u91CD\u8BD5",
     accountCreditsRefresh: "\u5237\u65B0\u989D\u5EA6",
-    accountResetCreditsUnknown: "\u6682\u65E0\u91CD\u7F6E\u5361\u6570\u636E",
     accountCreateFailed: "\u6DFB\u52A0\u8D26\u53F7\u5931\u8D25\u3002",
     accountDelete: "\u5220\u9664",
     accountDeleteConfirm: "\u5220\u9664\u6B64\u8D26\u53F7\u53CA\u5176\u672C\u5730\u6570\u636E\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002",
@@ -17626,7 +17685,6 @@ ${error51.stderrTail}`] : []
     accountUse: "\u8BBE\u4E3A\u9ED8\u8BA4",
     accountSignIn: "\u767B\u5F55",
     accountSigningIn: "\u6B63\u5728\u542F\u52A8\u8BBE\u5907\u767B\u5F55...",
-    accountDeviceCodePrerequisite: "\u767B\u5F55\u524D\uFF0C\u8BF7\u5148\u5728 Web \u7AEF\u7684\u201C\u8BBE\u7F6E \u2192 \u8D26\u53F7\u5B89\u5168\u4E0E\u767B\u5F55\u201D\u4E2D\u5F00\u542F\u201C\u4E3A Codex \u542F\u7528\u8BBE\u5907\u4EE3\u7801\u6388\u6743\u201D\u3002",
     accountVerificationDescription: "\u6253\u5F00\u9A8C\u8BC1\u9875\u9762\u5E76\u8F93\u5165\u4EE5\u4E0B\u4E00\u6B21\u6027\u4EE3\u7801\uFF1A",
     accountCopyCode: "\u590D\u5236\u4EE3\u7801",
     accountCopied: "\u5DF2\u590D\u5236",
@@ -17635,7 +17693,10 @@ ${error51.stderrTail}`] : []
     accountLoginFailed: "\u767B\u5F55\u5931\u8D25\u3002",
     accountLoadFailed: "\u65E0\u6CD5\u52A0\u8F7D Codex \u8D26\u53F7\u3002",
     accountCreditsUsed: "\u5DF2\u7528",
-    accountCreditsReset: "\u91CD\u7F6E",
+    accountCreditsResetAt: "\u989D\u5EA6\u91CD\u7F6E\u65F6\u95F4\uFF1A{time}",
+    accountCreditsResetIn: "\u8DDD\u91CD\u7F6E\u8FD8\u6709 {time}",
+    accountCreditsResetPending: "\u5F85\u5237\u65B0",
+    accountCreditsResetPendingHint: "\u91CD\u7F6E\u65F6\u95F4\u5DF2\u5230\uFF0C\u8BF7\u5237\u65B0\u4EE5\u786E\u8BA4\u5B9E\u9645\u989D\u5EA6\u3002",
     accountCreditsPeriodWeekly: "\u5468\u989D\u5EA6",
     accountCreditsPeriodMonthly: "\u6708\u989D\u5EA6",
     accountCreditsPeriodFiveHour: "5 \u5C0F\u65F6",
@@ -17751,6 +17812,7 @@ ${error51.stderrTail}`] : []
     aboutRepository: "\u5F00\u6E90\u4ED3\u5E93",
     pageLabels: Object.freeze({
       connections: "\u8FDE\u63A5",
+      appearance: "\u5916\u89C2",
       accounts: "\u8D26\u53F7",
       "session-import": "\u4F1A\u8BDD\u5BFC\u5165",
       updates: "\u66F4\u65B0",
@@ -17803,7 +17865,9 @@ ${error51.stderrTail}`] : []
     grok: "https://grok.com/",
     omp: "https://github.com/can1357/oh-my-pi",
     antigravity: "https://antigravity.google/product/antigravity-cli",
-    "kiro-cli": "https://kiro.dev/docs/cli/"
+    "kiro-cli": "https://kiro.dev/docs/cli/",
+    codebuddy: "https://www.codebuddy.ai/docs/zh/cli/overview",
+    "cursor-cli": "https://cursor.com/docs/cli/installation"
   };
   var CONTROL_ATTRIBUTE = "data-codexhost-agent-control";
   var AGENT_MENU_WIDTH = 224;
@@ -19090,7 +19154,14 @@ ${error51.stderrTail}`] : []
     ["Workspace write", "\u5DE5\u4F5C\u533A\u5199\u5165"],
     ["Full access (dangerous)", "\u5B8C\u5168\u8BBF\u95EE\uFF08\u5371\u9669\uFF09"],
     ["Configured permissions", "\u4F7F\u7528\u5DF2\u914D\u7F6E\u6743\u9650"],
-    ["Skip permissions", "\u8DF3\u8FC7\u6743\u9650\u68C0\u67E5"]
+    ["Skip permissions", "\u8DF3\u8FC7\u6743\u9650\u68C0\u67E5"],
+    ["Always Ask", "\u59CB\u7EC8\u8BE2\u95EE"],
+    ["Accept Edits", "\u63A5\u53D7\u7F16\u8F91"],
+    ["Plan", "\u89C4\u5212\u6A21\u5F0F"],
+    ["Don't Ask", "\u4E0D\u8BE2\u95EE"],
+    ["Bypass Permissions", "\u7ED5\u8FC7\u6743\u9650"],
+    ["Full Access", "\u5B8C\u5168\u8BBF\u95EE"],
+    ["Delegate", "\u7531\u7236\u4F1A\u8BDD\u7BA1\u7406"]
   ]);
   var CHINESE_PERMISSION_MODE_DESCRIPTIONS = /* @__PURE__ */ new Map([
     [
@@ -19127,7 +19198,36 @@ ${error51.stderrTail}`] : []
       "Use Antigravity CLI permission rules; headless prompts are denied safely.",
       "\u4F7F\u7528 Antigravity CLI \u6743\u9650\u89C4\u5219\uFF1B\u65E0\u754C\u9762\u8FD0\u884C\u65F6\u5B89\u5168\u62D2\u7EDD\u9700\u8981\u4EA4\u4E92\u786E\u8BA4\u7684\u8BF7\u6C42\u3002"
     ],
-    ["Auto-approve every Antigravity CLI tool action.", "\u81EA\u52A8\u6279\u51C6\u6240\u6709 Antigravity CLI \u5DE5\u5177\u64CD\u4F5C\u3002"]
+    ["Auto-approve every Antigravity CLI tool action.", "\u81EA\u52A8\u6279\u51C6\u6240\u6709 Antigravity CLI \u5DE5\u5177\u64CD\u4F5C\u3002"],
+    ["Prompts for permission on first use of each tool", "\u9996\u6B21\u4F7F\u7528\u6BCF\u79CD\u5DE5\u5177\u65F6\u8BF7\u6C42\u6743\u9650\u3002"],
+    [
+      "Automatically accepts file edit permissions for the session",
+      "\u81EA\u52A8\u63A5\u53D7\u672C\u4F1A\u8BDD\u4E2D\u7684\u6587\u4EF6\u7F16\u8F91\u6743\u9650\u3002"
+    ],
+    [
+      "Agent can analyze but not modify files or execute commands",
+      "Agent \u53EF\u4EE5\u5206\u6790\uFF0C\u4F46\u4E0D\u80FD\u4FEE\u6539\u6587\u4EF6\u6216\u6267\u884C\u547D\u4EE4\u3002"
+    ],
+    [
+      "An AI classifier reviews actions that would normally prompt: safe ones are auto-approved, risky ones are denied. If the classifier is unavailable, the action falls back to a prompt (or is denied when prompts cannot be shown)",
+      "\u7531 AI \u5206\u7C7B\u5668\u8BC4\u4F30\u539F\u672C\u9700\u8981\u8BE2\u95EE\u7684\u64CD\u4F5C\uFF1A\u5B89\u5168\u64CD\u4F5C\u81EA\u52A8\u6279\u51C6\uFF0C\u98CE\u9669\u64CD\u4F5C\u62D2\u7EDD\u3002\u5206\u7C7B\u5668\u4E0D\u53EF\u7528\u65F6\u6539\u4E3A\u8BE2\u95EE\uFF1B\u65E0\u6CD5\u663E\u793A\u8BE2\u95EE\u65F6\u62D2\u7EDD\u3002"
+    ],
+    [
+      "Does not show permission prompts; pre-approved and safe read-only actions run, everything else that would prompt is denied",
+      "\u4E0D\u663E\u793A\u6743\u9650\u8BE2\u95EE\uFF1B\u5DF2\u83B7\u6279\u51C6\u548C\u5B89\u5168\u7684\u53EA\u8BFB\u64CD\u4F5C\u53EF\u4EE5\u6267\u884C\uFF0C\u5176\u4F59\u539F\u672C\u9700\u8981\u8BE2\u95EE\u7684\u64CD\u4F5C\u4F1A\u88AB\u62D2\u7EDD\u3002"
+    ],
+    ["Skips all permission prompts", "\u8DF3\u8FC7\u5E38\u89C4\u6743\u9650\u8BE2\u95EE\u3002"],
+    [
+      "Skips ALL permission checks including dangerous commands for all agents",
+      "\u4E3A\u6240\u6709 Agent \u8DF3\u8FC7\u5168\u90E8\u6743\u9650\u68C0\u67E5\uFF0C\u5305\u62EC\u5371\u9669\u547D\u4EE4\u3002"
+    ],
+    ["Permissions managed by parent session", "\u7531\u7236\u4F1A\u8BDD\u7BA1\u7406\u6743\u9650\u3002"],
+    [
+      "Native agent mode with Cursor tool approvals",
+      "\u6267\u884C\u4EFB\u52A1\uFF0C\u53EF\u4FEE\u6539\u6587\u4EF6\u548C\u8FD0\u884C\u547D\u4EE4\uFF1B\u9700\u8981\u5BA1\u6279\u7684\u64CD\u4F5C\u4ECD\u4F1A\u8BF7\u6C42\u786E\u8BA4\u3002"
+    ],
+    ["Native read-only planning mode", "\u53EA\u8BFB\u5206\u6790\u4EE3\u7801\u5E76\u5236\u5B9A\u5B9E\u65BD\u8BA1\u5212\uFF0C\u4E0D\u4FEE\u6539\u9879\u76EE\u6587\u4EF6\u3002"],
+    ["Native read-only question mode", "\u53EA\u8BFB\u67E5\u770B\u4EE3\u7801\u5E76\u56DE\u7B54\u95EE\u9898\uFF0C\u4E0D\u4FEE\u6539\u9879\u76EE\u6587\u4EF6\u3002"]
   ]);
   function rendererHarnessMessages(locale) {
     return locale === "zh-CN" ? CHINESE_HARNESS_MESSAGES : ENGLISH_HARNESS_MESSAGES;
@@ -19899,7 +19999,7 @@ ${error51.stderrTail}`] : []
     if (periodType === "seven_day") return messages.sevenDay;
     return messages.account;
   }
-  function productLabel(product, locale) {
+  function productLabel(product, locale = "en") {
     if (product === "GrokBuild") return "Build";
     if (product === "GrokChat") return "Chat";
     if (product === "GrokImagine") return "Imagine";
@@ -19907,12 +20007,22 @@ ${error51.stderrTail}`] : []
     const messages = rendererCreditsMessages(locale);
     if (product === "5-hour window") return messages.fiveHour;
     if (product === "7-day window") return messages.sevenDay;
+    if (product === "Weekly window") return messages.weekly;
     if (product.endsWith(" \xB7 5-hour window")) {
       return `${product.slice(0, -"5-hour window".length)}${messages.fiveHour}`;
     }
     if (product.endsWith(" \xB7 7-day window")) {
       return `${product.slice(0, -"7-day window".length)}${messages.sevenDay}`;
     }
+    if (product.endsWith(" \xB7 Weekly window")) {
+      return `${product.slice(0, -"Weekly window".length)}${messages.weekly}`;
+    }
+    if (product.endsWith(" \xB7 5-hour")) {
+      return `${product.slice(0, -"5-hour".length)}${messages.fiveHour}`;
+    }
+    if (product.endsWith(" \xB7 7-day")) {
+      return `${product.slice(0, -"7-day".length)}${messages.sevenDay}`;
+    }
     return product;
   }
   function toneColor(tone) {
@@ -19954,7 +20064,7 @@ ${error51.stderrTail}`] : []
     top.style.marginBottom = "5px";
     const left = document.createElement("div");
     const label = document.createElement("div");
-    label.textContent = creditsPeriodLabel(credits.periodType, locale);
+    label.textContent = credits.label ? productLabel(credits.label, locale) : creditsPeriodLabel(credits.periodType, locale);
     label.style.fontSize = "12.5px";
     label.style.fontWeight = "600";
     left.append(label);
@@ -20198,7 +20308,8 @@ ${error51.stderrTail}`] : []
     }
     const remaining = remainingPercent(accountCredits.usedPercent);
     const percent = formatRendererCreditsPercent(remaining);
-    const title = `${creditsPeriodLabel(accountCredits.periodType)} ${percent}`;
+    const periodLabel = accountCredits.label ? productLabel(accountCredits.label, locale) : creditsPeriodLabel(accountCredits.periodType, locale);
+    const title = `${periodLabel} ${percent}`;
     const tone = rendererCreditsTone(accountCredits.usedPercent);
     const ringSlot = control.trigger.querySelector("[data-codexhost-credits-ring]");
     const label = control.trigger.querySelector("[data-codexhost-credits-label]");
@@ -21035,6 +21146,51 @@ ${error51.stderrTail}`] : []
     control.picker.dispose();
   }
 
+  // src/renderer-transcript-dom.ts
+  var TRANSCRIPT_TEXT_BODY_SELECTOR = '[data-testid="exec-shell-body"]';
+  var REASONING_SOFT_WRAP_STORAGE_KEY = "codexhost.reasoning-soft-wrap.v1";
+  var REASONING_SOFT_WRAP_CHANGE_EVENT = "codexhost:reasoning-soft-wrap-changed";
+  function readReasoningTranscriptSoftWrap(ownerWindow) {
+    return ownerWindow.localStorage.getItem(REASONING_SOFT_WRAP_STORAGE_KEY) === "true";
+  }
+  function setReasoningTranscriptSoftWrap(ownerWindow, enabled) {
+    ownerWindow.localStorage.setItem(REASONING_SOFT_WRAP_STORAGE_KEY, String(enabled));
+    ownerWindow.dispatchEvent(new Event(REASONING_SOFT_WRAP_CHANGE_EVENT));
+  }
+  function installReasoningTranscriptSoftWrap(ownerDocument) {
+    const ownerWindow = ownerDocument.defaultView;
+    if (!ownerWindow) return () => {
+    };
+    const style = ownerDocument.createElement("style");
+    style.setAttribute("data-codexhost-reasoning-soft-wrap", "true");
+    const body = `${TRANSCRIPT_TEXT_BODY_SELECTOR}:has([aria-label="$ ${REASONING_TRANSCRIPT_COMMAND}"])`;
+    style.textContent = `
+    ${body} .whitespace-pre {
+      white-space: pre-wrap;
+      overflow-wrap: anywhere;
+    }
+    ${body} .whitespace-pre > .w-max {
+      width: 100%;
+      min-width: 0;
+    }
+  `;
+    ownerDocument.head.append(style);
+    const refresh = () => {
+      style.disabled = !readReasoningTranscriptSoftWrap(ownerWindow);
+    };
+    const onStorage = (event) => {
+      if (event.key === REASONING_SOFT_WRAP_STORAGE_KEY || event.key === null) refresh();
+    };
+    refresh();
+    ownerWindow.addEventListener(REASONING_SOFT_WRAP_CHANGE_EVENT, refresh);
+    ownerWindow.addEventListener("storage", onStorage);
+    return () => {
+      ownerWindow.removeEventListener(REASONING_SOFT_WRAP_CHANGE_EVENT, refresh);
+      ownerWindow.removeEventListener("storage", onStorage);
+      style.remove();
+    };
+  }
+
   // src/renderer-codex-account-state.ts
   function resolveCodexAccountSelection(accounts, overrideAccountId) {
     const activeAccountId = accounts.find((account) => account.active)?.accountId ?? null;
@@ -21162,6 +21318,8 @@ ${error51.stderrTail}`] : []
     if (ownership.harnessId === "omp") return "omp";
     if (ownership.harnessId === "antigravity") return "antigravity";
     if (ownership.harnessId === "kiro-cli") return "kiro-cli";
+    if (ownership.harnessId === "codebuddy") return "codebuddy";
+    if (ownership.harnessId === "cursor-cli") return "cursor-cli";
     return null;
   }
   var BrowserSidebarAgentIconRow = class {
@@ -21842,6 +22000,39 @@ ${error51.stderrTail}`] : []
     };
   }
 
+  // src/renderer-external-queue.ts
+  function isRecord5(value) {
+    return value !== null && typeof value === "object" && !Array.isArray(value);
+  }
+  function installRendererExternalQueue(target) {
+    if (!isRecord5(target) || typeof target.getTurnCoordinator !== "function" || typeof target.getConversation !== "function") {
+      return null;
+    }
+    const coordinator = target.getTurnCoordinator();
+    const queue = isRecord5(coordinator) ? coordinator.serverQueue : null;
+    if (!isRecord5(queue) || typeof queue.isEnabled !== "function") return null;
+    const descriptor = Object.getOwnPropertyDescriptor(queue, "isEnabled");
+    if (!descriptor?.writable) return null;
+    const original = queue.isEnabled;
+    const getConversation = target.getConversation;
+    const isEnabled = (...args) => {
+      const threadId = args[0];
+      if (typeof threadId === "string") {
+        const conversation = getConversation.call(target, threadId);
+        if (isRecord5(conversation) && conversation.id === threadId && // Reserved transport marker from externalThreadValue, retained by
+        // Desktop in both newly created and hydrated conversation metadata.
+        conversation.modelProvider === "codexhost") {
+          return false;
+        }
+      }
+      return original.apply(queue, args);
+    };
+    queue.isEnabled = isEnabled;
+    return () => {
+      if (queue.isEnabled === isEnabled) Object.defineProperty(queue, "isEnabled", descriptor);
+    };
+  }
+
   // src/renderer-session-import-client.ts
   var RendererSessionImportUnavailableError = class extends Error {
     constructor() {
@@ -21914,15 +22105,15 @@ ${error51.stderrTail}`] : []
   var CODEX_ACCOUNT_LOGIN_CANCEL_METHOD = "codexhost/account/login/cancel";
   var CODEX_ACCOUNT_LOGIN_COMPLETED_METHOD = "codexhost/account/login/completed";
   var CODEX_ACCOUNT_RESET_CREDIT_CONSUME_METHOD = "codexhost/account/rate-limit-reset/consume";
-  function isRecord5(value) {
+  function isRecord6(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function notifiedThreadId(notification) {
-    if (!isRecord5(notification) || notification.method !== THREAD_TOKEN_USAGE_UPDATED_METHOD && notification.method !== THREAD_USAGE_UPDATED_METHOD) {
+    if (!isRecord6(notification) || notification.method !== THREAD_TOKEN_USAGE_UPDATED_METHOD && notification.method !== THREAD_USAGE_UPDATED_METHOD) {
       return null;
     }
     const params = notification.params;
-    if (!isRecord5(params)) return null;
+    if (!isRecord6(params)) return null;
     const parsed = hostThreadIdSchema.safeParse(params.threadId);
     return parsed.success ? parsed.data : null;
   }
@@ -22043,8 +22234,8 @@ ${error51.stderrTail}`] : []
             threadId: params.threadId,
             includeTurns: false
           });
-          const thread = isRecord5(native) ? native.thread : null;
-          if (!isRecord5(thread) || thread.id !== params.threadId || typeof thread.modelProvider !== "string" || !thread.modelProvider || thread.modelProvider === "codexhost" || typeof thread.cliVersion !== "string" || !thread.cliVersion || thread.cliVersion === "codexhost") {
+          const thread = isRecord6(native) ? native.thread : null;
+          if (!isRecord6(thread) || thread.id !== params.threadId || typeof thread.modelProvider !== "string" || !thread.modelProvider || thread.modelProvider === "codexhost" || typeof thread.cliVersion !== "string" || !thread.cliVersion || thread.cliVersion === "codexhost") {
             throw new Error("Native Thread response cannot establish Codex ownership");
           }
           return { owner: "codex", locked: true };
@@ -22184,7 +22375,7 @@ ${error51.stderrTail}`] : []
         return notifications.addNotificationCallback(
           CODEX_ACCOUNT_LOGIN_COMPLETED_METHOD,
           (notification) => {
-            if (!isRecord5(notification) || notification.method !== CODEX_ACCOUNT_LOGIN_COMPLETED_METHOD) {
+            if (!isRecord6(notification) || notification.method !== CODEX_ACCOUNT_LOGIN_COMPLETED_METHOD) {
               return;
             }
             const result = codexAccountLoginCompletedSchema.safeParse(notification.params);
@@ -22232,9 +22423,11 @@ ${error51.stderrTail}`] : []
     if (agent === "omp") return OMP_TRANSPORT_MODEL_ID;
     if (agent === "antigravity") return ANTIGRAVITY_TRANSPORT_MODEL_ID;
     if (agent === "kiro-cli") return encodeHarnessPluginRoute({ harnessId: KIRO_CLI_HARNESS_ID });
+    if (agent === "codebuddy" || agent === "cursor-cli")
+      return encodeHarnessPluginRoute({ harnessId: harnessIdSchema.parse(agent) });
     return null;
   }
-  function isRecord6(value) {
+  function isRecord7(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function piTransportModelId(model, thinkingOptionId) {
@@ -22475,7 +22668,7 @@ ${error51.stderrTail}`] : []
     return hostThreadIdSchema.parse(target[1]);
   }
   function isCurrentRequestBridge(value) {
-    return isRecord6(value) && typeof value.hostId === "string" && value.hostId.length > 0 && typeof value.sendRequest === "function" && typeof value.prewarmThreadStart === "function" && typeof value.enqueueRequest === "function";
+    return isRecord7(value) && typeof value.hostId === "string" && value.hostId.length > 0 && typeof value.sendRequest === "function" && typeof value.prewarmThreadStart === "function" && typeof value.enqueueRequest === "function";
   }
   function findActivePrewarmTargets(root) {
     const editor = root.querySelector(
@@ -22503,7 +22696,7 @@ ${error51.stderrTail}`] : []
       let hook = fiber.memoizedState;
       for (let hookIndex = 0; hook && hookIndex < 100; hookIndex += 1) {
         const hookState = hook.memoizedState;
-        if (isRecord6(hookState)) {
+        if (isRecord7(hookState)) {
           const requestClient = hookState.requestClient;
           const bridge = isCurrentRequestBridge(requestClient) ? requestClient : isCurrentRequestBridge(hookState) ? hookState : null;
           if (bridge) {
@@ -22537,7 +22730,7 @@ ${error51.stderrTail}`] : []
     let fiber = findComposerFiber(composer);
     for (let depth = 0; fiber && depth < 120; depth += 1) {
       const props = fiber.memoizedProps;
-      if (isRecord6(props) && "conversationId" in props && props.conversationId != null) {
+      if (isRecord7(props) && "conversationId" in props && props.conversationId != null) {
         const candidate = hostThreadIdSchema.safeParse(props.conversationId);
         if (!candidate.success || threadId !== void 0 && threadId !== candidate.data) {
           return null;
@@ -22550,12 +22743,12 @@ ${error51.stderrTail}`] : []
     return threadId;
   }
   function isCurrentDraftWrapper(value) {
-    if (!Array.isArray(value) || value.length !== 7 || value[3] !== value[5] || value[3] !== value[6] || !isRecord6(value[3]) || typeof value[3].get !== "function" || typeof value[2] !== "string" && value[2] !== null) {
+    if (!Array.isArray(value) || value.length !== 7 || value[3] !== value[5] || value[3] !== value[6] || !isRecord7(value[3]) || typeof value[3].get !== "function" || typeof value[2] !== "string" && value[2] !== null) {
       return false;
     }
     try {
       const draft = value[3].get();
-      return isRecord6(draft) && "modelSettings" in draft && "isManuallyChanged" in draft;
+      return isRecord7(draft) && "modelSettings" in draft && "isManuallyChanged" in draft;
     } catch {
       return false;
     }
@@ -22575,8 +22768,8 @@ ${error51.stderrTail}`] : []
     let fiber = findComposerFiber(composer);
     for (let depth = 0; fiber && depth < 120; depth += 1) {
       const updateQueue = fiber.updateQueue;
-      const memoCache = isRecord6(updateQueue) ? updateQueue.memoCache : null;
-      const data = isRecord6(memoCache) && Array.isArray(memoCache.data) ? memoCache.data : [];
+      const memoCache = isRecord7(updateQueue) ? updateQueue.memoCache : null;
+      const data = isRecord7(memoCache) && Array.isArray(memoCache.data) ? memoCache.data : [];
       for (const value of data) {
         if (isCurrentDraftWrapper(value) && typeof value[2] === "string" && value[2].startsWith("client-new-thread:")) {
           draftIds.add(value[2]);
@@ -22604,7 +22797,7 @@ ${error51.stderrTail}`] : []
     return ["default", draftIds.values().next().value];
   }
   function isDraftPrewarmPolicyReady(value) {
-    return isRecord6(value) && value.state === "ready" && typeof value.hostId === "string" && value.hostId.length > 0 && typeof value.select === "function" && typeof value.clear === "function";
+    return isRecord7(value) && value.state === "ready" && typeof value.hostId === "string" && value.hostId.length > 0 && typeof value.select === "function" && typeof value.clear === "function";
   }
   function prewarmTargetHostId(target) {
     const bridge = target.requestClient ?? target;
@@ -22612,7 +22805,7 @@ ${error51.stderrTail}`] : []
     return typeof hostId === "string" && hostId.length > 0 ? hostId : null;
   }
   function isRendererRequestTarget(value) {
-    if (!isRecord6(value) || typeof value.sendRequest !== "function") return false;
+    if (!isRecord7(value) || typeof value.sendRequest !== "function") return false;
     return isCurrentRequestBridge(value.requestClient ?? value);
   }
   function hasPolicyRequestTarget(policy) {
@@ -22674,10 +22867,10 @@ ${error51.stderrTail}`] : []
     }
   }
   function modelSelectionForAgent(officialSelection, reasoningEffort, agent, model, thinkingOptionId, permissionModeId) {
-    const transportModelId = agent === "pi" ? piTransportModelId(model, thinkingOptionId) : agent === "claude-code" ? claudeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "deepseek-harness" ? deepSeekHarnessTransportModelId(model, permissionModeId) : agent === "opencode" ? openCodeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "grok" ? grokTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "omp" ? ompTransportModelId(model, thinkingOptionId, permissionModeId) : agent === "antigravity" ? antigravityTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "kiro-cli" ? encodeHarnessPluginRoute({
-      harnessId: KIRO_CLI_HARNESS_ID,
+    const transportModelId = agent === "pi" ? piTransportModelId(model, thinkingOptionId) : agent === "claude-code" ? claudeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "deepseek-harness" ? deepSeekHarnessTransportModelId(model, permissionModeId) : agent === "opencode" ? openCodeTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "grok" ? grokTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "omp" ? ompTransportModelId(model, thinkingOptionId, permissionModeId) : agent === "antigravity" ? antigravityTransportModelId(model, permissionModeId, thinkingOptionId) : agent === "kiro-cli" || agent === "codebuddy" || agent === "cursor-cli" ? encodeHarnessPluginRoute({
+      harnessId: harnessIdSchema.parse(agent),
       ...model ? { model } : {},
-      ...thinkingOptionId ? { thinkingOptionId } : {},
+      ...thinkingOptionId && agent !== "cursor-cli" ? { thinkingOptionId } : {},
       ...permissionModeId ? { permissionModeId } : {}
     }) : transportModelIdForAgent(agent);
     return transportModelId ? { model: transportModelId, reasoningEffort } : officialSelection;
@@ -22703,7 +22896,7 @@ ${error51.stderrTail}`] : []
       () => findActivePrewarmTargets(document)
     );
     const clientsByTarget = /* @__PURE__ */ new WeakMap();
-    const steeringCleanups = /* @__PURE__ */ new Set();
+    const turnControlCleanups = /* @__PURE__ */ new Set();
     const modelClientForTargets = (targets, policy = null) => {
       const target = targets[0];
       if (targets.length !== 1 || !target) return null;
@@ -22713,8 +22906,10 @@ ${error51.stderrTail}`] : []
       const client = createRendererModelClient([target]);
       if (client) {
         if (!cached2) {
-          const cleanup = installRendererExternalSteering(target);
-          if (cleanup) steeringCleanups.add(cleanup);
+          const queueCleanup = installRendererExternalQueue(target);
+          if (queueCleanup) turnControlCleanups.add(queueCleanup);
+          const steeringCleanup = installRendererExternalSteering(target);
+          if (steeringCleanup) turnControlCleanups.add(steeringCleanup);
         }
         clientsByTarget.set(target, { client, policy, requestClient: target.requestClient });
       }
@@ -22933,7 +23128,7 @@ ${error51.stderrTail}`] : []
           () => activeRoutingPolicy?.select(null),
           () => syncActiveRoute(null),
           () => forkControl.dispose(),
-          ...steeringCleanups,
+          ...turnControlCleanups,
           () => usageSubscription.dispose()
         ];
         for (const cleanup of cleanups) {
@@ -22983,11 +23178,11 @@ ${error51.stderrTail}`] : []
       return null;
     }
   }
-  function isRecord7(value) {
+  function isRecord8(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function parseExternalConfiguration(value) {
-    if (!isRecord7(value)) return void 0;
+    if (!isRecord8(value)) return void 0;
     const model = harnessModelRefSchema.safeParse(value.model);
     if (!model.success) return void 0;
     const thinkingOptionId = harnessThinkingOptionIdSchema.safeParse(value.thinkingOptionId);
@@ -23004,9 +23199,9 @@ ${error51.stderrTail}`] : []
       const raw = storage.getItem(RENDERER_NEW_THREAD_PREFERENCE_KEY);
       if (!raw) return void 0;
       const parsed = JSON.parse(raw);
-      if (!isRecord7(parsed) || parsed.version !== 1) return void 0;
+      if (!isRecord8(parsed) || parsed.version !== 1) return void 0;
       if (!KNOWN_RENDERER_AGENTS.some((agent) => agent === parsed.lastAgent)) return void 0;
-      const externalByAgent = isRecord7(parsed.externalByAgent) ? parsed.externalByAgent : {};
+      const externalByAgent = isRecord8(parsed.externalByAgent) ? parsed.externalByAgent : {};
       const parsedExternal = Object.fromEntries(
         KNOWN_RENDERER_AGENTS.filter(
           (agent) => agent !== "codex"
@@ -23082,7 +23277,7 @@ ${error51.stderrTail}`] : []
   var GET_LOCALE_OVERRIDE_URL = "vscode://codex/get-setting";
   var GET_LOCALE_INFO_URL = "vscode://codex/locale-info";
   var DEFAULT_LOCALE_REQUEST_TIMEOUT_MS = 750;
-  function isRecord8(value) {
+  function isRecord9(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function canonicalLocale(value) {
@@ -23104,7 +23299,7 @@ ${error51.stderrTail}`] : []
     return new DOMException("The operation was aborted", "AbortError");
   }
   function parseLocaleOverride(value) {
-    if (!isRecord8(value) || !("value" in value)) {
+    if (!isRecord9(value) || !("value" in value)) {
       throw new Error("Codex locale override response is malformed");
     }
     if (value.value === null) return { value: null };
@@ -23119,7 +23314,7 @@ ${error51.stderrTail}`] : []
     return locale;
   }
   function parseLocaleInfo(value) {
-    if (!isRecord8(value)) throw new Error("Codex locale info response is malformed");
+    if (!isRecord9(value)) throw new Error("Codex locale info response is malformed");
     return {
       ideLocale: optionalLocale(value.ideLocale, "IDE locale"),
       systemLocale: optionalLocale(value.systemLocale, "system locale")
@@ -23148,7 +23343,7 @@ ${error51.stderrTail}`] : []
       const onAbort = () => settle(() => reject(abortError2()));
       const onMessage = (event) => {
         const message2 = event.data;
-        if (!isRecord8(message2) || message2.type !== "fetch-response") return;
+        if (!isRecord9(message2) || message2.type !== "fetch-response") return;
         if (message2.requestId !== requestId) return;
         if (message2.responseType !== "success" || typeof message2.status !== "number" || message2.status < 200 || message2.status >= 300 || typeof message2.bodyJsonString !== "string") {
           settle(() => reject(new Error("Codex locale request failed")));
@@ -23871,6 +24066,50 @@ ${error51.stderrTail}`] : []
     });
   }
 
+  // src/settings/appearance-page.ts
+  function createAppearanceSettingsPage(messages) {
+    return Object.freeze({
+      id: "appearance",
+      label: messages.pageLabels.appearance,
+      icon: "settings",
+      mount(context) {
+        const document2 = context.content.ownerDocument;
+        const ownerWindow = document2.defaultView;
+        if (!ownerWindow) return;
+        const heading = document2.createElement("div");
+        heading.className = "settings-section-label";
+        heading.textContent = messages.pageLabels.appearance;
+        const description = document2.createElement("p");
+        description.className = "settings-page-description";
+        description.textContent = messages.appearanceDescription;
+        const row = document2.createElement("label");
+        row.className = "settings-preference-row";
+        const copy = document2.createElement("span");
+        copy.className = "settings-preference-row__copy";
+        const title = document2.createElement("strong");
+        title.textContent = messages.reasoningSoftWrapTitle;
+        const detail = document2.createElement("span");
+        detail.textContent = messages.reasoningSoftWrapDescription;
+        copy.append(title, detail);
+        const checkbox = document2.createElement("input");
+        checkbox.type = "checkbox";
+        checkbox.className = "settings-preference-checkbox";
+        checkbox.checked = readReasoningTranscriptSoftWrap(ownerWindow);
+        checkbox.setAttribute("aria-label", messages.reasoningSoftWrapTitle);
+        checkbox.addEventListener("change", () => {
+          setReasoningTranscriptSoftWrap(ownerWindow, checkbox.checked);
+        });
+        const sync = () => {
+          checkbox.checked = readReasoningTranscriptSoftWrap(ownerWindow);
+        };
+        ownerWindow.addEventListener(REASONING_SOFT_WRAP_CHANGE_EVENT, sync);
+        row.append(copy, checkbox);
+        context.content.append(heading, description, row);
+        return () => ownerWindow.removeEventListener(REASONING_SOFT_WRAP_CHANGE_EVENT, sync);
+      }
+    });
+  }
+
   // src/settings/release-notes.ts
   var HEADING_PATTERN = /^(#{1,6})[ \t]+(.+?)\s*$/u;
   var BLOCKQUOTE_PATTERN = /^>[ \t]?(.*?)\s*$/u;
@@ -24046,6 +24285,140 @@ ${error51.stderrTail}`] : []
     }
   }
 
+  // src/settings/accounts-details.ts
+  function createAccountDetails(document2, messages, input) {
+    const root = document2.createElement("div");
+    root.className = "settings-account-details";
+    const trigger = document2.createElement("button");
+    trigger.type = "button";
+    trigger.className = "settings-icon-button";
+    trigger.title = input.triggerLabel ?? input.label;
+    trigger.disabled = input.disabled ?? false;
+    trigger.dataset.accountFocus = input.focusKey;
+    trigger.setAttribute("aria-label", trigger.title);
+    trigger.setAttribute("aria-haspopup", "dialog");
+    trigger.append(createRendererSettingsIcon(input.icon, 16));
+    const dialog = document2.createElement("dialog");
+    dialog.className = "settings-account-dialog";
+    dialog.id = `settings-account-${input.focusKey}-dialog`;
+    dialog.setAttribute("aria-label", input.label);
+    trigger.setAttribute("aria-controls", dialog.id);
+    const heading = document2.createElement("h2");
+    heading.textContent = input.label;
+    const description = document2.createElement("p");
+    description.textContent = input.description;
+    description.id = `${dialog.id}-description`;
+    dialog.setAttribute("aria-describedby", description.id);
+    const close = document2.createElement("button");
+    close.type = "button";
+    close.className = "settings-icon-button settings-account-dialog__close";
+    close.dataset.accountFocus = `${input.focusKey}:close`;
+    close.setAttribute("aria-label", messages.accountDetailsClose);
+    close.append(createRendererSettingsIcon("close", 16));
+    close.addEventListener("click", () => dialog.close());
+    dialog.addEventListener("close", () => {
+      if (trigger.isConnected && !trigger.disabled) trigger.focus({ preventScroll: true });
+    });
+    dialog.addEventListener(
+      "click",
+      (event) => {
+        if (input.actions.some((action) => action.contains(event.target))) {
+          trigger.focus({ preventScroll: true });
+          dialog.close();
+        }
+      },
+      { capture: true }
+    );
+    const actions = document2.createElement("div");
+    actions.className = "settings-account-dialog__actions";
+    actions.append(...input.actions);
+    dialog.append(close, heading, description, actions);
+    trigger.addEventListener("click", () => dialog.showModal());
+    root.append(trigger, dialog);
+    return root;
+  }
+
+  // src/settings/accounts-reset-time.ts
+  function formatAccountResetCountdown(value, messages, now = Date.now()) {
+    const timestamp = Date.parse(value);
+    if (!Number.isFinite(timestamp)) return null;
+    const minutes = Math.max(0, Math.ceil((timestamp - now) / 6e4));
+    if (minutes === 0) {
+      return {
+        text: messages.accountCreditsResetPending,
+        description: messages.accountCreditsResetPendingHint
+      };
+    }
+    const chinese = messages.locale === "zh-CN";
+    const parts = [
+      { value: Math.floor(minutes / 1440), unit: "d", label: chinese ? "\u5929" : " days" },
+      { value: Math.floor(minutes % 1440 / 60), unit: "h", label: chinese ? "\u5C0F\u65F6" : " hours" },
+      { value: minutes % 60, unit: "m", label: chinese ? "\u5206\u949F" : " minutes" }
+    ].filter((part, index) => part.value > 0 && (minutes < 1440 || index < 2));
+    return {
+      text: parts.map((part) => `${part.value}${part.unit}`).join(""),
+      description: messages.accountCreditsResetIn.replace(
+        "{time}",
+        parts.map(
+          (part) => `${part.value}${!chinese && part.value === 1 ? part.label.slice(0, -1) : part.label}`
+        ).join(chinese ? "" : " ")
+      )
+    };
+  }
+  function updateCountdown(element, messages) {
+    const value = formatAccountResetCountdown(element.dataset.resetsAt ?? "", messages);
+    if (!value) return;
+    element.textContent = value.text;
+    element.title = value.description;
+    element.setAttribute("aria-label", value.description);
+  }
+  function renderAccountResetTime(document2, value, messages) {
+    const date5 = new Date(value);
+    if (!Number.isFinite(date5.getTime())) return null;
+    const countdown = document2.createElement("span");
+    countdown.className = "settings-account-usage__countdown";
+    countdown.dataset.resetsAt = date5.toISOString();
+    updateCountdown(countdown, messages);
+    const timestamp = document2.createElement("time");
+    timestamp.className = "settings-account-usage__sub";
+    timestamp.dateTime = date5.toISOString();
+    const pad = (number4) => String(number4).padStart(2, "0");
+    timestamp.textContent = `${pad(date5.getMonth() + 1)}/${pad(date5.getDate())} ${pad(date5.getHours())}:${pad(date5.getMinutes())}`;
+    timestamp.title = messages.accountCreditsResetAt.replace(
+      "{time}",
+      date5.toLocaleString(messages.locale, {
+        year: "numeric",
+        month: "long",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false,
+        timeZoneName: "short"
+      })
+    );
+    timestamp.setAttribute("aria-label", timestamp.title);
+    return { countdown, timestamp };
+  }
+  function mountAccountResetCountdowns(list, messages, signal) {
+    const window2 = list.ownerDocument.defaultView;
+    if (!window2 || signal.aborted) return () => void 0;
+    const refresh = () => {
+      if (signal.aborted) return;
+      for (const element of list.querySelectorAll("[data-resets-at]")) {
+        updateCountdown(element, messages);
+      }
+    };
+    const timer = window2.setInterval(refresh, 6e4);
+    window2.addEventListener("focus", refresh);
+    const stop = () => {
+      window2.clearInterval(timer);
+      window2.removeEventListener("focus", refresh);
+      signal.removeEventListener("abort", stop);
+    };
+    signal.addEventListener("abort", stop, { once: true });
+    return stop;
+  }
+
   // src/settings/accounts-usage.ts
   function creditsPeriodLabel2(periodType, messages) {
     if (periodType === "weekly") return messages.accountCreditsPeriodWeekly;
@@ -24080,17 +24453,80 @@ ${error51.stderrTail}`] : []
   function resetCreditDetailLine(index, expiresAt, messages, now = /* @__PURE__ */ new Date()) {
     return messages.accountResetCreditsCardExpiry.replace("{index}", String(index)).replace("{time}", formatAccountCreditsReset(expiresAt, messages.locale, now));
   }
+  function accountUsageColumnLabel(period, display, messages) {
+    const mode = display === "remaining" ? messages.accountCreditsRemaining : messages.accountCreditsUsed;
+    return `${creditsPeriodLabel2(period, messages)}${messages.locale === "zh-CN" ? "" : " "}${mode}`;
+  }
+  function splitUsageWindows(credits, messages) {
+    const columns = {};
+    const additional = [];
+    const primary = {
+      label: credits.label ?? creditsPeriodLabel2(credits.periodType, messages),
+      usedPercent: credits.usedPercent,
+      resetsAt: credits.resetsAt
+    };
+    if (!credits.label && credits.periodType === "five_hour") columns.five_hour = primary;
+    else if (!credits.label && ["seven_day", "weekly"].includes(credits.periodType))
+      columns.seven_day = { ...primary, label: messages.accountCreditsPeriodSevenDay };
+    else additional.push(primary);
+    for (const product of credits.productUsage ?? []) {
+      const window2 = {
+        label: creditsProductLabel(product.product, messages),
+        usedPercent: product.usagePercent,
+        resetsAt: product.resetsAt
+      };
+      const period = product.product === "7-day window" ? "seven_day" : product.product === "5-hour window" ? "five_hour" : null;
+      if (period && !columns[period])
+        columns[period] = { ...window2, label: creditsPeriodLabel2(period, messages) };
+      else additional.push(window2);
+    }
+    return { columns, additional };
+  }
+  function renderUsageWindow(document2, window2, messages, display) {
+    const meter = document2.createElement("div");
+    meter.className = "settings-account-usage__meter";
+    const label = document2.createElement("span");
+    label.className = "settings-account-usage__title";
+    label.textContent = window2.label;
+    label.title = window2.label;
+    const value = display === "remaining" ? 100 - window2.usedPercent : window2.usedPercent;
+    const valueLabel = display === "remaining" ? messages.accountCreditsRemaining : messages.accountCreditsUsed;
+    const tone = rendererCreditsTone(window2.usedPercent);
+    const percent = document2.createElement("div");
+    percent.className = `settings-account-usage__percent settings-account-usage__percent--${tone}`;
+    const number4 = document2.createElement("span");
+    number4.textContent = formatRendererCreditsPercent(value);
+    const reset = window2.resetsAt ? renderAccountResetTime(document2, window2.resetsAt, messages) : null;
+    if (reset) percent.append(reset.countdown);
+    percent.append(number4);
+    const bar = document2.createElement("div");
+    bar.className = `settings-account-usage__bar settings-account-usage__bar--${tone}`;
+    bar.setAttribute("role", "meter");
+    bar.setAttribute("aria-label", `${window2.label} \xB7 ${valueLabel}`);
+    bar.setAttribute("aria-valuemin", "0");
+    bar.setAttribute("aria-valuemax", "100");
+    bar.setAttribute("aria-valuenow", String(value));
+    const fill = document2.createElement("span");
+    fill.style.width = `${Math.min(100, Math.max(0, value))}%`;
+    bar.append(fill);
+    meter.append(label, percent, bar);
+    if (reset) meter.append(reset.timestamp);
+    return meter;
+  }
   function renderAccountUsage(document2, state, messages, display, onRetry) {
-    if (!state) return null;
-    const usage = document2.createElement("div");
-    usage.className = "settings-account-usage";
-    if (state.status !== "ready") {
+    if (state?.status !== "ready") {
+      const cell = document2.createElement("td");
+      cell.colSpan = 2;
+      cell.className = "settings-account-usage-cell settings-account-usage-cell--message";
+      const usage = document2.createElement("div");
+      usage.className = "settings-account-usage";
       const message = document2.createElement("span");
       message.className = "settings-account-usage__message";
-      message.textContent = state.status === "loading" ? messages.accountCreditsLoading : state.status === "error" ? messages.accountCreditsFailed : messages.accountCreditsEmpty;
+      message.textContent = !state ? "\u2014" : state.status === "loading" ? messages.accountCreditsLoading : state.status === "error" ? messages.accountCreditsFailed : messages.accountCreditsEmpty;
+      if (!state) message.title = messages.accountCreditsEmpty;
       usage.append(message);
-      if (state.status === "loading") usage.setAttribute("aria-busy", "true");
-      if (state.status === "error") {
+      if (state?.status === "loading") usage.setAttribute("aria-busy", "true");
+      if (state?.status === "error") {
         const retry = document2.createElement("button");
         retry.type = "button";
         retry.className = "settings-command-button settings-command-button--secondary";
@@ -24098,59 +24534,35 @@ ${error51.stderrTail}`] : []
         retry.addEventListener("click", onRetry);
         usage.append(retry);
       }
-      return usage;
+      cell.append(usage);
+      return { cells: [cell], additional: null };
     }
-    const credits = state.credits;
-    const windows = [
-      {
-        label: credits.label ?? creditsPeriodLabel2(credits.periodType, messages),
-        usedPercent: credits.usedPercent,
-        resetsAt: credits.resetsAt
-      },
-      ...(credits.productUsage ?? []).map((product) => ({
-        label: creditsProductLabel(product.product, messages),
-        usedPercent: product.usagePercent,
-        resetsAt: product.resetsAt
-      }))
-    ];
-    for (const window2 of windows) {
-      const meter = document2.createElement("div");
-      meter.className = "settings-account-usage__meter";
-      const label = document2.createElement("span");
-      label.className = "settings-account-usage__title";
-      label.textContent = window2.label;
-      label.title = window2.label;
-      const value = display === "remaining" ? 100 - window2.usedPercent : window2.usedPercent;
-      const valueLabel = display === "remaining" ? messages.accountCreditsRemaining : messages.accountCreditsUsed;
-      const tone = rendererCreditsTone(window2.usedPercent);
-      const bar = document2.createElement("div");
-      bar.className = `settings-account-usage__bar settings-account-usage__bar--${tone}`;
-      bar.setAttribute("role", "meter");
-      bar.setAttribute("aria-label", `${window2.label} \xB7 ${valueLabel}`);
-      bar.setAttribute("aria-valuemin", "0");
-      bar.setAttribute("aria-valuemax", "100");
-      bar.setAttribute("aria-valuenow", String(value));
-      const fill = document2.createElement("span");
-      fill.style.width = `${Math.min(100, Math.max(0, value))}%`;
-      bar.append(fill);
-      const percent = document2.createElement("span");
-      percent.className = `settings-account-usage__percent settings-account-usage__percent--${tone}`;
-      const prefix = document2.createElement("span");
-      prefix.textContent = valueLabel;
-      prefix.className = "settings-account-usage__value-label";
-      const number4 = document2.createElement("span");
-      number4.textContent = formatRendererCreditsPercent(value);
-      percent.append(prefix, number4);
-      meter.append(label, bar, percent);
-      if (window2.resetsAt) {
-        const reset = document2.createElement("span");
-        reset.className = "settings-account-usage__sub";
-        reset.textContent = `${formatAccountCreditsReset(window2.resetsAt, messages.locale)} ${messages.accountCreditsReset}`;
-        meter.append(reset);
-      }
-      usage.append(meter);
-    }
-    return usage;
+    const { columns, additional } = splitUsageWindows(state.credits, messages);
+    const cells = ["five_hour", "seven_day"].map((period) => {
+      const cell = document2.createElement("td");
+      cell.className = "settings-account-usage-cell";
+      const window2 = columns[period];
+      if (window2) cell.append(renderUsageWindow(document2, window2, messages, display));
+      else {
+        const missing = document2.createElement("div");
+        missing.className = "settings-account-usage__missing";
+        const label = document2.createElement("span");
+        label.className = "settings-account-usage__title";
+        label.textContent = creditsPeriodLabel2(period, messages);
+        const dash = document2.createElement("span");
+        dash.textContent = "\u2014";
+        dash.setAttribute("aria-hidden", "true");
+        missing.append(label, dash);
+        cell.append(missing);
+      }
+      return cell;
+    });
+    if (!additional.length) return { cells, additional: null };
+    const extra = document2.createElement("div");
+    extra.className = "settings-account-extra-usage";
+    for (const window2 of additional)
+      extra.append(renderUsageWindow(document2, window2, messages, display));
+    return { cells, additional: extra };
   }
   function renderAccountResetCredits(document2, credits, messages, options) {
     const resetCredits = credits.resetCredits;
@@ -24162,8 +24574,11 @@ ${error51.stderrTail}`] : []
     summary.title = messages.accountResetCreditsDetails;
     const count = document2.createElement("span");
     count.textContent = messages.locale === "zh-CN" ? `${resetCredits.availableCount} \u5F20` : String(resetCredits.availableCount);
+    const label = document2.createElement("span");
+    label.textContent = messages.accountResetCredits;
     summary.append(
       createRendererSettingsIcon("ticket", 16),
+      label,
       count,
       createRendererSettingsIcon("chevron-right", 14)
     );
@@ -24233,6 +24648,8 @@ ${error51.stderrTail}`] : []
     return () => {
       const target = key ? list.querySelector(`[data-account-focus="${CSS.escape(key)}"]`) : null;
       if (target && !target.matches(":disabled")) {
+        const dialog = target.closest("dialog");
+        if (dialog && !dialog.open) dialog.showModal();
         target.focus({ preventScroll: true });
         return;
       }
@@ -24248,87 +24665,100 @@ ${error51.stderrTail}`] : []
     table.setAttribute("aria-label", messages.pageLabels.accounts);
     const head = document2.createElement("thead");
     const row = document2.createElement("tr");
-    for (const label of [
-      messages.accountColumnAccount,
-      messages.accountColumnUsage,
-      messages.accountResetCredits,
-      messages.accountColumnActions
-    ]) {
+    const headers = Array.from({ length: 4 }, () => {
       const cell = document2.createElement("th");
       cell.scope = "col";
-      cell.textContent = label;
       row.append(cell);
-    }
+      return cell;
+    });
+    const updateDisplay = (display) => {
+      const labels = [
+        messages.accountColumnAccount,
+        accountUsageColumnLabel("five_hour", display, messages),
+        accountUsageColumnLabel("seven_day", display, messages),
+        messages.accountColumnActions
+      ];
+      headers.forEach((cell, index) => {
+        cell.textContent = labels[index] ?? "";
+      });
+    };
+    updateDisplay("remaining");
     head.append(row);
     const body = document2.createElement("tbody");
     table.append(head, body);
-    return { table, body };
+    return { table, body, updateDisplay };
   }
-  function renderAccountRows(document2, account, messages, input) {
-    const row = document2.createElement("tr");
-    row.className = "settings-account-row";
-    row.dataset.accountId = account.accountId;
-    row.dataset.accountFocus = `${account.accountId}:row`;
-    row.tabIndex = -1;
-    const name = codexAccountDisplayName(account);
-    row.setAttribute("aria-label", name.full);
-    const personCell = document2.createElement("td");
+  function createAccountPerson(document2, messages, input) {
     const person = document2.createElement("div");
     person.className = "settings-account-row__person";
-    const mark = document2.createElement("div");
-    mark.className = "settings-account-row__mark";
-    mark.setAttribute("aria-hidden", "true");
-    mark.append(createRendererSettingsIcon("terminal", 17));
     const identity = document2.createElement("div");
     identity.className = "settings-account-row__identity";
-    const title = document2.createElement("div");
-    title.className = "settings-account-title";
-    const local = document2.createElement("strong");
-    local.className = "settings-account-email";
-    local.textContent = name.local;
-    local.title = name.full;
-    title.append(local);
-    if (account.active) {
-      const badge = document2.createElement("span");
-      badge.className = "settings-account-active";
-      badge.textContent = messages.accountDefaultBadge;
-      title.append(badge);
-    }
-    identity.append(title);
+    const title = document2.createElement("strong");
+    title.className = "settings-account-email";
+    title.textContent = input.name;
+    title.title = input.name;
+    title.translate = false;
     const metadata = document2.createElement("div");
     metadata.className = "settings-account-metadata";
-    if (name.domain) {
-      const domain2 = document2.createElement("span");
-      domain2.className = "settings-account-domain";
-      domain2.textContent = `@${name.domain}`;
-      metadata.append(domain2);
-    }
-    const planLabel = accountPlanLabel(account.planType);
-    if (planLabel) {
-      if (name.domain) {
+    const agent = document2.createElement("span");
+    agent.textContent = input.agent;
+    agent.translate = false;
+    if (input.name !== input.agent) metadata.append(agent);
+    if (input.plan) {
+      if (metadata.childElementCount) {
         const separator = document2.createElement("span");
-        separator.className = "settings-account-plan-separator";
         separator.textContent = "\xB7";
         separator.setAttribute("aria-hidden", "true");
         metadata.append(separator);
       }
       const plan = document2.createElement("span");
-      plan.className = account.planType === "pro" || account.planType === "prolite" ? "settings-account-plan settings-account-plan--highlighted" : "settings-account-plan";
-      plan.textContent = planLabel;
+      plan.className = input.highlighted ? "settings-account-plan settings-account-plan--highlighted" : "settings-account-plan";
+      plan.textContent = input.plan;
+      plan.translate = false;
       metadata.append(plan);
     }
-    if (metadata.childElementCount > 0) identity.append(metadata);
-    person.append(mark, identity);
-    personCell.append(person);
-    const usageCell = document2.createElement("td");
+    if (input.active) {
+      const badge = document2.createElement("span");
+      badge.className = "settings-account-active";
+      badge.textContent = messages.accountDefaultBadge;
+      badge.title = messages.accountDefaultHint;
+      metadata.append(badge);
+    }
+    identity.append(title);
+    if (metadata.childElementCount) identity.append(metadata);
+    person.append(input.mark, identity);
+    return person;
+  }
+  function renderAccountRows(document2, account, messages, input) {
+    const row = document2.createElement("tr");
+    row.className = "settings-account-row";
+    row.dataset.accountId = account.accountId;
+    row.dataset.accountFocus = `${account.accountId}:row`;
+    row.tabIndex = -1;
+    const name = codexAccountDisplayName(account);
+    row.setAttribute("aria-label", name.full);
+    const personCell = document2.createElement("td");
+    personCell.className = "settings-account-person-cell";
+    const mark = document2.createElement("div");
+    mark.className = "settings-account-row__mark";
+    mark.setAttribute("aria-hidden", "true");
+    mark.append(createRendererSettingsIcon("terminal", 17));
+    personCell.append(
+      createAccountPerson(document2, messages, {
+        name: name.full,
+        agent: "Codex",
+        plan: accountPlanLabel(account.planType),
+        highlighted: account.planType === "pro" || account.planType === "prolite",
+        active: account.active,
+        mark
+      })
+    );
     const usage = renderAccountUsage(document2, input.usage, messages, input.display, input.onRetry);
-    if (usage) usageCell.append(usage);
-    const resetCell = document2.createElement("td");
-    const resetLabel2 = document2.createElement("span");
-    resetLabel2.className = "settings-account-mobile-label";
-    resetLabel2.textContent = messages.accountResetCredits;
-    resetCell.append(resetLabel2);
+    if (usage.additional) personCell.append(usage.additional);
     const actionsCell = document2.createElement("td");
+    actionsCell.className = "settings-account-management-cell";
+    const management = document2.createElement("div");
+    management.className = "settings-account-management";
     const actions = document2.createElement("div");
     actions.className = "settings-account-actions";
     if (!account.active) {
@@ -24336,6 +24766,7 @@ ${error51.stderrTail}`] : []
       activate.type = "button";
       activate.className = "settings-account-action";
       activate.textContent = messages.accountUse;
+      activate.title = messages.accountDefaultHint;
       activate.dataset.accountFocus = `${account.accountId}:activate`;
       activate.disabled = input.actionsDisabled;
       activate.addEventListener("click", input.onActivate);
@@ -24351,30 +24782,45 @@ ${error51.stderrTail}`] : []
       signIn.addEventListener("click", input.onSignIn);
       actions.append(signIn);
     }
+    const more = [];
+    if (account.email && input.usage) {
+      const refresh = document2.createElement("button");
+      refresh.type = "button";
+      refresh.className = "settings-account-action";
+      refresh.textContent = messages.accountCreditsRefresh;
+      refresh.dataset.accountFocus = `${account.accountId}:refresh`;
+      refresh.disabled = input.actionsDisabled || input.usage.status === "loading";
+      refresh.addEventListener("click", input.onRetry);
+      more.push(refresh);
+    }
     if (!account.isDefault) {
       const remove = document2.createElement("button");
       remove.type = "button";
-      remove.className = "settings-icon-button settings-account-delete";
-      remove.title = messages.accountDelete;
+      remove.className = "settings-account-action settings-account-delete";
+      remove.textContent = messages.accountDelete;
       remove.dataset.accountFocus = `${account.accountId}:delete`;
       remove.setAttribute("aria-label", `${messages.accountDelete}: ${name.full}`);
       remove.disabled = input.actionsDisabled;
-      remove.append(createRendererSettingsIcon("trash", 16));
       remove.addEventListener("click", input.onDelete);
-      actions.append(remove);
-    }
-    actionsCell.append(actions);
-    row.append(personCell, usageCell, resetCell, actionsCell);
+      more.push(remove);
+    }
+    if (more.length)
+      actions.append(
+        createAccountDetails(document2, messages, {
+          label: messages.accountMore,
+          triggerLabel: `${name.full} \xB7 ${messages.accountMore}`,
+          description: name.full,
+          focusKey: `${account.accountId}:more`,
+          icon: "ellipsis",
+          disabled: input.actionsDisabled,
+          actions: more
+        })
+      );
+    management.append(actions);
+    actionsCell.append(management);
+    row.append(personCell, ...usage.cells, actionsCell);
     const reset = input.usage?.status === "ready" ? renderAccountResetCredits(document2, input.usage.credits, messages, input) : null;
-    if (!reset) {
-      const unknown2 = document2.createElement("span");
-      unknown2.className = "settings-account-unknown";
-      unknown2.textContent = "\u2014";
-      unknown2.title = messages.accountResetCreditsUnknown;
-      unknown2.setAttribute("aria-label", messages.accountResetCreditsUnknown);
-      resetCell.append(unknown2);
-      return [row];
-    }
+    if (!reset) return [row];
     const detailsRow = document2.createElement("tr");
     detailsRow.className = "settings-account-details-row";
     detailsRow.id = `settings-account-reset-${++resetDetailsSequence}`;
@@ -24391,120 +24837,84 @@ ${error51.stderrTail}`] : []
       reset.summary.setAttribute("aria-expanded", String(!detailsRow.hidden));
       input.onResetExpanded(!detailsRow.hidden);
     });
-    resetCell.append(reset.summary);
+    management.append(reset.summary);
     return [row, detailsRow];
   }
+  function renderHarnessAccountRow(document2, account, messages, display) {
+    const row = document2.createElement("tr");
+    row.className = "settings-account-row";
+    row.dataset.harnessId = account.harnessId;
+    row.tabIndex = -1;
+    const name = account.email ?? account.label ?? account.harnessName;
+    row.setAttribute("aria-label", name);
+    const personCell = document2.createElement("td");
+    personCell.className = "settings-account-person-cell";
+    const logo = document2.createElement("div");
+    logo.className = "settings-harness-account__logo";
+    logo.setAttribute("aria-hidden", "true");
+    const agent = KNOWN_RENDERER_AGENTS.find((agent2) => agent2 === account.harnessId);
+    if (agent) logo.append(createRendererAgentIcon(agent, 26, document2));
+    personCell.append(
+      createAccountPerson(document2, messages, {
+        name,
+        agent: account.harnessName,
+        plan: account.plan ?? null,
+        mark: logo
+      })
+    );
+    const usage = renderAccountUsage(
+      document2,
+      { status: "ready", credits: account.credits },
+      messages,
+      display,
+      () => void 0
+    );
+    if (usage.additional) personCell.append(usage.additional);
+    const managementCell = document2.createElement("td");
+    managementCell.className = "settings-account-management-cell";
+    const management = document2.createElement("div");
+    management.className = "settings-account-native";
+    const label = document2.createElement("span");
+    label.textContent = messages.accountNativeManaged;
+    const info = createAccountDetails(document2, messages, {
+      label: `${account.harnessName} \xB7 ${messages.accountNativeManaged}`,
+      description: messages.accountNativeManagementHint.replace("{harness}", account.harnessName),
+      focusKey: `harness:${account.harnessId}:info`,
+      icon: "info",
+      actions: []
+    });
+    management.append(label, info);
+    managementCell.append(management);
+    row.append(personCell, ...usage.cells, managementCell);
+    return row;
+  }
 
   // src/settings/harness-accounts.ts
-  function mountHarnessAccounts(context, messages, getClient, onChange) {
-    const document2 = context.content.ownerDocument;
-    const section = document2.createElement("section");
-    section.className = "settings-harness-accounts";
-    section.hidden = true;
-    const heading = document2.createElement("h2");
-    heading.className = "settings-harness-accounts__title";
-    heading.textContent = messages.harnessAccountsTitle;
-    const list = document2.createElement("div");
-    list.className = "settings-account-list";
-    section.append(heading, list);
-    context.content.append(section);
+  function createHarnessAccounts(signal, getClient, onChange) {
     let accounts = [];
     let refreshing = false;
-    let query = "";
-    let display = "remaining";
-    const render = () => {
-      section.hidden = accounts.length === 0;
-      list.replaceChildren();
-      const visible = accounts.filter(
-        (account) => `${account.harnessName} ${account.email ?? ""} ${account.label ?? ""} ${account.plan ?? ""}`.toLocaleLowerCase().includes(query)
-      );
-      for (const account of visible) {
-        const row = document2.createElement("article");
-        row.className = "settings-harness-account";
-        row.dataset.harnessId = account.harnessId;
-        const identity = document2.createElement("div");
-        identity.className = "settings-harness-account__identity";
-        const name = document2.createElement("strong");
-        name.className = "settings-account-email";
-        const accountName = account.email ?? account.label;
-        name.textContent = accountName ?? account.harnessName;
-        name.title = name.textContent;
-        identity.append(name);
-        const metadata = document2.createElement("div");
-        metadata.className = "settings-account-metadata";
-        if (accountName) {
-          const harness = document2.createElement("span");
-          harness.textContent = account.harnessName;
-          metadata.append(harness);
-        }
-        if (account.plan) {
-          if (accountName) {
-            const separator = document2.createElement("span");
-            separator.textContent = "\xB7";
-            separator.setAttribute("aria-hidden", "true");
-            metadata.append(separator);
-          }
-          const plan = document2.createElement("span");
-          plan.className = "settings-account-plan";
-          plan.textContent = account.plan;
-          metadata.append(plan);
-        }
-        if (metadata.childElementCount) identity.append(metadata);
-        const usage = renderAccountUsage(
-          document2,
-          { status: "ready", credits: account.credits },
-          messages,
-          display,
-          () => void 0
-        );
-        const person = document2.createElement("div");
-        person.className = "settings-account-row__person";
-        const agent = KNOWN_RENDERER_AGENTS.find((agent2) => agent2 === account.harnessId);
-        if (agent) {
-          const logo = document2.createElement("div");
-          logo.className = "settings-harness-account__logo";
-          logo.setAttribute("aria-hidden", "true");
-          logo.append(createRendererAgentIcon(agent, 28, document2));
-          person.append(logo);
-        }
-        person.append(identity);
-        row.append(person);
-        if (usage) row.append(usage);
-        list.append(row);
-      }
-      if (accounts.length && !visible.length) {
-        const empty = document2.createElement("p");
-        empty.className = "settings-account-empty";
-        empty.textContent = messages.accountNoMatches;
-        list.append(empty);
-      }
-    };
     return {
+      get accounts() {
+        return accounts;
+      },
       get refreshing() {
         return refreshing;
       },
-      update(nextQuery, nextDisplay) {
-        query = nextQuery;
-        display = nextDisplay;
-        render();
-      },
       async refresh() {
-        if (refreshing || context.signal.aborted) return;
+        if (refreshing || signal.aborted) return;
         const client = getClient();
         if (!client?.listHarnessAccounts) return;
         refreshing = true;
         onChange();
         try {
           const result = await client.listHarnessAccounts();
-          if (!context.signal.aborted) accounts = result.accounts;
+          if (!signal.aborted)
+            accounts = [...result.accounts].sort((a, b) => a.harnessId.localeCompare(b.harnessId));
         } catch {
-          if (!context.signal.aborted) accounts = [];
+          if (!signal.aborted) accounts = [];
         } finally {
           refreshing = false;
-          if (!context.signal.aborted) {
-            render();
-            onChange();
-          }
+          if (!signal.aborted) onChange();
         }
       }
     };
@@ -24524,16 +24934,13 @@ ${error51.stderrTail}`] : []
         const header = document2.createElement("div");
         header.className = "settings-account-header";
         const copy = document2.createElement("div");
-        const eyebrow = document2.createElement("p");
-        eyebrow.className = "settings-account-eyebrow";
-        eyebrow.textContent = "ACCOUNT MANAGEMENT";
         const heading = document2.createElement("h1");
         heading.className = "settings-section-label";
         heading.textContent = messages.pageLabels.accounts;
         const description = document2.createElement("p");
         description.className = "settings-page-description";
         description.textContent = messages.accountsDescription;
-        copy.append(eyebrow, heading, description);
+        copy.append(heading, description);
         const add = document2.createElement("button");
         add.type = "button";
         add.className = "settings-command-button";
@@ -24542,29 +24949,6 @@ ${error51.stderrTail}`] : []
         const status = document2.createElement("p");
         status.className = "settings-account-status";
         status.setAttribute("aria-live", "polite");
-        const helpRow = document2.createElement("div");
-        helpRow.className = "settings-account-help-row";
-        const taskHint = document2.createElement("p");
-        taskHint.className = "settings-account-task-hint";
-        const taskHintText = document2.createElement("span");
-        taskHintText.textContent = messages.accountTaskHint;
-        taskHint.append(createRendererSettingsIcon("info", 16), taskHintText);
-        const help = document2.createElement("button");
-        help.type = "button";
-        help.className = "settings-account-help-button";
-        help.append(createRendererSettingsIcon("help", 16), messages.accountLoginHelp);
-        help.setAttribute("aria-expanded", "false");
-        help.setAttribute("aria-controls", "settings-account-login-help");
-        const deviceCodeNote = document2.createElement("p");
-        deviceCodeNote.id = "settings-account-login-help";
-        deviceCodeNote.className = "settings-account-device-code-note";
-        deviceCodeNote.textContent = messages.accountDeviceCodePrerequisite;
-        deviceCodeNote.hidden = true;
-        help.addEventListener("click", () => {
-          deviceCodeNote.hidden = !deviceCodeNote.hidden;
-          help.setAttribute("aria-expanded", String(!deviceCodeNote.hidden));
-        });
-        helpRow.append(taskHint, help);
         const toolbar = document2.createElement("div");
         toolbar.className = "settings-account-toolbar";
         const connected = document2.createElement("div");
@@ -24612,9 +24996,10 @@ ${error51.stderrTail}`] : []
         toolbar.append(connected, searchWrapper, displayControls, refreshUsage);
         const list = document2.createElement("div");
         list.className = "settings-account-list";
-        const { table, body } = createAccountsTable(document2, messages);
+        const { table, body, updateDisplay } = createAccountsTable(document2, messages);
         list.append(table);
-        context.content.append(header, helpRow, deviceCodeNote, status, toolbar, list);
+        context.content.append(header, status, toolbar, list);
+        const stopCountdowns = mountAccountResetCountdowns(list, messages, context.signal);
         let accounts = [];
         let accountCreating = false;
         let accountActivating = false;
@@ -24664,18 +25049,21 @@ ${error51.stderrTail}`] : []
           const restoreFocus = accountListFocusRestorer(list, search);
           body.replaceChildren();
           status.textContent = loginMessage ?? "";
-          connectedCount.textContent = String(accounts.filter((account) => account.email).length);
+          connectedCount.textContent = String(accounts.length + harnessAccounts.accounts.length);
+          updateDisplay(usageDisplay);
           search.disabled = login !== null || loginStartingAccountId !== null;
           for (const [display, button] of displayButtons) {
             button.setAttribute("aria-pressed", String(display === usageDisplay));
           }
           refreshUsage.disabled = (!getClient()?.inspectCodexAccountUsage || !accounts.some((account) => account.email)) && !getClient()?.listHarnessAccounts || harnessAccounts?.refreshing === true || [...usageByAccountId.values()].some((usage) => usage.status === "loading") || accountBusy();
           const query = search.value.trim().toLocaleLowerCase();
-          harnessAccounts?.update(query, usageDisplay);
           const visibleAccounts = accounts.filter(
-            (account) => `${account.email ?? ""} ${account.label}`.toLocaleLowerCase().includes(query)
+            (account) => `Codex ${account.email ?? ""} ${account.label} ${accountPlanLabel(account.planType) ?? ""}`.toLocaleLowerCase().includes(query)
           );
-          if (visibleAccounts.length === 0) {
+          const visibleHarnessAccounts = harnessAccounts.accounts.filter(
+            (account) => `${account.harnessName} ${account.email ?? ""} ${account.label ?? ""} ${account.plan ?? ""}`.toLocaleLowerCase().includes(query)
+          );
+          if (visibleAccounts.length + visibleHarnessAccounts.length === 0) {
             const emptyRow = document2.createElement("tr");
             const emptyCell = document2.createElement("td");
             emptyCell.colSpan = 4;
@@ -24760,6 +25148,9 @@ ${error51.stderrTail}`] : []
               body.append(verificationRow);
             }
           }
+          for (const account of visibleHarnessAccounts) {
+            body.append(renderHarnessAccountRow(document2, account, messages, usageDisplay));
+          }
           restoreFocus();
         };
         const client = () => {
@@ -24990,10 +25381,11 @@ ${error51.stderrTail}`] : []
           });
         } catch {
         }
-        const harnessAccounts = mountHarnessAccounts(context, messages, getClient, render);
+        const harnessAccounts = createHarnessAccounts(context.signal, getClient, render);
         void harnessAccounts.refresh();
         load();
         return () => {
+          stopCountdowns();
           clearLoginRefresh();
           unsubscribe?.();
         };
@@ -25485,6 +25877,7 @@ ${error51.stderrTail}`] : []
       createConnectionsSettingsPage(messages, getDiagnostics),
       createAccountsSettingsPage(messages, getAccountClient),
       createSessionImportSettingsPage(messages, getSessionImportClient, openImportedThread),
+      createAppearanceSettingsPage(messages),
       updatesPage(messages, getUpdateClient),
       aboutPage(messages)
     ]);
@@ -25503,10 +25896,10 @@ ${error51.stderrTail}`] : []
   }
 
   // src/settings/shell.css
-  var shell_default = ':host {\n  --settings-bg: light-dark(#ffffff, #202020);\n  --settings-sidebar: light-dark(#f7f7f8, #191919);\n  --settings-panel: light-dark(#ffffff, #232323);\n  --settings-surface: light-dark(#f6f6f6, #292929);\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\n  --settings-inset: light-dark(#f3f3f3, #161616);\n  --settings-text: light-dark(#0d0d0d, #ececec);\n  --settings-muted: light-dark(#676767, #a3a3a3);\n  --settings-subtle: light-dark(#8a8a8a, #777777);\n  --settings-border: light-dark(rgb(13 13 13 / 9%), rgb(255 255 255 / 9%));\n  --settings-divider: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 7%));\n  --settings-hover: light-dark(rgb(13 13 13 / 5%), rgb(255 255 255 / 7%));\n  --settings-active: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 9%));\n  --settings-focus: light-dark(#0b75d1, #66aaf9);\n  --settings-primary: light-dark(#171717, #f4f4f4);\n  --settings-primary-hover: light-dark(#2f2f2f, #ffffff);\n  --settings-primary-text: light-dark(#ffffff, #171717);\n  --settings-warning: light-dark(#8a5500, #f5c96a);\n  --settings-warning-bg: light-dark(#fff8e6, rgb(245 201 106 / 8%));\n  --settings-warning-border: light-dark(#ead8a8, rgb(245 201 106 / 24%));\n  --settings-danger: light-dark(#b42318, #f87171);\n  --settings-danger-bg: light-dark(#fff1f0, rgb(239 68 68 / 8%));\n  --settings-danger-border: light-dark(#f3c7c3, rgb(239 68 68 / 22%));\n  --settings-success: light-dark(#16784a, #4ade80);\n  color: var(--settings-text);\n  color-scheme: inherit;\n  font:\n    13px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.settings-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 14px;\n  box-shadow: light-dark(0 16px 42px rgb(0 0 0 / 16%), 0 20px 54px rgb(0 0 0 / 42%));\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: light-dark(rgb(0 0 0 / 24%), rgb(0 0 0 / 56%));\n  backdrop-filter: blur(1px);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 184px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 14px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 48px;\n  flex: none;\n  padding: 0 12px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 24px;\n  height: 24px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 8px;\n  padding-left: 8px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 2px;\n  padding: 0 7px 10px;\n  overflow-y: auto;\n}\n\n.settings-nav-section-label {\n  min-height: 24px;\n  padding: 4px 9px 2px;\n  color: var(--settings-subtle);\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-nav-section-label:not(:first-child) {\n  margin-top: 8px;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 34px;\n  flex: none;\n  gap: 9px;\n  padding: 6px 9px;\n  color: var(--settings-text);\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 16px;\n  height: 16px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-nav-star-link {\n  margin-top: 0;\n  color: var(--settings-text);\n  text-decoration: none;\n}\n\n.settings-nav-star-link .codexhost-settings-icon {\n  color: var(--settings-warning);\n}\n\n.settings-nav-star-link:hover {\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 28px 0 36px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  margin: 0;\n  padding: 0 0 18px;\n  color: var(--settings-text);\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 26px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 72px;\n  gap: 20px;\n  padding: 12px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 10px;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 3px 8px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-page-description {\n  max-width: 760px;\n  margin: -10px 0 20px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.settings-session-import-header .settings-section-label {\n  min-width: 0;\n}\n\n.settings-session-import-harness {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  margin: -12px 0 16px;\n  color: var(--settings-muted);\n  font-size: 13px;\n}\n\n.settings-session-import-harness > span {\n  flex: none;\n}\n\n.settings-session-import-harness__options {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  flex: 1;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n}\n\n.settings-session-import-harness__options::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-session-import-harness__option {\n  min-height: 32px;\n  flex: none;\n  padding: 6px 10px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  white-space: nowrap;\n  background: rgb(255 255 255 / 4%);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-session-import-harness__option[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n  border-color: rgb(51 156 255 / 50%);\n}\n\n.settings-session-import-harness__option:disabled {\n  opacity: 0.38;\n  cursor: not-allowed;\n}\n\n.settings-session-import-harness__option:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-harness + .settings-page-description {\n  margin-top: 0;\n  margin-bottom: 4px;\n}\n\n.settings-session-import-availability-note {\n  margin-top: 0;\n}\n\n.settings-session-import-search,\n.settings-session-import-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n  margin: 16px 0;\n}\n\n.settings-session-import-search input {\n  flex: 1;\n  min-width: 160px;\n}\n\n.settings-session-import-search input,\n.settings-session-import-pagination select {\n  min-height: 36px;\n  padding: 6px 10px;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-search input:focus-visible,\n.settings-session-import-pagination select:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-pagination {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.settings-session-import-pagination label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.settings-session-import-pagination > span {\n  flex: 1;\n  min-width: 130px;\n}\n\n.settings-session-import-pagination__navigation {\n  display: flex;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.settings-session-import-content,\n.settings-session-import-list {\n  display: grid;\n  gap: 10px;\n}\n\n.settings-session-import-status {\n  display: flex;\n  align-items: center;\n  min-height: 64px;\n  gap: 12px;\n  padding: 16px;\n  color: var(--settings-muted);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-status.is-error {\n  color: #ef4444;\n}\n\n.settings-session-import-recovery {\n  display: grid;\n  justify-items: start;\n  gap: 14px;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-recovery:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-recovery__copy {\n  display: grid;\n  gap: 4px;\n}\n\n.settings-session-import-recovery__copy strong {\n  color: var(--settings-text);\n  font-size: 14px;\n}\n\n.settings-session-import-recovery__copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-session-import-recovery__path {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-recovery__path code {\n  min-width: 0;\n  flex: 1;\n  padding: 8px 10px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-session-import-recovery__path .settings-command-button {\n  min-height: 0;\n  flex: none;\n  border-width: 0 0 0 1px;\n  border-radius: 0;\n}\n\n.settings-session-import-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 20px;\n  min-width: 0;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-row__copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-session-import-row__copy strong {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__copy span,\n.settings-session-import-row__cwd {\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__cwd {\n  display: block;\n  min-width: 0;\n  background: transparent;\n}\n\n.settings-session-import-row__action {\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.settings-session-import-running {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.settings-preference-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  min-height: 88px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-divider);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-preference-row__copy {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-width: 0;\n  gap: 5px;\n}\n\n.settings-preference-row__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-preference-row__copy span {\n  max-width: 680px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-switch {\n  display: inline-flex;\n  align-items: center;\n  width: 42px;\n  height: 24px;\n  flex: none;\n  padding: 2px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--settings-surface-hover);\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.settings-preference-switch[aria-checked="true"] {\n  justify-content: flex-end;\n  background: var(--settings-focus);\n}\n\n.settings-preference-switch:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-preference-switch__thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--settings-primary-text);\n  box-shadow: 0 1px 3px rgb(0 0 0 / 24%);\n}\n\n.settings-connection-page-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 18px;\n  margin-bottom: 18px;\n}\n\n.settings-connection-page-header .settings-section-label {\n  padding-bottom: 0;\n}\n\n.settings-connection-page-header .settings-page-description {\n  margin: 5px 0 0;\n}\n\n.settings-connections-content,\n.settings-connections-layout,\n.settings-connection-list,\n.settings-connection-rows {\n  min-width: 0;\n}\n\n.settings-connections-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);\n  align-items: start;\n  gap: 18px;\n}\n\n.settings-connection-list,\n.settings-connection-inspector {\n  overflow: hidden;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-host-strip {\n  display: grid;\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\n  align-items: center;\n  min-width: 0;\n  gap: 5px;\n  padding: 9px 10px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-host-scroll {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 34px;\n  padding: 0;\n  color: var(--settings-muted);\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-connection-host-strip[data-connection-host-overflow="true"]\n  .settings-connection-host-scroll {\n  display: inline-flex;\n}\n\n.settings-connection-host-strip:not([data-connection-host-overflow="true"]) {\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.settings-connection-host-scroll:hover:not(:disabled) {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-scroll:disabled {\n  cursor: default;\n  opacity: 0.35;\n}\n\n.settings-connection-host-scroll:focus-visible,\n.settings-connection-host-tab:focus-visible,\n.settings-connection-row:focus-visible,\n.settings-connection-install-link:focus-visible,\n.settings-connection-view-error:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-connection-host-tabs {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  scroll-snap-type: x proximity;\n  touch-action: pan-x;\n}\n\n.settings-connection-host-tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-connection-host-tab {\n  display: inline-flex;\n  align-items: center;\n  height: 30px;\n  min-width: max-content;\n  flex: none;\n  padding: 0 9px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  cursor: pointer;\n  scroll-snap-align: start;\n}\n\n.settings-connection-host-tab:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-tab[aria-selected="true"] {\n  color: var(--settings-text);\n  font-weight: 600;\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-table-header,\n.settings-connection-row {\n  display: grid;\n  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) 108px;\n  align-items: center;\n  min-width: 0;\n  gap: 10px;\n}\n\n.settings-connection-table-header {\n  min-height: 30px;\n  padding: 0 10px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  background: transparent;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row {\n  min-height: 52px;\n  padding: 8px 10px;\n  cursor: pointer;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row:last-child {\n  border-bottom: 0;\n}\n\n.settings-connection-row:hover {\n  background: var(--settings-hover);\n}\n\n.settings-connection-row[data-connection-selected="true"] {\n  background: var(--settings-surface);\n}\n\n.settings-connection-row__identity,\n.settings-connection-inspector__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n  color: var(--settings-text);\n}\n\n.settings-connection-row__identity strong,\n.settings-connection-inspector__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  flex: none;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--settings-surface);\n  border-radius: 6px;\n}\n\n.settings-connection-row__mark--logo {\n  color: var(--settings-text);\n  background: transparent;\n}\n\n.settings-connection-row__mark--logo > img,\n.settings-connection-row__mark--logo > svg {\n  display: block;\n  max-width: 18px;\n  max-height: 18px;\n}\n\n.settings-connection-row__status {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  gap: 5px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__status::before {\n  width: 6px;\n  height: 6px;\n  flex: none;\n  content: "";\n  background: currentColor;\n  border-radius: 50%;\n}\n\n.settings-connection-row__status[data-connection-tone="ready"] {\n  color: var(--settings-success);\n}\n\n.settings-connection-row__status[data-connection-tone="checking"] {\n  color: var(--settings-warning);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"] {\n  color: var(--settings-muted);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"]::before {\n  background: transparent;\n  border: 1.5px solid currentColor;\n}\n\n.settings-connection-row__status[data-connection-tone="failed"] {\n  color: var(--settings-danger);\n}\n\n.settings-connection-row__action {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-connection-row__handle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  color: var(--settings-muted);\n  cursor: grab;\n  opacity: 0.6;\n}\n\n.settings-connection-row__handle:hover {\n  opacity: 1;\n}\n\n.settings-connection-row[draggable="true"] {\n  cursor: grab;\n}\n\n.settings-connection-row[data-connection-dragging="true"] {\n  opacity: 0.4;\n}\n\n.settings-connection-row[data-connection-drop-indicator="before"] {\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row[data-connection-drop-indicator="after"] {\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row__group-toggle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-row__group-toggle:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-group-divider {\n  padding: 10px 12px 6px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  /* No border-top here: the row immediately above already carries its own\n     border-bottom (it is no longer :last-child once this divider follows\n     it), so adding one here would double the separator line. */\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] {\n  background: rgb(51 156 255 / 8%);\n}\n\n.settings-connection-group-hint {\n  display: grid;\n  gap: 3px;\n  margin: 0 12px 12px;\n  padding: 14px 16px;\n  text-align: center;\n  border: 1.5px dashed var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\n  border-color: var(--settings-focus);\n}\n\n.settings-connection-group-hint strong {\n  color: var(--settings-text);\n  font-size: 12.5px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-group-hint span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 17px;\n}\n\n.settings-connection-group-reset {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 12px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n  cursor: pointer;\n}\n\n.settings-connection-group-reset:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-install-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: var(--settings-focus);\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\n\n.settings-connection-row:hover .settings-connection-install-link,\n.settings-connection-install-link:focus-visible {\n  opacity: 1;\n}\n\n.settings-connection-install-link:hover {\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-view-error {\n  padding: 4px 7px;\n  color: var(--settings-danger);\n  font: inherit;\n  font-size: 11px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-view-error:hover {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n\n.settings-connection-inspector {\n  position: sticky;\n  top: 18px;\n}\n\n.settings-connection-inspector__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 10px;\n  padding: 12px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-inspector__body {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 12px;\n}\n\n.settings-connection-install-callout {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  gap: 9px;\n  padding: 11px;\n  background: var(--settings-surface);\n  border: 0;\n  border-radius: 8px;\n}\n\n.settings-connection-install-callout__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-radius: 7px;\n}\n\n.settings-connection-install-callout strong,\n.settings-connection-error-summary strong,\n.settings-connection-state-summary strong {\n  display: block;\n  margin: 0 0 4px;\n  color: var(--settings-text);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-install-callout p,\n.settings-connection-error-summary p,\n.settings-connection-state-summary p,\n.settings-connection-issue-note {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.settings-connection-install-button {\n  width: fit-content;\n}\n\n.settings-connection-error-summary {\n  padding: 13px 14px;\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n  border: 1px solid var(--settings-danger-border);\n  border-radius: 10px;\n}\n\n.settings-connection-error-metadata {\n  display: grid;\n  gap: 7px;\n  padding: 12px;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 92px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-error-log-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.settings-connection-error-log-header strong {\n  color: var(--settings-text);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.settings-connection-error-log-header .settings-command-button {\n  min-height: 30px;\n  padding: 5px 9px;\n  font-size: 11px;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 0;\n  padding: 11px;\n  overflow: auto;\n  color: var(--settings-text);\n  font:\n    10px/16px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-error-actions {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 8px;\n}\n\n.settings-connection-error-actions .settings-command-button {\n  width: 100%;\n}\n\n.settings-connection-issue-note {\n  margin-top: -4px;\n}\n\n.settings-connection-state-summary {\n  padding: 14px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-about-panel {\n  display: grid;\n  max-width: 720px;\n  gap: 18px;\n  padding: 24px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-about-product {\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 32px;\n}\n\n.settings-about-tagline {\n  color: var(--settings-text);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.settings-about-copy {\n  display: grid;\n  max-width: 660px;\n  gap: 12px;\n}\n\n.settings-about-copy p,\n.settings-about-repository p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-star-callout {\n  margin: 2px 0;\n  color: var(--settings-warning);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-about-repository {\n  display: grid;\n  gap: 10px;\n  padding-top: 18px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-about-repository-link {\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  min-width: 0;\n  max-width: 100%;\n  gap: 8px;\n  color: var(--settings-focus);\n  font-size: 13px;\n  font-weight: 600;\n  text-decoration: none;\n}\n\n.settings-about-repository-link:hover {\n  text-decoration: underline;\n}\n\n.settings-about-repository-link code {\n  min-width: 0;\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 11px;\n  font-weight: 400;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 4px 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n/* The only emphasis on this screen: a latest version newer than the installed one. */\n.settings-update-metadata__value--newer {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 12px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-update-panel__head {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-panel__head .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel[data-update-state="available"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="downloading"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="installing"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="restarting"] .codexhost-settings-icon {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel[data-update-state="current"] .codexhost-settings-icon {\n  color: var(--settings-success);\n}\n\n.settings-update-panel[data-update-state="failed"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="error"] .codexhost-settings-icon {\n  color: var(--settings-danger);\n}\n\n.settings-update-panel__title {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: var(--settings-danger);\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: var(--settings-focus);\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\n.settings-update-notes-section {\n  min-width: 0;\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes-section:empty {\n  display: none;\n}\n\n.settings-update-notes {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: var(--settings-surface);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: var(--settings-focus);\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: var(--settings-surface);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n/* Manual update sits directly under the status panel, not behind a disclosure:\n   automatic updates can fail for machine-local reasons and this is the way out. */\n.settings-update-controls {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n  margin-top: 24px;\n}\n\n.settings-update-manual-title {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual-description {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual-description.is-fallback {\n  color: var(--settings-danger);\n}\n\n.settings-update-command {\n  display: flex;\n  align-items: stretch;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-update-command code {\n  min-width: 0;\n  flex: 1;\n  padding: 9px 12px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-update-command__copy {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  gap: 6px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-left: 1px solid var(--settings-border);\n  cursor: pointer;\n}\n\n.settings-update-command__copy:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-update-command__copy:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-update-actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  width: max-content;\n  max-width: 100%;\n  min-height: 30px;\n  gap: 6px;\n  padding: 5px 10px;\n  white-space: nowrap;\n  color: var(--settings-primary-text);\n  font: inherit;\n  font-size: 12px;\n  text-decoration: none;\n  background: var(--settings-primary);\n  border: 1px solid var(--settings-primary);\n  border-radius: 7px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border-color: var(--settings-border);\n}\n\n.settings-command-button:hover:not(:disabled) {\n  background: var(--settings-primary-hover);\n  border-color: var(--settings-primary-hover);\n}\n\n.settings-command-button--secondary:hover:not(:disabled),\n.settings-update-link:hover {\n  background: var(--settings-hover);\n  border-color: var(--settings-border);\n}\n\n.settings-command-button--danger {\n  color: #f87171;\n}\n\n.settings-command-button--danger:hover:not(:disabled) {\n  color: #fecaca;\n  background: rgb(127 29 29 / 24%);\n  border-color: rgb(248 113 113 / 45%);\n}\n\n.settings-command-button:disabled {\n  cursor: default;\n  opacity: 0.45;\n}\n\n.settings-command-button:disabled,\n.settings-command-button[aria-disabled="true"] {\n  opacity: 0.55;\n  cursor: not-allowed;\n  filter: none;\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-session-import-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-session-import-row__action {\n    align-items: flex-start;\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-nav-star-link {\n    margin-top: 0;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-account-header,\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-account-header > .settings-command-button,\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-connections-layout {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-connection-inspector {\n    position: static;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-surface: Canvas;\n    --settings-surface-hover: Highlight;\n    --settings-inset: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-subtle: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n    --settings-primary: ButtonFace;\n    --settings-primary-hover: Highlight;\n    --settings-primary-text: ButtonText;\n    --settings-warning: CanvasText;\n    --settings-warning-bg: Canvas;\n    --settings-warning-border: ButtonBorder;\n    --settings-danger: CanvasText;\n    --settings-danger-bg: Canvas;\n    --settings-danger-border: ButtonBorder;\n    --settings-success: CanvasText;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0s !important;\n  }\n}\n';
+  var shell_default = ':host {\n  --settings-bg: light-dark(#ffffff, #202020);\n  --settings-sidebar: light-dark(#f7f7f8, #191919);\n  --settings-panel: light-dark(#ffffff, #232323);\n  --settings-surface: light-dark(#f6f6f6, #292929);\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\n  --settings-inset: light-dark(#f3f3f3, #161616);\n  --settings-text: light-dark(#0d0d0d, #ececec);\n  --settings-muted: light-dark(#676767, #a3a3a3);\n  --settings-subtle: light-dark(#8a8a8a, #777777);\n  --settings-border: light-dark(rgb(13 13 13 / 9%), rgb(255 255 255 / 9%));\n  --settings-divider: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 7%));\n  --settings-hover: light-dark(rgb(13 13 13 / 5%), rgb(255 255 255 / 7%));\n  --settings-active: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 9%));\n  --settings-focus: light-dark(#0b75d1, #66aaf9);\n  --settings-primary: light-dark(#171717, #f4f4f4);\n  --settings-primary-hover: light-dark(#2f2f2f, #ffffff);\n  --settings-primary-text: light-dark(#ffffff, #171717);\n  --settings-warning: light-dark(#8a5500, #f5c96a);\n  --settings-warning-bg: light-dark(#fff8e6, rgb(245 201 106 / 8%));\n  --settings-warning-border: light-dark(#ead8a8, rgb(245 201 106 / 24%));\n  --settings-danger: light-dark(#b42318, #f87171);\n  --settings-danger-bg: light-dark(#fff1f0, rgb(239 68 68 / 8%));\n  --settings-danger-border: light-dark(#f3c7c3, rgb(239 68 68 / 22%));\n  --settings-success: light-dark(#16784a, #4ade80);\n  color: var(--settings-text);\n  color-scheme: inherit;\n  font:\n    13px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.settings-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 14px;\n  box-shadow: light-dark(0 16px 42px rgb(0 0 0 / 16%), 0 20px 54px rgb(0 0 0 / 42%));\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: light-dark(rgb(0 0 0 / 24%), rgb(0 0 0 / 56%));\n  backdrop-filter: blur(1px);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 184px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 14px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 48px;\n  flex: none;\n  padding: 0 12px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 24px;\n  height: 24px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 8px;\n  padding-left: 8px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 2px;\n  padding: 0 7px 10px;\n  overflow-y: auto;\n}\n\n.settings-nav-section-label {\n  min-height: 24px;\n  padding: 4px 9px 2px;\n  color: var(--settings-subtle);\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-nav-section-label:not(:first-child) {\n  margin-top: 8px;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 34px;\n  flex: none;\n  gap: 9px;\n  padding: 6px 9px;\n  color: var(--settings-text);\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 16px;\n  height: 16px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-nav-star-link {\n  margin-top: 0;\n  color: var(--settings-text);\n  text-decoration: none;\n}\n\n.settings-nav-star-link .codexhost-settings-icon {\n  color: var(--settings-warning);\n}\n\n.settings-nav-star-link:hover {\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 28px 0 36px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  margin: 0;\n  padding: 0 0 18px;\n  color: var(--settings-text);\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 26px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 72px;\n  gap: 20px;\n  padding: 12px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 10px;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 3px 8px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-page-description {\n  max-width: 760px;\n  margin: -10px 0 20px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.settings-session-import-header .settings-section-label {\n  min-width: 0;\n}\n\n.settings-session-import-harness {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  margin: -12px 0 16px;\n  color: var(--settings-muted);\n  font-size: 13px;\n}\n\n.settings-session-import-harness > span {\n  flex: none;\n}\n\n.settings-session-import-harness__options {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  flex: 1;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n}\n\n.settings-session-import-harness__options::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-session-import-harness__option {\n  min-height: 32px;\n  flex: none;\n  padding: 6px 10px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  white-space: nowrap;\n  background: rgb(255 255 255 / 4%);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-session-import-harness__option[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n  border-color: rgb(51 156 255 / 50%);\n}\n\n.settings-session-import-harness__option:disabled {\n  opacity: 0.38;\n  cursor: not-allowed;\n}\n\n.settings-session-import-harness__option:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-harness + .settings-page-description {\n  margin-top: 0;\n  margin-bottom: 4px;\n}\n\n.settings-session-import-availability-note {\n  margin-top: 0;\n}\n\n.settings-session-import-search,\n.settings-session-import-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n  margin: 16px 0;\n}\n\n.settings-session-import-search input {\n  flex: 1;\n  min-width: 160px;\n}\n\n.settings-session-import-search input,\n.settings-session-import-pagination select {\n  min-height: 36px;\n  padding: 6px 10px;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-search input:focus-visible,\n.settings-session-import-pagination select:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-pagination {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.settings-session-import-pagination label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.settings-session-import-pagination > span {\n  flex: 1;\n  min-width: 130px;\n}\n\n.settings-session-import-pagination__navigation {\n  display: flex;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.settings-session-import-content,\n.settings-session-import-list {\n  display: grid;\n  gap: 10px;\n}\n\n.settings-session-import-status {\n  display: flex;\n  align-items: center;\n  min-height: 64px;\n  gap: 12px;\n  padding: 16px;\n  color: var(--settings-muted);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-status.is-error {\n  color: #ef4444;\n}\n\n.settings-session-import-recovery {\n  display: grid;\n  justify-items: start;\n  gap: 14px;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-recovery:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-recovery__copy {\n  display: grid;\n  gap: 4px;\n}\n\n.settings-session-import-recovery__copy strong {\n  color: var(--settings-text);\n  font-size: 14px;\n}\n\n.settings-session-import-recovery__copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-session-import-recovery__path {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-recovery__path code {\n  min-width: 0;\n  flex: 1;\n  padding: 8px 10px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-session-import-recovery__path .settings-command-button {\n  min-height: 0;\n  flex: none;\n  border-width: 0 0 0 1px;\n  border-radius: 0;\n}\n\n.settings-session-import-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 20px;\n  min-width: 0;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-row__copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-session-import-row__copy strong {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__copy span,\n.settings-session-import-row__cwd {\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__cwd {\n  display: block;\n  min-width: 0;\n  background: transparent;\n}\n\n.settings-session-import-row__action {\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.settings-session-import-running {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.settings-preference-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  min-height: 88px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-divider);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-preference-row__copy {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-width: 0;\n  gap: 5px;\n}\n\n.settings-preference-row__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-preference-row__copy span {\n  max-width: 680px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-switch {\n  display: inline-flex;\n  align-items: center;\n  width: 42px;\n  height: 24px;\n  flex: none;\n  padding: 2px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--settings-surface-hover);\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.settings-preference-switch[aria-checked="true"] {\n  justify-content: flex-end;\n  background: var(--settings-focus);\n}\n\n.settings-preference-switch:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-preference-switch__thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--settings-primary-text);\n  box-shadow: 0 1px 3px rgb(0 0 0 / 24%);\n}\n\n.settings-preference-checkbox {\n  width: 18px;\n  height: 18px;\n  flex: none;\n  margin: 0;\n  accent-color: var(--settings-focus);\n  cursor: pointer;\n}\n\n.settings-preference-checkbox:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-connection-page-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 18px;\n  margin-bottom: 18px;\n}\n\n.settings-connection-page-header .settings-section-label {\n  padding-bottom: 0;\n}\n\n.settings-connection-page-header .settings-page-description {\n  margin: 5px 0 0;\n}\n\n.settings-connections-content,\n.settings-connections-layout,\n.settings-connection-list,\n.settings-connection-rows {\n  min-width: 0;\n}\n\n.settings-connections-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);\n  align-items: start;\n  gap: 18px;\n}\n\n.settings-connection-list,\n.settings-connection-inspector {\n  overflow: hidden;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-host-strip {\n  display: grid;\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\n  align-items: center;\n  min-width: 0;\n  gap: 5px;\n  padding: 9px 10px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-host-scroll {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 34px;\n  padding: 0;\n  color: var(--settings-muted);\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-connection-host-strip[data-connection-host-overflow="true"]\n  .settings-connection-host-scroll {\n  display: inline-flex;\n}\n\n.settings-connection-host-strip:not([data-connection-host-overflow="true"]) {\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.settings-connection-host-scroll:hover:not(:disabled) {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-scroll:disabled {\n  cursor: default;\n  opacity: 0.35;\n}\n\n.settings-connection-host-scroll:focus-visible,\n.settings-connection-host-tab:focus-visible,\n.settings-connection-row:focus-visible,\n.settings-connection-install-link:focus-visible,\n.settings-connection-view-error:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-connection-host-tabs {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  scroll-snap-type: x proximity;\n  touch-action: pan-x;\n}\n\n.settings-connection-host-tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-connection-host-tab {\n  display: inline-flex;\n  align-items: center;\n  height: 30px;\n  min-width: max-content;\n  flex: none;\n  padding: 0 9px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  cursor: pointer;\n  scroll-snap-align: start;\n}\n\n.settings-connection-host-tab:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-tab[aria-selected="true"] {\n  color: var(--settings-text);\n  font-weight: 600;\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-table-header,\n.settings-connection-row {\n  display: grid;\n  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) 108px;\n  align-items: center;\n  min-width: 0;\n  gap: 10px;\n}\n\n.settings-connection-table-header {\n  min-height: 30px;\n  padding: 0 10px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  background: transparent;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row {\n  min-height: 52px;\n  padding: 8px 10px;\n  cursor: pointer;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-row:last-child {\n  border-bottom: 0;\n}\n\n.settings-connection-row:hover {\n  background: var(--settings-hover);\n}\n\n.settings-connection-row[data-connection-selected="true"] {\n  background: var(--settings-surface);\n}\n\n.settings-connection-row__identity,\n.settings-connection-inspector__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n  color: var(--settings-text);\n}\n\n.settings-connection-row__identity strong,\n.settings-connection-inspector__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  flex: none;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--settings-surface);\n  border-radius: 6px;\n}\n\n.settings-connection-row__mark--logo {\n  color: var(--settings-text);\n  background: transparent;\n}\n\n.settings-connection-row__mark--logo > img,\n.settings-connection-row__mark--logo > svg {\n  display: block;\n  max-width: 18px;\n  max-height: 18px;\n}\n\n.settings-connection-row__status {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  gap: 5px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__status::before {\n  width: 6px;\n  height: 6px;\n  flex: none;\n  content: "";\n  background: currentColor;\n  border-radius: 50%;\n}\n\n.settings-connection-row__status[data-connection-tone="ready"] {\n  color: var(--settings-success);\n}\n\n.settings-connection-row__status[data-connection-tone="checking"] {\n  color: var(--settings-warning);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"] {\n  color: var(--settings-muted);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"]::before {\n  background: transparent;\n  border: 1.5px solid currentColor;\n}\n\n.settings-connection-row__status[data-connection-tone="failed"] {\n  color: var(--settings-danger);\n}\n\n.settings-connection-row__action {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-connection-row__handle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  color: var(--settings-muted);\n  cursor: grab;\n  opacity: 0.6;\n}\n\n.settings-connection-row__handle:hover {\n  opacity: 1;\n}\n\n.settings-connection-row[draggable="true"] {\n  cursor: grab;\n}\n\n.settings-connection-row[data-connection-dragging="true"] {\n  opacity: 0.4;\n}\n\n.settings-connection-row[data-connection-drop-indicator="before"] {\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row[data-connection-drop-indicator="after"] {\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row__group-toggle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-row__group-toggle:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-group-divider {\n  padding: 10px 12px 6px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  /* No border-top here: the row immediately above already carries its own\n     border-bottom (it is no longer :last-child once this divider follows\n     it), so adding one here would double the separator line. */\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] {\n  background: rgb(51 156 255 / 8%);\n}\n\n.settings-connection-group-hint {\n  display: grid;\n  gap: 3px;\n  margin: 0 12px 12px;\n  padding: 14px 16px;\n  text-align: center;\n  border: 1.5px dashed var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\n  border-color: var(--settings-focus);\n}\n\n.settings-connection-group-hint strong {\n  color: var(--settings-text);\n  font-size: 12.5px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-group-hint span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 17px;\n}\n\n.settings-connection-group-reset {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 12px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n  cursor: pointer;\n}\n\n.settings-connection-group-reset:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-install-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: var(--settings-focus);\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\n\n.settings-connection-row:hover .settings-connection-install-link,\n.settings-connection-install-link:focus-visible {\n  opacity: 1;\n}\n\n.settings-connection-install-link:hover {\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-view-error {\n  padding: 4px 7px;\n  color: var(--settings-danger);\n  font: inherit;\n  font-size: 11px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-view-error:hover {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n\n.settings-connection-inspector {\n  position: sticky;\n  top: 18px;\n}\n\n.settings-connection-inspector__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 10px;\n  padding: 12px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-inspector__body {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 12px;\n}\n\n.settings-connection-install-callout {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  gap: 9px;\n  padding: 11px;\n  background: var(--settings-surface);\n  border: 0;\n  border-radius: 8px;\n}\n\n.settings-connection-install-callout__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-radius: 7px;\n}\n\n.settings-connection-install-callout strong,\n.settings-connection-error-summary strong,\n.settings-connection-state-summary strong {\n  display: block;\n  margin: 0 0 4px;\n  color: var(--settings-text);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-install-callout p,\n.settings-connection-error-summary p,\n.settings-connection-state-summary p,\n.settings-connection-issue-note {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.settings-connection-install-button {\n  width: fit-content;\n}\n\n.settings-connection-error-summary {\n  padding: 13px 14px;\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n  border: 1px solid var(--settings-danger-border);\n  border-radius: 10px;\n}\n\n.settings-connection-error-metadata {\n  display: grid;\n  gap: 7px;\n  padding: 12px;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 92px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-error-log-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.settings-connection-error-log-header strong {\n  color: var(--settings-text);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.settings-connection-error-log-header .settings-command-button {\n  min-height: 30px;\n  padding: 5px 9px;\n  font-size: 11px;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 0;\n  padding: 11px;\n  overflow: auto;\n  color: var(--settings-text);\n  font:\n    10px/16px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-error-actions {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 8px;\n}\n\n.settings-connection-error-actions .settings-command-button {\n  width: 100%;\n}\n\n.settings-connection-issue-note {\n  margin-top: -4px;\n}\n\n.settings-connection-state-summary {\n  padding: 14px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-about-panel {\n  display: grid;\n  max-width: 720px;\n  gap: 18px;\n  padding: 24px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-about-product {\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 32px;\n}\n\n.settings-about-tagline {\n  color: var(--settings-text);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.settings-about-copy {\n  display: grid;\n  max-width: 660px;\n  gap: 12px;\n}\n\n.settings-about-copy p,\n.settings-about-repository p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-star-callout {\n  margin: 2px 0;\n  color: var(--settings-warning);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-about-repository {\n  display: grid;\n  gap: 10px;\n  padding-top: 18px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-about-repository-link {\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  min-width: 0;\n  max-width: 100%;\n  gap: 8px;\n  color: var(--settings-focus);\n  font-size: 13px;\n  font-weight: 600;\n  text-decoration: none;\n}\n\n.settings-about-repository-link:hover {\n  text-decoration: underline;\n}\n\n.settings-about-repository-link code {\n  min-width: 0;\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 11px;\n  font-weight: 400;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 4px 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n/* The only emphasis on this screen: a latest version newer than the installed one. */\n.settings-update-metadata__value--newer {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 12px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-update-panel__head {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-panel__head .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel[data-update-state="available"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="downloading"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="installing"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="restarting"] .codexhost-settings-icon {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel[data-update-state="current"] .codexhost-settings-icon {\n  color: var(--settings-success);\n}\n\n.settings-update-panel[data-update-state="failed"] .codexhost-settings-icon,\n.settings-update-panel[data-update-state="error"] .codexhost-settings-icon {\n  color: var(--settings-danger);\n}\n\n.settings-update-panel__title {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: var(--settings-danger);\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: var(--settings-focus);\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\n.settings-update-notes-section {\n  min-width: 0;\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes-section:empty {\n  display: none;\n}\n\n.settings-update-notes {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: var(--settings-surface);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: var(--settings-focus);\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: var(--settings-surface);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n/* Manual update sits directly under the status panel, not behind a disclosure:\n   automatic updates can fail for machine-local reasons and this is the way out. */\n.settings-update-controls {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n  margin-top: 24px;\n}\n\n.settings-update-manual-title {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual-description {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual-description.is-fallback {\n  color: var(--settings-danger);\n}\n\n.settings-update-command {\n  display: flex;\n  align-items: stretch;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-update-command code {\n  min-width: 0;\n  flex: 1;\n  padding: 9px 12px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-update-command__copy {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  gap: 6px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-left: 1px solid var(--settings-border);\n  cursor: pointer;\n}\n\n.settings-update-command__copy:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-update-command__copy:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-update-actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  width: max-content;\n  max-width: 100%;\n  min-height: 30px;\n  gap: 6px;\n  padding: 5px 10px;\n  white-space: nowrap;\n  color: var(--settings-primary-text);\n  font: inherit;\n  font-size: 12px;\n  text-decoration: none;\n  background: var(--settings-primary);\n  border: 1px solid var(--settings-primary);\n  border-radius: 7px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border-color: var(--settings-border);\n}\n\n.settings-command-button:hover:not(:disabled) {\n  background: var(--settings-primary-hover);\n  border-color: var(--settings-primary-hover);\n}\n\n.settings-command-button--secondary:hover:not(:disabled),\n.settings-update-link:hover {\n  background: var(--settings-hover);\n  border-color: var(--settings-border);\n}\n\n.settings-command-button--danger {\n  color: #f87171;\n}\n\n.settings-command-button--danger:hover:not(:disabled) {\n  color: #fecaca;\n  background: rgb(127 29 29 / 24%);\n  border-color: rgb(248 113 113 / 45%);\n}\n\n.settings-command-button:disabled {\n  cursor: default;\n  opacity: 0.45;\n}\n\n.settings-command-button:disabled,\n.settings-command-button[aria-disabled="true"] {\n  opacity: 0.55;\n  cursor: not-allowed;\n  filter: none;\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-session-import-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-session-import-row__action {\n    align-items: flex-start;\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-nav-star-link {\n    margin-top: 0;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-account-header,\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-account-header > .settings-command-button,\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-connections-layout {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-connection-inspector {\n    position: static;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-surface: Canvas;\n    --settings-surface-hover: Highlight;\n    --settings-inset: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-subtle: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n    --settings-primary: ButtonFace;\n    --settings-primary-hover: Highlight;\n    --settings-primary-text: ButtonText;\n    --settings-warning: CanvasText;\n    --settings-warning-bg: Canvas;\n    --settings-warning-border: ButtonBorder;\n    --settings-danger: CanvasText;\n    --settings-danger-bg: Canvas;\n    --settings-danger-border: ButtonBorder;\n    --settings-success: CanvasText;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0s !important;\n  }\n}\n';
 
   // src/settings/accounts.css
-  var accounts_default = '.settings-harness-accounts {\n  margin-top: 32px;\n}\n\n.settings-harness-accounts__title {\n  margin: 0 0 16px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.settings-harness-account__identity {\n  min-width: 0;\n}\n\n.settings-harness-account__identity > .settings-account-email {\n  display: block;\n  max-width: 24ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-harness-account__logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  flex: none;\n}\n\n.settings-harness-account {\n  display: grid;\n  grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);\n  align-items: center;\n  gap: 24px;\n  padding: 24px;\n}\n\n.settings-harness-account + .settings-harness-account {\n  border-top: 1px solid var(--settings-border);\n}\n\n.settings-harness-account > div {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 700px) {\n  .settings-harness-account {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 16px;\n  }\n}\n\n.settings-account-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.settings-account-eyebrow {\n  margin: 0 0 8px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  letter-spacing: 0.13em;\n}\n\n.settings-account-header > :first-child {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.settings-account-header > .settings-command-button {\n  flex: none;\n  white-space: nowrap;\n  margin-top: 20px;\n  min-height: 36px;\n  padding: 8px 12px;\n  border-radius: 7px;\n}\n\n.settings-account-header .settings-section-label {\n  margin: 0;\n  padding: 0;\n  font-size: 27px;\n  line-height: 1.4;\n  font-weight: 650;\n  letter-spacing: -0.035em;\n}\n.settings-account-header .settings-page-description {\n  margin: 8px 0 0;\n  font-size: 13px;\n}\n\n.settings-account-status {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n.settings-account-status:empty {\n  display: none;\n}\n\n.settings-account-help-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-top: 20px;\n  flex-wrap: wrap;\n}\n.settings-account-task-hint {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  flex: 1 1 280px;\n}\n.settings-account-task-hint svg {\n  flex: none;\n  margin-top: 1px;\n}\n.settings-account-help-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.settings-account-help-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n.settings-account-device-code-note {\n  margin: 12px 0 0;\n  font-size: 12px;\n  padding: 10px 12px;\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n  border: 1px solid var(--settings-warning-border);\n  border-radius: 8px;\n}\n\n.settings-account-toolbar {\n  margin-top: 27px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-border);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.settings-account-count {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.settings-account-count > :last-child {\n  color: var(--settings-muted);\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--settings-muted);\n  margin-right: auto;\n  min-width: 0;\n  max-width: 100%;\n}\n.settings-account-search svg {\n  flex: none;\n}\n.settings-account-toolbar input {\n  min-width: 80px;\n  width: 150px;\n  max-width: 100%;\n  padding: 5px 0;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  font-size: 13px;\n}\n.settings-account-toolbar input::placeholder {\n  color: var(--settings-muted);\n}\n.settings-account-display-controls {\n  display: flex;\n  padding: 3px;\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  background: var(--settings-inset);\n}\n.settings-account-display-controls button {\n  padding: 4px 10px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 4px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.settings-account-display-controls button:hover {\n  color: var(--settings-text);\n}\n.settings-account-display-controls button[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n}\n\n.settings-account-list {\n  --account-border: light-dark(#e2e2e8, #36363b);\n  --account-muted: light-dark(#676773, #a5a5af);\n  border: 1px solid var(--account-border);\n  border-radius: 11px;\n  overflow: hidden;\n  container-type: inline-size;\n}\n.settings-account-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n.settings-account-table th {\n  padding: 13px 20px;\n  color: var(--account-muted);\n  background: light-dark(#f8f8fa, #202024);\n  font-size: 11px;\n  font-weight: 500;\n  text-align: left;\n}\n.settings-account-table th:nth-child(1) {\n  width: 32%;\n}\n.settings-account-table th:nth-child(2) {\n  width: 38%;\n}\n.settings-account-table th:nth-child(3) {\n  width: 12%;\n}\n.settings-account-table th:nth-child(4) {\n  width: 18%;\n  text-align: right;\n}\n.settings-account-table td {\n  padding: 19px 20px;\n  vertical-align: middle;\n  border-top: 1px solid var(--settings-divider);\n}\n.settings-account-row {\n  background: light-dark(#ffffff, #232326);\n}\n.settings-account-row:hover {\n  background: light-dark(#f7f7fa, #26262a);\n}\n.settings-account-row__person {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n.settings-account-row__mark {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  color: light-dark(#67558d, #c3baff);\n  background: light-dark(#f0ecf7, #353044);\n  border: 1px solid light-dark(#d9d0e6, #4d435f);\n  border-radius: 10px;\n}\n.settings-account-row__identity {\n  min-width: 0;\n}\n.settings-account-title {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.settings-account-email {\n  min-width: 0;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 550;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-metadata {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n  margin-top: 4px;\n  color: var(--settings-muted);\n}\n.settings-account-domain {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-plan-separator {\n  flex: none;\n}\n.settings-account-plan {\n  flex: none;\n  padding: 1px 6px;\n  color: var(--settings-muted);\n  border: 1px solid var(--settings-border);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n.settings-account-plan--highlighted {\n  color: light-dark(#654f91, #c8bfff);\n  background: light-dark(#f2edf9, #a99bff18);\n  border-color: light-dark(#d9ccea, #a99bff52);\n  font-weight: 600;\n}\n.settings-account-active {\n  flex: none;\n  padding: 2px 7px;\n  color: light-dark(#66548e, #bdb4ff);\n  background: light-dark(#f4f0fb, #aca0ff12);\n  border: 1px solid light-dark(#dfd5f1, #aca0ff24);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.settings-account-usage {\n  display: grid;\n  gap: 14px;\n  max-width: 380px;\n}\n.settings-account-usage__meter {\n  display: grid;\n  grid-template-columns: 48px minmax(36px, 1fr) 96px;\n  align-items: center;\n  gap: 3px 10px;\n}\n:host([lang="zh-CN"]) .settings-account-usage__meter {\n  grid-template-columns: 48px minmax(36px, 1fr) 72px;\n}\n\n.settings-account-usage__title {\n  color: light-dark(#5d5d68, #c3c3cd);\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-usage__percent {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.settings-account-usage__value-label {\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 400;\n}\n.settings-account-usage__percent--warn {\n  color: var(--settings-warning);\n}\n.settings-account-usage__percent--hot {\n  color: var(--settings-danger);\n}\n.settings-account-usage__bar {\n  height: 4px;\n  overflow: hidden;\n  background: light-dark(#e3e1e8, #3c3c43);\n  border-radius: 4px;\n}\n.settings-account-usage__bar > span {\n  display: block;\n  height: 100%;\n  background: light-dark(#81769e, #9993b8);\n  border-radius: inherit;\n}\n.settings-account-usage__bar--warn > span {\n  background: var(--settings-warning);\n}\n.settings-account-usage__bar--hot > span {\n  background: var(--settings-danger);\n}\n.settings-account-usage__sub {\n  grid-column: 2 / -1;\n  color: var(--account-muted);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.settings-account-usage__message,\n.settings-account-unknown {\n  color: var(--settings-muted);\n}\n.settings-account-usage > button {\n  justify-self: start;\n}\n.settings-account-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.settings-account-action {\n  padding: 8px 10px;\n  min-height: 36px;\n  font-size: 12px;\n  color: var(--settings-text);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.settings-account-action:hover {\n  background: var(--settings-hover);\n}\n.settings-account-action:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.settings-account-actions .settings-account-delete {\n  color: var(--settings-muted);\n}\n.settings-account-actions .settings-account-delete:hover,\n.settings-account-actions .settings-account-delete:focus-visible {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n.settings-account-mobile-label {\n  display: none;\n}\n.settings-account-reset-summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-height: 32px;\n  padding: 3px 0;\n  font-size: 12px;\n  white-space: nowrap;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.settings-account-reset-summary:hover {\n  background: var(--settings-hover);\n}\n.settings-account-reset-summary[aria-expanded="true"] > svg:last-child {\n  transform: rotate(90deg);\n}\n.settings-account-details-row > td {\n  background: var(--settings-inset);\n}\n.settings-account-reset-details {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.settings-account-reset-details strong {\n  font-size: 12px;\n}\n.settings-account-reset-expiry {\n  margin: 6px 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-expiry.is-warn {\n  color: var(--settings-warning);\n}\n.settings-account-reset-expiry.is-hot {\n  color: var(--settings-danger);\n}\n.settings-account-reset-list {\n  margin: 8px 0 0;\n  padding: 0;\n  list-style: none;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-list li + li {\n  margin-top: 4px;\n}\n.settings-account-empty {\n  text-align: center;\n  color: var(--settings-muted);\n}\n.settings-account-verification {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  color: var(--settings-muted);\n}\n.settings-account-verification a {\n  color: var(--settings-focus);\n  overflow-wrap: anywhere;\n}\n.settings-account-verification code {\n  padding: 5px 8px;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n.settings-account-list :focus-visible,\n.settings-account-toolbar :focus-visible,\n.settings-account-help-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n@container (min-width: 611px) and (max-width: 800px) {\n  .settings-account-table th,\n  .settings-account-table td {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .settings-account-table th:nth-child(1) {\n    width: 30%;\n  }\n  .settings-account-table th:nth-child(2) {\n    width: 37%;\n  }\n  .settings-account-table th:nth-child(4) {\n    width: 21%;\n  }\n}\n\n@container (max-width: 610px) {\n  .settings-account-table,\n  .settings-account-table tbody {\n    display: block;\n  }\n  .settings-account-table thead {\n    display: none;\n  }\n  .settings-account-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    padding: 16px;\n    gap: 12px;\n    border-bottom: 1px solid var(--settings-divider);\n  }\n  .settings-account-table .settings-account-row > td {\n    padding: 0;\n    border: 0;\n  }\n  .settings-account-row > td:nth-child(1),\n  .settings-account-row > td:nth-child(2) {\n    grid-column: 1 / -1;\n  }\n  .settings-account-row > td:nth-child(3) {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .settings-account-mobile-label {\n    display: inline;\n    color: var(--settings-muted);\n    font-size: 11px;\n  }\n  .settings-account-usage {\n    max-width: none;\n  }\n  .settings-account-table tr:not(.settings-account-row),\n  .settings-account-table tr:not(.settings-account-row) > td {\n    display: block;\n  }\n}\n\n@media (forced-colors: active) {\n  .settings-account-usage__bar {\n    border: 1px solid CanvasText;\n  }\n  .settings-account-usage__bar > span {\n    background: Highlight;\n  }\n}\n';
+  var accounts_default = '.settings-harness-account__logo {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n}\n\n.settings-account-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.settings-account-header > :first-child {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.settings-account-header > .settings-command-button {\n  flex: none;\n  white-space: nowrap;\n  margin-top: 0;\n  min-height: 36px;\n  padding: 8px 12px;\n  border-radius: 7px;\n}\n\n.settings-account-header .settings-section-label {\n  margin: 0;\n  padding: 0;\n  font-size: 27px;\n  line-height: 1.4;\n  font-weight: 650;\n  letter-spacing: -0.035em;\n}\n.settings-account-header .settings-page-description {\n  margin: 8px 0 0;\n  font-size: 13px;\n}\n\n.settings-account-status {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n.settings-account-status:empty {\n  display: none;\n}\n\n.settings-account-toolbar {\n  margin-top: 27px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-border);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.settings-account-count {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.settings-account-count > :last-child {\n  color: var(--settings-muted);\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--settings-muted);\n  margin-right: auto;\n  min-width: 0;\n  max-width: 100%;\n}\n.settings-account-search svg {\n  flex: none;\n}\n.settings-account-toolbar input {\n  min-width: 80px;\n  width: 210px;\n  max-width: 100%;\n  padding: 5px 0;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  font-size: 13px;\n}\n.settings-account-toolbar input::placeholder {\n  color: var(--settings-muted);\n}\n.settings-account-display-controls {\n  display: flex;\n  padding: 3px;\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  background: var(--settings-inset);\n}\n.settings-account-display-controls button {\n  padding: 4px 10px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 4px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.settings-account-display-controls button:hover {\n  color: var(--settings-text);\n}\n.settings-account-display-controls button[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n}\n\n.settings-account-list {\n  --account-border: light-dark(#e2e2e8, #36363b);\n  --account-muted: light-dark(#676773, #a5a5af);\n  border: 1px solid var(--account-border);\n  border-radius: 11px;\n  overflow: hidden;\n  container-type: inline-size;\n}\n.settings-account-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n.settings-account-table th {\n  padding: 12px 16px;\n  color: var(--account-muted);\n  background: light-dark(#f8f8fa, #202024);\n  font-size: 11px;\n  font-weight: 500;\n  text-align: left;\n}\n.settings-account-table th:nth-child(1) {\n  width: 32%;\n}\n.settings-account-table th:nth-child(2),\n.settings-account-table th:nth-child(3) {\n  width: 24%;\n}\n.settings-account-table th:nth-child(4) {\n  width: 20%;\n  text-align: right;\n}\n.settings-account-table td {\n  padding: 17px 16px;\n  vertical-align: middle;\n  border-top: 1px solid var(--settings-divider);\n}\n.settings-account-row {\n  background: light-dark(#ffffff, #232326);\n}\n.settings-account-row:hover {\n  background: light-dark(#f7f7fa, #26262a);\n}\n.settings-account-row__person {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n.settings-account-row__mark {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  color: light-dark(#67558d, #c3baff);\n  background: light-dark(#f0ecf7, #353044);\n  border: 1px solid light-dark(#d9d0e6, #4d435f);\n  border-radius: 10px;\n}\n.settings-account-row__identity {\n  min-width: 0;\n}\n.settings-account-email {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  font-size: 12px;\n  font-weight: 550;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-metadata {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 5px;\n  margin-top: 4px;\n  color: var(--settings-muted);\n  flex-wrap: wrap;\n  font-size: 11px;\n  overflow-wrap: anywhere;\n}\n.settings-account-plan {\n  flex: none;\n  padding: 0 4px;\n  color: var(--settings-muted);\n  border: 1px solid var(--settings-border);\n  border-radius: 5px;\n  font-size: 10px;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n.settings-account-plan--highlighted {\n  color: light-dark(#654f91, #c8bfff);\n  background: light-dark(#f2edf9, #a99bff18);\n  border-color: light-dark(#d9ccea, #a99bff52);\n  font-weight: 600;\n}\n.settings-account-active {\n  flex: none;\n  color: light-dark(#66548e, #c8bfff);\n  font-size: 10px;\n  white-space: nowrap;\n}\n\n.settings-account-usage {\n  display: grid;\n  gap: 10px;\n}\n.settings-account-usage__meter {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  grid-template-rows: 20px 4px 17px;\n  align-items: center;\n  gap: 6px 0;\n  min-width: 0;\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-usage__title {\n  display: none;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-extra-usage {\n  display: grid;\n  gap: 12px;\n  margin-top: 14px;\n}\n.settings-account-extra-usage .settings-account-usage__meter {\n  grid-template-rows: auto 20px 4px 17px;\n}\n.settings-account-extra-usage .settings-account-usage__title {\n  display: block;\n  grid-column: 1 / -1;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n.settings-account-usage__percent {\n  grid-column: 1 / -1;\n  min-width: 0;\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 7px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.settings-account-usage__countdown {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.settings-account-usage__percent > :last-child {\n  flex: none;\n}\n.settings-account-usage__percent--warn {\n  color: var(--settings-warning);\n}\n.settings-account-usage__percent--hot {\n  color: var(--settings-danger);\n}\n.settings-account-usage__bar {\n  grid-column: 1 / -1;\n  height: 4px;\n  overflow: hidden;\n  background: light-dark(#e3e1e8, #3c3c43);\n  border-radius: 4px;\n}\n.settings-account-usage__bar > span {\n  display: block;\n  height: 100%;\n  background: light-dark(#81769e, #9993b8);\n  border-radius: inherit;\n}\n.settings-account-usage__bar--warn > span {\n  background: var(--settings-warning);\n}\n.settings-account-usage__bar--hot > span {\n  background: var(--settings-danger);\n}\n.settings-account-usage__sub {\n  grid-column: 1 / -1;\n  color: var(--account-muted);\n  font-size: 10px;\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n  white-space: nowrap;\n}\n.settings-account-usage__message {\n  color: var(--settings-muted);\n}\n.settings-account-usage__missing {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-content: center;\n  gap: 6px;\n  min-height: 53px;\n  color: var(--settings-muted);\n}\n.settings-account-usage__missing > span:not(.settings-account-usage__title) {\n  grid-column: 1 / -1;\n  font-size: 14px;\n}\n.settings-account-management {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 4px;\n}\n.settings-account-native {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 3px;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-native .settings-icon-button {\n  width: 25px;\n  height: 28px;\n}\n.settings-account-usage > button {\n  justify-self: start;\n}\n.settings-account-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.settings-account-action {\n  padding: 4px 5px;\n  min-height: 30px;\n  font-size: 12px;\n  color: var(--settings-text);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.settings-account-action:hover {\n  background: var(--settings-hover);\n}\n.settings-account-action:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.settings-account-delete {\n  color: var(--settings-danger);\n}\n.settings-account-delete:hover,\n.settings-account-delete:focus-visible {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n.settings-account-reset-summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-height: 24px;\n  padding: 3px 0;\n  font-size: 10px;\n  white-space: nowrap;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.settings-account-reset-summary:hover {\n  background: var(--settings-hover);\n}\n.settings-account-reset-summary[aria-expanded="true"] > svg:last-child {\n  transform: rotate(90deg);\n}\n.settings-account-details-row > td {\n  background: var(--settings-inset);\n}\n.settings-account-reset-details {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.settings-account-reset-details strong {\n  font-size: 12px;\n}\n.settings-account-reset-expiry {\n  margin: 6px 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-expiry.is-warn {\n  color: var(--settings-warning);\n}\n.settings-account-reset-expiry.is-hot {\n  color: var(--settings-danger);\n}\n.settings-account-reset-list {\n  margin: 8px 0 0;\n  padding: 0;\n  list-style: none;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-list li + li {\n  margin-top: 4px;\n}\n.settings-account-empty {\n  text-align: center;\n  color: var(--settings-muted);\n}\n.settings-account-verification {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  color: var(--settings-muted);\n}\n.settings-account-verification a {\n  color: var(--settings-focus);\n  overflow-wrap: anywhere;\n}\n.settings-account-verification code {\n  padding: 5px 8px;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n.settings-account-list :focus-visible,\n.settings-account-toolbar :focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-account-dialog {\n  position: fixed;\n  width: min(360px, calc(100vw - 40px));\n  max-height: calc(100vh - 40px);\n  overflow: auto;\n  padding: 22px;\n  color: var(--settings-text);\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  text-align: left;\n}\n.settings-account-dialog::backdrop {\n  background: #0005;\n}\n.settings-account-dialog h2 {\n  margin: 0 28px 12px 0;\n  font-size: 15px;\n}\n.settings-account-dialog p {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 1.6;\n  overflow-wrap: anywhere;\n}\n.settings-account-dialog__close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.settings-account-dialog__actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n@container (max-width: 680px) {\n  .settings-account-table,\n  .settings-account-table tbody {\n    display: block;\n  }\n  .settings-account-table thead {\n    display: none;\n  }\n  .settings-account-row {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    padding: 18px;\n    gap: 18px 22px;\n    border-top: 1px solid var(--settings-divider);\n  }\n  .settings-account-row:first-child {\n    border-top: 0;\n  }\n  .settings-account-table .settings-account-row > td {\n    display: block;\n    min-width: 0;\n    padding: 0;\n    border: 0;\n  }\n  .settings-account-person-cell,\n  .settings-account-management-cell,\n  .settings-account-usage-cell--message {\n    grid-column: 1 / -1;\n  }\n  .settings-account-table .settings-account-management-cell {\n    border-top: 1px solid var(--settings-divider);\n    padding-top: 8px;\n  }\n  .settings-account-email {\n    font-size: 13px;\n  }\n  .settings-account-usage__title {\n    display: block;\n    grid-column: 1;\n  }\n  .settings-account-usage__percent,\n  .settings-account-usage__missing > span:not(.settings-account-usage__title) {\n    grid-column: 2;\n    text-align: right;\n  }\n  .settings-account-extra-usage .settings-account-usage__percent {\n    grid-column: 1 / -1;\n  }\n  .settings-account-management {\n    flex-direction: row;\n    justify-content: space-between;\n  }\n  .settings-account-actions {\n    order: 1;\n    margin-left: auto;\n  }\n  .settings-account-native {\n    justify-content: flex-start;\n  }\n  .settings-account-table tr:not(.settings-account-row, [hidden]),\n  .settings-account-table tr:not(.settings-account-row, [hidden]) > td {\n    display: block;\n  }\n}\n\n@container (max-width: 360px) {\n  .settings-account-row {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n    padding: 16px;\n  }\n}\n\n@media (forced-colors: active) {\n  .settings-account-usage__bar {\n    border: 1px solid CanvasText;\n  }\n  .settings-account-usage__bar > span {\n    background: Highlight;\n  }\n}\n';
 
   // src/settings/shell.ts
   var SETTINGS_SHELL_ATTRIBUTE = "data-codexhost-settings-shell";
@@ -26138,7 +26531,9 @@ ${accounts_default}`;
     grok: harnessIdSchema.parse("grok"),
     omp: harnessIdSchema.parse("omp"),
     antigravity: harnessIdSchema.parse("antigravity"),
-    "kiro-cli": harnessIdSchema.parse("kiro-cli")
+    "kiro-cli": harnessIdSchema.parse("kiro-cli"),
+    codebuddy: harnessIdSchema.parse("codebuddy"),
+    "cursor-cli": harnessIdSchema.parse("cursor-cli")
   };
   var externalAgents = [
     "pi",
@@ -26148,7 +26543,9 @@ ${accounts_default}`;
     "grok",
     "omp",
     "antigravity",
-    "kiro-cli"
+    "kiro-cli",
+    "codebuddy",
+    "cursor-cli"
   ];
   function isRetryableHarnessAvailability(availability, error51) {
     return availability !== void 0 && availability !== "ready" && availability !== "notInstalled" && error51?.retryable === true;
@@ -26318,16 +26715,16 @@ ${accounts_default}`;
         ...permissionModeId ? { permissionModeId } : {}
       };
     }
-    if (inspection.harnessId === "kiro-cli") {
+    if (inspection.harnessId === "kiro-cli" || inspection.harnessId === "codebuddy" || inspection.harnessId === "cursor-cli") {
       const route = decodeHarnessPluginRoute(inspection.transportModelId);
-      if (!route || route.harnessId !== "kiro-cli") {
-        throw new Error("Kiro CLI Thread reported an incompatible transport Model");
+      if (!route || route.harnessId !== inspection.harnessId) {
+        throw new Error("Plugin Thread reported an incompatible transport Model");
       }
       const model = inspection.effectiveModel ?? route.model;
-      const thinkingOptionId = inspection.availableThinkingOptions !== void 0 ? selectableThinkingOptionId(inspection) : inspection.effectiveThinkingOptionId ?? route.thinkingOptionId;
+      const thinkingOptionId = inspection.harnessId === "cursor-cli" ? void 0 : inspection.availableThinkingOptions !== void 0 ? selectableThinkingOptionId(inspection) : inspection.effectiveThinkingOptionId ?? route.thinkingOptionId;
       const permissionModeId = inspection.effectivePermissionModeId ?? route.permissionModeId;
       return {
-        agent: "kiro-cli",
+        agent: inspection.harnessId,
         ...model ? { model } : {},
         ...thinkingOptionId ? { thinkingOptionId } : {},
         ...permissionModeId ? { permissionModeId } : {}
@@ -26406,6 +26803,7 @@ ${accounts_default}`;
     const mountedByComposer = /* @__PURE__ */ new Map();
     const pendingReplacements = /* @__PURE__ */ new Map();
     let disposed = false;
+    const disposeReasoningSoftWrap = installReasoningTranscriptSoftWrap(document);
     let scanScheduled = false;
     let refreshTargetsOnNextScan = false;
     let adapterDispose = null;
@@ -26476,7 +26874,9 @@ ${accounts_default}`;
         grok: void 0,
         omp: void 0,
         antigravity: void 0,
-        "kiro-cli": void 0
+        "kiro-cli": void 0,
+        codebuddy: void 0,
+        "cursor-cli": void 0
       },
       webUi: Object.fromEntries(
         externalAgents.map((agent) => [agent, false])
@@ -28225,6 +28625,7 @@ ${accounts_default}`;
         applyAdapterAgent = null;
         modelControl = null;
         mutationObserver.disconnect();
+        disposeReasoningSoftWrap();
         sidebarAgentIcons.dispose();
         settingsLifecycle.dispose();
         document.removeEventListener("beforeinput", onBeforeInput, true);
@@ -28307,6 +28708,7 @@ lucide/dist/esm/icons/circle-off.mjs:
 lucide/dist/esm/icons/copy.mjs:
 lucide/dist/esm/icons/download.mjs:
 lucide/dist/esm/icons/external-link.mjs:
+lucide/dist/esm/icons/ellipsis.mjs:
 lucide/dist/esm/icons/folder-input.mjs:
 lucide/dist/esm/icons/grip-vertical.mjs:
 lucide/dist/esm/icons/info.mjs: