bazilion 0.13.0 → 0.14.0

package/dist/web/server/assets/ConfirmDialog-C-MPYYSU.js

@@ -0,0 +1,99 @@
+import { t as Button } from "./Button-Dsnw22OF.js";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "radix-ui";
+//#region src/components/ConfirmDialog.tsx
+var useBrowserLayoutEffect = typeof document === "undefined" ? useEffect : useLayoutEffect;
+function getDialogFocusRestoreTarget(doc) {
+	const target = doc.activeElement;
+	if (!target || target === doc.body || target === doc.documentElement || !("focus" in target) || typeof target.focus !== "function") return null;
+	return target;
+}
+function restoreDialogFocus(target, doc) {
+	if (!target || !target.isConnected || target.ownerDocument !== doc) return;
+	target.focus({ preventScroll: true });
+}
+function ConfirmDialog({ open, title, description, confirmLabel, confirmVariant = "danger", onConfirm, onOpenChange }) {
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState(null);
+	const focusRestoreTargetRef = useRef(null);
+	const wasOpenRef = useRef(false);
+	useBrowserLayoutEffect(() => {
+		if (open && !wasOpenRef.current) focusRestoreTargetRef.current = getDialogFocusRestoreTarget(document);
+		wasOpenRef.current = open;
+	}, [open]);
+	useEffect(() => {
+		if (!open) {
+			setBusy(false);
+			setError(null);
+		}
+	}, [open]);
+	async function confirm() {
+		setBusy(true);
+		setError(null);
+		try {
+			await onConfirm();
+			onOpenChange(false);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+			setBusy(false);
+		}
+	}
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open,
+		onOpenChange: (next) => {
+			if (!next && !busy) onOpenChange(false);
+		},
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: "fixed inset-0 z-50 bg-chocolate/35 backdrop-blur-[2px] data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: "fixed left-1/2 top-1/2 z-50 grid w-[calc(100%-2rem)] max-w-md -translate-x-1/2 -translate-y-1/2 gap-4 rounded-[16px] border border-frost bg-snow p-5 text-chocolate shadow-baziu-lg outline-none data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+			onCloseAutoFocus: (event) => {
+				event.preventDefault();
+				const target = focusRestoreTargetRef.current;
+				focusRestoreTargetRef.current = null;
+				restoreDialogFocus(target, document);
+			},
+			onEscapeKeyDown: (event) => {
+				if (busy) event.preventDefault();
+			},
+			onPointerDownOutside: (event) => {
+				if (busy) event.preventDefault();
+			},
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-2",
+					children: [/* @__PURE__ */ jsx(Dialog.Title, {
+						className: "font-serif text-xl text-chocolate",
+						children: title
+					}), /* @__PURE__ */ jsx(Dialog.Description, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("div", {
+							className: "text-sm leading-6 text-mocha",
+							children: description
+						})
+					})]
+				}),
+				error && /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "rounded-md bg-danger/10 px-3 py-2 text-sm text-danger",
+					children: error
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col-reverse gap-2 border-t border-frost pt-4 sm:flex-row sm:justify-end",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						disabled: busy,
+						onClick: () => onOpenChange(false),
+						children: "cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: confirmVariant,
+						disabled: busy,
+						onClick: () => void confirm(),
+						children: busy ? "working…" : confirmLabel
+					})]
+				})
+			]
+		})] })
+	});
+}
+//#endregion
+export { ConfirmDialog as t };

package/dist/web/server/assets/FieldRow-DCOF07kl.js

