dsh-codearts 1.2.2 → 1.2.4

package/lib/client/index.js

@@ -23,7 +23,7 @@ function stripModelSuffixes(name) {
 }
 //#endregion
 //#region \0dsh-css:/home/runner/work/dsh-codearts/dsh-codearts/src/client/CodeArtsPluginCard.module.css.mjs
-const css = ".xoziZG_card{border:.5px solid var(--dsw-alias-settings-card-stroke);border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-settings-card-fill);max-width:720px}.xoziZG_header{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.xoziZG_headText{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.xoziZG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:22px}.xoziZG_desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.xoziZG_statusLine{color:var(--dsw-alias-label-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:22px;display:inline-flex}.xoziZG_meta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}.xoziZG_body{border-top:.5px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 16px}.xoziZG_tabs{margin-top:12px}.xoziZG_tabPanel{padding-top:2px}.xoziZG_accountToolbar{gap:8px;margin-top:12px;display:flex}.xoziZG_accountToolbar>*{flex:1}.xoziZG_manualForm{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:12px}.xoziZG_accountCard{flex-direction:column;gap:10px;margin-top:12px;display:flex}.xoziZG_accountEntry{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-2)}.xoziZG_accountRow{align-items:center;gap:10px;padding:12px;display:flex}.xoziZG_claimAllRow{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:flex-end;padding:10px 12px 0;display:flex}.xoziZG_avatar{background:var(--dsw-alias-bg-layer-3);width:32px;height:32px;color:var(--dsw-alias-label-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.xoziZG_accountInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.xoziZG_accountNameRow{align-items:center;gap:6px;min-width:0;display:flex}.xoziZG_accountName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.xoziZG_accountRowActions{flex:none;gap:6px;display:flex}.xoziZG_accountHint{color:var(--dsw-alias-label-tertiary);margin:0;padding:0 12px 12px;font-size:12px;line-height:18px}.xoziZG_creditBlock{border-top:.5px solid var(--dsw-alias-border-l2);padding:12px}.xoziZG_balanceRow{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.xoziZG_balance{color:var(--dsw-alias-label-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:34px}.xoziZG_balanceUnit{color:var(--dsw-alias-label-secondary);font-size:12px}.xoziZG_balanceMeta{color:var(--dsw-alias-label-tertiary);margin-left:2px;font-size:12px}.xoziZG_updated{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.xoziZG_creditRows{flex-direction:column;gap:4px;margin-top:8px;display:flex}.xoziZG_creditRow{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;line-height:18px;display:flex}.xoziZG_usageBar{background:var(--dsw-alias-border-l2);border-radius:2px;height:4px;margin-top:4px;display:block;overflow:hidden}.xoziZG_usageFill{background:var(--dsw-alias-brand-primary);border-radius:2px;height:100%;transition:width .2s;display:block}.xoziZG_expiryRow{margin-top:2px}.xoziZG_expiryLabel{color:var(--dsw-alias-state-warn-label)}.xoziZG_bar{background:var(--dsw-alias-bg-layer-3);border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.xoziZG_barFill{background:var(--dsw-alias-state-warn-primary);border-radius:2px;height:100%;display:block}.xoziZG_creditLink{margin-top:8px;display:inline-block}.xoziZG_creditFooter{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.xoziZG_creditHint{color:var(--dsw-alias-label-tertiary);margin:8px 0 0;font-size:12px;line-height:18px}.xoziZG_section{margin-top:16px}.xoziZG_sectionHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.xoziZG_sectionLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:500}.xoziZG_count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.xoziZG_hint{color:var(--dsw-alias-label-secondary);margin:8px 0 0;font-size:13px;line-height:20px}.xoziZG_error{color:var(--dsw-alias-state-error-primary);margin:10px 0 0;font-size:13px;line-height:20px}.xoziZG_actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.xoziZG_danger{color:var(--dsw-alias-state-error-primary)}.xoziZG_link{appearance:none;color:var(--dsw-alias-brand-text);font:inherit;text-align:left;word-break:break-all;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.xoziZG_link:hover{text-decoration:underline}.xoziZG_choices{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_choiceRow{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;margin:0 -6px;padding:5px 6px;display:flex}.xoziZG_choiceRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.xoziZG_modelChart{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_modelRow{font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1.2fr) minmax(48px,1fr) 56px 52px 64px;align-items:center;gap:8px;padding:4px 0;display:grid}.xoziZG_modelName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}.xoziZG_modelTrack{background:var(--dsw-alias-border-l2);border-radius:4px;height:8px;display:block;overflow:hidden}.xoziZG_modelFill{background:var(--dsw-alias-brand-primary);border-radius:4px;height:100%;transition:width .16s;display:block}.xoziZG_modelTokens,.xoziZG_modelShare,.xoziZG_modelRequests{color:var(--dsw-alias-label-secondary);text-align:right;white-space:nowrap;font-size:11px;line-height:16px}.xoziZG_modelRequests{color:var(--dsw-alias-label-tertiary)}.xoziZG_check{flex:1;min-width:0}.xoziZG_check>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xoziZG_manual{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:0 12px}.xoziZG_manual[open]{padding-bottom:12px}.xoziZG_manualSummary{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;padding:9px 0;font-size:13px;list-style:none;display:flex}.xoziZG_manualSummary::-webkit-details-marker{display:none}.xoziZG_field{flex-direction:column;gap:5px;margin-top:10px;display:flex}.xoziZG_fieldLabel{color:var(--dsw-alias-label-tertiary);font-size:12px}.xoziZG_area{box-sizing:border-box;resize:vertical;border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:20px}.xoziZG_area::placeholder{color:var(--dsw-alias-label-dimmed)}.xoziZG_area:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}";
+const css = ".xoziZG_card{border:.5px solid var(--dsw-alias-settings-card-stroke);border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-settings-card-fill);max-width:720px}.xoziZG_header{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.xoziZG_headText{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.xoziZG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:22px}.xoziZG_desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.xoziZG_statusLine{color:var(--dsw-alias-label-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:22px;display:inline-flex}.xoziZG_meta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}.xoziZG_body{border-top:.5px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 16px}.xoziZG_tabs{margin-top:12px}.xoziZG_tabPanel{padding-top:2px}.xoziZG_accountToolbar{gap:8px;margin-top:12px;display:flex}.xoziZG_accountToolbar>*{flex:1}.xoziZG_manualForm{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:12px}.xoziZG_accountCard{flex-direction:column;gap:10px;margin-top:12px;display:flex}.xoziZG_accountEntry{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-2)}.xoziZG_accountRow{align-items:center;gap:10px;padding:12px;display:flex}.xoziZG_claimAllRow{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:flex-end;padding:10px 12px 0;display:flex}.xoziZG_avatar{background:var(--dsw-alias-bg-layer-3);width:32px;height:32px;color:var(--dsw-alias-label-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.xoziZG_accountInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.xoziZG_accountNameRow{align-items:center;gap:6px;min-width:0;display:flex}.xoziZG_accountName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.xoziZG_accountRowActions{flex:none;gap:6px;display:flex}.xoziZG_accountHint{color:var(--dsw-alias-label-tertiary);margin:0;padding:0 12px 12px;font-size:12px;line-height:18px}.xoziZG_creditBlock{border-top:.5px solid var(--dsw-alias-border-l2);padding:12px}.xoziZG_balanceRow{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.xoziZG_balance{color:var(--dsw-alias-label-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:34px}.xoziZG_balanceUnit{color:var(--dsw-alias-label-secondary);font-size:12px}.xoziZG_balanceMeta{color:var(--dsw-alias-label-tertiary);margin-left:2px;font-size:12px}.xoziZG_updated{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.xoziZG_creditRows{flex-direction:column;gap:4px;margin-top:8px;display:flex}.xoziZG_creditRow{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;line-height:18px;display:flex}.xoziZG_usageBar{background:var(--dsw-alias-border-l2);border-radius:2px;height:4px;margin-top:4px;display:block;overflow:hidden}.xoziZG_usageFill{background:var(--dsw-alias-brand-primary);border-radius:2px;height:100%;transition:width .2s;display:block}.xoziZG_expiryRow{margin-top:2px}.xoziZG_expiryLabel{color:var(--dsw-alias-state-warn-label)}.xoziZG_bar{background:var(--dsw-alias-bg-layer-3);border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.xoziZG_barFill{background:var(--dsw-alias-state-warn-primary);border-radius:2px;height:100%;display:block}.xoziZG_creditLink{margin-top:8px;display:inline-block}.xoziZG_creditFooter{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.xoziZG_creditHint{color:var(--dsw-alias-label-tertiary);margin:8px 0 0;font-size:12px;line-height:18px}.xoziZG_section{margin-top:16px}.xoziZG_sectionHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.xoziZG_sectionLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:500}.xoziZG_count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.xoziZG_hint{color:var(--dsw-alias-label-secondary);margin:8px 0 0;font-size:13px;line-height:20px}.xoziZG_error{color:var(--dsw-alias-state-error-primary);margin:10px 0 0;font-size:13px;line-height:20px}.xoziZG_actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.xoziZG_danger{color:var(--dsw-alias-state-error-primary)}.xoziZG_link{appearance:none;color:var(--dsw-alias-brand-text);font:inherit;text-align:left;word-break:break-all;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.xoziZG_link:hover{text-decoration:underline}.xoziZG_choices{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_choiceRow{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;margin:0 -6px;padding:5px 6px;display:flex}.xoziZG_choiceRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.xoziZG_statGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px;display:grid}.xoziZG_statCard{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);flex-direction:column;gap:1px;padding:8px 10px;display:flex}.xoziZG_statLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.xoziZG_statValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:15px;line-height:20px}.xoziZG_statSub{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}.xoziZG_modelChart{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_modelRow{font-variant-numeric:tabular-nums;border-radius:6px;grid-template-columns:minmax(0,1.2fr) minmax(48px,1fr) 56px 52px 64px;align-items:center;gap:8px;padding:4px 0;display:grid;position:relative}.xoziZG_modelRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.xoziZG_usageTip{z-index:5;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-3);min-width:180px;max-width:260px;color:var(--dsw-alias-label-secondary);text-align:left;font-variant-numeric:tabular-nums;pointer-events:none;padding:8px 10px;font-size:12px;line-height:1.9;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 10px 28px #00000073}.xoziZG_usageTipName{max-width:240px;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xoziZG_usageTipSep{background:var(--dsw-alias-border-l2);height:1px;margin:4px 0}.xoziZG_usageTipRow{justify-content:space-between;gap:24px;display:flex}.xoziZG_usageTipRow span:last-child{color:var(--dsw-alias-label-primary);font-weight:600}.xoziZG_modelName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}.xoziZG_modelTrack{background:var(--dsw-alias-border-l2);border-radius:4px;height:8px;display:block;overflow:hidden}.xoziZG_modelFill{background:var(--dsw-alias-brand-primary);border-radius:4px;height:100%;transition:width .16s;display:block}.xoziZG_modelTokens,.xoziZG_modelShare,.xoziZG_modelRequests{color:var(--dsw-alias-label-secondary);text-align:right;white-space:nowrap;font-size:11px;line-height:16px}.xoziZG_modelRequests{color:var(--dsw-alias-label-tertiary)}.xoziZG_check{flex:1;min-width:0}.xoziZG_check>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xoziZG_manual{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:0 12px}.xoziZG_manual[open]{padding-bottom:12px}.xoziZG_manualSummary{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;padding:9px 0;font-size:13px;list-style:none;display:flex}.xoziZG_manualSummary::-webkit-details-marker{display:none}.xoziZG_field{flex-direction:column;gap:5px;margin-top:10px;display:flex}.xoziZG_fieldLabel{color:var(--dsw-alias-label-tertiary);font-size:12px}.xoziZG_area{box-sizing:border-box;resize:vertical;border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:20px}.xoziZG_area::placeholder{color:var(--dsw-alias-label-dimmed)}.xoziZG_area:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}";
 const tagId = "dsh-codearts/CodeArtsPluginCard.module.css";
 if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 	const tag = document.createElement("style");
