@mars-sea/dsh-commandcode-provider 0.13.0 → 0.13.2

package/lib/client.js

@@ -1538,6 +1538,14 @@ window.__ModuleLoader__.load({
 		function formatResetAt(ms) {
 			return ms <= 0 ? "" : new Date(ms).toLocaleString();
 		}
+		/** 只有官方汇总与订阅共同确认同一起点，才展示完整账期；旧宿主和部分响应保持未知。 */
+		function formatUsageBillingPeriod(usageStart, planStart, planEnd) {
+			if (usageStart === void 0 || planStart !== usageStart || planEnd === void 0 || usageStart <= 0 || planEnd <= usageStart) return "";
+			const start = new Date(usageStart);
+			const end = new Date(planEnd);
+			if (!Number.isFinite(start.getTime()) || !Number.isFinite(end.getTime())) return "";
+			return `${start.toLocaleDateString()} – ${end.toLocaleDateString()}`;
+		}
 		//#endregion
 		//#region src/client/usage.ts
 		const IDLE$1 = {
@@ -2203,6 +2211,7 @@ window.__ModuleLoader__.load({
 					totalCredits: numberField(usage, "totalCredits", "usage.totalCredits"),
 					periodBasis: stringField$1(usage, "periodBasis", "usage.periodBasis")
 				};
+				if (usage.periodStart !== void 0) report.usage.periodStart = numberField(usage, "periodStart", "usage.periodStart");
 			}
 			if (source.credits !== void 0) {
 				const credits = record$1(source.credits, "credits");
@@ -2230,6 +2239,7 @@ window.__ModuleLoader__.load({
 					monthlyCredits: monthly,
 					currentPeriodEnd: numberField(plan, "currentPeriodEnd", "plan.currentPeriodEnd")
 				};
+				if (plan.currentPeriodStart !== void 0) report.plan.currentPeriodStart = numberField(plan, "currentPeriodStart", "plan.currentPeriodStart");
 			}
 			return report;
 		}
@@ -2854,6 +2864,9 @@ window.__ModuleLoader__.load({
 			usageFailed: "失败",
 			usageSuccessRate: "成功率",
 			usageCost: "花费",
+			usageCompleted: "成功",
+			usageBillingPeriod: "官方账期用量",
+			usagePeriodUnknown: "官方用量汇总，统计周期未确认",
 			usageTokens: "Token",
 			usageTokensIn: "入",
 			usageTokensOut: "出",
@@ -3029,6 +3042,9 @@ window.__ModuleLoader__.load({
 			usageFailed: "failed",
 			usageSuccessRate: "Success rate",
 			usageCost: "Spend",
+			usageCompleted: "Completed",
+			usageBillingPeriod: "Official billing-period usage",
+			usagePeriodUnknown: "官方用量汇总，统计周期未确认",
 			usageTokens: "Tokens",
 			usageTokensIn: "in",
 			usageTokensOut: "out",
@@ -3275,7 +3291,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region package.json
-		var version = "0.13.0";
+		var version = "0.13.2";
 		var repository = {
 			"type": "git",
 			"url": "git+https://github.com/Mars-Sea/dsh-commandcode-provider.git"
@@ -3684,6 +3700,7 @@ window.__ModuleLoader__.load({
 			const planStatus = plan !== void 0 && plan.status !== "" && plan.status !== "active" ? plan.status : "";
 			const showPeriod = plan !== void 0 && plan.currentPeriodEnd > 0;
 			const showPartial = report.failures.length > 0 && report.blocked === void 0;
+			const usagePeriod = formatUsageBillingPeriod(report.usage?.periodStart, plan?.currentPeriodStart, plan?.currentPeriodEnd);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "cc-accountReport",
 				children: [
@@ -3731,13 +3748,17 @@ window.__ModuleLoader__.load({
 							}) : null
 						]
 					}) : null,
+					report.usage !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "cc-usageUpdated",
+						children: usagePeriod ? `${t("usageBillingPeriod")} ${usagePeriod}` : t("usagePeriodUnknown")
+					}) : null,
 					report.usage !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "cc-usageStats cc-usageStatsActivity",
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageStat, {
 								label: t("usageRequests"),
-								value: String(report.usage.completedCount),
-								sub: `${t("usageFailed")} ${report.usage.failedCount}`
+								value: String(report.usage.totalCount),
+								sub: `${t("usageCompleted")} ${report.usage.completedCount} / ${t("usageFailed")} ${report.usage.failedCount}`
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageStat, {
 								label: t("usageSuccessRate"),
@@ -5579,8 +5600,19 @@ window.__ModuleLoader__.load({
 			analysisSections: "分析内容",
 			analysisHistory: "历史用量",
 			analysisSimulation: "价格试算",
-			analysisByModel: "按模型查看",
-			analysisModelHint: "展开模型，查看词元、请求状态与样本。",
+			analysisByModel: "模型用量比较",
+			analysisModelHint: "比例条表示占已知成本小计的份额；展开查看明细。",
+			analysisIntro: "查看历史用量，比较模型成本与响应表现。",
+			analysisModel: "模型",
+			analysisCostShare: "已知成本 / 占比",
+			analysisNoShare: "无占比",
+			analysisShareHint: "占全部已知成本小计",
+			analysisSimulationHeading: "相同工作量价格试算",
+			analysisSimulationHint: "计价覆盖不同的金额不能直接比较。",
+			analysisSimulationCost: "试算成本",
+			analysisCoverage: "计价覆盖",
+			analysisUsd: "美元",
+			analysisTokenUnit: "词元",
 			analysisCost: "已知成本 · 美元",
 			analysisRequests: "模型请求",
 			analysisSessionCount: "会话数",
@@ -5661,8 +5693,19 @@ window.__ModuleLoader__.load({
 			analysisSections: "Analysis sections",
 			analysisHistory: "Recorded usage",
 			analysisSimulation: "Price simulation",
-			analysisByModel: "Usage by model",
-			analysisModelHint: "Expand a model for tokens, request outcomes and samples.",
+			analysisByModel: "Model usage comparison",
+			analysisModelHint: "Bars show each share of the known cost subtotal; expand for details.",
+			analysisIntro: "Review recorded usage and compare model cost and response times.",
+			analysisModel: "Model",
+			analysisCostShare: "Known cost / share",
+			analysisNoShare: ANALYTICS_COPY_ZH.analysisNoShare,
+			analysisShareHint: "Share of the known cost subtotal",
+			analysisSimulationHeading: "Price simulation for the same workload",
+			analysisSimulationHint: "Amounts with different priced coverage are not directly comparable.",
+			analysisSimulationCost: "Simulated cost",
+			analysisCoverage: "Priced coverage",
+			analysisUsd: "USD",
+			analysisTokenUnit: "tokens",
 			analysisCost: "Known cost · USD",
 			analysisRequests: "Model requests",
 			analysisSessionCount: "Sessions",
@@ -5752,6 +5795,9 @@ window.__ModuleLoader__.load({
 			credits: "额度",
 			limits: "配额窗口",
 			usage: "用量",
+			completed: "成功",
+			usageBillingPeriod: "官方账期用量",
+			usagePeriodUnknown: "官方用量汇总，统计周期未确认",
 			monthly: "月额度",
 			monthlyLimit: "月额度上限",
 			monthlyUsed: "本月已用",
@@ -5807,6 +5853,9 @@ window.__ModuleLoader__.load({
 			credits: "Credits",
 			limits: "Quota windows",
 			usage: "Usage",
+			completed: "completed",
+			usageBillingPeriod: "Official billing-period usage",
+			usagePeriodUnknown: "官方用量汇总，统计周期未确认",
 			monthly: "Monthly",
 			monthlyLimit: "Monthly limit",
 			monthlyUsed: "Monthly used",
@@ -5956,12 +6005,13 @@ window.__ModuleLoader__.load({
 			const plan = report.plan;
 			const credits = report.credits;
 			const usage = report.usage;
+			const usageRange = formatUsageBillingPeriod(usage?.periodStart, plan?.currentPeriodStart, plan?.currentPeriodEnd);
 			const stats = [];
 			if (usage !== void 0) {
 				stats.push({
 					label: "requests",
-					value: String(usage.completedCount),
-					sub: `${usage.failedCount} ${t("failed")}`
+					value: String(usage.totalCount),
+					sub: `${usage.completedCount} ${t("completed")} / ${usage.failedCount} ${t("failed")}`
 				});
 				stats.push({
 					label: "successRate",
@@ -5999,7 +6049,8 @@ window.__ModuleLoader__.load({
 				active: entry.active,
 				monthly: monthlyView(report),
 				windows,
-				stats
+				stats,
+				usagePeriod: usage === void 0 ? "" : usageRange ? `${t("usageBillingPeriod")} ${usageRange}` : t("usagePeriodUnknown")
 			};
 		}
 		/** The report-level failure box, or undefined when the report is usable. */
@@ -6333,12 +6384,35 @@ window.__ModuleLoader__.load({
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m9 5 7 7-7 7" })
 			});
 		}
-		function Metric({ label, value, sub }) {
+		function AnalysisIcon({ kind }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				className: "ccp-analysisIcon",
+				width: "16",
+				height: "16",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.6",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: kind === "info" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					cx: "12",
+					cy: "12",
+					r: "9"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 11v6M12 7h.01" })] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					cx: "10.5",
+					cy: "10.5",
+					r: "6.5"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m16 16 4.5 4.5" })] })
+			});
+		}
+		function Metric({ label, value, sub, children }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: "ccp-analysisMetric",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "ccp-analysisLabel",
+						className: "ccp-analysisLabel ccp-analysisMetricLabel",
 						children: label
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -6348,10 +6422,38 @@ window.__ModuleLoader__.load({
 					sub ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "ccp-analysisSub",
 						children: sub
-					}) : null
+					}) : null,
+					children
 				]
 			});
 		}
+		/** 只比较已知成本；没有计价样本或已知小计为零时，不制造百分比。 */
+		function knownCostShare(m, totalCost) {
+			return m.pricedRequests > 0 && totalCost > 0 ? m.cost / totalCost * 100 : null;
+		}
+		function CostShare({ m, totalCost, text }) {
+			const share = knownCostShare(m, totalCost);
+			if (share === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "ccp-analysisSub",
+				children: text("analysisNoShare")
+			});
+			const percentage = `${share.toFixed(1)}%`;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "ccp-analysisShare",
+				title: `${text("analysisShareHint")} ${percentage}`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "ccp-analysisShareTrack",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "ccp-analysisShareFill",
+						style: { width: `${Math.min(100, Math.max(0, share))}%` }
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "ccp-analysisShareValue",
+					children: percentage
+				})]
+			});
+		}
 		function DetailGroup({ title, values, text }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "ccp-analysisDetailGroup",
@@ -6424,7 +6526,7 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function ModelRow({ m, text }) {
+		function ModelRow({ m, name, totalCost, text }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
 				className: "ccp-analysisModelRow",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
@@ -6432,26 +6534,38 @@ window.__ModuleLoader__.load({
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: "ccp-analysisIdentity",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "ccp-analysisModelName",
-								children: m.id
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "ccp-analysisSub",
-								children: [
-									text("analysisRequests"),
-									" ",
-									digits(m.requests),
-									" · ",
-									text("analysisSessionCount"),
-									" ",
-									digits(m.sessions)
-								]
-							})]
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ccp-analysisModelName",
+									children: name || m.id
+								}),
+								name && name !== m.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ccp-analysisSub",
+									children: m.id
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "ccp-analysisSub ccp-analysisModelCount",
+									children: [
+										text("analysisRequests"),
+										" ",
+										digits(m.requests),
+										" · ",
+										text("analysisSessionCount"),
+										" ",
+										digits(m.sessions)
+									]
+								})
+							]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
-							label: text("analysisCost"),
+							label: text("analysisCostShare"),
 							value: m.pricedRequests ? money(m.cost) : text("analysisMissing"),
-							sub: `${text("analysisPriced")} ${m.pricedRequests}/${m.requests}`
+							sub: `${text("analysisPriced")} ${m.pricedRequests}/${m.requests}`,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CostShare, {
+								m,
+								totalCost,
+								text
+							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
 							label: text("analysisResponse"),
@@ -6490,17 +6604,19 @@ window.__ModuleLoader__.load({
 							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
-							label: text("analysisCost"),
+							label: text("analysisSimulationCost"),
 							value: m.pricedRequests ? money(m.cost) : text("analysisMissing"),
-							sub: `${text("analysisPriced")} ${m.pricedRequests}/${m.pricedRequests + m.excludedRequests + m.unknownRequests}`
+							sub: text("analysisUsd")
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
-							label: text("analysisContext"),
-							value: m.contextWindow === null ? text("analysisMissing") : digits(m.contextWindow)
+							label: text("analysisCoverage"),
+							value: `${m.pricedRequests}/${m.pricedRequests + m.excludedRequests + m.unknownRequests}`,
+							sub: `${text("analysisExcluded")} ${digits(m.excludedRequests)} · ${text("analysisUnknownPrice")} ${digits(m.unknownRequests)}`
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "ccp-analysisCapability",
-							children: text(m.images ? "analysisImages" : "analysisTextOnly")
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+							label: text("analysisCapabilities"),
+							value: m.contextWindow === null ? text("analysisMissing") : `${digits(m.contextWindow)} ${text("analysisTokenUnit")}`,
+							sub: text(m.images ? "analysisImages" : "analysisTextOnly")
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {})
 					]
@@ -6560,6 +6676,7 @@ window.__ModuleLoader__.load({
 				event.currentTarget.querySelector(`[data-page="${next}"]`)?.focus();
 			};
 			const scenarios = report?.scenarios.filter((m) => `${m.id} ${m.name}`.toLowerCase().includes(filter.trim().toLowerCase())) ?? [];
+			const names = new Map(report?.scenarios.map((m) => [m.id, m.name]));
 			const m = report?.totals;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 				className: "ccp-analysis",
@@ -6568,6 +6685,7 @@ window.__ModuleLoader__.load({
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 						className: "ccp-analysisFilters",
+						"data-mode": mode,
 						noValidate: true,
 						onSubmit: (e) => {
 							e.preventDefault();
@@ -6606,7 +6724,7 @@ window.__ModuleLoader__.load({
 									onChange: (e) => setLimit(e.target.value)
 								})]
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								className: "ccp-analysisField",
+								className: "ccp-analysisField ccp-analysisDateField",
 								children: [text("analysisFrom"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 									className: "ccp-analysisInput",
 									type: "date",
@@ -6616,7 +6734,7 @@ window.__ModuleLoader__.load({
 									onChange: (e) => setFrom(e.target.value)
 								})]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								className: "ccp-analysisField",
+								className: "ccp-analysisField ccp-analysisDateField",
 								children: [text("analysisTo"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 									className: "ccp-analysisInput",
 									type: "date",
@@ -6710,22 +6828,17 @@ window.__ModuleLoader__.load({
 							className: "ccp-analysisNote",
 							children: text("analysisShortBasis")
 						}),
-						report.truncated || report.unreadableSessions > 0 || report.skippedSessions > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "ccp-analysisMessage ccp-analysisWarning",
-							role: "status",
-							children: text("analysisPartial")
-						}) : null,
-						m.pricedRequests < m.requests ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						report.truncated || report.unreadableSessions > 0 || report.skippedSessions > 0 || m.pricedRequests < m.requests ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "ccp-analysisMessage ccp-analysisWarning",
 							role: "status",
-							children: text("analysisUnpriced")
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnalysisIcon, { kind: "info" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [report.truncated || report.unreadableSessions > 0 || report.skippedSessions > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: text("analysisPartial") }) : null, m.pricedRequests < m.requests ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: text("analysisUnpriced") }) : null] })]
 						}) : null,
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "ccp-analysisTabs",
 							role: "tablist",
 							"aria-label": text("analysisSections"),
 							onKeyDown: navigateTab,
-							children: ["history", "simulation"].map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							children: ["history", "simulation"].map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								className: "ccp-analysisTab",
 								id: `${id}-${tab}-tab`,
 								"data-page": tab,
@@ -6735,7 +6848,10 @@ window.__ModuleLoader__.load({
 								"aria-controls": `${id}-${tab}`,
 								tabIndex: page === tab ? 0 : -1,
 								onClick: () => setPage(tab),
-								children: text(tab === "history" ? "analysisHistory" : "analysisSimulation")
+								children: [text(tab === "history" ? "analysisHistory" : "analysisSimulation"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "ccp-analysisTabCount",
+									children: digits(tab === "history" ? report.models.length : report.scenarios.length)
+								})]
 							}, tab))
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
@@ -6759,36 +6875,51 @@ window.__ModuleLoader__.load({
 								m.requests === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 									className: "ccp-analysisEmpty",
 									children: text("analysisEmpty")
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "ccp-analysisModels",
-									children: report.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelRow, {
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "ccp-analysisTableHead",
+										"aria-hidden": "true",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisModel") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisCostShare") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisResponse") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisFirstToken") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisSpeed") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {})
+										]
+									}), report.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelRow, {
 										m: model,
+										name: names.get(model.id),
+										totalCost: m.cost,
 										text
-									}, model.id))
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-									className: "ccp-analysisAggregate",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
-										className: "ccp-analysisDisclosure",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {}), text("analysisDetails")]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MetricsDetails, {
-										m,
-										text
-									})]
+									}, model.id))]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "ccp-analysisMonthly",
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisMonthly") }),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
-											className: "ccp-analysisMonthlyValue",
-											children: report.monthlyEstimate === null || report.truncated || report.unreadableSessions || report.skippedSessions ? text("analysisMissing") : money(report.monthlyEstimate)
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: "ccp-analysisNote",
-											children: text("analysisMonthlyHint")
-										})
-									]
+									className: "ccp-analysisFooter",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+										className: "ccp-analysisAggregate",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
+											className: "ccp-analysisDisclosure",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {}), text("analysisDetails")]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MetricsDetails, {
+											m,
+											text
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "ccp-analysisMonthly",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisMonthly") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+												className: "ccp-analysisMonthlyValue",
+												children: report.monthlyEstimate === null || report.truncated || report.unreadableSessions || report.skippedSessions ? text("analysisMissing") : money(report.monthlyEstimate)
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "ccp-analysisNote",
+												children: text("analysisMonthlyHint")
+											})
+										]
+									})]
 								})
 							]
 						}),
