dsh-codearts 1.2.4 → 1.2.6

package/lib/client/index.js

@@ -22,90 +22,138 @@ function stripModelSuffixes(name) {
 	return base.replace(/\s*[（(]\s*(?:(?:免费|福利)(?:\s+x\d+(?:\.\d+)?)?|x\d+(?:\.\d+)?)\s*[)）]\s*$/, "").trim();
 }
 //#endregion
+//#region src/client/panel-switch.ts
+/**
+* 「要不要在 DSH 侧边栏占一格」这个偏好，浏览器侧的单一真相。
+*
+* 为什么不靠组件返回 null 来隐藏：宿主是按**槽位里的注册条目**（entry metadata）
+* 画侧边栏导航行的 —— 只要注册还在，那一行就在；渲染函数 return null 只会留下一个
+* 「空白但可点」的按钮。所以开关必须落到「注册 / 不注册」上，这里只存那个意图，
+* 真正的注册动作由 index.tsx 的 sync 控制器按它做。
+*
+* 默认 **false**：读不到配置时必须当作关闭。侧边栏那一格是所有插件共用的全局座位，
+* 猜错的代价比「少一个入口」大得多（用户还能从「设置 → 插件」进同一张卡片）。
+*/
+let wanted = false;
+/** 当前是否要显示侧边栏入口。 */
+function sidebarPanelWanted() {
+	return wanted;
+}
+const listeners = /* @__PURE__ */ new Set();
+/**
+* 改开关。值没变就直接返回 —— 调用方会在每次刷新状态时调用它，
+* 无变化的重注册会让侧边栏闪一下。
+*/
+function setSidebarPanelWanted(next) {
+	if (wanted === next) return;
+	wanted = next;
+	for (const listener of [...listeners]) try {
+		listener();
+	} catch (error) {
+		console.error("[dsh-codearts] sidebar panel listener failed:", error);
+	}
+}
+/** 订阅开关变化，返回取消订阅函数。 */
+function subscribeSidebarPanelWanted(listener) {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+}
+//#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_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 css$1 = ".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_trendBars{align-items:flex-end;gap:3px;height:44px;margin:8px 0 2px;display:flex}.xoziZG_trendSlot{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;height:100%;display:flex}.xoziZG_trendBar{background:var(--dsw-alias-brand-primary);border-radius:2px 2px 0 0;min-height:2px;transition:height .16s,background .16s}.xoziZG_trendBar[data-tone=mid]{background:var(--dsw-alias-state-warn-label)}.xoziZG_trendBar[data-tone=low]{background:var(--dsw-alias-state-error-primary,var(--dsw-alias-state-warn-label))}.xoziZG_trendBar[data-tone=empty]{background:var(--dsw-alias-border-l2)}.xoziZG_trendAxis{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;gap:3px;font-size:10px;line-height:14px;display:flex}.xoziZG_trendAxisSlot{text-align:center;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.xoziZG_trendTip{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:11px;line-height:16px}.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}.xoziZG_skeleton{flex-direction:column;gap:10px;padding:4px 0;display:flex}.xoziZG_skeletonRow{border-radius:var(--dsw-radius-sm,4px);background:var(--dsw-alias-border-l2);height:12px;animation:1.4s ease-in-out infinite xoziZG_skeletonBreath}.xoziZG_skeletonRow:nth-child(2){width:72%}.xoziZG_skeletonRow:nth-child(3){width:46%}@keyframes xoziZG_skeletonBreath{0%,to{opacity:.45}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.xoziZG_skeletonRow{animation:none}}";
+const tagId$1 = "dsh-codearts/CodeArtsPluginCard.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 	const tag = document.createElement("style");
 	tag.dataset.plugin = "dsh-codearts";