@@ -33,70 +33,79 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 	document.head.appendChild(tag);
 }
 var CodeArtsPluginCard_module_css_default = {
-	"accountToolbar": "xoziZG_accountToolbar",
-	"choices": "xoziZG_choices",
-	"bar": "xoziZG_bar",
-	"modelTokens": "xoziZG_modelTokens",
-	"modelRequests": "xoziZG_modelRequests",
-	"tabPanel": "xoziZG_tabPanel",
-	"accountCard": "xoziZG_accountCard",
+	"field": "xoziZG_field",
+	"manualForm": "xoziZG_manualForm",
+	"accountRow": "xoziZG_accountRow",
+	"section": "xoziZG_section",
+	"expiryLabel": "xoziZG_expiryLabel",
 	"check": "xoziZG_check",
-	"sectionHead": "xoziZG_sectionHead",
+	"balance": "xoziZG_balance",
+	"accountToolbar": "xoziZG_accountToolbar",
+	"barFill": "xoziZG_barFill",
+	"statLabel": "xoziZG_statLabel",
+	"meta": "xoziZG_meta",
+	"accountNameRow": "xoziZG_accountNameRow",
+	"expiryRow": "xoziZG_expiryRow",
+	"balanceUnit": "xoziZG_balanceUnit",
+	"accountInfo": "xoziZG_accountInfo",
 	"hint": "xoziZG_hint",
-	"modelShare": "xoziZG_modelShare",
-	"creditBlock": "xoziZG_creditBlock",
-	"manualForm": "xoziZG_manualForm",
-	"updated": "xoziZG_updated",
-	"accountRowActions": "xoziZG_accountRowActions",
-	"name": "xoziZG_name",
-	"creditRows": "xoziZG_creditRows",
-	"usageFill": "xoziZG_usageFill",
-	"modelName": "xoziZG_modelName",
-	"statusLine": "xoziZG_statusLine",
 	"count": "xoziZG_count",
-	"modelFill": "xoziZG_modelFill",
-	"accountInfo": "xoziZG_accountInfo",
-	"avatar": "xoziZG_avatar",
-	"headText": "xoziZG_headText",
+	"choices": "xoziZG_choices",
+	"usageFill": "xoziZG_usageFill",
 	"card": "xoziZG_card",
-	"expiryLabel": "xoziZG_expiryLabel",
+	"usageTipName": "xoziZG_usageTipName",
+	"balanceRow": "xoziZG_balanceRow",
+	"creditBlock": "xoziZG_creditBlock",
+	"header": "xoziZG_header",
+	"statSub": "xoziZG_statSub",
+	"usageTip": "xoziZG_usageTip",
+	"modelRequests": "xoziZG_modelRequests",
+	"usageBar": "xoziZG_usageBar",
+	"bar": "xoziZG_bar",
+	"creditRow": "xoziZG_creditRow",
 	"sectionLabel": "xoziZG_sectionLabel",
-	"desc": "xoziZG_desc",
-	"body": "xoziZG_body",
-	"claimAllRow": "xoziZG_claimAllRow",
-	"modelTrack": "xoziZG_modelTrack",
-	"manual": "xoziZG_manual",
 	"accountEntry": "xoziZG_accountEntry",
-	"creditLink": "xoziZG_creditLink",
-	"accountRow": "xoziZG_accountRow",
+	"modelTrack": "xoziZG_modelTrack",
+	"link": "xoziZG_link",
+	"updated": "xoziZG_updated",
+	"desc": "xoziZG_desc",
+	"avatar": "xoziZG_avatar",
 	"creditHint": "xoziZG_creditHint",
-	"header": "xoziZG_header",
-	"accountName": "xoziZG_accountName",
-	"modelChart": "xoziZG_modelChart",
-	"creditFooter": "xoziZG_creditFooter",
-	"section": "xoziZG_section",
+	"tabPanel": "xoziZG_tabPanel",
 	"fieldLabel": "xoziZG_fieldLabel",
-	"manualSummary": "xoziZG_manualSummary",
+	"modelName": "xoziZG_modelName",
+	"danger": "xoziZG_danger",
+	"statValue": "xoziZG_statValue",
+	"area": "xoziZG_area",
+	"claimAllRow": "xoziZG_claimAllRow",
+	"tabs": "xoziZG_tabs",
+	"usageTipSep": "xoziZG_usageTipSep",
+	"name": "xoziZG_name",
+	"headText": "xoziZG_headText",
+	"accountRowActions": "xoziZG_accountRowActions",
+	"sectionHead": "xoziZG_sectionHead",
 	"modelRow": "xoziZG_modelRow",
+	"modelFill": "xoziZG_modelFill",
 	"accountHint": "xoziZG_accountHint",
-	"expiryRow": "xoziZG_expiryRow",
+	"modelChart": "xoziZG_modelChart",
 	"error": "xoziZG_error",
-	"actions": "xoziZG_actions",
-	"meta": "xoziZG_meta",
-	"balanceRow": "xoziZG_balanceRow",
-	"tabs": "xoziZG_tabs",
-	"link": "xoziZG_link",
-	"choiceRow": "xoziZG_choiceRow",
-	"balanceUnit": "xoziZG_balanceUnit",
-	"creditRow": "xoziZG_creditRow",
-	"field": "xoziZG_field",
-	"accountNameRow": "xoziZG_accountNameRow",
-	"balance": "xoziZG_balance",
-	"usageBar": "xoziZG_usageBar",
+	"body": "xoziZG_body",
+	"manualSummary": "xoziZG_manualSummary",
 	"balanceMeta": "xoziZG_balanceMeta",
-	"barFill": "xoziZG_barFill",
-	"area": "xoziZG_area",
-	"danger": "xoziZG_danger"
+	"statGrid": "xoziZG_statGrid",
+	"choiceRow": "xoziZG_choiceRow",
+	"modelShare": "xoziZG_modelShare",
+	"accountName": "xoziZG_accountName",
+	"modelTokens": "xoziZG_modelTokens",
+	"creditLink": "xoziZG_creditLink",
+	"creditFooter": "xoziZG_creditFooter",
+	"manual": "xoziZG_manual",
+	"statusLine": "xoziZG_statusLine",
+	"creditRows": "xoziZG_creditRows",
+	"statCard": "xoziZG_statCard",
+	"accountCard": "xoziZG_accountCard",
+	"usageTipRow": "xoziZG_usageTipRow",
+	"actions": "xoziZG_actions"
 };
 //#endregion
 //#region src/client/CodeArtsPluginCard.tsx