@@ -6809,25 +6940,50 @@ window.__ModuleLoader__.load({
 									role: "status",
 									children: text("analysisCatalog")
 								}) : null,
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "ccp-analysisField ccp-analysisSearch",
-									children: [text("analysisSearch"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										className: "ccp-analysisInput",
-										type: "search",
-										placeholder: text("analysisSearchPlaceholder"),
-										value: filter,
-										onChange: (e) => setFilter(e.target.value)
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "ccp-analysisSectionHead",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+										className: "ccp-analysisHeading",
+										children: text("analysisSimulationHeading")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "ccp-analysisNote",
+										children: text("analysisSimulationHint")
+									})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										className: "ccp-analysisField ccp-analysisSearch",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "ccp-analysisSearchLabel",
+											children: text("analysisSearch")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "ccp-analysisSearchShell",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnalysisIcon, { kind: "search" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												className: "ccp-analysisInput",
+												type: "search",
+												placeholder: text("analysisSearchPlaceholder"),
+												value: filter,
+												onChange: (e) => setFilter(e.target.value)
+											})]
+										})]
 									})]
 								}),
 								m.requests === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 									className: "ccp-analysisEmpty",
 									children: text("analysisEmpty")
-								}) : scenarios.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								}) : scenarios.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "ccp-analysisModels",
-									children: scenarios.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScenarioRow, {
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "ccp-analysisTableHead ccp-analysisScenarioHead",
+										"aria-hidden": "true",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisModel") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisSimulationCost") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisCoverage") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisCapabilities") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {})
+										]
+									}), scenarios.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScenarioRow, {
 										m: model,
 										text
-									}, model.id))
+									}, model.id))]
 								}) : !report.catalogUnavailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 									className: "ccp-analysisEmpty",
 									role: "status",