-	tag.dataset.pluginCss = tagId;
-	tag.textContent = css;
+	tag.dataset.pluginCss = tagId$1;
+	tag.textContent = css$1;
 	document.head.appendChild(tag);
 }
 var CodeArtsPluginCard_module_css_default = {
-	"field": "xoziZG_field",
-	"manualForm": "xoziZG_manualForm",
-	"accountRow": "xoziZG_accountRow",
-	"section": "xoziZG_section",
+	"header": "xoziZG_header",
+	"modelChart": "xoziZG_modelChart",
+	"trendBar": "xoziZG_trendBar",
+	"creditHint": "xoziZG_creditHint",
+	"creditLink": "xoziZG_creditLink",
+	"tabs": "xoziZG_tabs",
+	"accountCard": "xoziZG_accountCard",
+	"usageTipSep": "xoziZG_usageTipSep",
 	"expiryLabel": "xoziZG_expiryLabel",
-	"check": "xoziZG_check",
-	"balance": "xoziZG_balance",
+	"creditRow": "xoziZG_creditRow",
+	"skeletonRow": "xoziZG_skeletonRow",
+	"updated": "xoziZG_updated",
+	"manual": "xoziZG_manual",
+	"desc": "xoziZG_desc",
+	"usageFill": "xoziZG_usageFill",
+	"trendTip": "xoziZG_trendTip",
+	"balanceRow": "xoziZG_balanceRow",
+	"modelShare": "xoziZG_modelShare",
+	"accountNameRow": "xoziZG_accountNameRow",
+	"usageTip": "xoziZG_usageTip",
 	"accountToolbar": "xoziZG_accountToolbar",
-	"barFill": "xoziZG_barFill",
-	"statLabel": "xoziZG_statLabel",
+	"balance": "xoziZG_balance",
+	"actions": "xoziZG_actions",
+	"choices": "xoziZG_choices",
 	"meta": "xoziZG_meta",
-	"accountNameRow": "xoziZG_accountNameRow",
+	"section": "xoziZG_section",
+	"modelRow": "xoziZG_modelRow",
 	"expiryRow": "xoziZG_expiryRow",
-	"balanceUnit": "xoziZG_balanceUnit",
-	"accountInfo": "xoziZG_accountInfo",
+	"claimAllRow": "xoziZG_claimAllRow",
+	"sectionHead": "xoziZG_sectionHead",
+	"modelTokens": "xoziZG_modelTokens",
+	"trendBars": "xoziZG_trendBars",
+	"skeleton": "xoziZG_skeleton",
+	"skeletonBreath": "xoziZG_skeletonBreath",
+	"statGrid": "xoziZG_statGrid",
 	"hint": "xoziZG_hint",
-	"count": "xoziZG_count",
-	"choices": "xoziZG_choices",
-	"usageFill": "xoziZG_usageFill",
+	"accountRowActions": "xoziZG_accountRowActions",
+	"choiceRow": "xoziZG_choiceRow",
+	"error": "xoziZG_error",
+	"headText": "xoziZG_headText",
 	"card": "xoziZG_card",
-	"usageTipName": "xoziZG_usageTipName",
-	"balanceRow": "xoziZG_balanceRow",
-	"creditBlock": "xoziZG_creditBlock",
-	"header": "xoziZG_header",
+	"accountEntry": "xoziZG_accountEntry",
+	"statValue": "xoziZG_statValue",
 	"statSub": "xoziZG_statSub",
-	"usageTip": "xoziZG_usageTip",
+	"body": "xoziZG_body",
+	"accountHint": "xoziZG_accountHint",
+	"usageTipName": "xoziZG_usageTipName",
+	"trendSlot": "xoziZG_trendSlot",
 	"modelRequests": "xoziZG_modelRequests",
-	"usageBar": "xoziZG_usageBar",
-	"bar": "xoziZG_bar",
-	"creditRow": "xoziZG_creditRow",
-	"sectionLabel": "xoziZG_sectionLabel",
-	"accountEntry": "xoziZG_accountEntry",
-	"modelTrack": "xoziZG_modelTrack",
-	"link": "xoziZG_link",
-	"updated": "xoziZG_updated",
-	"desc": "xoziZG_desc",
 	"avatar": "xoziZG_avatar",
-	"creditHint": "xoziZG_creditHint",
-	"tabPanel": "xoziZG_tabPanel",
-	"fieldLabel": "xoziZG_fieldLabel",
-	"modelName": "xoziZG_modelName",
+	"barFill": "xoziZG_barFill",
+	"sectionLabel": "xoziZG_sectionLabel",
 	"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",
-	"modelChart": "xoziZG_modelChart",
-	"error": "xoziZG_error",
-	"body": "xoziZG_body",
-	"manualSummary": "xoziZG_manualSummary",
-	"balanceMeta": "xoziZG_balanceMeta",
-	"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",
+	"accountInfo": "xoziZG_accountInfo",
+	"trendAxisSlot": "xoziZG_trendAxisSlot",
+	"check": "xoziZG_check",
+	"field": "xoziZG_field",
+	"creditFooter": "xoziZG_creditFooter",
+	"balanceMeta": "xoziZG_balanceMeta",
+	"trendAxis": "xoziZG_trendAxis",
+	"manualSummary": "xoziZG_manualSummary",
+	"balanceUnit": "xoziZG_balanceUnit",
+	"manualForm": "xoziZG_manualForm",
+	"accountRow": "xoziZG_accountRow",
+	"creditBlock": "xoziZG_creditBlock",
+	"name": "xoziZG_name",
+	"modelName": "xoziZG_modelName",
+	"tabPanel": "xoziZG_tabPanel",
+	"bar": "xoziZG_bar",
+	"statLabel": "xoziZG_statLabel",
 	"statCard": "xoziZG_statCard",
-	"accountCard": "xoziZG_accountCard",
+	"usageBar": "xoziZG_usageBar",
+	"link": "xoziZG_link",
+	"fieldLabel": "xoziZG_fieldLabel",
+	"accountName": "xoziZG_accountName",
 	"usageTipRow": "xoziZG_usageTipRow",
-	"actions": "xoziZG_actions"
+	"count": "xoziZG_count",
+	"modelTrack": "xoziZG_modelTrack",
+	"modelFill": "xoziZG_modelFill",
+	"area": "xoziZG_area"
 };
 //#endregion
 //#region src/client/CodeArtsPluginCard.tsx