@@ -115,7 +124,7 @@ function modelName(choice) {
 /** 官方用量明细页。 */
 const OFFICIAL_USAGE_URL = "https://codearts.huaweicloud.com/portal/settings/personal-usage";
 /** token 数按人类习惯缩写：12345 -> 12.3k。 */
-function formatTokens(value) {
+function formatTokens$1(value) {
 	if (!Number.isFinite(value)) return "0";
 	if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
 	if (value >= 1e3) return `${(value / 1e3).toFixed(1)}k`;
@@ -128,6 +137,10 @@ function formatCount(value) {
 function formatCredits(value) {
 	return Number.isFinite(value) ? new Intl.NumberFormat().format(Math.round(value)) : "0";
 }
+/** 浮层里的明细数字要精确到个位并带千分位，不用 k/M 缩写。 */
+function exactCount(value) {
+	return formatCredits(value);
+}
 /** 批量领取的 claimingId 哨兵（真实账号 id 不会等于它）。 */
 const CLAIM_ALL = "*";
 /** 一次领取操作的文案：优先用后端逐号结果，老后端只回一条时按 id 归位。 */
@@ -358,12 +371,25 @@ function ManualTokenForm({ t, token, label, busy, onToken, onLabel, onSubmit })
 	});
 }
 /**
+* 缓存命中率：缓存输入 / 全部输入，钳在 0~100。
+*
+* 上游没给缓存字段、或今天压根没有输入时返回 undefined —— 统计块里显示「—」，
+* 不要把「没有数据」写成「0%」。
+*/
+function hitPercentOf(totals) {
+	const cached = totals.cachedTokens ?? 0;
+	if (cached <= 0 || totals.promptTokens <= 0) return void 0;
+	return Math.min(100, Math.round(cached / totals.promptTokens * 100));
+}
+/**
 * 横向条形列表：名称 / 条 / token / 占比 / 请求数。
 *
 * 条长按「占组内总量的比例」画（不是按最大值归一化），所以几条加起来就是全部。
 * token 全 0 的日子（只有请求数、没收到 usage 帧）退回按请求数画。
 */
 function UsageBars({ rows, t }) {
+	/** 当前悬停的那一行；卡片浮层只在它上面出现。 */
+	const [hovered, setHovered] = (0, react.useState)(null);
 	const tokenMode = rows.some((row) => row.totals.totalTokens > 0);
 	const valueOf = (row) => tokenMode ? row.totals.totalTokens : row.totals.requests;
 	const sum = rows.reduce((total, row) => total + valueOf(row), 0);
@@ -374,13 +400,18 @@ function UsageBars({ rows, t }) {
 		children: top.map((row) => {
 			const value = valueOf(row);
 			const share = sum > 0 ? value / sum * 100 : 0;
-			const detail = [t("usageRequests", { n: formatCount(row.totals.requests) }), t("usageTokens", {
-				prompt: formatTokens(row.totals.promptTokens),
-				completion: formatTokens(row.totals.completionTokens)
+			const totals = row.totals;
+			const cached = totals.cachedTokens;
+			const pct = hitPercentOf(totals);
+			const detail = [t("usageRequests", { n: formatCount(totals.requests) }), t("usageTokens", {
+				prompt: formatTokens$1(totals.promptTokens),
+				completion: formatTokens$1(totals.completionTokens)
 			})].join(" · ");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: CodeArtsPluginCard_module_css_default.modelRow,
 				title: `${row.label} · ${detail}`,
+				onMouseEnter: () => setHovered(row.id),
+				onMouseLeave: () => setHovered((prev) => prev === row.id ? null : prev),
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: CodeArtsPluginCard_module_css_default.modelName,
@@ -395,7 +426,7 @@ function UsageBars({ rows, t }) {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: CodeArtsPluginCard_module_css_default.modelTokens,
-						children: tokenMode ? formatTokens(value) : formatCount(value)
+						children: tokenMode ? formatTokens$1(value) : formatCount(value)
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: CodeArtsPluginCard_module_css_default.modelShare,
@@ -403,7 +434,43 @@ function UsageBars({ rows, t }) {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: CodeArtsPluginCard_module_css_default.modelRequests,
-						children: t("usageRequestCount", { n: formatCount(row.totals.requests) })
+						children: t("usageRequestCount", { n: formatCount(totals.requests) })
+					}),
+					hovered === row.id && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: CodeArtsPluginCard_module_css_default.usageTip,
+						role: "tooltip",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipName,
+								children: row.label
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: CodeArtsPluginCard_module_css_default.usageTipSep }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipInput") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: exactCount(totals.promptTokens) })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipOutput") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: exactCount(totals.completionTokens) })]
+							}),
+							(totals.reasoningTokens ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipReasoning") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: exactCount(totals.reasoningTokens ?? 0) })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipCached") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: cached === void 0 ? t("usageTipNoCache") : exactCount(cached) })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: CodeArtsPluginCard_module_css_default.usageTipSep }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipRequests") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageRequestCount", { n: formatCount(totals.requests) }) })]
+							}),
+							pct !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipHit") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [pct, "%"] })]
+							})
+						]
 					})
 				]
 			}, row.id);