@@ -7129,17 +7285,24 @@ window.__ModuleLoader__.load({
 					}) : null,
 					account.stats.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "ccp-block",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
-							className: "ccp-blockTitle",
-							children: text("usage")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "ccp-tiles",
-							children: account.stats.map((stat) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tile, {
-								label: text(stat.label),
-								value: stat.value,
-								sub: stat.sub
-							}, stat.label))
-						})]
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+								className: "ccp-blockTitle",
+								children: text("usage")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "ccp-windowReset",
+								children: account.usagePeriod
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "ccp-tiles",
+								children: account.stats.map((stat) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tile, {
+									label: text(stat.label),
+									value: stat.value,
+									sub: stat.sub
+								}, stat.label))
+							})
+						]
 					}) : null
 				]
 			});
@@ -7180,10 +7343,10 @@ window.__ModuleLoader__.load({
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
 										className: "ccp-title",
 										children: mode === "analysis" ? `Command Code · ${text("analyticsNav")}` : text("nav")
-									}), mode === "quota" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 										className: "ccp-subtitle",
-										children: text("subtitle")
-									}) : null]
+										children: text(mode === "quota" ? "subtitle" : "analysisIntro")
+									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "ccp-spacer" }),
 								mode === "quota" && view.updatedAt !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -7658,7 +7821,8 @@ window.__ModuleLoader__.load({
 					notes.push(isPeak ? SESSION_COST_COPY.peakRates : SESSION_COST_COPY.offPeakRates);
 				}
 			}
