dsh-openrouter-provider-advisor 0.1.1 → 0.1.2

package/CHANGELOG.md

@@ -2,6 +2,29 @@
 
 All notable changes to this project are documented here.
 
+## [0.1.2] - 2026-08-24
+
+### Added
+
+- Switch history with the provider pair and before/after throughput of each switch, persisted across sessions and offering one-click revert.
+- Recommendation freshness line showing how long ago the ranking data was fetched.
+
+### Changed
+
+- The panel now remembers the last ranking strategy across close, reopen, and reload instead of resetting to Best overall.
+- Applying a provider removes the plugin's own stale `@preset/` entries for the same OpenRouter model, so repeated switching no longer accumulates near-duplicate models. User-authored model entries are left untouched.
+- Neutral panel colors follow the host `--dsw-alias-*` theme tokens, with the previous dark values as fallbacks.
+
+### Fixed
+
+- The provider dialog closes on Escape, traps Tab focus inside itself, and returns focus to the trigger button on close.
+
+### Validation
+
+- 79 automated tests passing.
+- TypeScript typecheck and production build passing.
+- `npm audit --omit=dev` reports zero vulnerabilities.
+
 ## [0.1.1] - 2026-08-24
 
 ### Added
@@ -28,5 +51,6 @@ All notable changes to this project are documented here.
 
 - Initial public release.
 
+[0.1.2]: https://github.com/xuanfengtechx/dsh-openrouter-provider-advisor/compare/v0.1.1...v0.1.2
 [0.1.1]: https://github.com/xuanfengtechx/dsh-openrouter-provider-advisor/compare/v0.1.0...v0.1.1
 [0.1.0]: https://github.com/xuanfengtechx/dsh-openrouter-provider-advisor/releases/tag/v0.1.0

package/lib/client.js

@@ -32,7 +32,40 @@ async function responseJson(response) {
 	if (!response.ok) throw new Error(body.error ?? `HTTP ${response.status}`);
 	return body;
 }
