@nanmicoder/dsh-agent-teams 0.1.9 → 0.1.10

package/lib/client.js

@@ -5,7 +5,6 @@ window.__ModuleLoader__.load({
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react_jsx_runtime = require("react/jsx-runtime");
-		let react_dom_client = require("react-dom/client");
 		let react = require("react");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		/** Use a fill-width grid when the task graph has no real dependency edges. */
@@ -17,10 +16,10 @@ window.__ModuleLoader__.load({
 		/**
 		* Whether an expanded activity panel still belongs to the current session.
 		*
-		* The panel is mounted through a body portal, so React does not remount it
-		* when the conversation route changes. Ownership keeps an expanded panel
-		* from leaking onto the new-session screen (or another conversation) while
-		* its local open state is being reset.
+		* The panel is mounted in the root-scoped shell overlay, so React does not
+		* remount it when the conversation route changes. Ownership keeps an expanded
+		* panel from leaking onto the new-session screen (or another conversation)
+		* while its local open state is being reset.
 		*/
 		function activityPanelExpandedForSession(open, owner, current) {
 			return open && owner !== void 0 && owner === current;
@@ -353,7 +352,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-agent-teams/dsh-agent-teams/src/client/AgentTeamsCard.module.css.mjs
-		const css$1 = ".kPAopq_root{box-sizing:border-box;border:1px solid var(--dsw-alias-line-normal);background:var(--dsw-alias-bg-module-platform);border-radius:10px;flex-direction:column;gap:8px;width:100%;min-width:0;padding:10px 12px;display:flex}.kPAopq_head{align-items:center;gap:8px;min-width:0;display:flex}.kPAopq_leadAvatar{border:1px solid var(--dsw-alias-line-strong);object-fit:cover;background:#0b1d33;border-radius:50%;flex:none;width:24px;height:24px}.kPAopq_teamName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:13px;font-weight:600;line-height:20px;overflow:hidden}.kPAopq_memberCount{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;margin-left:auto;font-size:11px;line-height:16px}.kPAopq_panelButton{border:1px solid var(--dsw-alias-line-strong);background:var(--dsw-alias-bg-module);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:2px 8px;font-size:10.5px;font-weight:600;line-height:16px;transition:border-color .12s,color .12s}.kPAopq_panelButton:hover{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.kPAopq_panelButton:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:1px}.kPAopq_members{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.kPAopq_member{border:1px solid var(--dsw-alias-line-normal);background:var(--dsw-alias-bg-module);max-width:160px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 3px;font-size:11px;font-weight:500;line-height:16px;transition:border-color .12s,background-color .12s;display:inline-flex}.kPAopq_member:hover{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-bg-fill-neutral)}.kPAopq_member:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:1px}.kPAopq_memberArt{border:1px solid var(--dsw-alias-line-strong);object-fit:cover;background:#0b1d33;border-radius:50%;width:20px;height:20px}.kPAopq_memberInitial{background:var(--dsw-alias-bg-fill-business);width:20px;height:20px;color:var(--dsw-alias-label-on-fill);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;line-height:20px;display:inline-flex}.kPAopq_memberName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}";
+		const css$1 = ".kPAopq_root{box-sizing:border-box;border:1px solid var(--dsw-alias-line-normal);background:var(--dsw-alias-bg-module-platform);border-radius:10px;flex-direction:column;gap:8px;width:100%;min-width:0;padding:10px 12px;display:flex}.kPAopq_head{align-items:center;gap:8px;min-width:0;display:flex}.kPAopq_leadAvatar{object-fit:contain;filter:drop-shadow(0 1px 1px #122d4833);background:0 0;border:0;border-radius:0;flex:none;width:30px;height:30px}.kPAopq_teamName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:13px;font-weight:600;line-height:20px;overflow:hidden}.kPAopq_memberCount{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;margin-left:auto;font-size:11px;line-height:16px}.kPAopq_panelButton{border:1px solid var(--dsw-alias-line-strong);background:var(--dsw-alias-bg-module);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:2px 8px;font-size:10.5px;font-weight:600;line-height:16px;transition:border-color .12s,color .12s}.kPAopq_panelButton:hover{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.kPAopq_panelButton:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:1px}.kPAopq_members{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.kPAopq_member{border:1px solid var(--dsw-alias-line-normal);background:var(--dsw-alias-bg-module);max-width:160px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 3px;font-size:11px;font-weight:500;line-height:16px;transition:border-color .12s,background-color .12s;display:inline-flex}.kPAopq_member:hover{border-color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-bg-fill-neutral)}.kPAopq_member:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:1px}.kPAopq_memberArt{object-fit:contain;filter:drop-shadow(0 1px 1px #122d482e);background:0 0;border:0;border-radius:0;width:24px;height:24px}.kPAopq_memberInitial{background:var(--dsw-alias-bg-fill-business);width:20px;height:20px;color:var(--dsw-alias-label-on-fill);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;line-height:20px;display:inline-flex}.kPAopq_memberName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}";
 		const tagId$1 = "@nanmicoder/dsh-agent-teams/AgentTeamsCard.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -483,8 +482,162 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region lib/client/panel-geometry.js
+		/** Pure persisted geometry rules for the AgentTeams shell-overlay panel. */
+		const PANEL_LAYOUT_STORAGE_KEY = "dsh-agent-teams:activity-panel:v1";
+		const DEFAULT_PANEL_LAYOUT = Object.freeze({
+			mode: "docked",
+			x: 0,
+			y: 64,
+			width: 388,
+			height: 640,
+			heightMode: "auto"
+		});
+		function clamp(value, minimum, maximum) {
+			return Math.min(Math.max(value, minimum), maximum);
+		}
+		function finite(value) {
+			return typeof value === "number" && Number.isFinite(value);
+		}
+		/** Decode one versioned localStorage value, rejecting partial/corrupt state. */
+		function parsePanelLayout(value) {
+			if (value === null) return DEFAULT_PANEL_LAYOUT;
+			try {
+				const parsed = JSON.parse(value);
+				if (typeof parsed !== "object" || parsed === null) return DEFAULT_PANEL_LAYOUT;
+				const record = parsed;
+				if (record.mode !== "docked" && record.mode !== "floating" || !finite(record.x) || !finite(record.y) || !finite(record.width) || !finite(record.height)) return DEFAULT_PANEL_LAYOUT;
+				return {
+					mode: record.mode,
+					x: record.x,
+					y: record.y,
+					width: record.width,
+					height: record.height,
+					heightMode: record.mode === "floating" && record.heightMode === "manual" ? "manual" : "auto"
+				};
+			} catch {
+				return DEFAULT_PANEL_LAYOUT;
+			}
+		}
+		/** Whether the panel should become a simple inset overlay with no gestures. */
+		function compactPanelForBounds(bounds) {
+			return bounds.width <= 960;
+		}
+		/** Docked and compact panels always fit content; floating panels may be user-sized. */
+		function panelUsesAutoHeight(layout, bounds) {
+			return compactPanelForBounds(bounds) || layout.mode === "docked" || layout.heightMode === "auto";
+		}
+		/** CSS max-height ceiling that keeps an auto-height panel inside its shell. */
+		function panelMaximumHeight(layout, bounds) {
+			const bottomInset = compactPanelForBounds(bounds) || layout.mode === "floating" ? 12 : 48;
+			return Math.max(1, bounds.height - layout.y - bottomInset);
+		}
+		/** Resolve persisted state into a visible rectangle inside the current shell. */
+		function resolvePanelGeometry(layout, bounds) {
+			const boundsWidth = Math.max(1, bounds.width);
+			const boundsHeight = Math.max(1, bounds.height);
+			if (compactPanelForBounds(bounds)) return {
+				...layout,
+				x: 12,
+				y: 12,
+				width: Math.max(1, boundsWidth - 24),
+				height: Math.max(1, boundsHeight - 24)
+			};
+			const maximumWidth = Math.max(1, Math.min(640, boundsWidth - 24));
+			const minimumWidth = Math.min(320, maximumWidth);
+			const width = clamp(layout.width, minimumWidth, maximumWidth);
+			const maximumHeight = Math.max(1, boundsHeight - 24);
+			const minimumHeight = Math.min(360, maximumHeight);
+			if (layout.mode === "docked") {
+				const y = clamp(64, 12, Math.max(12, boundsHeight - minimumHeight - 12));
+				const availableHeight = Math.max(1, boundsHeight - y - 48);
+				const height = clamp(availableHeight, Math.min(minimumHeight, availableHeight), maximumHeight);
+				const anchorRight = clamp(bounds.anchorRight, 0, boundsWidth);
+				const maximumX = Math.max(12, boundsWidth - width - 12);
+				return {
+					mode: "docked",
+					x: clamp(anchorRight - 18 - width, 12, maximumX),
+					y,
+					width,
+					height,
+					heightMode: layout.heightMode
+				};
+			}
+			const height = clamp(layout.height, minimumHeight, maximumHeight);
+			return {
+				mode: "floating",
+				x: clamp(layout.x, 12, Math.max(12, boundsWidth - width - 12)),
+				y: clamp(layout.y, 12, Math.max(12, boundsHeight - height - 12)),
+				width,
+				height,
+				heightMode: layout.heightMode
+			};
+		}
+		/** Undock without a visual jump by adopting the panel's resolved rectangle. */
+		function floatPanelLayout(geometry, bounds) {
+			return resolvePanelGeometry({
+				...geometry,
+				mode: "floating"
+			}, bounds);
+		}
+		/** Return to the right dock, preserving width and restoring content-fit height. */
+		function dockPanelLayout(layout, bounds) {
+			return resolvePanelGeometry({
+				...layout,
+				mode: "docked",
+				heightMode: "auto"
+			}, bounds);
+		}
+		/** Translate a floating panel and clamp it back into the visible shell. */
+		function movePanelLayout(start, dx, dy, bounds) {
+			return resolvePanelGeometry({
+				...start,
+				mode: "floating",
+				x: start.x + dx,
+				y: start.y + dy
+			}, bounds);
+		}
+		/** Resize while keeping the edge opposite the active handle stationary. */
+		function resizePanelLayout(start, edge, dx, dy, bounds) {
+			if (start.mode === "docked") {
+				if (edge !== "left") return resolvePanelGeometry(start, bounds);
+				return resolvePanelGeometry({
+					...start,
+					width: start.width - dx
+				}, bounds);
+			}
+			const resolved = resolvePanelGeometry(start, bounds);
+			const minimumWidth = Math.min(320, resolved.x + resolved.width - 12);
+			const minimumHeight = Math.min(360, bounds.height - resolved.y - 12);
+			if (edge === "left") {
+				const right = resolved.x + resolved.width;
+				const maximumWidth = Math.max(1, Math.min(640, right - 12));
+				const width = clamp(resolved.width - dx, Math.min(minimumWidth, maximumWidth), maximumWidth);
+				return {
+					...resolved,
+					x: right - width,
+					width
+				};
+			}
+			const maximumHeight = Math.max(1, bounds.height - resolved.y - 12);
+			const height = clamp(resolved.height + dy, Math.min(minimumHeight, maximumHeight), maximumHeight);
+			if (edge === "bottom") return {
+				...resolved,
+				height,
+				heightMode: "manual"
+			};
+			const maximumWidth = Math.max(1, Math.min(640, bounds.width - resolved.x - 12));
+			const width = clamp(resolved.width + dx, Math.min(minimumWidth, maximumWidth), maximumWidth);
+			return {
+				...resolved,
+				width,
+				height,
+				heightMode: "manual"
+			};
+		}
+		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-agent-teams/dsh-agent-teams/src/client/ActivityPanel.module.css.mjs
-		const css = "html{--agent-teams-panel-width:388px;--agent-teams-panel-top:64px;--agent-teams-panel-bottom-gap:64px;--agent-teams-panel-min-height:560px;--agent-teams-panel-right:calc(18px + var(--dsh-sidebar-width,0px));--agent-teams-panel-gap:14px;--agent-teams-panel-shift:calc(var(--agent-teams-panel-width) + 18px + var(--agent-teams-panel-gap))}html[data-agent-teams-panel-open] [data-phase=active]{box-sizing:border-box;padding-right:var(--agent-teams-panel-shift)}[data-phase=active]{will-change:padding-right;transition:padding-right .36s cubic-bezier(.22,1,.36,1)}.aYQbCq_badge,.aYQbCq_panel{--dsw-alias-line-normal:var(--dsw-static-neutral-bluish-150,#e7e9ee);--dsw-alias-line-strong:color-mix(in srgb, var(--dsw-static-neutral-bluish-200,#e1e5ee) 50%, var(--dsw-static-neutral-bluish-300,#cfd3d6));--dsw-alias-bg-module:var(--dsw-alias-bg-layer-1,#fff);--dsw-alias-bg-fill-neutral:var(--dsw-static-neutral-bluish-100,#eef0f4);--dsw-alias-bg-fill-business:var(--dsw-alias-state-business-primary,#4d6bfe);--dsw-alias-bg-fill-success:var(--dsw-alias-state-success-primary,#12a150);--dsw-alias-bg-fill-warning:var(--dsw-alias-state-warn-primary,#e08700);--dsw-alias-bg-fill-danger:var(--dsw-alias-state-error-primary,#e5484d);--dsw-alias-state-success:var(--dsw-alias-state-success-primary,#12a150);--dsw-alias-state-warning:var(--dsw-alias-state-warn-primary,#e08700);--dsw-alias-state-danger:var(--dsw-alias-state-error-primary,#e5484d);--dsw-alias-label-on-fill:var(--dsw-alias-label-primary-inverted,#fff)}.aYQbCq_badge{top:var(--agent-teams-panel-top);right:var(--agent-teams-panel-right);z-index:2147483000;box-sizing:border-box;border:1px solid var(--dsw-alias-line-normal);background:color-mix(in srgb, var(--dsw-alias-bg-module-platform) 92%, transparent);backdrop-filter:blur(16px);height:34px;box-shadow:0 8px 28px color-mix(in srgb, var(--dsw-alias-label-primary) 14%, transparent);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:600;line-height:20px;transition:border-color .15s,transform .12s;display:inline-flex;position:fixed}.aYQbCq_badge:hover{border-color:var(--dsw-alias-line-strong);transform:translateY(-1px)}.aYQbCq_badge:active{transform:translateY(0)scale(.98)}.aYQbCq_badge:focus-visible,.aYQbCq_closeButton:focus-visible,.aYQbCq_memberRow:focus-visible,.aYQbCq_membersToggle:focus-visible,.aYQbCq_sectionToggleTitle:focus-visible,.aYQbCq_dagNode:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.aYQbCq_badgeDot,.aYQbCq_panelDot{background:var(--dsw-alias-label-tertiary);border-radius:50%;width:7px;height:7px}.aYQbCq_badgeDot[data-busy=true],.aYQbCq_panelDot[data-busy=true]{background:var(--dsw-alias-state-business-primary);animation:1.25s ease-in-out infinite aYQbCq_agentTeamsPulse}.aYQbCq_badgeCount,.aYQbCq_memberCount,.aYQbCq_teamStats,.aYQbCq_stageLabel,.aYQbCq_taskId{font-variant-numeric:tabular-nums}.aYQbCq_panel{top:var(--agent-teams-panel-top);right:var(--agent-teams-panel-right);z-index:2147483000;width:min(var(--agent-teams-panel-width), calc(100vw - 24px));min-height:min(var(--agent-teams-panel-min-height), calc(100dvh - var(--agent-teams-panel-top) - var(--agent-teams-panel-bottom-gap)));max-height:calc(100dvh - var(--agent-teams-panel-top) - var(--agent-teams-panel-bottom-gap));box-sizing:border-box;border:1px solid color-mix(in srgb, var(--dsw-alias-line-strong) 58%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-module) 95%, transparent);backdrop-filter:blur(20px)saturate(1.08);box-shadow:0 12px 32px color-mix(in srgb, var(--dsw-alias-label-primary) 12%, transparent), 0 32px 72px color-mix(in srgb, var(--dsw-alias-label-primary) 16%, transparent);border-radius:16px;flex-direction:column;animation:.18s ease-out aYQbCq_agentTeamsPanelIn;display:flex;position:fixed;overflow:hidden}@keyframes aYQbCq_agentTeamsPanelIn{0%{opacity:0;transform:translateY(-6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes aYQbCq_agentTeamsPulse{0%,to{opacity:.42}50%{opacity:1}}.aYQbCq_panelHead{border-bottom:1px solid var(--dsw-alias-line-normal);flex:none;justify-content:space-between;align-items:center;min-height:44px;padding:0 14px 0 16px;display:flex}.aYQbCq_panelTitle{color:var(--dsw-alias-label-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.aYQbCq_closeButton{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background-color .12s,color .12s,transform .12s;display:inline-flex}.aYQbCq_closeButton:hover{background:var(--dsw-alias-bg-fill-neutral);color:var(--dsw-alias-label-primary)}.aYQbCq_closeButton:active{transform:scale(.94)}.aYQbCq_teams{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.aYQbCq_teams::-webkit-scrollbar{display:none}.aYQbCq_team{border-bottom:1px solid var(--dsw-alias-line-normal);flex-direction:column;gap:12px;padding:12px 14px 16px;display:flex}.aYQbCq_team:last-child{border-bottom:0}.aYQbCq_teamHead{align-items:center;gap:10px;min-width:0;display:flex}.aYQbCq_teamName{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;line-height:18px;overflow:hidden}.aYQbCq_teamStats{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;gap:8px;font-size:10.5px;line-height:16px;display:inline-flex}.aYQbCq_sectionHead{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.aYQbCq_sectionTitle{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.aYQbCq_sectionHint{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:14px;overflow:hidden}.aYQbCq_delegationSection{min-width:0}.aYQbCq_captainNode{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 32%, var(--dsw-alias-line-normal));background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 7%, var(--dsw-alias-bg-module));border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:8px 10px;display:grid}.aYQbCq_captainAvatar,.aYQbCq_memberAvatar{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.aYQbCq_captainAvatar{width:36px;height:36px}.aYQbCq_leadAvatar,.aYQbCq_memberArt,.aYQbCq_memberInitial{box-sizing:border-box;border:1px solid var(--dsw-alias-line-strong);object-fit:cover;background:#0b1d33;border-radius:50%;width:34px;height:34px}.aYQbCq_captainInfo,.aYQbCq_memberInfo{flex-direction:column;min-width:0;display:flex}.aYQbCq_captainInfo{gap:2px}.aYQbCq_captainLine,.aYQbCq_memberLine{align-items:center;gap:6px;min-width:0;display:flex}.aYQbCq_captainName,.aYQbCq_memberName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;line-height:18px;overflow:hidden}.aYQbCq_captainRole,.aYQbCq_memberRole{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:14px;overflow:hidden}.aYQbCq_captainSummary,.aYQbCq_memberStatusLine{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:15px;overflow:hidden}.aYQbCq_captainState,.aYQbCq_memberState{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:10px;font-weight:500;line-height:15px;display:inline-flex}.aYQbCq_captainState[data-busy=true],.aYQbCq_memberState[data-activity=working]{color:var(--dsw-alias-state-business-primary)}.aYQbCq_workGlyph rect{opacity:.5}.aYQbCq_workGlyph[data-active=true] rect{animation:1.1s ease-in-out infinite aYQbCq_agentTeamsDot}@keyframes aYQbCq_agentTeamsDot{0%,to{opacity:.25}50%{opacity:1}}.aYQbCq_progressOverview{flex-direction:column;gap:7px;display:flex}.aYQbCq_progressTitle{color:var(--dsw-alias-label-secondary);font-size:11px;font-weight:600;line-height:16px}.aYQbCq_progressSegments{gap:3px;display:flex}.aYQbCq_progressSegments>span,.aYQbCq_progressEmpty{background:var(--dsw-alias-line-strong);border-radius:2px;flex:1;height:5px}.aYQbCq_progressEmpty{width:100%;display:block}.aYQbCq_progressSegments>span[data-state=running]{background:var(--dsw-alias-state-business-primary)}.aYQbCq_progressSegments>span[data-state=blocked]{background:var(--dsw-alias-state-warning)}.aYQbCq_progressSegments>span[data-state=completed]{background:var(--dsw-alias-state-success)}.aYQbCq_progressSegments>span[data-state=failed]{background:var(--dsw-alias-state-danger)}.aYQbCq_progressSegments>span[data-state=cancelled]{opacity:.55}.aYQbCq_progressLegend{color:var(--dsw-alias-label-tertiary);gap:10px;font-size:9.5px;line-height:14px;display:flex}.aYQbCq_progressLegend>span[data-state=running]{color:var(--dsw-alias-state-business-primary)}.aYQbCq_progressLegend>span[data-state=blocked]{color:var(--dsw-alias-state-warning)}.aYQbCq_progressLegend>span[data-state=completed]{color:var(--dsw-alias-state-success)}.aYQbCq_progressSummary{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 7%, var(--dsw-alias-bg-module));min-width:0;color:var(--dsw-alias-label-secondary);border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:600;line-height:15px;display:flex}.aYQbCq_progressSummary[data-state=warning]{background:color-mix(in srgb, var(--dsw-alias-state-warning) 8%, var(--dsw-alias-bg-module))}.aYQbCq_progressSummary[data-state=completed]{background:color-mix(in srgb, var(--dsw-alias-state-success) 8%, var(--dsw-alias-bg-module))}.aYQbCq_progressSummary>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aYQbCq_progressSummaryDot{background:var(--dsw-alias-state-business-primary);border-radius:50%;flex:none;width:5px;height:5px}.aYQbCq_progressSummary[data-state=warning] .aYQbCq_progressSummaryDot{background:var(--dsw-alias-state-warning)}.aYQbCq_progressSummary[data-state=completed] .aYQbCq_progressSummaryDot{background:var(--dsw-alias-state-success)}.aYQbCq_membersToggle{background:var(--dsw-alias-bg-module-platform);width:100%;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:10.5px;font-weight:600;line-height:15px;display:flex}.aYQbCq_membersToggle:hover{background:var(--dsw-alias-bg-fill-neutral)}.aYQbCq_membersToggle>span{align-items:center;gap:5px;display:inline-flex}.aYQbCq_membersToggle>span:last-child{color:var(--dsw-alias-state-business-primary)}.aYQbCq_chevron{flex:none;transition:transform .14s}.aYQbCq_chevron[data-open=true]{transform:rotate(90deg)}.aYQbCq_delegationTree{flex-direction:column;gap:2px;margin-left:18px;padding:9px 0 0 20px;display:flex;position:relative}.aYQbCq_delegationTree:before{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 48%, var(--dsw-alias-line-normal));content:\"\";width:1px;position:absolute;top:0;bottom:22px;left:0}.aYQbCq_memberBlock{flex-direction:column;min-width:0;padding:3px 0 7px;display:flex;position:relative}.aYQbCq_memberBranch{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 48%, var(--dsw-alias-line-normal));width:20px;height:1px;display:block;position:absolute;top:23px;right:100%}.aYQbCq_memberBranch:before{background:var(--dsw-alias-state-business-primary);content:\"\";border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-1px}.aYQbCq_memberRow{box-sizing:border-box;width:100%;min-width:0;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;transition:background-color .12s,transform .12s;display:grid}.aYQbCq_memberRow:hover,.aYQbCq_memberRow[data-activity=working]{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 6%, var(--dsw-alias-bg-module))}.aYQbCq_memberRow:active{transform:scale(.995)}.aYQbCq_memberAvatar{width:34px;height:34px}.aYQbCq_memberAvatar[data-unread=true]:after{border:1px solid var(--dsw-alias-state-business-primary);content:\"\";border-radius:50%;animation:1.5s ease-out infinite aYQbCq_agentTeamsRing;position:absolute;inset:-3px}@keyframes aYQbCq_agentTeamsRing{0%{opacity:.82;transform:scale(.94)}75%,to{opacity:0;transform:scale(1.18)}}.aYQbCq_memberInitial{color:var(--dsw-alias-label-on-fill);justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.aYQbCq_stateArt{box-sizing:border-box;border:2px solid var(--dsw-alias-bg-module);object-fit:cover;background:#0b1d33;border-radius:50%;width:19px;height:19px;position:absolute;bottom:-4px;right:-4px}.aYQbCq_stateArt[data-activity=working]{animation:2.4s ease-in-out infinite aYQbCq_agentTeamsFloat}.aYQbCq_stateArt[data-activity=idle]{animation:4.2s ease-in-out infinite aYQbCq_agentTeamsBreathe}.aYQbCq_stateArt[data-activity=unknown]{animation:2.8s ease-in-out infinite aYQbCq_agentTeamsThink}@keyframes aYQbCq_agentTeamsFloat{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-2px)rotate(4deg)}}@keyframes aYQbCq_agentTeamsBreathe{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes aYQbCq_agentTeamsThink{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.aYQbCq_memberState{margin-left:auto}.aYQbCq_memberCount{color:var(--dsw-alias-label-tertiary);font-size:10.5px;line-height:16px}.aYQbCq_assignmentLine{align-items:center;gap:7px;min-width:0;padding:0 6px 0 52px;display:flex}.aYQbCq_assignmentLabel{color:var(--dsw-alias-label-tertiary);flex:none;font-size:9.5px;line-height:14px}.aYQbCq_assignmentTasks{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.aYQbCq_assignmentChip{background:var(--dsw-alias-bg-fill-neutral);min-height:16px;color:var(--dsw-alias-label-secondary);border-radius:4px;align-items:center;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:600;line-height:14px;display:inline-flex}.aYQbCq_assignmentChip[data-state=running]{background:var(--dsw-alias-bg-fill-business);color:var(--dsw-alias-label-on-fill)}.aYQbCq_assignmentChip[data-state=completed]{background:var(--dsw-alias-bg-fill-success);color:var(--dsw-alias-label-on-fill)}.aYQbCq_assignmentChip[data-state=blocked]{background:var(--dsw-alias-bg-fill-warning);color:var(--dsw-alias-label-on-fill)}.aYQbCq_assignmentChip[data-state=failed]{background:var(--dsw-alias-bg-fill-danger);color:var(--dsw-alias-label-on-fill)}.aYQbCq_assignmentChip[data-state=cancelled]{color:var(--dsw-alias-label-tertiary);text-decoration:line-through}.aYQbCq_unreadPill{color:var(--dsw-alias-state-business-primary);white-space:nowrap;flex:none;font-size:9.5px;font-weight:600;line-height:14px}.aYQbCq_taskEmpty{color:var(--dsw-alias-label-tertiary);font-size:9.5px;line-height:14px}.aYQbCq_dependencySection{border-top:1px solid var(--dsw-alias-line-normal);flex-direction:column;gap:7px;min-width:0;padding-top:10px;display:flex}.aYQbCq_sectionToggleTitle{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.aYQbCq_dagViewport{scrollbar-width:thin;min-width:0;padding:2px 0 4px;overflow-x:auto}.aYQbCq_dagCanvas{min-width:100%;position:relative}.aYQbCq_dagCanvas[data-layout=parallel]{flex-wrap:wrap;gap:8px;display:flex}.aYQbCq_dagCanvas[data-layout=parallel] .aYQbCq_dagNode{flex:92px;min-width:92px;position:relative}.aYQbCq_dagEdges{pointer-events:none;position:absolute;inset:0;overflow:visible}.aYQbCq_dagEdges path{fill:none;stroke:var(--dsw-alias-line-strong);stroke-width:1px;transition:opacity .14s,stroke .14s,stroke-width .14s}.aYQbCq_dagEdges path[data-active=true]{stroke:var(--dsw-alias-state-business-primary);stroke-width:1.6px}.aYQbCq_dagEdges path[data-dimmed=true]{opacity:.24}.aYQbCq_dagNode{box-sizing:border-box;border:1px solid var(--dsw-alias-line-normal);background:var(--dsw-alias-bg-module);color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;gap:1px;padding:0 6px;transition:border-color .14s,background-color .14s,opacity .14s;display:flex;position:absolute}.aYQbCq_dagNode:hover,.aYQbCq_dagNode[data-focused=true]{border-color:var(--dsw-alias-state-business-primary);background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 6%, var(--dsw-alias-bg-module))}.aYQbCq_dagNode[data-dimmed=true]{opacity:.3}.aYQbCq_dagNode[data-state=running][data-dimmed=true]{opacity:.58}.aYQbCq_dagNode[data-state=completed]{border-color:color-mix(in srgb, var(--dsw-alias-state-success) 48%, var(--dsw-alias-line-normal))}.aYQbCq_dagNode[data-state=blocked]{border-color:color-mix(in srgb, var(--dsw-alias-state-warning) 52%, var(--dsw-alias-line-normal))}.aYQbCq_dagNode[data-state=failed]{border-color:color-mix(in srgb, var(--dsw-alias-state-danger) 56%, var(--dsw-alias-line-normal))}.aYQbCq_dagNodeHead{color:var(--dsw-alias-label-primary);align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:700;display:flex}.aYQbCq_dagNodeDot{background:var(--dsw-alias-line-strong);border-radius:1.5px;flex:none;width:5px;height:5px}.aYQbCq_dagNode[data-state=running] .aYQbCq_dagNodeDot{background:var(--dsw-alias-state-business-primary)}.aYQbCq_dagNode[data-state=running] .aYQbCq_dagNodeHead{padding-right:12px}.aYQbCq_dagRunningState{width:9px;height:9px;color:var(--dsw-alias-state-business-primary);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:4px;right:5px}.aYQbCq_dagRunningState .aYQbCq_workGlyph{width:9px;height:9px}.aYQbCq_dagNode[data-state=blocked] .aYQbCq_dagNodeDot{background:var(--dsw-alias-state-warning)}.aYQbCq_dagNode[data-state=completed] .aYQbCq_dagNodeDot{background:var(--dsw-alias-state-success)}.aYQbCq_dagNode[data-state=failed] .aYQbCq_dagNodeDot{background:var(--dsw-alias-state-danger)}.aYQbCq_dagNodeLabel{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;line-height:11px;overflow:hidden}.aYQbCq_taskDetail{border:1px solid var(--dsw-alias-line-normal);background:var(--dsw-alias-bg-module-platform);border-radius:9px;flex-direction:column;gap:3px;min-width:0;padding:7px 9px;display:flex}.aYQbCq_taskDetailHead{align-items:center;gap:6px;min-width:0;display:flex}.aYQbCq_taskDetailId{color:var(--dsw-alias-state-business-primary);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.aYQbCq_taskDetailSubject{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:16px;overflow:hidden}.aYQbCq_taskDetailBadge{background:var(--dsw-alias-bg-fill-neutral);color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 5px;font-size:8.5px;font-weight:600;line-height:14px}.aYQbCq_taskDetailBadge[data-state=running]{background:var(--dsw-alias-bg-fill-business);color:var(--dsw-alias-label-on-fill)}.aYQbCq_taskDetailBadge[data-state=blocked]{background:var(--dsw-alias-bg-fill-warning);color:var(--dsw-alias-label-on-fill)}.aYQbCq_taskDetailBadge[data-state=completed]{background:var(--dsw-alias-bg-fill-success);color:var(--dsw-alias-label-on-fill)}.aYQbCq_taskDetailBadge[data-state=failed]{background:var(--dsw-alias-bg-fill-danger);color:var(--dsw-alias-label-on-fill)}.aYQbCq_taskDetailLine,.aYQbCq_taskDetailMeta{color:var(--dsw-alias-label-secondary);font-size:9.5px;line-height:14px}.aYQbCq_taskDetailMeta{color:var(--dsw-alias-label-tertiary)}.aYQbCq_emptyHint{color:var(--dsw-alias-label-tertiary);padding:10px 12px;font-size:11px;line-height:16px}.aYQbCq_historicPill{background:var(--dsw-alias-bg-fill-neutral);color:var(--dsw-alias-label-tertiary);border-radius:4px;flex:none;margin-left:auto;padding:1px 7px;font-size:9.5px;font-weight:600;line-height:15px}.aYQbCq_members{flex-direction:column;gap:3px;display:flex}.aYQbCq_archivedWrap:before{color:var(--dsw-alias-label-tertiary);content:\"已结束 · 历史归档\";padding:5px 14px 0;font-size:9.5px;font-weight:600;line-height:14px;display:block}@media (prefers-reduced-motion:reduce){[data-phase=active],.aYQbCq_panel,.aYQbCq_badge,.aYQbCq_badgeDot,.aYQbCq_panelDot,.aYQbCq_workGlyph rect,.aYQbCq_stateArt,.aYQbCq_memberAvatar[data-unread=true]:after{transition:none;animation:none}}@media (width<=960px){html{--agent-teams-main-shift:0px}html[data-agent-teams-panel-open] [data-phase=active]{padding-right:0}}@media (width<=640px){html{--agent-teams-panel-right:calc(10px + var(--dsh-sidebar-width,0px));--agent-teams-panel-top:56px;--agent-teams-panel-bottom-gap:56px}.aYQbCq_panel{width:auto;left:10px}.aYQbCq_teamStats span[data-stat=messages]{display:none}.aYQbCq_captainNode{grid-template-columns:38px minmax(0,1fr)}.aYQbCq_captainState{display:none}.aYQbCq_delegationTree{margin-left:12px;padding-left:15px}.aYQbCq_memberBranch{width:15px}.aYQbCq_assignmentLine{padding-left:45px}}";
+		const css = "html{--agent-teams-panel-shift:420px}html[data-agent-teams-panel-open] [data-phase=active]{box-sizing:border-box;padding-right:var(--agent-teams-panel-shift)}.aYQbCq_badge,.aYQbCq_panel{--dsw-alias-line-normal:var(--dsw-static-neutral-bluish-150,#e7e9ee);--dsw-alias-line-strong:color-mix(in srgb, var(--dsw-static-neutral-bluish-200,#e1e5ee) 50%, var(--dsw-static-neutral-bluish-300,#cfd3d6));--dsw-alias-bg-module:var(--dsw-alias-bg-layer-1,#fff);--dsw-alias-bg-fill-neutral:var(--dsw-static-neutral-bluish-100,#eef0f4);--dsw-alias-bg-fill-business:var(--dsw-alias-state-business-primary,#4d6bfe);--dsw-alias-bg-fill-success:var(--dsw-alias-state-success-primary,#12a150);--dsw-alias-bg-fill-warning:var(--dsw-alias-state-warn-primary,#e08700);--dsw-alias-bg-fill-danger:var(--dsw-alias-state-error-primary,#e5484d);--dsw-alias-state-success:var(--dsw-alias-state-success-primary,#12a150);--dsw-alias-state-warning:var(--dsw-alias-state-warn-primary,#e08700);--dsw-alias-state-danger:var(--dsw-alias-state-error-primary,#e5484d);--dsw-alias-label-on-fill:var(--dsw-alias-label-primary-inverted,#fff)}.aYQbCq_badge{box-sizing:border-box;border:1px solid var(--dsw-alias-line-normal);background:color-mix(in srgb, var(--dsw-alias-bg-module-platform) 92%, transparent);backdrop-filter:blur(16px);height:34px;box-shadow:0 8px 28px color-mix(in srgb, var(--dsw-alias-label-primary) 14%, transparent);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:600;line-height:20px;transition:border-color .15s,transform .12s;display:inline-flex;position:absolute;top:64px;right:18px}.aYQbCq_badge:hover{border-color:var(--dsw-alias-line-strong);transform:translateY(-1px)}.aYQbCq_badge:active{transform:translateY(0)scale(.98)}.aYQbCq_badge:focus-visible,.aYQbCq_iconButton:focus-visible,.aYQbCq_memberRow:focus-visible,.aYQbCq_membersToggle:focus-visible,.aYQbCq_sectionToggleTitle:focus-visible,.aYQbCq_dagNode:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.aYQbCq_badgeDot,.aYQbCq_panelDot{background:var(--dsw-alias-label-tertiary);border-radius:50%;width:7px;height:7px}.aYQbCq_badgeDot[data-busy=true],.aYQbCq_panelDot[data-busy=true]{background:var(--dsw-alias-state-business-primary);animation:1.25s ease-in-out infinite aYQbCq_agentTeamsPulse}.aYQbCq_badgeCount,.aYQbCq_memberCount,.aYQbCq_teamStats,.aYQbCq_stageLabel,.aYQbCq_taskId{font-variant-numeric:tabular-nums}.aYQbCq_panel{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--dsw-alias-line-strong) 58%, transparent);background:color-mix(in srgb, var(--dsw-alias-bg-module) 95%, transparent);backdrop-filter:blur(20px)saturate(1.08);box-shadow:0 12px 32px color-mix(in srgb, var(--dsw-alias-label-primary) 12%, transparent), 0 32px 72px color-mix(in srgb, var(--dsw-alias-label-primary) 16%, transparent);will-change:transform;border-radius:16px;flex-direction:column;animation:.16s ease-out aYQbCq_agentTeamsPanelIn;display:flex;position:absolute;top:0;left:0;overflow:hidden}.aYQbCq_panel[data-dragging],.aYQbCq_panel[data-resizing]{user-select:none;box-shadow:0 16px 38px color-mix(in srgb, var(--dsw-alias-label-primary) 14%, transparent), 0 36px 78px color-mix(in srgb, var(--dsw-alias-label-primary) 18%, transparent)}@keyframes aYQbCq_agentTeamsPanelIn{0%{opacity:0}to{opacity:1}}@keyframes aYQbCq_agentTeamsPulse{0%,to{opacity:.42}50%{opacity:1}}.aYQbCq_panelHead{border-bottom:1px solid var(--dsw-alias-line-normal);cursor:grab;touch-action:none;flex:none;justify-content:space-between;align-items:center;min-height:44px;padding:0 14px 0 16px;display:flex}.aYQbCq_panelHead:active,.aYQbCq_panel[data-dragging] .aYQbCq_panelHead{cursor:grabbing}.aYQbCq_panel[data-compact] .aYQbCq_panelHead{cursor:default;touch-action:auto}.aYQbCq_panelTitle{color:var(--dsw-alias-label-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.aYQbCq_panelControls{flex:none;align-items:center;gap:2px;display:inline-flex}.aYQbCq_iconButton{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background-color .12s,color .12s,transform .12s;display:inline-flex}.aYQbCq_iconButton:hover{background:var(--dsw-alias-bg-fill-neutral);color:var(--dsw-alias-label-primary)}.aYQbCq_iconButton:active{transform:scale(.94)}.aYQbCq_iconButton[data-control=dock][data-mode=docked] svg{transform:scaleX(-1)}.aYQbCq_resizeHandle{z-index:1;touch-action:none;position:absolute}.aYQbCq_resizeHandle[data-resize-edge=left]{cursor:ew-resize;width:8px;top:44px;bottom:8px;left:0}.aYQbCq_resizeHandle[data-resize-edge=bottom]{cursor:ns-resize;height:8px;bottom:0;left:12px;right:12px}.aYQbCq_resizeHandle[data-resize-edge=corner]{cursor:nwse-resize;width:18px;height:18px;bottom:0;right:0}.aYQbCq_resizeHandle[data-resize-edge=corner]:after{border-right:1px solid var(--dsw-alias-label-tertiary);border-bottom:1px solid var(--dsw-alias-label-tertiary);content:\"\";opacity:.52;width:7px;height:7px;position:absolute;bottom:4px;right:4px}.aYQbCq_teams{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--dsw-alias-label-tertiary) 28%, transparent) transparent;scrollbar-width:thin;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.aYQbCq_teams::-webkit-scrollbar{width:6px}.aYQbCq_teams::-webkit-scrollbar-track{background:0 0}.aYQbCq_teams::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--dsw-alias-label-tertiary) 28%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.aYQbCq_teams:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--dsw-alias-label-tertiary) 44%, transparent);background-clip:padding-box}.aYQbCq_team{border-bottom:1px solid var(--dsw-alias-line-normal);flex-direction:column;gap:12px;padding:12px 14px 16px;display:flex}.aYQbCq_team:last-child{border-bottom:0}.aYQbCq_teamHead{align-items:center;gap:10px;min-width:0;display:flex}.aYQbCq_teamName{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;line-height:18px;overflow:hidden}.aYQbCq_teamStats{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;gap:8px;font-size:10.5px;line-height:16px;display:inline-flex}.aYQbCq_sectionHead{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.aYQbCq_sectionTitle{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.aYQbCq_sectionHint{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:14px;overflow:hidden}.aYQbCq_delegationSection{min-width:0}.aYQbCq_captainNode{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 32%, var(--dsw-alias-line-normal));background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 7%, var(--dsw-alias-bg-module));border-radius:10px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:56px;padding:6px 10px;display:grid}.aYQbCq_captainAvatar,.aYQbCq_memberAvatar{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.aYQbCq_captainAvatar{width:46px;height:46px}.aYQbCq_leadAvatar,.aYQbCq_memberArt{object-fit:contain;filter:drop-shadow(0 1px 1px #122d4833);background:0 0;border:0;border-radius:0}.aYQbCq_leadAvatar{width:44px;height:44px}.aYQbCq_memberArt{width:40px;height:40px}.aYQbCq_captainInfo,.aYQbCq_memberInfo{flex-direction:column;min-width:0;display:flex}.aYQbCq_captainInfo{gap:2px}.aYQbCq_captainLine,.aYQbCq_memberLine{align-items:center;gap:6px;min-width:0;display:flex}.aYQbCq_captainName,.aYQbCq_memberName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;line-height:18px;overflow:hidden}.aYQbCq_captainRole,.aYQbCq_memberRole{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:14px;overflow:hidden}.aYQbCq_captainSummary,.aYQbCq_memberStatusLine{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:15px;overflow:hidden}.aYQbCq_captainState,.aYQbCq_memberState{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:10px;font-weight:500;line-height:15px;display:inline-flex}.aYQbCq_captainState[data-busy=true],.aYQbCq_memberState[data-activity=working]{color:var(--dsw-alias-state-business-primary)}.aYQbCq_workGlyph rect{opacity:.5}.aYQbCq_workGlyph[data-active=true] rect{animation:1.1s ease-in-out infinite aYQbCq_agentTeamsDot}@keyframes aYQbCq_agentTeamsDot{0%,to{opacity:.25}50%{opacity:1}}.aYQbCq_progressOverview{flex-direction:column;gap:7px;display:flex}.aYQbCq_progressTitle{color:var(--dsw-alias-label-secondary);font-size:11px;font-weight:600;line-height:16px}.aYQbCq_progressSegments{gap:3px;display:flex}.aYQbCq_progressSegments>span,.aYQbCq_progressEmpty{background:var(--dsw-alias-line-strong);border-radius:2px;flex:1;height:5px}.aYQbCq_progressEmpty{width:100%;display:block}.aYQbCq_progressSegments>span[data-state=running]{background:var(--dsw-alias-state-business-primary)}.aYQbCq_progressSegments>span[data-state=blocked]{background:var(--dsw-alias-state-warning)}.aYQbCq_progressSegments>span[data-state=completed]{background:var(--dsw-alias-state-success)}.aYQbCq_progressSegments>span[data-state=failed]{background:var(--dsw-alias-state-danger)}.aYQbCq_progressSegments>span[data-state=cancelled]{opacity:.55}.aYQbCq_progressLegend{color:var(--dsw-alias-label-tertiary);gap:10px;font-size:9.5px;line-height:14px;display:flex}.aYQbCq_progressLegend>span[data-state=running]{color:var(--dsw-alias-state-business-primary)}.aYQbCq_progressLegend>span[data-state=blocked]{color:var(--dsw-alias-state-warning)}.aYQbCq_progressLegend>span[data-state=completed]{color:var(--dsw-alias-state-success)}.aYQbCq_progressSummary{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 7%, var(--dsw-alias-bg-module));min-width:0;color:var(--dsw-alias-label-secondary);border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:600;line-height:15px;display:flex}.aYQbCq_progressSummary[data-state=warning]{background:color-mix(in srgb, var(--dsw-alias-state-warning) 8%, var(--dsw-alias-bg-module))}.aYQbCq_progressSummary[data-state=completed]{background:color-mix(in srgb, var(--dsw-alias-state-success) 8%, var(--dsw-alias-bg-module))}.aYQbCq_progressSummary>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aYQbCq_progressSummaryDot{background:var(--dsw-alias-state-business-primary);border-radius:50%;flex:none;width:5px;height:5px}.aYQbCq_progressSummary[data-state=warning] .aYQbCq_progressSummaryDot{background:var(--dsw-alias-state-warning)}.aYQbCq_progressSummary[data-state=completed] .aYQbCq_progressSummaryDot{background:var(--dsw-alias-state-success)}.aYQbCq_membersToggle{background:var(--dsw-alias-bg-module-platform);width:100%;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:10.5px;font-weight:600;line-height:15px;display:flex}.aYQbCq_membersToggle:hover{background:var(--dsw-alias-bg-fill-neutral)}.aYQbCq_membersToggle>span{align-items:center;gap:5px;display:inline-flex}.aYQbCq_membersToggle>span:last-child{color:var(--dsw-alias-state-business-primary)}.aYQbCq_chevron{flex:none;transition:transform .14s}.aYQbCq_chevron[data-open=true]{transform:rotate(90deg)}.aYQbCq_delegationTree{flex-direction:column;gap:2px;margin-left:18px;padding:9px 0 0 20px;display:flex;position:relative}.aYQbCq_delegationTree:before{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 48%, var(--dsw-alias-line-normal));content:\"\";width:1px;position:absolute;top:0;bottom:22px;left:0}.aYQbCq_memberBlock{flex-direction:column;min-width:0;padding:3px 0 7px;display:flex;position:relative}.aYQbCq_memberBranch{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 48%, var(--dsw-alias-line-normal));width:20px;height:1px;display:block;position:absolute;top:27px;right:100%}.aYQbCq_memberBranch:before{background:var(--dsw-alias-state-business-primary);content:\"\";border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-1px}.aYQbCq_memberRow{box-sizing:border-box;width:100%;min-width:0;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;transition:background-color .12s,transform .12s;display:grid}.aYQbCq_memberRow:hover,.aYQbCq_memberRow[data-activity=working]{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 6%, var(--dsw-alias-bg-module))}.aYQbCq_memberRow:active{transform:scale(.995)}.aYQbCq_memberAvatar{width:42px;height:42px}.aYQbCq_memberAvatar[data-unread=true]:after{box-sizing:border-box;border:1px solid var(--dsw-alias-bg-module);background:var(--dsw-alias-state-business-primary);content:\"\";border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite aYQbCq_agentTeamsUnreadPulse;position:absolute;top:0;right:-1px}@keyframes aYQbCq_agentTeamsUnreadPulse{0%,to{opacity:.78;transform:scale(.92)}50%{opacity:1;transform:scale(1.16)}}.aYQbCq_memberInitial{background:var(--dsw-alias-bg-fill-business);width:34px;height:34px;color:var(--dsw-alias-label-on-fill);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.aYQbCq_stateArt{box-sizing:border-box;object-fit:contain;width:22px;height:22px;filter:drop-shadow(0 0 1px var(--dsw-alias-bg-module)) drop-shadow(0 1px 1px #122d483d);background:0 0;border:0;border-radius:0;position:absolute;bottom:-3px;right:-5px}.aYQbCq_stateArt[data-activity=working]{animation:2.4s ease-in-out infinite aYQbCq_agentTeamsFloat}.aYQbCq_stateArt[data-activity=idle]{animation:4.2s ease-in-out infinite aYQbCq_agentTeamsBreathe}.aYQbCq_stateArt[data-activity=unknown]{animation:2.8s ease-in-out infinite aYQbCq_agentTeamsThink}@keyframes aYQbCq_agentTeamsFloat{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-2px)rotate(4deg)}}@keyframes aYQbCq_agentTeamsBreathe{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes aYQbCq_agentTeamsThink{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.aYQbCq_memberState{margin-left:auto}.aYQbCq_memberCount{color:var(--dsw-alias-label-tertiary);font-size:10.5px;line-height:16px}.aYQbCq_assignmentLine{align-items:center;gap:7px;min-width:0;padding:0 6px 0 60px;display:flex}.aYQbCq_assignmentLabel{color:var(--dsw-alias-label-tertiary);flex:none;font-size:9.5px;line-height:14px}.aYQbCq_assignmentTasks{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.aYQbCq_assignmentChip{background:var(--dsw-alias-bg-fill-neutral);min-height:16px;color:var(--dsw-alias-label-secondary);border-radius:4px;align-items:center;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:600;line-height:14px;display:inline-flex}.aYQbCq_assignmentChip[data-state=running]{background:var(--dsw-alias-bg-fill-business);color:var(--dsw-alias-label-on-fill)}.aYQbCq_assignmentChip[data-state=completed]{background:var(--dsw-alias-bg-fill-success);color:var(--dsw-alias-label-on-fill)}.aYQbCq_assignmentChip[data-state=blocked]{background:var(--dsw-alias-bg-fill-warning);color:var(--dsw-alias-label-on-fill)}.aYQbCq_assignmentChip[data-state=failed]{background:var(--dsw-alias-bg-fill-danger);color:var(--dsw-alias-label-on-fill)}.aYQbCq_assignmentChip[data-state=cancelled]{color:var(--dsw-alias-label-tertiary);text-decoration:line-through}.aYQbCq_unreadPill{color:var(--dsw-alias-state-business-primary);white-space:nowrap;flex:none;font-size:9.5px;font-weight:600;line-height:14px}.aYQbCq_taskEmpty{color:var(--dsw-alias-label-tertiary);font-size:9.5px;line-height:14px}.aYQbCq_dependencySection{border-top:1px solid var(--dsw-alias-line-normal);flex-direction:column;gap:7px;min-width:0;padding-top:10px;display:flex}.aYQbCq_sectionToggleTitle{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.aYQbCq_dagViewport{scrollbar-width:thin;min-width:0;padding:2px 0 4px;overflow-x:auto}.aYQbCq_dagCanvas{min-width:100%;position:relative}.aYQbCq_dagCanvas[data-layout=parallel]{flex-wrap:wrap;gap:8px;display:flex}.aYQbCq_dagCanvas[data-layout=parallel] .aYQbCq_dagNode{flex:92px;min-width:92px;position:relative}.aYQbCq_dagEdges{pointer-events:none;position:absolute;inset:0;overflow:visible}.aYQbCq_dagEdges path{fill:none;stroke:var(--dsw-alias-line-strong);stroke-width:1px;transition:opacity .14s,stroke .14s,stroke-width .14s}.aYQbCq_dagEdges path[data-active=true]{stroke:var(--dsw-alias-state-business-primary);stroke-width:1.6px}.aYQbCq_dagEdges path[data-dimmed=true]{opacity:.24}.aYQbCq_dagNode{box-sizing:border-box;border:1px solid var(--dsw-alias-line-normal);background:var(--dsw-alias-bg-module);color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;gap:1px;padding:0 6px;transition:border-color .14s,background-color .14s,opacity .14s;display:flex;position:absolute}.aYQbCq_dagNode:hover,.aYQbCq_dagNode[data-focused=true]{border-color:var(--dsw-alias-state-business-primary);background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 6%, var(--dsw-alias-bg-module))}.aYQbCq_dagNode[data-dimmed=true]{opacity:.3}.aYQbCq_dagNode[data-state=running][data-dimmed=true]{opacity:.58}.aYQbCq_dagNode[data-state=completed]{border-color:color-mix(in srgb, var(--dsw-alias-state-success) 48%, var(--dsw-alias-line-normal))}.aYQbCq_dagNode[data-state=blocked]{border-color:color-mix(in srgb, var(--dsw-alias-state-warning) 52%, var(--dsw-alias-line-normal))}.aYQbCq_dagNode[data-state=failed]{border-color:color-mix(in srgb, var(--dsw-alias-state-danger) 56%, var(--dsw-alias-line-normal))}.aYQbCq_dagNodeHead{color:var(--dsw-alias-label-primary);align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:700;display:flex}.aYQbCq_dagNodeDot{background:var(--dsw-alias-line-strong);border-radius:1.5px;flex:none;width:5px;height:5px}.aYQbCq_dagNode[data-state=running] .aYQbCq_dagNodeDot{background:var(--dsw-alias-state-business-primary)}.aYQbCq_dagNode[data-state=running] .aYQbCq_dagNodeHead{padding-right:12px}.aYQbCq_dagRunningState{width:9px;height:9px;color:var(--dsw-alias-state-business-primary);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:4px;right:5px}.aYQbCq_dagRunningState .aYQbCq_workGlyph{width:9px;height:9px}.aYQbCq_dagNode[data-state=blocked] .aYQbCq_dagNodeDot{background:var(--dsw-alias-state-warning)}.aYQbCq_dagNode[data-state=completed] .aYQbCq_dagNodeDot{background:var(--dsw-alias-state-success)}.aYQbCq_dagNode[data-state=failed] .aYQbCq_dagNodeDot{background:var(--dsw-alias-state-danger)}.aYQbCq_dagNodeLabel{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;line-height:11px;overflow:hidden}.aYQbCq_taskDetail{border:1px solid var(--dsw-alias-line-normal);background:var(--dsw-alias-bg-module-platform);border-radius:9px;flex-direction:column;gap:3px;min-width:0;padding:7px 9px;display:flex}.aYQbCq_taskDetailHead{align-items:center;gap:6px;min-width:0;display:flex}.aYQbCq_taskDetailId{color:var(--dsw-alias-state-business-primary);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.aYQbCq_taskDetailSubject{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:16px;overflow:hidden}.aYQbCq_taskDetailBadge{background:var(--dsw-alias-bg-fill-neutral);color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 5px;font-size:8.5px;font-weight:600;line-height:14px}.aYQbCq_taskDetailBadge[data-state=running]{background:var(--dsw-alias-bg-fill-business);color:var(--dsw-alias-label-on-fill)}.aYQbCq_taskDetailBadge[data-state=blocked]{background:var(--dsw-alias-bg-fill-warning);color:var(--dsw-alias-label-on-fill)}.aYQbCq_taskDetailBadge[data-state=completed]{background:var(--dsw-alias-bg-fill-success);color:var(--dsw-alias-label-on-fill)}.aYQbCq_taskDetailBadge[data-state=failed]{background:var(--dsw-alias-bg-fill-danger);color:var(--dsw-alias-label-on-fill)}.aYQbCq_taskDetailLine,.aYQbCq_taskDetailMeta{color:var(--dsw-alias-label-secondary);font-size:9.5px;line-height:14px}.aYQbCq_taskDetailMeta{color:var(--dsw-alias-label-tertiary)}.aYQbCq_emptyHint{color:var(--dsw-alias-label-tertiary);padding:10px 12px;font-size:11px;line-height:16px}.aYQbCq_historicPill{background:var(--dsw-alias-bg-fill-neutral);color:var(--dsw-alias-label-tertiary);border-radius:4px;flex:none;margin-left:auto;padding:1px 7px;font-size:9.5px;font-weight:600;line-height:15px}.aYQbCq_members{flex-direction:column;gap:3px;display:flex}.aYQbCq_archivedWrap:before{color:var(--dsw-alias-label-tertiary);content:\"已结束 · 历史归档\";padding:5px 14px 0;font-size:9.5px;font-weight:600;line-height:14px;display:block}@media (prefers-reduced-motion:reduce){.aYQbCq_panel,.aYQbCq_badge,.aYQbCq_badgeDot,.aYQbCq_panelDot,.aYQbCq_workGlyph rect,.aYQbCq_stateArt,.aYQbCq_memberAvatar[data-unread=true]:after{transition:none;animation:none}}@media (width<=960px){html[data-agent-teams-panel-open] [data-phase=active]{padding-right:0}}@media (width<=640px){.aYQbCq_badge{top:56px;right:10px}.aYQbCq_teamStats span[data-stat=messages]{display:none}.aYQbCq_captainNode{grid-template-columns:48px minmax(0,1fr)}.aYQbCq_captainState{display:none}.aYQbCq_delegationTree{margin-left:12px;padding-left:15px}.aYQbCq_memberBranch{width:15px}.aYQbCq_assignmentLine{padding-left:53px}}";
 		const tagId = "@nanmicoder/dsh-agent-teams/ActivityPanel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -499,8 +652,8 @@ window.__ModuleLoader__.load({
 			"agentTeamsFloat": "aYQbCq_agentTeamsFloat",
 			"agentTeamsPanelIn": "aYQbCq_agentTeamsPanelIn",
 			"agentTeamsPulse": "aYQbCq_agentTeamsPulse",
-			"agentTeamsRing": "aYQbCq_agentTeamsRing",
 			"agentTeamsThink": "aYQbCq_agentTeamsThink",
+			"agentTeamsUnreadPulse": "aYQbCq_agentTeamsUnreadPulse",
 			"archivedWrap": "aYQbCq_archivedWrap",
 			"assignmentChip": "aYQbCq_assignmentChip",
 			"assignmentLabel": "aYQbCq_assignmentLabel",
@@ -518,7 +671,6 @@ window.__ModuleLoader__.load({
 			"captainState": "aYQbCq_captainState",
 			"captainSummary": "aYQbCq_captainSummary",
 			"chevron": "aYQbCq_chevron",
-			"closeButton": "aYQbCq_closeButton",
 			"dagCanvas": "aYQbCq_dagCanvas",
 			"dagEdges": "aYQbCq_dagEdges",
 			"dagNode": "aYQbCq_dagNode",
@@ -532,6 +684,7 @@ window.__ModuleLoader__.load({
 			"dependencySection": "aYQbCq_dependencySection",
 			"emptyHint": "aYQbCq_emptyHint",
 			"historicPill": "aYQbCq_historicPill",
+			"iconButton": "aYQbCq_iconButton",
 			"leadAvatar": "aYQbCq_leadAvatar",
 			"memberArt": "aYQbCq_memberArt",
 			"memberAvatar": "aYQbCq_memberAvatar",
@@ -549,6 +702,7 @@ window.__ModuleLoader__.load({
 			"members": "aYQbCq_members",
 			"membersToggle": "aYQbCq_membersToggle",
 			"panel": "aYQbCq_panel",
+			"panelControls": "aYQbCq_panelControls",
 			"panelDot": "aYQbCq_panelDot",
 			"panelHead": "aYQbCq_panelHead",
 			"panelTitle": "aYQbCq_panelTitle",
@@ -559,6 +713,7 @@ window.__ModuleLoader__.load({
 			"progressSummary": "aYQbCq_progressSummary",
 			"progressSummaryDot": "aYQbCq_progressSummaryDot",
 			"progressTitle": "aYQbCq_progressTitle",
+			"resizeHandle": "aYQbCq_resizeHandle",
 			"sectionHead": "aYQbCq_sectionHead",
 			"sectionHint": "aYQbCq_sectionHint",
 			"sectionTitle": "aYQbCq_sectionTitle",
@@ -587,17 +742,19 @@ window.__ModuleLoader__.load({
 		/**
 		* AgentTeams activity panel: the top-right floater monitoring every team.
 		*
-		* Modeled on the Claude Code desktop SessionActivityPanel: a fixed glass
-		* panel at the top-right corner. On wide viewports it cooperatively makes the
-		* conversation column yield space; narrow viewports keep overlay mode. It
+		* Modeled on the Claude Code desktop SessionActivityPanel: a shell-overlay
+		* panel that docks at the conversation's top-right edge by default, can be
+		* dragged into a floating window, resized, and folded into an activity badge.
+		* On wide viewports the docked panel makes the conversation column yield
+		* space; narrow viewports keep a simple inset overlay. It
 		* polls the host `/plugins/dsh-agent-teams/state` route for
 		* server-side snapshots (durable files + live subagent activity), with a
 		* collapsed badge that auto-expands once when activity appears. Archived
 		* teams stay available for the owning conversation after live work ends.
 		*
-		* The floater mounts through a body portal (no top-right slot exists in the
-		* web shell); it is not a conversation node — the in-conversation panel was
-		* removed in favor of this always-available monitor.
+		* The floater mounts in ui-layout's additive `shell.overlay`; it is not a
+		* conversation node — the in-conversation panel was removed in favor of this
+		* always-available monitor.
 		* @module dsh-agent-teams/client/activity
 		*/
 		/** Grace before the panel collapses once no team remains. */
@@ -608,8 +765,28 @@ window.__ModuleLoader__.load({
 		* right after load. New activity after this window auto-expands as usual.
 		*/
 		const AUTO_OPEN_SETTLE_MS = 4e3;
-		/** Root marker shared with the panel CSS while the portal is expanded. */
+		/** Root marker shared with the panel CSS while the shell overlay is expanded. */
 		const PANEL_OPEN_ATTRIBUTE = "data-agent-teams-panel-open";
+		/** Shared width concession consumed by the conversation root CSS. */
+		const PANEL_SHIFT_PROPERTY = "--agent-teams-panel-shift";
+		const PANEL_CONVERSATION_GAP = 14;
+		const MOVE_THRESHOLD = 4;
+		function initialPanelLayout() {
+			if (typeof window === "undefined") return DEFAULT_PANEL_LAYOUT;
+			return parsePanelLayout(window.localStorage.getItem(PANEL_LAYOUT_STORAGE_KEY));
+		}
+		function initialPanelBounds() {
+			if (typeof window === "undefined") return {
+				width: 1440,
+				height: 900,
+				anchorRight: 1440
+			};
+			return {
+				width: window.innerWidth,
+				height: window.innerHeight,
+				anchorRight: window.innerWidth
+			};
+		}
 		/** Initial-letter fallback for unmatched roles. */
 		function memberInitial(name) {
 			return name.trim().slice(0, 1).toUpperCase() || "?";
@@ -694,6 +871,7 @@ window.__ModuleLoader__.load({
 			return (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
 				className: ActivityPanel_module_css_default.badge,
+				"data-agent-teams-collapsed": true,
 				"data-busy": busy,
 				onClick,
 				"aria-label": `AgentTeams 活动，${count} 个团队`,
@@ -1216,6 +1394,14 @@ window.__ModuleLoader__.load({
 			const [autoOpened, setAutoOpened] = (0, react.useState)(false);
 			const [wasActive, setWasActive] = (0, react.useState)(false);
 			const [historic, setHistoric] = (0, react.useState)(/* @__PURE__ */ new Map());
+			const [layout, setLayout] = (0, react.useState)(initialPanelLayout);
+			const [bounds, setBounds] = (0, react.useState)(initialPanelBounds);
+			const [interaction, setInteraction] = (0, react.useState)(null);
+			const panelRef = (0, react.useRef)(null);
+			const boundsRef = (0, react.useRef)(bounds);
+			const gestureRef = (0, react.useRef)(null);
+			const frameRef = (0, react.useRef)(null);
+			const pendingLayoutRef = (0, react.useRef)(null);
 			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);
@@ -1226,6 +1412,47 @@ window.__ModuleLoader__.load({
 			}, [current]);
 			const mountedAtRef = (0, react.useRef)(performance.now());
 			const expanded = activityPanelExpandedForSession(open, openOwner, current);
+			const geometry = (0, react.useMemo)(() => resolvePanelGeometry(layout, bounds), [layout, bounds]);
+			const compact = compactPanelForBounds(bounds);
+			const commitLayout = (0, react.useCallback)((next) => {
+				setLayout(next);
+			}, []);
+			(0, react.useEffect)(() => {
+				window.localStorage.setItem(PANEL_LAYOUT_STORAGE_KEY, JSON.stringify(layout));
+			}, [layout]);
+			(0, react.useLayoutEffect)(() => {
+				const overlay = document.querySelector("[data-shell-overlay]");
+				if (overlay === null) return;
+				const conversation = document.querySelector("[data-phase='active']");
+				let frame = null;
+				const measure = () => {
+					frame = null;
+					const overlayRect = overlay.getBoundingClientRect();
+					const conversationRect = conversation?.getBoundingClientRect();
+					const next = {
+						width: overlayRect.width,
+						height: overlayRect.height,
+						anchorRight: conversationRect === void 0 ? overlayRect.width : Math.min(Math.max(conversationRect.right - overlayRect.left, 0), overlayRect.width)
+					};
+					const previous = boundsRef.current;
+					if (previous.width === next.width && previous.height === next.height && previous.anchorRight === next.anchorRight) return;
+					boundsRef.current = next;
+					setBounds(next);
+				};
+				const scheduleMeasure = () => {
+					frame ??= requestAnimationFrame(measure);
+				};
+				measure();
+				const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(scheduleMeasure);
+				observer?.observe(overlay);
+				if (conversation !== null) observer?.observe(conversation);
+				window.addEventListener("resize", scheduleMeasure);
+				return () => {
+					if (frame !== null) cancelAnimationFrame(frame);
+					observer?.disconnect();
+					window.removeEventListener("resize", scheduleMeasure);
+				};
+			}, [current]);
 			(0, react.useLayoutEffect)(() => {
 				if (openOwner === void 0 || openOwner === current) return;
 				setOpen(false);
@@ -1235,12 +1462,23 @@ window.__ModuleLoader__.load({
 			}, [current, openOwner]);
 			(0, react.useLayoutEffect)(() => {
 				const root = document.documentElement;
-				if (expanded) root.setAttribute(PANEL_OPEN_ATTRIBUTE, "");
-				else root.removeAttribute(PANEL_OPEN_ATTRIBUTE);
+				if (expanded && geometry.mode === "docked" && !compact) {
+					root.setAttribute(PANEL_OPEN_ATTRIBUTE, "");
+					root.style.setProperty(PANEL_SHIFT_PROPERTY, `${geometry.width + PANEL_CONVERSATION_GAP + 18}px`);
+				} else {
+					root.removeAttribute(PANEL_OPEN_ATTRIBUTE);
+					root.style.removeProperty(PANEL_SHIFT_PROPERTY);
+				}
 				return () => {
 					root.removeAttribute(PANEL_OPEN_ATTRIBUTE);
+					root.style.removeProperty(PANEL_SHIFT_PROPERTY);
 				};
-			}, [expanded]);
+			}, [
+				compact,
+				expanded,
+				geometry.mode,
+				geometry.width
+			]);
 			(0, react.useEffect)(() => {
 				if (currentTargets.length === 0) return;
 				const controller = startActivityPolling(currentTargets);
@@ -1313,7 +1551,114 @@ window.__ModuleLoader__.load({
 				wasActive
 			]);
 			const busy = (0, react.useMemo)(() => visibleTeams.some((team) => team.members.some((member) => member.activity === "working")), [visibleTeams]);
-			if (!(visibleCount > 0) && !expanded) return null;
+			const hasTeams = visibleCount > 0;
+			const panelGeometryForGesture = (0, react.useCallback)(() => {
+				const measuredHeight = panelRef.current?.getBoundingClientRect().height;
+				if (measuredHeight === void 0 || measuredHeight <= 0) return geometry;
+				return {
+					...geometry,
+					height: measuredHeight
+				};
+			}, [geometry]);
+			const flushScheduledLayout = (0, react.useCallback)(() => {
+				if (frameRef.current !== null) {
+					cancelAnimationFrame(frameRef.current);
+					frameRef.current = null;
+				}
+				const pending = pendingLayoutRef.current;
+				pendingLayoutRef.current = null;
+				if (pending !== null) commitLayout(pending);
+			}, [commitLayout]);
+			const scheduleLayout = (0, react.useCallback)((next) => {
+				pendingLayoutRef.current = next;
+				frameRef.current ??= requestAnimationFrame(() => {
+					frameRef.current = null;
+					const pending = pendingLayoutRef.current;
+					pendingLayoutRef.current = null;
+					if (pending !== null) commitLayout(pending);
+				});
+			}, [commitLayout]);
+			(0, react.useEffect)(() => () => {
+				if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);
+			}, []);
+			const beginMove = (0, react.useCallback)((event) => {
+				if (compact || event.button !== 0 || event.target.closest("button") !== null) return;
+				event.preventDefault();
+				event.currentTarget.setPointerCapture(event.pointerId);
+				gestureRef.current = {
+					kind: "move",
+					pointerId: event.pointerId,
+					originX: event.clientX,
+					originY: event.clientY,
+					start: panelGeometryForGesture(),
+					activated: false
+				};
+			}, [compact, panelGeometryForGesture]);
+			const beginResize = (0, react.useCallback)((edge, event) => {
+				if (compact || event.button !== 0 || geometry.mode === "docked" && edge !== "left") return;
+				event.preventDefault();
+				event.stopPropagation();
+				event.currentTarget.setPointerCapture(event.pointerId);
+				gestureRef.current = {
+					kind: "resize",
+					edge,
+					pointerId: event.pointerId,
+					originX: event.clientX,
+					originY: event.clientY,
+					start: panelGeometryForGesture(),
+					activated: true
+				};
+				setInteraction("resizing");
+			}, [
+				compact,
+				geometry.mode,
+				panelGeometryForGesture
+			]);
+			const updateGesture = (0, react.useCallback)((event) => {
+				const gesture = gestureRef.current;
+				if (gesture === null || gesture.pointerId !== event.pointerId || !event.currentTarget.hasPointerCapture(event.pointerId)) return;
+				const dx = event.clientX - gesture.originX;
+				const dy = event.clientY - gesture.originY;
+				const activeBounds = boundsRef.current;
+				if (gesture.kind === "move") {
+					if (!gesture.activated && Math.hypot(dx, dy) < MOVE_THRESHOLD) return;
+					if (!gesture.activated) {
+						gesture.activated = true;
+						setInteraction("dragging");
+					}
+					scheduleLayout(movePanelLayout(floatPanelLayout(gesture.start, activeBounds), dx, dy, activeBounds));
+					return;
+				}
+				scheduleLayout(resizePanelLayout(gesture.start, gesture.edge ?? "left", dx, dy, activeBounds));
+			}, [scheduleLayout]);
+			const endGesture = (0, react.useCallback)((event) => {
+				const gesture = gestureRef.current;
+				if (gesture === null || gesture.pointerId !== event.pointerId) return;
+				updateGesture(event);
+				flushScheduledLayout();
+				if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+				gestureRef.current = null;
+				setInteraction(null);
+			}, [flushScheduledLayout, updateGesture]);
+			const cancelGesture = (0, react.useCallback)((event) => {
+				const gesture = gestureRef.current;
+				if (gesture === null || gesture.pointerId !== event.pointerId) return;
+				flushScheduledLayout();
+				gestureRef.current = null;
+				setInteraction(null);
+			}, [flushScheduledLayout]);
+			const toggleDock = (0, react.useCallback)(() => {
+				const liveGeometry = panelGeometryForGesture();
+				commitLayout(liveGeometry.mode === "docked" ? floatPanelLayout(liveGeometry, boundsRef.current) : dockPanelLayout(liveGeometry, boundsRef.current));
+			}, [commitLayout, panelGeometryForGesture]);
+			const autoHeight = panelUsesAutoHeight(geometry, bounds);
+			const panelStyle = {
+				width: geometry.width,
+				height: autoHeight ? "auto" : geometry.height,
+				maxHeight: panelMaximumHeight(geometry, bounds),
+				transform: `translate3d(${geometry.x}px, ${geometry.y}px, 0)`
+			};
+			if (!hasTeams && !expanded) return null;
 			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!expanded && (0, react_jsx_runtime.jsx)(CollapsedBadge, {
 				count: visibleCount,
 				busy,
@@ -1323,57 +1668,119 @@ window.__ModuleLoader__.load({
 					setOpen(true);
 				}
 			}), expanded && (0, react_jsx_runtime.jsxs)("aside", {
+				ref: panelRef,
 				className: ActivityPanel_module_css_default.panel,
+				style: panelStyle,
 				"data-agent-teams-activity": true,
-				children: [(0, react_jsx_runtime.jsxs)("header", {
-					className: ActivityPanel_module_css_default.panelHead,
-					children: [(0, react_jsx_runtime.jsxs)("span", {
-						className: ActivityPanel_module_css_default.panelTitle,
-						children: ["AgentTeams 活动", (0, react_jsx_runtime.jsx)("span", {
-							className: ActivityPanel_module_css_default.panelDot,
-							"data-busy": busy,
-							"aria-hidden": true
+				"data-panel-mode": geometry.mode,
+				"data-height-mode": autoHeight ? "auto" : "manual",
+				"data-compact": compact || void 0,
+				"data-dragging": interaction === "dragging" || void 0,
+				"data-resizing": interaction === "resizing" || void 0,
+				"aria-label": "AgentTeams 活动面板",
+				children: [
+					(0, react_jsx_runtime.jsxs)("header", {
+						className: ActivityPanel_module_css_default.panelHead,
+						onPointerDown: beginMove,
+						onPointerMove: updateGesture,
+						onPointerUp: endGesture,
+						onPointerCancel: cancelGesture,
+						"data-drag-handle": !compact || void 0,
+						children: [(0, react_jsx_runtime.jsxs)("span", {
+							className: ActivityPanel_module_css_default.panelTitle,
+							children: ["AgentTeams 活动", (0, react_jsx_runtime.jsx)("span", {
+								className: ActivityPanel_module_css_default.panelDot,
+								"data-busy": busy,
+								"aria-hidden": true
+							})]
+						}), (0, react_jsx_runtime.jsxs)("span", {
+							className: ActivityPanel_module_css_default.panelControls,
+							children: [!compact && (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ActivityPanel_module_css_default.iconButton,
+								"data-control": "dock",
+								"data-mode": geometry.mode,
+								onClick: toggleDock,
+								"aria-label": geometry.mode === "docked" ? "切换为浮动面板" : "停靠到右侧",
+								title: geometry.mode === "docked" ? "切换为浮动面板" : "停靠到右侧",
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPanelLeftOutline16, {})
+							}), (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: ActivityPanel_module_css_default.iconButton,
+								"data-control": "collapse",
+								onClick: () => {
+									setOpen(false);
+									setOpenOwner(void 0);
+								},
+								"aria-label": "收起活动面板",
+								title: "收起活动面板",
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})
+							})]
 						})]
-					}), (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: ActivityPanel_module_css_default.closeButton,
-						onClick: () => {
-							setOpen(false);
-							setOpenOwner(void 0);
-						},
-						"aria-label": "关闭",
-						children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, {})
-					})]
-				}), (0, react_jsx_runtime.jsx)("div", {
-					className: ActivityPanel_module_css_default.teams,
-					children: visibleCount === 0 ? (0, react_jsx_runtime.jsx)("span", {
-						className: ActivityPanel_module_css_default.emptyHint,
-						children: "暂无团队活动"
-					}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-						visibleTeams.map((team) => (0, react_jsx_runtime.jsx)(TeamSection, {
-							team,
-							onNavigate: navigateToSession
-						}, team.teamId)),
-						visibleArchived.map((team) => (0, react_jsx_runtime.jsx)("div", {
-							"data-team-id": team.teamId,
-							"data-historic": true,
-							className: ActivityPanel_module_css_default.archivedWrap,
-							children: (0, react_jsx_runtime.jsx)(TeamSection, {
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: ActivityPanel_module_css_default.teams,
+						children: visibleCount === 0 ? (0, react_jsx_runtime.jsx)("span", {
+							className: ActivityPanel_module_css_default.emptyHint,
+							children: "暂无团队活动"
+						}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							visibleTeams.map((team) => (0, react_jsx_runtime.jsx)(TeamSection, {
 								team,
-								onNavigate: navigateToSession,
-								historic: true
+								onNavigate: navigateToSession
+							}, team.teamId)),
+							visibleArchived.map((team) => (0, react_jsx_runtime.jsx)("div", {
+								"data-team-id": team.teamId,
+								"data-historic": true,
+								className: ActivityPanel_module_css_default.archivedWrap,
+								children: (0, react_jsx_runtime.jsx)(TeamSection, {
+									team,
+									onNavigate: navigateToSession,
+									historic: true
+								})
+							}, `${team.captainSessionId}:${team.teamId}`)),
+							visibleHistoric.map(({ data: team, owner }) => {
+								const teamKey = `${owner}:${team.teamId}`;
+								return (0, react_jsx_runtime.jsx)(TeamSection, {
+									team: historicCardTeam(team, owner),
+									onNavigate: navigateToSession,
+									historic: true
+								}, teamKey);
 							})
-						}, `${team.captainSessionId}:${team.teamId}`)),
-						visibleHistoric.map(({ data: team, owner }) => {
-							const teamKey = `${owner}:${team.teamId}`;
-							return (0, react_jsx_runtime.jsx)(TeamSection, {
-								team: historicCardTeam(team, owner),
-								onNavigate: navigateToSession,
-								historic: true
-							}, teamKey);
-						})
-					] })
-				})]
+						] })
+					}),
+					!compact && (0, react_jsx_runtime.jsx)("div", {
+						className: ActivityPanel_module_css_default.resizeHandle,
+						"data-resize-edge": "left",
+						onPointerDown: (event) => {
+							beginResize("left", event);
+						},
+						onPointerMove: updateGesture,
+						onPointerUp: endGesture,
+						onPointerCancel: cancelGesture,
+						"aria-hidden": true
+					}),
+					!compact && geometry.mode === "floating" && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("div", {
+						className: ActivityPanel_module_css_default.resizeHandle,
+						"data-resize-edge": "bottom",
+						onPointerDown: (event) => {
+							beginResize("bottom", event);
+						},
+						onPointerMove: updateGesture,
+						onPointerUp: endGesture,
+						onPointerCancel: cancelGesture,
+						"aria-hidden": true
+					}), (0, react_jsx_runtime.jsx)("div", {
+						className: ActivityPanel_module_css_default.resizeHandle,
+						"data-resize-edge": "corner",
+						onPointerDown: (event) => {
+							beginResize("corner", event);
+						},
+						onPointerMove: updateGesture,
+						onPointerUp: endGesture,
+						onPointerCancel: cancelGesture,
+						"aria-hidden": true
+					})] })
+				]
 			})] });
 		}
 		//#endregion
@@ -1467,27 +1874,32 @@ window.__ModuleLoader__.load({
 			"slots",
 			"sessions"
 		];
+		/** The replayed user message is the canonical transcript entry. */
+		function HiddenAgentTeamsCommand() {
+			return null;
+		}
 		/**
-		* Mount the floater through a body portal (the web shell has no top-right
-		* slot) and register the in-conversation team card, whose "activity panel"
-		* button re-activates the floater via a window event — the recovery path
-		* for a closed floater or a re-opened session.
+		* Register the activity monitor in the shell's additive overlay and the
+		* in-conversation team card. The card's activity button re-opens a folded
+		* monitor via a window event — the recovery path for an old session.
 		*/
 		function apply(ctx) {
-			const host = document.createElement("div");
-			host.dataset.agentTeamsHost = "";
-			document.body.appendChild(host);
-			const root = (0, react_dom_client.createRoot)(host);
-			root.render((0, react_jsx_runtime.jsx)(ActivityPanel, {
+			const Panel = () => (0, react_jsx_runtime.jsx)(ActivityPanel, {
 				sessionsList: ctx.sessions.list,
 				openSession: (id) => {
 					ctx.sessions.open(id);
 				}
-			}));
-			ctx.effect(() => () => {
-				root.unmount();
-				host.remove();
-			}, "agent-teams: activity panel");
+			});
+			ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+				name: "shell.overlay",
+				id: "agent-teams-activity",
+				order: 80,
+				label: "AgentTeams activity"
+			}, Panel));
+			ctx.slots.inject("conversation.chat.commandview", () => ctx.slots.register({
+				name: "conversation.chat.commandview",
+				key: "agent-teams"
+			}, HiddenAgentTeamsCommand));
 			ctx.conversationEvents.register(agentTeamsCardDefinition);
 			ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
 				name: "conversation.chat.node",