creditdaddy 1.1.1 → 1.2.0

package/src/panel.html

@@ -48,6 +48,16 @@
   .comp-menu-title { font-size: 11px; color: var(--text-3); margin: 10px 0 4px; padding-top: 8px; border-top: 1px dashed var(--border-subtle); }
   .comp-menu-title:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
   .comp-menu .check { margin-right: 0; font-size: 12.5px; color: var(--text); }
+  /* 产品页 notice 的功能分区行 */
+  .z-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
+  .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--text-3); opacity: .45; flex: none; }
+  .dot.on { background: var(--ok); opacity: 1; box-shadow: 0 0 5px var(--ok); }
+  .dot.pulse { animation: dot-pulse 2.2s ease-out infinite; }
+  @keyframes dot-pulse { 0% { box-shadow: 0 0 0 0 rgba(46, 229, 157, .45); } 70% { box-shadow: 0 0 0 5px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
+  .z-row + .z-row { margin-top: 7px; padding-top: 7px; border-top: 1px dashed var(--border-subtle); }
+  .z-label { font-size: 11px; color: var(--text-3); flex: none; width: 68px; }
+  .z-text { flex: 1 1 320px; min-width: 0; }
+  /* 10Router 状态条分两行 */
   .sec-status { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--border); color: var(--text-3); }
   .sec-status.on { color: var(--ok); border-color: rgba(var(--accent-rgb), .45); }
   .comp-row { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
@@ -95,9 +105,9 @@
   .notice { margin: 12px 16px 0; padding: 9px 12px; border-radius: 10px; background: var(--warn-soft); color: var(--warn); font-size: 12px; line-height: 1.6; }
 
   /* cards */
-  .list { display: grid; grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); gap: 4px 10px; padding: 10px; }
-  .card { position: relative; padding: 11px 12px 12px; border-radius: 12px; transition: background .12s; min-width: 0; }
-  .card:hover { background: var(--hover); }
+  .list { display: grid; grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); gap: 10px; padding: 10px; }
+  .card { position: relative; padding: 11px 12px 12px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--border-subtle); transition: background .12s, border-color .12s; min-width: 0; }
+  .card:hover { background: var(--hover); border-color: var(--border-strong); }
   .row1 { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 28px; margin-bottom: 7px; }
   .name-group { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-width: 0; }
   .name { font-size: 14px; font-weight: 600; cursor: text; border-radius: 5px; padding: 0 2px; margin: 0 -2px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -114,6 +124,8 @@
   html[data-theme="dark"] .badge.prod.zcode { color: #93c5fd; }
   .badge.prod.catpaw { color: #c2410c; background: rgba(249,115,22,.14); }
   html[data-theme="dark"] .badge.prod.catpaw { color: #fdba74; }
+  .badge.prod.trae { color: #047857; background: rgba(16,185,129,.14); }
+  html[data-theme="dark"] .badge.prod.trae { color: #6ee7b7; }
   .seg-ctl { display: inline-flex; gap: 2px; padding: 2px; border-radius: 9px; background: var(--hover); }
   .seg-ctl button { border: none; background: transparent; color: var(--text-2); font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 7px; cursor: pointer; }
   .seg-ctl button.active { background: var(--surface); color: var(--text); box-shadow: 0 1px 3px rgba(0,0,0,.08); }
@@ -160,6 +172,12 @@
   /* section card */
   .pcard { margin-top: 14px; background: var(--surface); border: 1px solid var(--border-subtle); border-radius: 14px; padding: 12px 14px; }
   .pcard-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; font-weight: 700; }
+  .fold-head { cursor: pointer; user-select: none; }
+  .fold-side { display: inline-flex; align-items: center; gap: 6px; color: var(--text-3); }
+  .fold-ico { display: inline-flex; }
+  .fold-ico svg { width: 14px; height: 14px; }
+  .pcard .fold-body { display: none; margin-top: 4px; }
+  .pcard.open .fold-body { display: block; }
   .logs { margin-top: 8px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; line-height: 1.65; max-height: 240px; overflow-y: auto; background: var(--tertiary); border-radius: 9px; padding: 8px 10px; }
   .logs .info { color: var(--text-2); } .logs .warn { color: var(--warn); } .logs .error { color: var(--err); } .logs .debug { color: var(--text-3); }
   .collapsed .logs { display: none; }
@@ -187,8 +205,9 @@
   .hint { font-size: 12px; color: var(--text-3); line-height: 1.7; }
   .hint a { color: #4f86ff; word-break: break-all; }
   .box { border: 1px solid var(--border-subtle); border-radius: 10px; padding: 10px 12px; margin-top: 10px; background: var(--surface-2); }
-  .cand { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--border-subtle); }
-  .cand:last-child { border-bottom: none; }
+  .cand { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid var(--border-subtle); border-radius: 10px; background: var(--surface); }
+  .cand + .cand { margin-top: 8px; }
+  .cand .row { flex: none; flex-wrap: nowrap; gap: 6px; }
   .cand-main { min-width: 0; }
   .cand-name { font-weight: 600; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
   .cand-sub { font-size: 11px; color: var(--text-3); margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -206,8 +225,15 @@
   .view { display: none; } .view.active { display: block; }
 
   /* 仪表盘 */
-  .dash-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
-  .dash-title { font-size: 15px; font-weight: 700; }
+  .dash-panel { margin-bottom: 12px; }
+  .dash-title { font-size: 13px; font-weight: 700; }
+  .dash-panel .toolbar { padding: 8px 16px; }
+  .dash-panel .kpis { display: flex; gap: 0; margin: 0; padding: 0 10px 8px; }
+  .dash-panel .kpi { background: none; border: none; border-radius: 0; padding: 6px 14px; flex: 1 1 0; min-width: 0; }
+  .dash-panel .kpi-value { font-size: 22px; margin-top: 2px; }
+  .dash-panel .kpi-sub { margin-top: 2px; }
+  .dash-panel .kpi + .kpi { border-left: 1px dashed var(--border-subtle); }
+  @media (max-width: 900px) { .dash-panel .kpis { flex-wrap: wrap; } .dash-panel .kpi { flex: 1 1 40%; } .dash-panel .kpi + .kpi { border-left: none; } }
   .kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 10px; }
   .kpi { background: var(--surface); border: 1px solid var(--border-subtle); border-radius: 14px; padding: 14px 16px; min-width: 0; }
   .kpi-label { color: var(--text-3); font-size: 12px; font-weight: 500; }
@@ -221,7 +247,7 @@
   .prod-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
   .prod-name { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; }
   .dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
-  .dot.qoder { background: #7c3aed; } .dot.workbuddy { background: #14b8a6; } .dot.zcode { background: #2563eb; } .dot.mirasim { background: #64748b; } .dot.catpaw { background: #f97316; }
+  .dot.qoder { background: #7c3aed; } .dot.workbuddy { background: #14b8a6; } .dot.zcode { background: #2563eb; } .dot.mirasim { background: #64748b; } .dot.catpaw { background: #f97316; } .dot.trae { background: #10b981; }
   .prod-go { color: var(--text-3); font-size: 12px; white-space: nowrap; display: inline-flex; align-items: center; gap: 2px; }
   .prod-go svg { width: 12px; height: 12px; transition: transform .15s; }
   .prodcard:hover .prod-go { color: var(--text); }
@@ -253,7 +279,7 @@
   .tr-vrow { }
   .tr-vhead { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 13px; }
   .tr-vhead .dim { font-size: 12px; }
-  .tr-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 2px 12px 4px; }
+  .tr-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 14px 12px 4px; }
   .tr-vcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: stretch; }
   @media (max-width: 1180px) { .tr-vcards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
   @media (max-width: 820px) { .tr-vcards { grid-template-columns: 1fr; } }
@@ -297,7 +323,6 @@
   .tr-packs-head { font-size: 11px; color: var(--text-3); margin-bottom: 2px; }
   .tr-packs-head b { color: var(--text-2); }
   .tr-more { margin-top: 7px; border: none; background: none; color: #4f86ff; font-size: 12px; cursor: pointer; padding: 0; }
-  .tr-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 16px; border-bottom: 1px solid var(--border-subtle); font-size: 12px; color: var(--text-2); }
   .chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-size: 11px; background: var(--tertiary); color: var(--text-3); }
   .chip.on { background: rgba(var(--accent-rgb), .14); color: var(--text); }
   .setup { padding: 22px; max-width: 620px; }
@@ -337,25 +362,28 @@
     <button data-view="zcode">ZCode<span class="cnt" id="cnt-zcode">0</span></button>
     <button data-view="mirasim">mirasim<span class="cnt" id="cnt-mirasim">0</span></button>
     <button data-view="catpaw">妙手<span class="cnt" id="cnt-catpaw">0</span></button>
+    <button data-view="trae">Trae<span class="cnt" id="cnt-trae">0</span></button>
     <button data-view="tenrouter">10Router<span class="cnt" id="cnt-tenrouter">–</span></button>
   </nav>
 
   <!-- 仪表盘 -->
   <section class="view active" id="view-dash">
-    <div class="dash-head">
-      <div class="dash-title">总览</div>
-      <div class="actions">
-        <button class="btn primary" id="btn-checkin-all"></button>
-        <button class="btn" id="btn-add-dash"></button>
-        <button class="btn" id="btn-import-dash"></button>
-        <button class="btn" id="btn-export-dash"></button>
+    <div class="panel dash-panel">
+      <div class="toolbar">
+        <div class="summary"><span class="dash-title">总览</span></div>
+        <div class="actions">
+          <button class="btn primary" id="btn-checkin-all"></button>
+          <button class="btn" id="btn-add-dash"></button>
+          <button class="btn" id="btn-import-dash"></button>
+          <button class="btn" id="btn-export-dash"></button>
+        </div>
       </div>
+      <div class="kpis" id="kpis"></div>
     </div>
-    <div class="kpis" id="kpis"></div>
     <div class="prods" id="prods"></div>
     <div class="dash-cols">
-      <section class="pcard"><div class="pcard-title"><span>最近记录</span><span class="hint" id="last-tick"></span></div><div id="recent"></div></section>
-      <section class="pcard"><div class="pcard-title"><span>需要处理</span><span class="hint" id="att-count"></span></div><div id="attention"></div></section>
+      <section class="pcard" data-fold="recent"><div class="pcard-title fold-head"><span>最近记录</span><span class="fold-side"><span class="hint" id="last-tick"></span><span class="fold-ico"></span></span></div><div class="fold-body"><div id="recent"></div></div></section>
+      <section class="pcard" data-fold="attention"><div class="pcard-title fold-head"><span>需要处理</span><span class="fold-side"><span class="hint" id="att-count"></span><span class="fold-ico"></span></span></div><div class="fold-body"><div id="attention"></div></div></section>
     </div>
   </section>
 
@@ -378,6 +406,15 @@
         </div>
         <div class="actions">
           <button class="btn primary" id="btn-checkin"></button>
+          <span id="z-actions" style="display:none">
+            <button class="btn" id="zt-ac"></button>
+            <button class="btn" id="zt-net"></button>
+            <button class="btn" id="zt-gw"></button>
+            <button class="btn" id="zt-open" style="display:none"></button>
+          </span>
+          <span id="t-actions" style="display:none">
+            <button class="btn" id="tt-open" style="display:none"></button>
+          </span>
           <button class="btn" id="btn-add"></button>
           <button class="btn" id="btn-import"></button>
           <button class="btn" id="btn-export"></button>
@@ -453,7 +490,7 @@
     <div class="modal-title"><span>导出账号</span><button class="close" data-close>✕</button></div>
     <div class="field">
       <label>范围</label>
-      <select class="input" id="ex-provider"><option value="">全部账号</option><option value="p:qoder">Qoder（全部）</option><option value="qoder">仅 Qoder 国际版</option><option value="qoder-cn">仅 Qoder 国内版</option><option value="p:workbuddy">WorkBuddy（全部）</option><option value="workbuddy">仅 WorkBuddy 国内版</option><option value="workbuddy-intl">仅 WorkBuddy 国际版</option><option value="zcode">ZCode</option><option value="p:mirasim">mirasim</option><option value="p:catpaw">妙手</option></select>
+      <select class="input" id="ex-provider"><option value="">全部账号</option><option value="p:qoder">Qoder（全部）</option><option value="qoder">仅 Qoder 国际版</option><option value="qoder-cn">仅 Qoder 国内版</option><option value="p:workbuddy">WorkBuddy（全部）</option><option value="workbuddy">仅 WorkBuddy 国内版</option><option value="workbuddy-intl">仅 WorkBuddy 国际版</option><option value="zcode">ZCode</option><option value="p:mirasim">mirasim</option><option value="p:catpaw">妙手</option><option value="p:trae">Trae</option></select>
     </div>
     <div class="field">
       <label>加密口令（必填）</label>
@@ -479,26 +516,34 @@
   <div class="modal">
     <div class="modal-title"><span>面板设置</span><button class="close" data-close>✕</button></div>
     <div class="comp-menu" id="comp-menu"></div>
+    <div class="field" id="upd-entry" style="display:none;margin-top:12px">
+      <label>版本与更新</label>
+      <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap"><span class="dim" id="upd-ver"></span><button class="btn" id="btn-update">检查更新</button></div>
+    </div>
     <div class="modal-actions"><button class="btn" data-close>关闭</button></div>
   </div>
 </div>
 
+<!-- 检查更新（桌面版）：状态由主进程 update:state 推送 -->
+<div class="mask" id="m-update">
+  <div class="modal sm">
+    <div class="modal-title"><span>检查更新</span><button class="close" data-close>✕</button></div>
+    <div id="upd-body"></div>
+    <div class="modal-actions" id="upd-actions"></div>
+  </div>
+</div>
+
 <!-- 10Router 设置 -->
 <div class="mask" id="m-10r">
   <div class="modal">
     <div class="modal-title"><span>10Router 连接设置</span><button class="close" data-close>✕</button></div>
     <div class="hint">填 10Router 的访问地址和仪表盘里创建的<b>虚拟 key（sk-…）</b>。key 只保存在 CreditDaddy 守护进程的数据目录（0600），面板里只显示脱敏值。</div>
-    <div class="field" style="margin-top:12px"><label>10Router 地址</label><input class="input mono" id="tr-endpoint" placeholder="http://127.0.0.1:20128 或 http://nas:20128"></div>
+    <div class="field" style="margin-top:12px"><label>10Router 地址</label><input class="input mono" id="tr-endpoint" placeholder="http://127.0.0.1:20128（站点根地址，不要带 /v1）"></div>
     <div class="field"><label>虚拟 key</label><input class="input mono" id="tr-key" placeholder="sk-…" autocomplete="off"></div>
     <div class="field"><label>10Router 面板密码（可选）</label><input class="input mono" id="tr-admin-pw" type="password" placeholder="配置后「同步账号」走 OAuth 通道（带 refreshToken 自动续期）；留空保持不变" autocomplete="new-password"></div>
     <div class="field"><label>账号同步</label>
       <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap"><button class="btn" id="tr-sync-accounts">同步账号到 10R</button><span class="hint">把本机 Qoder / WorkBuddy 账号推为 10Router 上游连接；zcode 待反代就绪后支持</span></div>
     </div>
-    <div class="field"><label>用量同步（同 10router-sync 插件）</label>
-      <div><label class="check"><input type="checkbox" id="tr-auto"> 每小时自动同步本机用量到 10Router</label></div>
-      <div id="tr-sources" style="margin-top:6px"></div>
-      <div class="hint" style="margin-top:4px">ZCode 只同步官方渠道；经 10Router 中转的 mirasim 调用会跳过，避免重复计数。「10Router 本机」只把实例原生产生的行标记为网关同步。10Router 按行签名去重，重复同步不会产生重复数据。</div>
-    </div>
     <div class="field"><label>显示</label>
       <div><label class="check"><input type="checkbox" id="tr-hide-empty"> 「全部」视图隐藏没有额度 / 余额为 0 的供应商汇总卡</label></div>
     </div>
@@ -511,6 +556,18 @@
   </div>
 </div>
 
+<!-- 10Router 用量同步 -->
+<div class="mask" id="m-trsync">
+  <div class="modal sm">
+    <div class="modal-title"><span>用量同步（同 10router-sync 插件）</span><button class="close" data-close>✕</button></div>
+    <div class="field"><label class="check"><input type="checkbox" id="tr-auto"> 每小时自动同步本机用量到 10Router</label></div>
+    <div class="field"><label>同步来源</label><div id="tr-sources"></div></div>
+    <div class="hint">ZCode 只同步官方渠道；经 10Router 中转的 mirasim 调用会跳过，避免重复计数。「10Router 本机」只把实例原生产生的行标记为网关同步。10Router 按行签名去重，重复同步不会产生重复数据。</div>
+    <div class="hint" id="tr-sync-status" style="margin-top:8px"></div>
+    <div class="modal-actions"><button class="btn" style="margin-right:auto" id="tr-sync-now">立即同步一次</button><button class="btn" data-close>取消</button><button class="btn primary" id="tr-sync-save">保存</button></div>
+  </div>
+</div>
+
 <!-- ZCode 活动领取 -->
 <div class="mask" id="m-claim">
   <div class="modal">
@@ -530,6 +587,59 @@
   </div>
 </div>
 
+<!-- ZCode 自动领取计划 -->
+<div class="mask" id="m-zac">
+  <div class="modal sm">
+    <div class="modal-title"><span>ZCode 自动领取计划</span><button class="close" data-close>✕</button></div>
+    <div class="field">
+      <label>轮询周期（分钟，1–720）</label>
+      <input class="input" id="zac-interval" type="number" min="1" max="720" step="1">
+    </div>
+    <div class="field">
+      <label>单次运行时长（分钟，0 = 一直运行直到手动关闭）</label>
+      <input class="input" id="zac-window" type="number" min="0" max="1440" step="5">
+    </div>
+    <div class="hint">开启后按此周期检查活动资格并自动领取（首次检查在开启 2 分钟后开始）。活动包由服务端在每日 0 点左右刷新放出——若运行时段没有覆盖 0 点，会错过当次领取，建议把运行时长设为 0，或让时段跨过 0 点。需要验证码时无法自动通过，卡片上会提示手动领取。</div>
+    <div class="modal-actions"><button class="btn" id="zac-off" style="display:none">停用</button><button class="btn" data-close>取消</button><button class="btn primary" id="zac-ok">保存并启用</button></div>
+  </div>
+</div>
+
+<!-- ZCode 网络出口 -->
+<div class="mask" id="m-znet">
+  <div class="modal sm">
+    <div class="modal-title"><span>ZCode 网络出口</span><button class="close" data-close>✕</button></div>
+    <div class="field">
+      <label>上游接口访问顺序（失败 / 被拦时自动回退另一条）</label>
+      <label class="check"><input type="radio" name="znet-order" id="znet-direct"> 直连优先（代理兜底）</label>
+      <label class="check"><input type="radio" name="znet-order" id="znet-proxy"> 代理优先（直连兜底）</label>
+    </div>
+    <div class="field">
+      <label>出口代理（http://host:port，支持口令 http://user:pass@host:port）</label>
+      <input class="input" id="znet-url" placeholder="http://192.168.31.101:7890">
+    </div>
+    <div class="hint">留空 = 清除已保存的代理，退回 HTTPS_PROXY 环境变量；取消 = 不改动。当前代理只显示脱敏后的地址。</div>
+    <div class="modal-actions"><button class="btn" data-close>取消</button><button class="btn primary" id="znet-ok">保存</button></div>
+  </div>
+</div>
+
+<!-- ZCode 体验包接口 -->
+<div class="mask" id="m-zgw">
+  <div class="modal sm">
+    <div class="modal-title"><span>ZCode 体验包接口</span><button class="close" data-close>✕</button></div>
+    <div class="hint" id="zgw-url" style="margin-bottom:10px"></div>
+    <div class="field">
+      <label class="check"><input type="checkbox" id="zgw-on"> 启用体验包接口（/gateway/v1/messages）</label>
+    </div>
+    <div class="field" id="zgw-lan-fields">
+      <label class="check"><input type="checkbox" id="zgw-lan"> 对局域网开放（重启后绑定 0.0.0.0）</label>
+      <label>IP 白名单（每行一个，支持 192.168.31.* 通配）</label>
+      <textarea class="input" id="zgw-allow" rows="4" placeholder="192.168.31.101"></textarea>
+    </div>
+    <div class="hint">开启后，领到的体验包额度变成本机的一个补全接口——10Router 建一个 anthropic-compatible 节点指向本机 /gateway 即可调用（需要桌面版，隐藏窗口过验证码）。白名单内的机器<b>免密直连</b>：10Router 的 zcode-free 本就是免授权供应商，把 10Router 服务地址的 IP 加白即可；白名单外的请求一律拒绝。本机回环（127.0.0.1）始终放行。</div>
+    <div class="modal-actions"><button class="btn" data-close>取消</button><button class="btn primary" id="zgw-ok">保存</button></div>
+  </div>
+</div>
+
 <input type="file" id="file-input" accept=".json,application/json" style="display:none">
 <div id="toast"></div>
 
@@ -560,7 +670,7 @@ const I = {
 
 const $ = (id) => document.getElementById(id);
 const state = { accounts: [], quotas: {}, status: null, busy: {}, view: 'dash', region: '', addProduct: '' };
-const VIEWS = ['dash', 'qoder', 'workbuddy', 'zcode', 'mirasim', 'catpaw', 'tenrouter'];
+const VIEWS = ['dash', 'qoder', 'workbuddy', 'zcode', 'mirasim', 'catpaw', 'trae', 'tenrouter'];
 // 10Router 集成：config 来自 /api/tenrouter，quotas 来自 /api/tenrouter/quotas
 const tr = { config: null, quotas: null, error: null, loading: false, syncing: false };
 const PRODUCTS = [
@@ -569,6 +679,7 @@ const PRODUCTS = [
   { id: 'zcode', label: 'ZCode' },
   { id: 'mirasim', label: 'mirasim' },
   { id: 'catpaw', label: '妙手' },
+  { id: 'trae', label: 'Trae' },
 ];
 const prodLabel = (id) => (PRODUCTS.find((x) => x.id === id) || { label: id }).label;
 
@@ -579,6 +690,7 @@ const COMPONENTS = [
   { id: 'zcode', label: 'ZCode' },
   { id: 'mirasim', label: 'mirasim' },
   { id: 'catpaw', label: '妙手' },
+  { id: 'trae', label: 'Trae' },
   { id: 'tenrouter', label: '10Router' },
 ];
 const HIDDEN_COMP_KEY = 'qd_hidden_components';
@@ -699,10 +811,11 @@ const PROV = {
   zcode: { prod: 'zcode', prodLabel: 'ZCode', region: '', cls: '' },
   mirasim: { prod: 'mirasim', prodLabel: 'mirasim', region: '', cls: '' },
   catpaw: { prod: 'catpaw', prodLabel: '妙手', region: '', cls: '' },
+  trae: { prod: 'trae', prodLabel: 'Trae', region: '', cls: '' },
 };
 // 支持每日签到的产品（ZCode / mirasim / 妙手 额度靠套餐或滚动窗口发放，不做签到）
-const CHECKIN_PRODUCTS = new Set(['qoder', 'workbuddy']);
-const CLIENT_LABEL = { workbuddy: 'WorkBuddy', zcode: 'ZCode', mirasim: 'mirasim', catpaw: '妙手' };
+const CHECKIN_PRODUCTS = new Set(['qoder', 'workbuddy', 'trae']);
+const CLIENT_LABEL = { qoder: 'Qoder', workbuddy: 'WorkBuddy', zcode: 'ZCode', mirasim: 'mirasim', catpaw: '妙手', trae: 'Trae' };
 // 额度单位为 Credits/时长而非「积分」口径的产品（不计入剩余积分合计）
 const CREDIT_VIEWS = new Set(['zcode', 'mirasim', 'catpaw']);
 const provOf = (p) => PROV[p] || { prod: 'qoder', prodLabel: p, region: '', cls: '' };
@@ -813,17 +926,10 @@ function applyTheme(t) {
   $('btn-theme').innerHTML = t === 'dark' ? I.sun : I.moon;
 }
 function initTheme() {
-  const mq = window.matchMedia ? matchMedia('(prefers-color-scheme: dark)') : null;
   let t = null;
   try { t = localStorage.getItem('qd_theme'); } catch (e) {}
-  if (!t) t = mq && mq.matches ? 'dark' : 'light';
+  if (!t) t = window.matchMedia && matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
   applyTheme(t);
-  // 未手动锁定主题（localStorage 无记录）时，实时跟随系统日夜切换
-  if (mq && mq.addEventListener) mq.addEventListener('change', (e) => {
-    let saved = null;
-    try { saved = localStorage.getItem('qd_theme'); } catch (err) {}
-    if (!saved) applyTheme(e.matches ? 'dark' : 'light');
-  });
   $('btn-theme').onclick = () => {
     const n = document.documentElement.dataset.theme === 'dark' ? 'light' : 'dark';
     applyTheme(n);
@@ -1004,7 +1110,7 @@ function cardHtml(a) {
     + '</div><div class="ops">'
     + (a.product === 'zcode' ? '<button class="icon-btn" data-act="claim" title="活动领取（billing/preview → claim，可能需过一次验证码）">' + I.gift + '</button>' : '')
     + (canCheckin ? '<button class="icon-btn' + (state.busy[a.id] ? ' busy' : '') + '" data-act="checkin" title="' + (a.provider === 'workbuddy-intl' ? '发送活跃请求' : '立即领取') + '">' + (state.busy[a.id] ? I.refresh : I.play) + '</button>' : '')
-    + (CLIENT_LABEL[a.product] && a.canSwitch && !isCurrent && st.cls !== 'fail' ? '<button class="icon-btn" data-act="switch" title="切换 ' + CLIENT_LABEL[a.product] + ' 客户端到此账号">' + I.swap + '</button>' : '')
+    + (a.canSwitch && !isCurrent && st.cls !== 'fail' ? '<button class="icon-btn" data-act="switch" title="切换 ' + (CLIENT_LABEL[a.product] || prodLabel(a.product)) + ' 客户端到此账号">' + I.swap + '</button>' : '')
     + '<button class="icon-btn" data-act="quota" title="刷新积分">' + I.refresh + '</button>'
     + '<button class="icon-btn del" data-act="del" title="删除（点两次确认）">' + I.trash + '</button>'
     + '</div></div>'
@@ -1021,7 +1127,7 @@ function cardHtml(a) {
 
 const isDone = (a) => Boolean(state.status && state.status.todayDone && state.status.todayDone[a.id] === state.status.today);
 const ofProduct = (prod) => state.accounts.filter((a) => a.product === prod);
-const currentUidOf = (prod) => state.status && (prod === 'workbuddy' ? state.status.workbuddyCurrentUid : prod === 'zcode' ? state.status.zcodeCurrentUid : prod === 'catpaw' ? state.status.catpawCurrentUid : null);
+const currentUidOf = (prod) => state.status && (prod === 'workbuddy' ? state.status.workbuddyCurrentUid : prod === 'zcode' ? state.status.zcodeCurrentUid : prod === 'catpaw' ? state.status.catpawCurrentUid : prod === 'trae' ? state.status.traeCurrentUid : null);
 /** 接口使用中判定：体验包接口最近一次补全用的账号（lastAccount 记的是 name || uid || id） */
 function isGatewayCurrent(a) {
   const last = state.zGatewayStats && state.zGatewayStats.lastAccount;
@@ -1033,8 +1139,13 @@ function isClientCurrent(a) {
   const s = state.status;
   if (!s) return false;
   if (a.product === 'workbuddy') return Boolean(a.uid && s.workbuddyCurrentUid && s.workbuddyCurrentUid === a.uid);
+  if (a.product === 'qoder') {
+    const cur = s.qoderCurrent || {};
+    return Boolean(a.uid && cur[a.provider] && String(cur[a.provider]) === String(a.uid));
+  }
   if (a.product === 'mirasim') return Boolean(a.uid && s.mirasimCurrentUid && s.mirasimCurrentUid === a.uid);
   if (a.product === 'catpaw') return Boolean(a.uid && s.catpawCurrentUid && s.catpawCurrentUid === a.uid);
+  if (a.product === 'trae') return Boolean(a.uid && s.traeCurrentUid && s.traeCurrentUid === a.uid);
   if (a.product === 'zcode') {
     const id = s.zcodeCurrentIdentity;
     return Boolean(id && ((a.uid && id.uid != null && String(id.uid) === String(a.uid)) || (a.email && id.email && id.email === a.email)));
@@ -1056,6 +1167,8 @@ function creditSum(list) {
 }
 
 function render() {
+  $('z-actions').style.display = 'none';   // 兜底：切到仪表盘 / 10Router 时 renderProd 不跑，先藏起来
+  $('t-actions').style.display = 'none';
   for (const p of PRODUCTS) $('cnt-' + p.id).textContent = ofProduct(p.id).length;
   $('cnt-tenrouter').textContent = tr.quotas ? tr.quotas.connections.length : tr.config && tr.config.configured ? '…' : '–';
   if (state.view === 'dash') renderDash();
@@ -1069,6 +1182,7 @@ const EMPTY_TIP = {
   zcode: '还没有 ZCode 账号。<br>点「添加账号」可读取本机 ZCode 客户端已登录的账号，或用浏览器登录（BigModel / Z.ai），多个账号可一键切换。',
   mirasim: '还没有 mirasim 账号。<br>点「添加账号」可读取本机 mirasim 客户端当前登录的账号（本地解密，token 不出本机）。',
   catpaw: '还没有妙手账号。<br>点「添加账号」可读取本机妙手（美团 CatPaw）客户端当前登录的账号（本地解密凭据，token 不出本机）。',
+  trae: '还没有 Trae 账号。<br>点「添加账号 → 本机导入」可读取本机 Trae 客户端当前登录的账号（本地解密 storage.json 凭据，token 不出本机）。多个账号需先在 Trae 里分别登录并逐个导入。',
 };
 
 function renderProd() {
@@ -1097,7 +1211,7 @@ function renderProd() {
   $('s-credits').textContent = CREDIT_VIEWS.has(prod)
     ? acc.filter((a) => { const q = state.quotas[a.id]; return q && !q.error && !q.empty; }).length + ' / ' + acc.length
     : c.loading ? '…' : (c.known ? fmtNum(c.sum) : '-');
-  const hasRegions = !CREDIT_VIEWS.has(prod);
+  const hasRegions = !CREDIT_VIEWS.has(prod) && prod !== 'trae';   // Trae 不分国际 / 国内版
   $('region').style.display = hasRegions ? '' : 'none';
   $('region-div').style.display = hasRegions ? '' : 'none';
   document.querySelectorAll('#region button').forEach((x) => x.classList.toggle('active', x.dataset.r === state.region));
@@ -1106,6 +1220,36 @@ function renderProd() {
     const hasIntl = acc.some((a) => a.provider === 'workbuddy-intl');
     $('btn-checkin').innerHTML = I.play + (prod === 'workbuddy' && hasIntl ? '领取 / 活跃全部' : '领取全部 ' + prodLabel(prod));
   }
+  // 顶栏产品专属入口：ZCode 设置组、Trae 打开客户端，带状态灯（运行中绿点呼吸）
+  const dot = (on, pulse) => '<span class="dot' + (on ? ' on' : '') + (on && pulse ? ' pulse' : '') + '"></span>';
+  $('z-actions').style.display = prod === 'zcode' ? 'contents' : 'none';
+  if (prod === 'zcode') {
+    const acOn = state.zAutoClaim === true;
+    const gwOn = state.zGateway === true;
+    $('zt-ac').innerHTML = dot(acOn) + '自动领取';
+    $('zt-ac').title = acOn ? '自动领取运行中——点我调整轮询周期 / 运行时长' : '自动领取已关闭——点我设置轮询周期与运行时长并开启';
+    $('zt-net').innerHTML = '出口：<b style="font-weight:700;color:var(--text)">' + (state.zProxyFirst === true ? '代理优先' : '直连优先') + '</b>';
+    $('zt-net').title = '网络出口：直连 / 代理顺序与代理地址';
+    $('zt-gw').innerHTML = dot(gwOn) + '接口' + (gwOn && state.zGatewayLan === true ? '·局域网' : '');
+    $('zt-gw').title = '体验包接口：开关、局域网开放与 IP 白名单';
+    const zc = (state.status && state.status.zcodeClient) || {};
+    const canOpen = zc.installed && window.creditdaddy && typeof window.creditdaddy.openZcodeClient === 'function';
+    $('zt-open').style.display = canOpen ? '' : 'none';
+    if (canOpen) {
+      $('zt-open').innerHTML = dot(zc.running === true, true) + '打开客户端';
+      $('zt-open').title = zc.running ? 'ZCode 客户端运行中，点我唤到前台' : 'ZCode 客户端未运行，点我启动';
+    }
+  }
+  $('t-actions').style.display = prod === 'trae' ? 'contents' : 'none';
+  if (prod === 'trae') {
+    const tc = (state.status && state.status.traeClient) || {};
+    const canOpen = tc.installed && window.creditdaddy && typeof window.creditdaddy.openTraeClient === 'function';
+    $('tt-open').style.display = canOpen ? '' : 'none';
+    if (canOpen) {
+      $('tt-open').innerHTML = dot(tc.running === true, true) + '打开客户端';
+      $('tt-open').title = tc.running ? 'Trae 客户端运行中，点我唤到前台' : 'Trae 客户端未运行，点我启动';
+    }
+  }
 }
 
 function kpi(label, value, sub, labelTitle) {
@@ -1192,6 +1336,7 @@ function renderDash() {
         : zid && (zid.email || zid.uid || zid.username) ? '未导入的账号（' + esc(zid.email || zid.username || zid.uid) + '）'
         : p.id === 'mirasim' && s.mirasimCurrentUid ? '未导入的账号'
         : p.id === 'catpaw' && s.catpawClient && s.catpawClient.signedIn && !list.some((a) => isClientCurrent(a)) ? '未导入的账号'
+        : p.id === 'trae' && s.traeClient && s.traeClient.signedIn && !list.some((a) => isClientCurrent(a)) ? '未导入的账号'
         : (p.id === 'workbuddy' && s.workbuddyCurrentUid ? '未导入的账号' : '—');
       rows += '<span class="lbl">客户端当前</span><span class="val">' + live + '</span>';
     }
@@ -1264,8 +1409,11 @@ function renderStatus() {
   // 产品相关提示只在对应标签页出现
   const hasIntl = state.view === 'qoder' && state.region !== 'cn' && state.accounts.some((a) => a.provider === 'qoder');
   const n = $('notice');
-  n.classList.toggle('info', state.view === 'zcode' || state.view === 'mirasim' || state.view === 'catpaw' || (hasIntl && Boolean(s.riskIdentity)));
-  if (state.view === 'catpaw') {
+  n.classList.toggle('info', state.view === 'zcode' || state.view === 'mirasim' || state.view === 'catpaw' || state.view === 'trae' || (hasIntl && Boolean(s.riskIdentity)));
+  if (state.view === 'trae') {
+    n.style.display = '';
+    n.innerHTML = '<div class="z-row"><span class="z-label">每日签到</span><span class="z-text">每日签到领约 150 通用积分（7 天有效，多资源包自动归并）。凭据由本机 Trae 客户端解密导入，支持多账号快照一键切换。</span></div>';
+  } else if (state.view === 'catpaw') {
     n.style.display = '';
     n.innerHTML = '妙手（美团 CatPaw）按套餐发放 Credits（体验版 / 专业版…），没有每日签到。凭据由妙手客户端登录管理：读取额度用本机解密出的登录 token 直连桌面网关，token 失效时到妙手客户端重新登录后再「本机导入」即可。'
       + '多账号切换：写入本机凭据后重启妙手客户端即生效（切换会自动保存当前登录，不丢号）。'
@@ -1277,23 +1425,12 @@ function renderStatus() {
       + mirasimClientChip(s);
   } else if (state.view === 'zcode') {
     n.style.display = '';
-    const pf = state.zProxyFirst === true;
-    const pu = state.zProxyUrl;
     const ac = state.zAutoClaim === true;
-    const autoOffAt = state.status.scheduler && state.status.scheduler.zcode && state.status.scheduler.zcode.autoOffAt;
-    const expiryText = ac && autoOffAt ? '（约 ' + Math.max(1, Math.ceil((new Date(autoOffAt).getTime() - Date.now()) / 60000)) + ' 分钟后自动关闭）' : '';
-    n.innerHTML = 'ZCode 没有每日签到，积分靠「活动领取」。开启后每 2 分钟检查活动资格，首次检查在 2 分钟后开始；本次自动领取最多运行 1 小时' + expiryText + '。也可点卡片上的礼物图标手动领取。'
-      + ' <button class="btn" id="btn-zac" style="margin-left:6px" title="ZCode 活动资格每 2 分钟轮询，开启 1 小时后自动关闭">' + (ac ? '自动领取：开' : '自动领取：关') + '</button>'
-      + ' <button class="btn" id="btn-znet" style="margin-left:4px" title="ZCode 上游接口的访问顺序：失败 / 被拦时自动回退另一条">出口：' + (pf ? '代理优先' : '直连优先') + '</button>'
-      + ' <button class="btn" id="btn-zproxy" style="margin-left:4px" title="设置 ZCode 出口用的 http 代理（留空则清除；不设置时使用 HTTPS_PROXY 环境变量）">代理：' + esc(pu || (state.zHasEnvProxy ? '环境变量' : '未设置')) + '</button>'
-      + ' <button class="btn" id="btn-zgw" style="margin-left:4px" title="开启后，领到的体验包额度会变成本机的一个补全接口（/gateway/v1/messages）；10Router 建一个 anthropic-compatible 节点指向 http://127.0.0.1:' + location.port + '/gateway 即可调用。需要桌面版（隐藏窗口过验证码）">'
-      + (state.zGateway === true ? '体验包接口：开' : '体验包接口：关') + '</button>'
-      + ' <button class="btn" id="btn-zgwlan" style="margin-left:4px" title="允许局域网其他设备的 10Router 直连本机的体验包接口（daemon 重启后生效）。远程调用需要用「10Router 连接设置」里保存的虚拟 key 鉴权，因此需先配置 10Router 连接并设置面板访问密码">'
-      + (state.zGatewayLan === true ? '局域网：开' : '局域网：关') + '</button>'
-      + (state.zGateway === true && state.zGatewayStats && state.zGatewayStats.lastAccount ? ' <span class="chip on" style="margin-left:6px" title="体验包接口有调用记录，10Router 正在调用本机接口（最近用的账号见账号卡片上的「接口使用中」标记）">10Router 已接入</span>' : '')
-      + (state.zGateway === true ? ' <span class="ver" style="margin-left:6px">POST http://127.0.0.1:' + location.port + '/gateway/v1/messages</span>' : '')
-      + (state.zGateway === true && state.zGatewayStats && state.zGatewayStats.lastCallAt ? ' <span class="ver" style="margin-left:6px">最近调用 ' + esc(String(state.zGatewayStats.lastCallAt).slice(11, 19)) + ' · 共 ' + state.zGatewayStats.calls + ' 次</span>' : (state.zGateway === true ? ' <span class="ver" style="margin-left:6px">尚未有调用</span>' : ''))
-      + zcodeClientChip(s);
+    const ziv = state.zClaimIntervalMin || 2;
+    const zwin = state.zClaimWindowMin === 0 ? 0 : (state.zClaimWindowMin || 60);
+    n.innerHTML = '<div class="z-row"><span class="z-label">活动领取</span><span class="z-text">活动包积分，每日 0 点左右刷新（无每日签到）。自动领取'
+      + (ac ? '每 ' + ziv + ' 分钟检查资格' + (zwin > 0 ? '，本次运行 ' + zwin + ' 分钟' : '，持续运行') : '未开启（右上角设置轮询计划）')
+      + '；礼物图标 = 手动临时领。</span></div>';
   } else if (hasIntl && !s.riskIdentity && umidOffer(s)) {
     n.style.display = '';
     const busy = s.umid.installing || umidBusy;
@@ -1312,15 +1449,6 @@ function renderStatus() {
   }
 }
 
-// ZCode 客户端状态芯片 + 「打开客户端」按钮（仅桌面版：面板里有 Electron 桥才显示按钮）
-function zcodeClientChip(s) {
-  const c = s.zcodeClient || {};
-  if (!c.installed) return ' <span class="dim">客户端：未安装</span>';
-  const canOpen = window.creditdaddy && typeof window.creditdaddy.openZcodeClient === 'function';
-  return ' <span class="dim">客户端：' + (c.running ? '运行中' : '未运行') + '</span>'
-    + (canOpen ? ' <button class="btn" id="btn-zopen" style="margin-left:4px" title="打开本机 ZCode 客户端">打开客户端</button>' : '');
-}
-
 // mirasim 客户端状态芯片 + 「打开客户端」按钮
 function mirasimClientChip(s) {
   const c = s.mirasimClient || {};
@@ -1330,6 +1458,7 @@ function mirasimClientChip(s) {
     + (canOpen ? ' <button class="btn" id="btn-miraopen" style="margin-left:4px" title="打开本机 Mirasim 客户端">打开客户端</button>' : '');
 }
 
+
 // 妙手客户端状态芯片 + 「打开客户端」按钮
 function catpawClientChip(s) {
   const c = s.catpawClient || {};
@@ -1352,8 +1481,9 @@ async function installUmid() {
   await loadStatus(); render(); loadLogs();
 }
 $('notice').addEventListener('click', (e) => { if (e.target.closest('#btn-umid')) installUmid(); });
-$('notice').addEventListener('click', async (e) => {
-  if (e.target.closest('#btn-zopen')) {
+// 覆盖 #notice（各产品横幅）与 #z-actions（ZCode 工具栏按钮组）的点击
+document.addEventListener('click', async (e) => {
+  if (e.target.closest('#zt-open')) {
     try {
       const r = await window.creditdaddy.openZcodeClient();
       if (r && r.ok) toast('已启动 ZCode 客户端');
@@ -1377,51 +1507,44 @@ $('notice').addEventListener('click', async (e) => {
     } catch (err) { toast(String(err && err.message || err), false); }
     return;
   }
-  if (e.target.closest('#btn-zac')) {
+  if (e.target.closest('#tt-open')) {
     try {
-      const r = await api('/api/zcode/net', { method: 'PUT', json: { autoClaim: state.zAutoClaim !== true } });
-      state.zAutoClaim = r.autoClaim;
-      renderStatus();
-      toast('ZCode 自动领取：' + (r.autoClaim ? '已开启（每 2 分钟检查，1 小时后自动关闭）' : '已关闭'));
-    } catch (err) { toast(err.message, false); }
+      const r = await window.creditdaddy.openTraeClient();
+      if (r && r.ok) toast('已启动 Trae 客户端');
+      else toast((r && r.error) || '无法打开 Trae 客户端', false);
+    } catch (err) { toast(String(err && err.message || err), false); }
     return;
   }
-  if (e.target.closest('#btn-zgwlan')) {
-    try {
-      const r = await api('/api/zcode-gateway', { method: 'PUT', json: { lan: state.zGatewayLan !== true } });
-      state.zGatewayLan = r.lan === true;
-      renderStatus();
-      toast(r.lan ? '已允许局域网访问：重启 CreditDaddy 后生效（远程调用用 10Router 虚拟 key 鉴权）' : '已限制为本机访问');
-    } catch (err) { toast(err.message, false); }
+  if (e.target.closest('#zt-ac')) {
+    // 自动领取计划弹窗：周期 / 运行时长由用户决定
+    $('zac-interval').value = state.zClaimIntervalMin || 2;
+    $('zac-window').value = state.zClaimWindowMin === 0 ? 0 : (state.zClaimWindowMin || 60);
+    $('zac-off').style.display = state.zAutoClaim === true ? '' : 'none';
+    $('zac-ok').textContent = state.zAutoClaim === true ? '保存' : '保存并启用';
+    openModal('m-zac');
     return;
   }
-  if (e.target.closest('#btn-zgw')) {
-    try {
-      const r = await api('/api/zcode-gateway', { method: 'PUT', json: { enabled: state.zGateway !== true } });
-      state.zGateway = r.enabled === true;
-      renderStatus();
-      toast('ZCode 体验包接口：' + (r.enabled ? '已开启（10Router 建 anthropic-compatible 节点指向本机 /gateway/v1/messages）' : '已关闭'));
-    } catch (err) { toast(err.message, false); }
+  if (e.target.closest('#zt-gw')) {
+    // 体验包接口弹窗：开关 + 局域网 + 白名单一次设置；白名单默认预填 10Router 服务地址的主机
+    $('zgw-on').checked = state.zGateway === true;
+    $('zgw-lan').checked = state.zGatewayLan === true;
+    const allow = Array.isArray(state.zGatewayAllow) ? state.zGatewayAllow : [];
+    $('zgw-allow').value = (allow.length ? allow : (state.zGatewaySuggest ? [state.zGatewaySuggest] : [])).join('\n');
+    const st = state.zGatewayStats;
+    $('zgw-url').innerHTML = '接口地址 <code>POST http://127.0.0.1:' + location.port + '/gateway/v1/messages</code>（局域网开放时把 127.0.0.1 换成本机 IP）'
+      + (st && st.lastCallAt
+        ? '<br>最近调用 ' + esc(String(st.lastCallAt).slice(11, 19)) + ' · 共 ' + st.calls + ' 次' + (st.lastAccount ? ' · 最后用号 ' + esc(st.lastAccount) : '')
+        : '<br>尚未有调用');
+    syncZgwLanFields();
+    openModal('m-zgw');
     return;
   }
-  if (e.target.closest('#btn-znet')) {
-    try {
-      const r = await api('/api/zcode/net', { method: 'PUT', json: { proxyFirst: state.zProxyFirst !== true } });
-      state.zProxyFirst = r.proxyFirst;
-      renderStatus();
-      toast('ZCode 出口：' + (r.proxyFirst ? '代理优先（直连兜底）' : '直连优先（代理兜底）'));
-    } catch (err) { toast(err.message, false); }
-    return;
-  }
-  if (e.target.closest('#btn-zproxy')) {
-    const cur = state.zProxyUrl || '';
-    const v = await uiPrompt('ZCode 出口代理（http://host:port，支持口令 http://user:pass@host:port）\n留空 = 清除，退回 HTTPS_PROXY 环境变量', cur, { okText: '保存' });
-    if (v === null) return;
-    try {
-      await api('/api/zcode/net', { method: 'PUT', json: { proxyUrl: v.trim() } });
-      await loadZNet(); renderStatus();
-      toast(v.trim() ? '代理已保存' : '代理已清除');
-    } catch (err) { toast(err.message, false); }
+  if (e.target.closest('#zt-net')) {
+    // 出口弹窗：顺序 + 代理地址一起保存；代理只回填到 placeholder（脱敏），留空即清除
+    (state.zProxyFirst === true ? $('znet-proxy') : $('znet-direct')).checked = true;
+    $('znet-url').value = '';
+    $('znet-url').placeholder = state.zProxyUrl || (state.zHasEnvProxy ? '跟随环境变量 HTTPS_PROXY' : 'http://192.168.31.101:7890');
+    openModal('m-znet');
     return;
   }
 });
@@ -1431,8 +1554,10 @@ async function loadZNet() {
     state.zProxyFirst = d.proxyFirst === true;
     state.zProxyUrl = d.proxyUrlMasked || null;
     state.zAutoClaim = d.autoClaim === true;
+    state.zClaimIntervalMin = d.claimIntervalMin;
+    state.zClaimWindowMin = d.claimWindowMin;
     state.zHasEnvProxy = d.hasEnvProxy === true;
-    if (state.view === 'zcode') renderStatus();
+    if (state.view === 'zcode') { renderStatus(); render(); }
   } catch (e) {}
 }
 async function loadZGateway() {
@@ -1440,9 +1565,11 @@ async function loadZGateway() {
     const d = await api('/api/zcode-gateway');
     state.zGateway = d.enabled === true;
     state.zGatewayLan = d.lan === true;
+    state.zGatewayAllow = d.allow || [];
+    state.zGatewaySuggest = d.suggestAllow || '';
     state.zGatewayHasCaptcha = d.hasCaptcha === true;
     state.zGatewayStats = d.stats || null;
-    if (state.view === 'zcode') renderStatus();
+    if (state.view === 'zcode') { renderStatus(); render(); }
   } catch (e) {}
 }
 
@@ -1701,17 +1828,14 @@ function renderTenrouter() {
   const c = tr.config;
   if (!c) { box.innerHTML = '<div class="empty">加载中…</div>'; return; }
   const gwLine = state.zGateway === true
-    ? '<div class="gw-line">ZCode 体验包接口：<b>运行中</b>' + (state.zGatewayStats && state.zGatewayStats.lastCallAt ? ' · 最近调用 ' + esc(String(state.zGatewayStats.lastCallAt).slice(11, 19)) + ' · ' + state.zGatewayStats.calls + ' 次 · 最后用号 ' + esc(state.zGatewayStats.lastAccount || '-') : '（尚未有调用）') + ' — 体验包模型 <code>zcode-free/glm-5.3-flash</code></div>'
+    ? '<div class="gw-line"><span class="dot on pulse"></span> ZCode 体验包接口运行中'
+      + (state.zGatewayStats && state.zGatewayStats.lastCallAt ? ' · 最近调用 ' + esc(String(state.zGatewayStats.lastCallAt).slice(11, 19)) + ' · ' + state.zGatewayStats.calls + ' 次 · 最后用号 ' + esc(state.zGatewayStats.lastAccount || '-') : ' · 尚未有调用')
+      + ' · 模型 <code>zcode-free/glm-5.3-flash</code></div>'
     : '';
   if (!c.configured) { box.innerHTML = gwLine + trSetupHtml(); return; }
   const list = (tr.quotas && tr.quotas.connections) || [];
   const low = list.filter((x) => x.isActive && !x.error && quotaLow(x)).length;
   const failed = list.filter((x) => x.error).length;
-  const ls = c.lastSync;
-  const srcChips = (c.sources || []).map((x) => {
-    const on = x.found && c.sync.sources.includes(x.id);
-    return '<span class="chip' + (on ? ' on' : '') + '" title="' + (x.found ? (x.supported ? '已检测到' : '需要 Node 22.5+') : '本机未检测到') + '">' + esc(x.label) + (x.found ? '' : ' ·无') + '</span>';
-  }).join('');
   let grid;
   let tabStrip = '';
   const groups = list.length ? trGroups(list) : [];
@@ -1759,15 +1883,11 @@ function renderTenrouter() {
     + '<div class="stat"><span>额度告急</span><strong>' + (tr.quotas ? low : '-') + '</strong></div><div class="divider"></div>'
     + '<div class="stat"><span>查询失败</span><strong>' + (tr.quotas ? failed : '-') + '</strong></div>'
     + '</div><div class="actions">'
-    + '<button class="btn" data-tr="refresh"' + (tr.loading ? ' disabled' : '') + '>' + I.refresh + (tr.loading ? '刷新中…' : '刷新额度') + '</button>'
-    + '<button class="btn" data-tr="sync"' + (tr.syncing || c.syncing ? ' disabled' : '') + '>' + I.upload + (tr.syncing || c.syncing ? '同步中…' : '同步用量') + '</button>'
+    + '<button class="btn" data-tr="refresh"' + (tr.loading ? ' disabled' : '') + '>' + (tr.loading ? '刷新中…' : '刷新额度') + '</button>'
+    + '<button class="btn" data-tr="sync" title="用量同步：自动开关、同步来源与手动同步（点我打开）"' + (tr.syncing || c.syncing ? ' disabled' : '') + '>'
+    + '<span class="dot' + (c.sync.enabled ? ' on' : '') + '"></span>' + (tr.syncing || c.syncing ? '同步中…' : '用量同步') + '</button>'
     + '<button class="btn" data-tr="settings">设置</button>'
     + '</div></div>'
-    + '<div class="tr-bar"><span title="' + esc(c.endpoint) + '">' + esc(c.endpoint) + ' · ' + esc(c.keyMasked) + '</span>'
-    + '<span>用量同步：' + (c.sync.enabled ? '每小时自动' : '手动') + '</span>' + srcChips
-    + '<span style="margin-left:auto" title="' + esc(ls ? ls.summary : '') + '">' + (ls ? '上次同步 ' + esc(fmtTime(ls.at).slice(5)) + ' · ' + esc(ls.summary.slice(0, 40)) : '还没有同步过') + '</span>'
-    + (tr.quotas ? '<span>额度更新于 ' + esc(fmtTime(tr.quotas.generatedAt).slice(11)) + '</span>' : '')
-    + '</div>'
     + tabStrip
     + '<div class="tr-grid">' + grid + '</div>';
 }
@@ -1817,23 +1937,36 @@ function openTrSettings() {
   $('tr-key').placeholder = c.keyMasked ? '已保存 ' + c.keyMasked + '（留空保持不变）' : 'sk-…';
   $('tr-admin-pw').value = '';
   $('tr-admin-pw').placeholder = c.hasAdminPassword ? '已保存（留空保持不变）' : '可选：10Router 面板密码';
-  $('tr-auto').checked = c.configured ? c.sync.enabled : true;
   $('tr-hide-empty').checked = state.trHideEmpty === true;
-  $('tr-sources').innerHTML = (c.sources || []).map((x) => '<label class="check"><input type="checkbox" data-src="' + x.id + '"'
-    + ((c.configured ? c.sync.sources.includes(x.id) : true) ? ' checked' : '') + (x.supported ? '' : ' disabled') + '> ' + esc(x.label)
-    + '<span class="dim">' + (x.found ? '' : '（本机未检测到）') + (x.supported ? '' : '（需要 Node 22.5+）') + '</span></label>').join('');
   $('tr-disconnect').style.display = c.configured ? '' : 'none';
   $('tr-test-msg').textContent = '';
   openModal('m-10r');
   setTimeout(() => $(c.configured ? 'tr-key' : 'tr-endpoint').focus(), 30);
 }
+// 用量同步弹窗：自动开关 + 来源勾选 + 手动同步
+function openTrSync() {
+  const c = tr.config || { sync: { enabled: true, sources: [] }, sources: [] };
+  $('tr-auto').checked = c.configured ? c.sync.enabled : true;
+  $('tr-sources').innerHTML = (c.sources || []).map((x) => '<label class="check"><input type="checkbox" data-src="' + x.id + '"'
+    + ((c.configured ? c.sync.sources.includes(x.id) : true) ? ' checked' : '') + (x.supported ? '' : ' disabled') + '> ' + esc(x.label)
+    + '<span class="dim">' + (x.found ? '' : '（本机未检测到）') + (x.supported ? '' : '（需要 Node 22.5+）') + '</span></label>').join('');
+  const ls = c.lastSync;
+  $('tr-sync-status').textContent = ls ? '上次同步 ' + fmtTime(ls.at).slice(5) + '：' + ls.summary : '还没有同步过';
+  $('tr-sync-now').disabled = tr.syncing || c.syncing === true;
+  openModal('m-trsync');
+}
+async function trSyncSave(close) {
+  try {
+    tr.config = await api('/api/tenrouter', { method: 'PUT', json: { syncEnabled: $('tr-auto').checked, sources: [...document.querySelectorAll('#tr-sources input[data-src]:checked')].map((x) => x.dataset.src) } });
+    if (close) { closeModal('m-trsync'); toast('用量同步设置已保存'); render(); }
+  } catch (e) { toast(e.message, false); throw e; }
+}
 function trForm() {
   return {
-    endpoint: $('tr-endpoint').value.trim(),
+    // 从 LLM 客户端复制的 base URL 常带 /v1 后缀——10Router 只认站点根地址，带 /v1 会让所有 /api/* 调用 404、误报「需要 1.2.1+」
+    endpoint: $('tr-endpoint').value.trim().replace(/\/+$/, '').replace(/\/v1$/, ''),
     key: $('tr-key').value.trim(),
     adminPassword: $('tr-admin-pw').value, // 留空 = 服务端保持原值
-    syncEnabled: $('tr-auto').checked,
-    sources: [...document.querySelectorAll('#tr-sources input[data-src]:checked')].map((x) => x.dataset.src),
   };
 }
 async function trTest() {
@@ -1886,7 +2019,7 @@ $('tr-panel').addEventListener('click', (e) => {
   if (b.dataset.tr === 'toggle') { state.trOpen = Object.assign({}, state.trOpen, { [b.dataset.id]: !(state.trOpen && state.trOpen[b.dataset.id]) }); render(); return; }
   if (b.dataset.tr === 'settings') openTrSettings();
   else if (b.dataset.tr === 'refresh') loadTrQuotas(true);
-  else if (b.dataset.tr === 'sync') trSync();
+  else if (b.dataset.tr === 'sync') openTrSync();
   else if (b.dataset.tr === 'vendor') {
     const v = b.dataset.v || '';
     state.trVendor = v;
@@ -1895,6 +2028,12 @@ $('tr-panel').addEventListener('click', (e) => {
   }
 });
 $('tr-test').onclick = trTest;
+$('tr-sync-save').onclick = () => trSyncSave(true);
+$('tr-sync-now').onclick = async () => {
+  try { await trSyncSave(false); } catch (e) { return; }
+  closeModal('m-trsync');
+  trSync();
+};
 $('tr-sync-accounts').onclick = trSyncAccounts;
 $('tr-save').onclick = trSave;
 $('tr-disconnect').onclick = trDisconnect;
@@ -1957,7 +2096,9 @@ async function checkinOne(id) {
   try {
     const d = await api('/api/accounts/' + encodeURIComponent(id) + '/checkin', { method: 'POST' });
     const r = d.results && d.results[0];
-    toast(r ? (r.account + '：' + (r.status === 'checked-in' ? '领取成功 +' + r.claimedAmount + ' Credits' : (r.error || r.message || r.status))) : d.summary, !(r && r.status === 'failed'));
+    const accObj = state.accounts.find((x) => x.id === id);
+    const accLabel = (r && r.account) || (accObj && (accObj.name || accObj.id)) || '该账号';
+    toast(r ? (accLabel + '：' + (r.status === 'checked-in' ? '领取成功 +' + r.claimedAmount + ' Credits' : (r.error || r.message || r.status))) : d.summary, !(r && r.status === 'failed'));
   } catch (e) { toast(e.message, false); }
   delete state.busy[id];
   await loadStatus(); await loadAccounts(); loadLogs();
@@ -1982,21 +2123,25 @@ async function onCardClick(e) {
   if (act === 'claim') return openClaim(id);
   if (act === 'switch') {
     const a = state.accounts.find((x) => x.id === id);
-    const client = CLIENT_LABEL[a && a.product] || '客户端';
+    const client = CLIENT_LABEL[a && a.product] || (a && prodLabel(a.product)) || '客户端';
     const tip = a && a.product === 'zcode'
       ? '\n需先退出 ZCode；切换后重新打开 ZCode 即为新账号。当前登录会先保存到 CreditDaddy，不会丢号。'
       : a && a.product === 'mirasim'
         ? '\n需先退出 Mirasim；切换后重新打开即为新账号。当前登录会先保存到 CreditDaddy，不会丢号。'
         : a && a.product === 'catpaw'
           ? '\n需先退出妙手；切换后重新打开妙手即为新账号。当前登录会先保存到 CreditDaddy，不会丢号。'
-            : '\n客户端会自动应用新会话；当前登录账号的最新 token 会先保存到 CreditDaddy。';
+          : a && a.product === 'trae'
+            ? '\n需先退出 Trae；切换后重新打开 Trae 即为新账号。当前登录会先自动快照保存到 CreditDaddy，不会丢号。'
+            : a && a.product === 'qoder'
+              ? '\n需先退出 Qoder；切换后重新打开 Qoder 即为新账号。运行中的 Qoder 退出时会把旧登录写回去，可选「关闭并强制切换」代为关进程。'
+              : '\n客户端会自动应用新会话；当前登录账号的最新 token 会先保存到 CreditDaddy。';
     if (!(await uiConfirm('把 ' + client + ' 切换到「' + (a && a.name || id) + '」？' + tip, '切换账号', '切换'))) return;
     const doSwitch = (force) => api('/api/accounts/' + encodeURIComponent(id) + '/switch', { json: { force } });
     try {
       let r;
       try { r = await doSwitch(false); }
       catch (err) {
-        if (err.code !== 'ZCODE_RUNNING' && err.code !== 'MIRASIM_RUNNING' && err.code !== 'CATPAW_RUNNING') throw err;
+        if (err.code !== 'ZCODE_RUNNING' && err.code !== 'MIRASIM_RUNNING' && err.code !== 'CATPAW_RUNNING' && err.code !== 'TRAE_RUNNING' && err.code !== 'QODER_RUNNING') throw err;
         if (!(await uiConfirm(err.message + '\n\n仍要强制切换吗？强制切换会先关闭客户端再写入登录，重新打开客户端即为新账号。', client + ' 正在运行', '关闭并强制切换'))) return;
         r = await doSwitch(true);
       }
@@ -2029,6 +2174,15 @@ async function onCardClick(e) {
           } catch (e) {}
         }, 800);
       }
+      if (a && a.product === 'trae' && r && !r.alreadyActive && window.creditdaddy && typeof window.creditdaddy.openTraeClient === 'function') {
+        setTimeout(async () => {
+          try {
+            const re = await window.creditdaddy.openTraeClient();
+            if (re && re.ok) toast('已重新启动 Trae 客户端');
+            else toast((re && re.error) || '无法打开 Trae 客户端（桌面版才能自动拉起）', false);
+          } catch (e) {}
+        }, 800);
+      }
     } catch (err) { toast(err.message, false); }
     return;
   }
@@ -2226,6 +2380,135 @@ const uiPrompt = (title, value, opts = {}) => uiDialog({ title, message: opts.me
 function okDialog() { const v = $('dlg-field').style.display === 'none' ? true : $('dlg-input').value; $('m-dialog').classList.remove('show'); settleDialog(v); }
 $('dlg-ok').addEventListener('click', okDialog);
 $('dlg-input').addEventListener('keydown', (e) => { if (e.key === 'Enter') okDialog(); });
+
+// ── 检查更新（桌面版）：主进程推状态（update:state），面板只管渲染 ──
+const updBridge = window.creditdaddy && window.creditdaddy.update ? window.creditdaddy.update : null;
+let updState = null;
+function updActBtn(id, text, cls, fn) {
+  return '<button class="btn' + (cls ? ' ' + cls : '') + '" id="' + id + '">' + text + '</button>';
+}
+function renderUpdateModal(s) {
+  updState = s;
+  const body = $('upd-body');
+  const acts = $('upd-actions');
+  const cur = '当前 v' + (s.current || '?');
+  const rel = '<button class="btn" id="upd-rel">打开 Releases</button>';
+  const close = '<button class="btn" data-close-uu>稍后</button>';
+  switch (s.phase) {
+    case 'unsupported':
+      body.innerHTML = '<div class="hint">当前环境不支持应用内更新（开发模式 / Portable / 未签名的 macOS 版），请从 GitHub Releases 手动下载。</div>';
+      acts.innerHTML = rel + '<button class="btn" data-close-uu>取消</button>';
+      break;
+    case 'checking':
+      body.innerHTML = '<div class="hint">正在检查更新…</div>';
+      acts.innerHTML = close;
+      break;
+    case 'latest':
+      body.innerHTML = '<div class="hint"><span class="dot on"></span> 已是最新版本（' + cur + '）</div>';
+      acts.innerHTML = '<button class="btn primary" data-close-uu>好的</button>';
+      break;
+    case 'available':
+      body.innerHTML = s.via === 'updater'
+        ? '<div class="hint">发现新版本 <b>v' + esc(s.version) + '</b>（' + cur + '）——正在后台下载，完成后退出 CreditDaddy 时自动安装。</div>'
+        : '<div class="hint">发现新版本 <b>v' + esc(s.version) + '</b>（' + cur + (s.sizeMB ? '，约 ' + s.sizeMB + ' MB' : '') + '），可由本机直接下载安装。</div>';
+      acts.innerHTML = (s.via === 'github' ? updActBtn('upd-go', '立即下载安装', 'primary') : '') + rel + close;
+      break;
+    case 'downloading':
+      body.innerHTML = '<div class="hint">正在下载 v' + esc(s.version) + '</div>'
+        + '<div class="meter" style="margin:8px 0 4px"><span style="width:' + (s.percent || 0) + '%"></span></div>'
+        + '<div class="hint">' + (s.percent != null ? s.percent + '%' : '') + '（' + (s.mb || '…') + ' MB）' + (s.percent == null ? ' 获取大小中…' : '') + '</div>';
+      acts.innerHTML = '<button class="btn" data-close-uu>后台继续</button>';
+      break;
+    case 'downloaded':
+      body.innerHTML = '<div class="hint"><span class="dot on pulse"></span> <b>v' + esc(s.version) + '</b> '
+        + (s.via === 'updater' ? '已下载完成，重启即完成更新（退出时也会自动安装）。' : '安装包已下载完成，安装时 CreditDaddy 会先退出。') + '</div>';
+      acts.innerHTML = updActBtn('upd-go', s.via === 'updater' ? '立即重启更新' : '立即安装', 'primary') + close;
+      break;
+    case 'error':
+    default:
+      body.innerHTML = '<div class="hint" style="color:var(--err)">检查更新失败：' + esc(s.error || '未知错误') + '</div>';
+      acts.innerHTML = updActBtn('upd-retry', '重试', 'primary') + rel + '<button class="btn" data-close-uu>取消</button>';
+      break;
+  }
+  const relBtn = $('upd-rel');
+  if (relBtn) relBtn.onclick = () => updBridge.openReleases();
+  const goBtn = $('upd-go');
+  if (goBtn) { goBtn.disabled = true; goBtn.textContent = '处理中…'; updBridge.install().then(renderUpdateModal).catch((e) => { goBtn.disabled = false; goBtn.textContent = '重试'; }); }
+  const retryBtn = $('upd-retry');
+  if (retryBtn) retryBtn.onclick = () => updBridge.check().then(renderUpdateModal).catch(() => {});
+  acts.querySelectorAll('[data-close-uu]').forEach((b) => { b.onclick = () => closeModal('m-update'); });
+}
+async function openUpdateModal(autoCheck) {
+  if (!updBridge) return;
+  openModal('m-update');
+  try {
+    updState = await updBridge.state();
+    renderUpdateModal(updState);
+    if (autoCheck) renderUpdateModal(await updBridge.check());
+  } catch (e) {
+    renderUpdateModal({ phase: 'error', error: String((e && e.message) || e), current: (updState && updState.current) || '' });
+  }
+}
+if (updBridge) {
+  updBridge.onState((s) => { updState = s; $('upd-ver') && ($('upd-ver').textContent = '当前 v' + (s.current || '?')); if (document.getElementById('m-update').classList.contains('show')) renderUpdateModal(s); });
+  updBridge.onOpen(() => openUpdateModal(true));
+}
+$('btn-update').onclick = () => openUpdateModal(true);
+
+// ZCode 自动领取计划：保存（按新配置启用）/ 停用
+$('zac-ok').addEventListener('click', async () => {
+  try {
+    const r = await api('/api/zcode/net', { method: 'PUT', json: { autoClaim: true, claimIntervalMin: Number($('zac-interval').value), claimWindowMin: Number($('zac-window').value) } });
+    state.zAutoClaim = r.autoClaim === true;
+    state.zClaimIntervalMin = r.claimIntervalMin;
+    state.zClaimWindowMin = r.claimWindowMin;
+    renderStatus(); render();
+    closeModal('m-zac');
+    toast('自动领取已开启：每 ' + r.claimIntervalMin + ' 分钟检查' + (r.claimWindowMin > 0 ? '，运行 ' + r.claimWindowMin + ' 分钟后自动关闭' : '，一直运行直到手动关闭'));
+  } catch (err) { toast(err.message, false); }
+});
+$('zac-off').addEventListener('click', async () => {
+  try {
+    const r = await api('/api/zcode/net', { method: 'PUT', json: { autoClaim: false } });
+    state.zAutoClaim = r.autoClaim === true;
+    renderStatus(); render();
+    closeModal('m-zac');
+    toast('ZCode 自动领取：已关闭');
+  } catch (err) { toast(err.message, false); }
+});
+
+// ZCode 体验包接口：开关 + 局域网开放 + 免密 IP 白名单一次保存
+function syncZgwLanFields() {
+  const off = !$('zgw-on').checked;
+  $('zgw-lan-fields').querySelectorAll('input, textarea').forEach((el) => { el.disabled = off; });
+  $('zgw-lan-fields').style.opacity = off ? '.45' : '';
+}
+$('zgw-on').addEventListener('change', syncZgwLanFields);
+$('zgw-ok').addEventListener('click', async () => {
+  const allow = $('zgw-allow').value.split('\n').map((x) => x.trim()).filter(Boolean);
+  try {
+    const r = await api('/api/zcode-gateway', { method: 'PUT', json: { enabled: $('zgw-on').checked, lan: $('zgw-lan').checked, allow } });
+    state.zGateway = r.enabled === true;
+    state.zGatewayLan = r.lan === true;
+    state.zGatewayAllow = r.allow || [];
+    renderStatus(); render();
+    closeModal('m-zgw');
+    toast('体验包接口：' + (r.enabled ? '已开启' : '已关闭')
+      + (r.enabled && r.lan ? '，局域网开放' + (r.allow && r.allow.length ? '，白名单 ' + r.allow.join('、') : '，白名单为空——白名单外需虚拟 key') + '；绑定改动重启后生效' : ''));
+  } catch (err) { toast(err.message, false); }
+});
+
+// ZCode 网络出口：顺序 + 代理地址保存
+$('znet-ok').addEventListener('click', async () => {
+  try {
+    const body = { proxyFirst: $('znet-proxy').checked, proxyUrl: $('znet-url').value.trim() };
+    const r = await api('/api/zcode/net', { method: 'PUT', json: body });
+    await loadZNet();
+    renderStatus(); render();
+    closeModal('m-znet');
+    toast('ZCode 出口：' + (r.proxyFirst ? '代理优先（直连兜底）' : '直连优先（代理兜底）') + (body.proxyUrl === '' ? '，代理已清除' : ''));
+  } catch (err) { toast(err.message, false); }
+});
 document.querySelectorAll('.mask').forEach((m) => {
   m.addEventListener('mousedown', (e) => { if (e.target === m) closeModal(m.id); });
   m.querySelectorAll('[data-close]').forEach((b) => b.addEventListener('click', () => closeModal(m.id)));
@@ -2245,10 +2528,12 @@ const LOCAL_HINT = {
   zcode: '读取本机 ZCode 客户端当前登录的账号（本地解密 ~/.zcode/v2/credentials.json），token 不出本机。',
   mirasim: '读取本机 mirasim 客户端当前登录的账号（本地解密 ~/.mirasim/setting.json），token 不出本机。',
   catpaw: '读取本机妙手（美团 CatPaw）客户端当前登录的账号（本地解密 %APPDATA%\\catpaw-moon\\catx-credential.json），token 不出本机。',
+  trae: '读取本机 Trae 客户端当前登录的账号（本地解密 <客户端数据目录>\\User\\globalStorage\\storage.json 的 tc 信封），token 不出本机。',
 };
 function openAdd(product) {
   state.addProduct = product || '';
-  const tabShown = { local: true, device: product !== 'mirasim' && product !== 'catpaw', token: product !== 'zcode' && product !== 'mirasim' && product !== 'catpaw' };
+  // Trae 凭据只能从本机客户端 storage.json 解密：不支持浏览器登录 / 粘贴 Token
+  const tabShown = { local: true, device: product !== 'mirasim' && product !== 'catpaw' && product !== 'trae', token: product !== 'zcode' && product !== 'mirasim' && product !== 'catpaw' && product !== 'trae' };
   document.querySelectorAll('#m-add .tab').forEach((t) => { t.style.display = tabShown[t.dataset.tab] ? '' : 'none'; });
   $('local-hint').textContent = LOCAL_HINT[state.addProduct];
   let first = null;
@@ -2277,7 +2562,7 @@ function openAdd(product) {
 async function localScan() {
   const box = $('scan-result');
   $('scan-status').textContent = '扫描中（最多约 10 秒）…';
-  box.innerHTML = '<div class="hint">正在读取本机客户端凭据（Qoder / WorkBuddy / ZCode / mirasim / 妙手）…</div>';
+  box.innerHTML = '<div class="hint">正在读取本机客户端凭据（Qoder / WorkBuddy / ZCode / mirasim / 妙手 / Trae）…</div>';
   try {
     const r = await api('/api/local/scan', { method: 'POST' });
     $('scan-status').textContent = '';
@@ -2298,9 +2583,9 @@ async function localScan() {
       html += '<div class="hint" style="color:var(--err)">读取失败：' + esc(e.file) + '：' + esc(e.error) + '</div>';
     }
     if (!cands.length) {
-      const where = state.addProduct ? prodLabel(state.addProduct) : 'Qoder / WorkBuddy / ZCode / mirasim / 妙手';
+      const where = state.addProduct ? prodLabel(state.addProduct) : 'Qoder / WorkBuddy / ZCode / mirasim / 妙手 / Trae';
       const alt = state.addProduct === 'zcode' || state.addProduct === 'mirasim' || state.addProduct === 'catpaw' ? '' : '，或改用「浏览器登录」「粘贴 Token」';
-      html += '<div class="hint">未发现已登录的 ' + where + ' 账号。请先在客户端登录' + alt + '。<br>已检查：Qoder / Qoder CN 客户端数据目录、WorkBuddy 凭据目录、ZCode 数据目录、mirasim 数据目录、妙手凭据目录'
+      html += '<div class="hint">未发现已登录的 ' + where + ' 账号。请先在客户端登录' + alt + '。<br>已检查：Qoder / Qoder CN 客户端数据目录、WorkBuddy 凭据目录、ZCode 数据目录、mirasim 数据目录、妙手凭据目录、Trae 数据目录'
         + (r.scannedDirs && r.scannedDirs.length ? '、' + r.scannedDirs.map(esc).join('、') : '') + '</div>';
     }
     box.innerHTML = html;
@@ -2639,11 +2924,24 @@ function renderCompMenu() {
     + '<div class="hint">开启后每次打开面板都需要输入密码；密码可随时在此修改或关闭。'
     + (state.sec.enabled ? '' : '账号导出不受影响（导出口令始终必填）。') + '</div>'
     + '<div class="row">' + renderSecActions() + '</div>'
+    + '<div class="comp-menu-title">自动签到</div>'
+    + '<div class="hint">' + autoCheckinHint() + '</div>'
     + '<div class="comp-menu-title">组件顺序（仪表盘与标签栏同步）</div>' + compRows
     + '<div class="comp-menu-title">账号卡片排序</div>'
     + (sortSections || '<div class="sort-hint">暂无账号</div>');
 }
 
+/** 自动签到口径说明：调度周期 + 各产品业务日刷新时点 */
+function autoCheckinHint() {
+  const sch = state.status && state.status.scheduler;
+  const next = sch && sch.nextTickAt ? '，下次执行 ' + esc(String(sch.nextTickAt).slice(11, 16)) : '';
+  const zc = sch && sch.zcode;
+  const zcText = zc && zc.enabled
+    ? 'ZCode 自动领取运行中（每 ' + (zc.intervalMin || 2) + ' 分钟' + (zc.autoOffAt ? '，约 ' + Math.max(1, Math.ceil((new Date(zc.autoOffAt).getTime() - Date.now()) / 60000)) + ' 分钟后自动关闭' : '，一直运行') + '），周期可在 ZCode 页「自动领取计划」里改'
+    : 'ZCode 活动领取默认关闭，可在 ZCode 页「自动领取计划」里开启并配置轮询周期';
+  return '守护进程每 ~2 小时自动扫描执行一轮全部账号' + next + '。各产品「业务日」刷新时点（UTC+8）：<b>Qoder 每日 10:00</b>（每台设备每日限领一个国际版账号）、<b>WorkBuddy 每日 00:00</b>，其余产品按 00:00；已领成功的账号按对应业务日记忆跳过，跨过刷新点后当天照常重试。' + esc(zcText) + '。';
+}
+
 /** 在手动排序列表里移动一个 id；列表不存在时先按当前生效顺序物化一份 */
 function moveAccountId(prod, aid, dir) {
   const baseIds = sortedAccounts(prod, ofProduct(prod)).map((a) => a.id);
@@ -2662,6 +2960,11 @@ $('btn-comp').addEventListener('click', async () => {
   openModal('m-settings');
   await loadSettings();
   renderCompMenu();
+  // 桌面版才有检查更新入口（走 preload 桥到主进程的更新状态机）
+  if (updBridge) {
+    $('upd-entry').style.display = '';
+    try { const s = await updBridge.state(); updState = s; $('upd-ver').textContent = '当前 v' + (s.current || '?'); } catch {}
+  }
 });
 $('comp-menu').addEventListener('change', (e) => {
   const c = e.target.dataset && e.target.dataset.comp;
@@ -2719,7 +3022,7 @@ $('btn-export-dash').onclick = () => { $('ex-provider').value = ''; openModal('m
 $('btn-export').onclick = () => {
   const v = state.view;
   // ZCode 是单一 provider，直接按 provider 选；其余产品页按产品线（p:）；仪表盘 / 10Router 导出全部
-  $('ex-provider').value = v === 'zcode' ? 'zcode' : (v === 'qoder' || v === 'workbuddy' || v === 'mirasim' || v === 'catpaw') ? 'p:' + v : '';
+  $('ex-provider').value = v === 'zcode' ? 'zcode' : (v === 'qoder' || v === 'workbuddy' || v === 'mirasim' || v === 'catpaw' || v === 'trae') ? 'p:' + v : '';
   openModal('m-export');
 };
 $('btn-do-export').onclick = doExport;
@@ -2781,11 +3084,31 @@ $('btn-logs').onclick = () => {
   if (!c) { loadLogs(); $('logs').scrollTop = $('logs').scrollHeight; }
 };
 
+// ── 仪表盘底部两卡：默认收起，点标题展开，展开状态存本地 ──
+const DASH_FOLD_KEY = 'qd_dash_fold';
+state.dashFold = (() => { try { return JSON.parse(localStorage.getItem(DASH_FOLD_KEY) || '{}'); } catch { return {}; } })();
+function applyDashFold() {
+  document.querySelectorAll('.dash-cols .pcard[data-fold]').forEach((el) => {
+    const open = state.dashFold[el.dataset.fold] === true;
+    el.classList.toggle('open', open);
+    el.querySelector('.fold-ico').innerHTML = open ? I.chevUp : I.chevDown;
+  });
+}
+document.querySelectorAll('.dash-cols .fold-head').forEach((h) => {
+  h.title = '展开 / 收起';
+  h.addEventListener('click', () => {
+    const k = h.closest('.pcard').dataset.fold;
+    state.dashFold[k] = state.dashFold[k] !== true;
+    try { localStorage.setItem(DASH_FOLD_KEY, JSON.stringify(state.dashFold)); } catch {}
+    applyDashFold();
+  });
+});
+applyDashFold();
+
 // ── 启动：先直接请求（本机模式无需密钥）；只有服务端返回 401 时才询问密钥 ──
 initTheme();
 $('btn-home').innerHTML = I.github;
 applyView();
-
 (function boot() {
   function start() {
     loadStatus().then(loadAccounts).catch((e) => toast(e.message, false));
@@ -2801,7 +3124,7 @@ applyView();
     });
     loadLogs();
     setInterval(loadLogs, 10000);
-    setInterval(async () => { await loadStatus(); await loadZGateway(); render(); }, 30000);
+    setInterval(async () => { await loadStatus(); await loadZNet(); await loadZGateway(); render(); }, 30000);
   }
   // 先直接请求（本机模式无需密码）；需要密码时 api() 会弹框并重试
   api('/api/status').then(start).catch((e) => toast(e.code === 'PANEL_KEY'