-function createProviderPanelStore(fetchImpl = fetch) {
+const STRATEGY_KEY = "openrouter-providers:strategy";
+const HISTORY_KEY = "openrouter-providers:history";
+const HISTORY_LIMIT = 20;
+const KNOWN_STRATEGIES = new Set([
+	"balanced",
+	"price",
+	"speed",
+	"context"
+]);
+function defaultStorage() {
+	try {
+		return globalThis.localStorage;
+	} catch {
+		return;
+	}
+}
+function readStrategy(storage) {
+	try {
+		const value = storage?.getItem(STRATEGY_KEY);
+		return value !== null && value !== void 0 && KNOWN_STRATEGIES.has(value) ? value : "balanced";
+	} catch {
+		return "balanced";
+	}
+}
+function readHistory(storage) {
+	try {
+		const parsed = JSON.parse(storage?.getItem(HISTORY_KEY) ?? "[]");
+		if (!Array.isArray(parsed)) return [];
+		return parsed.filter((item) => Boolean(item && typeof item === "object" && typeof item.at === "number" && typeof item.model === "string" && typeof item.toTag === "string")).slice(0, HISTORY_LIMIT);
+	} catch {
+		return [];
+	}
+}
+function createProviderPanelStore(fetchImpl = fetch, storage = defaultStorage()) {
 	let snapshot = {
 		open: false,
 		status: "idle",
@@ -40,13 +73,14 @@ function createProviderPanelStore(fetchImpl = fetch) {
 		data: null,
 		models: [],
 		selected: null,
-		strategy: "balanced",
+		strategy: readStrategy(storage),
 		error: null,
 		credential: null,
 		applyingTag: null,
 		successTag: null,
 		updatedAt: null,
-		previousTag: null
+		previousTag: null,
+		history: readHistory(storage)
 	};
 	const listeners = /* @__PURE__ */ new Set();
 	let generation = 0;
@@ -124,7 +158,6 @@ function createProviderPanelStore(fetchImpl = fetch) {
 				open: true,
 				status: "loading",
 				sessionId,
-				strategy: "balanced",
 				data: null,
 				models: [],
 				selected: null,
@@ -157,7 +190,7 @@ function createProviderPanelStore(fetchImpl = fetch) {
 					});
 					return;
 				}
-				await load(sessionId, false, selected, "balanced");
+				await load(sessionId, false, selected);
 			} catch (error) {
 				if (operation.id !== generation || operation.signal.aborted) return;
 				publish({
@@ -175,7 +208,6 @@ function createProviderPanelStore(fetchImpl = fetch) {
 			publish({
 				open: false,
 				status: snapshot.data ? "ready" : "idle",
-				strategy: "balanced",
 				error: null
 			});
 		},
@@ -193,6 +225,9 @@ function createProviderPanelStore(fetchImpl = fetch) {
 			await load(sessionId, false, selected);
 		},
 		async setStrategy(sessionId, strategy) {
+			try {
+				storage?.setItem(STRATEGY_KEY, strategy);
+			} catch {}
 			publish({ strategy });
 			await load(sessionId, false, snapshot.selected, strategy);
 		},
@@ -224,15 +259,36 @@ function createProviderPanelStore(fetchImpl = fetch) {
 					...row,
 					current: row.tag === tag
 				});
+				const data = snapshot.data ? {
+					...snapshot.data,
+					currentTag: tag,
+					recommended: snapshot.data.recommended.map(markCurrent),
+					rest: snapshot.data.rest.map(markCurrent)
+				} : null;
+				let history = snapshot.history;
+				if (snapshot.data && previousTag !== tag) {
+					const rows = [...snapshot.data.recommended, ...snapshot.data.rest];
+					const fromRow = previousTag === null ? void 0 : rows.find((row) => row.tag === previousTag);
+					const toRow = rows.find((row) => row.tag === tag);
+					history = [{
+						at: Date.now(),
+						model: snapshot.data.openrouterModel,
+						fromTag: previousTag,
+						fromName: fromRow?.providerName ?? null,
+						fromTps: fromRow?.tps ?? null,
+						toTag: tag,
+						toName: toRow?.providerName ?? tag,
+						toTps: toRow?.tps ?? null
+					}, ...snapshot.history].slice(0, HISTORY_LIMIT);
+					try {
+						storage?.setItem(HISTORY_KEY, JSON.stringify(history));
+					} catch {}
+				}
 				publish({
 					open: true,
 					status: "ready",
-					data: snapshot.data ? {
-						...snapshot.data,
-						currentTag: tag,
-						recommended: snapshot.data.recommended.map(markCurrent),
-						rest: snapshot.data.rest.map(markCurrent)
-					} : null,
+					data,
+					history,
 					applyingTag: null,
 					successTag: tag,
 					previousTag: previousTag === tag ? snapshot.previousTag : previousTag,
@@ -301,6 +357,10 @@ const messages = {
 		"panel.strategy.price": "价格优先",
 		"panel.strategy.speed": "速度优先",
 		"panel.strategy.context": "上下文优先",
+		"panel.updatedJustNow": "数据刚刚更新",
+		"panel.updatedMinutesAgo": "数据更新于 {minutes} 分钟前",
+		"panel.history.title": "切换历史",
+		"panel.history.revert": "切回",
 		"settings.title": "OpenRouter 供应商",
 		"settings.summary": "推荐数量、综合最佳权重与全局价格模型。",
 		"settings.action.weights": "应用综合权重",
@@ -382,6 +442,10 @@ const messages = {
 		"panel.strategy.price": "Price first",
 		"panel.strategy.speed": "Speed first",
 		"panel.strategy.context": "Context first",
+		"panel.updatedJustNow": "Updated just now",
+		"panel.updatedMinutesAgo": "Updated {minutes} min ago",
+		"panel.history.title": "Switch history",
+		"panel.history.revert": "Revert",
 		"settings.title": "OpenRouter Providers",
 		"settings.summary": "Recommended count, ranking weights, and price blend.",
 		"settings.action.weights": "Apply ranking weights",
@@ -460,13 +524,20 @@ function useUiI18n() {
 
 //#endregion
 //#region src/client/provider-panel.ts
+const textPrimary = "var(--dsw-alias-label-primary, #f4f4f5)";
+const textSecondary = "var(--dsw-alias-label-secondary, #d4d4d8)";
+const textTertiary = "var(--dsw-alias-label-tertiary, #a1a1aa)";
+const borderL2 = "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))";
+const bgLayer1 = "var(--dsw-alias-bg-layer-1, #18181b)";
+const bgLayer2 = "var(--dsw-alias-bg-layer-2, #27272a)";
+const bgLayer3 = "var(--dsw-alias-bg-layer-3, rgba(255,255,255,.05))";
 const actionButtonStyle = {
 	height: 36,
 	padding: "0 12px",
 	borderRadius: 8,
-	border: "1px solid rgba(255,255,255,.14)",
-	background: "rgba(255,255,255,.06)",
-	color: "#e4e4e7",
+	border: borderL2,
+	background: bgLayer3,
+	color: textPrimary,
 	cursor: "pointer"
 };
 const iconButtonStyle = {
@@ -639,12 +710,17 @@ const panelStyle = {
 	overflow: "hidden",
 	display: "flex",
 	flexDirection: "column",
-	border: "1px solid rgba(255,255,255,.12)",
+	border: borderL2,
 	borderRadius: 16,
-	background: "#18181b",
-	color: "#f4f4f5",
-	boxShadow: "0 24px 80px rgba(0,0,0,.5)"
+	background: bgLayer1,
+	color: textPrimary,
+	boxShadow: "0 24px 80px rgba(0,0,0,.5)",
+	outline: "none"
 };
+function freshnessLabel(updatedAt, now, i18n = createI18n("zh-CN")) {
+	const minutes = Math.max(0, Math.floor((now - updatedAt) / 6e4));
+	return minutes === 0 ? i18n.t("panel.updatedJustNow") : i18n.t("panel.updatedMinutesAgo", { minutes });
+}
 const providerGridColumns = "minmax(110px,1fr) minmax(0,2fr) minmax(54px,auto)";
 function ProviderOverlay(props) {
 	const i18n = useUiI18n();
@@ -655,6 +731,8 @@ function ProviderOverlay(props) {
 		current,
 		currentAddress
 	});
+	const dialogRef = (0, react.useRef)(null);
+	const [now, setNow] = (0, react.useState)(() => Date.now());
 	(0, react.useEffect)(() => {
 		if (!state.open) return;
 		if (!target.sessionId) props.store.close();
@@ -665,7 +743,41 @@ function ProviderOverlay(props) {
 		target.sessionId,
 		props.store
 	]);
+	(0, react.useEffect)(() => {
+		if (!state.open) return;
+		setNow(Date.now());
+		const timer = setInterval(() => setNow(Date.now()), 3e4);
+		return () => clearInterval(timer);
+	}, [state.open, state.updatedAt]);
+	(0, react.useEffect)(() => {
+		if (!state.open) return;
+		const previous = document.activeElement;
+		dialogRef.current?.focus();
+		return () => {
+			if (previous instanceof HTMLElement) previous.focus();
+		};
+	}, [state.open]);
 	if (!state.open) return null;
+	const onKeyDown = (event) => {
+		if (event.key === "Escape") {
+			event.stopPropagation();
+			props.store.close();
+			return;
+		}
+		if (event.key !== "Tab" || !dialogRef.current) return;
+		const focusable = Array.from(dialogRef.current.querySelectorAll("button:not(:disabled), select:not(:disabled), input:not(:disabled), summary, [tabindex]:not([tabindex=\"-1\"])"));
+		if (focusable.length === 0) return;
+		const first = focusable[0];
+		const last = focusable.at(-1);
+		const active = document.activeElement;
+		if (event.shiftKey && (active === first || active === dialogRef.current)) {
+			event.preventDefault();
+			last.focus();
+		} else if (!event.shiftKey && active === last) {
+			event.preventDefault();
+			first.focus();
+		}
+	};
 	const rows = state.data ? providerRows(state.data, i18n) : [];
 	const credentialReady = state.credential?.configured === true;
 	const columns = providerTableColumns(i18n);
@@ -674,13 +786,16 @@ function ProviderOverlay(props) {
 	return (0, react.createElement)("div", {
 		style: backdrop,
 		role: "presentation",
+		onKeyDown,
 		onMouseDown: (event) => {
 			if (event.target === event.currentTarget) props.store.close();
 		}
 	}, (0, react.createElement)("section", {
+		ref: dialogRef,
 		role: "dialog",
 		"aria-modal": true,
 		"aria-label": i18n.t("panel.title"),
+		tabIndex: -1,
 		style: panelStyle
 	}, (0, react.createElement)("header", { style: {
 		display: "flex",
@@ -688,7 +803,7 @@ function ProviderOverlay(props) {
 		justifyContent: "space-between",
 		gap: 16,
 		padding: "18px 22px 14px",
-		borderBottom: "1px solid rgba(255,255,255,.1)"
+		borderBottom: borderL2
 	} }, (0, react.createElement)("div", { style: {
 		minWidth: 0,
 		flex: 1
@@ -698,7 +813,7 @@ function ProviderOverlay(props) {
 	} }, i18n.t("panel.title")), (0, react.createElement)("label", { style: {
 		display: "block",
 		margin: "10px 0 5px",
-		color: "#71717a",
+		color: textTertiary,
 		fontSize: 10,
 		fontWeight: 600,
 		letterSpacing: ".06em",
@@ -711,9 +826,9 @@ function ProviderOverlay(props) {
 			width: "min(420px, 100%)",
 			padding: "8px 10px",
 			borderRadius: 8,
-			border: "1px solid rgba(255,255,255,.16)",
-			background: "#27272a",
-			color: "#f4f4f5"
+			border: borderL2,
+			background: bgLayer2,
+			color: textPrimary
 		},
 		onChange: (event) => {
 			if (!target.sessionId) return;
@@ -735,7 +850,7 @@ function ProviderOverlay(props) {
 			marginTop: 10,
 			padding: 3,
 			borderRadius: 9,
-			background: "rgba(255,255,255,.05)"
+			background: bgLayer3
 		}
 	}, ...STRATEGY_OPTIONS.map((option) => {
 		const active = state.strategy === option.id;
@@ -754,7 +869,7 @@ function ProviderOverlay(props) {
 				borderRadius: 6,
 				padding: "5px 8px",
 				background: active ? "rgba(37,99,235,.15)" : "transparent",
-				color: active ? "#93c5fd" : "#d4d4d8",
+				color: active ? "#93c5fd" : textSecondary,
 				cursor: active ? "default" : "pointer",
 				whiteSpace: "nowrap",
 				fontSize: 12
@@ -837,18 +952,21 @@ function ProviderOverlay(props) {
 		}
 	}, i18n.t("panel.undo"))) : null, state.status === "loading" && rows.length === 0 ? (0, react.createElement)("p", { style: {
 		padding: 22,
-		color: "#a1a1aa"
+		color: textTertiary
 	} }, i18n.t("panel.loading")) : null, credentialReady && rows.length > 0 ? (0, react.createElement)("div", { style: {
 		display: "grid",
 		gap: 2,
 		margin: "12px 22px 0",
-		color: "#71717a",
+		color: textTertiary,
 		fontSize: 11,
 		lineHeight: 1.5
 	} }, (0, react.createElement)("span", null, i18n.t("panel.switchHint")), (0, react.createElement)("span", { style: {
-		color: "#52525b",
-		fontSize: 10
-	} }, i18n.t("panel.uptimeDelayHint"))) : null, (0, react.createElement)("div", { style: {
+		fontSize: 10,
+		opacity: .8
+	} }, i18n.t("panel.uptimeDelayHint")), state.updatedAt === null ? null : (0, react.createElement)("span", { style: {
+		fontSize: 10,
+		opacity: .8
+	} }, freshnessLabel(state.updatedAt, now, i18n))) : null, (0, react.createElement)("div", { style: {
 		overflowY: "auto",
 		padding: "12px 14px 20px"
 	} }, ...rows.flatMap((row) => {
@@ -859,7 +977,7 @@ function ProviderOverlay(props) {
 				key: `group-${row.group}`,
 				style: {
 					margin: "14px 8px 8px",
-					color: "#a1a1aa",
+					color: textTertiary,
 					fontSize: 12,
 					textTransform: "uppercase",
 					letterSpacing: ".06em"
@@ -872,7 +990,7 @@ function ProviderOverlay(props) {
 					gridTemplateColumns: providerGridColumns,
 					gap: 14,
 					padding: "0 14px 8px",
-					color: "#71717a",
+					color: textTertiary,
 					fontSize: 11,
 					letterSpacing: ".04em",
 					textTransform: "uppercase"
@@ -898,8 +1016,8 @@ function ProviderOverlay(props) {
 				padding: "12px 14px",
 				marginBottom: 6,
 				borderRadius: 10,
-				border: row.current ? "1px solid #3b82f6" : "1px solid rgba(255,255,255,.12)",
-				background: row.current ? "rgba(37,99,235,.14)" : "rgba(255,255,255,.045)",
+				border: row.current ? "1px solid #3b82f6" : borderL2,
+				background: row.current ? "rgba(37,99,235,.14)" : bgLayer3,
 				color: "inherit",
 				textAlign: "left",
 				cursor: row.current ? "default" : "pointer",
@@ -929,7 +1047,7 @@ function ProviderOverlay(props) {
 		} }, (0, react.createElement)("span", {
 			title: row.detail,
 			style: {
-				color: "#a1a1aa",
+				color: textTertiary,
 				fontSize: 12,
 				overflow: "hidden",
 				textOverflow: "ellipsis",
@@ -938,7 +1056,7 @@ function ProviderOverlay(props) {
 		}, row.detail), (0, react.createElement)("span", {
 			title: row.priceLabel,
 			style: {
-				color: "#d4d4d8",
+				color: textSecondary,
 				fontSize: 11,
 				overflow: "hidden",
 				textOverflow: "ellipsis",
@@ -952,7 +1070,7 @@ function ProviderOverlay(props) {
 			title: row.breakdown,
 			"aria-label": `${row.scoreLabel}; ${row.breakdown}`,
 			style: {
-				color: row.current ? "#60a5fa" : "#d4d4d8",
+				color: row.current ? "#60a5fa" : textSecondary,
 				fontSize: 12,
 				textAlign: "right",
 				textDecoration: "underline dotted rgba(161,161,170,.6)",
@@ -960,7 +1078,62 @@ function ProviderOverlay(props) {
 			}
 		}, switching ? i18n.t("panel.switching") : switched ? i18n.t("panel.switched") : row.scoreLabel)));
 		return nodes;
-	}))));
+	}), state.history.length === 0 ? null : (0, react.createElement)("details", { style: {
+		margin: "10px 8px 0",
+		padding: "10px 12px",
+		borderRadius: 10,
+		border: borderL2
+	} }, (0, react.createElement)("summary", { style: {
+		cursor: "pointer",
+		color: textTertiary,
+		fontSize: 12,
+		textTransform: "uppercase",
+		letterSpacing: ".06em"
+	} }, i18n.t("panel.history.title")), ...state.history.map((item) => {
+		const revertable = item.fromTag !== null && state.data?.openrouterModel === item.model && state.data.currentTag !== item.fromTag;
+		return (0, react.createElement)("div", {
+			key: `${item.at}-${item.toTag}`,
+			title: item.model,
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 10,
+				padding: "8px 0",
+				borderTop: borderL2,
+				fontSize: 12,
+				marginTop: 8
+			}
+		}, (0, react.createElement)("span", { style: {
+			color: textTertiary,
+			flex: "0 0 auto"
+		} }, new Date(item.at).toLocaleTimeString(i18n.locale, {
+			hour: "2-digit",
+			minute: "2-digit"
+		})), (0, react.createElement)("span", { style: {
+			color: textSecondary,
+			minWidth: 0,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		} }, `${item.fromName ?? item.fromTag ?? "—"} → ${item.toName}`), item.fromTps !== null && item.toTps !== null ? (0, react.createElement)("span", { style: {
+			color: textTertiary,
+			flex: "0 0 auto"
+		} }, `${item.fromTps} → ${item.toTps} t/s`) : null, revertable ? (0, react.createElement)("button", {
+			type: "button",
+			disabled: state.status === "applying",
+			onClick: () => {
+				if (target.sessionId && item.fromTag) consume(props.store.apply(target.sessionId, item.fromTag));
+			},
+			style: {
+				...actionButtonStyle,
+				height: 26,
+				padding: "0 10px",
+				marginLeft: "auto",
+				fontSize: 12,
+				whiteSpace: "nowrap"
+			}
+		}, i18n.t("panel.history.revert")) : null);
+	})))));
 }
 
 //#endregion

package/lib/index.js

@@ -104,8 +104,8 @@ async function applyProvider(deps, input) {
 			reasoningEfforts: effort.declaration,
 			openrouterModel: input.openrouterModel
 		};
-		const index = models.findIndex((model) => model.id === modelId);
-		const next = [...models];
+		const next = models.filter((model) => model.id === modelId || !(model.id.startsWith("@preset/") && model.openrouterModel === input.openrouterModel));
+		const index = next.findIndex((model) => model.id === modelId);
 		if (index >= 0) next[index] = {
 			...next[index],
 			...entry

package/lib/types/client/i18n.d.ts

@@ -1,5 +1,5 @@
 export type SupportedLocale = 'zh-CN' | 'en-US';
-export type TranslationKey = 'panel.title' | 'panel.currentModelLoading' | 'panel.modelSelect' | 'panel.strategyGroup' | 'panel.refresh' | 'panel.close' | 'panel.loading' | 'panel.titleTrigger' | 'panel.unavailable' | 'panel.group.recommended' | 'panel.group.rest' | 'panel.column.provider' | 'panel.column.details' | 'panel.column.score' | 'panel.current' | 'panel.credentialMissing' | 'panel.switchHint' | 'panel.uptime' | 'panel.uptimeDelayHint' | 'panel.refreshing' | 'panel.switching' | 'panel.switched' | 'panel.switchAction' | 'panel.insight.quantization' | 'panel.insight.speed' | 'panel.insight.price' | 'panel.insight.context' | 'panel.currentModel' | 'panel.price.input' | 'panel.price.output' | 'panel.price.cache' | 'panel.savings' | 'panel.undo' | 'panel.switchSuccess' | 'panel.strategy.balanced' | 'panel.strategy.price' | 'panel.strategy.speed' | 'panel.strategy.context' | 'settings.title' | 'settings.summary' | 'settings.action.weights' | 'settings.action.priceBlend' | 'settings.action.reset' | 'settings.action.lock' | 'settings.action.unlock' | 'settings.expand' | 'settings.collapse' | 'settings.row.minContextTokens' | 'settings.row.recommendedCount' | 'settings.row.cacheTtlMs' | 'settings.row.weights.quantization' | 'settings.row.weights.speed' | 'settings.row.weights.price' | 'settings.row.weights.context' | 'settings.row.priceBlend.input' | 'settings.row.priceBlend.output' | 'settings.row.priceBlend.cache' | 'settings.row.uptimePenaltyThreshold' | 'settings.row.uptimePenaltyFactor' | 'settings.group.weights.title' | 'settings.group.weights.scope' | 'settings.group.priceBlend.title' | 'settings.group.priceBlend.scope' | 'settings.group.advanced.title' | 'settings.group.strategies.title' | 'settings.group.strategies.scope' | 'settings.dimension.quantization' | 'settings.dimension.speed' | 'settings.dimension.price' | 'settings.dimension.context' | 'settings.dimension.input' | 'settings.dimension.output' | 'settings.dimension.cache' | 'settings.connection.title' | 'settings.connection.loading' | 'settings.connection.configured' | 'settings.connection.missing' | 'settings.connection.error' | 'settings.connection.guide';
+export type TranslationKey = 'panel.title' | 'panel.currentModelLoading' | 'panel.modelSelect' | 'panel.strategyGroup' | 'panel.refresh' | 'panel.close' | 'panel.loading' | 'panel.titleTrigger' | 'panel.unavailable' | 'panel.group.recommended' | 'panel.group.rest' | 'panel.column.provider' | 'panel.column.details' | 'panel.column.score' | 'panel.current' | 'panel.credentialMissing' | 'panel.switchHint' | 'panel.uptime' | 'panel.uptimeDelayHint' | 'panel.refreshing' | 'panel.switching' | 'panel.switched' | 'panel.switchAction' | 'panel.insight.quantization' | 'panel.insight.speed' | 'panel.insight.price' | 'panel.insight.context' | 'panel.currentModel' | 'panel.price.input' | 'panel.price.output' | 'panel.price.cache' | 'panel.savings' | 'panel.undo' | 'panel.switchSuccess' | 'panel.strategy.balanced' | 'panel.strategy.price' | 'panel.strategy.speed' | 'panel.strategy.context' | 'panel.updatedJustNow' | 'panel.updatedMinutesAgo' | 'panel.history.title' | 'panel.history.revert' | 'settings.title' | 'settings.summary' | 'settings.action.weights' | 'settings.action.priceBlend' | 'settings.action.reset' | 'settings.action.lock' | 'settings.action.unlock' | 'settings.expand' | 'settings.collapse' | 'settings.row.minContextTokens' | 'settings.row.recommendedCount' | 'settings.row.cacheTtlMs' | 'settings.row.weights.quantization' | 'settings.row.weights.speed' | 'settings.row.weights.price' | 'settings.row.weights.context' | 'settings.row.priceBlend.input' | 'settings.row.priceBlend.output' | 'settings.row.priceBlend.cache' | 'settings.row.uptimePenaltyThreshold' | 'settings.row.uptimePenaltyFactor' | 'settings.group.weights.title' | 'settings.group.weights.scope' | 'settings.group.priceBlend.title' | 'settings.group.priceBlend.scope' | 'settings.group.advanced.title' | 'settings.group.strategies.title' | 'settings.group.strategies.scope' | 'settings.dimension.quantization' | 'settings.dimension.speed' | 'settings.dimension.price' | 'settings.dimension.context' | 'settings.dimension.input' | 'settings.dimension.output' | 'settings.dimension.cache' | 'settings.connection.title' | 'settings.connection.loading' | 'settings.connection.configured' | 'settings.connection.missing' | 'settings.connection.error' | 'settings.connection.guide';
 export declare const zh: Record<TranslationKey, string>;
 export declare const en: Record<TranslationKey, string>;
 export declare const LOCALE_NS = "openrouterProviders";

package/lib/types/client/provider-panel-store.d.ts

@@ -22,6 +22,17 @@ export interface ProviderPanelSnapshot {
         ref: string;
         source: 'provider' | 'fallback';
     } | null;
+    history: SwitchHistoryEntry[];
+}
+export interface SwitchHistoryEntry {
+    at: number;
+    model: string;
+    fromTag: string | null;
+    fromName: string | null;
+    fromTps: number | null;
+    toTag: string;
+    toName: string;
+    toTps: number | null;
 }
 export interface ConfiguredProviderModel {
     provider: string;
@@ -42,5 +53,6 @@ export interface ProviderPanelStore {
     apply(sessionId: string, tag: string): Promise<void>;
     dispose(): void;
 }
-export declare function createProviderPanelStore(fetchImpl?: typeof fetch): ProviderPanelStore;
+export type PanelStorage = Pick<Storage, 'getItem' | 'setItem'>;
+export declare function createProviderPanelStore(fetchImpl?: typeof fetch, storage?: PanelStorage | undefined): ProviderPanelStore;
 //# sourceMappingURL=provider-panel-store.d.ts.map

package/lib/types/client/provider-panel.d.ts

@@ -56,6 +56,10 @@ export declare function ProviderSidebarTrigger(props: GlobalSlotProps & {
     wide: boolean;
     store: ProviderPanelStore;
 }): ReactNode;
+export declare function freshnessLabel(updatedAt: number, now: number, i18n?: {
+    locale: import("./i18n.js").SupportedLocale;
+    t(key: import("./i18n.js").TranslationKey, params?: Record<string, string | number>): string;
+}): string;
 export declare const providerGridColumns = "minmax(110px,1fr) minmax(0,2fr) minmax(54px,auto)";
 export declare function ProviderOverlay(props: GlobalSlotProps & {
     store: ProviderPanelStore;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-openrouter-provider-advisor",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "DSH web plugin that ranks OpenRouter upstream providers by quality, speed, cache-heavy price, context, and uptime, then safely switches the active route.",
   "keywords": [
     "deepseek-harness",