-			if (COST_TOKEN_KEYS.some((key) => totals[key] !== count(usage[key])) || !priced) return void 0;
+			const summary = facts.summaryTokens ?? zeroCostTokens();
+			if (COST_TOKEN_KEYS.some((key) => totals[key] - summary[key] !== count(usage[key])) || !priced) return void 0;
 			const { total, unpricedCacheWriteTokens } = breakdown;
 			partial ||= unpricedCacheWriteTokens > 0;
 			free &&= !partial;
@@ -8627,108 +8791,135 @@ window.__ModuleLoader__.load({
 .ccp-tabActive{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-brand-primary)}
 
 @media (prefers-reduced-motion:reduce){.ccp-footFill,.ccp-barFill{transition:none}}
-/* 分析页使用独立宽度与私有选择器；数字总览和明细不影响原额度面板。 */
-.ccp-mainInnerAnalysis{max-width:1040px}
-.ccp-analysis{font-size:14px;line-height:1.6;min-width:0;color:var(--dsw-alias-label-primary)}
-.ccp-analysisFilters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:10px 0 18px}
-.ccp-analysisField{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dsw-alias-label-secondary);min-width:0}
-.ccp-analysisFilters .ccp-analysisField{min-width:136px}
-.ccp-analysisFilters .ccp-analysisScopeField{flex:0 1 180px}
-/* 明确边框盒高度与行高，避免原生下拉、日期输入和按钮按各自外观计算尺寸。 */
-.ccp-analysisInput{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:8px 11px;font:inherit;font-size:14px;line-height:20px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:7px}
-/* 原生选择行为保留；SVG 的位置与文字留白独立控制，点击箭头仍交给下拉框。 */
+/* 分析页继承设置页和宿主控件的语义变量；独立选择器不影响账号额度页面。 */
+.ccp-mainInnerAnalysis{max-width:1040px;box-sizing:border-box}
+/* 宿主侧栏会缩窄中心面板，按实际可用宽度切换列数，而不是仅看浏览器宽度。 */
+.ccp-analysis{font-size:14px;line-height:22px;min-width:0;color:var(--dsw-alias-label-primary);container-type:inline-size;container-name:ccp-analysis}
+.ccp-analysisFilters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:8px 0 20px}
+.ccp-analysisField{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);min-width:0}
+.ccp-analysisFilters .ccp-analysisField{flex:0 1 158px}
+.ccp-analysisFilters .ccp-analysisScopeField{flex-basis:184px}
+.ccp-analysisFilters .ccp-analysisDateField{flex-basis:166px}
+/* 对齐原生选择器、日期输入与按钮的边框盒；保留独立箭头留白和点击区域。 */
+.ccp-analysisInput{box-sizing:border-box;width:100%;min-width:0;height:36px;padding:0 11px;font:inherit;font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:.5px solid var(--dsw-alias-border-l4);border-radius:8px}
 .ccp-analysisSelectShell{position:relative;display:block;width:100%;min-width:0}
