bazilion 0.7.0 → 0.9.0

package/dist/web/server/assets/ProductionTeamPolicyEditor-Bke5doyl.js

@@ -0,0 +1,1009 @@
+import { t as Button } from "./Button-Dsnw22OF.js";
+import { a as applyProfileDefaults, c as endpointFromKey, d as hasTeamPolicyEdge, f as isValidTeamPolicyConnection, i as addTeamPolicyEdge, l as endpointKey, n as OUTSIDE_GROUP_ENDPOINT, o as createPresetPolicy, p as removeTeamPolicyEdge, r as USER_ENDPOINT, s as endpointForMember, u as findTeamPolicyMember } from "./team-policy-Csvc5EDd.js";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Bot, Check, CircleAlert, CircleUserRound, Globe2, ListTree, Minus, Plus, Save, ShieldAlert, TableProperties, X } from "lucide-react";
+import { Background, BackgroundVariant, Controls, Handle, MarkerType, MiniMap, Position, ReactFlow, useNodesState } from "@xyflow/react";
+//#region src/lib/canonical-team.ts
+function position(index, saved) {
+	return saved ?? {
+		x: 250 + index % 3 * 250,
+		y: 40 + Math.floor(index / 3) * 130
+	};
+}
+function edge(source, target, posture = "allow") {
+	return {
+		id: `${endpointKey(source)}>${endpointKey(target)}`,
+		source,
+		target,
+		posture
+	};
+}
+function templateDocument(detail) {
+	const members = detail.slots.map((slot, index) => ({
+		slotId: slot.slotId,
+		profileId: slot.profileId,
+		name: slot.agentName,
+		position: position(index, slot.layoutPosition)
+	}));
+	const policy = {
+		version: 1,
+		edges: detail.edges.map((item) => edge(item.sourceKind === "slot" ? {
+			kind: "member_slot",
+			slotId: item.sourceId ?? ""
+		} : { kind: item.sourceKind }, item.targetKind === "slot" ? {
+			kind: "member_slot",
+			slotId: item.targetId ?? ""
+		} : { kind: item.targetKind }, item.posture))
+	};
+	return {
+		id: detail.template.id,
+		kind: "template",
+		name: detail.template.name,
+		preset: inferPreset(members, policy),
+		members,
+		policy,
+		createdAt: detail.template.createdAt,
+		updatedAt: detail.template.updatedAt
+	};
+}
+function inferPreset(members, policy) {
+	const signature = (value) => value.edges.map((item) => `${endpointKey(item.source)}>${endpointKey(item.target)}:${item.posture ?? "allow"}`).sort().join("|");
+	const actual = signature(policy);
+	for (const preset of [
+		"open_team",
+		"coordinator",
+		"review_pipeline",
+		"blank"
+	]) if (signature(createPresetPolicy("template", members, preset)) === actual) return preset;
+	return "blank";
+}
+function liveDocument(teamId, detail) {
+	const state = new Map(detail.agentState.map((item) => [item.agentId, item.position]));
+	return {
+		id: teamId,
+		kind: "live",
+		name: teamId,
+		preset: "blank",
+		members: detail.members.map((agent, index) => ({
+			slotId: `agent:${agent.id}`,
+			agentId: agent.id,
+			profileId: agent.profileId,
+			name: agent.name,
+			status: agent.status,
+			position: position(index, state.get(agent.id))
+		})),
+		policy: {
+			version: 1,
+			edges: detail.edges.map((item) => edge(item.sourceKind === "agent" ? {
+				kind: "agent",
+				agentId: item.sourceId ?? ""
+			} : { kind: item.sourceKind }, item.targetKind === "agent" ? {
+				kind: "agent",
+				agentId: item.targetId ?? ""
+			} : { kind: item.targetKind }, item.posture))
+		},
+		createdAt: detail.teamPolicy.updatedAt,
+		updatedAt: detail.teamPolicy.updatedAt
+	};
+}
+function templateDefinition(document, profiles) {
+	const profileIds = new Set(profiles.map((profile) => profile.id));
+	return {
+		slots: document.members.map((member) => {
+			if (!profileIds.has(member.profileId)) throw new Error(`Missing Agent template: ${member.profileId}`);
+			return {
+				...member.slotId.startsWith("draft:") ? { clientKey: member.slotId } : { slotId: member.slotId },
+				profileId: member.profileId,
+				agentName: member.name,
+				modelOverride: null,
+				reasoningLevel: null,
+				layoutPosition: member.position,
+				display: null
+			};
+		}),
+		edges: document.policy.edges.map((item) => ({
+			sourceKind: item.source.kind === "member_slot" ? "slot" : item.source.kind,
+			sourceId: item.source.kind === "member_slot" ? item.source.slotId : null,
+			targetKind: item.target.kind === "member_slot" ? "slot" : item.target.kind,
+			targetId: item.target.kind === "member_slot" ? item.target.slotId : null,
+			posture: item.posture ?? "allow"
+		}))
+	};
+}
+function liveEdges(document) {
+	return document.policy.edges.map((item) => ({
+		sourceKind: item.source.kind === "member_slot" ? "agent" : item.source.kind,
+		sourceId: item.source.kind === "agent" ? item.source.agentId : null,
+		targetKind: item.target.kind === "member_slot" ? "agent" : item.target.kind,
+		targetId: item.target.kind === "agent" ? item.target.agentId : null,
+		posture: item.posture ?? "allow"
+	}));
+}
+function sameDocument(left, right) {
+	return JSON.stringify(left.members) === JSON.stringify(right.members) && JSON.stringify(left.policy.edges) === JSON.stringify(right.policy.edges);
+}
+//#endregion
+//#region src/lib/team-policy-presenter.ts
+function teamPolicyMemberLabel(member) {
+	return member.name || member.agentId || member.slotId;
+}
+function teamPolicyEndpointLabel(teamPolicy, endpoint) {
+	if (endpoint.kind === "user") return "User";
+	if (endpoint.kind === "outside_team") return "Other teams";
+	const member = findTeamPolicyMember(teamPolicy, endpoint);
+	return member ? teamPolicyMemberLabel(member) : endpoint.kind === "agent" ? endpoint.agentId : endpoint.slotId;
+}
+//#endregion
+//#region src/components/team-policy/TeamPolicyFlow.tsx
+function AgentNode({ data, selected }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `relative w-[190px] rounded-md border bg-snow px-3 py-2.5 shadow-baziu-sm transition-shadow ${selected ? "border-sapphire shadow-baziu-md" : "border-frost"}`,
+		children: [
+			/* @__PURE__ */ jsx(Handle, {
+				type: "target",
+				position: Position.Left,
+				className: "!h-3 !w-3 !border-2 !border-snow !bg-sapphire"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 items-center gap-2.5",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "flex h-8 w-8 flex-none items-center justify-center rounded-md bg-sapphire-glow text-sapphire",
+						children: /* @__PURE__ */ jsx(Bot, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "block truncate text-sm font-semibold text-chocolate",
+							children: data.member.name
+						}), /* @__PURE__ */ jsx("span", {
+							className: "mt-0.5 flex items-center gap-1.5 truncate text-[0.68rem] text-mocha-light",
+							children: data.member.role ?? (data.live ? data.member.status ?? "local member" : "member slot")
+						})]
+					}),
+					data.isolated && /* @__PURE__ */ jsx(ShieldAlert, {
+						className: "h-4 w-4 flex-none text-[#a56568]",
+						"aria-label": "Isolated member"
+					}),
+					data.incomplete && /* @__PURE__ */ jsx(CircleAlert, {
+						className: "h-4 w-4 flex-none text-amber-700 dark:text-amber-300",
+						"aria-label": "Incomplete member"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Handle, {
+				type: "source",
+				position: Position.Right,
+				className: "!h-3 !w-3 !border-2 !border-snow !bg-sapphire"
+			})
+		]
+	});
+}
+function BoundaryNode({ data, selected }) {
+	const Icon = data.kind === "user" ? CircleUserRound : Globe2;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `w-[150px] rounded-md border bg-ivory px-3 py-2.5 shadow-baziu-sm ${selected ? "border-sapphire" : "border-fawn"}`,
+		children: [
+			/* @__PURE__ */ jsx(Handle, {
+				type: "target",
+				position: Position.Left,
+				className: "!h-3 !w-3 !border-2 !border-ivory !bg-rose-baziu"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					className: "h-4 w-4 flex-none text-rose-baziu",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "block text-sm font-semibold text-chocolate",
+						children: data.label
+					}), /* @__PURE__ */ jsx("span", {
+						className: "block truncate text-[0.66rem] text-mocha-light",
+						children: data.detail
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx(Handle, {
+				type: "source",
+				position: Position.Right,
+				className: "!h-3 !w-3 !border-2 !border-ivory !bg-rose-baziu"
+			})
+		]
+	});
+}
+var NODE_TYPES = {
+	agent: AgentNode,
+	boundary: BoundaryNode
+};
+function TeamPolicyFlow({ teamPolicy, selectedId, viewport, incompleteSlotIds, simulatedPath, onSelect, onConnect, onRemoveEdge, onMoveMember, onViewportChange, onOpenMember }) {
+	const computedNodes = useMemo(() => {
+		const outsideX = Math.max(930, ...teamPolicy.members.map((member) => member.position.x + 280));
+		const boundaryNodes = [{
+			id: endpointKey(USER_ENDPOINT),
+			type: "boundary",
+			position: {
+				x: 20,
+				y: 110
+			},
+			data: {
+				label: "User",
+				detail: "Web, CLI, Telegram",
+				kind: "user"
+			},
+			ariaLabel: "User communication boundary",
+			selected: selectedId === endpointKey(USER_ENDPOINT),
+			draggable: false,
+			deletable: false
+		}, {
+			id: endpointKey(OUTSIDE_GROUP_ENDPOINT),
+			type: "boundary",
+			position: {
+				x: outsideX,
+				y: 110
+			},
+			data: {
+				label: "Other teams",
+				detail: "Local Bazilion agents",
+				kind: "outside_team"
+			},
+			ariaLabel: "Other local teams communication boundary",
+			selected: selectedId === endpointKey(OUTSIDE_GROUP_ENDPOINT),
+			draggable: false,
+			deletable: false
+		}];
+		const memberNodes = teamPolicy.members.map((member) => {
+			const endpoint = endpointForMember(teamPolicy, member);
+			const isolated = !teamPolicy.policy.edges.some((edge) => endpointKey(edge.source) === endpointKey(endpoint) || endpointKey(edge.target) === endpointKey(endpoint));
+			return {
+				id: endpointKey(endpoint),
+				type: "agent",
+				position: member.position,
+				data: {
+					member,
+					isolated,
+					incomplete: incompleteSlotIds.has(member.slotId),
+					live: teamPolicy.kind === "live"
+				},
+				ariaLabel: `${member.name}, ${isolated ? "isolated" : "configured"}${incompleteSlotIds.has(member.slotId) ? ", incomplete" : ""} ${teamPolicy.kind === "live" ? "agent" : "member slot"}`,
+				selected: selectedId === endpointKey(endpoint),
+				deletable: false
+			};
+		});
+		return [...boundaryNodes, ...memberNodes];
+	}, [
+		teamPolicy,
+		incompleteSlotIds,
+		selectedId
+	]);
+	const [nodes, setNodes, onNodesChange] = useNodesState(computedNodes);
+	useEffect(() => {
+		setNodes((current) => {
+			const currentById = new Map(current.map((node) => [node.id, node]));
+			return computedNodes.map((node) => ({
+				...currentById.get(node.id),
+				...node
+			}));
+		});
+	}, [computedNodes, setNodes]);
+	const edges = useMemo(() => {
+		const simulationKey = simulatedPath ? `${endpointKey(simulatedPath.source)}>${endpointKey(simulatedPath.target)}` : null;
+		const policyEdges = teamPolicy.policy.edges.map((edge) => {
+			const simulated = simulationKey === `${endpointKey(edge.source)}>${endpointKey(edge.target)}`;
+			return {
+				id: edge.id,
+				source: endpointKey(edge.source),
+				target: endpointKey(edge.target),
+				selected: selectedId === edge.id,
+				animated: simulated,
+				markerEnd: {
+					type: MarkerType.ArrowClosed,
+					width: 16,
+					height: 16
+				},
+				style: {
+					stroke: simulated ? "var(--color-rose-baziu)" : "var(--color-sapphire)",
+					strokeWidth: simulated ? 3 : 1.7
+				}
+			};
+		});
+		if (!simulatedPath || simulatedPath.decision === "allow") return policyEdges;
+		return [...policyEdges, {
+			id: `simulation:${simulationKey}`,
+			source: endpointKey(simulatedPath.source),
+			target: endpointKey(simulatedPath.target),
+			animated: true,
+			deletable: false,
+			markerEnd: {
+				type: MarkerType.ArrowClosed,
+				width: 16,
+				height: 16,
+				color: "var(--color-rose-baziu)"
+			},
+			style: {
+				stroke: "var(--color-rose-baziu)",
+				strokeDasharray: "6 5",
+				strokeWidth: 2.5
+			}
+		}];
+	}, [
+		teamPolicy.policy.edges,
+		selectedId,
+		simulatedPath
+	]);
+	const connect = (connection) => {
+		if (!connection.source || !connection.target) return;
+		const source = endpointFromKey(connection.source);
+		const target = endpointFromKey(connection.target);
+		if (source && target) onConnect(source, target);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-full min-h-[420px] w-full bg-ivory",
+		children: /* @__PURE__ */ jsxs(ReactFlow, {
+			nodes,
+			edges,
+			nodeTypes: NODE_TYPES,
+			onConnect: connect,
+			onNodesChange,
+			onNodeClick: (_event, node) => onSelect(node.id),
+			onNodeDoubleClick: (_event, node) => {
+				const endpoint = endpointFromKey(node.id);
+				if (!endpoint) return;
+				const member = endpoint.kind === "agent" ? teamPolicy.members.find((candidate) => (candidate.agentId ?? `prototype:${candidate.slotId}`) === endpoint.agentId) : endpoint.kind === "member_slot" ? teamPolicy.members.find((candidate) => candidate.slotId === endpoint.slotId) : void 0;
+				if (member) onOpenMember(member);
+			},
+			onEdgeClick: (_event, edge) => onSelect(edge.id),
+			onPaneClick: () => onSelect(null),
+			onEdgesDelete: (deleted) => {
+				for (const edge of deleted) {
+					const source = endpointFromKey(edge.source);
+					const target = endpointFromKey(edge.target);
+					if (source && target) onRemoveEdge(source, target);
+				}
+			},
+			onNodeDragStop: (_event, node) => {
+				const endpoint = endpointFromKey(node.id);
+				if (!endpoint || !("data" in node)) return;
+				const member = endpoint.kind === "agent" ? teamPolicy.members.find((candidate) => (candidate.agentId ?? `prototype:${candidate.slotId}`) === endpoint.agentId) : endpoint.kind === "member_slot" ? teamPolicy.members.find((candidate) => candidate.slotId === endpoint.slotId) : void 0;
+				if (member) onMoveMember(member.slotId, node.position);
+			},
+			onMoveEnd: (_event, nextViewport) => onViewportChange(nextViewport),
+			defaultViewport: viewport,
+			minZoom: .35,
+			maxZoom: 1.8,
+			edgesReconnectable: false,
+			fitView: viewport.x === 0 && viewport.y === 0 && viewport.zoom === 1,
+			fitViewOptions: {
+				padding: .22,
+				maxZoom: 1
+			},
+			proOptions: { hideAttribution: true },
+			className: "teamPolicy-flow",
+			children: [
+				/* @__PURE__ */ jsx(Background, {
+					variant: BackgroundVariant.Dots,
+					gap: 20,
+					size: 1.2,
+					color: "var(--color-fawn)"
+				}),
+				/* @__PURE__ */ jsx(Controls, {
+					position: "bottom-left",
+					showInteractive: false,
+					className: "!overflow-hidden !rounded-md !border !border-frost !bg-snow !shadow-baziu-sm [&_button]:!border-frost [&_button]:!bg-snow [&_button]:!fill-chocolate"
+				}),
+				/* @__PURE__ */ jsx(MiniMap, {
+					pannable: true,
+					zoomable: true,
+					position: "bottom-right",
+					className: "!hidden !rounded-md !border !border-frost !bg-snow sm:!block",
+					nodeColor: (node) => node.type === "boundary" ? "var(--color-rose-baziu)" : "var(--color-sapphire)",
+					maskColor: "color-mix(in srgb, var(--color-cream) 70%, transparent)"
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/team-policy/TeamPolicyMatrix.tsx
+function TeamPolicyMatrix({ teamPolicy, selectedId, onSelect, onToggle }) {
+	const actors = [
+		USER_ENDPOINT,
+		...teamPolicy.members.map((member) => endpointForMember(teamPolicy, member)),
+		OUTSIDE_GROUP_ENDPOINT
+	];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "h-full min-h-[420px] overflow-auto bg-ivory p-4 sm:p-6",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mb-4",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "m-0 font-body text-base font-semibold text-chocolate",
+				children: "Communication matrix"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-xs text-mocha-light",
+				children: "Rows send; columns receive. Every cell edits the same directed edge set as Flow."
+			})]
+		}), /* @__PURE__ */ jsxs("table", {
+			className: "m-0 min-w-[720px] table-fixed overflow-visible rounded-md text-xs",
+			children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {
+				className: "sticky left-0 z-20 w-40 bg-ivory",
+				children: "source / target"
+			}), actors.map((target) => /* @__PURE__ */ jsx("th", {
+				className: "w-24 max-w-24 text-center normal-case tracking-normal",
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => onSelect(endpointKey(target)),
+					className: `w-full truncate rounded-sm px-1 py-1 hover:bg-sapphire-glow ${selectedId === endpointKey(target) ? "text-sapphire" : "text-mocha"}`,
+					title: teamPolicyEndpointLabel(teamPolicy, target),
+					children: teamPolicyEndpointLabel(teamPolicy, target)
+				})
+			}, endpointKey(target)))] }) }), /* @__PURE__ */ jsx("tbody", { children: actors.map((source) => /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {
+				className: "sticky left-0 z-10 max-w-40 bg-snow normal-case tracking-normal",
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => onSelect(endpointKey(source)),
+					className: `w-full truncate rounded-sm px-1 py-1 text-left hover:bg-sapphire-glow ${selectedId === endpointKey(source) ? "text-sapphire" : "text-mocha"}`,
+					title: teamPolicyEndpointLabel(teamPolicy, source),
+					children: teamPolicyEndpointLabel(teamPolicy, source)
+				})
+			}), actors.map((target) => {
+				const valid = isValidTeamPolicyConnection(source, target);
+				const allowed = valid && hasTeamPolicyEdge(teamPolicy.policy, source, target);
+				const label = `${teamPolicyEndpointLabel(teamPolicy, source)} to ${teamPolicyEndpointLabel(teamPolicy, target)}`;
+				return /* @__PURE__ */ jsx("td", {
+					className: "h-14 p-1 text-center",
+					children: valid ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => onToggle(source, target, !allowed),
+						"aria-pressed": allowed,
+						"aria-label": `${allowed ? "Deny" : "Allow"} ${label}`,
+						title: `${allowed ? "Allowed" : "Denied"}: ${label}`,
+						className: `mx-auto flex h-9 w-9 items-center justify-center rounded-md border transition-colors ${allowed ? "border-sapphire bg-sapphire text-snow hover:bg-sapphire-deep" : "border-frost bg-ivory text-mocha-light hover:border-rose-baziu hover:text-rose-baziu"}`,
+						children: allowed ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+					}) : /* @__PURE__ */ jsx("span", {
+						className: "mx-auto flex h-9 w-9 items-center justify-center text-fawn",
+						title: "Not a valid communication path",
+						children: /* @__PURE__ */ jsx(Minus, { className: "h-4 w-4" })
+					})
+				}, endpointKey(target));
+			})] }, endpointKey(source))) })]
+		})]
+	});
+}
+//#endregion
+//#region src/components/team-policy/ProductionTeamPolicyEditor.tsx
+function ProductionTeamPolicyEditor({ source, profiles, initialUi }) {
+	const initial = useMemo(() => source.kind === "template" ? templateDocument(source.detail) : liveDocument(source.teamId, source.detail), [source]);
+	const [server, setServer] = useState(initial);
+	const [draft, setDraft] = useState(initial);
+	const [revision, setRevision] = useState(source.kind === "template" ? source.detail.template.currentRevision : source.detail.teamPolicy.revision);
+	const [view, setView] = useState(initialUi?.view ?? "flow");
+	const [selectedId, setSelectedId] = useState(() => validSelection(initial, initialUi?.selectedId));
+	const [viewport, setViewport] = useState(initialUi?.viewport ?? {
+		x: 0,
+		y: 0,
+		zoom: .9
+	});
+	const [saving, setSaving] = useState(false);
+	const [notice, setNotice] = useState(null);
+	const [conflict, setConflict] = useState(null);
+	const dirty = !sameDocument(server, draft);
+	useEffect(() => {
+		const warn = (event) => {
+			if (!dirty) return;
+			event.preventDefault();
+		};
+		window.addEventListener("beforeunload", warn);
+		return () => window.removeEventListener("beforeunload", warn);
+	}, [dirty]);
+	const mutateEdge = (from, to, allowed) => {
+		if (!isValidTeamPolicyConnection(from, to)) return;
+		setDraft((current) => ({
+			...current,
+			policy: allowed ? addTeamPolicyEdge(current.policy, from, to) : removeTeamPolicyEdge(current.policy, from, to)
+		}));
+	};
+	const setEdgePosture = (from, to, posture) => setDraft((current) => ({
+		...current,
+		policy: {
+			...current.policy,
+			edges: current.policy.edges.map((item) => endpointKey(item.source) === endpointKey(from) && endpointKey(item.target) === endpointKey(to) ? {
+				...item,
+				posture
+			} : item)
+		}
+	}));
+	const reloadCurrent = async () => {
+		const url = source.kind === "template" ? `/api/team-templates/${encodeURIComponent(source.detail.template.id)}` : `/api/teams/${encodeURIComponent(source.teamId)}/policy`;
+		const response = await fetch(url);
+		if (!response.ok) throw new Error(await response.text());
+		if (source.kind === "template") {
+			const detail = await response.json();
+			return {
+				document: templateDocument(detail),
+				revision: detail.template.currentRevision
+			};
+		}
+		const detail = await response.json();
+		return {
+			document: liveDocument(source.teamId, detail),
+			revision: detail.teamPolicy.revision
+		};
+	};
+	const save = async () => {
+		setSaving(true);
+		setNotice(null);
+		try {
+			const response = source.kind === "template" ? await fetch(`/api/team-templates/${encodeURIComponent(source.detail.template.id)}/definition`, {
+				method: "PUT",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({
+					expectedRevision: revision,
+					...templateDefinition(draft, profiles)
+				})
+			}) : await fetch(`/api/teams/${encodeURIComponent(source.teamId)}/policy`, {
+				method: "PUT",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({
+					expectedRevision: revision,
+					edges: liveEdges(draft)
+				})
+			});
+			if (response.status === 409) {
+				const current = await reloadCurrent();
+				setConflict(current.document);
+				setServer(current.document);
+				setRevision(current.revision);
+				setNotice("The server changed. Your draft is preserved; compare, reload, or reapply it.");
+				return;
+			}
+			if (!response.ok) throw new Error((await response.json().catch(() => null))?.error ?? `Save failed (${response.status})`);
+			const current = await reloadCurrent();
+			setServer(current.document);
+			setDraft(current.document);
+			setRevision(current.revision);
+			setConflict(null);
+			setNotice(`Effective policy saved as revision ${current.revision}.`);
+		} catch (error) {
+			setNotice(error instanceof Error ? error.message : String(error));
+		} finally {
+			setSaving(false);
+		}
+	};
+	const selected = selectedId ? endpointFromKey(selectedId) : null;
+	const selectedMember = selected ? draft.members.find((member) => endpointKey(endpointForMember(draft, member)) === selectedId) : void 0;
+	const incomplete = new Set(draft.members.filter((member) => !profiles.some((profile) => profile.id === member.profileId)).map((member) => member.slotId));
+	return /* @__PURE__ */ jsxs("section", {
+		className: "overflow-hidden rounded-lg border border-frost bg-snow",
+		"aria-label": "Production policy editor",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex flex-wrap items-center gap-2 border-b border-frost bg-cream p-3",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "mr-auto min-w-0",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx("h2", {
+								className: "m-0 truncate text-lg",
+								children: draft.name
+							}), /* @__PURE__ */ jsx("span", {
+								className: dirty ? "rounded bg-amber-100 px-2 py-0.5 text-xs text-amber-900 dark:bg-amber-900/40 dark:text-amber-100" : "rounded bg-sapphire-glow px-2 py-0.5 text-xs text-sapphire-deep",
+								children: dirty ? "Unsaved draft" : `Effective · revision ${revision}`
+							})]
+						}), /* @__PURE__ */ jsx("p", {
+							className: "muted m-0 text-xs",
+							children: source.kind === "template" ? "Stable Team slot policy" : "One effective live Team policy"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex rounded-md border border-frost bg-ivory p-0.5",
+						"aria-label": "Policy projection",
+						children: [/* @__PURE__ */ jsx(Projection, {
+							active: view === "flow",
+							label: "Flow",
+							icon: /* @__PURE__ */ jsx(ListTree, { className: "h-4 w-4" }),
+							onClick: () => setView("flow")
+						}), /* @__PURE__ */ jsx(Projection, {
+							active: view === "matrix",
+							label: "Matrix",
+							icon: /* @__PURE__ */ jsx(TableProperties, { className: "h-4 w-4" }),
+							onClick: () => setView("matrix")
+						})]
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						disabled: !dirty || saving,
+						onClick: () => setDraft(server),
+						children: "Discard"
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "primary",
+						disabled: !dirty || saving || source.kind === "template" && !!source.detail.template.deletedAt,
+						onClick: save,
+						children: [
+							/* @__PURE__ */ jsx(Save, { className: "h-4 w-4" }),
+							" ",
+							saving ? "Saving…" : "Save effective policy"
+						]
+					})
+				]
+			}),
+			notice && /* @__PURE__ */ jsx("div", {
+				role: "status",
+				className: "border-b border-frost bg-ivory px-4 py-2 text-sm",
+				children: notice
+			}),
+			conflict && /* @__PURE__ */ jsx(ConflictBanner, {
+				draft,
+				server: conflict,
+				onReload: () => {
+					setDraft(conflict);
+					setConflict(null);
+				},
+				onReapply: () => setConflict(null)
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid min-h-[620px] grid-cols-1 lg:grid-cols-[minmax(0,1fr)_280px]",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "min-h-[480px] overflow-hidden",
+					children: view === "flow" ? /* @__PURE__ */ jsx(TeamPolicyFlow, {
+						teamPolicy: draft,
+						selectedId,
+						viewport,
+						incompleteSlotIds: incomplete,
+						simulatedPath: null,
+						onSelect: setSelectedId,
+						onConnect: (a, b) => mutateEdge(a, b, true),
+						onRemoveEdge: (a, b) => mutateEdge(a, b, false),
+						onMoveMember: (slotId, position) => setDraft((current) => ({
+							...current,
+							members: current.members.map((m) => m.slotId === slotId ? {
+								...m,
+								position
+							} : m)
+						})),
+						onViewportChange: setViewport,
+						onOpenMember: (member) => source.kind === "live" && member.agentId ? window.location.assign(`/agents/${encodeURIComponent(member.agentId)}?teamPolicy=${encodeURIComponent(source.teamId)}&view=${view}&selected=${encodeURIComponent(selectedId ?? "")}&vx=${viewport.x}&vy=${viewport.y}&vz=${viewport.zoom}`) : setSelectedId(endpointKey(endpointForMember(draft, member)))
+					}) : /* @__PURE__ */ jsx(TeamPolicyMatrix, {
+						teamPolicy: draft,
+						selectedId,
+						onSelect: setSelectedId,
+						onToggle: mutateEdge
+					})
+				}), /* @__PURE__ */ jsx("aside", {
+					className: "border-t border-frost p-4 lg:border-l lg:border-t-0",
+					children: /* @__PURE__ */ jsx(Inspector, {
+						document: draft,
+						selected,
+						selectedMember,
+						profiles,
+						source,
+						onDraft: setDraft,
+						onToggle: mutateEdge,
+						onPosture: setEdgePosture
+					})
+				})]
+			})
+		]
+	});
+}
+function validSelection(document, selectedId) {
+	if (!selectedId) return null;
+	if (selectedId === "user" || selectedId === "outside_team") return selectedId;
+	if (document.policy.edges.some((edge) => edge.id === selectedId)) return selectedId;
+	return document.members.some((member) => endpointKey(endpointForMember(document, member)) === selectedId) ? selectedId : null;
+}
+function Projection({ active, label, icon, onClick }) {
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		"aria-pressed": active,
+		onClick,
+		className: `flex items-center gap-1 rounded px-2 py-1 text-xs ${active ? "bg-snow text-sapphire shadow-sm" : "text-mocha"}`,
+		children: [icon, label]
+	});
+}
+function ConflictBanner({ draft, server, onReload, onReapply }) {
+	return /* @__PURE__ */ jsxs("div", {
+		role: "alert",
+		className: "flex flex-wrap items-center gap-3 border-b border-amber-300 bg-amber-50 p-3 text-sm text-amber-950 dark:bg-amber-950/30 dark:text-amber-100",
+		children: [
+			/* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4" }),
+			/* @__PURE__ */ jsxs("span", {
+				className: "mr-auto",
+				children: [
+					"Conflict: server has ",
+					server.policy.edges.length,
+					" edges; your preserved draft has ",
+					draft.policy.edges.length,
+					"."
+				]
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				onClick: onReload,
+				children: "Reload server"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				onClick: onReapply,
+				children: "Keep draft and reapply"
+			})
+		]
+	});
+}
+function Inspector({ document, selected, selectedMember, profiles, source, onDraft, onToggle, onPosture }) {
+	const [simSource, setSimSource] = useState("user");
+	const [simTarget, setSimTarget] = useState(document.members[0] ? endpointKey(endpointForMember(document, document.members[0])) : "outside_team");
+	const [result, setResult] = useState(null);
+	const actors = [
+		{
+			key: "user",
+			label: "User"
+		},
+		...document.members.map((m) => ({
+			key: endpointKey(endpointForMember(document, m)),
+			label: m.name
+		})),
+		{
+			key: "outside_team",
+			label: "Other teams"
+		}
+	];
+	const selectedProfile = selectedMember ? profiles.find((profile) => profile.id === selectedMember.profileId) : void 0;
+	const simulate = async () => {
+		const from = endpointFromKey(simSource);
+		const to = endpointFromKey(simTarget);
+		if (!from || !to) return;
+		if (source.kind !== "live") {
+			setResult({
+				decision: hasTeamPolicyEdge(document.policy, from, to) ? "allow" : "deny",
+				channel: "user",
+				reasonCode: "draft_preview",
+				reason: "Draft-only preview; no audit event was created.",
+				policyRefs: [],
+				componentOutcomes: [],
+				matchedEdgeIds: [],
+				requiredEdgeIds: []
+			});
+			return;
+		}
+		const endpoint = (value) => value.kind === "agent" ? {
+			kind: "agent",
+			id: value.agentId
+		} : {
+			kind: value.kind,
+			teamId: source.teamId
+		};
+		setResult(await (await fetch("/api/communication/evaluate", {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({
+				source: endpoint(from),
+				target: endpoint(to),
+				origin: "web",
+				attemptKind: "diagnostic",
+				attemptId: crypto.randomUUID()
+			})
+		})).json());
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-5",
+		children: [
+			/* @__PURE__ */ jsxs("div", { children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-xs font-semibold uppercase text-mocha-light",
+					children: "Inspector"
+				}),
+				/* @__PURE__ */ jsx("h3", {
+					className: "mt-1 text-base",
+					children: selected ? teamPolicyEndpointLabel(document, selected) : "Policy summary"
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "muted text-xs",
+					children: [
+						document.members.length,
+						" actors · ",
+						document.policy.edges.length,
+						" directed allow edges"
+					]
+				})
+			] }),
+			document.kind === "template" && !selected && /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "text-xs font-semibold",
+						children: "Preset preview"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "muted text-xs",
+						children: "Applying a preset visibly replaces this draft edge set; it is never effective until saved."
+					}),
+					/* @__PURE__ */ jsxs("select", {
+						"aria-label": "Policy preset",
+						value: document.preset,
+						onChange: (event) => onDraft((current) => ({
+							...current,
+							preset: event.target.value
+						})),
+						children: [
+							/* @__PURE__ */ jsx("option", {
+								value: "open_team",
+								children: "Open Team"
+							}),
+							/* @__PURE__ */ jsx("option", {
+								value: "coordinator",
+								children: "Coordinator"
+							}),
+							/* @__PURE__ */ jsx("option", {
+								value: "review_pipeline",
+								children: "Review Pipeline"
+							}),
+							/* @__PURE__ */ jsx("option", {
+								value: "blank",
+								children: "Blank"
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						onClick: () => onDraft((current) => ({
+							...current,
+							policy: createPresetPolicy("template", current.members, current.preset)
+						})),
+						children: "Apply preset to draft"
+					})
+				]
+			}),
+			selectedMember && document.kind === "template" && /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ jsxs("label", {
+						className: "text-xs",
+						children: ["Agent name", /* @__PURE__ */ jsx("input", {
+							value: selectedMember.name,
+							onChange: (e) => onDraft((d) => ({
+								...d,
+								members: d.members.map((m) => m.slotId === selectedMember.slotId ? {
+									...m,
+									name: e.target.value
+								} : m)
+							}))
+						})]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "text-xs",
+						children: ["Agent template", /* @__PURE__ */ jsx("select", {
+							value: selectedMember.profileId,
+							onChange: (e) => onDraft((d) => ({
+								...d,
+								members: d.members.map((m) => m.slotId === selectedMember.slotId ? {
+									...m,
+									profileId: e.target.value
+								} : m)
+							})),
+							children: profiles.map((p) => /* @__PURE__ */ jsx("option", {
+								value: p.id,
+								children: p.name
+							}, p.id))
+						})]
+					}),
+					selectedProfile?.communicationDefaults && /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						onClick: () => onDraft((current) => ({
+							...current,
+							policy: applyProfileDefaults(current.policy, current, selectedMember, selectedProfile.communicationDefaults)
+						})),
+						children: "Apply Agent-template defaults to draft"
+					})
+				]
+			}),
+			selected && /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-xs font-semibold",
+					children: "Directed permissions"
+				}), actors.map((actor) => {
+					const target = endpointFromKey(actor.key);
+					if (!target || !isValidTeamPolicyConnection(selected, target)) return null;
+					const allowed = hasTeamPolicyEdge(document.policy, selected, target);
+					const current = document.policy.edges.find((item) => endpointKey(item.source) === endpointKey(selected) && endpointKey(item.target) === endpointKey(target));
+					return /* @__PURE__ */ jsxs("div", {
+						className: "rounded border border-frost p-2 text-xs",
+						children: [/* @__PURE__ */ jsxs("button", {
+							type: "button",
+							"aria-pressed": allowed,
+							onClick: () => onToggle(selected, target, !allowed),
+							className: "flex w-full items-center justify-between",
+							children: [/* @__PURE__ */ jsxs("span", { children: ["Send to ", actor.label] }), allowed ? "Allowed" : "Denied"]
+						}), allowed && /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-pressed": current?.posture === "approval_required",
+							onClick: () => onPosture(selected, target, current?.posture === "approval_required" ? "allow" : "approval_required"),
+							className: "mt-2 w-full rounded bg-ivory px-2 py-1 text-left",
+							children: current?.posture === "approval_required" ? "Approval required" : "Immediate delivery"
+						})]
+					}, actor.key);
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2 border-t border-frost pt-4",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "text-xs font-semibold",
+						children: "Side-effect-free simulator"
+					}),
+					/* @__PURE__ */ jsx("select", {
+						"aria-label": "Simulation source",
+						value: simSource,
+						onChange: (e) => setSimSource(e.target.value),
+						children: actors.map((a) => /* @__PURE__ */ jsx("option", {
+							value: a.key,
+							children: a.label
+						}, a.key))
+					}),
+					/* @__PURE__ */ jsx("select", {
+						"aria-label": "Simulation target",
+						value: simTarget,
+						onChange: (e) => setSimTarget(e.target.value),
+						children: actors.map((a) => /* @__PURE__ */ jsx("option", {
+							value: a.key,
+							children: a.label
+						}, a.key))
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						onClick: simulate,
+						children: "Evaluate without sending"
+					}),
+					result && /* @__PURE__ */ jsxs("p", {
+						role: "status",
+						className: `rounded p-2 text-xs ${result.decision === "allow" ? "bg-sapphire-glow" : "bg-rose-baziu/10"}`,
+						children: [
+							result.decision.toUpperCase(),
+							" · ",
+							result.reasonCode,
+							/* @__PURE__ */ jsx("br", {}),
+							result.reason
+						]
+					})
+				]
+			}),
+			document.kind === "template" && /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				onClick: () => onDraft((d) => ({
+					...d,
+					members: [...d.members, {
+						slotId: `draft:${crypto.randomUUID()}`,
+						profileId: profiles[0]?.id ?? "",
+						name: `Agent ${d.members.length + 1}`,
+						position: {
+							x: 250 + d.members.length % 3 * 250,
+							y: 40 + Math.floor(d.members.length / 3) * 130
+						}
+					}]
+				})),
+				children: [/* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }), "Add stable slot"]
+			}),
+			selectedMember && document.kind === "template" && /* @__PURE__ */ jsxs(Button, {
+				variant: "danger",
+				onClick: () => onDraft((d) => ({
+					...d,
+					members: d.members.filter((m) => m.slotId !== selectedMember.slotId),
+					policy: {
+						...d.policy,
+						edges: d.policy.edges.filter((e) => endpointKey(e.source) !== endpointKey(selected) && endpointKey(e.target) !== endpointKey(selected))
+					}
+				})),
+				children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), "Remove slot and incident edges"]
+			})
+		]
+	});
+}
+//#endregion
+export { ProductionTeamPolicyEditor as t };