dsh-connect-trae 3.0.1 → 3.4.0

package/lib/client.js

@@ -33,8 +33,19 @@ window.__ModuleLoader__.load({
 		*/
 		const TRAE_ACCOUNT_CREDITS_PATH = "/plugins/dsh-connect-trae/account-credits";
 		/**
+		* Per-account status (check-in / credits / subscription) for the account table.
+		*
+		* Each row of the account table reads its OWN state through this route — a CN
+		* row carries its check-in state and balance, an ai row its subscription.
+		* POST with the accountId in the body: one upstream read per account, paid
+		* only when the table is actually shown.
+		*/
+		const TRAE_ACCOUNT_STATUS_PATH = "/plugins/dsh-connect-trae/account-status";
+		/**
 		* Plugin-owned daily check-in claim endpoint. POST, loopback-only, and the only
-		* route in this plugin that changes upstream account state.
+		* route in this plugin that changes upstream account state. The accountId in
+		* the body names WHICH account to claim for, so the button can sit in each
+		* account row.
 		*/
 		const TRAE_CHECKIN_PATH = "/plugins/dsh-connect-trae/checkin";
 		/** Query parameter naming the region a card request addresses. */
@@ -232,7 +243,7 @@ window.__ModuleLoader__.load({
 .dsm-plugin-card-title{color:var(--dsw-alias-label-primary,#e6e6e6);font-size:15px;font-weight:600;line-height:1.4}
 .dsm-plugin-card-description{color:var(--dsw-alias-label-tertiary,#999);font-size:13px;line-height:1.5}
 /* Pure-CSS caret: the host primitives' chevron icon names are not part of any
-   stable contract across DSH releases, so no static import is used — a border
+   stable contract across DSH releases, so no static import is used 鈥?a border
    caret in the plugin's own CSS is version-proof. */
 .dsm-plugin-card-chevron{color:var(--dsw-alias-label-tertiary,#999);flex:none;width:16px;height:16px;position:relative;transition:transform .16s}
 .dsm-plugin-card-chevron::before{content:"";display:block;position:absolute;left:4px;top:5px;width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)}
@@ -259,9 +270,9 @@ window.__ModuleLoader__.load({
 .dsm-trae-tab:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:1px}
 .dsm-trae-tab-active{color:var(--dsw-alias-label-primary,#e6e6e6);background:var(--dsw-alias-bg-layer-2,#232529);box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2,#3a3d45)}
 .dsm-trae-tab-off{opacity:.55}
-.dsm-trae-tab-switch{display:inline-flex;align-items:center;flex:none;padding:0 8px 0 2px;cursor:pointer}
-.dsm-trae-tab-switch input{margin:0;cursor:pointer;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
-.dsm-trae-tab-switch input:disabled{cursor:not-allowed}
+/* Same checkbox as the settings block (.dsm-trae-switch); only the padding
+   differs, so it sits inside the tab cell without crowding the label. */
+.dsm-trae-tab-switch{flex:none;padding:0 8px 0 2px}
 .dsm-trae-tab-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:baseline}
 .dsm-trae-tab-hint{margin:0;color:var(--dsw-alias-label-tertiary,#999);font-size:12px;line-height:18px}
 .dsm-trae-tab-off-notice{margin:0;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:10px;color:var(--dsw-alias-label-secondary,#c6c9d0);font-size:12px;line-height:18px;background:var(--dsw-alias-bg-layer-3,#2a2c33)}
@@ -269,11 +280,109 @@ window.__ModuleLoader__.load({
 .dsm-trae-usage-account-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
 .dsm-trae-usage-expiry{padding-left:19px;color:var(--dsw-alias-label-tertiary,#9aa0a8);font-size:12px;line-height:18px}
 .dsm-trae-account-picker{display:block}
-.dsm-trae-usage-select-wrap{position:relative}
-.dsm-trae-usage-select{appearance:none;width:100%;font:inherit;padding:10px 34px 10px 12px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:10px;color:var(--dsw-alias-label-primary,#e6e6e6);background:var(--dsw-alias-bg-layer-3,#2a2c33);cursor:pointer;transition:border-color .15s,box-shadow .15s}
-.dsm-trae-usage-select:focus-visible{outline:none;border-color:var(--dsw-alias-brand-primary,#5686fe);box-shadow:0 0 0 3px rgba(86,134,254,.22)}
-.dsm-trae-usage-select:disabled{opacity:.6;cursor:default}
-.dsm-trae-usage-select-wrap::after{content:"";position:absolute;top:50%;right:12px;width:7px;height:7px;transform:translateY(-65%) rotate(45deg);border-right:1.6px solid var(--dsw-alias-label-secondary,#c6c9d0);border-bottom:1.6px solid var(--dsw-alias-label-secondary,#c6c9d0);pointer-events:none}
+/* The 璁剧疆 block: label + hint on the left, control on the right, one save for
+   the whole block. It replaces the bare checkbox rows that used to write on
+   every click 鈥?a draft needs a visible way back out, so each row carries its
+   own explanation and the footer carries the buttons. */
+/* The preference switches: BARE LINES, one per switch, each with its label
+   wrapped around the box so the whole line is a click target.
+ *
+ * The 璁剧疆 block used to be a bordered box with a heading, two rows and a
+ * 銆屼繚瀛樸€?銆屾斁寮冦€?footer. That is gone with the draft it existed to serve 鈥?this
+ * is the sibling dsh-connect-workbuddy card's shape, where a preference is a
+ * checkbox on a line that commits on the click. */
+.dsm-trae-prefs{display:flex;flex-direction:column;gap:8px}
+.dsm-trae-pref{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:18px;color:var(--dsw-alias-label-secondary,#c6c9d0);cursor:pointer}
+.dsm-trae-pref input{flex:none;margin:2px 0 0;cursor:pointer;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
+.dsm-trae-pref input:disabled{cursor:default}
+.dsm-trae-pref:has(input:disabled){opacity:.6;cursor:default}
+.dsm-trae-pref b{font-weight:500;color:var(--dsw-alias-label-primary,#e6e6e6)}
+.dsm-trae-pref-hint{color:var(--dsw-alias-label-tertiary,#9aa0a8)}
+.dsm-trae-pref span{min-width:0}
+/* The card's checkboxes are the platform's own, styled only with
+   accent-color 鈥?the SAME idiom .dsm-trae-mainui-switch-label above already
+   uses for the composer-line switch, and the one the sibling
+   dsh-connect-workbuddy card uses for its tab and credits boxes.
+ *
+ * These were drawn by hand for one release: a 34x20 track with a 14px knob,
+ * --dsw-alias-brand-primary when checked. That token is DSH's CONTRAST colour
+ * (#0f1115 light / #f9fafb dark), not an accent, so a checked box came out as a
+ * solid black pill 鈥?heavier than anything else in the card, and unrelated to
+ * the native box sitting two centimetres away in the composer toolbar. The
+ * platform checkbox tracks the host's own accent and dark mode for free. */
+.dsm-trae-switch{display:inline-flex;align-items:center;cursor:pointer}
+.dsm-trae-switch input{margin:0;cursor:pointer;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
+.dsm-trae-switch input:disabled{cursor:default}
+.dsm-trae-switch:has(input:disabled){opacity:.6;cursor:default}
+/* The account block is a real table: the question it answers is "which of these
+   accounts, and what is the action on each one" 鈥?a dropdown can only ever show
+   the one already chosen. */
+.dsm-trae-accounts{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:14px;background:var(--dsw-alias-bg-layer-2,#24262c)}
+.dsm-trae-accounts-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
+/* The refresh button must not be squeezed into two lines by a long hint. */
+.dsm-trae-accounts-head>button{flex:none;white-space:nowrap}
+.dsm-trae-accounts-title{margin:0;font-size:13px;font-weight:600;line-height:18px;color:var(--dsw-alias-label-primary,#e6e6e6)}
+.dsm-trae-accounts-hint{margin:3px 0 0;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary,#9aa0a8)}
+/* The account rows: two lines each 鈥?who the account is, then what it is worth
+   鈥?with the one action that applies to THAT row on the right. A four-column
+   table was the wrong instrument here: every field demanded its own header, the
+   columns drifted with the content ("LaoDing" vs a full expiry stamp), and the
+   bound row repeated its "in use" badge in two different columns. */
+/* The account table, shaped like the sibling WorkBuddy card's pool table: a
+   bordered container, a tinted header row, and one grid row per account whose
+   tracks are FRACTIONS of the container rather than sizes derived from the
+   content. That is the whole point 鈥?the previous four-column table let each
+   column grow with its own text, so the columns did not line up from row to row
+   and the table read as noise in a narrow panel. */
+.dsm-trae-account-table{display:flex;flex-direction:column;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:12px;overflow:hidden;background:var(--dsw-alias-bg-layer-2,#24262c)}
+/* Four tracks where the region has a check-in column, three where it does not
+   (the international region has no check-in at all: the ug/* family answers
+   404 on every ai gateway, so the column is absent rather than empty and
+   permanently unknown). The freed track goes to the account name. */
+.dsm-trae-account-row{display:grid;grid-template-columns:1.7fr 1.1fr 1fr 1.1fr;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.18));font-size:13px;color:var(--dsw-alias-label-secondary,#c6c9d0)}
+.dsm-trae-account-table:not(.dsm-trae-account-table-checkin) .dsm-trae-account-row{grid-template-columns:2.2fr 1.2fr 1.1fr}
+.dsm-trae-account-row:first-child{border-top:0}
+.dsm-trae-account-row-head{padding:7px 12px;background:var(--dsw-alias-bg-layer-3,#2a2c33);color:var(--dsw-alias-label-tertiary,#999);font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
+/* The serving row, findable at a glance: the accent bar is what distinguishes it
+   in a long table, where the 7%-opacity wash alone reads as a zebra stripe. */
+.dsm-trae-account-row-current{background:rgba(86,134,254,.07);box-shadow:inset 3px 0 0 var(--dsw-alias-brand-primary,#5686fe)}
+.dsm-trae-account-who{display:flex;align-items:center;gap:8px;min-width:0}
+.dsm-trae-account-who .dsm-trae-usage-dot{margin-right:0;flex:none}
+.dsm-trae-account-name{display:flex;flex-direction:column;gap:1px;min-width:0}
+.dsm-trae-account-name b{font-weight:500;color:var(--dsw-alias-label-primary,#e6e6e6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsm-trae-account-row-current .dsm-trae-account-name b{font-weight:600}
+/* Declared AFTER the blanket span rule above so it wins: the badge must not
+   inherit the muted 11px tertiary treatment the edition line uses. */
+.dsm-trae-account-name .dsm-trae-account-badge{align-self:flex-start;margin-top:2px;padding:1px 6px;border-radius:999px;font-size:10px;line-height:15px;font-weight:600;white-space:nowrap;color:var(--dsw-alias-brand-primary,#5686fe);background:rgba(86,134,254,.14)}
+.dsm-trae-account-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,#9aa0a8);min-width:0}
+.dsm-trae-account-meta i{font-style:normal;opacity:.4}
+.dsm-trae-account-note{font-size:11px;line-height:16px;color:var(--dsw-alias-state-error-primary,#ef4444)}
+/* Its own track, in tabular figures, so digits in different rows sit on the same
+   column of the grid instead of jittering with the glyph widths. */
+.dsm-trae-account-worth{display:flex;flex-direction:column;gap:1px;min-width:0;font-variant-numeric:tabular-nums}
+.dsm-trae-account-value{color:var(--dsw-alias-label-primary,#e6e6e6);font-weight:600}
+.dsm-trae-account-value-on{color:var(--dsw-alias-state-success-primary,#22a06b)}
+.dsm-trae-account-checkin-cell{display:flex;align-items:center;min-width:0}
+.dsm-trae-account-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end;flex:none}
+/* The per-row switch is the shared outline button, only smaller: one button
+   vocabulary in the card instead of a bespoke one per block. */
+.dsm-trae-account-row .dsm-trae-account-switch{padding:2px 10px;font-size:12px}
+@media (max-width:760px){.dsm-trae-account-row,.dsm-trae-account-table:not(.dsm-trae-account-table-checkin) .dsm-trae-account-row{grid-template-columns:1fr 1fr;row-gap:6px}.dsm-trae-account-row-head{display:none}}
+/* The check-in is the only action on this card that reaches upstream account
+   state, so it is the one button allowed a colour. Everything else in the row
+   defers to it. */
+.dsm-trae-account-checkin{appearance:none;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid rgba(86,134,254,.4);border-radius:7px;padding:2px 9px;font-size:12px;line-height:18px;font-weight:500;color:var(--dsw-alias-brand-primary,#5686fe);background:rgba(86,134,254,.08)}
+.dsm-trae-account-checkin:hover:not(:disabled){background:rgba(86,134,254,.16)}
+.dsm-trae-account-checkin:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:1px}
+/* A disabled check-in still STATES something ("claimed", "device used"), so it
+   stays readable 鈥?clearly inactive, not invisible. */
+.dsm-trae-account-checkin:disabled{opacity:.55;cursor:default;border-color:transparent;color:var(--dsw-alias-label-tertiary,#9aa0a8);background:transparent}
+/* The switch is the row's LIVE control, so it is brighter than the inert
+   check-in labels beside it: same shape, different weight. */
+.dsm-trae-account-switch{appearance:none;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:7px;padding:3px 8px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#c6c9d0);background:transparent}
+.dsm-trae-account-switch:hover:not(:disabled){color:var(--dsw-alias-brand-primary,#5686fe);background:rgba(86,134,254,.12)}
+.dsm-trae-account-switch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:1px}
+.dsm-trae-account-switch:disabled{opacity:.45;cursor:default}
 .dsm-trae-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;font-size:11px;font-weight:700;color:#111;background:linear-gradient(135deg,#ffd36e,#ffb84d);margin-right:6px}
 .dsm-trae-usage-list{display:flex;flex-direction:column;gap:10px}
 .dsm-trae-usage-text{margin:0;font-size:14px;line-height:22px;color:var(--dsw-alias-label-secondary,#b8b8b8)}
@@ -313,23 +422,30 @@ window.__ModuleLoader__.load({
    the hint tooltip rather than looking like its read-only sibling. */
 /* The sidebar-credit switch. Two instances share this style: the card's own
    row at the top and the copy beside the model actions (2.9.3). Without it the
-   checkbox rendered unstyled and read as absent — the whole reason the switch
+   checkbox rendered unstyled and read as absent 鈥?the whole reason the switch
    looked missing. */
 .dsm-trae-models-actions{display:flex;align-items:center;gap:8px;flex:none}
-}
-.dsm-trae-usage-alternative{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid var(--dsw-alias-state-warning-border,#7a5b12);border-radius:10px;background:var(--dsw-alias-state-warning-bg,#2a2313)}
+.dsm-trae-usage-alternative{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid var(--dsw-alias-state-warn-secondary,#fbbf24);border-radius:10px;background:var(--dsw-alias-state-warn-tertiary,#fef3c7)}
 .dsm-trae-usage-alternative-text{margin:0;flex:1 1 auto;font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary,#e6e6e6)}
 .dsm-trae-usage-switch-button{flex:0 0 auto;padding:5px 10px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:8px;background:var(--dsw-alias-bg-layer-3,#2c2f36);color:var(--dsw-alias-label-primary,#e6e6e6);font-size:12px;line-height:16px;cursor:pointer}
-.dsm-trae-usage-switch-button:hover:not(:disabled){background:var(--dsw-alias-bg-layer-4,#333740)}
+.dsm-trae-usage-switch-button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.14))}
 .dsm-trae-usage-switch-button:disabled{opacity:.5;cursor:not-allowed}
 .dsm-trae-usage-note{margin:8px 0 0;color:var(--dsw-alias-label-tertiary,#999);font-size:11px;line-height:16px}
+/* Credit-expiry notice, card copy. Three tones by urgency, so the 24-hour case
+   cannot be mistaken for the 7-day one at a glance. Reads as an advisory, not
+   an error: the account works fine, the credit is simply about to lapse. */
+.dsm-trae-expiry{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding:10px 12px;border:1px solid;border-radius:10px;font-size:12px;line-height:18px}
+.dsm-trae-expiry-soon{border-color:var(--dsw-alias-state-warn-secondary,#fbbf24);background:var(--dsw-alias-state-warn-tertiary,#fef3c7);color:var(--dsw-alias-label-primary,#e6e6e6)}
+.dsm-trae-expiry-week{border-color:var(--dsw-alias-border-l2,#3a3d45);background:var(--dsw-alias-bg-layer-3,#2c2f36);color:var(--dsw-alias-label-primary,#e6e6e6)}
+.dsm-trae-expiry-lapsed{border-color:var(--dsw-alias-border-l2,#3a3d45);background:var(--dsw-alias-bg-layer-3,#2c2f36);color:var(--dsw-alias-label-tertiary,#999)}
+.dsm-trae-expiry-detail{font-size:11px;line-height:16px;opacity:.8}
 .dsm-trae-models-hint{margin:4px 0 0;color:var(--dsw-alias-label-tertiary,#999);font-size:11px;line-height:16px}
 /* Verdict badge. Only a real refusal is coloured as a warning; an unknown
    verdict stays neutral because an inconclusive probe is not evidence against
    the model. */
 .dsm-trae-model-probe{flex:none;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:500;line-height:15px;white-space:nowrap}
 .dsm-trae-model-probe-available{color:var(--dsw-alias-state-success-primary,#22a06b);border:1px solid color-mix(in srgb,var(--dsw-alias-state-success-primary,#22a06b) 40%,transparent)}
-.dsm-trae-model-probe-gated,.dsm-trae-model-probe-unsupported{color:var(--dsw-alias-state-warning-primary,#d98f20);border:1px solid color-mix(in srgb,var(--dsw-alias-state-warning-primary,#d98f20) 40%,transparent)}
+.dsm-trae-model-probe-gated,.dsm-trae-model-probe-unsupported{color:var(--dsw-alias-state-warn-primary,#f59e0b);border:1px solid color-mix(in srgb,var(--dsw-alias-state-warn-primary,#f59e0b) 40%,transparent)}
 .dsm-trae-model-probe-auth{color:var(--dsw-alias-state-error-primary,#d92d20);border:1px solid color-mix(in srgb,var(--dsw-alias-state-error-primary,#d92d20) 40%,transparent)}
 .dsm-trae-model-probe-rate-limited,.dsm-trae-model-probe-unknown{color:var(--dsw-alias-label-tertiary,#999);border:1px solid color-mix(in srgb,var(--dsw-alias-label-tertiary,#999) 35%,transparent)}
 .dsm-trae-model-meta{display:flex;align-items:center;gap:7px 12px;flex-wrap:wrap;color:var(--dsw-alias-label-tertiary,#999);font-size:11px;line-height:16px}
@@ -368,8 +484,8 @@ window.__ModuleLoader__.load({
 		*
 		* SEPARATE from `TRAE_CARD_CSS`, and that is not tidiness: the card's CSS is
 		* only injected when the settings card module loads, so putting the composer's
-		* rules in it means the readout renders UNSTYLED in the composer toolbar —
-		* which is exactly what shipped in 2.13.0–2.13.4. The trigger fell back to the
+		* rules in it means the readout renders UNSTYLED in the composer toolbar 鈥?
+		* which is exactly what shipped in 2.13.0鈥?.13.4. The trigger fell back to the
 		* browser's default button box, and the panel, without `position: fixed`, had
 		* its inline left/top ignored and rendered nowhere useful.
 		*
@@ -377,14 +493,14 @@ window.__ModuleLoader__.load({
 		* renders has a rule here, so a rule cannot go missing without a test failing.
 		*/
 		const COMPOSER_POINTS_CSS = `
-/* The readout is plain composer text — no border, no fill at rest. The padding
+/* The readout is plain composer text 鈥?no border, no fill at rest. The padding
    is only the click target, invisible until the pointer arrives. */
 .dsm-trae-composer-points{display:inline-flex;align-items:center;min-width:0}
 .dsm-trae-composer-points-trigger{
   appearance:none;display:inline-flex;align-items:center;align-self:stretch;
   padding:2px 6px;border:0;border-radius:6px;background:transparent;
   /* EXPLICIT, not inherit. The composer row's own font and body colour are
-     noticeably larger and darker than the neighbouring controls — a credit
+     noticeably larger and darker than the neighbouring controls 鈥?a credit
      readout is secondary information and must not shout. 12px matches this
      plugin's original line; label-tertiary matches the shell's own composer-row
      control (ContextMeter), which is the sibling this reads alongside. */
@@ -396,7 +512,7 @@ window.__ModuleLoader__.load({
 .dsm-trae-composer-points-trigger:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.14))}
 .dsm-trae-composer-points-trigger:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:1px}
 /* The panel is portaled to document.body and positioned from the trigger, so it
-   MUST be fixed — otherwise the left/top it measures are ignored and it lands in
+   MUST be fixed 鈥?otherwise the left/top it measures are ignored and it lands in
    document flow. All material comes from shell tokens so it follows the theme. */
 .dsm-trae-composer-panel{
   position:fixed;z-index:1100;box-sizing:border-box;
@@ -450,7 +566,7 @@ window.__ModuleLoader__.load({
   color:var(--dsw-alias-label-primary,CanvasText);
 }
 /* The current account reads as current without shouting: a filled dot and a
-   slightly heavier weight. Disabled — pressing it would write a selection that
+   slightly heavier weight. Disabled 鈥?pressing it would write a selection that
    has not changed. */
 .dsm-trae-composer-panel-table tbody tr.dsm-trae-composer-panel-row-current td{font-weight:600}
 .dsm-trae-composer-panel-switch{
@@ -475,7 +591,7 @@ window.__ModuleLoader__.load({
   background:var(--dsw-alias-label-dimmed,rgba(127,127,127,.5));
 }
 .dsm-trae-composer-panel-table tr.dsm-trae-composer-panel-row-current .dsm-trae-composer-panel-dot{
-  background:var(--dsw-state-success,#22a06b);
+  background:var(--dsw-alias-state-success-primary,#22c55e);
 }
 .dsm-trae-composer-panel-foot{
   display:flex;justify-content:space-between;gap:8px;
@@ -485,7 +601,77 @@ window.__ModuleLoader__.load({
 }
 .dsm-trae-composer-panel-empty{margin:0;color:var(--dsw-alias-label-tertiary,GrayText)}
 .dsm-trae-composer-panel-error{margin:8px 0 0;color:var(--dsw-alias-state-error-primary,#d92d20);font-size:11px;line-height:16px}
+/* Credit-expiry notice. Three tones by urgency, so the 24-hour case cannot be
+   mistaken for the 7-day one at a glance. Reads as an advisory, not an error:
+   the account works fine, the credit is simply about to lapse. */
+.dsm-trae-expiry{
+  display:flex;flex-direction:column;gap:2px;
+  margin-top:9px;padding:8px 10px;border:1px solid;border-radius:8px;
+  font-size:11px;line-height:16px;
+}
+.dsm-trae-expiry-soon{
+  border-color:var(--dsw-alias-state-warn-secondary,#fbbf24);
+  background:var(--dsw-alias-state-warn-tertiary,#fef3c7);
+  color:var(--dsw-alias-label-primary,#1f2329);
+}
+.dsm-trae-expiry-week{
+  border-color:var(--dsw-alias-border-l2,rgba(127,127,127,.36));
+  background:transparent;
+  color:var(--dsw-alias-label-secondary,GrayText);
+}
+.dsm-trae-expiry-lapsed{
+  border-color:var(--dsw-alias-border-l2,rgba(127,127,127,.36));
+  background:transparent;
+  color:var(--dsw-alias-label-tertiary,GrayText);
+}
+.dsm-trae-expiry-detail{font-size:11px;line-height:16px;opacity:.85}
 `;
+		//#endregion
+		//#region src/client/plan-text.ts
+		/**
+		* The international region's "what plan is this account on" text.
+		*
+		* WHY THIS IS ITS OWN MODULE: three surfaces now answer that one question — the
+		* card's subscription box, the card's per-account rows, and the composer
+		* readout. Each previously carried its own copy of the verdict, which is how the
+		* card's box and its roster row were able to disagree about one account's tier
+		* (the box read the usage document's top-level `payStatus`, which the ai document
+		* does not always carry, while the row read the per-account state). A second
+		* implementation of the same rule is free to drift; there is now exactly one.
+		*
+		* @module dsh-connect-trae/client/plan-text
+		*/
+		/**
+		* Decide whether an international account is on a paid plan, and name the plan.
+		*
+		* Two independent things can entitle it: a package row (`has_package`) and a
+		* plan identity (`user_pay_identity_str`). Reading only the first is what
+		* rendered a Pro member as "No active package" in issue #19, so either one
+		* counts. The tier string rides separately so a caller can name the plan instead
+		* of only asserting a boolean.
+		*/
+		function planVerdict(payStatus) {
+			const tier = payStatus.payIdentityStr?.trim();
+			const paid = payStatus.hasPackage || traePlanIsPaid(payStatus.payIdentityStr);
+			return {
+				paid,
+				...tier === void 0 || tier === "" ? {} : { tier },
+				label: paid ? "row.subscribed" : "row.noPackage"
+			};
+		}
+		/**
+		* The verdict as ONE short string, for a surface that has a single slot.
+		*
+		* The composer readout is that surface: it is a few characters wide in the tool
+		* row, so it gets the tier name alone (`Pro`, `Free`) rather than the card's
+		* two-line label-plus-tier. When the upstream named no tier the label stands in,
+		* which is still strictly more than the dash the readout used to show for the
+		* whole international region.
+		*/
+		function planText(payStatus, t) {
+			const verdict = planVerdict(payStatus);
+			return verdict.tier === void 0 ? t(verdict.label) : verdict.tier;
+		}
 		//#endregion
 		//#region src/client/TraeUsageCard.tsx
 		/**
@@ -558,24 +744,6 @@ window.__ModuleLoader__.load({
 			return formatNumber(value);
 		}
 		/**
-		* The subscription row's verdict.
-		*
-		* Two independent things can entitle an international account: a package row
-		* (`has_package`) and a plan identity (`user_pay_identity_str`). Reading only
-		* the first is what rendered a Pro member as "No active package" in issue #19,
-		* so either one counts. The tier string is carried separately so the row can
-		* name the plan instead of just asserting a boolean.
-		*/
-		function payVerdict(payStatus) {
-			const tier = payStatus.payIdentityStr?.trim();
-			const paid = payStatus.hasPackage || traePlanIsPaid(payStatus.payIdentityStr);
-			return {
-				paid,
-				...tier === void 0 || tier === "" ? {} : { tier },
-				label: paid ? "row.subscribed" : "row.noPackage"
-			};
-		}
-		/**
 		* The verdict badge for one model, or null when it has not been tested.
 		*
 		* `unknown` renders as inconclusive, never as a failure: a throttle or a dropped
@@ -601,6 +769,53 @@ window.__ModuleLoader__.load({
 		function dotStyle(status) {
 			return { background: status === "signed-in" ? "var(--dsw-alias-state-success-primary, #22a06b)" : status === "error" ? "var(--dsw-alias-state-error-primary, #d92d20)" : "var(--dsw-alias-label-dimmed, #9aa0a6)" };
 		}
+		/**
+		* A warning that credit is about to lapse.
+		*
+		* The balance alone cannot express this: a pack lapsing in an hour and one
+		* lapsing next month both render as "150", so a user watching only the total
+		* loses the first one silently. The notice names the amount, the pack count and
+		* the soonest expiry, and escalates 7d → 24h → already-lapsed.
+		*
+		* Renders nothing when the upstream reported no end times at all — absence of
+		* expiry data is not evidence that nothing lapses, so the component stays
+		* silent rather than reassuring.
+		*/
+		function ExpiryNotice({ expiry, t, formatNumber: fmt, formatDateTime: fmtTime }) {
+			const { expired, within24h, within7d } = expiry;
+			let message;
+			let soonest;
+			let tone;
+			if (within24h.packs > 0) {
+				message = t("row.expiryWarningSoon", {
+					total: fmt(within24h.total),
+					packs: String(within24h.packs)
+				});
+				soonest = within24h.earliestExpiresAtMs;
+				tone = "dsm-trae-expiry-soon";
+			} else if (within7d.packs > 0) {
+				message = t("row.expiryWarningWeek", {
+					total: fmt(within7d.total),
+					packs: String(within7d.packs)
+				});
+				soonest = within7d.earliestExpiresAtMs;
+				tone = "dsm-trae-expiry-week";
+			} else if (expired.packs > 0) {
+				message = t("row.expiryWarningLapsed", {
+					total: fmt(expired.total),
+					packs: String(expired.packs)
+				});
+				tone = "dsm-trae-expiry-lapsed";
+			} else return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `dsm-trae-expiry ${tone}`,
+				role: "status",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: message }), soonest === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsm-trae-expiry-detail",
+					children: t("row.expiryEarliest", { time: fmtTime(soonest) })
+				})]
+			});
+		}
 		/** Render Trae sign-in state and the total usage summary as one expandable card. */
 		function TraeUsageCard({ t, settingsScope, view }) {
 			if (t === void 0) throw new Error("Trae usage card requires its translation function");
@@ -641,14 +856,6 @@ window.__ModuleLoader__.load({
 			/** Region whose on/off checkbox write is in flight, so its box can't race. */
 			const [togglingRegion, setTogglingRegion] = (0, react.useState)(void 0);
 			/**
-			* Whether a check-in claim is in flight. A single flag rather than a
-			* per-region map: the claim exists only on the CN tab, and one shared flag
-			* keeps a tab switch from stranding a second concurrent claim.
-			*/
-			const [claiming, setClaiming] = (0, react.useState)(false);
-			/** Last claim refusal, shown until the next successful refresh. */
-			const [claimError, setClaimError] = (0, react.useState)(void 0);
-			/**
 			* Outcome of the last "refresh accounts" press (issue #25).
 			*
 			* The rescan answers 200 with a fresh account list whether or not anything
@@ -659,21 +866,62 @@ window.__ModuleLoader__.load({
 			*/
 			const [rescanNote, setRescanNote] = (0, react.useState)(void 0);
 			/**
-			* Whether this MACHINE has spent today's check-in while the selected account
-			* has not been paid — the "switched account" state. Kept separate from
-			* `claimError` because it is not a failure: it is the upstream's one-per-
-			* device-per-day rule, and rendering it through the "签到失败：…" line would
-			* present a normal rule as a plugin fault.
+			* A preference the user just flipped, held only until its write lands.
+			*
+			* The 设置 block used to stage both switches in a draft written by 「保存」.
+			* That is GONE: the sibling dsh-connect-workbuddy card commits its preference
+			* checkboxes on the click, and a Save button for two booleans asks the user to
+			* remember something that has no reason to need remembering.
+			*
+			* What remains is the smallest thing that keeps a click honest: the box reads
+			* this optimistic value until the write settles, then falls back to the
+			* committed one. So a flip shows immediately, and a write that FAILS snaps the
+			* box back to the Host's value instead of leaving it claiming one that never
+			* landed.
 			*/
-			const [deviceSpentNotice, setDeviceSpentNotice] = (0, react.useState)(false);
+			const optimisticSettings = (0, react.useRef)({});
+			/** True while a preference is crossing the wire; serializes both writers. */
+			const [savingSettings, setSavingSettings] = (0, react.useState)(false);
+			/**
+			* Per-account status (check-in / balances / subscription) shown in each row of
+			* the account table, keyed by region then account id. Loaded per account via
+			* `TRAE_ACCOUNT_STATUS_PATH` once the table is shown; a row that failed to
+			* load (or that has not been read yet) simply renders without its figure,
+			* exactly as the composer table treats a missing balance.
+			*/
+			const [accountStatusByRegion, setAccountStatusByRegion] = (0, react.useState)({
+				cn: {},
+				ai: {}
+			});
+			/** Which account row is claiming right now, so only its button spins. */
+			const [claimingFor, setClaimingFor] = (0, react.useState)(void 0);
+			/**
+			* Per-account claim refusals, keyed by region then account id. A refusal is
+			* shown next to the row that caused it rather than in one global error line,
+			* because the check-in button now lives per account.
+			*/
+			const [claimErrorByRegion, setClaimErrorByRegion] = (0, react.useState)({
+				cn: {},
+				ai: {}
+			});
+			/**
+			* Whether this MACHINE has spent today's check-in for a given account — the
+			* "device is spent but this account was never rewarded" state, per account so
+			* it appears next to the row that owns it. Kept separate from the claim error
+			* because it is not a failure: it is the upstream's one-per-device-per-day
+			* rule, and rendering it through the "签到失败：…" line would present a normal
+			* rule as a plugin fault.
+			*/
+			const [deviceSpentByRegion, setDeviceSpentByRegion] = (0, react.useState)({
+				cn: {},
+				ai: {}
+			});
 			/**
 			* A refused or unpersisted settings write, surfaced instead of silently
 			* reverting. On 0.1.7 a rejected write resolves normally, so without this
 			* the control would flip and then quietly snap back on the next snapshot.
 			*/
 			const [writeError, setWriteError] = (0, react.useState)(void 0);
-			/** True while the composer-credit switch write is in flight. */
-			const [togglingCredits, setTogglingCredits] = (0, react.useState)(false);
 			const mounted = (0, react.useRef)(true);
 			(0, react.useEffect)(() => {
 				mounted.current = true;
@@ -682,21 +930,78 @@ window.__ModuleLoader__.load({
 				};
 			}, []);
 			/**
-			* Toggle the composer credit readout (`showPointsInMainUi`). The card's
-			* checkbox is the ONLY writer of this field — the readout itself carries no
-			* control — so there is exactly one path that can change it, and the write is
-			* read-back-checked like every other settings write in this card.
+			* The 设置 block: its committed values, its draft, and the ONE write path.
+			*
+			* The block commits on 「保存」 rather than on every click, so 「放弃」 has a
+			* meaning and a half-finished edit cannot land in the settings document. Both
+			* fields are written through `writeSettingsField`, which read-back checks the
+			* document — `set()` resolving has never been proof a value landed on this
+			* Host, so a saved-looking switch that silently reverted is exactly the
+			* failure that guard exists for.
+			*
+			* Committed values are read from the settings document, never echoed from
+			* local state: a write made elsewhere (the DSH settings form, another window)
+			* then shows up here instead of being shadowed by a stale copy.
+			*/
+			const committedSettings = {
+				followAppLogin: followAppLoginEnabled(settingsScope?.getSnapshot().value),
+				showPointsInMainUi: unwrapVolatileDeep(settingsScope?.getSnapshot().value)?.showPointsInMainUi === true
+			};
+			/**
+			* Ids for the block's label/hint wiring. `useId`, not constants: DSH can mount
+			* this card twice at once (the settings ROW and the expanded PAGE), and two
+			* copies sharing an id would leave the second switch labelled by the first
+			* card's element.
+			*/
+			/**
+			* What the two boxes render: the committed value, with any in-flight flip laid
+			* over it. Reading BOTH sources here is what lets the write above stay simple —
+			* it never has to write into component state that a Host refresh would fight.
+			*/
+			const settingsEdits = {
+				followAppLogin: optimisticSettings.current.followAppLogin ?? committedSettings.followAppLogin,
+				showPointsInMainUi: optimisticSettings.current.showPointsInMainUi ?? committedSettings.showPointsInMainUi
+			};
+			const settingsIds = (0, react.useId)();
+			const followLabelId = `${settingsIds}-follow`;
+			const followHintId = `${settingsIds}-follow-hint`;
+			const creditsLabelId = `${settingsIds}-credits`;
+			const creditsHintId = `${settingsIds}-credits-hint`;
+			/**
+			* Write ONE preference switch, on the click that flipped it.
+			*
+			* This replaced a draft + 「保存」/「放弃」 pair, which is what the sibling
+			* dsh-connect-workbuddy card does NOT have: its switches are plain checkboxes
+			* on a bare line that commit immediately, and a card that needs a Save button
+			* for two booleans is asking the user to remember something for no reason.
+			*
+			* The two writers are SERIALIZED by `savingSettings`, because they write the
+			* same settings document. The pattern is the tab bar's `toggleRegion`: flip
+			* optimistically so the box responds, then re-read the Host so a failed write
+			* snaps it back instead of leaving the box claiming a value that never landed.
 			*/
-			const toggleShowPointsInMainUi = async (enabled) => {
+			const writePreference = async (field, value) => {
 				if (settingsScope === void 0 || settingsScope.getSnapshot().writable !== true) return;
-				setTogglingCredits(true);
+				setSavingSettings(true);
 				setWriteError(void 0);
+				optimisticSettings.current = {
+					...optimisticSettings.current,
+					[field]: value
+				};
+				setSettingsRevision((revision) => revision + 1);
 				try {
-					await writeSettingsField(settingsScope, "showPointsInMainUi", enabled, (readBack) => unwrapVolatileDeep(readBack)?.showPointsInMainUi === enabled);
+					await writeSettingsField(settingsScope, field, value, (readBack) => field === "followAppLogin" ? followAppLoginEnabled(readBack) === value : unwrapVolatileDeep(readBack)?.showPointsInMainUi === value);
 				} catch (error) {
 					if (mounted.current) setWriteError(error instanceof Error ? error.message : t("row.requestFailed"));
 				} finally {
-					if (mounted.current) setTogglingCredits(false);
+					if (mounted.current) {
+						optimisticSettings.current = {
+							...optimisticSettings.current,
+							[field]: void 0
+						};
+						setSettingsRevision((revision) => revision + 1);
+					}
+					if (mounted.current) setSavingSettings(false);
 				}
 			};
 			(0, react.useEffect)(() => settingsScope?.subscribe(() => {
@@ -761,13 +1066,12 @@ window.__ModuleLoader__.load({
 				accounts: []
 			};
 			/**
-			* Drop a claim refusal when the tab changes. The error belongs to the region
-			* it came from — carrying it onto the other tab would attribute an
-			* international account's problem to the CN one (or the reverse).
+			* Clear in-flight claim state when the tab changes. `activeRegion` is a single
+			* value across both tabs, so a switch must not leave one row's claim spinning
+			* under the other tab.
 			*/
 			(0, react.useEffect)(() => {
-				setClaimError(void 0);
-				setDeviceSpentNotice(false);
+				setClaimingFor(void 0);
 			}, [activeRegion]);
 			(0, react.useEffect)(() => {
 				if (!open || !activeRegionOn || status.status !== "signed-in") return;
@@ -797,17 +1101,42 @@ window.__ModuleLoader__.load({
 					});
 					const body = await response.json();
 					if (!response.ok || !Array.isArray(body.accounts)) throw new Error(`HTTP ${response.status}`);
-					const selected = body.accounts.find((account) => account.selected);
+					/**
+					* What this press must persist, and why it is NOT `accounts.find(selected)`.
+					*
+					* The route's `selected` flag answers "which account is IN USE" — and the
+					* store reports the account it is bound to, OR, when no binding has ever
+					* been saved, the DETECTED default (`preferred`, i.e. whatever the Trae
+					* app is signed in to). Those are the same value on a machine that has
+					* been used for a while and diverge on exactly the press where it matters:
+					* a fresh install, or a Trae sign-in the plugin has not recorded yet.
+					*
+					* Reading the flag alone therefore meant "nothing was explicitly bound"
+					* reduced to "the detected default is what is in use, write nothing" —
+					* so the account the user just refreshed was shown as bound while
+					* `accounts.<region>` stayed EMPTY, and the next store rebuild (restart,
+					* or a Trae sign-in change) silently re-defaulted somewhere else. That is
+					* the "refreshed account was not saved" report.
+					*
+					* The rule is now: persist the account this region is actually using
+					* (the store's verdict, which is the truth the card is displaying), and
+					* fall back to the region's own roster only when the route returned no
+					* verdict at all. A row that is already the SAVED binding is left alone —
+					* one press must not rewrite the settings document for nothing.
+					*/
+					const inUse = body.accounts.find((account) => account.selected) ?? body.accounts[0];
 					const configured = configuredAccountsOf(settingsScope?.getSnapshot().value);
-					const followed = selected !== void 0 && selected.id !== configured[activeRegion] && settingsScope !== void 0 && settingsScope.getSnapshot().writable === true;
-					if (followed && settingsScope !== void 0) await writeSettingsField(settingsScope, "accounts", {
+					const alreadyBound = inUse !== void 0 && inUse.id === configured[activeRegion];
+					const writable = settingsScope !== void 0 && settingsScope.getSnapshot().writable === true;
+					const saved = inUse !== void 0 && !alreadyBound && writable;
+					if (saved && settingsScope !== void 0 && inUse !== void 0) await writeSettingsField(settingsScope, "accounts", {
 						...configured,
-						[activeRegion]: selected.id
-					}, (readBack) => configuredAccountsOf(readBack)[activeRegion] === selected.id);
+						[activeRegion]: inUse.id
+					}, (readBack) => configuredAccountsOf(readBack)[activeRegion] === inUse.id);
 					await refreshUsage(activeRegion);
 					if (mounted.current) setRescanNote(body.accounts.length === 0 ? t("row.accountsRefreshedNone") : t("row.accountsRefreshed", {
 						count: String(body.accounts.length),
-						selected: followed ? "" : ` · ${t("row.accountsKept")} ${selected?.accountName ?? selected?.id ?? "—"}`
+						selected: saved ? ` · ${t("row.accountsSaved")} ${inUse.accountName ?? inUse.id}` : ` · ${t("row.accountsKept")} ${inUse?.accountName ?? configured[activeRegion] ?? "—"}`
 					}));
 				} catch (error) {
 					if (mounted.current) {
@@ -829,6 +1158,7 @@ window.__ModuleLoader__.load({
 						[activeRegion]: accountId
 					}, (readBack) => configuredAccountsOf(readBack)[activeRegion] === accountId);
 					await refreshUsage(activeRegion);
+					loadAccountStatus(accountId, activeRegion);
 				} catch (error) {
 					if (mounted.current) setWriteError(error instanceof Error ? error.message : t("row.requestFailed"));
 				} finally {
@@ -851,30 +1181,61 @@ window.__ModuleLoader__.load({
 				await switchAccount(status.appLogin.id);
 			};
 			/**
-			* Toggle the follow-the-app switch (`followAppLogin`, issue #29): the Host's
-			* automatic rebind follows this field, so the card only commits it. OFF by
-			* default in the schema; an existing config keeps the strict bind it shipped
-			* with until the user ticks this.
+			* Load one account row's per-account state (check-in / balances /
+			* subscription) and cache it for the row. Called when the table renders and
+			* again after a claim so the reward/refusal lands on the row that owns it.
 			*/
-			const toggleFollowAppLogin = async (enabled) => {
-				if (settingsScope === void 0 || settingsScope.getSnapshot().writable !== true) return;
-				setWriteError(void 0);
+			const loadAccountStatus = async (accountId, region = activeRegion) => {
 				try {
-					await writeSettingsField(settingsScope, "followAppLogin", enabled, (readBack) => followAppLoginEnabled(readBack) === enabled);
-				} catch (error) {
-					if (mounted.current) setWriteError(error instanceof Error ? error.message : t("row.requestFailed"));
+					const url = `${withTraeRegion(TRAE_ACCOUNT_STATUS_PATH, region)}&accountId=${encodeURIComponent(accountId)}`;
+					const response = await fetch(url, {
+						headers: { accept: "application/json" },
+						credentials: "same-origin"
+					});
+					const body = await response.json().catch(() => ({}));
+					if (!response.ok) throw new Error(body.error ?? `HTTP ${response.status}`);
+					if (mounted.current) setAccountStatusByRegion((prev) => ({
+						...prev,
+						[region]: {
+							...prev[region],
+							[accountId]: body
+						}
+					}));
+					return body;
+				} catch {
+					return;
 				}
 			};
 			/**
-			* Claim today's check-in reward for the active tab's region.
+			* Re-read EVERY row of one region, not just the one that was acted on.
+			*
+			* Trae spends the DEVICE's daily check-in, not the account's, so one claim
+			* changes what every other row may do: they go from "check in" to "device
+			* already used". Re-reading only the claimed account left its siblings
+			* advertising a claim that could only come back 9095 — a row of live buttons
+			* of which exactly one could work, which is the same false promise the 3.2.0
+			* note refused bulk check-in for. Reading the siblings instead of guessing
+			* them means the server's own `didCheckedIn` decides, so a sibling that is
+			* still genuinely claimable (the device was not spent by this claim) keeps
+			* its button.
+			*/
+			const reloadAccountStatuses = async (region) => {
+				if (status.status !== "signed-in") return;
+				const ids = status.accounts.map((account) => account.id);
+				await Promise.all(ids.map((id) => loadAccountStatus(id, region)));
+			};
+			/**
+			* Claim today's check-in reward for ONE named account row (CN only).
 			*
 			* The Host route owns every guard that matters — POST only, loopback origin
 			* only, CN only, and a status read before the claim — because a browser-side
-			* check is not a guard. The button's own `disabled` is therefore a courtesy
-			* (it stops an obviously pointless click), not the protection.
+			* check is not a guard. The row button's own `disabled` is therefore a
+			* courtesy (it stops an obviously pointless click), not the protection. The
+			* body carries the `accountId`, so the claim reaches THAT account's
+			* credential without moving the whole binding.
 			*
 			* A refusal is not thrown away: the route answers `claimed: false` with the
-			* upstream's business code and message, and the card shows it. Three answers
+			* upstream's business code and message, and the row shows it. Three answers
 			* are distinguished rather than collapsed into "failed":
 			*
 			*  - `alreadyCheckedIn` — this ACCOUNT was already paid today; show it as
@@ -885,32 +1246,88 @@ window.__ModuleLoader__.load({
 			*    blame the plugin for an upstream rule.
 			*  - anything else — a real refusal, reported verbatim.
 			*/
-			const claimCheckin = async () => {
-				setClaiming(true);
-				setClaimError(void 0);
-				setDeviceSpentNotice(false);
+			const claimFor = async (accountId) => {
+				if (activeRegion !== "cn") return;
+				setClaimingFor(accountId);
+				setClaimErrorByRegion((prev) => {
+					const next = { ...prev[activeRegion] };
+					delete next[accountId];
+					return {
+						...prev,
+						[activeRegion]: next
+					};
+				});
+				setDeviceSpentByRegion((prev) => {
+					const next = { ...prev[activeRegion] };
+					delete next[accountId];
+					return {
+						...prev,
+						[activeRegion]: next
+					};
+				});
 				try {
 					const response = await fetch(withTraeRegion(TRAE_CHECKIN_PATH, activeRegion), {
 						method: "POST",
-						headers: { accept: "application/json" },
-						credentials: "same-origin"
+						headers: {
+							accept: "application/json",
+							"content-type": "application/json"
+						},
+						credentials: "same-origin",
+						body: JSON.stringify({ accountId })
 					});
 					const body = await response.json().catch(() => void 0);
 					if (!response.ok) throw new Error(body?.error ?? `HTTP ${response.status}`);
 					if (body?.claimed === false && body.deviceCheckedIn === true) {
+						setDeviceSpentByRegion((prev) => ({
+							...prev,
+							[activeRegion]: {
+								...prev[activeRegion],
+								[accountId]: true
+							}
+						}));
 						await refreshUsage(activeRegion);
-						if (mounted.current) setDeviceSpentNotice(true);
+						await reloadAccountStatuses(activeRegion);
 						return;
 					}
 					if (body?.claimed === false && body.alreadyCheckedIn !== true) throw new Error(body.message === void 0 || body.message === "" ? t("row.checkinRefused", { code: String(body.code ?? "") }) : `${t("row.checkinRefused", { code: String(body.code ?? "") })}: ${body.message}`);
 					await refreshUsage(activeRegion);
+					await reloadAccountStatuses(activeRegion);
 				} catch (error) {
-					if (mounted.current) setClaimError(error instanceof Error ? error.message : t("row.requestFailed"));
+					if (mounted.current) {
+						const message = error instanceof Error ? error.message : t("row.requestFailed");
+						setClaimErrorByRegion((prev) => ({
+							...prev,
+							[activeRegion]: {
+								...prev[activeRegion],
+								[accountId]: message
+							}
+						}));
+					}
 				} finally {
-					if (mounted.current) setClaiming(false);
+					if (mounted.current) setClaimingFor(void 0);
 				}
 			};
 			/**
+			* Load every account row's per-account status when the card shows a
+			* signed-in region. This is what makes the check-in buttons, balances, and
+			* (ai) subscription rows appear. It is scoped to a stable `status.accounts`
+			* identity so switching tabs or re-reading the document does not re-trigger a
+			* burst of upstream calls for rows already loaded.
+			*/
+			(0, react.useEffect)(() => {
+				if (!open || !activeRegionOn || status.status !== "signed-in" || status.accounts.length === 0) return;
+				status.accounts.map((account) => account.id).join("\0");
+				const loadedIds = accountStatusByRegion[activeRegion];
+				const todo = status.accounts.filter((account) => loadedIds[account.id] === void 0);
+				if (todo.length === 0) return;
+				for (const account of todo) loadAccountStatus(account.id, activeRegion);
+			}, [
+				open,
+				activeRegionOn,
+				status,
+				accountStatusByRegion
+			]);
+			/**
 			* Switch one region's provider off or on (issue #11). The write carries the
 			* region's whole slot through untouched — only `enabled` changes — so the
 			* user's directory, model picks, image opt-ins and budgets survive a
@@ -930,16 +1347,17 @@ window.__ModuleLoader__.load({
 				}
 			};
 			/**
-			* One-click availability test for the ENABLED models of the active region.
+			* One-click availability test for a list of models of the active region.
 			*
-			* One model per request, deliberately: the host probe is sequential anyway
-			* (Trae throttles bursts), and a per-model round trip lets each row show its
-			* verdict as soon as it is known instead of the card sitting blank for a
-			* minute. User-started, and it stops on the first authentication failure —
-			* every later probe would only repeat that answer.
+			* Shared by the「enabled models」and「all models」buttons: the only difference
+			* between them is which ids are sent — the enabled rows or the whole visible
+			* catalog. Each run goes one model per request, deliberately: the host probe
+			* is sequential anyway (Trae throttles bursts), and a per-model round trip
+			* lets each row show its verdict as soon as it is known instead of the card
+			* sitting blank for a minute. User-started, and it stops on the first
+			* authentication failure — every later probe would only repeat that answer.
 			*/
-			const testEnabledModels = async () => {
-				const ids = [...activeEnabledIds];
+			const testModels = async (ids) => {
 				setTestError(void 0);
 				setTestSummary(void 0);
 				if (ids.length === 0) {
@@ -1007,6 +1425,33 @@ window.__ModuleLoader__.load({
 					if (mounted.current) setTesting(void 0);
 				}
 			};
+			/** Test only the enabled models of the active region. */
+			const testEnabledModels = async () => {
+				const ids = [...activeEnabledIds];
+				if (ids.length === 0) {
+					setTestError(t("row.modelsTestEmpty"));
+					setTestSummary(void 0);
+					return;
+				}
+				testModels(ids);
+			};
+			/**
+			* One-click availability test for EVERY model in the active region's catalog,
+			* enabled or not — including the rows that are off and the rows the SOLO
+			* channel does not serve. The host validates each id against the live catalog
+			* and reports rows it does not know as skipped, so passing the whole visible
+			* list cannot spend quota on arbitrary config names. Costs quota per model —
+			* meaningfully more than the「enabled only」run, which the hint states.
+			*/
+			const testAllModels = async () => {
+				const ids = visibleModels.map((model) => model.id);
+				if (ids.length === 0) {
+					setTestError(t("row.modelsTestEmpty"));
+					setTestSummary(void 0);
+					return;
+				}
+				testModels(ids);
+			};
 			const refreshModels = async () => {
 				setBusy(true);
 				try {
@@ -1083,8 +1528,20 @@ window.__ModuleLoader__.load({
 			* message — it never sends one by itself.
 			*/
 			const rowImageIsAutomatic = (model) => model.multimodal === true;
-			/** The subscription row's verdict for the current account, when it has one. */
-			const payPlan = status.status === "signed-in" && status.payStatus !== void 0 ? payVerdict(status.payStatus) : void 0;
+			/**
+			* The international tab's plan is rendered by `rowValue`, in the account
+			* table's 额度 column — one place, per account, beside the account it belongs
+			* to.
+			*
+			* There used to be a SECOND surface for it: a standalone 「订阅状态」 box below
+			* the table, reporting the bound account's plan on its own. It was added to
+			* fix 「国际版没有那个积分框」 — an asymmetry against the CN tab's credit panel
+			* — but the table's 额度 column had since absorbed exactly that figure, so the
+			* box repeated the row directly above it. Two renderers of one verdict is the
+			* drift risk `plan-text.ts` exists to prevent, and the box could only ever
+			* restate what the marked 「当前使用」 row already said. It is gone; the row is
+			* the single surface.
+			*/
 			const activeContextBudgets = draft?.contextBudgets ?? savedContextBudgets;
 			const dirty = draft !== void 0;
 			/** Apply an edit to the ACTIVE tab's draft, seeding it from the current view. */
@@ -1167,6 +1624,85 @@ window.__ModuleLoader__.load({
 				}
 			};
 			const title = t("row.title");
+			/**
+			* Row labels for the account table.
+			*
+			* The raw `edition` token ("solo") told the user nothing about WHICH product a
+			* credential came from, which is exactly what made a leftover TRAE SOLO login
+			* indistinguishable from the Trae CN one they thought they were bound to
+			* (issue #25). Spell the product out, and keep the region as the second axis.
+			*/
+			const editionLabel = (edition) => t(`row.edition${edition === "cn" ? "Cn" : edition === "sg" ? "Sg" : edition === "solo" ? "Solo" : "SoloSg"}`);
+			const sourceLabel = (source) => source === "desktop" ? t("row.sourceDesktop") : source === "cli" ? t("row.sourceCli") : t("row.sourceDsh");
+			/**
+			* The trailing value on an account row's meta line: the account's general
+			* balance (CN) or its subscription verdict (ai).
+			*
+			* A status that has not loaded — or whose read failed — renders NOTHING
+			* rather than a dash. The row already names the account, its edition and its
+			* source; a column of placeholder glyphs was pure noise, and it made every
+			* row look like something was wrong. `undefined` means "no figure", never
+			* "zero".
+			*/
+			const rowValue = (state) => {
+				if (activeRegion === "ai") {
+					const payStatus = state?.payStatus;
+					if (payStatus === void 0) return void 0;
+					const verdict = planVerdict(payStatus);
+					if (!verdict.paid) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsm-trae-account-value",
+						children: t("row.noPackage")
+					});
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsm-trae-account-value dsm-trae-account-value-on",
+						children: verdict.tier === void 0 ? t("row.subscribed") : t("row.planTier", { tier: verdict.tier })
+					});
+				}
+				const figure = state?.credits?.generalAvailable;
+				if (figure === void 0) return void 0;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsm-trae-account-value",
+					children: t("row.accountBalance", { credits: formatNumber(figure) })
+				});
+			};
+			/**
+			* The CN check-in control for one account row.
+			*
+			* The reward rides INSIDE the button ("签到 +150") instead of sitting beside
+			* it as a second line, so the row says what the click pays without also
+			* carrying a "150 credits per day" caption. Four states, none of which lies:
+			*
+			*  - claimable — live, and names the payout.
+			*  - claiming — this row's own claim is in flight; only its button changes.
+			*  - claimed — `checkedIn`: this ACCOUNT was paid, so it reads as done.
+			*  - device spent — `didCheckedIn` (or a 9095 refusal from this row's click):
+			*    the DEVICE is spent but this account was never rewarded, so the button
+			*    says exactly that and stays disabled rather than reporting "done" for an
+			*    account that got nothing. The full rule lives in `title` — rendered as a
+			*    paragraph it dominated the row and drowned out the account itself.
+			*
+			* Until the row's status lands the button waits, disabled, so the row keeps
+			* its shape instead of reflowing the moment the read returns.
+			*/
+			const checkinControl = (account, state) => {
+				const checkin = state?.checkin;
+				const reward = checkin === void 0 ? void 0 : formatNumber(checkin.credits);
+				const claimed = checkin?.checkedIn === true;
+				const deviceSpent = deviceSpentByRegion[activeRegion][account.id] === true || checkin?.didCheckedIn === true;
+				const spending = claimingFor === account.id;
+				const usable = checkin !== void 0 && checkin.enabled;
+				const title = reward === void 0 || !usable ? t("row.checkinDisabled") : deviceSpent && !claimed ? t("row.checkinDeviceSpent") : claimed ? t("row.checkinClaimed") : t("row.checkinReward", { reward });
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "dsm-trae-account-checkin",
+					disabled: !usable || claimed || deviceSpent || spending,
+					title,
+					onClick: () => {
+						claimFor(account.id);
+					},
+					children: spending ? t("row.checkinClaiming") : claimed ? t("row.checkinClaimed") : deviceSpent ? t("row.checkinDeviceSpentShort") : !usable || reward === void 0 ? t("row.checkinClaim") : t("row.checkinClaimWith", { reward })
+				});
+			};
 			const label = status.status === "signed-in" ? t("row.signedIn", { accountName: status.accountName }) : status.status === "error" ? t("row.requestFailed") : t("row.signedOut");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: `dsm-plugin-card${open ? " dsm-plugin-card-open" : ""}`,
@@ -1229,7 +1765,7 @@ window.__ModuleLoader__.load({
 												style: dotStyle(regionStatus.status)
 											}), item === "cn" ? t("row.tabCn") : t("row.tabAi")]
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-											className: "dsm-trae-tab-switch",
+											className: "dsm-trae-switch dsm-trae-tab-switch",
 											title: t("row.tabSwitchHint"),
 											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 												type: "checkbox",
@@ -1258,86 +1794,174 @@ window.__ModuleLoader__.load({
 								role: "status",
 								children: t("row.tabOffNotice")
 							}),
-							activeRegion !== "cn" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsm-trae-mainui-switch",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "dsm-trae-mainui-switch-label",
-									title: t("row.showPointsInMainUiHint"),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsm-trae-prefs",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "dsm-trae-pref",
+									title: t("row.followAppLoginHint"),
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 										type: "checkbox",
-										checked: settingsValue?.showPointsInMainUi === true,
-										disabled: settingsScope?.getSnapshot().writable !== true || togglingCredits,
+										checked: settingsEdits.followAppLogin,
+										disabled: settingsScope?.getSnapshot().writable !== true || savingSettings,
+										"aria-describedby": followHintId,
 										onChange: (event) => {
-											toggleShowPointsInMainUi(event.currentTarget.checked);
+											writePreference("followAppLogin", event.currentTarget.checked);
 										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.showPointsInMainUi") })]
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsm-trae-mainui-switch",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "dsm-trae-mainui-switch-label",
-									title: t("row.followAppLoginHint"),
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										id: followHintId,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
+												id: followLabelId,
+												children: t("row.followAppLogin")
+											}),
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dsm-trae-pref-hint",
+												children: t("row.followAppLoginHint")
+											})
+										]
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "dsm-trae-pref",
+									title: t(activeRegion === "cn" ? "row.showPointsInMainUiHint" : "row.showPointsInMainUiHintAi"),
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 										type: "checkbox",
-										checked: followAppLoginEnabled(settingsValue),
-										disabled: settingsScope?.getSnapshot().writable !== true,
+										checked: settingsEdits.showPointsInMainUi,
+										disabled: settingsScope?.getSnapshot().writable !== true || savingSettings,
+										"aria-describedby": creditsHintId,
 										onChange: (event) => {
-											toggleFollowAppLogin(event.currentTarget.checked);
+											writePreference("showPointsInMainUi", event.currentTarget.checked);
 										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.followAppLogin") })]
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsm-trae-usage-account",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dsm-trae-usage-account-copy",
-									role: "status",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsm-trae-usage-status",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											"aria-hidden": "true",
-											className: "dsm-trae-usage-dot",
-											style: dotStyle(status.status)
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
-									}), status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsm-trae-usage-expiry",
-										children: t("row.tokenExpiry", { expiresAt: formatDateTime(status.tokenExpiresAtMs) })
-									}) : null]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "dsm-btn dsm-btn-outline",
-									disabled: busy,
-									onClick: () => {
-										rescanAccounts();
-									},
-									children: busy ? t("row.accountsScanning") : t("row.refreshTokens")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										id: creditsHintId,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
+												id: creditsLabelId,
+												children: t("row.showPointsInMainUi")
+											}),
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dsm-trae-pref-hint",
+												children: t(activeRegion === "cn" ? "row.showPointsInMainUiHint" : "row.showPointsInMainUiHintAi")
+											})
+										]
+									})]
 								})]
 							}),
-							status.status !== "error" && status.accounts.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-								className: "dsm-trae-account-picker",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								className: "dsm-trae-accounts",
 								"aria-label": t("row.accountsTitle"),
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "dsm-trae-usage-select-wrap",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-											className: "dsm-trae-usage-select",
-											value: status.status === "signed-in" ? status.accountId : "",
-											disabled: switchingAccount || settingsScope?.getSnapshot().writable !== true,
-											onChange: (event) => {
-												switchAccount(event.currentTarget.value);
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsm-trae-accounts-head",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+											className: "dsm-trae-accounts-title",
+											children: t("row.accountsTitle")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-trae-accounts-hint",
+											children: t("row.accountsHint")
+										})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsm-btn dsm-btn-outline",
+											disabled: busy,
+											onClick: () => {
+												rescanAccounts();
 											},
-											children: status.accounts.map((account) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
-												value: account.id,
+											children: busy ? t("row.accountsScanning") : t("row.refreshTokens")
+										})]
+									}),
+									status.status !== "signed-in" || status.accounts.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dsm-trae-usage-account",
+										role: "status",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsm-trae-usage-account-copy",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-trae-usage-status",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													"aria-hidden": "true",
+													className: "dsm-trae-usage-dot",
+													style: dotStyle(status.status)
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+											}), status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dsm-trae-usage-expiry",
+												children: t("row.tokenExpiry", { expiresAt: formatDateTime(status.tokenExpiresAtMs) })
+											}) : null]
+										})
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: `dsm-trae-account-table${activeRegion === "cn" ? " dsm-trae-account-table-checkin" : ""}`,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsm-trae-account-row dsm-trae-account-row-head",
+											role: "row",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.accountColumnAccount") }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.accountColumnValue") }),
+												activeRegion === "cn" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.accountColumnCheckin") }) : null,
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {})
+											]
+										}), status.accounts.map((account) => {
+											const current = status.status === "signed-in" && account.id === status.accountId;
+											const state = accountStatusByRegion[activeRegion][account.id];
+											const error = claimErrorByRegion[activeRegion][account.id];
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: `dsm-trae-account-row${current ? " dsm-trae-account-row-current" : ""}`,
+												role: "row",
 												children: [
-													account.accountName,
-													" · ",
-													account.region === "ai" ? t("row.regionAi") : t("row.regionCn"),
-													" · ",
-													t(`row.edition${account.edition === "cn" ? "Cn" : account.edition === "sg" ? "Sg" : account.edition === "solo" ? "Solo" : "SoloSg"}`)
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: "dsm-trae-account-who",
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															"aria-hidden": "true",
+															className: "dsm-trae-usage-dot",
+															style: dotStyle(account.selected ? "signed-in" : "signed-out")
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: "dsm-trae-account-name",
+															children: [
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: account.accountName }),
+																current ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: "dsm-trae-account-badge",
+																	children: t("row.accountCurrentBadge")
+																}) : null,
+																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	className: "dsm-trae-account-meta",
+																	children: [
+																		editionLabel(account.edition),
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+																			"aria-hidden": "true",
+																			children: "·"
+																		}),
+																		sourceLabel(account.source)
+																	]
+																}),
+																error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: "dsm-trae-account-note",
+																	role: "alert",
+																	children: t("row.checkinError", { message: error })
+																})
+															]
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsm-trae-account-worth",
+														children: rowValue(state)
+													}),
+													activeRegion === "cn" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsm-trae-account-checkin-cell",
+														children: checkinControl(account, state)
+													}) : null,
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsm-trae-account-actions",
+														children: current ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: "dsm-btn dsm-btn-outline dsm-trae-account-switch",
+															disabled: switchingAccount || settingsScope?.getSnapshot()?.writable !== true,
+															onClick: () => {
+																switchAccount(account.id);
+															},
+															children: switchingAccount ? t("row.accountSwitching") : t("row.accountSwitch")
+														})
+													})
 												]
-											}, account.id))
-										})
+											}, account.id);
+										})]
 									}),
 									status.status === "signed-in" && status.alternatives !== void 0 && status.alternatives.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "dsm-trae-usage-alternative",
@@ -1360,12 +1984,21 @@ window.__ModuleLoader__.load({
 											children: t("row.creditsAlternativeSwitch")
 										})]
 									}) : null,
+									status.status === "signed-in" && status.credits?.expiry !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpiryNotice, {
+										expiry: status.credits.expiry,
+										t,
+										formatNumber,
+										formatDateTime
+									}) : null,
 									status.status === "signed-in" && status.appLogin !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "dsm-trae-usage-alternative",
 										role: "status",
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 											className: "dsm-trae-usage-alternative-text",
-											children: t("row.appLoginMismatch", { account: status.appLogin.accountName })
+											children: t("row.appLoginMismatch", {
+												account: status.appLogin.accountName,
+												bound: status.accountName
+											})
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
 											className: "dsm-trae-usage-switch-button",
@@ -1373,7 +2006,7 @@ window.__ModuleLoader__.load({
 											onClick: () => {
 												followAppLogin();
 											},
-											children: t("row.appLoginFollow")
+											children: t("row.appLoginFollow", { account: status.appLogin.accountName })
 										})]
 									}) : null,
 									rescanNote === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -1382,132 +2015,8 @@ window.__ModuleLoader__.load({
 										children: rescanNote
 									})
 								]
-							}) : null,
+							}),
 							status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								status.payStatus === void 0 || payPlan === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dsm-trae-usage-list",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "dsm-trae-usage-stats dsm-trae-usage-stats-two",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-trae-usage-stat dsm-trae-usage-stat-general",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: "dsm-trae-usage-stat-head",
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "dsm-trae-usage-stat-label",
-														children: t("row.subscriptionLabel")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: `dsm-trae-usage-stat-badge ${payPlan.paid ? "dsm-trae-usage-stat-badge-on" : "dsm-trae-usage-stat-badge-off"}`,
-														children: t(payPlan.label)
-													})]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsm-trae-usage-stat-value dsm-trae-usage-stat-value-general",
-													children: status.payStatus.inTrial && status.payStatus.trialEndTimeMs > 0 ? t("row.trialUntil", { date: formatDateTime(status.payStatus.trialEndTimeMs) }) : [t(payPlan.label), payPlan.tier].filter(Boolean).join(" · ")
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsm-trae-usage-stat-hint",
-													children: status.payStatus.enableSoloLite || status.payStatus.enableSoloCoder || status.payStatus.enableSoloBuilder || status.payStatus.enableSoloWeb ? [
-														status.payStatus.enableSoloLite ? "SOLO Lite" : "",
-														status.payStatus.enableSoloCoder ? "SOLO Coder" : "",
-														status.payStatus.enableSoloBuilder ? "SOLO Builder" : "",
-														status.payStatus.enableSoloWeb ? "SOLO Web" : ""
-													].filter(Boolean).join(" · ") : status.payStatus.isDollarUsageBilling ? "dollar usage billing" : ""
-												})
-											]
-										})
-									})
-								}),
-								status.payStatusError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsm-trae-usage-error",
-									children: t("row.payStatusError", { message: status.payStatusError })
-								}),
-								status.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "dsm-trae-usage-list",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsm-trae-usage-stats dsm-trae-usage-stats-two",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-trae-usage-stat dsm-trae-usage-stat-work",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: "dsm-trae-usage-stat-head",
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "dsm-trae-usage-stat-label",
-														children: t("row.workCreditsLabel")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "dsm-trae-usage-stat-badge dsm-trae-usage-stat-badge-off",
-														children: t("row.workNotUsable")
-													})]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsm-trae-usage-stat-value dsm-trae-usage-stat-value-work",
-													children: formatNumber(status.credits.workAvailable)
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsm-trae-usage-stat-hint",
-													children: t("row.workUsableHint")
-												})
-											]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-trae-usage-stat dsm-trae-usage-stat-general",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: "dsm-trae-usage-stat-head",
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "dsm-trae-usage-stat-label",
-														children: t("row.generalCreditsLabel")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "dsm-trae-usage-stat-badge dsm-trae-usage-stat-badge-on",
-														children: t("row.generalUsable")
-													})]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsm-trae-usage-stat-value dsm-trae-usage-stat-value-general",
-													children: formatNumber(status.credits.generalAvailable)
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsm-trae-usage-stat-hint",
-													children: t("row.generalUsableHint")
-												})
-											]
-										})]
-									})
-								}),
-								status.creditsError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsm-trae-usage-error",
-									children: t("row.creditsError", { message: status.creditsError })
-								}),
-								status.checkin === void 0 ? null : (() => {
-									const accountClaimed = status.checkin.checkedIn;
-									const deviceSpent = !accountClaimed && (status.checkin.didCheckedIn || deviceSpentNotice);
-									const reward = formatNumber(status.checkin.credits);
-									const bonus = status.checkin.extraCredits === void 0 ? "" : ` + ${formatNumber(status.checkin.extraCredits)}`;
-									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsm-trae-checkin",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											className: "dsm-trae-checkin-copy",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-trae-checkin-label",
-												children: t("row.checkinLabel")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: "dsm-trae-checkin-hint",
-												children: [t("row.checkinReward", { reward: `${reward}${bonus}` }), accountClaimed ? ` · ${t("row.checkinDoneHint")}` : ""]
-											})]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: "dsm-btn dsm-btn-primary dsm-trae-checkin-button",
-											disabled: !status.checkin.enabled || accountClaimed || deviceSpent || claiming,
-											onClick: () => {
-												claimCheckin();
-											},
-											children: claiming ? t("row.checkinClaiming") : accountClaimed ? t("row.checkinClaimed") : t("row.checkinClaim")
-										})]
-									}), deviceSpent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-trae-checkin-note",
-										role: "status",
-										children: t("row.checkinDeviceSpent")
-									}) : null] });
-								})(),
 								status.checkin !== void 0 && !status.checkin.enabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 									className: "dsm-trae-usage-error",
 									children: t("row.checkinDisabled")
