@nanmicoder/dsh-agent-teams 0.1.7 → 0.1.9

package/lib/client.js

@@ -135,6 +135,183 @@ window.__ModuleLoader__.load({
 			return related;
 		}
 		//#endregion
+		//#region lib/client/activity-monitor.js
+		/** Shared, demand-driven state for the AgentTeams browser monitor. */
+		const targets = /* @__PURE__ */ new Map();
+		const targetListeners = /* @__PURE__ */ new Set();
+		const snapshotListeners = /* @__PURE__ */ new Set();
+		let targetSnapshot = [];
+		let activitySnapshots = {
+			teams: [],
+			archivedTeams: []
+		};
+		function targetKey(sessionId, teamId) {
+			return `${sessionId}\u0000${teamId}`;
+		}
+		function publishTargets() {
+			targetSnapshot = [...targets.values()].filter((target) => target.active).map(({ key, sessionId, teamId }) => ({
+				key,
+				sessionId,
+				teamId
+			}));
+			for (const listener of targetListeners) listener();
+		}
+		/** Subscribe to the active monitor-target list (React external-store shape). */
+		function subscribeActivityMonitorTargets(listener) {
+			targetListeners.add(listener);
+			return () => {
+				targetListeners.delete(listener);
+			};
+		}
+		/** Read the stable active-target snapshot. */
+		function getActivityMonitorTargetsSnapshot() {
+			return targetSnapshot;
+		}
+		/**
+		* Register one successful AgentTeams card as a monitoring demand.
+		*
+		* The returned cleanup is reference-counted so multiple cards and React
+		* StrictMode remounts cannot stop another card's monitor.
+		*/
+		function monitorAgentTeam(sessionId, teamId) {
+			const owner = sessionId.trim();
+			const id = teamId.trim();
+			if (owner === "" || id === "") return () => {};
+			const key = targetKey(owner, id);
+			const existing = targets.get(key);
+			if (existing === void 0) {
+				targets.set(key, {
+					key,
+					sessionId: owner,
+					teamId: id,
+					refs: 1,
+					active: true
+				});
+				publishTargets();
+			} else {
+				existing.refs += 1;
+				if (!existing.active) {
+					existing.active = true;
+					publishTargets();
+				}
+			}
+			let released = false;
+			return () => {
+				if (released) return;
+				released = true;
+				const current = targets.get(key);
+				if (current === void 0) return;
+				current.refs -= 1;
+				if (current.refs <= 0) {
+					targets.delete(key);
+					if (current.active) publishTargets();
+				}
+			};
+		}
+		/** Stop polling targets whose final archived snapshot has been captured. */
+		function settleActivityMonitorTargets(keys) {
+			let changed = false;
+			for (const key of keys) {
+				const target = targets.get(key);
+				if (target?.active !== true) continue;
+				target.active = false;
+				changed = true;
+			}
+			if (changed) publishTargets();
+		}
+		/** Subscribe to the shared live/archive snapshot. */
+		function subscribeActivitySnapshots(listener) {
+			snapshotListeners.add(listener);
+			return () => {
+				snapshotListeners.delete(listener);
+			};
+		}
+		/** Read the stable shared live/archive snapshot. */
+		function getActivitySnapshotsSnapshot() {
+			return activitySnapshots;
+		}
+		/** Publish one or both successful state-route responses. */
+		function updateActivitySnapshots(update) {
+			const next = {
+				teams: update.teams ?? activitySnapshots.teams,
+				archivedTeams: update.archivedTeams ?? activitySnapshots.archivedTeams
+			};
+			if (next.teams === activitySnapshots.teams && next.archivedTeams === activitySnapshots.archivedTeams) return;
+			activitySnapshots = next;
+			for (const listener of snapshotListeners) listener();
+		}
+		/** Poll cadence for the live host snapshot route. */
+		const ACTIVITY_POLL_MS = 1e3;
+		/** Host route serving live and archived team snapshots. */
+		const ACTIVITY_STATE_URL = "/plugins/dsh-agent-teams/state";
+		/**
+		* Start the single polling loop for the current session's requested targets.
+		*
+		* With no targets this is deliberately inert: installing the plugin must not
+		* touch the state route. Live state is polled at the normal cadence; archive
+		* state is fetched only as a one-time fallback for targets no longer live.
+		*/
+		function startActivityPolling(monitorTargets, runtime = {}) {
+			if (monitorTargets.length === 0) return {
+				firstTick: Promise.resolve(),
+				stop: () => {}
+			};
+			const fetchState = runtime.fetchState ?? ((url, init) => fetch(url, init));
+			const schedule = runtime.schedule ?? ((callback, intervalMs) => setInterval(callback, intervalMs));
+			const cancel = runtime.cancel ?? ((timer) => {
+				clearInterval(timer);
+			});
+			const publishSnapshots = runtime.publishSnapshots ?? updateActivitySnapshots;
+			const settleTargets = runtime.settleTargets ?? settleActivityMonitorTargets;
+			let cancelled = false;
+			let inFlight = false;
+			let controller;
+			const tick = async () => {
+				if (inFlight || cancelled) return;
+				inFlight = true;
+				controller = new AbortController();
+				try {
+					const liveResponse = await fetchState(ACTIVITY_STATE_URL, {
+						cache: "no-store",
+						signal: controller.signal
+					});
+					if (!liveResponse.ok) return;
+					const body = await liveResponse.json();
+					if (cancelled || !Array.isArray(body.teams)) return;
+					const liveTeams = body.teams;
+					publishSnapshots({ teams: liveTeams });
+					const missing = monitorTargets.filter((target) => !liveTeams.some((team) => team.captainSessionId === target.sessionId && team.teamId === target.teamId));
+					if (missing.length === 0) return;
+					const archivedResponse = await fetchState(`${ACTIVITY_STATE_URL}?archived=1`, {
+						cache: "no-store",
+						signal: controller.signal
+					});
+					if (!archivedResponse.ok) return;
+					const archivedBody = await archivedResponse.json();
+					if (cancelled || !Array.isArray(archivedBody.teams)) return;
+					publishSnapshots({ archivedTeams: archivedBody.teams });
+					settleTargets(new Set(missing.map((target) => target.key)));
+				} catch (error) {
+					if (error?.name === "AbortError") return;
+				} finally {
+					inFlight = false;
+				}
+			};
+			const firstTick = tick();
+			const timer = schedule(() => {
+				tick();
+			}, ACTIVITY_POLL_MS);
+			return {
+				firstTick,
+				stop: () => {
+					if (cancelled) return;
+					cancelled = true;
+					controller?.abort();
+					cancel(timer);
+				}
+			};
+		}
+		//#endregion
 		//#region lib/client/artwork.js
 		/**
 		* Shared whale artwork lookup for the activity panel and the conversation
@@ -144,23 +321,24 @@ window.__ModuleLoader__.load({
 		*/
 		/** Artwork route prefix served by the plugin host half. */
 		const ART_BASE = "/plugins/dsh-agent-teams/assets/";
-		/** Whale role artwork per role keyword. */
+		/** V2 whale role artwork per role keyword. */
 		const ROLE_ART = [
-			[/resear|analys|investig|explor|data|study|研究|分析|数据|调查|探索|调研/, "researcher.png"],
-			[/engineer|dev\b|server|backend|\bapi\b|runtime|watcher|contract|工程|后端|服务|接口|开发|代码|编程/, "engineer.png"],
-			[/\bqa\b|test|verif|quality|测试|质量/, "qa-engineer.png"],
-			[/design|\bui\b|\bux\b|front|theme|accessib|设计|前端|主题/, "designer.png"],
-			[/secur|audit|risk|threat|review|安全|审计|审查|风险/, "security-reviewer.png"],
-			[/docs|writer|product|spec|coordin|撰写|文案|写作|文档|协调/, "docs-coordinator.png"],
-			[/release|\bbuild\b|deploy|\bops\b|\bci\b|ship|发布|构建|部署/, "engineer.png"]
+			[/data|analys|metric|performance|数据|分析|指标|性能/, "member-data-v2.png"],
+			[/resear|investig|explor|study|研究|调查|探索|调研/, "member-researcher-v2.png"],
+			[/\bqa\b|test|verif|quality|测试|质量|验证/, "member-qa-v2.png"],
+			[/engineer|dev\b|server|backend|\bapi\b|runtime|watcher|contract|工程|后端|服务|接口|开发|代码|编程/, "member-engineer-v2.png"],
+			[/design|\bui\b|\bux\b|front|theme|accessib|设计|前端|主题|无障碍/, "member-designer-v2.png"],
+			[/secur|audit|risk|threat|review|安全|审计|审查|风险/, "member-security-v2.png"],
+			[/docs|writer|product|spec|撰写|文案|写作|文档|规范/, "member-docs-v2.png"],
+			[/release|\bbuild\b|deploy|\bops\b|\bci\b|ship|coordin|发布|构建|部署|运维|协调/, "member-operator-v2.png"]
 		];
 		/** Captain artwork (always the lead whale). */
-		const LEAD_ART = `${ART_BASE}team-lead.png`;
+		const LEAD_ART = `${ART_BASE}team-lead-v2.png`;
 		/** Status action artwork per member activity. */
 		const ACTION_ART = {
-			working: `${ART_BASE}action-working.png`,
-			idle: `${ART_BASE}action-sleeping.png`,
-			unknown: `${ART_BASE}action-thinking.png`
+			working: `${ART_BASE}action-working-v2.png`,
+			idle: `${ART_BASE}action-sleeping-v2.png`,
+			unknown: `${ART_BASE}action-thinking-v2.png`
 		};
 		/**
 		* Member artwork URL, or null when no role matches (initial-letter fallback).
@@ -224,33 +402,14 @@ window.__ModuleLoader__.load({
 			} }));
 		}
 		/** Render one durable team as a compact conversation card. */
-		function AgentTeamsCard({ node, openSession, currentSessionId }) {
+		function AgentTeamsCard({ node, openSession, sessionId }) {
 			const data = node.data;
-			const owner = data.captainSessionId || currentSessionId() || "";
-			const [snapshot, setSnapshot] = (0, react.useState)();
+			const owner = data.captainSessionId || sessionId;
+			const { teams, archivedTeams } = (0, react.useSyncExternalStore)(subscribeActivitySnapshots, getActivitySnapshotsSnapshot);
 			(0, react.useEffect)(() => {
-				let cancelled = false;
-				const tick = async () => {
-					for (const url of ["/plugins/dsh-agent-teams/state", "/plugins/dsh-agent-teams/state?archived=1"]) try {
-						const response = await fetch(url, { cache: "no-store" });
-						if (!response.ok) continue;
-						const body = await response.json();
-						const found = Array.isArray(body.teams) ? body.teams.find((team) => team.teamId === data.teamId && (owner === "" || team.captainSessionId === owner)) : void 0;
-						if (found !== void 0) {
-							if (!cancelled) setSnapshot(found);
-							return;
-						}
-					} catch {}
-				};
-				tick();
-				const timer = setInterval(() => {
-					tick();
-				}, 1500);
-				return () => {
-					cancelled = true;
-					clearInterval(timer);
-				};
+				return monitorAgentTeam(owner, data.teamId);
 			}, [data.teamId, owner]);
+			const snapshot = teams.find((team) => team.teamId === data.teamId && (owner === "" || team.captainSessionId === owner)) ?? archivedTeams.find((team) => team.teamId === data.teamId && (owner === "" || team.captainSessionId === owner));
 			const resolved = (0, react.useMemo)(() => ({
 				...data,
 				captainSessionId: snapshot?.captainSessionId ?? owner,
@@ -441,8 +600,6 @@ window.__ModuleLoader__.load({
 		* removed in favor of this always-available monitor.
 		* @module dsh-agent-teams/client/activity
 		*/
-		/** Poll cadence for the host snapshot route. */
-		const POLL_MS = 1e3;
 		/** Grace before the panel collapses once no team remains. */
 		const AUTOCLOSE_GRACE_MS = 2e3;
 		/**
@@ -451,8 +608,6 @@ window.__ModuleLoader__.load({
 		* right after load. New activity after this window auto-expands as usual.
 		*/
 		const AUTO_OPEN_SETTLE_MS = 4e3;
-		/** Host route serving team snapshots. */
-		const STATE_URL = "/plugins/dsh-agent-teams/state";
 		/** Root marker shared with the panel CSS while the portal is expanded. */
 		const PANEL_OPEN_ATTRIBUTE = "data-agent-teams-panel-open";
 		/** Initial-letter fallback for unmatched roles. */
@@ -1056,14 +1211,15 @@ window.__ModuleLoader__.load({
 				setWasActive(false);
 				openSession(id);
 			};
-			const [teams, setTeams] = (0, react.useState)([]);
-			const [archivedTeams, setArchivedTeams] = (0, react.useState)([]);
 			const [open, setOpen] = (0, react.useState)(false);
 			const [openOwner, setOpenOwner] = (0, react.useState)();
 			const [autoOpened, setAutoOpened] = (0, react.useState)(false);
 			const [wasActive, setWasActive] = (0, react.useState)(false);
 			const [historic, setHistoric] = (0, react.useState)(/* @__PURE__ */ new Map());
 			const current = (0, react.useSyncExternalStore)(sessionsList.subscribe, sessionsList.getSnapshot).current;
+			const monitorTargets = (0, react.useSyncExternalStore)(subscribeActivityMonitorTargets, getActivityMonitorTargetsSnapshot);
+			const { teams, archivedTeams } = (0, react.useSyncExternalStore)(subscribeActivitySnapshots, getActivitySnapshotsSnapshot);
+			const currentTargets = (0, react.useMemo)(() => current === void 0 ? [] : monitorTargets.filter((target) => target.sessionId === current), [current, monitorTargets]);
 			const currentRef = (0, react.useRef)(current);
 			(0, react.useEffect)(() => {
 				currentRef.current = current;
@@ -1086,34 +1242,12 @@ window.__ModuleLoader__.load({
 				};
 			}, [expanded]);
 			(0, react.useEffect)(() => {
-				let cancelled = false;
-				let inFlight = false;
-				const tick = async () => {
-					if (inFlight || cancelled) return;
-					inFlight = true;
-					try {
-						const [liveResponse, archivedResponse] = await Promise.all([fetch(STATE_URL, { cache: "no-store" }), fetch(`${STATE_URL}?archived=1`, { cache: "no-store" })]);
-						if (liveResponse.ok) {
-							const body = await liveResponse.json();
-							if (!cancelled && Array.isArray(body.teams)) setTeams(body.teams);
-						}
-						if (archivedResponse.ok) {
-							const body = await archivedResponse.json();
-							if (!cancelled && Array.isArray(body.teams)) setArchivedTeams(body.teams);
-						}
-					} catch {} finally {
-						inFlight = false;
-					}
-				};
-				tick();
-				const timer = setInterval(() => {
-					tick();
-				}, POLL_MS);
+				if (currentTargets.length === 0) return;
+				const controller = startActivityPolling(currentTargets);
 				return () => {
-					cancelled = true;
-					clearInterval(timer);
+					controller.stop();
 				};
-			}, []);
+			}, [currentTargets]);
 			(0, react.useEffect)(() => {
 				const onOpenPanel = (event) => {
 					const activeSession = currentRef.current;
@@ -1358,12 +1492,9 @@ window.__ModuleLoader__.load({
 			ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
 				name: "conversation.chat.node",
 				key: "agent-teams",
-				inject: () => ({
-					openSession: (id) => {
-						ctx.sessions.open(id);
-					},
-					currentSessionId: () => ctx.sessions.list.getSnapshot().current
-				})
+				inject: () => ({ openSession: (id) => {
+					ctx.sessions.open(id);
+				} })
 			}, AgentTeamsCard));
 		}
 		//#endregion