dsh-agy-link 0.4.41 → 0.4.43

package/dist/client.js

@@ -1345,7 +1345,7 @@ window.__ModuleLoader__.load({
 
 /* Diff stat badge (+10 -2) */
 .agy-tv-diff-stat {
-	font-family: var(--dsw-font-family-code, ui-monospace, monospace);
+	font-family: var(--ds-font-family-code, ui-monospace, monospace);
 	font-size: calc(var(--dsh-content-font-size-secondary, 13px) - 2px);
 	color: var(--dsw-alias-label-caption, #94a3b8);
 	margin-left: 10px;
@@ -1354,7 +1354,7 @@ window.__ModuleLoader__.load({
 
 /* Preview text */
 .agy-tv-preview {
-	font-family: var(--dsw-font-family-code, ui-monospace, monospace);
+	font-family: var(--ds-font-family-code, ui-monospace, monospace);
 	font-size: 11px;
 	color: var(--dsw-alias-label-caption, #94a3b8);
 	margin-left: 8px;
@@ -1375,7 +1375,7 @@ window.__ModuleLoader__.load({
 .agy-tv-card {
 	border: 0.5px solid var(--dsw-alias-border-l1, #e2e8f0);
 	background: var(--dsw-alias-markdown-code-block, #f8fafc);
-	font-family: var(--dsw-font-family-code, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
+	font-family: var(--ds-font-family-code, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
 	font-size: 12px;
 	line-height: 1.55;
 	border-radius: 12px;
@@ -1564,6 +1564,228 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
+		//#region src/client/mermaid.ts
+		const MERMAID_CSS = `
+div.md-code-block[data-agy-mermaid="done"] [data-code-block-content] {
+	display: none !important;
+}
+div.md-code-block[data-agy-mermaid="render"] {
+	border-color: var(--dsw-alias-border-l2, #e2e8f0);
+}
+div[data-agy-mermaid-svg] {
+	padding: 12px 8px;
+	overflow-x: auto;
+	text-align: center;
+	background: var(--dsw-alias-bg-base, #ffffff);
+}
+div[data-agy-mermaid-svg] svg {
+	max-width: 100%;
+	height: auto;
+}
+div[data-agy-mermaid-svg][data-agy-mermaid-error] {
+	text-align: left;
+	color: var(--dsw-alias-label-tertiary, #64748b);
+	font-size: 12px;
+	white-space: pre-wrap;
+	padding: 10px 12px;
+}
+`;
+		const CDN_URLS = [
+			"/plugins/agy-link/mermaid.min.js",
+			"https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js",
+			"https://unpkg.com/mermaid@11/dist/mermaid.min.js"
+		];
+		let loadPromise = null;
+		let loadFailedAt = 0;
+		const LOAD_RETRY_MS = 6e4;
+		let renderSeq = 0;
+		function injectStyles$1() {
+			if (typeof document === "undefined") return;
+			if (document.getElementById("agy-mermaid-css")) return;
+			const st = document.createElement("style");
+			st.id = "agy-mermaid-css";
+			st.textContent = MERMAID_CSS;
+			document.head.appendChild(st);
+		}
+		function loadScript(src) {
+			return new Promise((resolve) => {
+				const s = document.createElement("script");
+				s.src = src;
+				s.async = true;
+				const done = (ok) => {
+					s.removeEventListener("load", onLoad);
+					s.removeEventListener("error", onError);
+					resolve(ok);
+				};
+				const onLoad = () => done(true);
+				const onError = () => done(false);
+				s.addEventListener("load", onLoad);
+				s.addEventListener("error", onError);
+				document.head.appendChild(s);
+				setTimeout(() => done(false), 15e3);
+			});
+		}
+		async function loadMermaid() {
+			if (typeof window === "undefined") return null;
+			if (window.mermaid !== void 0) return window.mermaid;
+			if (loadPromise !== null) return loadPromise;
+			if (Date.now() - loadFailedAt < LOAD_RETRY_MS) return null;
+			loadPromise = (async () => {
+				for (const url of CDN_URLS) if (await loadScript(url) && window.mermaid !== void 0) {
+					try {
+						window.mermaid.initialize({
+							startOnLoad: false,
+							securityLevel: "strict",
+							theme: "neutral",
+							fontFamily: "inherit"
+						});
+					} catch {}
+					return window.mermaid;
+				}
+				loadFailedAt = Date.now();
+				loadPromise = null;
+				return null;
+			})();
+			return loadPromise;
+		}
+		/** Banner infostring text ("mermaid") identifies the fence language. */
+		function fenceLang(block) {
+			const text = ((block.querySelector("[data-code-block-banner] [class*=\"infostring\"]") ?? block.querySelector("[data-code-block-banner] [class*=\"language\"]") ?? block.querySelector("[data-code-block-banner]"))?.textContent ?? "").trim().toLowerCase();
+			if (text !== "") return text.split(/\s+/)[0] ?? "";
+			const code = block.querySelector("[data-code-block-content] code");
+			const m = (code?.getAttribute("class") ?? "").match(/language-([\w-]+)/);
+			if (m?.[1]) return m[1].toLowerCase();
+			return (code?.getAttribute("data-language") ?? block.getAttribute("data-language") ?? "").toLowerCase();
+		}
+		const MERMAID_FIRST_LINE = /^(?:flowchart(?:\s+\w+)?|graph\s+(?:TB|TD|LR|RL|BT)|sequenceDiagram|classDiagram(?:-v2)?|stateDiagram(?:-v2)?|erDiagram|journey|gantt|pie|mindmap|timeline|gitGraph|sankey-beta|xychart-beta|block-beta|quadrantChart|requirementDiagram|radar-beta|C4(?:Context|Container|Component|Dynamic))\b/;
+		/** Content sniff: unknown-language fences are the whole reason this module exists. */
+		function looksLikeMermaidSource(source) {
+			const line = source.split(/\r?\n/).find((l) => l.trim() !== "");
+			return line !== void 0 && MERMAID_FIRST_LINE.test(line.trim());
+		}
+		function isMermaidLang(lang) {
+			return lang === "mermaid" || lang === "mermaidjs" || lang.startsWith("mermaid");
+		}
+		const KNOWN_NON_MERMAID = /* @__PURE__ */ new Set([
+			"typescript",
+			"ts",
+			"javascript",
+			"js",
+			"jsx",
+			"tsx",
+			"python",
+			"py",
+			"java",
+			"c",
+			"cpp",
+			"c++",
+			"csharp",
+			"cs",
+			"go",
+			"golang",
+			"rust",
+			"rs",
+			"php",
+			"ruby",
+			"rb",
+			"swift",
+			"kotlin",
+			"kt",
+			"scala",
+			"shell",
+			"bash",
+			"sh",
+			"zsh",
+			"sql",
+			"html",
+			"css",
+			"scss",
+			"less",
+			"json",
+			"yaml",
+			"yml",
+			"xml",
+			"graphql",
+			"toml",
+			"ini",
+			"dockerfile",
+			"makefile"
+		]);
+		function isMermaidBlock(lang, source) {
+			if (isMermaidLang(lang)) return true;
+			if (KNOWN_NON_MERMAID.has(lang)) return false;
+			return looksLikeMermaidSource(source);
+		}
+		function readSource(block) {
+			return ((block.querySelector("[data-code-block-content] code") ?? block.querySelector("[data-code-block-content] pre") ?? block.querySelector("[data-code-block-content]"))?.textContent ?? "").trim();
+		}
+		async function renderInto(block, source) {
+			block.querySelector("[data-agy-mermaid-svg]")?.remove();
+			const mount = document.createElement("div");
+			mount.setAttribute("data-agy-mermaid-svg", "1");
+			block.appendChild(mount);
+			const api = await loadMermaid();
+			if (api === null) {
+				block.setAttribute("data-agy-mermaid", "error");
+				mount.setAttribute("data-agy-mermaid-error", "1");
+				mount.textContent = "Mermaid renderer unavailable (offline). Diagram source stays below.";
+				return;
+			}
+			try {
+				renderSeq += 1;
+				const id = "agy-mmd-" + renderSeq;
+				const { svg } = await api.render(id, source);
+				mount.innerHTML = svg;
+				block.setAttribute("data-agy-mermaid", "done");
+			} catch (e) {
+				block.setAttribute("data-agy-mermaid", "error");
+				mount.setAttribute("data-agy-mermaid-error", "1");
+				mount.textContent = "Mermaid render failed: " + (e instanceof Error ? e.message : String(e));
+			}
+		}
+		let scanTimer = null;
+		function scheduleScan() {
+			if (scanTimer !== null) return;
+			scanTimer = setTimeout(() => {
+				scanTimer = null;
+				scan();
+			}, 150);
+		}
+		function scan() {
+			if (typeof document === "undefined") return;
+			const blocks = document.querySelectorAll(".md-code-block");
+			for (let i = 0; i < blocks.length; i++) {
+				const block = blocks[i];
+				if (!block) continue;
+				const state = block.getAttribute("data-agy-mermaid");
+				if (state === "done" || state === "busy" || state === "error") continue;
+				const lang = fenceLang(block);
+				const source = readSource(block);
+				if (source === "") continue;
+				if (!isMermaidBlock(lang, source)) continue;
+				block.setAttribute("data-agy-mermaid", "busy");
+				renderInto(block, source);
+			}
+		}
+		function installMermaidRendering() {
+			if (typeof window === "undefined" || typeof document === "undefined") return;
+			injectStyles$1();
+			const observer = new MutationObserver(() => {
+				scheduleScan();
+			});
+			const setup = () => {
+				if (document.body) {
+					observer.observe(document.body, {
+						childList: true,
+						subtree: true
+					});
+					scan();
+				}
+			};
+			if (document.readyState === "loading") window.addEventListener("DOMContentLoaded", setup, { once: true });
+			else setup();
+		}
+		//#endregion
 		//#region src/client/reasoning.ts
 		const REASONING_CSS = `
 /* Hover affordance on thinking disclosure rows */
@@ -2729,12 +2951,12 @@ body.dark,
 						color: "var(--agy-text-primary)"
 					} }, brandIcon(FAMILY_BRAND[familyKey], 14), h("span", null, label)), renderLine(t("quota.fiveHour"), pct5h, c5h, w5h.resetText ? w5h.resetText + cdNote : cdNote.replace(/^ · /, "")), renderLine(t("quota.weekly"), pctWeekly, cWeekly, wWeekly.resetText));
 				};
-				const inUseIds = new Set(Object.values(pool?.activeAccountIds ?? {}));
+				const activeAccountId = pool?.activeAccountId ?? pool?.lastActiveAccountId ?? pool?.activeAccountIds?.google ?? pool?.primaryAccountId;
 				const renderedAccountCards = accounts.map((acc) => {
 					const isPrimary = acc.id === pool?.primaryAccountId;
-					const isInUse = inUseIds.has(acc.id);
 					const hasCooldown = Object.entries(acc.cooldowns).some(([, cd]) => cd && cd.cooldownUntil > Date.now());
 					const isAuthRequired = acc.authRequired;
+					const isInUse = acc.enabled && !isAuthRequired && activeAccountId !== void 0 && activeAccountId === acc.id;
 					const dotColor = !acc.enabled ? "#64748b" : isAuthRequired ? "#ef4444" : hasCooldown ? "#f59e0b" : "#10b981";
 					const isEditingProxy = editingProxyId === acc.id;
 					const isExpanded = expandedModels[acc.id] ?? false;
@@ -2798,14 +3020,17 @@ body.dark,
 					} }, uiIcon("mail", 11, "var(--agy-badge-email-text)"), acc.email) : null, isPrimary ? h("span", { style: {
 						...S.badgePrimary,
 						gap: "4px"
-					} }, uiIcon("star", 10, "var(--agy-badge-primary-text)"), t("status.primary")) : null, isInUse ? h("span", { style: {
-						...S.badgeTag,
-						background: "rgba(16, 185, 129, 0.12)",
-						color: "#10b981",
-						borderColor: "rgba(16, 185, 129, 0.45)",
-						gap: "4px",
-						fontWeight: 700
-					} }, uiIcon("zap", 11, "#10b981"), t("status.inUse")) : null, acc.proxyUrl ? h("span", { style: {
+					} }, uiIcon("star", 10, "var(--agy-badge-primary-text)"), t("status.primary")) : null, isInUse ? h("span", {
+						style: {
+							...S.badgeTag,
+							background: "rgba(16, 185, 129, 0.12)",
+							color: "#10b981",
+							borderColor: "rgba(16, 185, 129, 0.45)",
+							gap: "4px",
+							fontWeight: 700
+						},
+						title: t("status.inUse")
+					}, uiIcon("zap", 11, "#10b981"), t("status.inUse")) : null, acc.proxyUrl ? h("span", { style: {
 						...S.badgeTag,
 						background: "var(--agy-badge-proxy-bg)",
 						color: "var(--agy-badge-proxy-text)",
@@ -3261,13 +3486,22 @@ body.dark,
 						clearInterval(timer);
 					};
 				}, []);
-				const accounts = (status?.pool)?.accounts ?? [];
-				const hasCooldown = accounts.some((a) => Object.entries(a.cooldowns).some(([, cd]) => cd && cd.cooldownUntil > Date.now()));
+				const pool = status?.pool;
+				const accounts = pool?.accounts ?? [];
+				const rawActiveId = pool?.activeAccountId ?? pool?.lastActiveAccountId ?? pool?.activeAccountIds?.google ?? pool?.primaryAccountId;
+				const activeAcc = accounts.find((a) => a.id === rawActiveId && a.enabled && !a.authRequired) ?? accounts.find((a) => a.enabled && !a.authRequired) ?? accounts[0];
+				const activeHasCooldown = activeAcc ? Object.entries(activeAcc.cooldowns).some(([, cd]) => cd && cd.cooldownUntil > Date.now()) : false;
+				const allInCooldown = accounts.length > 0 && accounts.every((a) => !a.enabled || a.authRequired || Object.entries(a.cooldowns).some(([, cd]) => cd && cd.cooldownUntil > Date.now()));
 				const isAuthed = status?.auth?.phase === "ok" || accounts.length > 0;
-				const color = status === null ? "#64748b" : status.dormantReason ? "#f59e0b" : hasCooldown ? "#f59e0b" : isAuthed ? "#10b981" : "#f59e0b";
+				const color = status === null ? "#64748b" : status.dormantReason ? "#f59e0b" : allInCooldown ? "#f59e0b" : activeHasCooldown ? "#f59e0b" : isAuthed ? "#10b981" : "#f59e0b";
+				const legacyDefault = activeAcc && activeAcc.defaultAlias === void 0 && activeAcc.systemHome && activeAcc.alias === "主账号 (系统登录)";
+				const displayAlias = activeAcc ? activeAcc.defaultAlias || legacyDefault ? activeAcc.systemHome ? t("account.defaultAlias") : t("account.aliasDefault", { number: accounts.indexOf(activeAcc) + 1 }) : activeAcc.alias : "";
+				const activeDetail = activeAcc ? ` · ${t("status.inUse")}: ${displayAlias}${activeAcc.email ? ` (${activeAcc.email})` : ""}` : "";
+				const badgeTitle = `${t("header.badgeTitle", { count: accounts.length })}${activeDetail}`;
+				const buttonLabel = displayAlias ? `AGY · ${displayAlias}` : `AGY (${accounts.length})`;
 				const badge = h("button", {
 					type: "button",
-					title: t("header.badgeTitle", { count: accounts.length }),
+					title: badgeTitle,
 					className: "agy-btn",
 					onClick: () => agyModalStore.setOpen(true),
 					style: {
@@ -3291,7 +3525,7 @@ body.dark,
 					height: "7px",
 					borderRadius: "50%",
 					background: color
-				} }), `AGY (${accounts.length})`);
+				} }), buttonLabel);
 				return h("div", { style: { display: "inline-block" } }, badge, portalToBody(h(AgyModalDialog, null)));
 			};
 			ctx.slots.inject("conversation.session.header.actions", () => {
@@ -3314,6 +3548,7 @@ body.dark,
 			});
 			installAgyToolView(ctx);
 			installAutoExpandReasoning();
+			installMermaidRendering();
 		}
 		//#endregion
 		exports.apply = apply;