-.ccp-analysisSelect{appearance:none;-webkit-appearance:none;padding-inline-end:40px;text-overflow:ellipsis;cursor:pointer}
+.ccp-analysisSelect{appearance:none;-webkit-appearance:none;padding-inline-end:40px;text-overflow:ellipsis;cursor:pointer;border:0;border-radius:18px;background:var(--dsw-alias-bg-module-platform)}
 .ccp-analysisSelectShell > .ccp-analysisChevron{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%) rotate(90deg);pointer-events:none}
-.ccp-analysisSelect:disabled + .ccp-analysisChevron{opacity:.65}
-.ccp-analysisInput::placeholder{color:var(--dsw-alias-label-tertiary,var(--dsw-alias-label-secondary))}
-.ccp-analysisApply{box-sizing:border-box;height:40px;font:inherit;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;padding:8px 18px;border:1px solid var(--dsw-alias-label-primary);border-radius:7px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1);cursor:pointer}
-.ccp-analysisApply:disabled{opacity:.5;cursor:wait}
-.ccp-analysisInput:disabled{opacity:.65}
+.ccp-analysisSelect:disabled + .ccp-analysisChevron{opacity:.6}
+.ccp-analysisInput::placeholder{color:var(--dsw-alias-label-tertiary)}
+.ccp-analysisApply{box-sizing:border-box;flex:none;height:36px;font:inherit;font-size:14px;line-height:22px;white-space:nowrap;padding:0 20px;border:0;border-radius:var(--dsw-radius-md,18px);background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);cursor:pointer;margin-left:2px}
+.ccp-analysisApply:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}
+.ccp-analysisApply:disabled{opacity:.4;cursor:wait}
+.ccp-analysisInput:disabled{opacity:.6}
 .ccp-analysisInput:focus-visible,.ccp-analysisApply:focus-visible,.ccp-analysisTab:focus-visible,.ccp-analysisPanel:focus-visible,.ccp-analysisModelSummary:focus-visible,.ccp-analysisScenarioSummary:focus-visible,.ccp-analysisDisclosure:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}
 /* 模型列表会裁切圆角，内收焦点框以保持第一行和最后一行也清晰可见。 */
