dsh-agy-link 0.4.67 → 0.4.70

package/dist/client.js

@@ -604,6 +604,58 @@ window.__ModuleLoader__.load({
 			"status.disabled": "Deshabilitado"
 		};
 		//#endregion
+		//#region src/client/scroll-guard.ts
+		let isScrolling = false;
+		let scrollTimer = null;
+		let listenerAttached = false;
+		const settleListeners = /* @__PURE__ */ new Set();
+		function onScrollActivity() {
+			isScrolling = true;
+			if (scrollTimer !== null) clearTimeout(scrollTimer);
+			scrollTimer = setTimeout(() => {
+				isScrolling = false;
+				scrollTimer = null;
+				for (const fn of settleListeners) try {
+					fn();
+				} catch {}
+			}, 150);
+		}
+		function isScrollActive() {
+			return isScrolling;
+		}
+		/** Register a callback to run once scrolling has settled. Returns an unregister function. */
+		function onScrollSettle(fn) {
+			ensureScrollListener();
+			settleListeners.add(fn);
+			return () => {
+				settleListeners.delete(fn);
+			};
+		}
+		function ensureScrollListener() {
+			if (typeof window === "undefined" || typeof window.addEventListener !== "function" || listenerAttached) return;
+			listenerAttached = true;
+			window.addEventListener("scroll", onScrollActivity, {
+				passive: true,
+				capture: true
+			});
+			window.addEventListener("wheel", onScrollActivity, {
+				passive: true,
+				capture: true
+			});
+		}
+		function disposeScrollListener() {
+			if (typeof window === "undefined" || typeof window.removeEventListener !== "function" || !listenerAttached) return;
+			window.removeEventListener("scroll", onScrollActivity, true);
+			window.removeEventListener("wheel", onScrollActivity, true);
+			listenerAttached = false;
+			if (scrollTimer !== null) {
+				clearTimeout(scrollTimer);
+				scrollTimer = null;
+			}
+			settleListeners.clear();
+			isScrolling = false;
+		}
+		//#endregion
 		//#region src/client/decisions.ts
 		const DECISION_CSS = `
 .agy-decision-container {
@@ -740,14 +792,34 @@ window.__ModuleLoader__.load({
 			return options;
 		}
 		/**
-		* Scan DOM for decision prompts and mount interactive choice chips
+		* Scan DOM for decision prompts and mount interactive choice chips.
+		*
+		* IDEMPOTENCE (incident 2026-10-23 — "scroll back and forth = insane flashing"):
+		* DSH renders these containers inside a TanStack-Virtual list with dynamic
+		* measurement (`measureElement` + `anchorTo:"start"`). Injecting a toolbar
+		* changes the measured item height, which makes the virtualizer rewrite
+		* scrollTop; the resulting re-render rebuilds the markdown/heading nodes
+		* (dropping the per-HEADING guard) and this scanner injected the toolbar
+		* again — growth on every scroll pass, i.e. a flashing flywheel.
+		*
+		* Two independent guards now make injection strictly once-per-container:
+		*   1. `data-agy-decisions-scanned` on the container, written on EVERY pass
+		*      (it used to be read here but never assigned anywhere in the codebase),
+		*   2. "a toolbar already exists in this container" — survives React
+		*      rebuilding the heading nodes during a virtualizer remount.
 		*/
 		function scanAndEnhanceDecisions() {
 			if (typeof document === "undefined") return;
+			if (isScrollActive()) return;
 			const markdownContainers = document.querySelectorAll("div[class*=\"_markdown_\"], [data-markdown-variant]");
 			for (let i = 0; i < markdownContainers.length; i++) {
 				const container = markdownContainers[i];
 				if (!container || container.dataset.agyDecisionsScanned === "true") continue;
+				if (container.querySelector(".agy-decision-container")) {
+					container.dataset.agyDecisionsScanned = "true";
+					continue;
+				}
+				container.dataset.agyDecisionsScanned = "true";
 				const headings = container.querySelectorAll("h2, h3, h4, p > strong");
 				for (let j = 0; j < headings.length; j++) {
 					const heading = headings[j];
@@ -804,12 +876,26 @@ window.__ModuleLoader__.load({
 			}
 		}
 		let decisionChipsDispose = null;
+		let decisionScanTimer = null;
+		let unbindDecisionSettle = null;
+		function scheduleDecisionScan() {
+			if (isScrollActive()) return;
+			if (decisionScanTimer !== null) return;
+			decisionScanTimer = setTimeout(() => {
+				decisionScanTimer = null;
+				if (isScrollActive()) return;
+				scanAndEnhanceDecisions();
+			}, 100);
+		}
 		function installDecisionChips() {
 			if (typeof window === "undefined" || typeof document === "undefined") return () => {};
 			decisionChipsDispose?.();
 			injectStyles$3();
 			const observer = new MutationObserver(() => {
-				scanAndEnhanceDecisions();
+				scheduleDecisionScan();
+			});
+			unbindDecisionSettle = onScrollSettle(() => {
+				scheduleDecisionScan();
 			});
 			const setup = () => {
 				if (document.body) {
@@ -824,6 +910,14 @@ window.__ModuleLoader__.load({
 			else setup();
 			const dispose = () => {
 				observer.disconnect();
+				if (unbindDecisionSettle !== null) {
+					unbindDecisionSettle();
+					unbindDecisionSettle = null;
+				}
+				if (decisionScanTimer !== null) {
+					clearTimeout(decisionScanTimer);
+					decisionScanTimer = null;
+				}
 				window.removeEventListener("DOMContentLoaded", setup);
 				if (decisionChipsDispose === dispose) decisionChipsDispose = null;
 			};
@@ -1194,6 +1288,7 @@ window.__ModuleLoader__.load({
 		*/
 		function scanAndEnhanceImages() {
 			if (typeof document === "undefined") return;
+			if (isScrollActive()) return;
 			const origin = getOrigin();
 			if (origin && !origin.includes("127.0.0.1") && !origin.includes("localhost")) {
 				const images = document.querySelectorAll("img[src*=\"/plugins/agy-link/media\"]");
@@ -1283,12 +1378,26 @@ window.__ModuleLoader__.load({
 			}
 		}
 		let imageEnhancerDispose = null;
+		let imageScanTimer = null;
+		let unbindImageSettle = null;
+		function scheduleImageScan() {
+			if (isScrollActive()) return;
+			if (imageScanTimer !== null) return;
+			imageScanTimer = setTimeout(() => {
+				imageScanTimer = null;
+				if (isScrollActive()) return;
+				scanAndEnhanceImages();
+			}, 100);
+		}
 		function installImageEnhancer() {
 			if (typeof window === "undefined" || typeof document === "undefined") return () => {};
 			imageEnhancerDispose?.();
 			injectStyles$2();
 			const observer = new MutationObserver(() => {
-				scanAndEnhanceImages();
+				scheduleImageScan();
+			});
+			unbindImageSettle = onScrollSettle(() => {
+				scheduleImageScan();
 			});
 			const setup = () => {
 				if (document.body) {
@@ -1303,6 +1412,14 @@ window.__ModuleLoader__.load({
 			else setup();
 			const dispose = () => {
 				observer.disconnect();
+				if (unbindImageSettle !== null) {
+					unbindImageSettle();
+					unbindImageSettle = null;
+				}
+				if (imageScanTimer !== null) {
+					clearTimeout(imageScanTimer);
+					imageScanTimer = null;
+				}
 				window.removeEventListener("DOMContentLoaded", setup);
 				if (imageEnhancerDispose === dispose) imageEnhancerDispose = null;
 			};
@@ -1316,12 +1433,23 @@ window.__ModuleLoader__.load({
 			if (mod === void 0 || mod === null) throw new Error("dsh-agy-link toolview requires react at render time (browser host)");
 			return mod;
 		}
-		function makeToggle(setValue) {
-			return () => setValue((prev) => !prev);
-		}
-		function useToggle(initial = false) {
-			const [value, setValue] = react().useState(initial);
-			return [value, makeToggle(setValue)];
+		/** Cache user-expanded tool cards across TanStack Virtualizer remount cycles */
+		const expandedToolBlockKeys = /* @__PURE__ */ new Set();
+		function useToggle(initial = false, key) {
+			const R2 = react();
+			const init = key ? expandedToolBlockKeys.has(key) : initial;
+			const [value, setValue] = R2.useState(init);
+			const toggle = () => {
+				setValue((prev) => {
+					const next = !prev;
+					if (key) {
+						if (next) expandedToolBlockKeys.add(key);
+						else expandedToolBlockKeys.delete(key);
+					}
+					return next;
+				});
+			};
+			return [value, toggle];
 		}
 		function hx(type, props, ...children) {
 			return react().createElement(type, props, ...children);
@@ -2096,12 +2224,12 @@ window.__ModuleLoader__.load({
 			}
 		}
 		function AgyMirrorToolView(props) {
-			const [open, setOpen] = useToggle(false);
 			const h = hx;
-			const { block, cwd, home, openFile, inspect, t } = props;
+			const { block, cwd, home, openFile, inspect, t, callId } = props;
 			const settle = isSettled(block);
 			const err = isError(block);
 			const model = mirrorCardModel(block, cwd, home);
+			const [open, setOpen] = useToggle(false, callId ? `call:${callId}` : `${model.kind}:${model.tool ?? ""}:${model.title}:${model.path ?? model.command ?? ""}`);
 			const state = !settle ? "run" : err ? "err" : "ok";
 			const title = displayTitle(model, t);
 			const summary = displaySummary(model, cwd, home);
@@ -2217,10 +2345,10 @@ window.__ModuleLoader__.load({
 		* friends) so an ordinary Code Mode call reads exactly like a native tool row.
 		*/
 		function AgyCodeToolView(props) {
-			const [open, setOpen] = useToggle(false);
 			const h = hx;
-			const { block, inspect, t } = props ?? {};
+			const { block, inspect, t, callId } = props ?? {};
 			const model = runCodeModel(block);
+			const [open, setOpen] = useToggle(false, callId ? `call:${callId}` : `code:${model.title}`);
 			const settle = block !== void 0 && isSettled(block);
 			const err = block !== void 0 && isError(block);
 			const state = !settle ? "run" : err ? "err" : "ok";
@@ -3207,14 +3335,17 @@ body > [id^="iagy-mmd"] .error-icon {
 		}
 		let scanTimer$1 = null;
 		function scheduleScan$1() {
+			if (isScrollActive()) return;
 			if (scanTimer$1 !== null) return;
 			scanTimer$1 = setTimeout(() => {
 				scanTimer$1 = null;
+				if (isScrollActive()) return;
 				scan();
 			}, 150);
 		}
 		function scan() {
 			if (typeof document === "undefined") return;
+			if (isScrollActive()) return;
 			cleanupTempElements();
 			const blocks = document.querySelectorAll(".md-code-block");
 			for (let i = 0; i < blocks.length; i++) {
@@ -3232,6 +3363,7 @@ body > [id^="iagy-mmd"] .error-icon {
 		}
 		let activeObserver$1 = null;
 		let domContentLoadedHandler$1 = null;
+		let unbindMermaidSettle = null;
 		/**
 		* Install the mermaid overlay. Returns a disposer that disconnects the
 		* MutationObserver and cancels pending setup — wrap it in ctx.effect so a
@@ -3246,6 +3378,9 @@ body > [id^="iagy-mmd"] .error-icon {
 				scheduleScan$1();
 			});
 			activeObserver$1 = observer;
+			unbindMermaidSettle = onScrollSettle(() => {
+				scheduleScan$1();
+			});
 			const setup = () => {
 				if (document.body) {
 					cleanupTempElements();
@@ -3268,6 +3403,10 @@ body > [id^="iagy-mmd"] .error-icon {
 				activeObserver$1.disconnect();
 				activeObserver$1 = null;
 			}
+			if (unbindMermaidSettle !== null) {
+				unbindMermaidSettle();
+				unbindMermaidSettle = null;
+			}
 			if (domContentLoadedHandler$1 !== null) {
 				window.removeEventListener("DOMContentLoaded", domContentLoadedHandler$1);
 				domContentLoadedHandler$1 = null;
@@ -3334,42 +3473,57 @@ div[data-variant="think"] [class*="thinkBody"] {
 			}
 		}
 		/**
+		* Persistent cache of handled thinking turns (keyed by turn fingerprint).
+		* Survived across TanStack Virtualizer unmount/remount cycles.
+		*/
+		const handledTurns = /* @__PURE__ */ new Set();
+		function getTurnKey(root, text) {
+			const parent = root.closest("[data-message-id], [data-item-index], [data-index], [data-role=\"message-content\"]");
+			return `${parent?.getAttribute("data-message-id") ?? parent?.getAttribute("data-index") ?? parent?.getAttribute("data-item-index") ?? ""}:${text.slice(0, 100)}`;
+		}
+		/**
 		* Try to expand a thinking row once when its body contains real prose
 		* (not a bare [agy thinking turn · N tokens] chip). Uses the host's own
 		* disclosure control when present — never mutates thinkBody children.
-		*
-		* A row the user manually COLLAPSED is recorded in a WeakSet keyed by the
-		* row element; React keeps the same element identity across its own
-		* re-renders, so the scanner stops re-expanding it (the old data attribute
-		* survived only until React rebuilt the node).
 		*/
-		const userCollapsed = typeof WeakSet !== "undefined" ? /* @__PURE__ */ new WeakSet() : null;
 		function tryExpandThinkRow(root) {
 			if (root.dataset.agyExpanded === "true") return;
-			if (userCollapsed?.has(root) === true) return;
 			const body = root.querySelector("[class*=\"thinkBody\"]");
 			if (!body) return;
 			const text = (body.textContent ?? "").trim();
 			if (text === "") return;
 			if (/^\[agy(?: thinking turn)?(?: · \d+ (?:thinking )?tokens)?\]\s*$/.test(text)) return;
-			const style = typeof getComputedStyle === "function" ? getComputedStyle(body) : null;
-			if (style && style.display !== "none" && body.clientHeight > 8) {
+			const turnKey = getTurnKey(root, text);
+			if (handledTurns.has(turnKey)) {
 				root.dataset.agyExpanded = "true";
 				return;
 			}
 			const toggle = root.querySelector("[data-disclosure-row]") ?? root.querySelector("[class*=\"disclosure\"]") ?? root.querySelector("button");
-			if (toggle) {
-				userCollapsed?.add(root);
-				try {
-					toggle.click();
-					root.dataset.agyExpanded = "true";
-				} catch {
-					userCollapsed?.delete(root);
-				}
+			if (!toggle) return;
+			if (!toggle.dataset.agyClickBound) {
+				toggle.dataset.agyClickBound = "true";
+				toggle.addEventListener("click", () => {
+					handledTurns.add(turnKey);
+				}, {
+					capture: true,
+					passive: true
+				});
+			}
+			if (isScrollActive()) return;
+			if (body.clientHeight > 8) {
+				handledTurns.add(turnKey);
+				root.dataset.agyExpanded = "true";
+				return;
 			}
+			handledTurns.add(turnKey);
+			root.dataset.agyExpanded = "true";
+			try {
+				toggle.click();
+			} catch {}
 		}
 		function scanThinkingRows() {
 			if (typeof document === "undefined") return;
+			if (isScrollActive()) return;
 			const rows = document.querySelectorAll("div[data-variant=\"think\"]");
 			for (let i = 0; i < rows.length; i++) {
 				const row = rows[i];
@@ -3378,14 +3532,17 @@ div[data-variant="think"] [class*="thinkBody"] {
 		}
 		let scanTimer = null;
 		function scheduleScan() {
+			if (isScrollActive()) return;
 			if (scanTimer !== null) return;
 			scanTimer = setTimeout(() => {
 				scanTimer = null;
+				if (isScrollActive()) return;
 				scanThinkingRows();
-			}, 200);
+			}, 150);
 		}
 		let activeObserver = null;
 		let domContentLoadedHandler = null;
+		let unbindSettle = null;
 		/**
 		* Install the auto-expand reasoning overlay. Returns a disposer that
 		* disconnects the MutationObserver — wrap it in ctx.effect so a plugin
@@ -3399,6 +3556,9 @@ div[data-variant="think"] [class*="thinkBody"] {
 				scheduleScan();
 			});
 			activeObserver = observer;
+			unbindSettle = onScrollSettle(() => {
+				scheduleScan();
+			});
 			const setupObserver = () => {
 				if (document.body) {
 					observer.observe(document.body, {
@@ -3420,6 +3580,10 @@ div[data-variant="think"] [class*="thinkBody"] {
 				activeObserver.disconnect();
 				activeObserver = null;
 			}
+			if (unbindSettle !== null) {
+				unbindSettle();
+				unbindSettle = null;
+			}
 			if (domContentLoadedHandler !== null) {
 				window.removeEventListener("DOMContentLoaded", domContentLoadedHandler);
 				domContentLoadedHandler = null;
@@ -3859,8 +4023,12 @@ div[data-variant="think"] [class*="thinkBody"] {
 				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);
+				for (const row of Array.from(document.querySelectorAll(NAV_ROW_SELECTOR))) {
+					const shouldMark = isOwnNavRow(row.textContent, wanted);
+					if (shouldMark === row.hasAttribute(NAV_ICON_MARKER)) continue;
+					if (shouldMark) row.setAttribute(NAV_ICON_MARKER, "");
+					else row.removeAttribute(NAV_ICON_MARKER);
+				}
 			};
 			const schedule = () => {
 				if (scheduled || disposed) return;
@@ -3872,7 +4040,7 @@ div[data-variant="think"] [class*="thinkBody"] {
 			observer.observe(document.body, {
 				childList: true,
 				subtree: true,
-				characterData: true
+				attributeFilter: [NAV_ICON_MARKER]
 			});
 			return () => {
 				disposed = true;
@@ -4871,6 +5039,9 @@ body.dark,
 				const accounts = pool?.accounts ?? [];
 				const isAuthed = authPhase === "ok" || accounts.length > 0;
 				const isBusy = loadingAction !== null;
+				/** Busy for a per-account action; also blocks while a global action runs. */
+				const accountActionBusy = (acc, action) => loadingAction === `${action}:${acc.id}`;
+				isBusy && loadingAction?.includes(":");
 				const renderSpinner = () => h("span", { className: "agy-spinner" });
 				const renderToastBanner = () => {
 					if (!toast) return null;
@@ -4920,8 +5091,7 @@ body.dark,
 						"aria-label": t("aria.closeToast")
 					}, uiIcon("x", 12)));
 				};
-				const isRefreshingQuota = loadingAction === "refresh-quota";
-				const renderQuotaBar = (label, familyKey, acc) => renderFamilyQuotaBar(t, label, familyKey, acc, isRefreshingQuota);
+				const renderQuotaBar = (label, familyKey, acc) => renderFamilyQuotaBar(t, label, familyKey, acc, loadingAction === "refresh-quota" || loadingAction === `refresh:${acc.id}`);
 				const authoritativeActiveId = pool?.activeAccountId ?? pool?.lastActiveAccountId ?? pool?.activeAccountIds?.google ?? pool?.primaryAccountId;
 				const activeAccountId = optimisticActiveId ?? authoritativeActiveId;
 				const renderedAccountCards = accounts.map((acc) => {
@@ -5132,7 +5302,7 @@ body.dark,
 							padding: "2px 6px"
 						},
 						title: acc.enabled ? t("account.disableTitle") : t("account.enableTitle"),
-						disabled: isBusy,
+						disabled: accountActionBusy(acc, "enable"),
 						onClick: () => void toggleAccountEnabled(acc)
 					}, loadingAction === `enable:${acc.id}` ? [renderSpinner(), acc.enabled ? t("account.disable") : t("account.enable")] : [uiIcon("power", 10, acc.enabled ? "var(--agy-text-secondary)" : "#ffffff"), ` ${acc.enabled ? t("account.disable") : t("account.enable")}`]), h("button", {
 						type: "button",
@@ -5144,7 +5314,7 @@ body.dark,
 							padding: "2px 6px"
 						},
 						title: t("account.syncTitle"),
-						disabled: isBusy,
+						disabled: accountActionBusy(acc, "refresh"),
 						onClick: () => void refreshQuota(acc.id)
 					}, loadingAction === `refresh:${acc.id}` ? [renderSpinner(), t("account.syncing")] : [uiIcon("refresh", 10), ` ${t("account.sync")}`]), acc.enabled && !isInUse ? h("button", {
 						type: "button",
@@ -5156,7 +5326,7 @@ body.dark,
 							padding: "2px 6px"
 						},
 						title: t("account.setActive"),
-						disabled: isBusy,
+						disabled: accountActionBusy(acc, "active"),
 						onClick: () => void setActiveAccount(acc.id)
 					}, loadingAction === `active:${acc.id}` ? [renderSpinner(), t("account.settingActive")] : [uiIcon("zap", 10), ` ${t("account.setActive")}`]) : null, h("button", {
 						type: "button",
@@ -5172,7 +5342,7 @@ body.dark,
 							fontSize: "11px",
 							padding: "2px 6px"
 						},
-						disabled: isBusy,
+						disabled: accountActionBusy(acc, "proxy"),
 						onClick: () => setEditingProxyId(isEditingProxy ? null : acc.id)
 					}, [uiIcon("globe", 10), ` ${t("proxy.button")}`]), accounts.length > 1 ? h("button", {
 						type: "button",
@@ -5184,7 +5354,7 @@ body.dark,
 						},
 						title: t("account.removeTitle"),
 						"aria-label": t("account.removeTitle"),
-						disabled: isBusy,
+						disabled: accountActionBusy(acc, "remove"),
 						onClick: () => void removeAccount(acc.id, displayAlias)
 					}, loadingAction === `remove:${acc.id}` ? renderSpinner() : uiIcon("trash", 11, "var(--agy-danger-text)")) : null)), h("div", {
 						key: "agy-body",
@@ -5273,7 +5443,7 @@ body.dark,
 							background: "var(--agy-warn-btn-bg)",
 							gap: "4px"
 						},
-						disabled: isBusy,
+						disabled: accountActionBusy(acc, "clearCooldown"),
 						onClick: () => void clearCooldown(acc.id)
 					}, loadingAction === `clearCooldown:${acc.id}` ? [renderSpinner(), ""] : [uiIcon("zap", 11, "var(--agy-warn-btn-text)"), ` ${t("account.clearCooldown")}`])) : null, isEditingProxy ? h("div", {
 						key: "proxy-body",
@@ -5300,7 +5470,7 @@ body.dark,
 						type: "button",
 						className: "agy-btn",
 						style: S.btnPrimary,
-						disabled: isBusy,
+						disabled: accountActionBusy(acc, "proxy"),
 						onClick: () => void saveProxy(acc.id)
 					}, loadingAction === `proxy:${acc.id}` ? [renderSpinner(), t("proxy.save")] : t("proxy.save")), h("button", {
 						type: "button",
@@ -5745,6 +5915,10 @@ body.dark,
 					return h(AgySettingsSection, { isModal: false });
 				});
 			});
+			ctx.effect(() => {
+				ensureScrollListener();
+				return disposeScrollListener;
+			});
 			installAgyToolView(ctx);
 			ctx.effect(() => installAutoExpandReasoning());
 			ctx.effect(() => installMermaidRendering());