@@ -418,7 +485,6 @@ function UsageBars({ rows, t }) {
 * 「打断后重新提问要等」的原因。
 */
 function UsageSection({ usage, accounts, t }) {
-	const total = usage.today.requests;
 	const stateLabel = {
 		ok: t("usageStateOk"),
 		capped: t("usageStateCapped"),
@@ -436,7 +502,9 @@ function UsageSection({ usage, accounts, t }) {
 		label: entry.id.split(" · ")[0],
 		totals: entry.totals
 	}));
-	const hasUsage = usage.allTime.requests > 0 || total > 0;
+	const today = usage.today;
+	const hasUsage = usage.allTime.requests > 0 || today.requests > 0;
+	const hit = hitPercentOf(today);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: CodeArtsPluginCard_module_css_default.section,
 		children: [
@@ -447,7 +515,10 @@ function UsageSection({ usage, accounts, t }) {
 					children: t("usageTitle")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: CodeArtsPluginCard_module_css_default.count,
-					children: t("usageRequests", { n: formatCount(total) })
+					children: t("usageRange", {
+						today: formatCount(today.requests),
+						last30: formatCount(usage.last30.requests)
+					})
 				})]
 			}),
 			!hasUsage ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -455,38 +526,46 @@ function UsageSection({ usage, accounts, t }) {
 				children: t("usageEmpty")
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.choiceRow,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.name,
-						children: t("usageTodayTotal")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: CodeArtsPluginCard_module_css_default.meta,
-						children: [
-							t("usageRequests", { n: formatCount(total) }),
-							" · ",
-							t("usageTokens", {
-								prompt: formatTokens(usage.today.promptTokens),
-								completion: formatTokens(usage.today.completionTokens)
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.choiceRow,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.name,
-						children: t("usageLast30")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: CodeArtsPluginCard_module_css_default.meta,
-						children: [
-							t("usageRequests", { n: formatCount(usage.last30.requests) }),
-							" · ",
-							t("usageTokens", {
-								prompt: formatTokens(usage.last30.promptTokens),
-								completion: formatTokens(usage.last30.completionTokens)
-							})
-						]
-					})]
+					className: CodeArtsPluginCard_module_css_default.statGrid,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.statCard,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CodeArtsPluginCard_module_css_default.statLabel,
+									children: t("usageStatTokens")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CodeArtsPluginCard_module_css_default.statValue,
+									children: formatTokens$1(today.totalTokens)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: CodeArtsPluginCard_module_css_default.statSub,
+									children: [t("usageStatIn", { n: formatTokens$1(today.promptTokens) }), (today.reasoningTokens ?? 0) > 0 ? ` · ${t("usageStatThinking", { n: formatTokens$1(today.reasoningTokens ?? 0) })}` : ""]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.statCard,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CodeArtsPluginCard_module_css_default.statLabel,
+								children: t("usageStatHit")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CodeArtsPluginCard_module_css_default.statValue,
+								children: hit === void 0 ? "—" : `${hit}%`
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.statCard,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CodeArtsPluginCard_module_css_default.statLabel,
+								children: t("usageStatRequests")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CodeArtsPluginCard_module_css_default.statValue,
+								children: formatCount(today.requests)
+							})]
+						})
+					]
 				}),
 				accounts.length > 1 && accountRows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: CodeArtsPluginCard_module_css_default.hint,
