dsh-llm-verifier 0.6.1 → 0.6.2

package/lib/client.js

@@ -1972,7 +1972,7 @@ window.__ModuleLoader__.load({
 			fontSize: 12,
 			lineHeight: "18px",
 			cursor: "pointer",
-			color: "var(--dsw-alias-brand-primary, #4f8cff)"
+			color: "var(--dsw-alias-link)"
 		};
 		const row = {
 			display: "flex",
@@ -2019,7 +2019,7 @@ window.__ModuleLoader__.load({
 		const sliderStyle = {
 			width: "100%",
 			margin: 0,
-			accentColor: "var(--dsw-alias-brand-primary, #4f8cff)"
+			accentColor: "var(--dsw-alias-state-business-primary)"
 		};
 		const toolbarStyle = {
 			display: "flex",
@@ -2044,8 +2044,8 @@ window.__ModuleLoader__.load({
 			gap: 6,
 			padding: "10px 0 12px",
 			borderTop: "1px solid var(--dsw-alias-border-l2)",
-			background: "var(--dsw-alias-bg-module, #171925)",
-			boxShadow: "0 -10px 24px rgba(0,0,0,.18)"
+			background: "var(--dsw-alias-bg-module-platform)",
+			boxShadow: "0 -10px 24px var(--dsw-alias-bg-mask-2)"
 		};
 		const statusStyle = {
 			fontSize: 12,
@@ -2063,7 +2063,7 @@ window.__ModuleLoader__.load({
 			padding: "0 34px 0 12px",
 			borderRadius: 8,
 			color: "var(--dsw-alias-label-primary)",
-			background: "var(--dsw-alias-bg-input)",
+			background: "var(--dsw-specific-input-major)",
 			border: "1px solid var(--dsw-alias-border-l2)",
 			font: "inherit",
 			fontSize: 14,
@@ -2080,7 +2080,7 @@ window.__ModuleLoader__.load({
 			borderRadius: 999,
 			cursor: "pointer",
 			transition: "background .15s ease",
-			background: enabled ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-bg-input)"
+			background: enabled ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-specific-input-major)"
 		});
 		const toggleThumbStyle = (enabled) => ({
 			position: "absolute",
@@ -2089,20 +2089,31 @@ window.__ModuleLoader__.load({
 			width: 16,
 			height: 16,
 			borderRadius: "50%",
-			background: "var(--dsw-static-neutral-00, #fff)",
+			background: "var(--dsw-static-neutral-00)",
 			boxShadow: "0 1px 3px rgba(0,0,0,.28)",
 			transition: "left .15s ease"
 		});
 		const dashboardCard = {
-			border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.13))",
-			background: "color-mix(in srgb, var(--dsw-alias-bg-module, #171925) 88%, transparent)",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			background: "var(--dsw-alias-bg-module-platform)",
 			borderRadius: 16,
-			boxShadow: "0 12px 36px rgba(0,0,0,.12)"
+			boxShadow: "0 12px 36px var(--dsw-alias-bg-mask-2)"
 		};
 		const muted = {
-			color: "var(--dsw-text-secondary)",
+			color: "var(--dsw-alias-label-tertiary)",
 			fontSize: 12
 		};
+		/** Chart palette rides the state aliases so bars and line stay legible in both themes. */
+		const chartBarColor = "var(--dsw-alias-state-business-primary)";
+		const chartLineColor = "var(--dsw-alias-state-warn-primary)";
+		function toneChip(tone) {
+			const token = tone === "error" ? "var(--dsw-alias-state-error-primary)" : tone === "warn" ? "var(--dsw-alias-state-warn-primary)" : tone === "pass" ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-business-primary)";
+			return {
+				background: `color-mix(in srgb, ${token} 14%, transparent)`,
+				border: `1px solid color-mix(in srgb, ${token} 32%, transparent)`,
+				color: tone === "warn" ? "var(--dsw-alias-state-warn-label)" : token
+			};
+		}
 		const toolColors = {
 			verifier_route_classify: "#d97706",
 			verifier_compare: "#4f8cff",
@@ -2756,7 +2767,7 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
 							style: {
 								cursor: "pointer",
-								color: "var(--dsw-text-secondary)"
+								color: "var(--dsw-alias-label-secondary)"
 							},
 							children: tFormat(t["field.criteriaPreset.previewSummary"], { count: preset.length })
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
@@ -2765,8 +2776,8 @@ window.__ModuleLoader__.load({
 								wordBreak: "break-word",
 								maxHeight: 240,
 								overflow: "auto",
-								background: "var(--dsw-surface-sunken)",
-								border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))",
+								background: "var(--dsw-alias-markdown-code-block)",
+								border: "1px solid var(--dsw-alias-border-l1)",
 								borderRadius: 8,
 								padding: 10,
 								marginTop: 8
@@ -2976,7 +2987,7 @@ window.__ModuleLoader__.load({
 						style: {
 							padding: "10px 12px",
 							borderRadius: 8,
-							background: "var(--dsw-alias-state-warn-bg)",
+							background: "var(--dsw-alias-state-warn-tertiary)",
 							color: "var(--dsw-alias-state-warn-label)",
 							fontSize: 12,
 							lineHeight: "18px"
@@ -3150,13 +3161,13 @@ window.__ModuleLoader__.load({
 							x2: width - pad.r,
 							y1: pad.t + innerH * ratio,
 							y2: pad.t + innerH * ratio,
-							stroke: "rgba(148,163,184,.16)"
+							stroke: "var(--dsw-alias-border-l2)"
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
 							x: pad.l - 8,
 							y: pad.t + innerH * ratio + 4,
 							textAnchor: "end",
 							fontSize: "10",
-							fill: "var(--dsw-text-secondary)",
+							fill: "var(--dsw-alias-label-secondary)",
 							children: Math.round(max * (1 - ratio))
 						})] }, ratio)),
 						rows.map((row, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
@@ -3165,13 +3176,13 @@ window.__ModuleLoader__.load({
 							width: barWidth,
 							height: pad.t + innerH - y(row.invocations),
 							rx: "2",
-							fill: "#4f8cff",
+							fill: chartBarColor,
 							opacity: ".82"
 						}, row.date)),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("polyline", {
 							points,
 							fill: "none",
-							stroke: "#5ed7e8",
+							stroke: chartLineColor,
 							strokeWidth: "2.4",
 							strokeLinejoin: "round",
 							strokeLinecap: "round"
@@ -3181,7 +3192,7 @@ window.__ModuleLoader__.load({
 							y: height - 14,
 							textAnchor: "middle",
 							fontSize: "10",
-							fill: "var(--dsw-text-secondary)",
+							fill: "var(--dsw-alias-label-secondary)",
 							children: [
 								Number(row.date.slice(5, 7)),
 								"/",
@@ -3201,13 +3212,13 @@ window.__ModuleLoader__.load({
 						width: 8,
 						height: 8,
 						borderRadius: 2,
-						background: "#4f8cff",
+						background: chartBarColor,
 						marginRight: 6
 					} }), t["chart.legendToolCalls"]] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { style: {
 						display: "inline-block",
 						width: 14,
 						height: 2,
-						background: "#5ed7e8",
+						background: chartLineColor,
 						marginRight: 6,
 						verticalAlign: "middle"
 					} }), t["chart.legendModelCalls"]] })]
@@ -3390,7 +3401,7 @@ window.__ModuleLoader__.load({
 					overflow: "auto",
 					boxSizing: "border-box",
 					padding: "22px clamp(16px, 3vw, 38px) 48px",
-					color: "var(--dsw-text-primary)",
+					color: "var(--dsw-alias-label-primary)",
 					background: "radial-gradient(circle at 10% 0%, rgba(115,77,255,.09), transparent 32%), radial-gradient(circle at 100% 8%, rgba(47,197,201,.07), transparent 28%)"
 				},
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3423,8 +3434,8 @@ window.__ModuleLoader__.load({
 										width: 34,
 										height: 34,
 										borderRadius: 10,
-										background: "rgba(79,140,255,.14)",
-										color: "#6da0ff"
+										background: "color-mix(in srgb, var(--dsw-alias-state-business-primary) 14%, transparent)",
+										color: "var(--dsw-alias-state-business-primary)"
 									},
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDataOutline16, { size: 18 })
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
@@ -3453,8 +3464,8 @@ window.__ModuleLoader__.load({
 											display: "flex",
 											padding: 3,
 											borderRadius: 10,
-											background: "var(--dsw-surface-sunken)",
-											border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))"
+											background: "var(--dsw-alias-bg-multi-select)",
+											border: "1px solid var(--dsw-alias-border-l2)"
 										},
 										children: [
 											7,
@@ -3468,8 +3479,8 @@ window.__ModuleLoader__.load({
 												borderRadius: 7,
 												padding: "6px 10px",
 												cursor: "pointer",
-												color: days === value ? "#fff" : "var(--dsw-text-secondary)",
-												background: days === value ? "#3f68d8" : "transparent"
+												color: days === value ? "var(--dsw-alias-state-business-primary)" : "var(--dsw-alias-label-secondary)",
+												background: days === value ? "color-mix(in srgb, var(--dsw-alias-state-business-primary) 16%, transparent)" : "transparent"
 											},
 											children: tFormat(t["stats.daysUnit"], { days: value })
 										}, value))
@@ -3478,12 +3489,12 @@ window.__ModuleLoader__.load({
 										"aria-pressed": sessionOnly,
 										onClick: () => setSessionOnly((value) => !value),
 										style: {
-											border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.15))",
+											border: "1px solid var(--dsw-alias-border-l3)",
 											borderRadius: 9,
 											padding: "7px 11px",
 											cursor: "pointer",
-											color: "var(--dsw-text-primary)",
-											background: sessionOnly ? "rgba(79,140,255,.18)" : "var(--dsw-surface-sunken)"
+											color: sessionOnly ? "var(--dsw-alias-state-business-primary)" : "var(--dsw-alias-label-primary)",
+											background: sessionOnly ? "color-mix(in srgb, var(--dsw-alias-state-business-primary) 14%, transparent)" : "var(--dsw-alias-interactive-bg-hover)"
 										},
 										children: sessionOnly ? t["stats.currentSession"] : t["stats.allSessions"]
 									}),
@@ -3492,12 +3503,12 @@ window.__ModuleLoader__.load({
 										disabled: probe?.busy === true,
 										onClick: () => void runProbe(),
 										style: {
-											border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.15))",
+											border: "1px solid var(--dsw-alias-border-l3)",
 											borderRadius: 9,
 											padding: "7px 11px",
 											cursor: "pointer",
-											color: "var(--dsw-text-primary)",
-											background: "var(--dsw-surface-sunken)"
+											color: "var(--dsw-alias-label-primary)",
+											background: "var(--dsw-alias-interactive-bg-hover)"
 										},
 										children: probe?.busy === true ? t["probe.running"] : t["probe.button"]
 									}),