-.ccp-analysisModelSummary:focus-visible,.ccp-analysisScenarioSummary:focus-visible,.ccp-analysisAggregate > .ccp-analysisDisclosure:focus-visible{outline-offset:-3px}
-.ccp-analysisScope{display:flex;justify-content:space-between;gap:6px 18px;flex-wrap:wrap;color:var(--dsw-alias-label-secondary);font-size:12px;margin-bottom:12px}
-.ccp-analysisOverview{display:grid;grid-template-columns:1.25fr repeat(3,1fr);padding:22px 0;border-top:1px solid var(--dsw-alias-border-l2);border-bottom:1px solid var(--dsw-alias-border-l2);font-variant-numeric:tabular-nums}
-.ccp-analysisMetric{display:flex;flex-direction:column;gap:4px;min-width:0}
-.ccp-analysisLabel{font-size:12px;color:var(--dsw-alias-label-secondary);font-weight:400}
-.ccp-analysisValue{font-size:16px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
-.ccp-analysisSub{display:block;color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:400;overflow-wrap:anywhere}
-.ccp-analysisOverview .ccp-analysisMetric{padding:0 24px;border-left:1px solid var(--dsw-alias-border-l2)}
-.ccp-analysisOverview .ccp-analysisMetric:first-child{padding-left:0;border-left:0}
-.ccp-analysisOverview .ccp-analysisMetric:last-child{padding-right:0}
-.ccp-analysisOverview .ccp-analysisValue{font-size:26px;font-weight:600;letter-spacing:-.025em;margin:3px 0}
-.ccp-analysisNote{font-size:12px;color:var(--dsw-alias-label-secondary);margin:8px 0 0}
-.ccp-analysisMessage{margin:10px 0;padding:12px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:7px;background:var(--dsw-alias-bg-layer-2);font-size:14px}
-.ccp-analysisWarning{border-left:3px solid var(--dsw-alias-state-warn-primary,var(--dsw-alias-label-secondary))}
-.ccp-analysisError{border-left:3px solid var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}
-.ccp-analysisTabs{display:flex;gap:24px;border-bottom:1px solid var(--dsw-alias-border-l2);margin:24px 0 0}
-.ccp-analysisTab{position:relative;border:0;background:transparent;font:inherit;font-size:14px;color:var(--dsw-alias-label-secondary);padding:10px 0 12px;cursor:pointer}
-.ccp-analysisTab[aria-selected="true"]{color:var(--dsw-alias-label-primary);font-weight:600}
-.ccp-analysisTab[aria-selected="true"]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--dsw-alias-brand-primary);border-radius:2px}
-.ccp-analysisPanel{padding-top:18px;min-width:0}
+.ccp-analysisModelSummary:focus-visible,.ccp-analysisScenarioSummary:focus-visible{outline-offset:-3px;border-radius:6px}
+.ccp-analysisScope{display:flex;justify-content:space-between;gap:8px 18px;flex-wrap:wrap;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin-bottom:12px}
+.ccp-analysisScope > span:first-child{color:var(--dsw-alias-label-primary);font-weight:500}
+.ccp-analysisOverview{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:20px;padding:16px 18px;background:var(--dsw-alias-bg-layer-3);border:.5px solid var(--dsw-alias-border-l4);border-radius:16px;font-variant-numeric:tabular-nums}
+.ccp-analysisMetric{display:flex;flex-direction:column;gap:3px;min-width:0}
+.ccp-analysisLabel{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);font-weight:400}
+.ccp-analysisValue{font-size:14px;line-height:22px;font-weight:500;overflow-wrap:anywhere}
+.ccp-analysisSub{display:block;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;font-weight:400;overflow-wrap:anywhere}
+.ccp-analysisOverview .ccp-analysisMetric{gap:5px}
+.ccp-analysisOverview .ccp-analysisValue{font-size:20px;line-height:28px;font-weight:500}
+.ccp-analysisNote{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);margin:9px 0 0}
+.ccp-analysisMessage{margin:12px 0 0;padding:12px 14px;border:.5px solid var(--dsw-alias-border-l4);border-radius:12px;background:var(--dsw-alias-bg-layer-3);font-size:14px;line-height:22px}
+.ccp-analysisWarning{display:flex;align-items:flex-start;gap:8px}
+.ccp-analysisIcon{flex:none}
+.ccp-analysisWarning > .ccp-analysisIcon{color:var(--dsw-alias-state-warn-label,var(--dsw-alias-label-secondary));margin-top:3px}
+.ccp-analysisWarning p{margin:0}
+.ccp-analysisWarning p + p{margin-top:5px}
+.ccp-analysisError{color:var(--dsw-alias-state-error-primary)}
+/* 沿用宿主分段控件的轨道、浮层与胶囊尺寸，保留原有页签键盘语义。 */
+.ccp-analysisTabs{box-sizing:border-box;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:4px;border:0;border-radius:var(--dsw-radius-md,18px);background:var(--dsw-alias-interactive-bg-hover);margin:22px 0 0;max-width:100%}
+.ccp-analysisTab{height:28px;padding:0 16px;border:0;border-radius:var(--dsw-radius-sm,14px);background:transparent;font:inherit;font-size:13px;line-height:20px;font-weight:500;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer}
+.ccp-analysisTab:hover,.ccp-analysisTab[aria-selected="true"]{color:var(--dsw-alias-label-primary)}
+.ccp-analysisTab[aria-selected="true"]{background:var(--dsw-alias-bg-layer-1);box-shadow:var(--dsw-elevation-soft)}
+.ccp-analysisTabCount{display:inline-flex;justify-content:center;min-width:16px;padding:0 4px;margin-left:6px;border-radius:999px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}
+.ccp-analysisPanel{padding-top:20px;min-width:0}
 .ccp-analysisPanel[hidden]{display:none}
-.ccp-analysisSectionHead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
-.ccp-analysisHeading{font-size:14px;font-weight:600;margin:0}
-.ccp-analysisSectionHead .ccp-analysisNote{margin:0}
-.ccp-analysisModels{border:1px solid var(--dsw-alias-border-l2);border-radius:10px;overflow:hidden}
-.ccp-analysisModelRow{border-top:1px solid var(--dsw-alias-border-l2)}
-.ccp-analysisModelRow:first-child{border-top:0}
-.ccp-analysisModelSummary,.ccp-analysisScenarioSummary{position:relative;display:grid;grid-template-columns:minmax(180px,1.65fr) repeat(4,minmax(90px,1fr)) 16px;gap:16px;align-items:center;padding:18px 16px;cursor:pointer;list-style:none;font-variant-numeric:tabular-nums}
-.ccp-analysisScenarioSummary{grid-template-columns:minmax(180px,1.65fr) repeat(2,minmax(90px,1fr)) minmax(90px,.8fr) 16px}
+.ccp-analysisSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
+.ccp-analysisHeading{font-size:14px;line-height:22px;font-weight:500;margin:0}
+.ccp-analysisSectionHead .ccp-analysisNote{margin:0;max-width:56ch}
+.ccp-analysisModels{border:.5px solid var(--dsw-alias-border-l4);border-radius:16px;overflow:hidden}
+.ccp-analysisModelRow + .ccp-analysisModelRow{border-top:.5px solid var(--dsw-alias-border-l2)}
+.ccp-analysisTableHead,.ccp-analysisModelSummary,.ccp-analysisScenarioSummary{position:relative;display:grid;grid-template-columns:minmax(190px,2.1fr) minmax(150px,1.45fr) minmax(90px,.9fr) minmax(90px,.9fr) minmax(100px,1fr) 16px;gap:18px;align-items:center;padding:16px 18px;font-variant-numeric:tabular-nums}
+.ccp-analysisTableHead{padding-top:11px;padding-bottom:11px;background:var(--dsw-alias-interactive-bg-hover);border-bottom:.5px solid var(--dsw-alias-border-l2);font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}
+.ccp-analysisTableHead > span:not(:first-child){text-align:right}
+.ccp-analysisScenarioHead,.ccp-analysisScenarioSummary{grid-template-columns:minmax(190px,2fr) minmax(118px,1.1fr) minmax(155px,1.35fr) minmax(142px,1.15fr) 16px}
+.ccp-analysisScenarioHead > span:nth-child(3),.ccp-analysisScenarioHead > span:nth-child(4){text-align:left}
+.ccp-analysisModelSummary,.ccp-analysisScenarioSummary{cursor:pointer;list-style:none;min-height:60px}
 .ccp-analysisModelSummary::-webkit-details-marker,.ccp-analysisScenarioSummary::-webkit-details-marker,.ccp-analysisDisclosure::-webkit-details-marker{display:none}