@@ -548,6 +627,10 @@ function CodeArtsPluginCard({ t }) {
 	const [modelError, setModelError] = (0, react.useState)(null);
 	const [refreshing, setRefreshing] = (0, react.useState)(false);
 	const [refreshMsg, setRefreshMsg] = (0, react.useState)(null);
+	/** 正在实测的模型 id；同一时间只测一个，避免把上游并发槽位占满。 */
+	const [testingId, setTestingId] = (0, react.useState)(null);
+	/** 逐模型的测试结果（通过/失败 + 原因）。 */
+	const [testResults, setTestResults] = (0, react.useState)({});
 	/** 正在领取的账号 id；批量领取时是 CLAIM_ALL。null 表示没有在飞。 */
 	const [claimingId, setClaimingId] = (0, react.useState)(null);
 	/** 逐账号的领取结果文案。 */
@@ -763,6 +846,51 @@ function CodeArtsPluginCard({ t }) {
 		}
 	}
 	/**
+	* 实测某个模型现在能不能调用。
+	*
+	* 上游的清单会列出调不动的模型（81003.401），刷新救不了；只有真发一次最小请求
+	* 才知道。测试成功会清掉后端记的「异常」标记，所以结束后重拉一次 selection。
+	*/
+	async function testModel(id) {
+		setTestingId(id);
+		setTestResults((current) => {
+			const next = { ...current };
+			delete next[id];
+			return next;
+		});
+		try {
+			const res = await fetch("/api/codearts/test-model", {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					Accept: "application/json"
+				},
+				body: JSON.stringify({ id })
+			});
+			const data = await res.json().catch(() => null);
+			if (!res.ok) throw new Error(data?.message ?? `HTTP ${res.status}`);
+			setTestResults((current) => ({
+				...current,
+				[id]: {
+					ok: data?.ok === true,
+					message: data?.message ?? "",
+					ms: data?.ms
+				}
+			}));
+			await refreshSelection();
+		} catch (err) {
+			setTestResults((current) => ({
+				...current,
+				[id]: {
+					ok: false,
+					message: err instanceof Error ? err.message : String(err)
+				}
+			}));
+		} finally {
+			setTestingId(null);
+		}
+	}
+	/**
 	* 手动重拉一次模型目录。
 	*
 	* 存在的理由：限时福利名单会轮换（模型被移出、被转正），后台每小时才拉一次，
@@ -1143,30 +1271,55 @@ function CodeArtsPluginCard({ t }) {
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: CodeArtsPluginCard_module_css_default.choices,
-									children: selection.choices.map((choice) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: CodeArtsPluginCard_module_css_default.choiceRow,
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Checkbox, {
-												className: CodeArtsPluginCard_module_css_default.check,
-												checked: draft.includes(choice.id),
-												disabled: !selection.writable || savingModels,
-												onChange: (on) => setModel(choice.id, on),
-												label: modelName(choice)
-											}),
-											choice.benefit === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
-												tone: choice.blocked === true ? "warning" : "success",
-												children: choice.blocked === true ? t("benefitBlocked") : t("benefit")
-											}),
-											choice.ratio !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
-												tone: "quiet",
-												children: choice.ratio
-											}),
-											choice.supportsImages === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
-												tone: "quiet",
-												children: t("modelImages")
-											})
-										]
-									}, choice.id))
+									children: selection.choices.map((choice) => {
+										const result = testResults[choice.id];
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: CodeArtsPluginCard_module_css_default.choiceRow,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Checkbox, {
+													className: CodeArtsPluginCard_module_css_default.check,
+													checked: draft.includes(choice.id),
+													disabled: !selection.writable || savingModels,
+													onChange: (on) => setModel(choice.id, on),
+													label: modelName(choice)
+												}),
+												choice.benefit === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+													tone: choice.blocked === true ? "warning" : "success",
+													children: choice.blocked === true ? t("benefitBlocked") : t("benefit")
+												}),
+												choice.error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													title: choice.error,
+													style: { cursor: "help" },
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+														tone: "warning",
+														children: t("modelError")
+													})
+												}),
+												choice.ratio !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+													tone: "quiet",
+													children: choice.ratio
+												}),
+												choice.supportsImages === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+													tone: "quiet",
+													children: t("modelImages")
+												}),
+												draft.includes(choice.id) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+													variant: "outline",
+													size: "sm",
+													disabled: testingId !== null,
+													onClick: () => void testModel(choice.id),
+													children: testingId === choice.id ? t("testingModel") : t("testModel")
+												}),
+												result !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													title: result.ms === void 0 ? result.message : `${result.message}（${result.ms} ms）`,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+														tone: result.ok ? "success" : "warning",
+														children: result.ok ? t("testOk") : t("testFailed")
+													})
+												})
+											]
+										}, choice.id);
+									})
 								}),
 								selection.writable && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: CodeArtsPluginCard_module_css_default.actions,
@@ -1420,10 +1573,27 @@ const QUEUE_PATH = "/api/codearts/queue";
 const REFRESH_INTERVAL_MS = 6e4;
 /** 排队位置变得快：官方客户端也是 5 秒一次；这是本机路由，打不疼上游。 */
 const QUEUE_INTERVAL_MS = 5e3;
-/** 弹层宽度固定，好算它会不会顶出屏幕右边。 */
-const PANEL_WIDTH = 280;
+/**
+* 弹层宽度：只放「账号 + 积分」两列，所以按同类插件（dsh-connect-trae 的
+* `min(248px, …)`）取一档窄宽度 —— 这一层回答的是「哪个号还有多少积分」，
+* 用量数字不该把它撑成一张报表。
+*/
+const PANEL_WIDTH = 260;
 /** 弹层与那一行之间的缝隙。 */
 const PANEL_GAP = 8;
