bazilion 0.12.2 → 0.14.0

package/dist/web/server/assets/{Sidebar-DsRVCszF.js → Sidebar-DKyk7oIo.js}

@@ -1,9 +1,130 @@
-import { t as Button } from "./Button-Dsnw22OF.js";
+import { t as cn } from "./utils-C_uf36nf.js";
+import { t as Button$1 } from "./Button-Dsnw22OF.js";
+import { t as ConfirmDialog } from "./ConfirmDialog-C-MPYYSU.js";
 import "./wire-constants-C8nBJcU3.js";
 import { useEffect, useRef, useState } from "react";
 import { Link, useNavigate, useRouter } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Archive, Bot, ChevronDown, ChevronRight, Pencil, Plus, Send, UsersRound } from "lucide-react";
+import { Archive, Bot, ChevronDown, ChevronRight, Pencil, Plus, Send, UsersRound, XIcon } from "lucide-react";
+import { Dialog, Slot } from "radix-ui";
+import { cva } from "class-variance-authority";
+//#region src/components/ui/button.tsx
+var buttonVariants = cva("team/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-team]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-team]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-8",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-team]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-team]:rounded-lg",
+			"icon-lg": "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "button", {
+		"data-slot": "button",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+//#endregion
+//#region src/components/ui/dialog.tsx
+function Dialog$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Content, {
+		"data-slot": "dialog-content",
+		className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
+			"data-slot": "dialog-close",
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				className: "absolute top-2 right-2",
+				size: "icon-sm",
+				children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		})]
+	})] });
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+}
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "dialog-footer",
+		className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				children: "Close"
+			})
+		})]
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "dialog-title",
+		className: cn("font-heading text-base leading-none font-medium", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+		...props
+	});
+}
+//#endregion
 //#region src/components/CreateTeamDialog.tsx
 function CreateTeamDialog({ onClose }) {
 	const router = useRouter();
@@ -40,107 +161,107 @@ function CreateTeamDialog({ onClose }) {
 			setBusy(false);
 		}
 	}