-.ccp-analysisModelSummary:hover,.ccp-analysisScenarioSummary:hover{background:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}
-.ccp-analysisIdentity{display:flex;flex-direction:column;gap:5px;min-width:0}
-.ccp-analysisModelName{font-size:14px;font-weight:600;overflow-wrap:anywhere}
-.ccp-analysisChevron{flex:none;color:var(--dsw-alias-label-secondary)}
+.ccp-analysisModelSummary:hover,.ccp-analysisScenarioSummary:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.ccp-analysisIdentity{display:flex;flex-direction:column;gap:2px;min-width:0}
+.ccp-analysisModelName{font-size:14px;line-height:22px;font-weight:500;overflow-wrap:anywhere}
+.ccp-analysisModelCount{margin-top:3px}
+.ccp-analysisModelSummary > .ccp-analysisMetric,.ccp-analysisScenarioSummary > .ccp-analysisMetric{align-items:flex-end}
+.ccp-analysisScenarioSummary > .ccp-analysisMetric:nth-child(3),.ccp-analysisScenarioSummary > .ccp-analysisMetric:nth-child(4){align-items:flex-start}
+/* 宽表使用集中表头，但保留每个指标的无障碍标签；窄面板恢复可见标签。 */
+.ccp-analysisModelSummary .ccp-analysisMetricLabel,.ccp-analysisScenarioSummary .ccp-analysisMetricLabel,.ccp-analysisSearchLabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+.ccp-analysisShare{display:flex;align-items:center;gap:8px;width:100%;max-width:148px;margin-top:3px}
+.ccp-analysisShareTrack{display:block;flex:1;height:4px;overflow:hidden;background:var(--dsw-alias-bg-module-platform);border-radius:999px}
+.ccp-analysisShareFill{display:block;height:100%;background:var(--dsw-alias-label-secondary);border-radius:999px}
+.ccp-analysisShareValue{font-size:12px;line-height:18px;min-width:40px;text-align:right;color:var(--dsw-alias-label-tertiary)}
+.ccp-analysisChevron{flex:none;color:var(--dsw-alias-label-tertiary)}
 .ccp-analysisModelRow[open] > .ccp-analysisModelSummary > .ccp-analysisChevron,.ccp-analysisModelRow[open] > .ccp-analysisScenarioSummary > .ccp-analysisChevron,.ccp-analysisAggregate[open] > .ccp-analysisDisclosure > .ccp-analysisChevron,.ccp-analysisRules[open] > .ccp-analysisDisclosure > .ccp-analysisChevron{transform:rotate(90deg)}
-.ccp-analysisDetails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:18px 16px 22px;background:var(--dsw-alias-bg-layer-2);border-top:1px solid var(--dsw-alias-border-l2)}
-.ccp-analysisDetailTitle{font-size:12px;font-weight:600;margin:0 0 10px}
+.ccp-analysisDetails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:16px 18px;background:var(--dsw-alias-bg-module-platform);border-top:.5px solid var(--dsw-alias-border-l2)}
+.ccp-analysisDetailTitle{font-size:12px;line-height:18px;font-weight:600;margin:0 0 11px}
 .ccp-analysisFacts{margin:0;display:flex;flex-direction:column;gap:8px}
