dsh-agy-link 0.4.57 → 0.4.65

package/dist/client.js

@@ -105,6 +105,7 @@ window.__ModuleLoader__.load({
 			"quota.fiveHour": "5 小时额度",
 			"quota.weekly": "周额度",
 			"quota.refreshed": "额度已刷新",
+			"quota.windowReset": "已重置 · 可用",
 			"proxy.button": "代理",
 			"proxy.placeholder": "专属代理 URL（如：http://127.0.0.1:7890；留空则使用全局）",
 			"proxy.save": "保存",
@@ -244,6 +245,7 @@ window.__ModuleLoader__.load({
 			"quota.fiveHour": "5-hour quota",
 			"quota.weekly": "Weekly quota",
 			"quota.refreshed": "Quota refreshed",
+			"quota.windowReset": "Reset · available",
 			"proxy.button": "Proxy",
 			"proxy.placeholder": "Dedicated proxy URL (for example: http://127.0.0.1:7890; leave blank to use the global proxy)",
 			"proxy.save": "Save",
@@ -383,6 +385,7 @@ window.__ModuleLoader__.load({
 			"quota.fiveHour": "Cota de 5 horas",
 			"quota.weekly": "Cota semanal",
 			"quota.refreshed": "Cota atualizada",
+			"quota.windowReset": "Redefinida · disponível",
 			"proxy.button": "Proxy",
 			"proxy.placeholder": "URL do proxy exclusivo (por exemplo: http://127.0.0.1:7890; deixe vazio para usar o proxy global)",
 			"proxy.save": "Salvar",
@@ -522,6 +525,7 @@ window.__ModuleLoader__.load({
 			"quota.fiveHour": "Cuota de 5 horas",
 			"quota.weekly": "Cuota semanal",
 			"quota.refreshed": "Cuota actualizada",
+			"quota.windowReset": "Reiniciada · disponible",
 			"proxy.button": "Proxy",
 			"proxy.placeholder": "URL de proxy exclusivo (por ejemplo: http://127.0.0.1:7890; déjelo vacío para usar el proxy global)",
 			"proxy.save": "Guardar",
@@ -3002,7 +3006,7 @@ body > [id^="iagy-mmd"] .error-icon {
 			const dataLang = (code?.getAttribute("data-language") ?? block.getAttribute("data-language") ?? "").trim().toLowerCase();
 			if (dataLang !== "") return dataLang;
 			const text = ((block.querySelector("[data-code-block-banner] [class*=\"infostring\"]") ?? block.querySelector("[data-code-block-banner] [class*=\"language\"]"))?.textContent ?? "").trim().toLowerCase();
-			if (text !== "") return text.split(/\s+/)[0] ?? "";
+			if (text !== "" && text !== "代码块" && text !== "code" && text !== "code block") return text.split(/\s+/)[0] ?? "";
 			const bannerText = (block.querySelector("[data-code-block-banner]")?.textContent ?? "").trim().toLowerCase();
 			if (bannerText !== "" && bannerText !== "代码块" && bannerText !== "code" && bannerText !== "code block") return bannerText.split(/\s+/)[0] ?? "";
 			return "";
@@ -3072,12 +3076,18 @@ body > [id^="iagy-mmd"] .error-icon {
 		function cleanupTempElements(id) {
 			if (typeof document === "undefined") return;
 			if (id) {
-				document.getElementById("d" + id)?.remove();
-				document.getElementById("i" + id)?.remove();
-				document.getElementById(id)?.remove();
+				const delD = document.getElementById("d" + id);
+				if (delD && (typeof delD.closest !== "function" || !delD.closest("[data-agy-mermaid-svg]"))) delD.remove();
+				const delI = document.getElementById("i" + id);
+				if (delI && (typeof delI.closest !== "function" || !delI.closest("[data-agy-mermaid-svg]"))) delI.remove();
+				const el = document.getElementById(id);
+				if (el && (typeof el.closest !== "function" || !el.closest("[data-agy-mermaid-svg]"))) el.remove();
 			}
 			const stray = document.querySelectorAll("body > [id^=\"dagy-mmd\"], body > [id^=\"iagy-mmd\"], body > [id^=\"d_agy-mmd\"], body > [id^=\"i_agy-mmd\"], body > [id^=\"agy-mmd-\"]");
-			for (let i = 0; i < stray.length; i++) stray[i]?.remove();
+			for (let i = 0; i < stray.length; i++) {
+				const s = stray[i];
+				if (s && (typeof s.closest !== "function" || !s.closest("[data-agy-mermaid-svg]"))) s.remove();
+			}
 		}
 		function repairMermaidSource(source) {
 			if (!/^\s*(?:flowchart|graph)\b/i.test(source)) return source;
@@ -3592,11 +3602,17 @@ div[data-variant="think"] [class*="thinkBody"] {
 		* Format reset timestamp into readable date/time + relative countdown.
 		*/
 		function formatQuotaWindow(t, resetTimeStr) {
-			if (!resetTimeStr) return { resetText: "" };
+			if (!resetTimeStr) return {
+				resetText: "",
+				expired: false
+			};
 			try {
 				const d = new Date(resetTimeStr);
 				const diffMs = d.getTime() - Date.now();
-				if (diffMs <= 0) return { resetText: "" };
+				if (Number.isNaN(d.getTime()) || diffMs <= 0) return {
+					resetText: "",
+					expired: true
+				};
 				const totalMins = Math.ceil(diffMs / 6e4);
 				const days = Math.floor(totalMins / 1440);
 				const hours = Math.floor(totalMins % 1440 / 60);
@@ -3605,9 +3621,15 @@ div[data-variant="think"] [class*="thinkBody"] {
 				const countdown = days > 0 ? `${days}${t("duration.day")} ${hours}${t("duration.hour")}` : hours > 0 ? `${hours}${t("duration.hour")} ${mins}${t("duration.minute")}` : `${mins}${t("duration.minute")}`;
 				const hh = d.getHours().toString().padStart(2, "0");
 				const mm = d.getMinutes().toString().padStart(2, "0");
-				return { resetText: isWeekly ? `${d.getMonth() + 1}/${d.getDate()} ${hh}:${mm} (${countdown})` : `${hh}:${mm} (${countdown})` };
+				return {
+					resetText: isWeekly ? `${d.getMonth() + 1}/${d.getDate()} ${hh}:${mm} (${countdown})` : `${hh}:${mm} (${countdown})`,
+					expired: false
+				};
 			} catch {
-				return { resetText: "" };
+				return {
+					resetText: "",
+					expired: true
+				};
 			}
 		}
 		/** Inline brand logo (Gemini / Claude / OpenAI) as a crisp SVG mark. */
@@ -3656,47 +3678,322 @@ div[data-variant="think"] [class*="thinkBody"] {
 			anthropic: "claude",
 			openai: "openai"
 		};
-		/** Antigravity mark: gradient orb with an orbit ring (product has no public simple-icon). */
-		function agyIcon(size = 14) {
-			const gid = "agy-icon-linear-gradient";
+		/**
+		* Antigravity logo mark: 3D orbit sphere with specular highlight, luminous front/back rings
+		* and twin satellite nodes matching the official assets/icon.svg.
+		*/
+		function agyIcon(size = 16) {
+			const uid = "agy-logo";
 			return h("svg", {
-				viewBox: "0 0 24 24",
+				viewBox: "0 0 36 36",
 				width: size,
 				height: size,
+				fill: "none",
 				"aria-hidden": true,
 				style: {
 					display: "inline-block",
-					verticalAlign: "-2px",
+					verticalAlign: "-2.5px",
 					flexShrink: 0
 				}
 			}, h("defs", null, h("linearGradient", {
-				id: gid,
-				x1: "0",
-				y1: "0",
-				x2: "1",
-				y2: "1"
+				id: `${uid}-orb`,
+				x1: "12",
+				y1: "11",
+				x2: "25",
+				y2: "25",
+				gradientUnits: "userSpaceOnUse"
 			}, h("stop", {
-				offset: "0",
-				"stop-color": "#4C8DFF"
+				offset: "0%",
+				"stop-color": "#38BDF8"
 			}), h("stop", {
-				offset: "1",
-				"stop-color": "#A96BFF"
-			}))), h("circle", {
-				cx: 12,
-				cy: 12,
-				r: 6,
-				fill: `url(#${gid})`
-			}), h("ellipse", {
-				cx: 12,
-				cy: 12,
-				rx: 10.4,
-				ry: 3.9,
-				fill: "none",
-				stroke: `url(#${gid})`,
-				"stroke-width": 1.4,
-				transform: "rotate(-18 12 12)"
+				offset: "45%",
+				"stop-color": "#6366F1"
+			}), h("stop", {
+				offset: "85%",
+				"stop-color": "#9333EA"
+			}), h("stop", {
+				offset: "100%",
+				"stop-color": "#C026D3"
+			})), h("linearGradient", {
+				id: `${uid}-rf`,
+				x1: "6",
+				y1: "24",
+				x2: "31",
+				y2: "12",
+				gradientUnits: "userSpaceOnUse"
+			}, h("stop", {
+				offset: "0%",
+				"stop-color": "#00D2FF"
+			}), h("stop", {
+				offset: "40%",
+				"stop-color": "#38BDF8"
+			}), h("stop", {
+				offset: "70%",
+				"stop-color": "#818CF8"
+			}), h("stop", {
+				offset: "100%",
+				"stop-color": "#F43F5E"
+			})), h("linearGradient", {
+				id: `${uid}-rb`,
+				x1: "7",
+				y1: "12",
+				x2: "29",
+				y2: "24",
+				gradientUnits: "userSpaceOnUse"
+			}, h("stop", {
+				offset: "0%",
+				"stop-color": "#38BDF8",
+				"stop-opacity": "0.4"
+			}), h("stop", {
+				offset: "100%",
+				"stop-color": "#A855F7",
+				"stop-opacity": "0.4"
+			})), h("linearGradient", {
+				id: `${uid}-hl`,
+				x1: "14",
+				y1: "12",
+				x2: "19",
+				y2: "18",
+				gradientUnits: "userSpaceOnUse"
+			}, h("stop", {
+				offset: "0%",
+				"stop-color": "#FFFFFF",
+				"stop-opacity": "0.65"
+			}), h("stop", {
+				offset: "100%",
+				"stop-color": "#FFFFFF",
+				"stop-opacity": "0.05"
+			}))), h("path", {
+				d: "M 6.8 14.2 C 8.2 9.6 17.8 7.2 26.2 10.8 C 28.0 11.6 29.3 12.6 30.2 13.8",
+				stroke: `url(#${uid}-rb)`,
+				"stroke-width": "2.4",
+				"stroke-linecap": "round"
+			}), h("circle", {
+				cx: 18,
+				cy: 18,
+				r: 7.5,
+				fill: `url(#${uid}-orb)`
+			}), h("path", {
+				d: "M 13.2 15.2 A 5.5 5.5 0 0 1 21.0 13.0 A 6.2 6.2 0 0 0 14.0 18.0 Z",
+				fill: `url(#${uid}-hl)`
+			}), h("path", {
+				d: "M 30.2 13.8 C 31.4 18.2 21.8 26.2 12.8 24.2 C 9.4 23.4 7.4 21.8 6.6 19.6",
+				stroke: `url(#${uid}-rf)`,
+				"stroke-width": "2.6",
+				"stroke-linecap": "round"
+			}), h("circle", {
+				cx: 8.2,
+				cy: 18.2,
+				r: 2.2,
+				fill: "#00D2FF"
+			}), h("circle", {
+				cx: 8.2,
+				cy: 18.2,
+				r: 1,
+				fill: "#FFFFFF"
+			}), h("circle", {
+				cx: 28.4,
+				cy: 20.4,
+				r: 1.8,
+				fill: "#F43F5E"
+			}), h("circle", {
+				cx: 28.4,
+				cy: 20.4,
+				r: .8,
+				fill: "#FFFFFF"
 			}));
 		}
+		/**
+		* Settings dialog navigation icon replacement for Antigravity.
+		* DSH settings shell projects nav glyphs from a closed list and falls back to a generic gear
+		* for third-party sections. We dynamically inject a stylesheet matching Antigravity's section
+		* row to display the custom Antigravity brand logo.
+		*/
+		const NAV_ICON_MARKER = "data-dsh-agy-nav-icon";
+		const NAV_ROW_SELECTOR = "[role=\"dialog\"] nav button, [role=\"dialog\"] nav a, [role=\"dialog\"] aside button, .dsh-settings-nav button";
+		const AGY_NAV_LOGO_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 36 36\" fill=\"none\"><defs><linearGradient id=\"an-orb\" x1=\"12\" y1=\"11\" x2=\"25\" y2=\"25\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0%\" stop-color=\"#38BDF8\"/><stop offset=\"45%\" stop-color=\"#6366F1\"/><stop offset=\"85%\" stop-color=\"#9333EA\"/><stop offset=\"100%\" stop-color=\"#C026D3\"/></linearGradient><linearGradient id=\"an-rf\" x1=\"6\" y1=\"24\" x2=\"31\" y2=\"12\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0%\" stop-color=\"#00D2FF\"/><stop offset=\"40%\" stop-color=\"#38BDF8\"/><stop offset=\"70%\" stop-color=\"#818CF8\"/><stop offset=\"100%\" stop-color=\"#F43F5E\"/></linearGradient><linearGradient id=\"an-rb\" x1=\"7\" y1=\"12\" x2=\"29\" y2=\"24\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0%\" stop-color=\"#38BDF8\" stop-opacity=\"0.4\"/><stop offset=\"100%\" stop-color=\"#A855F7\" stop-opacity=\"0.4\"/></linearGradient><linearGradient id=\"an-hl\" x1=\"14\" y1=\"12\" x2=\"19\" y2=\"18\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0%\" stop-color=\"#FFFFFF\" stop-opacity=\"0.65\"/><stop offset=\"100%\" stop-color=\"#FFFFFF\" stop-opacity=\"0.05\"/></linearGradient></defs><path d=\"M 6.8 14.2 C 8.2 9.6 17.8 7.2 26.2 10.8 C 28.0 11.6 29.3 12.6 30.2 13.8\" stroke=\"url(#an-rb)\" stroke-width=\"2.4\" stroke-linecap=\"round\"/><circle cx=\"18\" cy=\"18\" r=\"7.5\" fill=\"url(#an-orb)\"/><path d=\"M 13.2 15.2 A 5.5 5.5 0 0 1 21.0 13.0 A 6.2 6.2 0 0 0 14.0 18.0 Z\" fill=\"url(#an-hl)\"/><path d=\"M 30.2 13.8 C 31.4 18.2 21.8 26.2 12.8 24.2 C 9.4 23.4 7.4 21.8 6.6 19.6\" stroke=\"url(#an-rf)\" stroke-width=\"2.6\" stroke-linecap=\"round\"/><circle cx=\"8.2\" cy=\"18.2\" r=\"2.2\" fill=\"#00D2FF\"/><circle cx=\"8.2\" cy=\"18.2\" r=\"1.0\" fill=\"#FFFFFF\"/><circle cx=\"28.4\" cy=\"20.4\" r=\"1.8\" fill=\"#F43F5E\"/><circle cx=\"28.4\" cy=\"20.4\" r=\"0.8\" fill=\"#FFFFFF\"/></svg>";
+		function agyNavLogoUrl() {
+			return `data:image/svg+xml,${encodeURIComponent(AGY_NAV_LOGO_SVG)}`;
+		}
+		function isOwnNavRow(rowText, wantedLabel) {
+			const wanted = String(wantedLabel ?? "").trim().toLowerCase();
+			const text = String(rowText ?? "").trim().toLowerCase();
+			if (!wanted && !text) return false;
+			return text === wanted || text.includes("antigravity");
+		}
+		function navIconCss(logoUrl) {
+			return [
+				`[${NAV_ICON_MARKER}] > svg { display: none !important; }`,
+				`[${NAV_ICON_MARKER}] > [class*="icon"] > svg { display: none !important; }`,
+				`[${NAV_ICON_MARKER}]::before {`,
+				`  content: '';`,
+				`  flex: none;`,
+				`  width: 16px;`,
+				`  height: 16px;`,
+				`  background-image: url("${logoUrl}");`,
+				`  background-repeat: no-repeat;`,
+				`  background-position: center;`,
+				`  background-size: 16px 16px;`,
+				`  opacity: 0.92;`,
+				`  transition: opacity 0.15s ease, transform 0.15s ease;`,
+				`}`,
+				`[${NAV_ICON_MARKER}]:hover::before,`,
+				`[${NAV_ICON_MARKER}][aria-selected="true"]::before,`,
+				`[${NAV_ICON_MARKER}].active::before,`,
+				`[${NAV_ICON_MARKER}][data-state="active"]::before {`,
+				`  opacity: 1;`,
+				`  transform: scale(1.08);`,
+				`}`
+			].join("\n");
+		}
+		function installSettingsNavIcon(ctx, resolveLabel) {
+			if (typeof document === "undefined") return () => {};
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "dsh-agy-link";
+			tag.dataset.pluginCss = "dsh-agy-link/settings-nav-icon";
+			tag.textContent = navIconCss(agyNavLogoUrl());
+			document.head.appendChild(tag);
+			let disposed = false;
+			let scheduled = false;
+			const sync = () => {
+				scheduled = false;
+				if (disposed) return;
+				const wanted = resolveLabel();
+				for (const row of Array.from(document.querySelectorAll(NAV_ROW_SELECTOR))) if (isOwnNavRow(row.textContent, wanted)) row.setAttribute(NAV_ICON_MARKER, "");
+				else row.removeAttribute(NAV_ICON_MARKER);
+			};
+			const schedule = () => {
+				if (scheduled || disposed) return;
+				scheduled = true;
+				queueMicrotask(sync);
+			};
+			sync();
+			const observer = new MutationObserver(schedule);
+			observer.observe(document.body, {
+				childList: true,
+				subtree: true,
+				characterData: true
+			});
+			return () => {
+				disposed = true;
+				observer.disconnect();
+				for (const row of Array.from(document.querySelectorAll(`[${NAV_ICON_MARKER}]`))) row.removeAttribute(NAV_ICON_MARKER);
+				tag.remove();
+			};
+		}
+		/**
+		* One family's quota block: brand mark + 5h/weekly bars with reset countdowns
+		* and cooldown notes. Module-level so the settings section and the Plugins-page
+		* dashboard render IDENTICAL quota visuals from one implementation.
+		*/
+		function renderFamilyQuotaBar(t, label, familyKey, acc, isRefreshing = false) {
+			const info = acc.quotas[familyKey];
+			const cd = acc.cooldowns[familyKey];
+			const inCooldown = cd && cd.cooldownUntil > Date.now();
+			const has5h = typeof info?.remainingFraction === "number" && Number.isFinite(info.remainingFraction);
+			const pct5h = has5h ? Math.max(0, Math.min(100, Math.round(info.remainingFraction * 100))) : -1;
+			const cdNote = inCooldown ? t("account.localCooldown") : "";
+			const w5h = formatQuotaWindow(t, info?.resetTime);
+			const expiredFull5h = w5h.expired && has5h && pct5h >= 100;
+			const hasWeekly = typeof info?.weeklyFraction === "number" && Number.isFinite(info.weeklyFraction);
+			const pctWeekly = hasWeekly ? Math.max(0, Math.min(100, Math.round(info.weeklyFraction * 100))) : -1;
+			const wWeekly = formatQuotaWindow(t, info?.weeklyResetTime);
+			const expiredFullWeekly = wWeekly.expired && hasWeekly && pctWeekly >= 100;
+			const getColors = (pct) => {
+				if (pct < 0) return {
+					bar: "var(--agy-quota-none-border)",
+					text: "var(--agy-quota-none-text)",
+					bg: "var(--agy-quota-none-bg)",
+					border: "var(--agy-quota-none-border)"
+				};
+				if (pct <= 20) return {
+					bar: "linear-gradient(90deg, #dc2626, #ef4444)",
+					text: "var(--agy-quota-low-text)",
+					bg: "var(--agy-quota-low-bg)",
+					border: "var(--agy-quota-low-border)"
+				};
+				if (pct <= 50) return {
+					bar: "linear-gradient(90deg, #d97706, #f59e0b)",
+					text: "var(--agy-quota-med-text)",
+					bg: "var(--agy-quota-med-bg)",
+					border: "var(--agy-quota-med-border)"
+				};
+				return {
+					bar: "linear-gradient(90deg, #059669, #10b981)",
+					text: "var(--agy-quota-high-text)",
+					bg: "var(--agy-quota-high-bg)",
+					border: "var(--agy-quota-high-border)"
+				};
+			};
+			const c5h = getColors(pct5h);
+			const cWeekly = getColors(pctWeekly);
+			const renderLine = (windowName, percent, c, resetStr, rawFraction, rawReset) => {
+				const isShimmer = percent < 0 || isRefreshing;
+				const tooltipText = typeof rawFraction === "number" ? `${(rawFraction * 100).toFixed(1)}% (raw: ${rawFraction})${rawReset ? ` · reset: ${rawReset}` : ""}` : resetStr ? `↻ ${resetStr}` : void 0;
+				return h("div", { style: {
+					display: "flex",
+					alignItems: "center",
+					fontSize: "11.5px",
+					margin: "4px 0"
+				} }, h("span", { style: {
+					width: "52px",
+					color: "var(--agy-text-window-label)",
+					fontSize: "11px",
+					fontWeight: 700,
+					flexShrink: 0
+				} }, windowName), h("div", {
+					className: isShimmer ? "agy-shimmer-track" : "",
+					style: S.progressBarBg
+				}, h("div", {
+					className: "agy-progress-fill",
+					style: {
+						width: `${percent < 0 ? 100 : percent}%`,
+						height: "100%",
+						background: c.bar,
+						borderRadius: "3px"
+					}
+				})), h("div", { style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: "8px",
+					minWidth: "140px",
+					justifyContent: "flex-end",
+					flexShrink: 0
+				} }, h("span", {
+					title: tooltipText,
+					style: {
+						padding: "2px 7px",
+						borderRadius: "4px",
+						background: c.bg,
+						color: c.text,
+						border: `1px solid ${c.border}`,
+						fontWeight: 700,
+						fontSize: "11.5px",
+						lineHeight: 1.2,
+						cursor: tooltipText ? "help" : "default"
+					}
+				}, percent < 0 ? "—" : `${percent}%`), resetStr ? h("span", { style: {
+					color: "var(--agy-text-secondary)",
+					fontSize: "11px",
+					fontWeight: 500
+				} }, `↻ ${resetStr}`) : null));
+			};
+			return h("div", { style: {
+				margin: "6px 0",
+				padding: "8px 10px",
+				background: "var(--agy-bg-subbox)",
+				borderRadius: "7px",
+				border: "1px solid var(--agy-border-box)"
+			} }, h("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: "6px",
+				fontWeight: 700,
+				fontSize: "12.5px",
+				marginBottom: "5px",
+				color: "var(--agy-text-primary)"
+			} }, brandIcon(FAMILY_BRAND[familyKey], 14), h("span", null, label)), familyKey !== "argon" || has5h ? renderLine(t("quota.fiveHour"), pct5h, c5h, w5h.resetText ? w5h.resetText + cdNote : expiredFull5h ? t("quota.windowReset") + cdNote : cdNote.replace(/^ · /, ""), info?.remainingFraction, info?.resetTime) : null, renderLine(t("quota.weekly"), pctWeekly, cWeekly, wWeekly.resetText ? wWeekly.resetText : expiredFullWeekly ? t("quota.windowReset") : "", info?.weeklyFraction, info?.weeklyResetTime));
+		}
 		const GLOBAL_CSS = `
 @keyframes agy-spin {
 	0% { transform: rotate(0deg); }
@@ -3983,6 +4280,22 @@ body.dark,
 .agy-progress-fill {
 	transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
 }
+@keyframes agy-shimmer {
+	0% { transform: translateX(-100%); }
+	100% { transform: translateX(100%); }
+}
+.agy-shimmer-track {
+	position: relative;
+	overflow: hidden;
+}
+.agy-shimmer-track::after {
+	content: '';
+	position: absolute;
+	top: 0; left: 0; right: 0; bottom: 0;
+	background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.22) 50%, transparent 100%);
+	animation: agy-shimmer 1.8s infinite ease-in-out;
+	pointer-events: none;
+}
 .agy-modal-backdrop {
 	position: fixed;
 	inset: 0;
@@ -4308,6 +4621,7 @@ body.dark,
 				const [toast, setToast] = useState(null);
 				const [expandedModels, setExpandedModels] = useState({});
 				const [addProxyInput, setAddProxyInput] = useState("");
+				const [optimisticActiveId, setOptimisticActiveId] = useState(null);
 				const [, setTimeTick] = useState(0);
 				useEffect(() => {
 					const timer = setInterval(() => setTimeTick((n) => n + 1), 3e4);
@@ -4443,13 +4757,24 @@ body.dark,
 					}
 				};
 				const setActiveAccount = async (id) => {
+					setOptimisticActiveId(id);
 					setLoadingAction(`active:${id}`);
-					const res = await postJson("/plugins/agy-link/pool/set-active", { id });
-					setLoadingAction(null);
-					if (res && res.ok) {
-						await refresh();
-						showToast(t("account.activeSet"), "success");
-					} else showToast(res?.error || t("account.activeSetFailed"), "error");
+					try {
+						const res = await postJson("/plugins/agy-link/pool/set-active", { id });
+						if (res && res.ok) {
+							await refresh();
+							showToast(t("account.activeSet"), "success");
+						} else {
+							setOptimisticActiveId(null);
+							showToast(res?.error || t("account.activeSetFailed"), "error");
+						}
+					} catch {
+						setOptimisticActiveId(null);
+						showToast(t("account.activeSetFailed"), "error");
+					} finally {
+						setOptimisticActiveId(null);
+						setLoadingAction(null);
+					}
 				};
 				const removeAccount = async (id, alias) => {
 					setLoadingAction(`remove:${id}`);
@@ -4595,103 +4920,10 @@ body.dark,
 						"aria-label": t("aria.closeToast")
 					}, uiIcon("x", 12)));
 				};
-				const renderQuotaBar = (label, familyKey, acc) => {
-					const info = acc.quotas[familyKey];
-					const cd = acc.cooldowns[familyKey];
-					const inCooldown = cd && cd.cooldownUntil > Date.now();
-					const has5h = typeof info?.remainingFraction === "number" && Number.isFinite(info.remainingFraction);
-					const pct5h = has5h ? Math.max(0, Math.min(100, Math.round(info.remainingFraction * 100))) : -1;
-					const cdNote = inCooldown ? t("account.localCooldown") : "";
-					const w5h = formatQuotaWindow(t, info?.resetTime);
-					const pctWeekly = typeof info?.weeklyFraction === "number" && Number.isFinite(info.weeklyFraction) ? Math.max(0, Math.min(100, Math.round(info.weeklyFraction * 100))) : -1;
-					const wWeekly = formatQuotaWindow(t, info?.weeklyResetTime);
-					const getColors = (pct) => {
-						if (pct < 0) return {
-							bar: "var(--agy-quota-none-border)",
-							text: "var(--agy-quota-none-text)",
-							bg: "var(--agy-quota-none-bg)",
-							border: "var(--agy-quota-none-border)"
-						};
-						if (pct <= 20) return {
-							bar: "linear-gradient(90deg, #dc2626, #ef4444)",
-							text: "var(--agy-quota-low-text)",
-							bg: "var(--agy-quota-low-bg)",
-							border: "var(--agy-quota-low-border)"
-						};
-						if (pct <= 50) return {
-							bar: "linear-gradient(90deg, #d97706, #f59e0b)",
-							text: "var(--agy-quota-med-text)",
-							bg: "var(--agy-quota-med-bg)",
-							border: "var(--agy-quota-med-border)"
-						};
-						return {
-							bar: "linear-gradient(90deg, #059669, #10b981)",
-							text: "var(--agy-quota-high-text)",
-							bg: "var(--agy-quota-high-bg)",
-							border: "var(--agy-quota-high-border)"
-						};
-					};
-					const c5h = getColors(pct5h);
-					const cWeekly = getColors(pctWeekly);
-					const renderLine = (windowName, percent, c, resetStr) => {
-						return h("div", { style: {
-							display: "flex",
-							alignItems: "center",
-							fontSize: "11.5px",
-							margin: "4px 0"
-						} }, h("span", { style: {
-							width: "52px",
-							color: "var(--agy-text-window-label)",
-							fontSize: "11px",
-							fontWeight: 700,
-							flexShrink: 0
-						} }, windowName), h("div", { style: S.progressBarBg }, h("div", {
-							className: "agy-progress-fill",
-							style: {
-								width: `${percent < 0 ? 100 : percent}%`,
-								height: "100%",
-								background: c.bar,
-								borderRadius: "3px"
-							}
-						})), h("div", { style: {
-							display: "inline-flex",
-							alignItems: "center",
-							gap: "8px",
-							minWidth: "140px",
-							justifyContent: "flex-end",
-							flexShrink: 0
-						} }, h("span", { style: {
-							padding: "2px 7px",
-							borderRadius: "4px",
-							background: c.bg,
-							color: c.text,
-							border: `1px solid ${c.border}`,
-							fontWeight: 700,
-							fontSize: "11.5px",
-							lineHeight: 1.2
-						} }, percent < 0 ? "—" : `${percent}%`), resetStr ? h("span", { style: {
-							color: "var(--agy-text-secondary)",
-							fontSize: "11px",
-							fontWeight: 500
-						} }, `↻ ${resetStr}`) : null));
-					};
-					return h("div", { style: {
-						margin: "6px 0",
-						padding: "8px 10px",
-						background: "var(--agy-bg-subbox)",
-						borderRadius: "7px",
-						border: "1px solid var(--agy-border-box)"
-					} }, h("div", { style: {
-						display: "flex",
-						alignItems: "center",
-						gap: "6px",
-						fontWeight: 700,
-						fontSize: "12.5px",
-						marginBottom: "5px",
-						color: "var(--agy-text-primary)"
-					} }, brandIcon(FAMILY_BRAND[familyKey], 14), h("span", null, label)), familyKey !== "argon" || has5h ? renderLine(t("quota.fiveHour"), pct5h, c5h, w5h.resetText ? w5h.resetText + cdNote : cdNote.replace(/^ · /, "")) : null, renderLine(t("quota.weekly"), pctWeekly, cWeekly, wWeekly.resetText));
-				};
-				const activeAccountId = pool?.activeAccountId ?? pool?.lastActiveAccountId ?? pool?.activeAccountIds?.google ?? pool?.primaryAccountId;
+				const isRefreshingQuota = loadingAction === "refresh-quota";
+				const renderQuotaBar = (label, familyKey, acc) => renderFamilyQuotaBar(t, label, familyKey, acc, isRefreshingQuota);
+				const authoritativeActiveId = pool?.activeAccountId ?? pool?.lastActiveAccountId ?? pool?.activeAccountIds?.google ?? pool?.primaryAccountId;
+				const activeAccountId = optimisticActiveId ?? authoritativeActiveId;
 				const renderedAccountCards = accounts.map((acc) => {
 					const isPrimary = acc.id === pool?.primaryAccountId;
 					const hasCooldown = Object.entries(acc.cooldowns).some(([, cd]) => cd && cd.cooldownUntil > Date.now());
@@ -4854,15 +5086,21 @@ body.dark,
 							fontWeight: 700
 						},
 						title: t("status.inUse")
-					}, uiIcon("zap", 10, "#10b981"), t("status.inUse")) : null, acc.proxyUrl ? h("span", { style: {
-						...S.badgeTag,
-						background: "var(--agy-badge-proxy-bg)",
-						color: "var(--agy-badge-proxy-text)",
-						borderColor: "var(--agy-badge-proxy-border)",
-						gap: "4px",
-						fontSize: "10px",
-						padding: "1px 5px"
-					} }, uiIcon("globe", 10, "var(--agy-badge-proxy-text)"), t("status.proxy")) : null, !acc.enabled ? h("span", {
+					}, uiIcon("zap", 10, "#10b981"), t("status.inUse")) : null, (() => {
+						const effectiveProxy = acc.proxyUrl || pool?.systemProxy;
+						return effectiveProxy ? h("span", {
+							style: {
+								...S.badgeTag,
+								background: "var(--agy-badge-proxy-bg)",
+								color: "var(--agy-badge-proxy-text)",
+								borderColor: "var(--agy-badge-proxy-border)",
+								gap: "4px",
+								fontSize: "10px",
+								padding: "1px 5px"
+							},
+							title: effectiveProxy
+						}, uiIcon("globe", 10, "var(--agy-badge-proxy-text)"), t("status.proxy")) : null;
+					})(), !acc.enabled ? h("span", {
 						style: {
 							...S.badgeTag,
 							background: "var(--agy-bg-subbox)",
@@ -5052,7 +5290,7 @@ body.dark,
 					} }, h("input", {
 						style: S.input,
 						value: proxyInputs[acc.id] !== void 0 ? proxyInputs[acc.id] : acc.proxyUrl ?? "",
-						placeholder: t("proxy.placeholder"),
+						placeholder: pool?.systemProxy ? `${t("proxy.placeholder")} (${pool.systemProxy})` : t("proxy.placeholder"),
 						"aria-label": t("aria.proxyInput"),
 						onChange: (e) => setProxyInputs({
 							...proxyInputs,
@@ -5106,7 +5344,7 @@ body.dark,
 				}), h("input", {
 					style: S.input,
 					value: addProxyInput,
-					placeholder: t("account.proxyPlaceholder"),
+					placeholder: pool?.systemProxy ? `${t("account.proxyPlaceholder")} (${pool.systemProxy})` : t("account.proxyPlaceholder"),
 					"aria-label": t("aria.proxyInput"),
 					onChange: (e) => setAddProxyInput(e.target.value)
 				})), h("div", { style: {
@@ -5193,7 +5431,7 @@ body.dark,
 					display: "flex",
 					alignItems: "center",
 					gap: "8px"
-				} }, agyIcon(16), h("span", { style: {
+				} }, agyIcon(18), h("span", { style: {
 					fontWeight: 700,
 					fontSize: "14px",
 					color: "var(--agy-text-primary)"
@@ -5487,11 +5725,32 @@ body.dark,
 					locale: NS
 				}, AgySettingsSection);
 			});
+			ctx.slots.inject("plugins.bundle.config", () => {
+				return ctx.slots.register({
+					name: "plugins.bundle.config",
+					key: "dsh-agy-link",
+					locale: NS
+				}, (ownerProps) => {
+					if (ownerProps?.view === "summary") return null;
+					return h(AgySettingsSection, { isModal: false });
+				});
+			});
+			ctx.slots.inject("plugins.row.config", () => {
+				return ctx.slots.register({
+					name: "plugins.row.config",
+					key: "dsh-agy-link#agy-link",
+					locale: NS
+				}, (ownerProps) => {
+					if (ownerProps?.view === "summary") return null;
+					return h(AgySettingsSection, { isModal: false });
+				});
+			});
 			installAgyToolView(ctx);
 			ctx.effect(() => installAutoExpandReasoning());
 			ctx.effect(() => installMermaidRendering());
 			ctx.effect(() => installImageEnhancer());
 			ctx.effect(() => installDecisionChips());
+			ctx.effect(() => installSettingsNavIcon(ctx, () => locale.bind(NS)("section.label")));
 		}
 		//#endregion
 		exports.apply = apply;