@@ -155,11 +203,21 @@ function claimMessagesOf(data, accountIds, t) {
 	for (const id of accountIds) out[id] = claimText(data, t);
 	return out;
 }
-/** 开关的兜底值：后端没这条路由（老版本）时按「都显示」渲染，与原有行为一致。 */
+/**
+* 开关的兜底值：后端没这条路由（老版本）时按「都显示」渲染，与原有行为一致。
+* 侧边栏那一格相反 —— 缺省关闭。
+*/
 const DOCK_DEFAULT = {
 	credits: true,
-	queue: true
+	queue: true,
+	sidebar: false
 };
+/**
+* 上一次读到的状态。`/api/codearts/status` 会顺带去上游拉积分（有 TTL 缓存），
+* 冷的时候要等近一秒；模块级留一份快照，再进这一页就能立刻按旧值画出来，
+* 后台再刷新 —— 比每次都先闪骨架舒服，也不会把「还没读到」误判成未登录。
+*/
+let lastStatusSnapshot = null;
 /** 一个 Tab 面板；未选中的用 hidden 留在 DOM 里，草稿和滚动位置都别丢。 */
 function TabPanel({ id, labelledBy, active, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -478,6 +536,63 @@ function UsageBars({ rows, t }) {
 	});
 }
 /**
+* 趋势柱：近 7 天按天、今天按小时。
+*
+* 两张图共用一套柱子，但编码不同，因为要看的问题不同：
+*  - `hit`：柱高就是命中率，颜色分档 —— 命中率一掉就能看见，这是诊断「系统提示词
+*    前缀变了 / 上下文突然变长」最直接的信号；
+*  - `volume`：柱高按组内最大值归一化 —— 只用来看「什么时候在跑」，绝对值看悬停。
+*
+* 悬停柱子时下面那行换成该格明细，移开回到提示语。轴标签只画整数倍格，24 格全画会挤成一片。
+*/
+function UsageTrend({ points, mode, axisEvery, hint, t }) {
+	const [hovered, setHovered] = (0, react.useState)(null);
+	const max = points.reduce((peak, point) => Math.max(peak, point.totals.totalTokens), 0);
+	const shown = hovered === null ? void 0 : points[hovered];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: CodeArtsPluginCard_module_css_default.trendBars,
+			children: points.map((point, index) => {
+				const pct = hitPercentOf(point.totals);
+				const share = mode === "hit" ? pct === void 0 ? 0 : Math.max(pct, 2) : max === 0 ? 0 : point.totals.totalTokens / max * 100;
+				const tone = mode === "hit" ? pct === void 0 ? "empty" : pct >= 80 ? "ok" : pct >= 50 ? "mid" : "low" : point.totals.totalTokens === 0 ? "empty" : "ok";
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: CodeArtsPluginCard_module_css_default.trendSlot,
+					title: `${point.label} · ${trendDetail(point.totals, t)}`,
+					onMouseEnter: () => setHovered(index),
+					onMouseLeave: () => setHovered(null),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: CodeArtsPluginCard_module_css_default.trendBar,
+						"data-tone": tone,
+						style: { height: `${share}%` }
+					})
+				}, point.key);
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: CodeArtsPluginCard_module_css_default.trendAxis,
+			children: points.map((point, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: CodeArtsPluginCard_module_css_default.trendAxisSlot,
+				children: index % axisEvery === 0 ? point.label : ""
+			}, point.key))
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: CodeArtsPluginCard_module_css_default.trendTip,
+			children: shown === void 0 ? hint : `${shown.label} · ${trendDetail(shown.totals, t)}`
+		})
+	] });
+}
+/** 一格趋势的明细文案：输入 / 缓存 / 命中率 / 请求数（输出与思考在明细卡里看）。 */
+function trendDetail(totals, t) {
+	const pct = hitPercentOf(totals);
+	return [
+		t("usageStatIn", { n: formatTokens$1(totals.promptTokens) }),
+		`${t("usageTipCached")} ${formatTokens$1(totals.cachedTokens ?? 0)}`,
+		`${t("usageTipHit")} ${pct === void 0 ? "—" : `${pct}%`}`,
+		t("usageRequestCount", { n: formatCount(totals.requests) })
+	].join(" · ");
+}
+/**
 * 用量区块。
 *
 * 只展示**本机经插件发出**的请求（不等于账号总额度 —— 账号额度见上方积分区块）；
@@ -567,6 +682,37 @@ function UsageSection({ usage, accounts, t }) {
 						})
 					]
 				}),
+				(usage.recentDays ?? []).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,
+					children: t("usageTrendWeek")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageTrend, {
+					mode: "hit",
+					axisEvery: 1,
+					hint: t("usageTrendHint"),
+					points: (usage.recentDays ?? []).map((day) => ({
+						key: day.date,
+						label: day.date.slice(5),
+						totals: day.totals
+					})),
+					t
+				})] }),
+				(usage.todayByHour ?? []).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,
+					children: t("usageTrendHour")
+				}), (usage.todayByHour ?? []).some((entry) => entry.totals.requests > 0) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageTrend, {
+					mode: "volume",
+					axisEvery: 6,
+					hint: t("usageTrendHint"),
+					points: (usage.todayByHour ?? []).map((entry) => ({
+						key: String(entry.hour),
+						label: String(entry.hour),
+						totals: entry.totals
+					})),
+					t
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: CodeArtsPluginCard_module_css_default.trendTip,
+					children: t("usageTrendHourEmpty")
+				})] }),
 				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,
 					children: t("usageByAccount")
@@ -613,7 +759,7 @@ function UsageSection({ usage, accounts, t }) {
 	});
 }
 function CodeArtsPluginCard({ t }) {
-	const [status, setStatus] = (0, react.useState)(null);
+	const [status, setStatus] = (0, react.useState)(lastStatusSnapshot);
 	const [token, setToken] = (0, react.useState)("");
 	const [label, setLabel] = (0, react.useState)("");
 	const [busy, setBusy] = (0, react.useState)(false);
@@ -645,19 +791,33 @@ function CodeArtsPluginCard({ t }) {
 	const [dockWritable, setDockWritable] = (0, react.useState)(false);
 	const [dockSaving, setDockSaving] = (0, react.useState)(false);
 	const [dockError, setDockError] = (0, react.useState)(null);
+	/**
+	* 首次读取状态的三态。为什么要单独记：`status === null` 只说明「还没读到」，
+	* 直接按它画就会先闪一下「未登录」，等数据回来再翻成「已登录」—— 看起来像
+	* 掉线又自己好了。只有服务端明确回 signed-out 才允许画登录框。
+	*/
+	const [statusPhase, setStatusPhase] = (0, react.useState)(lastStatusSnapshot === null ? "loading" : "ready");
+	const [loadError, setLoadError] = (0, react.useState)(null);
 	async function refreshDock() {
 		try {
 			const res = await fetch("/api/codearts/dock", { headers: { Accept: "application/json" } });
 			if (!res.ok) return;
 			const data = await res.json();
-			if (data.dock !== void 0) setDock(data.dock);
+			if (data.dock !== void 0) {
+				const next = {
+					...DOCK_DEFAULT,
+					...data.dock
+				};
+				setDock(next);
+				setSidebarPanelWanted(next.sidebar);
+			}
 			setDockWritable(data.writable === true);
 		} catch {}
 	}
 	/**
 	* 改一个开关：先按新值渲染，写失败再退回去。
 	*
-	* 这里不像模型勾选那样攒草稿再点保存 —— 只有两个布尔，攒草稿反而让用户猜
+	* 这里不像模型勾选那样攒草稿再点保存 —— 只有几个布尔，攒草稿反而让用户猜
 	* 「我刚才那一下到底生效没有」。
 	*/
 	async function toggleDock(key, on) {
@@ -668,6 +828,7 @@ function CodeArtsPluginCard({ t }) {
 		});
 		setDockSaving(true);
 		setDockError(null);