-	return /* @__PURE__ */ jsx("div", {
-		onClick: onClose,
-		onKeyDown: (event) => {
-			if (event.key === "Escape") onClose();
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open && !busy) onClose();
 		},
-		className: "fixed inset-0 z-50 flex items-center justify-center bg-charcoal/45 p-4 backdrop-blur-sm",
-		children: /* @__PURE__ */ jsxs("form", {
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-labelledby": "create-team-title",
-			onSubmit: submit,
-			onClick: (e) => e.stopPropagation(),
+		children: /* @__PURE__ */ jsx(DialogContent, {
+			showCloseButton: !busy,
 			className: "max-h-[calc(100dvh-2rem)] w-full max-w-lg overflow-y-auto rounded-3xl border border-frost bg-card p-6 shadow-baziu-lg sm:p-7",
-			children: [
-				/* @__PURE__ */ jsx("h2", {
-					id: "create-team-title",
-					className: "font-serif text-2xl text-foreground",
-					children: "Create a team"
-				}),
-				/* @__PURE__ */ jsxs("p", {
-					className: "text-sm text-muted-foreground mb-4",
-					children: [
+			onEscapeKeyDown: (event) => {
+				if (busy) event.preventDefault();
+			},
+			onPointerDownOutside: (event) => {
+				if (busy) event.preventDefault();
+			},
+			children: /* @__PURE__ */ jsxs("form", {
+				onSubmit: submit,
+				children: [
+					/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, {
+						className: "font-serif text-2xl text-foreground",
+						children: "Create a team"
+					}), /* @__PURE__ */ jsxs(DialogDescription, { children: [
 						"A team is a collaboration context — one filesystem root, one USER.md, one roster. The slot lives at ",
 						/* @__PURE__ */ jsx("code", {
 							className: "font-mono",
 							children: "~/.bazilion/teams/<slug>/"
 						}),
 						"."
-					]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "mb-3 grid gap-3 sm:grid-cols-2",
-					children: [/* @__PURE__ */ jsxs("label", {
-						className: "block text-sm",
-						children: ["ID (slug)", /* @__PURE__ */ jsx("input", {
-							type: "text",
-							value: id,
-							onChange: (e) => setId(e.target.value),
-							required: true,
-							pattern: "[a-z0-9][a-z0-9_-]*",
-							placeholder: "myproject",
-							autoFocus: true,
-							className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
+					] })] }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mb-3 mt-4 grid gap-3 sm:grid-cols-2",
+						children: [/* @__PURE__ */ jsxs("label", {
+							className: "block text-sm",
+							children: ["ID (slug)", /* @__PURE__ */ jsx("input", {
+								type: "text",
+								value: id,
+								onChange: (e) => setId(e.target.value),
+								required: true,
+								pattern: "[a-z0-9][a-z0-9_-]*",
+								placeholder: "myproject",
+								className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
+							})]
+						}), /* @__PURE__ */ jsxs("label", {
+							className: "block text-sm",
+							children: [
+								"Name ",
+								/* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground font-normal",
+									children: "(optional)"
+								}),
+								/* @__PURE__ */ jsx("input", {
+									type: "text",
+									value: name,
+									onChange: (e) => setName(e.target.value),
+									className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
+								})
+							]
 						})]
-					}), /* @__PURE__ */ jsxs("label", {
-						className: "block text-sm",
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "mb-3 block text-sm",
 						children: [
-							"Name ",
+							"Link target",
+							" ",
 							/* @__PURE__ */ jsx("span", {
 								className: "text-muted-foreground font-normal",
-								children: "(optional)"
+								children: "(optional, absolute path)"
 							}),
 							/* @__PURE__ */ jsx("input", {
 								type: "text",
-								value: name,
-								onChange: (e) => setName(e.target.value),
+								value: link,
+								onChange: (e) => setLink(e.target.value),
+								placeholder: "/home/you/projects/myrepo",
 								className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "mt-1 block text-xs text-muted-foreground",
+								children: "Leave blank to create a fresh directory. Supply an absolute path to materialize the slot as a symlink to your existing project tree."
 							})
 						]
-					})]
-				}),
-				/* @__PURE__ */ jsxs("label", {
-					className: "block text-sm mb-3",
-					children: [
-						"Link target",
-						" ",
-						/* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground font-normal",
-							children: "(optional, absolute path)"
-						}),
-						/* @__PURE__ */ jsx("input", {
-							type: "text",
-							value: link,
-							onChange: (e) => setLink(e.target.value),
-							placeholder: "/home/you/projects/myrepo",
-							className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
-						}),
-						/* @__PURE__ */ jsx("span", {
-							className: "mt-1 block text-xs text-muted-foreground",
-							children: "Leave blank to create a fresh directory. Supply an absolute path to materialize the slot as a symlink to your existing project tree."
-						})
-					]
-				}),
-				err && /* @__PURE__ */ jsx("p", {
-					className: "err mt-2",
-					children: err
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "mt-5 flex justify-end gap-2",
-					children: [/* @__PURE__ */ jsx(Button, {
-						variant: "ghost",
-						onClick: onClose,
-						children: "Cancel"
-					}), /* @__PURE__ */ jsx(Button, {
-						variant: "primary",
-						type: "submit",
-						disabled: busy,
-						children: busy ? "Creating…" : "Create"
-					})]
-				})
-			]
+					}),
+					err && /* @__PURE__ */ jsx("p", {
+						role: "alert",
+						className: "err mt-2",
+						children: err
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mt-5 flex justify-end gap-2",
+						children: [/* @__PURE__ */ jsx(Button$1, {
+							variant: "ghost",
+							disabled: busy,
+							onClick: onClose,
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button$1, {
+							variant: "primary",
+							type: "submit",
+							disabled: busy,
+							children: busy ? "Creating…" : "Create team"
+						})]
+					})
+				]
+			})
 		})
 	});
 }
@@ -225,148 +346,150 @@ function SpawnDialog({ profileId, teamHint, teams, onClose }) {
 			setBusy(false);
 		}
 	}