@@ -3510,9 +3521,9 @@ window.__ModuleLoader__.load({
 											width: 34,
 											height: 34,
 											borderRadius: 9,
-											border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.15))",
-											color: "var(--dsw-text-primary)",
-											background: "var(--dsw-surface-sunken)",
+											border: "1px solid var(--dsw-alias-border-l3)",
+											color: "var(--dsw-alias-label-primary)",
+											background: "var(--dsw-alias-interactive-bg-hover)",
 											cursor: "pointer"
 										},
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline16, { size: 16 })
@@ -3524,8 +3535,8 @@ window.__ModuleLoader__.load({
 							style: {
 								...dashboardCard,
 								padding: 18,
-								borderColor: "var(--dsw-danger, #e85858)",
-								color: "var(--dsw-danger, #e85858)"
+								borderColor: "var(--dsw-alias-state-error-primary)",
+								color: "var(--dsw-alias-state-error-primary)"
 							},
 							children: [error, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								style: {
@@ -3556,7 +3567,7 @@ window.__ModuleLoader__.load({
 									style: {
 										marginTop: 10,
 										fontSize: 12,
-										color: "#e76565"
+										color: "var(--dsw-alias-state-error-primary)"
 									},
 									children: probe.error
 								}),
@@ -3576,7 +3587,7 @@ window.__ModuleLoader__.load({
 										style: {
 											marginTop: 6,
 											fontSize: 12,
-											color: "#e3bd63"
+											color: "var(--dsw-alias-state-warn-label)"
 										},
 										children: tFormat(t["probe.rubricFallback"], { error: probe.value.rubric.error })
 									}),
@@ -3596,12 +3607,12 @@ window.__ModuleLoader__.load({
 												fontSize: 12,
 												padding: "9px 11px",
 												borderRadius: 9,
-												background: "var(--dsw-surface-sunken)"
+												background: "var(--dsw-alias-interactive-bg-hover)"
 											},
 											children: [
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 													style: {
-														color: judge.ok ? "#77d49b" : "#e76565",
+														color: judge.ok ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-error-primary)",
 														fontWeight: 600
 													},
 													children: judge.ok ? "OK" : t["probe.failed"]
@@ -3636,7 +3647,7 @@ window.__ModuleLoader__.load({
 														children: tFormat(t["probe.calls"], { calls: String(judge.calls) })
 													})
 												] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													style: { color: "#e76565" },
+													style: { color: "var(--dsw-alias-state-error-primary)" },
 													children: judge.error
 												})
 											]
@@ -3700,7 +3711,7 @@ window.__ModuleLoader__.load({
 											compact(totals?.successes ?? 0, lang),
 											" ",
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("small", {
-												style: { color: "#77d49b" },
+												style: { color: "var(--dsw-alias-state-success-primary)" },
 												children: [
 													"▲ ",
 													((totals?.successRate ?? 0) * 100).toFixed(1),
@@ -3735,7 +3746,7 @@ window.__ModuleLoader__.load({
 											hits: compact(totals?.cacheHits ?? 0, lang),
 											total: compact((totals?.cacheHits ?? 0) + (totals?.cacheMisses ?? 0), lang)
 										}),
-										accent: "#b7dd64"
+										accent: "var(--dsw-alias-state-success-primary)"
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
 										label: t["metric.prefixCacheHitRate"],
@@ -3818,8 +3829,8 @@ window.__ModuleLoader__.load({
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
 											style: {
 												textAlign: "left",
-												color: "var(--dsw-text-secondary)",
-												background: "var(--dsw-surface-sunken)"
+												color: "var(--dsw-alias-label-secondary)",
+												background: "var(--dsw-alias-interactive-bg-hover)"
 											},
 											children: [
 												t["table.colTool"],
@@ -3838,7 +3849,7 @@ window.__ModuleLoader__.load({
 												children: value
 											}, value))
 										}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tbody", { children: [(data?.tools ?? []).map((tool) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
-											style: { borderTop: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.1))" },
+											style: { borderTop: "1px solid var(--dsw-alias-border-l2)" },
 											children: [
 												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
 													style: { padding: "13px 12px" },
@@ -3868,7 +3879,7 @@ window.__ModuleLoader__.load({
 												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
 													style: {
 														padding: "13px 12px",
-														color: tool.successRate >= .9 ? "#77d49b" : tool.successRate >= .7 ? "#e3bd63" : "#ed7777"
+														color: tool.successRate >= .9 ? "var(--dsw-alias-state-success-primary)" : tool.successRate >= .7 ? "var(--dsw-alias-state-warn-label)" : "var(--dsw-alias-state-error-primary)"
 													},
 													children: [(tool.successRate * 100).toFixed(1), "%"]
 												}),
@@ -3943,16 +3954,16 @@ window.__ModuleLoader__.load({
 											const detailsOpen = openDetails === item.id;
 											const panelStyle = {
 												margin: "8px 0 0 15px",
-												border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.14))",
+												border: "1px solid var(--dsw-alias-border-l2)",
 												borderRadius: 8,
 												padding: "8px 10px",
-												background: "var(--dsw-surface-sunken)",
+												background: "var(--dsw-alias-interactive-bg-hover)",
 												fontSize: 11
 											};
 											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 												style: {
 													padding: "11px 8px",
-													borderTop: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.1))"
+													borderTop: "1px solid var(--dsw-alias-border-l2)"
 												},
 												children: [
 													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3973,7 +3984,7 @@ window.__ModuleLoader__.load({
 																		width: 7,
 																		height: 7,
 																		borderRadius: "50%",
-																		background: failed ? "#e76565" : "#59c985"
+																		background: failed ? "var(--dsw-alias-state-error-primary)" : "var(--dsw-alias-state-success-primary)"
 																	} }),
 																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
 																		style: { fontSize: 13 },
@@ -3994,7 +4005,7 @@ window.__ModuleLoader__.load({
 																style: {
 																	margin: "5px 0 0 15px",
 																	fontSize: 11,
-																	color: "#e76565",
+																	color: "var(--dsw-alias-state-error-primary)",
 																	overflow: "hidden",
 																	textOverflow: "ellipsis",
 																	whiteSpace: "nowrap"
@@ -4017,9 +4028,7 @@ window.__ModuleLoader__.load({
 																			borderRadius: 4,
 																			fontWeight: 500,
 																			fontSize: 11,
-																			background: verdictInfo.isFailed ? "rgba(231,101,101,.16)" : item.verdict.outcome === "tie" ? "rgba(227,189,99,.16)" : "rgba(89,201,133,.16)",
-																			color: verdictInfo.isFailed ? "#e76565" : item.verdict.outcome === "tie" ? "#e3bd63" : "#77d49b",
-																			border: `1px solid ${verdictInfo.isFailed ? "rgba(231,101,101,.3)" : item.verdict.outcome === "tie" ? "rgba(227,189,99,.3)" : "rgba(89,201,133,.3)"}`
+																			...toneChip(verdictInfo.isFailed ? "error" : item.verdict.outcome === "tie" ? "warn" : "pass")
 																		},
 																		children: verdictInfo.outcomeText
 																	}),
@@ -4027,26 +4036,26 @@ window.__ModuleLoader__.load({
 																		style: {
 																			padding: "1px 5px",
 																			borderRadius: 4,
-																			background: "var(--dsw-surface-sunken)",
-																			color: "var(--dsw-text-secondary)",
-																			border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.1))"
+																			background: "var(--dsw-alias-interactive-bg-hover)",
+																			color: "var(--dsw-alias-label-secondary)",
+																			border: "1px solid var(--dsw-alias-border-l2)"
 																		},
 																		children: verdictInfo.phaseText
 																	}),
 																	verdictInfo.scoreText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		style: { color: typeof item.verdict.threshold === "number" && typeof item.verdict.score === "number" && item.verdict.score < item.verdict.threshold ? "#e76565" : "var(--dsw-text-primary)" },
+																		style: { color: typeof item.verdict.threshold === "number" && typeof item.verdict.score === "number" && item.verdict.score < item.verdict.threshold ? "var(--dsw-alias-state-error-primary)" : "var(--dsw-alias-label-primary)" },
 																		children: verdictInfo.scoreText
 																	}),
 																	verdictInfo.checkpointsText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		style: { color: "var(--dsw-text-secondary)" },
+																		style: { color: "var(--dsw-alias-label-secondary)" },
 																		children: verdictInfo.checkpointsText
 																	}),
 																	verdictInfo.criteriaText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		style: { color: "var(--dsw-text-secondary)" },
+																		style: { color: "var(--dsw-alias-label-secondary)" },
 																		children: verdictInfo.criteriaText
 																	}),
 																	verdictInfo.winnerText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																		style: { color: "var(--dsw-text-secondary)" },