+/**
+* 弹层里每行的列模板：账号 | 积分。
+*
+* 数字列用 `auto`：它跟着最宽的那个余额自适应，面板不必为「12,600」预留固定宽度。
+* 输入 / 输出 / 缓存这些用量数字不进表格，收进整行的悬浮提示（{@link usageLine}），
+* 完整明细在设置卡片里看。
+*/
+const PANEL_ROW_COLUMNS = "minmax(0, 1fr) auto";
+/** 数字格统一右对齐 + 等宽数字，列才对得齐。 */
+const PANEL_NUM_CELL = {
+	justifySelf: "end",
+	fontVariantNumeric: "tabular-nums"
+};
 /** 那一行在输入框下方，往上开才够空间；给弹层留的最小高度，不够就翻到下面。 */
 const PANEL_MIN_ABOVE = 260;
 function readSelection(useProjection) {
@@ -1443,6 +1613,13 @@ function isCodeArts(selection) {
 function formatNumber(value) {
 	return new Intl.NumberFormat().format(Math.round(value));
 }
+/** 与设置卡片「用量」区块同一口径：12345 -> 12.3k。 */
+function formatTokens(value) {
+	if (!Number.isFinite(value)) return "0";
+	if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
+	if (value >= 1e3) return `${(value / 1e3).toFixed(1)}k`;
+	return String(Math.round(value));
+}
 function formatClock(ts) {
 	if (ts === void 0 || !Number.isFinite(ts)) return "";
 	try {
@@ -1454,6 +1631,24 @@ function formatClock(ts) {
 		return "";
 	}
 }
+/**
+* 弹层里那行用量：`入 12.3k · 出 697（思 505）· 命中 94% · 37 条`。
+*
+* 刻意比设置卡片里的完整版短：面板只有 260px，把「缓存 11.5k」也列上就会折成
+* 两三行，比原来那个悬浮提示还难看。缓存值本身由命中率表达（它是输入的占比），
+* 思考 token 也不在这里——它是输出的子集，放在设置卡片的统计块里。上游不给缓存
+* 字段就不显示命中率：显示成 0% 会被当成「没命中」而不是「没数据」。
+*/
+function usageLine(usage, t) {
+	const cached = usage.cachedTokens ?? 0;
+	const parts = [t("usageCompact", {
+		prompt: formatTokens(usage.promptTokens),
+		completion: formatTokens(usage.completionTokens)
+	})];
+	if (cached > 0 && usage.promptTokens > 0) parts.push(t("usageCacheHit", { pct: Math.min(100, Math.round(cached / usage.promptTokens * 100)) }));
+	parts.push(t("usageRequestCount", { n: formatNumber(usage.requests) }));
+	return parts.join(" · ");
+}
 /** 账号名与设置卡片同一套取法：备注 > 用户名 > id。 */
 function accountName(account) {
 	return account.label?.trim() || account.userName?.trim() || account.id;
@@ -1473,31 +1668,32 @@ function rowsOf(data) {
 			creditsError: data.creditsError
 		} : void 0);
 		const snapshot = entry?.credits;
+		const usage = data.usage?.byAccountToday?.[account.id];
 		return {
 			id: account.id,
 			name: accountName(account),
 			remain: snapshot?.credits.total.remain ?? null,
 			expiring: snapshot?.credits.total.expiring ?? 0,
+			...usage === void 0 ? {} : { usage },
 			...snapshot?.credits.fetchedAt === void 0 ? {} : { fetchedAt: snapshot.credits.fetchedAt },
 			...entry?.creditsError === void 0 ? {} : { error: entry.creditsError }
 		};
 	});
 }
-/** 把弹层钉在按钮边上：优先往上开（那一行本来就在输入框下面），放不下就翻到下面。 */
-function anchorOf(rect) {
-	const above = rect.top > PANEL_MIN_ABOVE;
-	const width = Math.min(PANEL_WIDTH, window.innerWidth - 16);
-	return {
-		left: Math.max(8, Math.min(rect.left, window.innerWidth - width - 8)),
-		top: above ? rect.top - PANEL_GAP : rect.bottom + PANEL_GAP,
-		above
-	};
+/**
+* 弹层往上开还是往下开。
+*
+* 位置不在这里算：fixed 元素遇到带 transform / backdrop-filter 的祖先时，坐标会
+* 相对那个祖先而不是视口（工具行就长在输入框卡片里），所以真实偏移要渲染后实测
+* （见组件里的 layout effect），这里只决定朝哪边翻。
+*/
+function placeAbove(rect) {
+	return rect.top > PANEL_MIN_ABOVE;
 }
-function CodeArtsCreditDock({ useProjection, t }) {
+function CodeArtsCreditDock({ useProjection, t, zone = "dock" }) {
 	const selection = readSelection(useProjection);
 	const active = isCodeArts(selection);
 	const [remain, setRemain] = (0, react.useState)(null);
-	const [total, setTotal] = (0, react.useState)(0);
 	const [rows, setRows] = (0, react.useState)([]);
 	/**
 	* 模型 id -> 目录条目（显示名 + 已格式化的倍率）。
@@ -1512,6 +1708,15 @@ function CodeArtsCreditDock({ useProjection, t }) {
 	});
 	const [queued, setQueued] = (0, react.useState)(null);
 	const [anchor, setAnchor] = (0, react.useState)(null);
+	/**
+	* 弹层的包含块原点（视口坐标）。
+	*
+	* fixed 只有在祖先没有 transform / backdrop-filter 时才是视口坐标；工具行长在输入框
+	* 卡片里，一旦撞上这类祖先，left/top 就会相对那个祖先算，弹层会飞到窗口外。做法是
+	* 先按 0,0 渲染但不可见，量出面板实际落在哪（就是包含块原点），再把目标坐标减掉它；
+	* 视口情形下量到 (0,0)，等于没动。
+	*/
+	const [origin, setOrigin] = (0, react.useState)(null);
 	const [refreshing, setRefreshing] = (0, react.useState)(false);
 	const mounted = (0, react.useRef)(true);
 	const triggerRef = (0, react.useRef)(null);
@@ -1549,7 +1754,6 @@ function CodeArtsCreditDock({ useProjection, t }) {
 				return;
 			}
 			setRemain(Math.round(pool.reduce((sum, item) => sum + item.credits.total.remain, 0)));
-			setTotal(Math.round(pool.reduce((sum, item) => sum + item.credits.total.total, 0)));
 		} catch {}
 	}, []);
 	(0, react.useEffect)(() => {
@@ -1612,6 +1816,19 @@ function CodeArtsCreditDock({ useProjection, t }) {
 			window.removeEventListener("scroll", close, true);
 		};
 	}, [anchor, close]);