-	return /* @__PURE__ */ jsx(Backdrop, {
-		onClose,
-		children: /* @__PURE__ */ jsxs("form", {
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-labelledby": "spawn-agent-title",
-			onSubmit: submit,
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open && !busy) onClose();
+		},
+		children: /* @__PURE__ */ jsx(DialogContent, {
+			showCloseButton: !busy,
 			className: "max-h-[calc(100dvh-2rem)] w-full max-w-lg overflow-y-auto rounded-3xl border border-frost bg-card p-6 shadow-baziu-lg sm:p-7",
-			onClick: (e) => e.stopPropagation(),
-			children: [
-				/* @__PURE__ */ jsx("h3", {
-					id: "spawn-agent-title",
-					className: "font-serif text-xl text-foreground mb-1",
-					children: "Spawn a new agent"
-				}),
-				/* @__PURE__ */ jsxs("p", {
-					className: "text-sm text-muted-foreground mb-4",
-					children: ["Profile: ", /* @__PURE__ */ jsx("code", {
-						className: "font-mono",
-						children: profileId
-					})]
-				}),
-				/* @__PURE__ */ jsxs("label", {
-					className: "block text-sm text-foreground mb-3",
-					children: [
-						"Agent name",
-						" ",
-						/* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground font-normal",
-							children: "(optional — defaults to the profile's name)"
+			onEscapeKeyDown: (event) => {
+				if (busy) event.preventDefault();
+			},
+			onPointerDownOutside: (event) => {
+				if (busy) event.preventDefault();
+			},
+			children: /* @__PURE__ */ jsxs("form", {
+				onSubmit: submit,
+				children: [
+					/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, {
+						className: "font-serif text-xl text-foreground",
+						children: "Spawn a new agent"
+					}), /* @__PURE__ */ jsxs(DialogDescription, { children: [
+						"Create an agent from profile ",
+						/* @__PURE__ */ jsx("code", {
+							className: "font-mono",
+							children: profileId
 						}),
-						/* @__PURE__ */ jsx("input", {
-							type: "text",
-							value: name,
-							onChange: (e) => setName(e.target.value),
-							autoFocus: true,
-							autoComplete: "off",
-							className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs("label", {
-					className: "block text-sm text-foreground mb-3",
-					children: [
-						"Initial policy placement",
-						/* @__PURE__ */ jsxs("select", {
-							value: placement,
+						", then review its exact Team policy placement before committing."
+					] })] }),
+					/* @__PURE__ */ jsxs("label", {
+						className: "mb-3 mt-4 block text-sm text-foreground",
+						children: [
+							"Agent name",
+							" ",
+							/* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground font-normal",
+								children: "(optional — defaults to the profile's name)"
+							}),
+							/* @__PURE__ */ jsx("input", {
+								type: "text",
+								value: name,
+								onChange: (e) => setName(e.target.value),
+								autoComplete: "off",
+								className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "mb-3 block text-sm text-foreground",
+						children: [
+							"Initial policy placement",
+							/* @__PURE__ */ jsxs("select", {
+								value: placement,
+								onChange: (e) => {
+									setPlacement(e.target.value);
+									setPreview(null);
+								},
+								className: "mt-1 block w-full rounded-md border bg-background px-3 py-2",
+								children: [/* @__PURE__ */ jsx("option", {
+									value: "profile_defaults",
+									children: "Agent-template defaults"
+								}), /* @__PURE__ */ jsx("option", {
+									value: "isolated",
+									children: "Isolated"
+								})]
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "mt-1 block text-xs text-muted-foreground",
+								children: "The current Team revision is checked again when you submit."
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "mb-3 block text-sm text-foreground",
+						children: ["Team", /* @__PURE__ */ jsx("select", {
+							value: teamId,
 							onChange: (e) => {
-								setPlacement(e.target.value);
+								setTeamId(e.target.value);
 								setPreview(null);
 							},
-							className: "mt-1 block w-full rounded-md border bg-background px-3 py-2",
-							children: [/* @__PURE__ */ jsx("option", {
-								value: "profile_defaults",
-								children: "Agent-template defaults"
-							}), /* @__PURE__ */ jsx("option", {
-								value: "isolated",
-								children: "isolated"
-							})]
-						}),
-						/* @__PURE__ */ jsx("span", {
-							className: "mt-1 block text-xs text-muted-foreground",
-							children: "The current Team revision is checked again when you submit."
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs("label", {
-					className: "block text-sm text-foreground mb-3",
-					children: ["Team", /* @__PURE__ */ jsx("select", {
-						value: teamId,
-						onChange: (e) => {
-							setTeamId(e.target.value);
-							setPreview(null);
-						},
-						className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30",
-						children: teams.map((g) => /* @__PURE__ */ jsxs("option", {
-							value: g.id,
-							children: [g.name, g.id === "default" ? " (default)" : ""]
-						}, g.id))
-					})]
-				}),
-				err && /* @__PURE__ */ jsx("p", {
-					className: "err mt-2",
-					children: err
-				}),
-				preview && /* @__PURE__ */ jsxs("div", {
-					className: "mt-3 rounded-md border border-sapphire-light bg-sapphire-glow p-3 text-sm",
-					children: [
-						/* @__PURE__ */ jsxs("p", { children: [
-							"Creating this Agent advances Team revision ",
-							preview.currentRevision,
-							" → ",
-							/* @__PURE__ */ jsx("strong", { children: preview.resultingRevision }),
-							" and adds ",
-							/* @__PURE__ */ jsx("strong", { children: preview.addedEdges.length }),
-							" directed edges to the existing ",
-							preview.existingEdges.length,
-							"."
-						] }),
-						/* @__PURE__ */ jsx("ul", {
-							className: "mt-2 max-h-36 overflow-auto",
-							children: preview.addedEdges.map((edge, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("code", { children: [
-								edge.sourceKind,
-								edge.sourceId ? `:${edge.sourceId}` : "",
-								" → ",
-								edge.targetKind,
-								edge.targetId ? `:${edge.targetId}` : ""
-							] }) }, `${edge.sourceKind}:${edge.sourceId ?? ""}>${edge.targetKind}:${edge.targetId ?? ""}:${index}`))
-						}),
-						preview.addedEdges.length === 0 && /* @__PURE__ */ jsx("p", {
-							className: "mt-2",
-							children: "The new Agent starts isolated."
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "mt-5 flex justify-end gap-2",
-					children: [/* @__PURE__ */ jsx(Button, {
-						variant: "ghost",
-						onClick: onClose,
-						children: "Cancel"
-					}), /* @__PURE__ */ jsx(Button, {
-						variant: "primary",
-						type: "submit",
-						disabled: busy,
-						children: busy ? "Working…" : preview ? "Commit reviewed creation" : "Review exact policy"
-					})]
-				})
-			]
+							className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30",
+							children: teams.map((g) => /* @__PURE__ */ jsxs("option", {
+								value: g.id,
+								children: [g.name, g.id === "default" ? " (default)" : ""]
+							}, g.id))
+						})]
+					}),
+					err && /* @__PURE__ */ jsx("p", {
+						role: "alert",
+						className: "err mt-2",
+						children: err
+					}),
+					preview && /* @__PURE__ */ jsxs("div", {
+						role: "status",
+						className: "mt-3 rounded-md border border-sapphire-light bg-sapphire-glow p-3 text-sm",
+						children: [
+							/* @__PURE__ */ jsxs("p", { children: [
+								"Creating this Agent advances Team revision ",
+								preview.currentRevision,
+								" →",
+								" ",
+								/* @__PURE__ */ jsx("strong", { children: preview.resultingRevision }),
+								" and adds",
+								" ",
+								/* @__PURE__ */ jsx("strong", { children: preview.addedEdges.length }),
+								" directed edges to the existing",
+								" ",
+								preview.existingEdges.length,
+								"."
+							] }),
+							/* @__PURE__ */ jsx("ul", {
+								className: "mt-2 max-h-36 overflow-auto",
+								children: preview.addedEdges.map((edge, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("code", { children: [
+									edge.sourceKind,
+									edge.sourceId ? `:${edge.sourceId}` : "",
+									" → ",
+									edge.targetKind,
+									edge.targetId ? `:${edge.targetId}` : ""
+								] }) }, `${edge.sourceKind}:${edge.sourceId ?? ""}>${edge.targetKind}:${edge.targetId ?? ""}:${index}`))
+							}),
+							preview.addedEdges.length === 0 && /* @__PURE__ */ jsx("p", {
+								className: "mt-2",
+								children: "The new Agent starts isolated."
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mt-5 flex justify-end gap-2",
+						children: [/* @__PURE__ */ jsx(Button$1, {
+							variant: "ghost",
+							disabled: busy,
+							onClick: onClose,
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button$1, {
+							variant: "primary",
+							type: "submit",
+							disabled: busy,
+							children: busy ? "Working…" : preview ? "Commit reviewed creation" : "Review exact policy"
+						})]
+					})
+				]
+			})
 		})
 	});
 }
-function Backdrop({ children, onClose }) {
-	return /* @__PURE__ */ jsx("div", {
-		onClick: onClose,
-		onKeyDown: (event) => {
-			if (event.key === "Escape") onClose();
-		},
-		className: "fixed inset-0 z-50 flex items-center justify-center bg-charcoal/45 p-4 backdrop-blur-sm",
-		children
-	});
-}
 //#endregion
 //#region src/components/SpawnTeamModal.tsx
 function SpawnTeamModal({ profileGroup: team, teams, onClose, onSpawned }) {
@@ -375,13 +498,9 @@ function SpawnTeamModal({ profileGroup: team, teams, onClose, onSpawned }) {
 	const [error, setError] = useState(null);
 	const [busy, setBusy] = useState(false);
 	const [preview, setPreview] = useState(null);
-	const dialogRef = useRef(null);
-	useEffect(() => {
-		dialogRef.current?.focus();
-	}, []);
 	async function requestBody() {
 		const target = teamId.trim();
-		if (!target) throw new Error("target Team slug is required");
+		if (!target) throw new Error("Target Team slug is required");
 		const existing = teams.find((team) => team.id === target);
 		let teamExpectedRevision;
 		if (existing) {
@@ -422,7 +541,7 @@ function SpawnTeamModal({ profileGroup: team, teams, onClose, onSpawned }) {
 	async function spawn() {
 		const target = teamId.trim();
 		if (!target) {
-			setError("target Team slug is required");
+			setError("Target Team slug is required");
 			return;
 		}
 		setBusy(true);
@@ -442,43 +561,36 @@ function SpawnTeamModal({ profileGroup: team, teams, onClose, onSpawned }) {
 			setBusy(false);
 		}
 	}
-	return /* @__PURE__ */ jsx("div", {
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-labelledby": "spawn-team-title",
-		className: "fixed inset-0 z-50 flex items-center justify-center bg-charcoal/45 p-4 backdrop-blur-sm",
-		onClick: onClose,
-		onKeyDown: (event) => {
-			if (event.key === "Escape") onClose();
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open && !busy) onClose();
 		},
-		children: /* @__PURE__ */ jsxs("div", {
-			ref: dialogRef,
-			tabIndex: -1,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			showCloseButton: !busy,
 			className: "max-h-[calc(100dvh-2rem)] w-full max-w-lg overflow-y-auto rounded-3xl border border-frost bg-card p-6 shadow-baziu-lg sm:p-7",
-			role: "document",
-			onClick: (event) => event.stopPropagation(),
-			onKeyDown: (event) => {
-				if (event.key !== "Escape") event.stopPropagation();
+			onEscapeKeyDown: (event) => {
+				if (busy) event.preventDefault();
+			},
+			onPointerDownOutside: (event) => {
+				if (busy) event.preventDefault();
 			},
 			children: [
-				/* @__PURE__ */ jsxs("h2", {
-					id: "spawn-team-title",
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsxs(DialogTitle, {
+					className: "font-serif text-xl text-foreground",
 					children: ["Spawn team — ", team.name]
-				}),
+				}), /* @__PURE__ */ jsxs(DialogDescription, { children: [
+					"Uses immutable Team revision ",
+					team.currentRevision,
+					". Existing Teams append at their current reviewed revision; a new Team initializes at revision 1. Conflicts never overwrite newer state."
+				] })] }),
 				error && /* @__PURE__ */ jsx("div", {
+					role: "alert",
 					className: "err",
 					children: error
 				}),
-				/* @__PURE__ */ jsxs("p", {
-					className: "muted",
-					children: [
-						"Uses immutable Team revision ",
-						team.currentRevision,
-						". Existing Teams append at their current reviewed revision; a new Team initializes at revision 1. Conflicts never overwrite newer state."
-					]
-				}),
 				/* @__PURE__ */ jsxs("label", { children: [
-					"target Team slug",
+					"Target Team slug",
 					/* @__PURE__ */ jsx("input", {
 						value: teamId,
 						onChange: (event) => {
@@ -496,7 +608,7 @@ function SpawnTeamModal({ profileGroup: team, teams, onClose, onSpawned }) {
 						}, team.id))
 					})
 				] }),
-				/* @__PURE__ */ jsxs("label", { children: ["starter USER.md (new Team only)", /* @__PURE__ */ jsx("textarea", {
+				/* @__PURE__ */ jsxs("label", { children: ["Starter USER.md (new Team only)", /* @__PURE__ */ jsx("textarea", {
 					rows: 3,
 					value: userMd,
 					onChange: (event) => {
@@ -506,6 +618,7 @@ function SpawnTeamModal({ profileGroup: team, teams, onClose, onSpawned }) {
 					className: "font-mono text-[0.88em] leading-[1.55]"
 				})] }),
 				preview && /* @__PURE__ */ jsxs("div", {
+					role: "status",
 					className: "mt-4 rounded-md border border-sapphire-light bg-sapphire-glow p-3 text-sm",
 					children: [
 						/* @__PURE__ */ jsxs("p", { children: [
@@ -546,20 +659,21 @@ function SpawnTeamModal({ profileGroup: team, teams, onClose, onSpawned }) {
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "mt-4 flex justify-end gap-2",
-					children: [/* @__PURE__ */ jsx(Button, {
+					children: [/* @__PURE__ */ jsx(Button$1, {
 						variant: "ghost",
+						disabled: busy,
 						onClick: onClose,
-						children: "cancel"
-					}), preview ? /* @__PURE__ */ jsx(Button, {
+						children: "Cancel"
+					}), preview ? /* @__PURE__ */ jsx(Button$1, {
 						variant: "primary",
 						onClick: spawn,
 						disabled: busy,
-						children: busy ? "spawning…" : `commit ${preview.mode}`
-					}) : /* @__PURE__ */ jsx(Button, {
+						children: busy ? "Spawning…" : `Commit ${preview.mode}`
+					}) : /* @__PURE__ */ jsx(Button$1, {
 						variant: "primary",
 						onClick: review,
 						disabled: busy || team.slotCount === 0,
-						children: busy ? "reviewing…" : "review exact result"
+						children: busy ? "Reviewing…" : "Review exact result"
 					})]
 				})
 			]
@@ -580,11 +694,52 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 	const [spawnTeamFor, setSpawnTeamFor] = useState(null);
 	const [createGroupOpen, setCreateGroupOpen] = useState(false);
 	const [menuOpen, setMenuOpen] = useState(false);
+	const [renameTarget, setRenameTarget] = useState(null);
+	const [archiveTarget, setArchiveTarget] = useState(null);
+	const [actionError, setActionError] = useState(null);
 	const newButtonRef = useRef(null);
+	const newMenuRef = useRef(null);
 	const restoreNewButton = () => window.requestAnimationFrame(() => newButtonRef.current?.focus());
 	const [openGroups, setOpenGroups] = useState(() => initialOpenGroups ?? {});
-	async function rename(a) {
-		const next = window.prompt(`rename "${a.name}" to:`, a.name)?.trim();
+	useEffect(() => {
+		if (!menuOpen) return;
+		const menu = newMenuRef.current;
+		window.requestAnimationFrame(() => {
+			menu?.querySelector("[role=\"menuitem\"]:not([disabled])")?.focus();
+		});
+		const onPointerDown = (event) => {
+			if (menu?.contains(event.target) || newButtonRef.current?.contains(event.target)) return;
+			setMenuOpen(false);
+			restoreNewButton();
+		};
+		const onKeyDown = (event) => {
+			if (event.key !== "Escape") return;
+			event.preventDefault();
+			setMenuOpen(false);
+			restoreNewButton();
+		};
+		document.addEventListener("pointerdown", onPointerDown);
+		document.addEventListener("keydown", onKeyDown);
+		return () => {
+			document.removeEventListener("pointerdown", onPointerDown);
+			document.removeEventListener("keydown", onKeyDown);
+		};
+	}, [menuOpen]);
+	function moveMenuFocus(event) {
+		if (![
+			"ArrowDown",
+			"ArrowUp",
+			"Home",
+			"End"
+		].includes(event.key)) return;
+		const items = Array.from(event.currentTarget.querySelectorAll("[role=\"menuitem\"]:not([disabled])"));
+		if (items.length === 0) return;
+		event.preventDefault();
+		const current = items.indexOf(document.activeElement);
+		items[event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : event.key === "ArrowDown" ? (current + 1 + items.length) % items.length : (current - 1 + items.length) % items.length]?.focus();
+	}
+	async function rename(a, nextName) {
+		const next = nextName.trim();
 		if (!next || next === a.name) return;
 		const res = await fetch(`/api/agents/${a.id}`, {
 			method: "PATCH",
@@ -593,17 +748,15 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 		});
 		if (!res.ok) {
 			const body = await res.json().catch(() => null);
-			alert(body?.error ?? res.statusText);
-			return;
+			throw new Error(body?.error ?? `Could not rename agent (${res.status})`);
 		}
 		await router.invalidate();
 	}
 	async function archive(a) {
-		if (!confirm(`archive "${a.name}"? (reversible — find under "show archived")`)) return;
 		const res = await fetch(`/api/agents/${a.id}/archive`, { method: "POST" });
 		if (!res.ok && res.status !== 204) {
-			alert(res.statusText);
-			return;
+			const body = await res.json().catch(() => null);
+			throw new Error(body?.error ?? `Could not archive agent (${res.status})`);
 		}
 		await router.invalidate();
 	}
@@ -641,7 +794,7 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 							})
 						}), /* @__PURE__ */ jsx("span", { children: "Agents" })]
 					}), /* @__PURE__ */ jsxs("p", {
-						className: "mt-0.5 truncate pl-9 text-[0.7rem] text-muted-foreground",
+						className: "mt-0.5 truncate pl-9 text-xs text-muted-foreground",
 						children: [
 							agents.length,
 							" agent",
@@ -656,8 +809,11 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 					className: "relative",
 					children: [/* @__PURE__ */ jsxs("button", {
 						ref: newButtonRef,
+						id: "sidebar-new-menu-button",
 						type: "button",
 						onClick: () => setMenuOpen((v) => !v),
+						"aria-label": "Create a new Agent or Team",
+						"aria-controls": menuOpen ? "sidebar-new-menu" : void 0,
 						"aria-expanded": menuOpen,
 						"aria-haspopup": "menu",
 						className: "unstyled inline-flex h-8 items-center gap-1 rounded-lg border border-border bg-card px-2.5 text-xs font-semibold text-foreground shadow-baziu-sm transition-colors hover:border-primary/30 hover:bg-accent hover:text-accent-foreground",
@@ -673,9 +829,12 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 							})
 						]
 					}), menuOpen && /* @__PURE__ */ jsxs("div", {
+						ref: newMenuRef,
+						id: "sidebar-new-menu",
 						role: "menu",
+						"aria-labelledby": "sidebar-new-menu-button",
 						className: "absolute right-0 top-[calc(100%+0.4rem)] z-20 w-60 overflow-hidden rounded-xl border border-border bg-popover p-1.5 text-popover-foreground shadow-baziu-lg",
-						onMouseLeave: () => setMenuOpen(false),
+						onKeyDown: moveMenuFocus,
 						children: [
 							profiles.length === 0 ? /* @__PURE__ */ jsxs("div", {
 								className: "rounded-lg bg-muted/40 px-3 py-2.5 text-xs leading-5 text-muted-foreground",
@@ -684,12 +843,13 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 									" ",
 									/* @__PURE__ */ jsx("a", {
 										href: "/templates/agents",
+										role: "menuitem",
 										className: "text-primary underline",
 										children: "Create one to spawn agents."
 									})
 								]
 							}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-1.5 px-2.5 pb-1 pt-1 text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-muted-foreground",
+								className: "flex items-center gap-1.5 px-2.5 pb-1 pt-1 text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground",
 								children: [/* @__PURE__ */ jsx(Bot, {
 									className: "size-3",
 									"aria-hidden": "true"
@@ -715,14 +875,14 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 										children: p.name || p.id
 									}),
 									p.id === "default" && /* @__PURE__ */ jsx("span", {
-										className: "rounded-full border border-border bg-muted px-1.5 py-0.5 text-[0.65rem] font-semibold text-muted-foreground",
+										className: "rounded-full border border-border bg-muted px-1.5 py-0.5 text-xs font-semibold text-muted-foreground",
 										children: "Default"
 									})
 								]
 							}, p.id))] }),
 							/* @__PURE__ */ jsx("div", { className: "my-1.5 h-px bg-border" }),
 							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-1.5 px-2.5 pb-1 pt-1 text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-muted-foreground",
+								className: "flex items-center gap-1.5 px-2.5 pb-1 pt-1 text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground",
 								children: [/* @__PURE__ */ jsx(UsersRound, {
 									className: "size-3",
 									"aria-hidden": "true"
@@ -735,6 +895,7 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 									" ",
 									/* @__PURE__ */ jsx("a", {
 										href: "/templates/teams",
+										role: "menuitem",
 										className: "text-primary underline",
 										children: "Create one"
 									}),
@@ -763,7 +924,7 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 										children: pg.name || pg.id
 									}),
 									/* @__PURE__ */ jsx("span", {
-										className: "inline-flex min-w-6 items-center justify-center rounded-full bg-muted px-1.5 font-mono text-[0.68rem] text-muted-foreground",
+										className: "inline-flex min-w-6 items-center justify-center rounded-full bg-muted px-1.5 font-mono text-xs text-muted-foreground",
 										children: pg.slotCount
 									})
 								]
@@ -771,6 +932,7 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 							/* @__PURE__ */ jsx("div", { className: "my-1.5 h-px bg-border" }),
 							/* @__PURE__ */ jsxs("button", {
 								type: "button",
+								role: "menuitem",
 								onClick: () => {
 									setMenuOpen(false);
 									setCreateGroupOpen(true);
@@ -785,10 +947,15 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 					})]
 				})]
 			}),
+			actionError && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "m-2 rounded-lg bg-danger/10 px-3 py-2 text-xs text-danger",
+				children: actionError
+			}),
 			/* @__PURE__ */ jsx("nav", {
 				className: "flex-1 overflow-y-auto p-1.5",
 				"aria-label": "Teams and agents",
-				children: agents.length === 0 && teams.length === 0 ? /* @__PURE__ */ jsxs("div", {
+				children: agents.length === 0 ? /* @__PURE__ */ jsxs("div", {
 					className: "m-1 flex flex-col items-center rounded-xl border border-dashed border-border bg-muted/30 px-4 py-6 text-center",
 					children: [
 						/* @__PURE__ */ jsx("span", {
@@ -804,12 +971,20 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 						}),
 						/* @__PURE__ */ jsx("p", {
 							className: "mt-1 text-xs leading-5 text-muted-foreground",
-							children: "Spawn your first agent to start a conversation."
+							children: "Your default Team is ready. Spawn the first agent to start a conversation."
 						}),
-						/* @__PURE__ */ jsxs("a", {
-							href: "/agents",
+						sortedProfiles[0] ? /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							onClick: () => setSpawnFor({ profileId: sortedProfiles[0]?.id ?? "default" }),
+							className: "unstyled mt-3 inline-flex min-h-9 items-center gap-1 rounded-lg bg-primary px-3 text-xs font-semibold text-primary-foreground hover:bg-primary/90",
+							children: ["Spawn first agent", /* @__PURE__ */ jsx(ChevronRight, {
+								className: "size-3.5",
+								"aria-hidden": "true"
+							})]
+						}) : /* @__PURE__ */ jsxs("a", {
+							href: "/templates/agents",
 							className: "mt-3 inline-flex items-center gap-1 text-xs font-semibold text-primary hover:text-primary/80",
-							children: ["Open agent setup", /* @__PURE__ */ jsx(ChevronRight, {
+							children: ["Create an Agent template", /* @__PURE__ */ jsx(ChevronRight, {
 								className: "size-3.5",
 								"aria-hidden": "true"
 							})]
@@ -852,11 +1027,11 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 									children: g.name
 								}),
 								g.id === "default" && /* @__PURE__ */ jsx("span", {
-									className: "text-[0.62rem] font-semibold uppercase tracking-wide text-muted-foreground",
+									className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
 									children: "Default"
 								}),
 								/* @__PURE__ */ jsx("span", {
-									className: "inline-flex min-w-6 items-center justify-center rounded-full border border-border bg-card px-1.5 font-mono text-[0.68rem] text-muted-foreground",
+									className: "inline-flex min-w-6 items-center justify-center rounded-full border border-border bg-card px-1.5 font-mono text-xs text-muted-foreground",
 									children: teamAgents.length
 								})
 							]
@@ -894,7 +1069,7 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 											})
 										]
 									}), /* @__PURE__ */ jsxs("div", {
-										className: "mt-0.5 flex gap-2 pl-3 font-mono text-[0.65rem] text-muted-foreground",
+										className: "mt-0.5 flex gap-2 pl-3 font-mono text-xs text-muted-foreground",
 										children: [/* @__PURE__ */ jsx("span", {
 											className: "uppercase tracking-wide",
 											children: a.status
@@ -904,7 +1079,7 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 									className: "absolute right-1 top-1/2 z-10 flex -translate-y-1/2 gap-0.5",
 									children: [/* @__PURE__ */ jsx("button", {
 										type: "button",
-										onClick: () => rename(a),
+										onClick: () => setRenameTarget(a),
 										title: "Rename",
 										"aria-label": `Rename ${a.name}`,
 										className: "unstyled flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-card hover:text-primary focus-visible:bg-card",
@@ -914,7 +1089,7 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 										})
 									}), /* @__PURE__ */ jsx("button", {
 										type: "button",
-										onClick: () => archive(a),
+										onClick: () => setArchiveTarget(a),
 										title: "Archive",
 										"aria-label": `Archive ${a.name}`,
 										className: "unstyled flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive focus-visible:bg-destructive/10 focus-visible:text-destructive",
@@ -956,9 +1131,114 @@ function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, init
 			createGroupOpen && /* @__PURE__ */ jsx(CreateTeamDialog, { onClose: () => {
 				setCreateGroupOpen(false);
 				restoreNewButton();
-			} })
+			} }),
+			/* @__PURE__ */ jsx(RenameAgentDialog, {
+				agent: renameTarget,
+				onOpenChange: (open) => {
+					if (!open) setRenameTarget(null);
+				},
+				onRename: async (agent, name) => {
+					setActionError(null);
+					try {
+						await rename(agent, name);
+					} catch (error) {
+						setActionError(error instanceof Error ? error.message : String(error));
+						throw error;
+					}
+				}
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: archiveTarget !== null,
+				onOpenChange: (open) => {
+					if (!open) setArchiveTarget(null);
+				},
+				title: `Archive ${archiveTarget?.name ?? "agent"}?`,
+				description: /* @__PURE__ */ jsx("p", { children: "The Agent will stop appearing in this sidebar and cannot receive normal work. You can restore it later from the Agents page with “Show archived”." }),
+				confirmLabel: "Archive agent",
+				confirmVariant: "primary",
+				onConfirm: async () => {
+					if (!archiveTarget) return;
+					setActionError(null);
+					try {
+						await archive(archiveTarget);
+					} catch (error) {
+						setActionError(error instanceof Error ? error.message : String(error));
+						throw error;
+					}
+				}
+			})
 		]
 	});
 }
+function RenameAgentDialog({ agent, onOpenChange, onRename }) {
+	const [name, setName] = useState("");
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState(null);
+	function changeOpen(open) {
+		if (!open && busy) return;
+		if (open && agent) setName(agent.name);
+		if (!open) {
+			setName("");
+			setError(null);
+			setBusy(false);
+		}
+		onOpenChange(open);
+	}
+	async function submit(event) {
+		event.preventDefault();
+		if (!agent || !name.trim() || name.trim() === agent.name) return;
+		setBusy(true);
+		setError(null);
+		try {
+			await onRename(agent, name);
+			changeOpen(false);
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : String(cause));
+			setBusy(false);
+		}
+	}
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		open: agent !== null,
+		onOpenChange: changeOpen,
+		children: /* @__PURE__ */ jsx(DialogContent, {
+			showCloseButton: !busy,
+			children: /* @__PURE__ */ jsxs("form", {
+				onSubmit: (event) => void submit(event),
+				children: [
+					/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsxs(DialogTitle, { children: ["Rename ", agent?.name ?? "agent"] }), /* @__PURE__ */ jsx(DialogDescription, { children: "This changes the display name only; the Agent ID and history stay the same." })] }),
+					/* @__PURE__ */ jsxs("label", {
+						className: "mt-4 block text-sm font-semibold text-foreground",
+						children: ["Agent name", /* @__PURE__ */ jsx("input", {
+							autoFocus: true,
+							className: "mt-1",
+							value: name || agent?.name || "",
+							onChange: (event) => setName(event.target.value),
+							maxLength: 120
+						})]
+					}),
+					error && /* @__PURE__ */ jsx("p", {
+						role: "alert",
+						className: "mt-3 text-sm text-danger",
+						children: error
+					}),
+					/* @__PURE__ */ jsxs(DialogFooter, {
+						className: "mt-4",
+						children: [/* @__PURE__ */ jsx(Button$1, {
+							variant: "ghost",
+							disabled: busy,
+							onClick: () => changeOpen(false),
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button$1, {
+							variant: "primary",
+							type: "submit",
+							disabled: busy || !name.trim() || name.trim() === agent?.name,
+							children: busy ? "Renaming…" : "Rename agent"
+						})]
+					})
+				]
+			})
+		})
+	});
+}
 //#endregion
 export { Sidebar as n, SIDEBAR_OPEN_GROUPS_COOKIE as t };