@@ -0,0 +1,160 @@
+import { t as Button } from "./Button-Dsnw22OF.js";
+import { t as ConfirmDialog } from "./ConfirmDialog-C-MPYYSU.js";
+import { useId, useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/FieldRow.tsx
+function FieldRow({ field }) {
+	const router = useRouter();
+	const inputId = useId();
+	const descriptionId = `${inputId}-description`;
+	const [value, setValue] = useState(field.kind === "config" ? field.value ?? "" : "");
+	const [busy, setBusy] = useState(false);
+	const [err, setErr] = useState(null);
+	const [savedAt, setSavedAt] = useState(null);
+	const [confirmRemove, setConfirmRemove] = useState(false);
+	const secretBlank = field.kind === "secret" && value.trim().length === 0;
+	async function save(e) {
+		e.preventDefault();
+		if (secretBlank) {
+			setErr(field.set ? "Paste a replacement value, or use remove credential to explicitly clear the stored secret." : "A secret value is required.");
+			return;
+		}
+		setBusy(true);
+		setErr(null);
+		try {
+			const res = await fetch(`/api/config/fields/${encodeURIComponent(field.envVar)}`, {
+				method: "PUT",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ value })
+			});
+			if (!res.ok) {
+				const j = await res.json().catch(() => ({}));
+				throw new Error(j.error ?? `${res.status} ${res.statusText}`);
+			}
+			setSavedAt(Date.now());
+			if (field.kind === "secret") setValue("");
+			await router.invalidate();
+		} catch (e) {
+			setErr(e.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	async function removeSecret() {
+		const res = await fetch(`/api/config/fields/${encodeURIComponent(field.envVar)}`, { method: "DELETE" });
+		if (!res.ok && res.status !== 204) {
+			const body = await res.json().catch(() => null);
+			throw new Error(body?.error ?? `${res.status} ${res.statusText}`);
+		}
+		setValue("");
+		setErr(null);
+		setSavedAt(Date.now());
+		await router.invalidate();
+	}
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: save,
+		className: "grid grid-cols-1 gap-2 border-b py-3 last:border-0 md:grid-cols-[12rem_minmax(0,1fr)_auto_auto] md:items-center",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "min-w-0",
+				children: [
+					/* @__PURE__ */ jsx("label", {
+						htmlFor: inputId,
+						className: "text-sm font-medium text-foreground",
+						children: field.label
+					}),
+					field.description && /* @__PURE__ */ jsx("div", {
+						id: descriptionId,
+						className: "text-xs text-muted-foreground mt-0.5",
+						children: field.description
+					}),
+					/* @__PURE__ */ jsxs("details", {
+						className: "mt-1 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ jsx("summary", {
+							className: "cursor-pointer",
+							children: "Advanced identifier"
+						}), /* @__PURE__ */ jsx("code", {
+							className: "mt-1 inline-block break-all font-mono",
+							children: field.envVar
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "min-w-0",
+				children: field.kind === "config" ? /* @__PURE__ */ jsx("input", {
+					id: inputId,
+					type: "text",
+					"aria-describedby": field.description ? descriptionId : void 0,
+					value,
+					onChange: (e) => setValue(e.target.value),
+					placeholder: field.placeholder ?? "",
+					className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm outline-none focus:ring-2 focus:ring-ring/30"
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("input", {
+					id: inputId,
+					type: "password",
+					"aria-describedby": field.description ? descriptionId : void 0,
+					value,
+					onChange: (e) => setValue(e.target.value),
+					placeholder: field.set ? "(paste to replace stored value)" : field.placeholder ?? "paste key…",
+					autoComplete: "off",
+					className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm outline-none focus:ring-2 focus:ring-ring/30"
+				}), field.set && /* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: "Blank keeps the current credential. Removal is a separate explicit action."
+				})] })
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "text-xs",
+				children: [field.kind === "secret" && field.set && /* @__PURE__ */ jsx("span", {
+					className: "rounded-full bg-success/10 text-success px-1.5 py-0.5",
+					title: `preview: ${field.preview ?? ""}`,
+					children: "set"
+				}), savedAt && Date.now() - savedAt < 2e3 && /* @__PURE__ */ jsx("span", {
+					role: "status",
+					className: "text-success ml-2",
+					children: "saved ✓"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap gap-2 md:justify-self-end",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					type: "submit",
+					disabled: busy || secretBlank,
+					className: "text-xs",
+					children: "save"
+				}), field.kind === "secret" && field.set && /* @__PURE__ */ jsx(Button, {
+					variant: "danger",
+					className: "text-xs",
+					onClick: () => setConfirmRemove(true),
+					children: "remove"
+				})]
+			}),
+			err && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-xs text-danger md:col-span-4",
+				children: err
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: confirmRemove,
+				title: `Remove ${field.label}?`,
+				description: /* @__PURE__ */ jsxs("p", { children: [
+					"This permanently deletes the stored ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: field.envVar
+					}),
+					" ",
+					"credential. Features that use it will fail until you save a replacement."
+				] }),
+				confirmLabel: "remove stored credential",
+				onConfirm: removeSecret,
+				onOpenChange: setConfirmRemove
+			})
+		]
+	});
+}
+//#endregion
+export { FieldRow as t };

package/dist/web/server/assets/{Page-LENulSXY.js → Page-Bz-ydB8j.js}

@@ -1,11 +1,5 @@
+import { t as cn } from "./utils-C_uf36nf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-//#region src/lib/utils.ts
-function cn(...inputs) {
-	return twMerge(clsx(inputs));
-}
-//#endregion
 //#region src/components/Page.tsx
 var PAGE_SIZE_CLASS = {
 	narrow: "max-w-3xl",
@@ -14,7 +8,7 @@ var PAGE_SIZE_CLASS = {
 };
 function PageShell({ size = "default", className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("mx-auto w-full space-y-6", PAGE_SIZE_CLASS[size], className),
+		className: cn("mx-auto min-w-0 w-full space-y-6", PAGE_SIZE_CLASS[size], className),
 		...props
 	});
 }