+	(0, react.useLayoutEffect)(() => {
+		if (anchor === null) {
+			setOrigin(null);
+			return;
+		}
+		const el = panelRef.current;
+		if (el === null) return;
+		const rect = el.getBoundingClientRect();
+		setOrigin((prev) => prev !== null && Math.abs(prev.x - rect.left) < .5 && Math.abs(prev.y - rect.top) < .5 ? prev : {
+			x: rect.left,
+			y: rect.top
+		});
+	}, [anchor]);
 	(0, react.useEffect)(() => {
 		if (!active) return;
 		const self = rootRef.current;
@@ -1636,26 +1853,18 @@ function CodeArtsCreditDock({ useProjection, t }) {
 	if (!active) return null;
 	const showCredits = flags.credits && remain !== null;
 	const showQueue = flags.queue && queued !== null;
+	if (zone === "bar" && !showCredits) return null;
 	const modelId = currentOf(selection)?.model;
 	const entry = modelId === void 0 ? void 0 : modelInfo[modelId];
 	const modelLabel = entry === void 0 ? modelId ?? "" : stripModelSuffixes(entry.name);
 	const ratio = entry?.ratio;
 	const line = buildDockLine({
-		...showCredits ? { credits: t("creditsDock", { remain: formatNumber(remain ?? 0) }) } : {},
+		...zone === "bar" && showCredits ? { credits: t("creditsDock", { remain: formatNumber(remain ?? 0) }) } : {},
 		provider: "CodeArts",
 		...modelLabel === "" ? {} : { model: modelLabel },
 		...ratio === void 0 ? {} : { ratio },
-		...showQueue && queued !== null ? { queue: t("queueDock", { position: queued.position }) } : {}
+		...zone === "dock" && showQueue && queued !== null ? { queue: t("queueDock", { position: queued.position }) } : {}
 	}, t);
-	const queueTitle = queued === null ? void 0 : t("queueDockTitle", {
-		model: queued.model,
-		position: queued.position,
-		length: queued.length
-	});
-	const creditsTitle = showCredits ? t("creditsDockTitle", {
-		remain: remain ?? 0,
-		total
-	}) : void 0;
 	const fetchedAt = rows.reduce((latest, row) => Math.max(latest, row.fetchedAt ?? 0), 0);
 	const lastUpdated = fetchedAt > 0 ? formatClock(fetchedAt) : "";
 	const toggle = (event) => {
@@ -1663,7 +1872,13 @@ function CodeArtsCreditDock({ useProjection, t }) {
 			close();
 			return;
 		}
-		setAnchor(anchorOf(event.currentTarget.getBoundingClientRect()));
+		const rect = event.currentTarget.getBoundingClientRect();
+		const above = placeAbove(rect);
+		setAnchor({
+			left: rect.left,
+			top: above ? rect.top - PANEL_GAP : rect.bottom + PANEL_GAP,
+			above
+		});
 	};
 	const forceRefresh = async () => {
 		setRefreshing(true);
@@ -1687,7 +1902,6 @@ function CodeArtsCreditDock({ useProjection, t }) {
 			flex: "0 0 auto",
 			minWidth: "max-content"
 		},
-		title: queueTitle ?? creditsTitle,
 		children: [
 			line.credits !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				ref: triggerRef,
@@ -1695,7 +1909,6 @@ function CodeArtsCreditDock({ useProjection, t }) {
 				"aria-haspopup": "dialog",
 				"aria-expanded": anchor !== null,
 				"aria-label": t("creditsDockPanelTitle"),
-				title: creditsTitle,
 				onClick: toggle,
 				style: {
 					all: "unset",
@@ -1707,20 +1920,21 @@ function CodeArtsCreditDock({ useProjection, t }) {
 					whiteSpace: "inherit"
 				},
 				children: line.credits
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			}), zone === "dock" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				"aria-hidden": "true",
 				children: " · "
 			})] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: line.rest }),
+			zone === "dock" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: line.rest }),
 			anchor !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				ref: panelRef,
 				role: "dialog",
 				"aria-label": t("creditsDockPanelTitle"),
 				style: {
 					position: "fixed",
-					left: anchor.left,
-					top: anchor.top,
-					transform: anchor.above ? "translateY(-100%)" : void 0,
+					left: origin === null ? 0 : anchor.left - origin.x,
+					top: origin === null ? 0 : anchor.top - origin.y,
+					transform: anchor.above && origin !== null ? "translateY(-100%)" : void 0,
+					visibility: origin === null ? "hidden" : "visible",
 					width: PANEL_WIDTH,
 					maxWidth: "calc(100vw - 16px)",
 					zIndex: 1e3,
@@ -1759,31 +1973,34 @@ function CodeArtsCreditDock({ useProjection, t }) {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: {
-							display: "grid",
-							gridTemplateColumns: "minmax(0, 1fr) auto",
-							gap: "4px 12px",
-							alignItems: "center",
+							display: "flex",
+							flexDirection: "column",
+							gap: 10,
 							borderTop: "0.5px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.22))",
 							paddingTop: 8,
+							fontSize: 12,
 							color: "var(--dsw-alias-label-tertiary)"
 						},
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsDockColAccount") }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { justifySelf: "end" },
-								children: t("creditsDockColBalance")
-							}),
-							rows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { gridColumn: "1 / -1" },
-								children: t("creditsDockEmpty")
-							}),
-							rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: { display: "contents" },
+						children: [rows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsDockEmpty") }), rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								flexDirection: "column",
+								gap: 2,
+								minWidth: 0
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "grid",
+									gridTemplateColumns: PANEL_ROW_COLUMNS,
+									gap: "0 8px",
+									alignItems: "center",
+									minWidth: 0
+								},
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									style: {
 										display: "flex",
 										alignItems: "center",
-										gap: 6,
+										gap: 5,
 										minWidth: 0
 									},
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: row.remain === null ? "warning" : "done" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1797,14 +2014,19 @@ function CodeArtsCreditDock({ useProjection, t }) {
 										children: row.name
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									style: {
-										justifySelf: "end",
-										fontVariantNumeric: "tabular-nums"
-									},
+									style: PANEL_NUM_CELL,
 									children: row.remain === null ? "—" : formatNumber(row.remain)
 								})]