+		if (key === "sidebar") setSidebarPanelWanted(on);
 		try {
 			const res = await fetch("/api/codearts/dock", {
 				method: "POST",
@@ -682,9 +843,17 @@ function CodeArtsPluginCard({ t }) {
 				throw new Error(typeof data.error === "string" ? data.error : `HTTP ${res.status}`);
 			}
 			const data = await res.json();
-			if (data.dock !== void 0) setDock(data.dock);
+			if (data.dock !== void 0) {
+				const next = {
+					...DOCK_DEFAULT,
+					...data.dock
+				};
+				setDock(next);
+				setSidebarPanelWanted(next.sidebar);
+			}
 		} catch (error) {
 			setDock(previous);
+			if (key === "sidebar") setSidebarPanelWanted(previous.sidebar);
 			setDockError(error instanceof Error ? error.message : String(error));
 		} finally {
 			setDockSaving(false);
@@ -732,14 +901,16 @@ function CodeArtsPluginCard({ t }) {
 	}
 	async function refresh() {
 		try {
-			const data = await (await fetch("/api/codearts/status", { headers: { Accept: "application/json" } })).json();
+			const res = await fetch("/api/codearts/status", { headers: { Accept: "application/json" } });
+			if (!res.ok) throw new Error(`HTTP ${res.status}`);
+			const data = await res.json();
+			lastStatusSnapshot = data;
 			setStatus(data);
-		} catch {
-			setStatus({
-				status: "signed-out",
-				models: [],
-				accounts: []
-			});
+			setLoadError(null);
+			setStatusPhase("ready");
+		} catch (error) {
+			setLoadError(error instanceof Error ? error.message : String(error));
+			setStatusPhase((phase) => phase === "ready" ? "ready" : "failed");
 		}
 	}
 	async function refreshSelection() {
@@ -965,6 +1136,10 @@ function CodeArtsPluginCard({ t }) {
 	}
 	const signedIn = status?.status === "signed-in";
 	const expired = status?.status === "expired";
+	/** 首次数据还没回来：标题栏说「加载中」，正文放骨架，别画登录框。 */
+	const loading = statusPhase === "loading";
+	/** 连状态都读不到（服务没起 / 路由 404）：给错误和重试，不要假装没登录。 */
+	const failed = statusPhase === "failed" && status === null;
 	const accounts = status?.accounts ?? [];
 	const accountName = (account) => account.label?.trim() || account.userName?.trim() || account.id;
 	/**
@@ -979,8 +1154,10 @@ function CodeArtsPluginCard({ t }) {
 		if (Number.isFinite(exp)) parts.push(exp <= Date.now() ? t("accountExpired", { time: formatStored(exp) }) : t("accountExpires", { time: formatStored(exp) }));
 		return parts.join(" · ");
 	};
-	const dotState = signedIn ? "done" : expired ? "warning" : "idle";
-	const statusText = signedIn ? t("statusSignedIn") : expired ? t("statusExpired") : t("statusSignedOut");
+	const dotState = !loading && signedIn ? "done" : !loading && expired ? "warning" : "idle";
+	const statusText = loading ? t("statusLoading") : failed ? t("statusUnavailable") : signedIn ? t("statusSignedIn") : expired ? t("statusExpired") : t("statusSignedOut");
+	/** 读不到状态时别在下面写「去登录」—— 用户可能已经登录了，只是接口没起来。 */
+	const descText = loading ? t("descLoading") : failed ? null : signedIn ? t("descSignedIn") : t("descSignedOut");
 	const storedTime = formatStored(status?.storedAt);
 	const storedLabel = status?.label?.trim() ?? "";
 	const meta = !signedIn || storedTime === "" ? "" : storedLabel === "" ? t("storedMetaNoLabel", { time: storedTime }) : t("storedMeta", {
@@ -1058,15 +1235,15 @@ function CodeArtsPluginCard({ t }) {
 						className: CodeArtsPluginCard_module_css_default.meta,
 						children: meta
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					descText !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: CodeArtsPluginCard_module_css_default.desc,
-						children: signedIn ? t("descSignedIn") : t("descSignedOut")
+						children: descText
 					})
 				]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 				variant: "outline",
 				size: "sm",
-				disabled: busy,
+				disabled: busy || loading,
 				onClick: () => void refresh(),
 				children: t("refresh")
 			})]
@@ -1077,7 +1254,31 @@ function CodeArtsPluginCard({ t }) {
 					className: CodeArtsPluginCard_module_css_default.error,
 					children: status.piAiError
 				}),