+																		style: { color: "var(--dsw-alias-label-secondary)" },
 																		children: verdictInfo.winnerText
 																	}),
 																	item.route && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -4054,9 +4063,8 @@ window.__ModuleLoader__.load({
 																			padding: "1px 5px",
 																			borderRadius: 4,
 																			fontSize: 11,
-																			background: "rgba(120,140,220,.14)",
-																			color: "var(--dsw-text-secondary)",
-																			border: "1px solid rgba(120,140,220,.3)"
+																			color: "var(--dsw-alias-label-secondary)",
+																			...toneChip("neutral")
 																		},
 																		children: tFormat(t["recent.route.badge"], {
 																			stage: item.route.stage,
@@ -4068,9 +4076,7 @@ window.__ModuleLoader__.load({
 																			padding: "1px 5px",
 																			borderRadius: 4,
 																			fontSize: 11,
-																			background: "rgba(227,189,99,.16)",
-																			color: "#e3bd63",
-																			border: "1px solid rgba(227,189,99,.3)"
+																			...toneChip("warn")
 																		},
 																		children: t["recent.detail.usageIncomplete"]
 																	})
@@ -4106,9 +4112,9 @@ window.__ModuleLoader__.load({
 																padding: "2px 7px",
 																borderRadius: 5,
 																cursor: "pointer",
-																color: "var(--dsw-text-secondary)",
-																background: "var(--dsw-surface-sunken)",
-																border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.14))"
+																color: "var(--dsw-alias-label-secondary)",
+																background: "var(--dsw-alias-interactive-bg-hover)",
+																border: "1px solid var(--dsw-alias-border-l2)"
 															},
 															children: snapshot?.id === item.id ? t["recent.decisionHide"] : t["recent.decision"]
 														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -4120,9 +4126,9 @@ window.__ModuleLoader__.load({
 																padding: "2px 7px",
 																borderRadius: 5,
 																cursor: "pointer",
-																color: "var(--dsw-text-secondary)",
-																background: "var(--dsw-surface-sunken)",
-																border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.14))"
+																color: "var(--dsw-alias-label-secondary)",
+																background: "var(--dsw-alias-interactive-bg-hover)",
+																border: "1px solid var(--dsw-alias-border-l2)"
 															},
 															children: detailsOpen ? t["recent.detailsHide"] : t["recent.details"]
 														})]