@@ -1516,11 +2025,6 @@ window.__ModuleLoader__.load({
 									className: "dsm-trae-usage-error",
 									children: t("row.checkinError", { message: status.checkinError })
 								}),
-								claimError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsm-trae-usage-error",
-									role: "alert",
-									children: t("row.checkinError", { message: claimError })
-								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 									className: "dsm-trae-models",
 									"aria-label": t("row.modelsTitle"),
@@ -1535,27 +2039,43 @@ window.__ModuleLoader__.load({
 												children: t("row.modelsSummary", { count: activeEnabledIds.size })
 											})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 												className: "dsm-trae-models-actions",
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: "dsm-btn dsm-btn-outline",
-													disabled: busy,
-													onClick: () => {
-														refreshModels();
-													},
-													children: busy ? t("row.modelsRefreshing") : t("row.modelsRefresh")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: "dsm-btn dsm-btn-outline",
-													disabled: busy || testing !== void 0 || activeEnabledIds.size === 0,
-													title: t("row.modelsTestHint"),
-													onClick: () => {
-														testEnabledModels();
-													},
-													children: testing === void 0 ? t("row.modelsTestEnabled") : t("row.modelsTesting", {
-														done: testing.done,
-														total: testing.total
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "dsm-btn dsm-btn-outline",
+														disabled: busy,
+														onClick: () => {
+															refreshModels();
+														},
+														children: busy ? t("row.modelsRefreshing") : t("row.modelsRefresh")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "dsm-btn dsm-btn-outline",
+														disabled: busy || testing !== void 0 || activeEnabledIds.size === 0,
+														title: t("row.modelsTestHint"),
+														onClick: () => {
+															testEnabledModels();
+														},
+														children: testing === void 0 ? t("row.modelsTestEnabled") : t("row.modelsTesting", {
+															done: testing.done,
+															total: testing.total
+														})
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "dsm-btn dsm-btn-outline",
+														disabled: busy || testing !== void 0 || visibleModels.length === 0,
+														title: t("row.modelsTestAllHint"),
+														onClick: () => {
+															testAllModels();
+														},
+														children: testing === void 0 ? t("row.modelsTestAll") : t("row.modelsTesting", {
+															done: testing.done,
+															total: testing.total
+														})
 													})