-.ccp-analysisFact{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}
-.ccp-analysisFactValue{font-size:14px;margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
+.ccp-analysisFact{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
+.ccp-analysisFactValue{font-size:14px;line-height:22px;margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
 .ccp-analysisFact .ccp-analysisLabel{flex-shrink:0}
-.ccp-analysisAggregate{margin-top:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;overflow:hidden}
-.ccp-analysisDisclosure{display:flex;gap:8px;align-items:center;cursor:pointer;list-style:none;font-size:12px;color:var(--dsw-alias-label-secondary);padding:11px 14px}
-.ccp-analysisMonthly{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:12px;color:var(--dsw-alias-label-secondary)}
-.ccp-analysisMonthlyValue{font-size:14px;font-weight:500;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums}
+.ccp-analysisFooter{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-top:14px}
+.ccp-analysisAggregate{flex:1;min-width:210px}
+.ccp-analysisAggregate > .ccp-analysisDetails{border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;margin-top:6px}
+.ccp-analysisDisclosure{display:flex;gap:7px;align-items:center;cursor:pointer;list-style:none;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);padding:7px 0}
+.ccp-analysisDisclosure > .ccp-analysisChevron{width:14px;height:14px}
+.ccp-analysisMonthly{flex:none;max-width:340px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:2px 8px;align-items:baseline;text-align:right;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);padding-top:5px}
+.ccp-analysisMonthlyValue{font-size:14px;line-height:22px;font-weight:500;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums}
 .ccp-analysisMonthly .ccp-analysisNote{width:100%;margin:0}
-.ccp-analysisAssumption{font-size:14px;line-height:1.6;color:var(--dsw-alias-label-secondary);margin:0 0 16px}
-.ccp-analysisSearch{max-width:360px;margin-bottom:16px}
-.ccp-analysisCapability{font-size:12px;color:var(--dsw-alias-label-secondary)}
+.ccp-analysisAssumption{font-size:14px;line-height:22px;color:var(--dsw-alias-label-tertiary);margin:0 0 18px;max-width:76ch}
+.ccp-analysisSearch{flex:0 1 270px}
+.ccp-analysisSearchShell{position:relative;display:block}
+.ccp-analysisSearchShell > .ccp-analysisIcon{position:absolute;top:10px;left:11px;color:var(--dsw-alias-label-tertiary);pointer-events:none}
+.ccp-analysisSearch .ccp-analysisInput{padding-left:35px}
 .ccp-analysisScenarioDetails{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
-.ccp-analysisScenarioDetails .ccp-analysisFactValue{max-width:75%}
-.ccp-analysisEmpty{font-size:14px;color:var(--dsw-alias-label-secondary);text-align:center;padding:32px 16px;margin:0;border:1px dashed var(--dsw-alias-border-l2);border-radius:8px}
-.ccp-analysisRules{margin-top:22px;border-top:1px solid var(--dsw-alias-border-l2)}
-.ccp-analysisRules .ccp-analysisDisclosure{padding:14px 0}
-.ccp-analysisRulesBody{color:var(--dsw-alias-label-secondary);font-size:14px;padding-bottom:4px}
-.ccp-analysisRulesBody p{margin:0 0 12px}
-@media (max-width:860px){
-.ccp-analysisOverview .ccp-analysisMetric{padding:0 16px}
-.ccp-analysisOverview .ccp-analysisValue{font-size:22px}
-.ccp-analysisModelSummary{grid-template-columns:repeat(4,minmax(0,1fr)) 16px;gap:12px 16px}
-.ccp-analysisScenarioSummary{grid-template-columns:repeat(3,minmax(0,1fr)) 16px;gap:12px 16px}
+.ccp-analysisScenarioDetails .ccp-analysisFactValue{max-width:70%}
+.ccp-analysisEmpty{font-size:14px;line-height:22px;color:var(--dsw-alias-label-tertiary);text-align:center;padding:34px 18px;margin:0;border:1px dashed var(--dsw-alias-border-l4);border-radius:8px}
+.ccp-analysisRules{margin-top:22px;border-top:.5px solid var(--dsw-alias-border-l2);padding-top:8px}
+.ccp-analysisRulesBody{display:grid;grid-template-columns:1fr 1fr;gap:24px;color:var(--dsw-alias-label-tertiary);font-size:14px;line-height:22px;margin-top:9px}
+.ccp-analysisRulesBody p{margin:0 0 10px}
+@container ccp-analysis (max-width:920px){
+.ccp-analysisTableHead{display:none}
+.ccp-analysisModelSummary{grid-template-columns:repeat(4,minmax(0,1fr)) 16px;gap:12px 18px}
+.ccp-analysisScenarioSummary{grid-template-columns:repeat(3,minmax(0,1fr)) 16px;gap:12px 18px}
 .ccp-analysisModelSummary > .ccp-analysisIdentity,.ccp-analysisScenarioSummary > .ccp-analysisIdentity{grid-column:1/-2}
-.ccp-analysisModelSummary > .ccp-analysisChevron{grid-column:5;grid-row:1}
-.ccp-analysisScenarioSummary > .ccp-analysisChevron{grid-column:4;grid-row:1}
+.ccp-analysisModelSummary > .ccp-analysisChevron{grid-column:5;grid-row:1;justify-self:end}
+.ccp-analysisScenarioSummary > .ccp-analysisChevron{grid-column:4;grid-row:1;justify-self:end}
+.ccp-analysisModelSummary > .ccp-analysisMetric,.ccp-analysisScenarioSummary > .ccp-analysisMetric{align-items:flex-start}
+.ccp-analysisModelSummary .ccp-analysisMetricLabel,.ccp-analysisScenarioSummary .ccp-analysisMetricLabel{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}
 .ccp-analysisDetails{grid-template-columns:repeat(2,minmax(0,1fr))}
 }
-@media (max-width:640px){
-.ccp-mainInnerAnalysis{padding:20px 16px 32px}
-.ccp-analysisFilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
-.ccp-analysisFilters .ccp-analysisField{min-width:0}
-.ccp-analysisApply{grid-column:1/-1}
-.ccp-analysisOverview{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;padding:20px 0}
-.ccp-analysisOverview .ccp-analysisMetric{padding:0 12px}
-.ccp-analysisOverview .ccp-analysisMetric:nth-child(odd){border-left:0;padding-left:0}
-.ccp-analysisOverview .ccp-analysisValue{font-size:22px}
-.ccp-analysisModelSummary,.ccp-analysisScenarioSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}
+@container ccp-analysis (max-width:588px){
+.ccp-analysisFilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
+.ccp-analysisFilters[data-mode="range"] .ccp-analysisScopeField{grid-column:1/-1}
+.ccp-analysisApply{grid-column:1/-1;margin:0;width:100%}
+.ccp-analysisOverview{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;padding:16px}
+.ccp-analysisModelSummary,.ccp-analysisScenarioSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;padding:16px}
 .ccp-analysisModelSummary > .ccp-analysisIdentity,.ccp-analysisScenarioSummary > .ccp-analysisIdentity{grid-column:1/-1;padding-right:24px}
-.ccp-analysisModelSummary > .ccp-analysisChevron,.ccp-analysisScenarioSummary > .ccp-analysisChevron{position:absolute;top:19px;right:16px;grid-column:auto;grid-row:auto}
-.ccp-analysisDetails{gap:20px;grid-template-columns:1fr}
-.ccp-analysisFactValue{max-width:65%}
-.ccp-analysisSearch{max-width:none}
+.ccp-analysisModelSummary > .ccp-analysisChevron,.ccp-analysisScenarioSummary > .ccp-analysisChevron{position:absolute;top:18px;right:16px;grid-column:auto;grid-row:auto}
+.ccp-analysisDetails,.ccp-analysisScenarioDetails{gap:20px;grid-template-columns:1fr;padding:16px}
+.ccp-analysisAggregate{width:100%;min-width:0}
+.ccp-analysisMonthly{width:100%;max-width:none;justify-content:flex-start;text-align:left;padding-top:0}
+.ccp-analysisSectionHead{align-items:flex-start}
+.ccp-analysisSectionHead .ccp-analysisSearch{flex-basis:100%;width:100%;order:2}
+.ccp-analysisRulesBody{grid-template-columns:1fr;gap:12px}
+/* 英文页签带数量时允许换行，避免轨道或文字撑出宿主的窄面板。 */
+.ccp-analysisTabs{margin-top:18px;grid-auto-columns:minmax(0,1fr)}
+.ccp-analysisTab{height:auto;min-height:28px;padding:4px 8px;white-space:normal}
 }
+@media (max-width:640px){.ccp-mainInnerAnalysis{padding:20px 16px 32px}}
 `;
 		//#endregion
 		//#region src/client/analytics.ts