@@ -4133,7 +4139,7 @@ window.__ModuleLoader__.load({
 															snapshot.error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 																style: {
 																	fontSize: 11,
-																	color: "#e76565"
+																	color: "var(--dsw-alias-state-error-primary)"
 																},
 																children: snapshot.error
 															}),
@@ -4157,7 +4163,7 @@ window.__ModuleLoader__.load({
 																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 																		style: {
 																			fontSize: 11,
-																			color: "var(--dsw-text-secondary)"
+																			color: "var(--dsw-alias-label-secondary)"
 																		},
 																		children: [
 																			call.label,
@@ -4181,7 +4187,7 @@ window.__ModuleLoader__.load({
 																			fontSize: 11,
 																			whiteSpace: "pre-wrap",
 																			wordBreak: "break-word",
-																			background: "rgba(0,0,0,.2)",
+																			background: "var(--dsw-alias-markdown-code-block)",
 																			padding: "6px 8px",
 																			borderRadius: 6
 																		},
@@ -4202,7 +4208,7 @@ window.__ModuleLoader__.load({
 																			fontSize: 11,
 																			whiteSpace: "pre-wrap",
 																			wordBreak: "break-word",
-																			background: "rgba(0,0,0,.2)",
+																			background: "var(--dsw-alias-markdown-code-block)",
 																			padding: "6px 8px",
 																			borderRadius: 6
 																		},
@@ -4223,15 +4229,15 @@ window.__ModuleLoader__.load({
 															},
 															children: [
 																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
-																	style: { color: "var(--dsw-text-secondary)" },
+																	style: { color: "var(--dsw-alias-label-secondary)" },
 																	children: t["recent.detail.criterion"]
 																}),
 																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
-																	style: { color: "var(--dsw-text-secondary)" },
+																	style: { color: "var(--dsw-alias-label-secondary)" },
 																	children: t["recent.detail.score"]
 																}),
 																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
-																	style: { color: "var(--dsw-text-secondary)" },
+																	style: { color: "var(--dsw-alias-label-secondary)" },
 																	children: t["recent.detail.threshold"]
 																}),
 																item.verdict.criteria.map((criterion) => {
@@ -4240,11 +4246,11 @@ window.__ModuleLoader__.load({
 																	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [
 																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: criterion.id }),
 																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			style: { color: missed ? "#e76565" : "#77d49b" },
+																			style: { color: missed ? "var(--dsw-alias-state-error-primary)" : "var(--dsw-alias-state-success-primary)" },
 																			children: formatPercentage(criterion.score)
 																		}),
 																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																			style: { color: "var(--dsw-text-secondary)" },
+																			style: { color: "var(--dsw-alias-label-secondary)" },
 																			children: threshold === void 0 ? "—" : formatPercentage(threshold)
 																		})
 																	] }, criterion.id);