-				signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CodeArtsPluginCard_module_css_default.section,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: CodeArtsPluginCard_module_css_default.error,
+						children: t("loadFailed", { message: loadError ?? "" })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: CodeArtsPluginCard_module_css_default.actions,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							size: "sm",
+							disabled: busy,
+							onClick: () => void refresh(),
+							children: t("retry")
+						})
+					})]
+				}) : loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CodeArtsPluginCard_module_css_default.skeleton,
+					"aria-busy": "true",
+					"aria-label": t("statusLoading"),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: CodeArtsPluginCard_module_css_default.skeletonRow }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: CodeArtsPluginCard_module_css_default.skeletonRow }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: CodeArtsPluginCard_module_css_default.skeletonRow })
+					]
+				}) : signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
 						className: CodeArtsPluginCard_module_css_default.tabs,
 						items: tabs,
@@ -1361,11 +1562,11 @@ function CodeArtsPluginCard({ t }) {
 							t
 						})
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabPanel, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TabPanel, {
 						id: panelId("display"),
 						labelledBy: tabId("display"),
 						active: activeTab === "display",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: CodeArtsPluginCard_module_css_default.section,
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1410,7 +1611,35 @@ function CodeArtsPluginCard({ t }) {
 									children: t("displayFailed", { message: dockError })
 								})
 							]