-							}, row.id))
-						]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: {
+									paddingLeft: 11,
+									fontSize: 11,
+									lineHeight: "15px",
+									color: "var(--dsw-alias-label-tertiary)"
+								},
+								children: row.usage === void 0 ? t("creditsDockNoTokens") : `${t("usageToday")} ${usageLine(row.usage, t)}`
+							})]
+						}, row.id))]
 					}),
 					rows.filter((row) => row.expiring > 0).map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						style: {
@@ -1868,6 +2090,11 @@ const zh = {
 	benefitBlocked: "福利今日不可用",
 	benefitBlockedHint: "{n} 个福利模型今天被上游判定没有权益（活动领完或渠道未开），发出去会直接报 benefit not found。",
 	modelImages: "识图",
+	modelError: "异常",
+	testModel: "测试",
+	testingModel: "测试中…",
+	testOk: "通过",
+	testFailed: "失败",
 	refreshModels: "刷新模型列表",
 	refreshing: "刷新中…",
 	refreshed: "已刷新：{n} 个模型，其中 {benefit} 个走福利路由",
@@ -1884,12 +2111,25 @@ const zh = {
 	modelsLoading: "模型勾选区加载中…（若长期不出现，请确认已登录且 DSH 已完全重启）",
 	usageTitle: "本机用量",
 	usageToday: "今日",
-	usageTodayTotal: "今日合计",
-	usageLast30: "近 30 天",
-	usageByAccount: "今日按账号",
+	usageRange: "今日 {today} 条 · 近 30 天 {last30} 条",
+	usageStatTokens: "今日 token",
+	usageStatIn: "输入 {n}",
+	usageStatThinking: "思考 {n}",
+	usageTipInput: "输入",
+	usageTipOutput: "输出",
+	usageTipReasoning: "思考",
+	usageTipCached: "缓存命中",
+	usageTipNoCache: "上游未下发",
+	usageTipRequests: "请求",
+	usageTipHit: "命中率",
+	usageStatHit: "缓存命中",
+	usageStatRequests: "今日请求",
 	usageRequests: "{n} 次请求",
+	usageByAccount: "今日按账号",
 	usageRequestCount: "{n} 条",
 	usageTokens: "输入 {prompt} · 输出 {completion}",
+	usageCompact: "入 {prompt} · 出 {completion}",
+	usageCacheHit: "命中 {pct}%",
 	usageAllTime: "累计（{days} 天）",
 	usageByModel: "今日按模型",
 	usageSlots: "会话槽位",
@@ -1916,8 +2156,7 @@ const zh = {
 	creditsDockPanelTitle: "CodeArts 积分",
 	creditsDockRefresh: "刷新积分",
 	creditsDockRefreshing: "刷新中…",
-	creditsDockColAccount: "账号",
-	creditsDockColBalance: "剩余积分",
+	creditsDockNoTokens: "今天还没有经插件发出的请求",
 	creditsDockEmpty: "暂时没有积分数据",
 	creditsDockExpiring: "{account}：{expiring} 积分将在本周期结束时作废",
 	creditsDockUpdated: "最近刷新 {time}",
@@ -1925,9 +2164,9 @@ const zh = {
 	dockModel: "Model {model}",
 	dockNoModel: "未选择模型",
 	tabDisplay: "显示",
-	displayTitle: "对话底部显示",
+	displayTitle: "输入框两侧显示",
 	displayHint: "这两项只管输入框下方那一行的积分与排队两段；中间那段「Provider CodeArts · Model 模型 · 倍率」一直显示，不受开关影响。底部那条每 60 秒读一次设置，所以关掉最多要等一分钟才见效。",
-	displayCreditsToggle: "显示剩余积分（点开可看各账号明细）",
+	displayCreditsToggle: "在输入框工具行显示剩余积分（点开可看各账号明细）",
 	displayQueueToggle: "显示上游排队位置",
 	displayNotWritable: "这个宿主没给插件开配置存储，开关只能看不能改。",
 	displayFailed: "保存失败：{message}",
@@ -1984,6 +2223,11 @@ const en = {
 	benefitBlocked: "Benefit unavailable today",
 	benefitBlockedHint: "{n} benefit model(s) were told they have no entitlement today (campaign exhausted or channel not opened); sending to them fails with benefit not found.",
 	modelImages: "Images",
+	modelError: "Unavailable",
+	testModel: "Test",
+	testingModel: "Testing…",
+	testOk: "Passed",
+	testFailed: "Failed",
 	refreshModels: "Refresh models",
 	refreshing: "Refreshing…",
 	refreshed: "Refreshed: {n} models, {benefit} on the benefit route",
@@ -2000,12 +2244,25 @@ const en = {
 	modelsLoading: "Loading model selection… (if it never appears, make sure you are signed in and DSH was fully restarted)",
 	usageTitle: "Local usage",
 	usageToday: "Today",
-	usageTodayTotal: "Today",
-	usageLast30: "Last 30 days",
-	usageByAccount: "Today by account",
+	usageRange: "Today {today} · last 30 days {last30}",
+	usageStatTokens: "Today tokens",
+	usageStatIn: "in {n}",
+	usageStatThinking: "thinking {n}",
+	usageTipInput: "Input",
+	usageTipOutput: "Output",
+	usageTipReasoning: "Reasoning",
+	usageTipCached: "Cached",
+	usageTipNoCache: "not reported",
+	usageTipRequests: "Requests",
+	usageTipHit: "Hit rate",
+	usageStatHit: "Cache hit",
+	usageStatRequests: "Today requests",
 	usageRequests: "{n} request(s)",
+	usageByAccount: "Today by account",
 	usageRequestCount: "{n} reqs",
 	usageTokens: "in {prompt} · out {completion}",
+	usageCompact: "in {prompt} · out {completion}",
+	usageCacheHit: "{pct}% cached",
 	usageAllTime: "All time ({days} days)",
 	usageByModel: "Today by model",
 	usageSlots: "Session slots",
@@ -2032,8 +2289,7 @@ const en = {
 	creditsDockPanelTitle: "CodeArts credits",
 	creditsDockRefresh: "Refresh credits",
 	creditsDockRefreshing: "Refreshing…",
-	creditsDockColAccount: "Account",
-	creditsDockColBalance: "Credits left",
+	creditsDockNoTokens: "No requests through the plugin today yet",
 	creditsDockEmpty: "No credit data yet",
 	creditsDockExpiring: "{account}: {expiring} credits expire when this cycle ends",
 	creditsDockUpdated: "Last updated {time}",
@@ -2041,9 +2297,9 @@ const en = {
 	dockModel: "Model {model}",
 	dockNoModel: "No model selected",
 	tabDisplay: "Display",
-	displayTitle: "Under the chat input box",
+	displayTitle: "Around the chat input box",
 	displayHint: "These two only control the credits and queue segments of that line under the input box; the middle “Provider CodeArts · Model … · rate” segments always show. The bar re-reads settings every 60 seconds, so hiding the rest can take up to a minute.",
-	displayCreditsToggle: "Show remaining credits (click it for per-account details)",
+	displayCreditsToggle: "Show remaining credits in the composer tool row (click for per-account details)",
 	displayQueueToggle: "Show the upstream queue position",
 	displayNotWritable: "This host gives the plugin nowhere to persist settings, so the switches are read-only.",
 	displayFailed: "Failed to save: {message}",
@@ -2076,12 +2332,25 @@ function apply(ctx) {
 			key: "dsh-codearts",
 			locale: namespace
 		}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeArtsPluginCard, { t })));
+		ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
+			name: "conversation.input.left",
+			id: "codearts-credits-bar",
+			order: 20,
+			locale: namespace,
+			inject: () => ({
+				t,
+				zone: "bar"
+			})
+		}, CodeArtsCreditDock));
 		ctx.slots.inject("conversation.composer.dock", () => ctx.slots.register({
 			name: "conversation.composer.dock",
 			id: "codearts-credits",
 			order: 20,
 			locale: namespace,
-			inject: () => ({ t })
+			inject: () => ({
+				t,
+				zone: "dock"
+			})
 		}, CodeArtsCreditDock));
 	} catch (error) {
 		console.error("[dsh-codearts] client card failed to load (host provider unaffected):", error);