@@ -4255,7 +4261,7 @@ window.__ModuleLoader__.load({
 																display: "flex",
 																flexWrap: "wrap",
 																gap: 10,
-																color: "var(--dsw-text-secondary)"
+																color: "var(--dsw-alias-label-secondary)"
 															},
 															children: [
 																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tFormat(t["recent.detail.calls"], { calls: compact(item.stats.calls, lang) }) }),
@@ -4321,7 +4327,7 @@ window.__ModuleLoader__.load({
 											style: {
 												padding: "11px 12px",
 												borderRadius: 10,
-												background: "var(--dsw-surface-sunken)"
+												background: "var(--dsw-alias-interactive-bg-hover)"
 											},
 											children: [
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -4374,7 +4380,7 @@ window.__ModuleLoader__.load({
 					justifyContent: "center",
 					width: size,
 					height: size,
-					color: active ? "var(--dsw-alias-brand-primary, #4f8cff)" : "currentColor"
+					color: active ? "var(--dsw-alias-state-business-primary)" : "currentColor"
 				},
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDataOutline16, { size: Math.min(18, size) })
 			});
@@ -4456,6 +4462,42 @@ window.__ModuleLoader__.load({
 			}
 		}
 		/**
+		* Dock-card geometry, copied from the host's own composer-stack cards (Todo/Goal/Queue).
+		*
+		* Those cards share one width axis — the chat content column minus the composer clearances and the
+		* four dock insets — and the fallbacks below only matter on a host that does not publish the three
+		* custom properties. Without this clamp the status line stretches to the window edge and its text
+		* sits far left of the composer it belongs to, which is exactly the misplacement it is here to fix.
+		*/
+		const activityDock = {
+			boxSizing: "border-box",
+			width: "calc(100% - var(--dsh-composer-side-clearance, 16px) - var(--dsh-composer-side-clearance, 16px) - var(--dsh-composer-dock-inset, 8px) - var(--dsh-composer-dock-inset, 8px) - var(--dsh-composer-dock-inset, 8px) - var(--dsh-composer-dock-inset, 8px))",
+			margin: "0 auto"
+		};
+		const activityBar = {
+			boxSizing: "border-box",
+			display: "flex",
+			alignItems: "center",
+			gap: 10,
+			width: "100%",
+			maxWidth: "calc(var(--dsh-composer-card-max-width, 952px) - 4 * var(--dsh-composer-dock-inset, 8px))",
+			height: 36,
+			margin: "0 auto",
+			padding: "0 12px",
+			border: "0.5px solid var(--dsw-alias-border-l1)",
+			borderRadius: 12,
+			background: "var(--dsw-specific-tip)"
+		};
+		const activityTextStyle = {
+			minWidth: 0,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			fontSize: 13,
+			lineHeight: "20px",
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		/**
 		* The chat-visible half of the automatic stages: what the plugin is doing for this session right now.
 		*
 		* It answers the pauses the chat cannot explain: a P06 cycle buffers the reply, a routed review and
@@ -4503,26 +4545,21 @@ window.__ModuleLoader__.load({
 				rpc
 			]);
 			if (rendered === null) return null;
-			const accent = rendered.tone === "busy" ? "#4f8cff" : rendered.tone === "ok" ? "#77d492" : "var(--dsw-danger, #e85858)";
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 8,
-					padding: "2px 4px 6px",
-					...muted
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					"aria-hidden": true,
-					style: {
-						flex: "0 0 auto",
-						width: 7,
-						height: 7,
-						borderRadius: "50%",
-						background: accent,
-						opacity: rendered.tone === "busy" ? .65 : 1
-					}
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: rendered.text })]
+			const dotState = rendered.tone === "busy" ? "ongoing" : rendered.tone === "ok" ? "done" : "error";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: activityDock,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: activityBar,
+					role: "status",
+					"aria-live": "polite",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
+						state: dotState,
+						size: 8
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: activityTextStyle,
+						children: rendered.text
+					})]
+				})
 			});
 		}
 		/**