-						})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.section,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: CodeArtsPluginCard_module_css_default.sectionHead,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: CodeArtsPluginCard_module_css_default.sectionLabel,
+										children: t("displaySidebarTitle")
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: CodeArtsPluginCard_module_css_default.hint,
+									children: t("displaySidebarHint")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: CodeArtsPluginCard_module_css_default.choices,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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: dock.sidebar,
+											disabled: !dockWritable || dockSaving,
+											onChange: (on) => void toggleDock("sidebar", on),
+											label: t("displaySidebarToggle")
+										})
+									})
+								})
+							]
+						})]
 					})
 				] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: CodeArtsPluginCard_module_css_default.section,
@@ -1704,7 +1933,8 @@ function CodeArtsCreditDock({ useProjection, t, zone = "dock" }) {
 	const [modelInfo, setModelInfo] = (0, react.useState)({});
 	const [flags, setFlags] = (0, react.useState)({
 		credits: true,
-		queue: true
+		queue: true,
+		sidebar: false
 	});
 	const [queued, setQueued] = (0, react.useState)(null);
 	const [anchor, setAnchor] = (0, react.useState)(null);
@@ -1740,7 +1970,8 @@ function CodeArtsCreditDock({ useProjection, t, zone = "dock" }) {
 			if (data === void 0 || !mounted.current) return;
 			setFlags(data.dock ?? {
 				credits: true,
-				queue: true
+				queue: true,
+				sidebar: false
 			});
 			setRows(rowsOf(data));
 			setModelInfo(Object.fromEntries((data.models ?? []).map((model) => [model.id, {
@@ -2048,6 +2279,95 @@ function CodeArtsCreditDock({ useProjection, t, zone = "dock" }) {
 	});
 }
 //#endregion
+//#region \0dsh-css:/home/runner/work/dsh-codearts/dsh-codearts/src/client/CodeArtsPanel.module.css.mjs
+const css = ".Z66cgG_page{box-sizing:border-box;height:100%;min-height:0;padding:calc(28px + var(--dsh-frame-top-clearance,0px)) clamp(24px, 4vw, 48px) 48px;color:var(--dsw-alias-label-primary);flex-direction:column;display:flex;overflow:auto}.Z66cgG_head{flex-direction:column;gap:6px;width:100%;max-width:860px;margin:0 auto;display:flex}.Z66cgG_back{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);align-self:flex-start;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:13px;line-height:20px;display:inline-flex}.Z66cgG_back:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.Z66cgG_backCaret{border-bottom:1.6px solid;border-left:1.6px solid;width:7px;height:7px;display:inline-block;transform:rotate(45deg)}.Z66cgG_title{margin:0;font-size:20px;font-weight:600;line-height:1.4}.Z66cgG_desc{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px;line-height:1.5}.Z66cgG_body{width:100%;max-width:860px;margin:20px auto 0}.Z66cgG_icon{flex:none;display:block}";
+const tagId = "dsh-codearts/CodeArtsPanel.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+	const tag = document.createElement("style");
+	tag.dataset.plugin = "dsh-codearts";
+	tag.dataset.pluginCss = tagId;
+	tag.textContent = css;
+	document.head.appendChild(tag);
+}
+var CodeArtsPanel_module_css_default = {
+	"title": "Z66cgG_title",
+	"icon": "Z66cgG_icon",
+	"back": "Z66cgG_back",
+	"page": "Z66cgG_page",
+	"backCaret": "Z66cgG_backCaret",
+	"body": "Z66cgG_body",
+	"head": "Z66cgG_head",
+	"desc": "Z66cgG_desc"
+};
+//#endregion
+//#region src/client/CodeArtsPanel.tsx
+/** 侧边栏按钮里的图标。宿主按 { size, active } 渲染，我们用 currentColor 跟随主题。 */
+function CodeArtsPanelIcon({ size }) {
+	const px = typeof size === "number" && size > 0 ? size : 16;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		className: CodeArtsPanel_module_css_default.icon,
+		width: px,
+		height: px,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M5.1 3.9 1.9 8l3.2 4.1",
+				stroke: "currentColor",
+				strokeWidth: "1",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M10.9 3.9 14.1 8l-3.2 4.1",
+				stroke: "currentColor",
+				strokeWidth: "1",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M9 3.2 7 12.8",
+				stroke: "currentColor",
+				strokeWidth: "1",
+				strokeLinecap: "round"
+			})
+		]
+	});
+}
+/** 侧边栏入口页：一个返回按钮 + 标题，正文直接复用设置里那张卡片。 */
+function CodeArtsPanelPage({ t, backToConversation }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: CodeArtsPanel_module_css_default.page,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: CodeArtsPanel_module_css_default.head,
+			children: [
+				backToConversation !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: CodeArtsPanel_module_css_default.back,
+					onClick: backToConversation,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: CodeArtsPanel_module_css_default.backCaret,
+						"aria-hidden": "true"
+					}), t("panelBack")]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+					className: CodeArtsPanel_module_css_default.title,
+					children: t("cardTitle")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: CodeArtsPanel_module_css_default.desc,
+					children: t("panelDesc")
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: CodeArtsPanel_module_css_default.body,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeArtsPluginCard, { t })
+		})]
+	});
+}
+//#endregion
 //#region src/client/locales.ts
 const zh = {
 	tabLabel: "CodeArts",
@@ -2061,6 +2381,11 @@ const zh = {
 	statusExpired: "凭证已过期",
 	descSignedIn: "凭证已就绪，勾选的模型会出现在模型选择器里。",
 	descSignedOut: "用华为云账号登录，或手动粘贴一个 CodeArts cloud_dragon_token。",
+	statusLoading: "加载中…",
+	statusUnavailable: "状态读取失败",
+	descLoading: "正在读取账号、模型与用量…",
+	loadFailed: "读不到插件状态（{message}）",
+	retry: "重试",
 	storedMeta: "{label} · 存于 {time}",
 	storedMetaNoLabel: "存于 {time}",
 	refresh: "刷新",
@@ -2125,6 +2450,10 @@ const zh = {
 	usageStatHit: "缓存命中",
 	usageStatRequests: "今日请求",
 	usageRequests: "{n} 次请求",
+	usageTrendWeek: "近 7 天 · 缓存命中率",
+	usageTrendHour: "今天 · 逐小时 token",
+	usageTrendHint: "悬停柱子看那一格明细",
+	usageTrendHourEmpty: "今天还没有逐小时数据（启用前的小时不回填）",
 	usageByAccount: "今日按账号",
 	usageRequestCount: "{n} 条",
 	usageTokens: "输入 {prompt} · 输出 {completion}",
@@ -2170,6 +2499,9 @@ const zh = {
 	displayQueueToggle: "显示上游排队位置",
 	displayNotWritable: "这个宿主没给插件开配置存储，开关只能看不能改。",
 	displayFailed: "保存失败：{message}",
+	displaySidebarTitle: "侧边栏图标",
+	displaySidebarHint: "勾上以后，DSH 左侧那一列图标里会多一个 CodeArts，点它直接在中间列打开当前这一页，不必每次都绕进设置。默认不勾：这列图标是全宿主共用的，每个插件都来占一格很快就挤满了。改完立刻生效，没有保存步骤。",
+	displaySidebarToggle: "在侧边栏图标列显示 CodeArts",
 	queueDock: "排队第 {position} 位",
 	queueDockTitle: "上游排队：{model} · 第 {position} 位 / 共 {length} 条",
 	claimButton: "签到领积分",
@@ -2180,7 +2512,9 @@ const zh = {
 	claimDone: "已领取 {amount} 积分",
 	claimAlready: "今日已领，明天再来",
 	claimUnavailable: "这个账号当前没有可领的签到活动",
-	claimFailed: "领取失败：{message}"
+	claimFailed: "领取失败：{message}",
+	panelBack: "返回对话",
+	panelDesc: "账号、模型开关与用量都在这一页里管，和设置 → 插件里那张卡片是同一份状态。"
 };
 const en = {
 	tabLabel: "CodeArts",
@@ -2194,6 +2528,11 @@ const en = {
 	statusExpired: "Credential expired",
 	descSignedIn: "Credential is ready. Checked models show up in the model picker.",
 	descSignedOut: "Sign in with your Huawei Cloud account, or paste a CodeArts cloud_dragon_token.",
+	statusLoading: "Loading…",
+	statusUnavailable: "Status unavailable",
+	descLoading: "Reading accounts, models and usage…",
+	loadFailed: "Could not read plugin status ({message})",
+	retry: "Retry",
 	storedMeta: "{label} · stored {time}",
 	storedMetaNoLabel: "stored {time}",
 	refresh: "Refresh",
@@ -2258,6 +2597,10 @@ const en = {
 	usageStatHit: "Cache hit",
 	usageStatRequests: "Today requests",
 	usageRequests: "{n} request(s)",
+	usageTrendWeek: "Last 7 days · cache hit rate",
+	usageTrendHour: "Today · tokens by hour",
+	usageTrendHint: "Hover a bar for that slot",
+	usageTrendHourEmpty: "No hourly data yet today (hours before this feature are not backfilled)",
 	usageByAccount: "Today by account",
 	usageRequestCount: "{n} reqs",
 	usageTokens: "in {prompt} · out {completion}",
@@ -2303,6 +2646,9 @@ const en = {
 	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}",
+	displaySidebarTitle: "Sidebar icon",
+	displaySidebarHint: "Once checked, a CodeArts icon joins the icon column on the left of DSH and opens this very page in the middle column, so you do not have to go through Settings each time. Off by default: that column is shared by the whole host, and it fills up quickly if every plugin claims a slot. Takes effect immediately — there is nothing to save.",
+	displaySidebarToggle: "Show CodeArts in the sidebar icon column",
 	queueDock: "Queued #{position}",
 	queueDockTitle: "Upstream queue: {model} · position {position} of {length}",
 	claimButton: "Claim daily credits",
@@ -2313,13 +2659,32 @@ const en = {
 	claimDone: "Claimed {amount} credits",
 	claimAlready: "Already claimed today — come back tomorrow",
 	claimUnavailable: "No check-in campaign available for this account",
-	claimFailed: "Claim failed: {message}"
+	claimFailed: "Claim failed: {message}",
+	panelBack: "Back to chat",
+	panelDesc: "Manage accounts, model switches and usage here — same state as the card under Settings → Plugins."
 };
 //#endregion
 //#region src/client/index.tsx
 const name = "dsh-codearts-client";
 const inject = ["slots", "locale"];
+/**
+* 侧边栏按钮的 id，同时也是中间列面板的 key —— 宿主靠这两个同名值把
+* 「点了哪一行」和「中间列画哪一页」配对。
+*/
+const PANEL_ID = "dsh-codearts";
 function apply(ctx) {
+	/**
+	* 回对话页。软取 layout 服务：`ctx.get` 在服务没提供时返回 undefined 而不会抛，
+	* 所以老宿主/非桌面端只是没有返回按钮，不影响整块 client 加载。
+	* 故意不写进 `inject` —— 依赖缺失会让 apply 整个不跑。
+	*/
+	const backToConversation = () => {
+		try {
+			ctx.get("layout")?.selectPanel?.(null);
+		} catch (error) {
+			console.error("[dsh-codearts] failed to switch back to conversation:", error);
+		}
+	};
 	try {
 		const namespace = "settings.codearts";
 		ctx.effect(() => ctx.locale.register(namespace, {
@@ -2352,6 +2717,85 @@ function apply(ctx) {
 				zone: "dock"
 			})
 		}, CodeArtsCreditDock));
+		/** 每次 claim 拿到的 inject disposer；拆的时候逐个调用（连带注销里面的注册）。 */
+		const panelClaims = [];
+		const dropPanelSlots = () => {
+			for (const dispose of panelClaims.splice(0)) try {
+				dispose();
+			} catch (error) {
+				console.error("[dsh-codearts] failed to release sidebar panel:", error);
+			}
+		};
+		const syncPanelRegistration = () => {
+			dropPanelSlots();
+			if (!sidebarPanelWanted()) return;
+			try {
+				panelClaims.push(ctx.slots.inject("sidebar.panellist", () => {
+					try {
+						return ctx.slots.register({
+							name: "sidebar.panellist",
+							id: PANEL_ID,
+							order: 50,
+							label: () => t("tabLabel"),
+							locale: namespace
+						}, CodeArtsPanelIcon);
+					} catch (error) {
+						console.error("[dsh-codearts] sidebar panel entry unavailable:", error);
+						return () => {};
+					}
+				}));
+			} catch (error) {
+				console.error("[dsh-codearts] sidebar panel slot unavailable:", error);
+			}
+			try {
+				panelClaims.push(ctx.slots.inject("main", () => {
+					try {
+						return ctx.slots.register({
+							name: "main",
+							key: PANEL_ID,
+							locale: namespace,
+							inject: () => ({
+								t,
+								backToConversation
+							})
+						}, CodeArtsPanelPage);
+					} catch (error) {
+						console.error("[dsh-codearts] main panel page unavailable:", error);
+						return () => {};
+					}
+				}));
+			} catch (error) {
+				console.error("[dsh-codearts] main panel slot unavailable:", error);
+			}
+		};
+		/**
+		* 开关关掉时如果用户正站在那一页上，先回对话 —— 否则中间列会留在
+		* 一个已经没了的 key 上。软取 layout：没有这个服务就跳过。
+		*/
+		const leavePanelIfActive = () => {
+			try {
+				const layout = ctx.get("layout");
+				if (layout?.panelInfo?.getSnapshot?.()?.activePanelId === PANEL_ID) layout.selectPanel?.(null);
+			} catch {}
+		};
+		ctx.effect(() => {
+			const off = subscribeSidebarPanelWanted(() => {
+				if (!sidebarPanelWanted()) leavePanelIfActive();
+				syncPanelRegistration();
+			});
+			syncPanelRegistration();
+			return () => {
+				off();
+				dropPanelSlots();
+			};
+		}, "dsh-codearts: sidebar panel opt-in");
+		(async () => {
+			try {
+				const res = await fetch("/api/codearts/dock", { headers: { Accept: "application/json" } });
+				if (!res.ok) return;
+				setSidebarPanelWanted((await res.json()).dock?.sidebar === true);
+			} catch {}
+		})();
 	} catch (error) {
 		console.error("[dsh-codearts] client card failed to load (host provider unaffected):", error);
 	}