-												})]
+												]
 											})]
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -1897,20 +2417,30 @@ window.__ModuleLoader__.load({
 		*/
 		const COMPOSER_POINTS_REFRESH_INTERVAL_MS = 3e5;
 		/**
-		* Provider routes whose credit balance this readout can show, mapped to the
-		* region to read it from.
+		* Provider routes this readout serves, mapped to the region to read from.
+		*
+		* BOTH regions, but they do not show the same KIND of number, and that is the
+		* data's doing rather than a preference:
 		*
-		* CN ONLY, and the restriction is the data's, not a preference: the Host builds
-		* the international region's usage document from `payStatus` and never sets
-		* `credits` on it (`webStatusFor` returns early for `region === 'ai'`), because
-		* that side is subscription-based and has no comparable balance. Mapping
-		* `trae-global` here would render the hardcoded "Trae CN" label next to a dash
-		* — a number-slot with no number — while an international model is selected.
+		*  - `cn` is credit-based, so the readout shows the account's general balance.
+		*  - `ai` is subscription-based. The Host builds its usage document from
+		*    `payStatus` and never sets `credits` on it (`webStatusFor` returns early
+		*    for `region === 'ai'`), so there is no balance to show. What it does carry
+		*    is the PLAN, so the readout names the plan (`Pro` / `Free`) instead.
 		*
-		* Mirrors the CN half of `TRAE_PROVIDERS` on the host side; duplicated here
-		* because the client bundle must not import the host entry.
+		* The international route was previously omitted entirely, which meant the
+		* readout vanished while an international model was selected — the asymmetry a
+		* user reported. Omitting it was the safer half of a real problem (a plan-shaped
+		* document templated into a number slot renders a dash), but the fix is to
+		* render what that side actually has, not to render nothing.
+		*
+		* Mirrors `TRAE_PROVIDERS` on the host side; duplicated here because the client
+		* bundle must not import the host entry.
 		*/
-		const TRAE_COMPOSER_PROVIDERS = { "trae": "cn" };
+		const TRAE_COMPOSER_PROVIDERS = {
+			"trae": "cn",
+			"trae-global": "ai"
+		};
 		/** The general credit balance out of one usage document, or undefined. */
 		function generalCreditsOf(usage) {
 			if (usage.status !== "signed-in") return void 0;
@@ -1920,6 +2450,36 @@ window.__ModuleLoader__.load({
 		function formatCredits(value) {
 			return value.toLocaleString("en-US", { maximumFractionDigits: 0 });
 		}
+		/** The soonest expiry any bucket names, or undefined when none carries one. */
+		function soonestExpiryOf(expiry) {
+			return expiry.within24h.earliestExpiresAtMs ?? expiry.within7d.earliestExpiresAtMs ?? void 0;
+		}
+		/**
+		* Which urgency tone the notice takes.
+		*
+		* Escalation order matters: a live expiry the user can still act on outranks a
+		* lapsed one they cannot, even when the lapsed amount is larger.
+		*/
+		function expiryToneOf(expiry) {
+			if (expiry.within24h.packs > 0) return "dsm-trae-expiry-soon";
+			if (expiry.within7d.packs > 0) return "dsm-trae-expiry-week";
+			return "dsm-trae-expiry-lapsed";
+		}
+		/** The notice's headline sentence, naming the amount and the pack count. */
+		function expiryMessageOf(expiry, t) {
+			if (expiry.within24h.packs > 0) return t("row.expiryWarningSoon", {
+				total: formatCredits(expiry.within24h.total),
+				packs: String(expiry.within24h.packs)
+			});
+			if (expiry.within7d.packs > 0) return t("row.expiryWarningWeek", {
+				total: formatCredits(expiry.within7d.total),
+				packs: String(expiry.within7d.packs)
+			});
+			return t("row.expiryWarningLapsed", {
+				total: formatCredits(expiry.expired.total),
+				packs: String(expiry.expired.packs)
+			});
+		}
 		function formatClock(value) {
 			return new Date(value).toLocaleTimeString("zh-CN", {
 				hour: "2-digit",
@@ -1933,6 +2493,16 @@ window.__ModuleLoader__.load({
 			const activeRegion = region ?? owned;
 			const [usage, setUsage] = (0, react.useState)(void 0);
 			const [accountCredits, setAccountCredits] = (0, react.useState)(void 0);
+			/**
+			* Per-account PLANS, international region only.
+			*
+			* The CN panel reads the credit route; that route is CN-shaped (it calls the
+			* credit snapshot, which the ai document does not carry), so the international
+			* panel reads the per-account STATUS route instead — the same one the card's
+			* roster uses, which answers `payStatus` for ai. Reads only while the panel is
+			* open, for the same reason the credit route does.
+			*/
+			const [accountPlans, setAccountPlans] = (0, react.useState)(void 0);
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [switchingId, setSwitchingId] = (0, react.useState)(void 0);
 			const [failed, setFailed] = (0, react.useState)(false);
@@ -2018,17 +2588,51 @@ window.__ModuleLoader__.load({
 					controller.abort();
 				};
 			}, [owned, fetchUsage]);
+			/**
+			* Every account's PLAN, one status read per account — ai only.
+			*
+			* Costs one upstream call per account, paid only while the panel is open (the
+			* same rule the credit route follows). A failed read leaves that account's plan
+			* undefined, which the row renders as a dash: the row still switches accounts,
+			* which is the panel's primary job.
+			*/
+			const fetchAccountPlans = (0, react.useCallback)(async (signal) => {
+				if (activeRegion !== "ai") return;
+				const roster = usage?.status === "signed-in" ? usage.accounts.filter((account) => account.region === "ai") : [];
+				if (roster.length === 0) {
+					setAccountPlans({});
+					return;
+				}
+				const entries = await Promise.all(roster.map(async (account) => {
+					try {
+						const response = await fetch(`${withTraeRegion(TRAE_ACCOUNT_STATUS_PATH, "ai")}&accountId=${encodeURIComponent(account.id)}`, {
+							headers: { accept: "application/json" },
+							credentials: "same-origin",
+							...signal === void 0 ? {} : { signal }
+						});
+						if (!response.ok) throw new Error(`HTTP ${response.status}`);
+						const state = await response.json();
+						return [account.id, state.payStatus];
+					} catch {
+						return [account.id, void 0];
+					}
+				}));
+				if (!mounted.current || signal?.aborted === true) return;
+				setAccountPlans(Object.fromEntries(entries));
+			}, [activeRegion, usage]);
 			(0, react.useEffect)(() => {
 				if (!open || activeRegion === void 0) return void 0;
 				const controller = new AbortController();
-				fetchAccountCredits(controller.signal);
+				if (activeRegion === "ai") fetchAccountPlans(controller.signal);
+				else fetchAccountCredits(controller.signal);
 				return () => {
 					controller.abort();
 				};
 			}, [
 				open,
 				activeRegion,
-				fetchAccountCredits
+				fetchAccountCredits,
+				fetchAccountPlans
 			]);
 			(0, react.useEffect)(() => {
 				if (!open) return void 0;
@@ -2065,7 +2669,8 @@ window.__ModuleLoader__.load({
 					const readBack = configuredAccountsOf(settingsScope.getSnapshot().value);
 					if (accepted === false || readBack[activeRegion] !== accountId) throw new Error("the Host did not persist the switch");
 					await fetchUsage();
-					await fetchAccountCredits();
+					if (activeRegion === "ai") await fetchAccountPlans();
+					else await fetchAccountCredits();
 				} catch {
 					if (mounted.current) setFailed(true);
 				} finally {
@@ -2074,10 +2679,21 @@ window.__ModuleLoader__.load({
 			};
 			if (owned === void 0) return null;
 			const signedIn = usage?.status === "signed-in" ? usage : void 0;
-			const general = signedIn === void 0 ? void 0 : generalCreditsOf(signedIn);
 			const signedOut = usage !== void 0 && usage.status === "signed-out";
-			const valueText = general === void 0 ? "—" : formatCredits(general);
-			const label = t("composer.points");
+			const general = signedIn === void 0 ? void 0 : generalCreditsOf(signedIn);
+			/**
+			* What the readout shows after the separator.
+			*
+			* Region-dependent because the two sides answer different questions: CN has a
+			* spendable balance, ai has a plan. Reading the credit field on an ai document
+			* would always be `undefined` and print the dash this change exists to remove.
+			*/
+			const valueText = activeRegion === "ai" ? signedIn?.payStatus === void 0 ? "—" : planText(signedIn.payStatus, t) : general === void 0 ? "—" : formatCredits(general);
+			/**
+			* The label before the separator. Per REGION, not one hardcoded 'Trae CN':
+			* the international readout sat next to the wrong product name otherwise.
+			*/
+			const label = activeRegion === "ai" ? t("composer.pointsGlobal") : t("composer.points");
 			/**
 			* The table's rows: every account in this region, with its general balance.
 			*
@@ -2087,7 +2703,11 @@ window.__ModuleLoader__.load({
 			* than a spinner the user has to wait on.
 			*/
 			const selectedId = accountCredits?.find((account) => account.selected)?.id ?? (signedIn === void 0 ? void 0 : signedIn.accountId);
-			const rows = (accountCredits ?? (signedIn === void 0 ? [] : signedIn.accounts.filter((account) => account.region === activeRegion).map((account) => ({
+			const rows = (activeRegion === "ai" ? signedIn === void 0 ? [] : signedIn.accounts.filter((account) => account.region === "ai").map((account) => ({
+				id: account.id,
+				accountName: account.accountName,
+				selected: account.selected
+			})) : accountCredits ?? (signedIn === void 0 ? [] : signedIn.accounts.filter((account) => account.region === activeRegion).map((account) => ({
 				id: account.id,
 				accountName: account.accountName,
 				selected: account.selected
@@ -2124,13 +2744,13 @@ window.__ModuleLoader__.load({
 						top: 0
 					},
 					role: "dialog",
-					"aria-label": t("composer.panelTitle"),
+					"aria-label": activeRegion === "ai" ? t("composer.panelTitleGlobal") : t("composer.panelTitle"),
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsm-trae-composer-panel-head",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "dsm-trae-composer-panel-title",
-								children: t("composer.panelTitle")
+								children: activeRegion === "ai" ? t("composer.panelTitleGlobal") : t("composer.panelTitle")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: "dsm-trae-composer-panel-refresh",
@@ -2155,7 +2775,7 @@ window.__ModuleLoader__.load({
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 								scope: "col",
 								className: "dsm-trae-composer-panel-num",
-								children: t("composer.generalCredits")
+								children: activeRegion === "ai" ? t("composer.plan") : t("composer.generalCredits")
 							})] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: rows.map((row) => {
 								const current = row.id === selectedId;
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
@@ -2177,11 +2797,22 @@ window.__ModuleLoader__.load({
 										})
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 										className: "dsm-trae-composer-panel-num",
-										children: row.generalAvailable === void 0 ? "—" : formatCredits(row.generalAvailable)
+										children: activeRegion === "ai" ? (() => {
+											const payStatus = row.id === selectedId && signedIn?.payStatus !== void 0 ? signedIn.payStatus : accountPlans?.[row.id];
+											return payStatus === void 0 ? "—" : planText(payStatus, t);
+										})() : row.generalAvailable === void 0 ? "—" : formatCredits(row.generalAvailable)
 									})]
 								}, row.id);
 							}) })]
 						}),
+						activeRegion === "cn" && signedIn?.credits?.expiry !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: `dsm-trae-expiry ${expiryToneOf(signedIn.credits.expiry)}`,
+							role: "status",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: expiryMessageOf(signedIn.credits.expiry, t) }), soonestExpiryOf(signedIn.credits.expiry) === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsm-trae-expiry-detail",
+								children: t("row.expiryEarliest", { time: formatClock(soonestExpiryOf(signedIn.credits.expiry)) })
+							})]
+						}) : null,
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "dsm-trae-composer-panel-foot",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
@@ -2276,10 +2907,10 @@ window.__ModuleLoader__.load({
 			"row.collapse": "Collapse",
 			"row.tabCn": "Domestic",
 			"row.tabAi": "Global",
-			"row.tabHint": "Each tab is a separate provider (trae / trae-global) with its own account, usage, and models. Both sides are live at once: different sessions can pick from either side, and changes on one tab never touch the other.",
-			"row.tabSwitchHint": "Uncheck to switch this provider off. Its models disappear from the DSH model picker; its account, usage, and model settings are kept and return when you check it again.",
+			"row.tabHint": "Two independent providers, each with its own account, usage, and models. Both are live at once and never affect each other.",
+			"row.tabSwitchHint": "Turns this provider off: its models leave the DSH picker. Account and settings are kept.",
 			"row.tabSwitchAria": "Offer the {region} provider to DSH",
-			"row.tabOffNotice": "This provider is switched off: none of its models are offered to DSH. Your account, usage, and model settings are kept — check the box above the tab to bring it back.",
+			"row.tabOffNotice": "This provider is off: its models are not offered to DSH. Account and settings are kept.",
 			"row.settingsWriteFailed": "The setting was not saved: {message}",
 			"row.signedOut": "Not signed in",
 			"row.signedOutHint": "Sign in once in the Trae desktop app; this plugin follows that sign-in automatically.",
@@ -2304,52 +2935,68 @@ window.__ModuleLoader__.load({
 			"row.creditsConsumedLabel": "Consumed",
 			"row.creditsTotalLabel": "Total",
 			"row.creditsError": "Usage unavailable: {message}",
-			"row.checkinLabel": "Daily check-in",
 			"row.checkinReward": "{reward} credits per day",
-			"row.checkinClaim": "Claim today",
+			"row.checkinClaim": "Check in",
+			"row.checkinClaimWith": "Check in +{reward}",
 			"row.checkinClaiming": "Claiming…",
-			"row.checkinClaimed": "Claimed today",
-			"row.checkinDoneHint": "come back tomorrow",
+			"row.checkinClaimed": "Claimed",
 			"row.checkinRefused": "Trae refused the check-in (code {code})",
 			"row.checkinError": "Check-in failed: {message}",
 			"row.checkinDeviceSpent": "This machine already used today's check-in — Trae allows one per device per day, so this account cannot claim here today. Claim it on another device or from the account that checked in, or come back tomorrow.",
 			"row.checkinDisabled": "This account has no check-in activity available.",
-			"row.regionCn": "CN",
-			"row.regionAi": "International",
+			"row.checkinDeviceSpentShort": "Device used",
 			"row.subscriptionLabel": "Subscription",
 			"row.subscribed": "Active package",
 			"row.noPackage": "No active package",
+			"row.planTier": "{tier} plan",
 			"row.trialUntil": "Trial until {date}",
 			"row.payStatusError": "Subscription status unavailable: {message}",
+			"row.payStatusUnknown": "Plan not loaded yet",
 			"row.refresh": "Refresh",
 			"row.refreshTokens": "Refresh accounts & tokens",
 			"row.refreshCredits": "Refresh usage",
 			"row.refreshing": "Refreshing…",
 			"row.accountsTitle": "Trae account",
-			"row.accountsHint": "Choose from locally detected sign-ins. Tokens are never shown or saved in DSH settings.",
+			"row.accountsHint": "Sign-ins detected on this machine. Tokens are never shown or saved.",
 			"row.accountsRescan": "Detect accounts again",
 			"row.accountsScanning": "Detecting…",
+			"row.accountsNone": "This region reports no usable account.",
+			"row.accountCurrentBadge": "in use",
+			"row.accountSwitch": "Switch",
+			"row.accountSwitching": "Switching…",
+			"row.accountColumnAccount": "Account",
+			"row.accountColumnValue": "Balance",
+			"row.accountColumnCheckin": "Check-in",
+			"row.accountBalance": "{credits} credits",
+			"row.sourceDsh": "plugin copy",
 			"row.modelsTitle": "Models",
 			"row.modelsSummary": "{count} enabled",
 			"row.modelsRefresh": "Refresh from Trae",
 			"row.modelsRefreshing": "Refreshing models…",
 			"row.modelsTestEnabled": "Test enabled models",
+			"row.modelsTestAll": "Test all models",
 			"row.modelsTesting": "Testing {done}/{total}…",
 			"row.modelsTestHint": "Sends one minimal message per enabled model to see which ones actually answer. Costs a small amount of quota.",
+			"row.modelsTestAllHint": "The「test all」button probes every model in the catalog, enabled or not, so it spends noticeably more quota than the enabled-only run.",
 			"row.showPointsInMainUi": "Show credits in the composer row",
-			"row.showPointsInMainUiHint": "Show a clickable Trae CN · <balance> readout in the composer tool row, only while the selected model belongs to this plugin. Click it for the account and balance panel.",
+			"row.showPointsInMainUiHint": "A clickable readout in the composer tool row while a model from this plugin is selected: Trae CN · <balance> on the CN side, Trae Global · <plan> on the international one.",
+			"row.showPointsInMainUiHintAi": "A clickable readout in the composer tool row while a model from this plugin is selected: Trae Global · <plan>.",
 			"composer.switchTo": "Switch to {account}",
 			"composer.noAccounts": "No account in this region",
 			"composer.panelTitle": "Trae credits",
+			"composer.panelTitleGlobal": "Trae Global plan",
 			"composer.account": "Account",
 			"composer.generalCredits": "General credits",
+			"composer.plan": "Plan",
 			"composer.lastRefresh": "Last refreshed",
 			"composer.signedOut": "Not signed in",
 			"composer.points": "Trae CN",
+			"composer.pointsGlobal": "Trae Global",
 			"composer.refresh": "Refresh credits",
 			"composer.refreshing": "Refreshing credits…",
 			"composer.refreshFailed": "Could not refresh credits",
 			"row.accountsRefreshed": "Accounts refreshed: {count} found{selected}",
+			"row.accountsSaved": "bound to",
 			"row.accountsKept": "still bound to",
 			"row.accountsRefreshedNone": "Accounts refreshed: no usable Trae account found",
 			"row.accountsRescanFailed": "Could not refresh accounts: {message}",
@@ -2360,10 +3007,15 @@ window.__ModuleLoader__.load({
 			"row.creditsExhausted": "The bound account ({account}) has run out of credit",
 			"row.creditsAlternative": "Another account on this machine still has credit: {accounts}",
 			"row.creditsAlternativeSwitch": "Switch to it",
-			"row.appLoginMismatch": "Trae is signed in to {account}, but this plugin is still bound to the previous account",
-			"row.appLoginFollow": "Switch to it",
+			"row.expiryWarningSoon": "{total} credit lapses within 24 hours ({packs} packs)",
+			"row.expiryWarningWeek": "{total} credit lapses within 7 days ({packs} packs)",
+			"row.expiryWarningLapsed": "{total} credit has already lapsed but is still counted in the balance ({packs} packs)",
+			"row.expiryEarliest": "Earliest: {time}",
+			"row.appLoginMismatch": "Trae is signed in to {account}, but this plugin is bound to {bound}.",
+			"row.appLoginFollow": "Use {account}",
 			"row.followAppLogin": "Follow the account Trae is signed in to",
-			"row.followAppLoginHint": "When you switch accounts in the Trae desktop app, rebind to the new sign-in automatically instead of staying on the previous one. Off by default: an existing binding is kept until you tick this.",
+			"row.followAppLoginHint": "Rebind automatically when you switch accounts in the Trae desktop app. Off by default, so the current binding is kept.",
+			"row.settingsDirty": "Unsaved changes",
 			"row.modelsTestEmpty": "Enable at least one model first.",
 			"row.modelsTestError": "Test failed: {message}",
 			"row.modelsTestDone": "{available} of {total} answered.",
@@ -2396,10 +3048,10 @@ window.__ModuleLoader__.load({
 			"row.collapse": "收起",
 			"row.tabCn": "国内版",
 			"row.tabAi": "国际版",
-			"row.tabHint": "每个 tab 是一个独立供应商（trae / trae-global），各有自己的账号、用量与模型。两边同时生效：不同会话可各选一边，一侧的改动不影响另一侧。",
-			"row.tabSwitchHint": "取消勾选即关闭该供应商：它的模型不再出现在 DSH 模型选择器里；账号、用量与模型设置都会保留，重新勾选即恢复。",
+			"row.tabHint": "国内版与国际版是两个独立供应商，各有账号、用量与模型；两边同时生效，互不影响。",
+			"row.tabSwitchHint": "关闭该供应商：其模型不再提供给 DSH；账号与设置保留，可随时恢复。",
 			"row.tabSwitchAria": "是否向 DSH 提供{region}供应商",
-			"row.tabOffNotice": "该供应商已关闭：它的模型不会提供给 DSH。账号、用量与模型设置均已保留——勾选上方复选框即可恢复。",
+			"row.tabOffNotice": "该供应商已关闭，模型不会提供给 DSH。账号与设置均已保留。",
 			"row.settingsWriteFailed": "设置未能保存：{message}",
 			"row.signedOut": "未登录",
 			"row.signedOutHint": "在 Trae 桌面 App 里登录一次即可，插件会自动跟随当前登录的账号。",
@@ -2424,52 +3076,68 @@ window.__ModuleLoader__.load({
 			"row.creditsConsumedLabel": "消耗",
 			"row.creditsTotalLabel": "合计",
 			"row.creditsError": "用量查询失败：{message}",
-			"row.checkinLabel": "每日签到",
 			"row.checkinReward": "每日 {reward} 积分",
-			"row.checkinClaim": "立即领取",
+			"row.checkinClaim": "签到",
+			"row.checkinClaimWith": "签到 +{reward}",
 			"row.checkinClaiming": "领取中…",
-			"row.checkinClaimed": "今日已领取",
-			"row.checkinDoneHint": "明天再来",
+			"row.checkinClaimed": "已领取",
 			"row.checkinRefused": "Trae 拒绝了本次签到（业务码 {code}）",
 			"row.checkinError": "签到失败：{message}",
 			"row.checkinDeviceSpent": "本机今日的签到已用掉——Trae 按「每台设备每天一次」限制，所以当前账号在本机今天无法再签。可换一台设备领取，或用今天已签到的那台设备/账号，或明天再来。",
 			"row.checkinDisabled": "该账号当前没有可用的签到活动。",
-			"row.regionCn": "国内版",
-			"row.regionAi": "国际版",
+			"row.checkinDeviceSpentShort": "本机已签",
 			"row.subscriptionLabel": "订阅状态",
-			"row.subscribed": "已有有效套餐",
-			"row.noPackage": "暂无有效套餐",
+			"row.subscribed": "已有套餐",
+			"row.noPackage": "无套餐",
+			"row.planTier": "{tier} 套餐",
 			"row.trialUntil": "试用至 {date}",
 			"row.payStatusError": "订阅状态查询失败：{message}",
+			"row.payStatusUnknown": "套餐尚未读到",
 			"row.refresh": "刷新",
 			"row.refreshTokens": "刷新账号与 Token",
 			"row.refreshCredits": "刷新用量",
 			"row.refreshing": "正在刷新…",
 			"row.accountsTitle": "Trae 账号",
-			"row.accountsHint": "选择本机检测到的登录账号；Token 不会显示，也不会保存到 DSH 设置。",
+			"row.accountsHint": "本机检测到的登录账号；Token 不会显示或保存。",
 			"row.accountsRescan": "重新检测账号",
 			"row.accountsScanning": "正在检测…",
+			"row.accountsNone": "该区域没有可列出的账号。",
+			"row.accountCurrentBadge": "当前使用",
+			"row.accountSwitch": "切换",
+			"row.accountSwitching": "切换中…",
+			"row.accountColumnAccount": "账号",
+			"row.accountColumnValue": "额度",
+			"row.accountColumnCheckin": "签到",
+			"row.accountBalance": "积分 {credits}",
+			"row.sourceDsh": "插件副本",
 			"row.modelsTitle": "模型",
 			"row.modelsSummary": "已启用 {count} 个",
 			"row.modelsRefresh": "从 Trae 刷新",
 			"row.modelsRefreshing": "正在刷新模型…",
 			"row.modelsTestEnabled": "一键测试启用模型",
+			"row.modelsTestAll": "一键测试所有模型",
 			"row.modelsTesting": "正在测试 {done}/{total}…",
 			"row.modelsTestHint": "给每个已启用模型发一条最小消息，看哪些真的能应答。会消耗少量额度。",
+			"row.modelsTestAllHint": "「测试所有模型」会遍历目录里的每一个模型（含未启用的），消耗的额度明显多于「仅测试启用」。",
 			"row.showPointsInMainUi": "在输入框工具栏显示积分读数",
-			"row.showPointsInMainUiHint": "在输入框工具栏显示可点击的「Trae CN · 余额」读数，仅当选中的模型属于本插件时出现；点击可查看账号与积分明细。",
+			"row.showPointsInMainUiHint": "在输入框工具栏显示可点击读数（选中本插件模型时出现）：国内版为「Trae CN · 余额」，国际版为「Trae 国际版 · 套餐」。",
+			"row.showPointsInMainUiHintAi": "在输入框工具栏显示可点击读数（选中本插件模型时出现）：国际版为「Trae 国际版 · 套餐」。",
 			"composer.switchTo": "切换到 {account}",
 			"composer.noAccounts": "该区域暂无账号",
 			"composer.panelTitle": "Trae 积分",
+			"composer.panelTitleGlobal": "Trae 国际版套餐",
 			"composer.account": "账号",
 			"composer.generalCredits": "通用积分",
+			"composer.plan": "套餐",
 			"composer.lastRefresh": "最近刷新",
 			"composer.signedOut": "未登录",
 			"composer.points": "Trae CN",
+			"composer.pointsGlobal": "Trae 国际版",
 			"composer.refresh": "刷新积分",
 			"composer.refreshing": "正在刷新积分…",
 			"composer.refreshFailed": "积分刷新失败",
 			"row.accountsRefreshed": "已刷新账号：找到 {count} 个账号{selected}",
+			"row.accountsSaved": "已绑定",
 			"row.accountsKept": "仍绑定",
 			"row.accountsRefreshedNone": "已刷新账号：未找到可用的 Trae 账号",
 			"row.accountsRescanFailed": "刷新账号失败：{message}",
@@ -2480,10 +3148,15 @@ window.__ModuleLoader__.load({
 			"row.creditsExhausted": "当前绑定账号（{account}）额度已用尽",
 			"row.creditsAlternative": "本机还有可用账号：{accounts}",
 			"row.creditsAlternativeSwitch": "切换到它",
-			"row.appLoginMismatch": "Trae 当前登录的是 {account}，但本插件仍绑定在上一个账号",
-			"row.appLoginFollow": "切换过去",
+			"row.expiryWarningSoon": "有 {total} 积分将在 24 小时内过期（{packs} 个套餐）",
+			"row.expiryWarningWeek": "有 {total} 积分将在 7 天内过期（{packs} 个套餐）",
+			"row.expiryWarningLapsed": "有 {total} 积分已过期但仍计入余额（{packs} 个套餐）",
+			"row.expiryEarliest": "最早到期：{time}",
+			"row.appLoginMismatch": "Trae 已登录 {account}，但本插件绑定的是 {bound}。",
+			"row.appLoginFollow": "改用 {account}",
 			"row.followAppLogin": "跟随 Trae 当前登录的账号",
-			"row.followAppLoginHint": "在 Trae 桌面端切换登录后，自动换绑到新登录的账号，而不是停留在旧账号。默认关闭：已有绑定保持不变，直到你勾选它。",
+			"row.followAppLoginHint": "在 Trae 桌面端切换登录后自动换绑到新账号。默认关闭，已有绑定保持不变。",
+			"row.settingsDirty": "有未保存的修改",
 			"row.modelsTestEmpty": "请先启用至少一个模型。",
 			"row.modelsTestError": "测试失败：{message}",
 			"row.modelsTestDone": "{total} 个里有 {available} 个正常应答。",