@@ -47,7 +41,7 @@ function PageHeader({ eyebrow, title, description, actions, className, ...props
 function SectionCard({ title, description, actions, children, className, ...props }) {
 	const hasHeader = title || description || actions;
 	return /* @__PURE__ */ jsxs("section", {
-		className: cn("rounded-2xl border border-border bg-card p-5 text-card-foreground shadow-baziu-sm sm:p-6", className),
+		className: cn("min-w-0 rounded-2xl border border-border bg-card p-5 text-card-foreground shadow-baziu-sm sm:p-6", className),
 		...props,
 		children: [hasHeader && /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
@@ -108,4 +102,4 @@ function StatusBadge({ variant = "neutral", className, ...props }) {
 	});
 }
 //#endregion
-export { StatusBadge as a, SectionCard as i, PageHeader as n, cn as o, PageShell as r, EmptyState as t };
+export { StatusBadge as a, SectionCard as i, PageHeader as n, PageShell as r, EmptyState as t };

package/dist/web/server/assets/{ProductionTeamPolicyEditor-Y4mzFFvR.js → ProductionTeamPolicyEditor-DQSdP7Yx.js}

@@ -1,7 +1,9 @@
 import { t as Button } from "./Button-Dsnw22OF.js";
+import { t as ConfirmDialog } from "./ConfirmDialog-C-MPYYSU.js";
+import { t as UnsavedChangesGuard } from "./UnsavedChangesGuard-CiStXyBI.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-vPG01onj.js";
 import { useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, 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
@@ -465,7 +467,7 @@ function TeamPolicyMatrix({ teamPolicy, selectedId, onSelect, onToggle }) {
 						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",
+						className: "mx-auto flex h-9 w-9 items-center justify-center text-mocha-light",
 						title: "Not a valid communication path",
 						children: /* @__PURE__ */ jsx(Minus, { className: "h-4 w-4" })
 					})
@@ -491,15 +493,8 @@ function ProductionTeamPolicyEditor({ source, profiles, initialUi }) {
 	const [saving, setSaving] = useState(false);
 	const [notice, setNotice] = useState(null);
 	const [conflict, setConflict] = useState(null);
+	const [confirmDiscard, setConfirmDiscard] = useState(false);
 	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) => ({
@@ -577,120 +572,142 @@ function ProductionTeamPolicyEditor({ source, profiles, initialUi }) {
 	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-warning/10 px-2 py-0.5 text-xs text-warning" : "rounded bg-sapphire-glow px-2 py-0.5 text-xs text-sapphire-deep",
-								children: dirty ? "Unsaved draft" : `Effective · revision ${revision}`
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(UnsavedChangesGuard, {
+			when: dirty,
+			subject: "Team policy draft"
+		}),
+		/* @__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-warning/10 px-2 py-0.5 text-xs text-warning" : "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__ */ 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
-					})
-				})]
-			})
-		]
-	});
+						}),
+						/* @__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: () => setConfirmDiscard(true),
+							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
+						})
+					})]
+				})
+			]
+		}),
+		/* @__PURE__ */ jsx(ConfirmDialog, {
+			open: confirmDiscard,
+			title: "Discard this Team policy draft?",
+			description: /* @__PURE__ */ jsxs("p", { children: [
+				"This permanently discards every unsaved edge, posture, member, and layout change in the draft. Effective revision ",
+				revision,
+				" will remain unchanged."
+			] }),
+			confirmLabel: "discard policy draft",
+			onConfirm: () => {
+				setDraft(server);
+				setConflict(null);
+				setNotice("Draft discarded. The effective policy was not changed.");
+			},
+			onOpenChange: setConfirmDiscard
+		})
+	] });
 }
 function validSelection(document, selectedId) {
 	if (!selectedId) return null;

package/dist/web/server/assets/{SectionTabs-BJTPr5nU.js → SectionTabs-B2Yw81XN.js}

@@ -1,8 +1,8 @@
-import { o as cn } from "./Page-LENulSXY.js";
+import { t as cn } from "./utils-C_uf36nf.js";
 //#region src/components/SectionTabs.tsx
 var SECTION_TABS_CLASS = "mb-6 flex max-w-full gap-1 overflow-x-auto rounded-xl border border-border bg-muted/50 p-1";
 function sectionTabClass(active) {
-	return cn("inline-flex items-center whitespace-nowrap rounded-lg border px-3 py-1.5 text-sm font-semibold transition-colors", active ? "border-border bg-card text-foreground shadow-baziu-sm" : "border-transparent text-muted-foreground hover:bg-card/70 hover:text-foreground");
+	return cn("inline-flex items-center whitespace-nowrap rounded-lg border px-2 py-1.5 text-xs font-semibold transition-colors sm:px-3 sm:text-sm", active ? "border-border bg-card text-foreground shadow-baziu-sm" : "border-transparent text-muted-foreground hover:bg-card/70 hover:text-foreground");
 }
 //#endregion
 export { sectionTabClass as n, SECTION_TABS_CLASS as t };