@bud.sh/app 0.4.1 → 0.5.1

package/dist/node/design.js

@@ -1,5 +1,5 @@
 import { a as FieldCardFooter, c as Button, i as FieldCardContent, l as Text, o as FieldCardHeader, r as FieldCard, s as ariaAttributes, t as Loader } from "./assets/loader-QRRDmKqp.js";
-import { D as statusCategory, S as valueByRole, T as fieldByRole, _ as parseWorkPatch, f as parseWorkCreate, h as parseWorkItemRef } from "./assets/src-BdvZ2mYc.js";
+import { C as valueByRole, g as parseWorkItemRef, j as statusCategory, k as fieldByRole, p as parseWorkCreate, v as parseWorkPatch } from "./assets/src-CerrKjID.js";
 import { createElement, on, ref } from "remix/component";
 import { Fragment, jsx, jsxs } from "remix/component/jsx-runtime";
 import { createMatcher } from "remix/route-pattern/match";
@@ -3230,6 +3230,10 @@ var de = {
 		text: "Bud hat eine Kommentaränderung rückgängig gemacht",
 		source: "1f7e1986"
 	},
+	"app.client.projectComments.commentDeleted": {
+		text: "Kommentar gelöscht",
+		source: "e442d3f3"
+	},
 	"app.client.projectComments.commentSaved": {
 		text: "Kommentar gespeichert",
 		source: "f7901519"
@@ -3250,6 +3254,10 @@ var de = {
 		text: "Die Diskussion konnte nicht geladen werden.",
 		source: "bac34014"
 	},
+	"app.client.projectComments.discussionDeleted": {
+		text: "Diskussion gelöscht",
+		source: "156ebf8c"
+	},
 	"app.client.projectComments.discussionNoLongerInView": {
 		text: "Diese Diskussion gehört nicht mehr zu dieser Ansicht.",
 		source: "12e3b200"
@@ -3845,10 +3853,6 @@ var de = {
 		text: "Leinwand verschieben",
 		source: "233eddf0"
 	},
-	"canvas.canvasWorkspace.reload": {
-		text: "Neu laden",
-		source: "1a43a2ac"
-	},
 	"canvas.canvasWorkspace.savingComments": {
 		text: "Kommentare werden gespeichert",
 		source: "1f15fbfb"
@@ -4053,6 +4057,30 @@ var de = {
 		text: "Kommentar",
 		source: "984f9ffe"
 	},
+	"comments.commentThread.commentActions": {
+		text: "Kommentaraktionen",
+		source: "ebed7451"
+	},
+	"comments.commentThread.confirmDeleteComment": {
+		text: "Diesen Kommentar löschen?",
+		source: "46eacc70"
+	},
+	"comments.commentThread.confirmDeleteDiscussion": {
+		text: "Diese Diskussion löschen?",
+		source: "860d22bf"
+	},
+	"comments.commentThread.delete": {
+		text: "Löschen",
+		source: "5797ea6a"
+	},
+	"comments.commentThread.deleteComment": {
+		text: "Kommentar löschen",
+		source: "d8c741d3"
+	},
+	"comments.commentThread.deleteDiscussion": {
+		text: "Diskussion löschen",
+		source: "af680606"
+	},
 	"comments.commentThread.leaveCommentPlaceholder": {
 		text: "Kommentar schreiben…",
 		source: "98a1ef74"
@@ -7751,11 +7779,13 @@ var en = {
 	"app.client.projectComments.adapterDoesNotSupportOperation": "The comment adapter does not support this operation.",
 	"app.client.projectComments.adapterUnavailable": "The comment adapter is unavailable.",
 	"app.client.projectComments.budUndidCommentChange": "Bud undid a comment change",
+	"app.client.projectComments.commentDeleted": "Comment deleted",
 	"app.client.projectComments.commentSaved": "Comment saved",
 	"app.client.projectComments.commentWriteNotConfirmed": "The comment write was not confirmed.",
 	"app.client.projectComments.commentsSynced": "Comments synced",
 	"app.client.projectComments.couldNotLoadComments": "Could not load comments.",
 	"app.client.projectComments.couldNotLoadDiscussion": "Could not load the discussion.",
+	"app.client.projectComments.discussionDeleted": "Discussion deleted",
 	"app.client.projectComments.discussionNoLongerInView": "This discussion is no longer part of this view.",
 	"app.client.projectComments.loadCommentsBeforeSaving": "Load comments before saving.",
 	"app.client.projectComments.refreshBeforeTryingAgain": "The comment write could not be confirmed. Refresh before trying again.",
@@ -7916,7 +7946,6 @@ var en = {
 	"canvas.canvasWorkspace.interactWithPages": "Interact with pages",
 	"canvas.canvasWorkspace.newComment": "New comment",
 	"canvas.canvasWorkspace.panCanvas": "Pan canvas",
-	"canvas.canvasWorkspace.reload": "Reload",
 	"canvas.canvasWorkspace.savingComments": "Saving comments",
 	"canvas.canvasWorkspace.showDarkPages": "Show dark pages",
 	"canvas.canvasWorkspace.showFullPages": "Show full pages",
@@ -7977,6 +8006,12 @@ var en = {
 	"comments.commentPins.detachedTitle": "{name} · Its element is no longer on the page",
 	"comments.commentThread.cancel": "Cancel",
 	"comments.commentThread.comment": "Comment",
+	"comments.commentThread.commentActions": "Comment actions",
+	"comments.commentThread.confirmDeleteComment": "Delete this comment?",
+	"comments.commentThread.confirmDeleteDiscussion": "Delete this discussion?",
+	"comments.commentThread.delete": "Delete",
+	"comments.commentThread.deleteComment": "Delete comment",
+	"comments.commentThread.deleteDiscussion": "Delete discussion",
 	"comments.commentThread.leaveCommentPlaceholder": "Leave a comment…",
 	"comments.commentThread.loadingDiscussion": "Loading discussion…",
 	"comments.commentThread.openDiscussion": "Open discussion",
@@ -24192,128 +24227,199 @@ function Breadcrumb(handle) {
 	};
 }
 //#endregion
-//#region ../ui/src/lib/headless-button.tsx
-/**
-* A native button with shared interactions; callers own its content and geometry.
-* @param handle - Native button props, content, and Remix mixins.
-* @returns The button render function.
-*/
-function HeadlessButton(handle) {
-	return () => {
-		let { class: className, type = "button", ...props } = handle.props;
-		let attributes = ariaAttributes(props);
-		return /* @__PURE__ */ jsx("button", {
-			...attributes,
-			type,
-			class: ["bud-headless-button", className].filter(Boolean).join(" ")
-		});
+//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/core/vnode.js
+function createRemixElement(type, props, key) {
+	return {
+		$rmx: true,
+		key,
+		props: normalizeElementProps(props),
+		type
+	};
+}
+function isRemixElement(node) {
+	if (typeof node !== "object" || node === null) return false;
+	let type = Reflect.get(node, "type");
+	let props = Reflect.get(node, "props");
+	return Reflect.get(node, "$rmx") === true && (typeof type === "string" || typeof type === "function") && typeof props === "object" && props !== null;
+}
+function normalizeElementProps(props) {
+	if (!props) return {};
+	if (!("mix" in props)) return props;
+	if (isNormalizedMix(props.mix)) return props;
+	let { mix, ...rest } = props;
+	let normalizedMix = normalizeMixValue(mix);
+	return normalizedMix === void 0 ? rest : {
+		...rest,
+		mix: normalizedMix
 	};
 }
+function isNormalizedMix(mix) {
+	if (!Array.isArray(mix) || mix.length === 0) return false;
+	for (let i = 0; i < mix.length; i++) {
+		let item = mix[i];
+		if (!item || Array.isArray(item)) return false;
+	}
+	return true;
+}
+function normalizeMixValue(mix) {
+	if (!mix) return void 0;
+	let normalizedMix = [];
+	flattenMixValue(mix, normalizedMix);
+	return normalizedMix.length === 0 ? void 0 : normalizedMix;
+}
+function flattenMixValue(mix, out) {
+	if (!mix) return;
+	if (!Array.isArray(mix)) {
+		out.push(mix);
+		return;
+	}
+	for (let item of mix) flattenMixValue(item, out);
+}
 //#endregion
-//#region ../ui/src/lib/comments/comment-data.ts
-/**
-* Takes the first letters of a name's first and last words.
-* @param name - The author's name.
-* @returns One or two capital letters, or `?` for an empty name.
-*/
-function commentInitials(name) {
-	let parts = name.trim().split(/\s+/u).filter(Boolean);
-	return `${parts[0]?.[0] ?? "?"}${parts.length > 1 ? parts.at(-1)[0] : ""}`.toUpperCase();
+//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/jsx.js
+function jsx$1(type, props, key) {
+	return createRemixElement(type, props, key);
 }
+//#endregion
+//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/invariant.js
 /**
-* Gives an author a stable color.
-* @param id - The author's id.
-* @returns A hue from 0 to 359.
+* Use this when framework code is incorrect, indicating an internal bug rather
+* than application code error.
+*
+* @param assertion The value to check for truthiness
+* @param message Optional message to include in the error
 */
-function commentAuthorHue(id) {
-	let hash = 0;
-	for (let character of id) hash = (hash * 31 + character.codePointAt(0)) % 360;
-	return hash;
+function invariant(assertion, message) {
+	let prefix = "Framework invariant";
+	if (assertion) return;
+	throw new Error(message ? `${prefix}: ${message}` : prefix);
 }
 //#endregion
-//#region ../ui/src/lib/comments/comment-thread.tsx
+//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/core/children.js
+function normalizeChildren(children) {
+	for (let i = 0; i < children.length; i++) if (Array.isArray(children[i])) return children.flat(Infinity);
+	return children;
+}
+function assertRemixNodes(values) {
+	for (let value of values) invariant(isRemixNode(value), "Invalid child node");
+}
+function isRemixNode(value) {
+	if (value == null) return true;
+	let type = typeof value;
+	if (type === "string" || type === "number" || type === "bigint" || type === "boolean") return true;
+	if (isRemixElement(value)) return true;
+	if (!Array.isArray(value)) return false;
+	for (let child of value) if (!isRemixNode(child)) return false;
+	return true;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/mixins/mixin.js
 /**
-* Shows an author's initials on a circle in their color.
-* @param handle - The author, and whether the avatar is the compact size.
-* @returns The avatar render function.
+* Creates a typed mixin factory that can be passed through the `mix` prop.
+*
+* @param type Mixin setup function.
+* @returns A function that captures mixin arguments and returns a descriptor.
 */
-function CommentAvatar(handle) {
-	return () => {
-		let { author, compact = false, class: className = "" } = handle.props;
-		return /* @__PURE__ */ jsx(Text, {
-			variant: "ui-caption",
-			weight: "medium",
-			class: `flex shrink-0 items-center justify-center rounded-full text-white ${compact ? "size-5" : "size-6"} ${className}`,
-			title: author.name,
-			"data-testid": "comment-avatar",
-			style: { backgroundColor: `oklch(0.55 0.14 ${commentAuthorHue(author.id)})` },
-			children: /* @__PURE__ */ jsx("span", {
-				class: compact ? "scale-[0.833]" : void 0,
-				children: commentInitials(author.name)
-			})
-		});
-	};
+function createMixin(type) {
+	return (...args) => ({
+		type,
+		args
+	});
 }
 //#endregion
-//#region ../ui/src/lib/dialog.tsx
-var sizes = {
-	default: "max-w-[35rem]",
-	large: "max-w-[39rem]",
-	wide: "max-w-[51rem]"
+//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/mixins/on-mixin.js
+var onMixinType = (handle) => {
+	let currentHandler = () => {};
+	let currentType = "";
+	let currentCapture = false;
+	let currentNode = null;
+	let reentry = null;
+	let stableHandler = (event) => {
+		reentry?.abort(new DOMException("", "EventReentry"));
+		reentry = new AbortController();
+		currentHandler(event, reentry.signal);
+	};
+	handle.addEventListener("insert", (event) => {
+		currentNode = event.node;
+		currentNode.addEventListener(currentType, stableHandler, currentCapture);
+	});
+	handle.addEventListener("remove", () => {
+		currentNode?.removeEventListener(currentType, stableHandler, currentCapture);
+		currentNode = null;
+		reentry?.abort(new DOMException("", "AbortError"));
+	});
+	return (type, handler, captureBoolean = false) => {
+		let previousType = currentType;
+		let previousCapture = currentCapture;
+		let needsRebind = currentType !== type || currentCapture !== captureBoolean;
+		currentType = type;
+		currentHandler = handler;
+		currentCapture = captureBoolean;
+		if (needsRebind && currentNode) {
+			currentNode.removeEventListener(previousType, stableHandler, previousCapture);
+			currentNode.addEventListener(type, stableHandler, captureBoolean);
+		}
+		return handle.element;
+	};
 };
+var onMixin = createMixin(onMixinType);
 /**
-* The one modal: a native dialog on a dimmed, blurred backdrop whose content is a FieldCard,
-* raised above the page. It takes focus when it opens, returns it when it closes, and closes on
-* Escape or a click on the backdrop.
-* @param handle - The label, size, close handler and content.
-* @returns The dialog's render function.
+* Attaches a typed DOM event handler through the mixin system.
+*
+* @param type Event type to listen for.
+* @param handler Event handler.
+* @param captureBoolean Whether to listen during capture.
+* @returns A mixin descriptor for the target element.
 */
-function Dialog(handle) {
-	let pressedOutside = false;
-	function close() {
-		if (handle.props.dismissible !== false) handle.props.onClose();
-	}
-	return () => {
-		let { label, size = "default", initialFocus, children } = handle.props;
-		return /* @__PURE__ */ jsx("dialog", {
-			"aria-label": label,
-			class: `fixed inset-0 m-auto flex max-h-full w-full flex-col overflow-hidden border-0 bg-transparent p-3 text-ink transition-[opacity,scale] duration-200 ease-out backdrop:bg-black/25 backdrop:backdrop-blur-sm backdrop:transition-opacity backdrop:duration-200 starting:scale-[0.97] starting:opacity-0 starting:backdrop:opacity-0 motion-reduce:transition-none motion-reduce:backdrop:transition-none sm:p-6 ${sizes[size]}`,
-			mix: [
-				ref((node, signal) => openDialog(node, signal, initialFocus)),
-				on("cancel", (event) => {
-					event.preventDefault();
-					close();
-				}),
-				on("pointerdown", (event) => {
-					pressedOutside = event.target === event.currentTarget;
-				}),
-				on("click", (event) => {
-					if (pressedOutside && event.target === event.currentTarget) close();
-				})
-			],
-			children
-		});
-	};
+function on$1(type, handler, captureBoolean) {
+	return onMixin(type, handler, captureBoolean);
 }
+//#endregion
+//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/create-element.js
 /**
-* Owns a native modal and returns focus once Remix removes its host node.
-* @param node - The mounted dialog.
-* @param signal - The host's lifetime, including its removal.
-* @param initialFocus - An optional selector for the element to focus first.
+* Creates a Remix virtual element from a JSX-like call signature.
+*
+* @param type Host tag, component function, or mixin host placeholder.
+* @param props Element props.
+* @param children Child nodes.
+* @returns A Remix virtual element.
 */
-function openDialog(node, signal, initialFocus) {
-	let document = node.ownerDocument;
-	let previous = document.activeElement;
-	node.showModal();
-	if (initialFocus) queueMicrotask(() => {
-		if (!signal.aborted) node.querySelector(initialFocus)?.focus();
-	});
-	signal.addEventListener("abort", () => {
-		node.close();
-		queueMicrotask(() => {
-			if (previous instanceof HTMLElement && previous.isConnected && [...document.querySelectorAll("dialog:modal")].every((dialog) => dialog.contains(previous))) previous.focus({ preventScroll: true });
-		});
-	}, { once: true });
+function createElement$1(type, props, ...children) {
+	let nextProps = { ...props ?? {} };
+	if (isMixinElementType(type)) {
+		if (children.length > 0) console.error(/* @__PURE__ */ new Error("mixin elements must not receive children"));
+	} else {
+		assertRemixNodes(children);
+		nextProps.children = normalizeChildren(children);
+	}
+	if (nextProps.key != null) {
+		let { key, ...rest } = nextProps;
+		return jsx$1(type, rest, key);
+	}
+	return jsx$1(type, nextProps);
+}
+function isMixinElementType(type) {
+	return typeof type === "function" && "__rmxMixinElementType" in type;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/mixins/attrs-mixin.js
+var attrsMixin = createMixin((handle) => (defaults, props) => {
+	let nextProps = props;
+	for (let key in defaults) {
+		if (props[key] !== void 0) continue;
+		if (nextProps === props) nextProps = { ...props };
+		nextProps[key] = defaults[key];
+	}
+	return nextProps === props ? handle.element : createElement$1(handle.element, nextProps);
+});
+/**
+* Applies default host props unless the element already provides them explicitly.
+*
+* @param defaults Default props to apply when the element does not already define them.
+* @returns A mixin descriptor that provides default host props.
+*/
+function attrs(defaults) {
+	return attrsMixin(defaults);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/anchor.js
@@ -24760,548 +24866,238 @@ function anchor$1(floating, anchorTarget, options = {}) {
 	};
 }
 //#endregion
-//#region ../ui/src/lib/shortcut.ts
-var symbols = {
-	arrowup: "↑",
-	arrowdown: "↓",
-	arrowleft: "←",
-	arrowright: "→",
-	enter: "↵",
-	escape: "Esc",
-	backspace: "⌫",
-	tab: "⇥",
-	space: "Space"
-};
-/**
-* Reads a combo such as `mod+shift+k`; the last part is the key, so `mod++` means mod and plus.
-* @param combo - Modifiers and a key joined by `+`.
-* @returns The key and its modifiers.
-*/
-function parseShortcut(combo) {
-	let separator = combo.length < 2 ? -1 : combo.lastIndexOf("+", combo.length - 2);
-	let modifiers = separator < 0 ? [] : combo.slice(0, separator).toLowerCase().split("+");
-	return {
-		key: combo.slice(separator + 1),
-		mod: modifiers.includes("mod"),
-		shift: modifiers.includes("shift"),
-		alt: modifiers.includes("alt")
+//#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/lib/outside-click.js
+var onOutsideClick = createMixin((handle) => {
+	let active = false;
+	let handler = () => {};
+	let isInsideTarget = () => false;
+	let stopPropagation = true;
+	handle.addEventListener("insert", (event) => {
+		let node = event.node;
+		node.ownerDocument.addEventListener("click", (event) => {
+			let target = event.target instanceof Node ? event.target : null;
+			if (!active || target && (node.contains(target) || isInsideTarget(target))) return;
+			if (stopPropagation) event.stopPropagation();
+			handler(target);
+		}, {
+			capture: true,
+			signal: handle.signal
+		});
+	});
+	return (nextActive, nextHandler, nextIsInsideTarget = () => false, nextStopPropagation = true) => {
+		active = nextActive;
+		handler = nextHandler;
+		isInsideTarget = nextIsInsideTarget;
+		stopPropagation = nextStopPropagation;
 	};
-}
-/**
-* The keycaps to show for a combo, in the platform's order and notation.
-* @param combo - Modifiers and a key joined by `+`.
-* @param apple - Whether to use Apple symbols; detected from the browser by default.
-* @returns One label per key.
-*/
-function shortcutKeys(combo, apple = isApple()) {
-	let { key, mod, shift, alt } = parseShortcut(combo);
-	let label = symbols[key.toLowerCase()] ?? (key.length === 1 ? key.toUpperCase() : key);
-	if (apple) return [
-		alt && "⌥",
-		shift && "⇧",
-		mod && "⌘",
-		label
-	].filter((part) => part !== false);
-	return [
-		mod && "Ctrl",
-		alt && "Alt",
-		shift && "Shift",
-		label
-	].filter((part) => part !== false);
-}
-function isApple() {
-	return typeof navigator !== "undefined" && /mac|iphone|ipad|ipod/i.test(navigator.platform);
-}
+});
 //#endregion
-//#region ../ui/src/lib/tooltip.tsx
-var delay = 400;
-var warmFor = 300;
-var closedAt = 0;
-/**
-* Names a control on hover or keyboard focus, with its shortcut. The control keeps its own
-* accessible name; the tooltip describes it.
-* @param handle - The label, optional shortcut and the control it describes.
-* @returns The tooltip render function.
-*/
-function Tooltip(handle) {
-	let open = false;
-	let timer;
-	let trigger;
-	let release = () => {};
-	let id = `${handle.id}-tooltip`;
-	function show(immediately) {
-		clearTimeout(timer);
-		if (open) return;
-		let reveal = () => {
-			open = true;
-			handle.update();
+//#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/lib/scroll-lock.js
+var scrollLocks = /* @__PURE__ */ new WeakMap();
+function lockScroll(targetDocument = globalThis.document) {
+	if (!targetDocument?.body || !targetDocument.defaultView) return () => {};
+	let document = targetDocument;
+	let documentElement = document.documentElement;
+	let view = document.defaultView;
+	let state = scrollLocks.get(document);
+	if (!state) {
+		let scrollX = view.scrollX;
+		let scrollY = view.scrollY;
+		let scrollbarWidth = documentElement.clientWidth > 0 ? Math.max(view.innerWidth - documentElement.clientWidth, 0) : 0;
+		let computedScrollbarGutter = view.getComputedStyle(documentElement).scrollbarGutter;
+		state = {
+			count: 0,
+			documentOverflow: documentElement.style.overflow,
+			documentScrollbarGutter: documentElement.style.scrollbarGutter,
+			scrollX,
+			scrollY
 		};
-		if (immediately || Date.now() - closedAt < warmFor) reveal();
-		else timer = setTimeout(reveal, delay);
-	}
-	function hide() {
-		clearTimeout(timer);
-		if (!open) return;
-		open = false;
-		closedAt = Date.now();
-		handle.update();
+		documentElement.style.overflow = "hidden";
+		if (scrollbarWidth > 0 && computedScrollbarGutter === "auto") documentElement.style.scrollbarGutter = "stable";
+		scrollLocks.set(document, state);
 	}
-	return () => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-		class: "inline-flex",
-		mix: [
-			ref((node, signal) => {
-				trigger = node.firstElementChild instanceof HTMLElement ? node.firstElementChild : node;
-				trigger.setAttribute("aria-describedby", id);
-				let escape = (event) => {
-					if (event.key === "Escape") hide();
-				};
-				document.addEventListener("keydown", escape, { signal });
-				signal.addEventListener("abort", () => clearTimeout(timer), { once: true });
-			}),
-			on("pointerenter", (event) => {
-				if (event.pointerType === "mouse") show(false);
-			}),
-			on("pointerleave", hide),
-			on("pointerdown", hide),
-			on("focusin", (event) => {
-				if (event.target.dataset.focusMethod === "keyboard") show(true);
-			}),
-			on("focusout", hide)
-		],
-		children: handle.props.children
-	}), /* @__PURE__ */ jsxs("div", {
-		id,
-		role: "tooltip",
-		popover: "manual",
-		class: "bud-tooltip pointer-events-none m-0 inline-flex items-center gap-1.5 rounded-[10px] px-2 py-1.5 transition-[opacity,scale] duration-100 ease-out starting:scale-95 starting:opacity-0 motion-reduce:transition-none",
-		mix: ref((node, signal) => {
-			if (!open || !trigger) return;
-			node.showPopover();
-			release = anchor$1(node, trigger, {
-				placement: handle.props.placement ?? "top",
-				offset: 6
-			});
-			signal.addEventListener("abort", () => {
-				release();
-				if (node.isConnected && node.matches(":popover-open")) node.hidePopover();
-			}, { once: true });
-		}),
-		hidden: !open,
-		children: [/* @__PURE__ */ jsx(Text, {
-			variant: "ui-caption",
-			weight: "medium",
-			children: handle.props.label
-		}), handle.props.shortcut ? /* @__PURE__ */ jsx(Kbd, { shortcut: handle.props.shortcut }) : null]
-	}, open ? "open" : "closed")] });
+	state.count++;
+	let unlocked = false;
+	return () => {
+		if (unlocked) return;
+		unlocked = true;
+		let currentState = scrollLocks.get(document);
+		if (!currentState) return;
+		currentState.count--;
+		if (currentState.count > 0) return;
+		scrollLocks.delete(document);
+		documentElement.style.overflow = currentState.documentOverflow;
+		documentElement.style.scrollbarGutter = currentState.documentScrollbarGutter;
+		view.scrollTo(currentState.scrollX, currentState.scrollY);
+	};
 }
-/**
-* A shortcut as keycaps, such as ⌘ K, in the platform's notation.
-* @param handle - A combo such as `mod+shift+k`.
-* @returns The keycaps render function.
-*/
-function Kbd(handle) {
-	return () => /* @__PURE__ */ jsx("span", {
-		class: `inline-flex items-center gap-0.5 ${handle.props.class ?? ""}`,
-		children: shortcutKeys(handle.props.shortcut).map((key, index) => /* @__PURE__ */ jsx(Text, {
-			as: "kbd",
-			variant: "kbd",
-			class: "inline-flex h-4.5 min-w-4.5 items-center justify-center rounded-[5px] bg-current/12 px-1 opacity-80",
-			"data-slot": "kbd",
-			children: key
-		}, index))
+//#endregion
+//#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/popover.js
+function PopoverProvider(handle) {
+	handle.context.set({
+		hideFocusTarget: null,
+		showFocusTarget: null,
+		surface: null,
+		anchor: null
 	});
+	return () => handle.props.children;
 }
-//#endregion
-//#region ../ui/src/lib/icon-button.tsx
-/**
-* Compact control shared by the canvas, sidebar, and embedded product demo.
-* @param handle - Native button props, icon, label, and active state.
-* @returns The button render function.
-*/
-function IconButton(handle) {
-	return () => {
-		let { icon, label, active, surface, size = "default", iconSize = size === "small" ? 14 : 16, tooltip, shortcut, class: className = "", ...props } = handle.props;
-		let button = /* @__PURE__ */ jsx(HeadlessButton, {
-			...props,
-			"aria-label": label,
-			title: tooltip ? void 0 : props.title ?? label,
-			"aria-pressed": props["aria-pressed"] ?? active,
-			"data-active": active,
-			class: `bud-interaction ${surface ? "bud-control" : ""} flex shrink-0 items-center justify-center ${size === "small" ? "size-6 rounded-md" : "size-control rounded-lg"} ${className}`,
-			children: /* @__PURE__ */ jsx(Icon, {
-				name: icon,
-				size: iconSize
-			})
+var anchorMixin = createMixin((handle) => {
+	let context = handle.context.get(PopoverProvider);
+	return (options) => {
+		handle.queueTask((node) => {
+			context.anchor = {
+				target: node,
+				options
+			};
 		});
-		return tooltip ? /* @__PURE__ */ jsx(Tooltip, {
-			label,
-			shortcut,
-			children: button
-		}) : button;
 	};
+});
+function anchorContains(anchor, target) {
+	return anchor?.target instanceof HTMLElement && anchor.target.contains(target);
 }
-//#endregion
-//#region ../ui/src/lib/scroll-fade.ts
-/**
-* Fades a scroller's edges while it has more content past them, after Divine's scroll-fade
-* utility. The fade only applies while the content overflows, so a short list keeps crisp edges.
-* @param axis - The direction the element scrolls.
-* @returns A mixin for the scrolling element.
-*/
-function scrollFade(axis = "x") {
-	return ref((node, signal) => {
-		let update = () => {
-			if (axis === "x" ? node.scrollWidth > node.clientWidth + 1 : node.scrollHeight > node.clientHeight + 1) node.dataset.scrollFade = axis;
-			else delete node.dataset.scrollFade;
-		};
-		let resize = new ResizeObserver(update);
-		let mutation = new MutationObserver(update);
-		resize.observe(node);
-		mutation.observe(node, {
-			childList: true,
-			subtree: true,
-			characterData: true
-		});
-		update();
+var surfaceMixin = createMixin((handle) => {
+	let openProp = false;
+	let cleanupAnchor = () => {};
+	let unlockScroll = () => {};
+	let context = handle.context.get(PopoverProvider);
+	handle.queueTask((node, signal) => {
+		context.surface = node;
 		signal.addEventListener("abort", () => {
-			resize.disconnect();
-			mutation.disconnect();
-		}, { once: true });
+			if (context.surface === node) context.surface = null;
+		});
 	});
-}
-//#endregion
-//#region ../ui/src/lib/workspace.tsx
-/**
-* A panel's toolbar: content on the left, such as a path, and actions on the right. On narrow
-* screens the actions scroll, fading at their edges.
-* @param handle - The start content, the actions, and whether a line separates it from the
-*   panel, which content that fades as it scrolls doesn't need.
-* @returns The toolbar render function.
-*/
-function WorkspaceToolbar(handle) {
-	return () => /* @__PURE__ */ jsxs("div", {
-		class: `bud-toolbar flex h-12 shrink-0 items-center gap-2 ps-2 pe-2 ${handle.props.divider === false ? "" : "border-b border-line"}`,
-		children: [handle.props.start, /* @__PURE__ */ jsx(ToolbarGroup, {
-			class: "ms-auto min-w-0 [scrollbar-width:none] max-md:overflow-x-auto max-md:p-1",
-			mix: scrollFade("x"),
-			children: handle.props.children
-		})]
+	return (options) => {
+		let wasOpen = openProp;
+		openProp = options.open;
+		handle.queueTask(async (node) => {
+			if (openProp && !wasOpen) node.showPopover();
+			else if (!openProp && wasOpen) node.hidePopover();
+		});
+		return [
+			attrs({ popover: "manual" }),
+			on$1("beforetoggle", (event) => {
+				if (event.newState === "open") {
+					let anchor = context.anchor;
+					if (!anchor) throw new Error("popover.surface() requires a registered anchor before opening");
+					cleanupAnchor = anchor$1(event.currentTarget, anchor.target, anchor.options);
+					unlockScroll = lockScroll();
+				} else if (event.newState === "closed") {
+					cleanupAnchor();
+					unlockScroll();
+				}
+			}),
+			on$1("toggle", async (event) => {
+				if (event.newState === "open") context.showFocusTarget?.focus();
+				else if (event.newState === "closed" && options.restoreFocusOnHide !== false) context.hideFocusTarget?.focus();
+			}),
+			on$1("keydown", (event) => {
+				if (event.key === "Escape") {
+					event.preventDefault();
+					options.onHide({ reason: "escape-key" });
+				}
+			}),
+			onOutsideClick(openProp, (target) => {
+				options.onHide({
+					reason: "outside-click",
+					target
+				});
+			}, (target) => options.closeOnAnchorClick === false && anchorContains(context.anchor, target), options.stopOutsideClickPropagation ?? true)
+		];
+	};
+});
+var focusOnShowMixin = createMixin((handle) => {
+	handle.addEventListener("insert", (event) => {
+		let context = handle.context.get(PopoverProvider);
+		context.showFocusTarget = event.node;
+	});
+});
+var focusOnHideMixin = createMixin((handle) => {
+	handle.addEventListener("insert", (event) => {
+		let context = handle.context.get(PopoverProvider);
+		context.hideFocusTarget = event.node;
 	});
+});
+var Context$1 = PopoverProvider;
+var anchor = anchorMixin;
+var surface = surfaceMixin;
+var focusOnHide = focusOnHideMixin;
+var focusOnShow = focusOnShowMixin;
+//#endregion
+//#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/lib/typeahead.js
+var HIDDEN_TYPEAHEAD_TIMEOUT = 750;
+var hiddenTypeahead = createMixin((handle) => {
+	let text = "";
+	let timeoutId = 0;
+	function clearTypeahead() {
+		clearTimeout(timeoutId);
+		timeoutId = 0;
+		text = "";
+	}
+	function updateTypeahead(nextText, onTypeahead) {
+		text = nextText;
+		onTypeahead(text);
+	}
+	handle.addEventListener("remove", clearTypeahead);
+	return (onTypeahead) => [on$1("focusout", (event) => {
+		if (event.relatedTarget instanceof Node && event.currentTarget.contains(event.relatedTarget)) return;
+		clearTypeahead();
+	}), on$1("keydown", (event) => {
+		if (event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey) {
+			clearTimeout(timeoutId);
+			updateTypeahead(text + event.key.toLowerCase(), onTypeahead);
+			timeoutId = window.setTimeout(clearTypeahead, HIDDEN_TYPEAHEAD_TIMEOUT);
+		} else if (event.key === "Escape") clearTypeahead();
+		else if (event.key === "Backspace" && text.length > 0) {
+			clearTimeout(timeoutId);
+			updateTypeahead(text.slice(0, -1), onTypeahead);
+			timeoutId = window.setTimeout(clearTypeahead, HIDDEN_TYPEAHEAD_TIMEOUT);
+		}
+	})];
+});
+function itemMatchesSearchText(item, text, getSearchValues) {
+	let values = getSearchValues(item);
+	let searchValues = Array.isArray(values) ? values : [values];
+	let normalizedText = text.toLowerCase();
+	return searchValues.some((value) => value.toLowerCase().startsWith(normalizedText));
+}
+function matchNextItemBySearchText(text, items, options) {
+	if (text === "") return null;
+	for (let offset = 1; offset <= items.length; offset++) {
+		let item = items[(options.fromIndex + offset + items.length) % items.length];
+		if (itemMatchesSearchText(item, text, options.getSearchValues)) return item;
+	}
+	return null;
 }
+//#endregion
+//#region ../ui/src/lib/headless-button.tsx
 /**
-* A row of toolbar buttons and separators, spaced alike in every toolbar.
-* @param handle - Native div props and the buttons.
-* @returns The group render function.
+* A native button with shared interactions; callers own its content and geometry.
+* @param handle - Native button props, content, and Remix mixins.
+* @returns The button render function.
 */
-function ToolbarGroup(handle) {
+function HeadlessButton(handle) {
 	return () => {
-		let { class: className = "", children, ...props } = handle.props;
-		return /* @__PURE__ */ jsx("div", {
-			...props,
-			class: `flex items-center gap-1.5 ${className}`,
-			children
+		let { class: className, type = "button", ...props } = handle.props;
+		let attributes = ariaAttributes(props);
+		return /* @__PURE__ */ jsx("button", {
+			...attributes,
+			type,
+			class: ["bud-headless-button", className].filter(Boolean).join(" ")
 		});
 	};
 }
 //#endregion
-//#region ../ui/src/lib/toast-store.ts
-var defaultDuration = 4e3;
-var items = [];
-var listeners = /* @__PURE__ */ new Set();
-var next = 0;
-function publish() {
-	for (let listener of listeners) listener(items);
+//#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/lib/flash-attribute.js
+function wait(ms) {
+	return new Promise((resolve) => {
+		setTimeout(resolve, ms);
+	});
 }
-/**
-* Shows a notification; the newest is in front.
-* @param title - The message.
-* @param options - A description, type, duration or stable id.
-* @returns The toast's id, for dismissing it early.
-*/
-function toast(title, options = {}) {
-	let id = options.id ?? `toast-${++next}`;
-	items = [{
-		id,
-		title,
-		description: options.description,
-		type: options.type ?? "default",
-		duration: options.duration ?? defaultDuration,
-		removed: false
-	}, ...items.filter((existing) => existing.id !== id)];
-	publish();
-	return id;
-}
-toast.success = (title, options = {}) => toast(title, {
-	...options,
-	type: "success"
-});
-toast.error = (title, options = {}) => toast(title, {
-	...options,
-	type: "error"
-});
-/**
-* Starts a toast's exit; the Toaster removes it once it has animated out.
-* @param id - The toast to dismiss; every toast when omitted.
-*/
-toast.dismiss = (id) => {
-	items = items.map((item) => id === void 0 || item.id === id ? {
-		...item,
-		removed: true
-	} : item);
-	publish();
-};
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/core/vnode.js
-function createRemixElement(type, props, key) {
-	return {
-		$rmx: true,
-		key,
-		props: normalizeElementProps(props),
-		type
-	};
-}
-function isRemixElement(node) {
-	if (typeof node !== "object" || node === null) return false;
-	let type = Reflect.get(node, "type");
-	let props = Reflect.get(node, "props");
-	return Reflect.get(node, "$rmx") === true && (typeof type === "string" || typeof type === "function") && typeof props === "object" && props !== null;
-}
-function normalizeElementProps(props) {
-	if (!props) return {};
-	if (!("mix" in props)) return props;
-	if (isNormalizedMix(props.mix)) return props;
-	let { mix, ...rest } = props;
-	let normalizedMix = normalizeMixValue(mix);
-	return normalizedMix === void 0 ? rest : {
-		...rest,
-		mix: normalizedMix
-	};
-}
-function isNormalizedMix(mix) {
-	if (!Array.isArray(mix) || mix.length === 0) return false;
-	for (let i = 0; i < mix.length; i++) {
-		let item = mix[i];
-		if (!item || Array.isArray(item)) return false;
-	}
-	return true;
-}
-function normalizeMixValue(mix) {
-	if (!mix) return void 0;
-	let normalizedMix = [];
-	flattenMixValue(mix, normalizedMix);
-	return normalizedMix.length === 0 ? void 0 : normalizedMix;
-}
-function flattenMixValue(mix, out) {
-	if (!mix) return;
-	if (!Array.isArray(mix)) {
-		out.push(mix);
-		return;
-	}
-	for (let item of mix) flattenMixValue(item, out);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/jsx.js
-function jsx$1(type, props, key) {
-	return createRemixElement(type, props, key);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/invariant.js
-/**
-* Use this when framework code is incorrect, indicating an internal bug rather
-* than application code error.
-*
-* @param assertion The value to check for truthiness
-* @param message Optional message to include in the error
-*/
-function invariant(assertion, message) {
-	let prefix = "Framework invariant";
-	if (assertion) return;
-	throw new Error(message ? `${prefix}: ${message}` : prefix);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/core/children.js
-function normalizeChildren(children) {
-	for (let i = 0; i < children.length; i++) if (Array.isArray(children[i])) return children.flat(Infinity);
-	return children;
-}
-function assertRemixNodes(values) {
-	for (let value of values) invariant(isRemixNode(value), "Invalid child node");
-}
-function isRemixNode(value) {
-	if (value == null) return true;
-	let type = typeof value;
-	if (type === "string" || type === "number" || type === "bigint" || type === "boolean") return true;
-	if (isRemixElement(value)) return true;
-	if (!Array.isArray(value)) return false;
-	for (let child of value) if (!isRemixNode(child)) return false;
-	return true;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/mixins/mixin.js
-/**
-* Creates a typed mixin factory that can be passed through the `mix` prop.
-*
-* @param type Mixin setup function.
-* @returns A function that captures mixin arguments and returns a descriptor.
-*/
-function createMixin(type) {
-	return (...args) => ({
-		type,
-		args
-	});
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/mixins/on-mixin.js
-var onMixinType = (handle) => {
-	let currentHandler = () => {};
-	let currentType = "";
-	let currentCapture = false;
-	let currentNode = null;
-	let reentry = null;
-	let stableHandler = (event) => {
-		reentry?.abort(new DOMException("", "EventReentry"));
-		reentry = new AbortController();
-		currentHandler(event, reentry.signal);
-	};
-	handle.addEventListener("insert", (event) => {
-		currentNode = event.node;
-		currentNode.addEventListener(currentType, stableHandler, currentCapture);
-	});
-	handle.addEventListener("remove", () => {
-		currentNode?.removeEventListener(currentType, stableHandler, currentCapture);
-		currentNode = null;
-		reentry?.abort(new DOMException("", "AbortError"));
-	});
-	return (type, handler, captureBoolean = false) => {
-		let previousType = currentType;
-		let previousCapture = currentCapture;
-		let needsRebind = currentType !== type || currentCapture !== captureBoolean;
-		currentType = type;
-		currentHandler = handler;
-		currentCapture = captureBoolean;
-		if (needsRebind && currentNode) {
-			currentNode.removeEventListener(previousType, stableHandler, previousCapture);
-			currentNode.addEventListener(type, stableHandler, captureBoolean);
-		}
-		return handle.element;
-	};
-};
-var onMixin = createMixin(onMixinType);
-/**
-* Attaches a typed DOM event handler through the mixin system.
-*
-* @param type Event type to listen for.
-* @param handler Event handler.
-* @param captureBoolean Whether to listen during capture.
-* @returns A mixin descriptor for the target element.
-*/
-function on$1(type, handler, captureBoolean) {
-	return onMixin(type, handler, captureBoolean);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/create-element.js
-/**
-* Creates a Remix virtual element from a JSX-like call signature.
-*
-* @param type Host tag, component function, or mixin host placeholder.
-* @param props Element props.
-* @param children Child nodes.
-* @returns A Remix virtual element.
-*/
-function createElement$1(type, props, ...children) {
-	let nextProps = { ...props ?? {} };
-	if (isMixinElementType(type)) {
-		if (children.length > 0) console.error(/* @__PURE__ */ new Error("mixin elements must not receive children"));
-	} else {
-		assertRemixNodes(children);
-		nextProps.children = normalizeChildren(children);
-	}
-	if (nextProps.key != null) {
-		let { key, ...rest } = nextProps;
-		return jsx$1(type, rest, key);
-	}
-	return jsx$1(type, nextProps);
-}
-function isMixinElementType(type) {
-	return typeof type === "function" && "__rmxMixinElementType" in type;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+component@1.0.0_patch_hash=ed95ce6ac654c31698f27fd52f980c5f1d3e725ba0116b6d666a9b6b3a67016b/node_modules/@remix-run/component/dist/runtime/mixins/attrs-mixin.js
-var attrsMixin = createMixin((handle) => (defaults, props) => {
-	let nextProps = props;
-	for (let key in defaults) {
-		if (props[key] !== void 0) continue;
-		if (nextProps === props) nextProps = { ...props };
-		nextProps[key] = defaults[key];
-	}
-	return nextProps === props ? handle.element : createElement$1(handle.element, nextProps);
-});
-/**
-* Applies default host props unless the element already provides them explicitly.
-*
-* @param defaults Default props to apply when the element does not already define them.
-* @returns A mixin descriptor that provides default host props.
-*/
-function attrs(defaults) {
-	return attrsMixin(defaults);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/lib/typeahead.js
-var HIDDEN_TYPEAHEAD_TIMEOUT = 750;
-var hiddenTypeahead = createMixin((handle) => {
-	let text = "";
-	let timeoutId = 0;
-	function clearTypeahead() {
-		clearTimeout(timeoutId);
-		timeoutId = 0;
-		text = "";
-	}
-	function updateTypeahead(nextText, onTypeahead) {
-		text = nextText;
-		onTypeahead(text);
-	}
-	handle.addEventListener("remove", clearTypeahead);
-	return (onTypeahead) => [on$1("focusout", (event) => {
-		if (event.relatedTarget instanceof Node && event.currentTarget.contains(event.relatedTarget)) return;
-		clearTypeahead();
-	}), on$1("keydown", (event) => {
-		if (event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey) {
-			clearTimeout(timeoutId);
-			updateTypeahead(text + event.key.toLowerCase(), onTypeahead);
-			timeoutId = window.setTimeout(clearTypeahead, HIDDEN_TYPEAHEAD_TIMEOUT);
-		} else if (event.key === "Escape") clearTypeahead();
-		else if (event.key === "Backspace" && text.length > 0) {
-			clearTimeout(timeoutId);
-			updateTypeahead(text.slice(0, -1), onTypeahead);
-			timeoutId = window.setTimeout(clearTypeahead, HIDDEN_TYPEAHEAD_TIMEOUT);
-		}
-	})];
-});
-function itemMatchesSearchText(item, text, getSearchValues) {
-	let values = getSearchValues(item);
-	let searchValues = Array.isArray(values) ? values : [values];
-	let normalizedText = text.toLowerCase();
-	return searchValues.some((value) => value.toLowerCase().startsWith(normalizedText));
-}
-function matchNextItemBySearchText(text, items, options) {
-	if (text === "") return null;
-	for (let offset = 1; offset <= items.length; offset++) {
-		let item = items[(options.fromIndex + offset + items.length) % items.length];
-		if (itemMatchesSearchText(item, text, options.getSearchValues)) return item;
-	}
-	return null;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/lib/flash-attribute.js
-function wait(ms) {
-	return new Promise((resolve) => {
-		setTimeout(resolve, ms);
-	});
-}
-async function flashAttribute(node, attributeName, duration) {
-	node.setAttribute(attributeName, "true");
-	await wait(duration);
-	node.removeAttribute(attributeName);
+async function flashAttribute(node, attributeName, duration) {
+	node.setAttribute(attributeName, "true");
+	await wait(duration);
+	node.removeAttribute(attributeName);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/listbox.js
@@ -25528,168 +25324,10 @@ var optionMixin = createMixin((handle) => {
 		]];
 	};
 });
-var Context$1 = ListboxProvider;
+var Context = ListboxProvider;
 var list = listMixin;
 var option = optionMixin;
 //#endregion
-//#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/lib/outside-click.js
-var onOutsideClick = createMixin((handle) => {
-	let active = false;
-	let handler = () => {};
-	let isInsideTarget = () => false;
-	let stopPropagation = true;
-	handle.addEventListener("insert", (event) => {
-		let node = event.node;
-		node.ownerDocument.addEventListener("click", (event) => {
-			let target = event.target instanceof Node ? event.target : null;
-			if (!active || target && (node.contains(target) || isInsideTarget(target))) return;
-			if (stopPropagation) event.stopPropagation();
-			handler(target);
-		}, {
-			capture: true,
-			signal: handle.signal
-		});
-	});
-	return (nextActive, nextHandler, nextIsInsideTarget = () => false, nextStopPropagation = true) => {
-		active = nextActive;
-		handler = nextHandler;
-		isInsideTarget = nextIsInsideTarget;
-		stopPropagation = nextStopPropagation;
-	};
-});
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/lib/scroll-lock.js
-var scrollLocks = /* @__PURE__ */ new WeakMap();
-function lockScroll(targetDocument = globalThis.document) {
-	if (!targetDocument?.body || !targetDocument.defaultView) return () => {};
-	let document = targetDocument;
-	let documentElement = document.documentElement;
-	let view = document.defaultView;
-	let state = scrollLocks.get(document);
-	if (!state) {
-		let scrollX = view.scrollX;
-		let scrollY = view.scrollY;
-		let scrollbarWidth = documentElement.clientWidth > 0 ? Math.max(view.innerWidth - documentElement.clientWidth, 0) : 0;
-		let computedScrollbarGutter = view.getComputedStyle(documentElement).scrollbarGutter;
-		state = {
-			count: 0,
-			documentOverflow: documentElement.style.overflow,
-			documentScrollbarGutter: documentElement.style.scrollbarGutter,
-			scrollX,
-			scrollY
-		};
-		documentElement.style.overflow = "hidden";
-		if (scrollbarWidth > 0 && computedScrollbarGutter === "auto") documentElement.style.scrollbarGutter = "stable";
-		scrollLocks.set(document, state);
-	}
-	state.count++;
-	let unlocked = false;
-	return () => {
-		if (unlocked) return;
-		unlocked = true;
-		let currentState = scrollLocks.get(document);
-		if (!currentState) return;
-		currentState.count--;
-		if (currentState.count > 0) return;
-		scrollLocks.delete(document);
-		documentElement.style.overflow = currentState.documentOverflow;
-		documentElement.style.scrollbarGutter = currentState.documentScrollbarGutter;
-		view.scrollTo(currentState.scrollX, currentState.scrollY);
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@remix-run+ui@0.12.1/node_modules/@remix-run/ui/dist/popover.js
-function PopoverProvider(handle) {
-	handle.context.set({
-		hideFocusTarget: null,
-		showFocusTarget: null,
-		surface: null,
-		anchor: null
-	});
-	return () => handle.props.children;
-}
-var anchorMixin = createMixin((handle) => {
-	let context = handle.context.get(PopoverProvider);
-	return (options) => {
-		handle.queueTask((node) => {
-			context.anchor = {
-				target: node,
-				options
-			};
-		});
-	};
-});
-function anchorContains(anchor, target) {
-	return anchor?.target instanceof HTMLElement && anchor.target.contains(target);
-}
-var surfaceMixin = createMixin((handle) => {
-	let openProp = false;
-	let cleanupAnchor = () => {};
-	let unlockScroll = () => {};
-	let context = handle.context.get(PopoverProvider);
-	handle.queueTask((node, signal) => {
-		context.surface = node;
-		signal.addEventListener("abort", () => {
-			if (context.surface === node) context.surface = null;
-		});
-	});
-	return (options) => {
-		let wasOpen = openProp;
-		openProp = options.open;
-		handle.queueTask(async (node) => {
-			if (openProp && !wasOpen) node.showPopover();
-			else if (!openProp && wasOpen) node.hidePopover();
-		});
-		return [
-			attrs({ popover: "manual" }),
-			on$1("beforetoggle", (event) => {
-				if (event.newState === "open") {
-					let anchor = context.anchor;
-					if (!anchor) throw new Error("popover.surface() requires a registered anchor before opening");
-					cleanupAnchor = anchor$1(event.currentTarget, anchor.target, anchor.options);
-					unlockScroll = lockScroll();
-				} else if (event.newState === "closed") {
-					cleanupAnchor();
-					unlockScroll();
-				}
-			}),
-			on$1("toggle", async (event) => {
-				if (event.newState === "open") context.showFocusTarget?.focus();
-				else if (event.newState === "closed" && options.restoreFocusOnHide !== false) context.hideFocusTarget?.focus();
-			}),
-			on$1("keydown", (event) => {
-				if (event.key === "Escape") {
-					event.preventDefault();
-					options.onHide({ reason: "escape-key" });
-				}
-			}),
-			onOutsideClick(openProp, (target) => {
-				options.onHide({
-					reason: "outside-click",
-					target
-				});
-			}, (target) => options.closeOnAnchorClick === false && anchorContains(context.anchor, target), options.stopOutsideClickPropagation ?? true)
-		];
-	};
-});
-var focusOnShowMixin = createMixin((handle) => {
-	handle.addEventListener("insert", (event) => {
-		let context = handle.context.get(PopoverProvider);
-		context.showFocusTarget = event.node;
-	});
-});
-var focusOnHideMixin = createMixin((handle) => {
-	handle.addEventListener("insert", (event) => {
-		let context = handle.context.get(PopoverProvider);
-		context.hideFocusTarget = event.node;
-	});
-});
-var Context = PopoverProvider;
-var anchor = anchorMixin;
-var surface = surfaceMixin;
-var focusOnHide = focusOnHideMixin;
-var focusOnShow = focusOnShowMixin;
-//#endregion
 //#region ../ui/src/lib/select.tsx
 /** The popup surface shared by selects and menus. */
 var menuSurface = "bud-overlay bud-menu m-0 min-w-44 rounded-lg p-1 text-ink";
@@ -25755,7 +25393,7 @@ function Select(handle) {
 		let summary = current.length === 0 ? props.placeholder ?? "" : current.length === 1 ? current[0].label : `${current[0].label} +${current.length - 1}`;
 		let leading = current.length === 1 && current[0].icon ? current[0].icon : props.icon;
 		let search = props.search ? typeof props.search === "string" ? props.search : t("select.searchPlaceholder") : void 0;
-		return /* @__PURE__ */ jsxs(Context, { children: [
+		return /* @__PURE__ */ jsxs(Context$1, { children: [
 			/* @__PURE__ */ jsx(HeadlessButton, {
 				"aria-label": props.label,
 				"aria-haspopup": "listbox",
@@ -25846,7 +25484,7 @@ function Select(handle) {
 							})
 						]
 					})]
-				}) : null, /* @__PURE__ */ jsx(Context$1, {
+				}) : null, /* @__PURE__ */ jsx(Context, {
 					ref: (value) => {
 						list$2 = value;
 					},
@@ -25919,6 +25557,403 @@ function Select(handle) {
 	};
 }
 //#endregion
+//#region ../ui/src/lib/comments/comment-data.ts
+/**
+* Takes the first letters of a name's first and last words.
+* @param name - The author's name.
+* @returns One or two capital letters, or `?` for an empty name.
+*/
+function commentInitials(name) {
+	let parts = name.trim().split(/\s+/u).filter(Boolean);
+	return `${parts[0]?.[0] ?? "?"}${parts.length > 1 ? parts.at(-1)[0] : ""}`.toUpperCase();
+}
+/**
+* Gives an author a stable color.
+* @param id - The author's id.
+* @returns A hue from 0 to 359.
+*/
+function commentAuthorHue(id) {
+	let hash = 0;
+	for (let character of id) hash = (hash * 31 + character.codePointAt(0)) % 360;
+	return hash;
+}
+//#endregion
+//#region ../ui/src/lib/comments/comment-thread.tsx
+/**
+* Shows an author's initials on a circle in their color.
+* @param handle - The author, and whether the avatar is the compact size.
+* @returns The avatar render function.
+*/
+function CommentAvatar(handle) {
+	return () => {
+		let { author, compact = false, class: className = "" } = handle.props;
+		return /* @__PURE__ */ jsx(Text, {
+			variant: "ui-caption",
+			weight: "medium",
+			class: `flex shrink-0 items-center justify-center rounded-full text-white ${compact ? "size-5" : "size-6"} ${className}`,
+			title: author.name,
+			"data-testid": "comment-avatar",
+			style: { backgroundColor: `oklch(0.55 0.14 ${commentAuthorHue(author.id)})` },
+			children: /* @__PURE__ */ jsx("span", {
+				class: compact ? "scale-[0.833]" : void 0,
+				children: commentInitials(author.name)
+			})
+		});
+	};
+}
+//#endregion
+//#region ../ui/src/lib/dialog.tsx
+var sizes = {
+	default: "max-w-[35rem]",
+	large: "max-w-[39rem]",
+	wide: "max-w-[51rem]"
+};
+/**
+* The one modal: a native dialog on a dimmed, blurred backdrop whose content is a FieldCard,
+* raised above the page. It takes focus when it opens, returns it when it closes, and closes on
+* Escape or a click on the backdrop.
+* @param handle - The label, size, close handler and content.
+* @returns The dialog's render function.
+*/
+function Dialog(handle) {
+	let pressedOutside = false;
+	function close() {
+		if (handle.props.dismissible !== false) handle.props.onClose();
+	}
+	return () => {
+		let { label, size = "default", initialFocus, children } = handle.props;
+		return /* @__PURE__ */ jsx("dialog", {
+			"aria-label": label,
+			class: `fixed inset-0 m-auto flex max-h-full w-full flex-col overflow-hidden border-0 bg-transparent p-3 text-ink transition-[opacity,scale] duration-200 ease-out backdrop:bg-black/25 backdrop:backdrop-blur-sm backdrop:transition-opacity backdrop:duration-200 starting:scale-[0.97] starting:opacity-0 starting:backdrop:opacity-0 motion-reduce:transition-none motion-reduce:backdrop:transition-none sm:p-6 ${sizes[size]}`,
+			mix: [
+				ref((node, signal) => openDialog(node, signal, initialFocus)),
+				on("cancel", (event) => {
+					event.preventDefault();
+					close();
+				}),
+				on("pointerdown", (event) => {
+					pressedOutside = event.target === event.currentTarget;
+				}),
+				on("click", (event) => {
+					if (pressedOutside && event.target === event.currentTarget) close();
+				})
+			],
+			children
+		});
+	};
+}
+/**
+* Owns a native modal and returns focus once Remix removes its host node.
+* @param node - The mounted dialog.
+* @param signal - The host's lifetime, including its removal.
+* @param initialFocus - An optional selector for the element to focus first.
+*/
+function openDialog(node, signal, initialFocus) {
+	let document = node.ownerDocument;
+	let previous = document.activeElement;
+	node.showModal();
+	if (initialFocus) queueMicrotask(() => {
+		if (!signal.aborted) node.querySelector(initialFocus)?.focus();
+	});
+	signal.addEventListener("abort", () => {
+		node.close();
+		queueMicrotask(() => {
+			if (previous instanceof HTMLElement && previous.isConnected && [...document.querySelectorAll("dialog:modal")].every((dialog) => dialog.contains(previous))) previous.focus({ preventScroll: true });
+		});
+	}, { once: true });
+}
+//#endregion
+//#region ../ui/src/lib/shortcut.ts
+var symbols = {
+	arrowup: "↑",
+	arrowdown: "↓",
+	arrowleft: "←",
+	arrowright: "→",
+	enter: "↵",
+	escape: "Esc",
+	backspace: "⌫",
+	tab: "⇥",
+	space: "Space"
+};
+/**
+* Reads a combo such as `mod+shift+k`; the last part is the key, so `mod++` means mod and plus.
+* @param combo - Modifiers and a key joined by `+`.
+* @returns The key and its modifiers.
+*/
+function parseShortcut(combo) {
+	let separator = combo.length < 2 ? -1 : combo.lastIndexOf("+", combo.length - 2);
+	let modifiers = separator < 0 ? [] : combo.slice(0, separator).toLowerCase().split("+");
+	return {
+		key: combo.slice(separator + 1),
+		mod: modifiers.includes("mod"),
+		shift: modifiers.includes("shift"),
+		alt: modifiers.includes("alt")
+	};
+}
+/**
+* The keycaps to show for a combo, in the platform's order and notation.
+* @param combo - Modifiers and a key joined by `+`.
+* @param apple - Whether to use Apple symbols; detected from the browser by default.
+* @returns One label per key.
+*/
+function shortcutKeys(combo, apple = isApple()) {
+	let { key, mod, shift, alt } = parseShortcut(combo);
+	let label = symbols[key.toLowerCase()] ?? (key.length === 1 ? key.toUpperCase() : key);
+	if (apple) return [
+		alt && "⌥",
+		shift && "⇧",
+		mod && "⌘",
+		label
+	].filter((part) => part !== false);
+	return [
+		mod && "Ctrl",
+		alt && "Alt",
+		shift && "Shift",
+		label
+	].filter((part) => part !== false);
+}
+function isApple() {
+	return typeof navigator !== "undefined" && /mac|iphone|ipad|ipod/i.test(navigator.platform);
+}
+//#endregion
+//#region ../ui/src/lib/tooltip.tsx
+var delay = 400;
+var warmFor = 300;
+var closedAt = 0;
+/**
+* Names a control on hover or keyboard focus, with its shortcut. The control keeps its own
+* accessible name; the tooltip describes it.
+* @param handle - The label, optional shortcut and the control it describes.
+* @returns The tooltip render function.
+*/
+function Tooltip(handle) {
+	let open = false;
+	let timer;
+	let trigger;
+	let release = () => {};
+	let id = `${handle.id}-tooltip`;
+	function show(immediately) {
+		clearTimeout(timer);
+		if (open) return;
+		let reveal = () => {
+			open = true;
+			handle.update();
+		};
+		if (immediately || Date.now() - closedAt < warmFor) reveal();
+		else timer = setTimeout(reveal, delay);
+	}
+	function hide() {
+		clearTimeout(timer);
+		if (!open) return;
+		open = false;
+		closedAt = Date.now();
+		handle.update();
+	}
+	return () => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		class: "inline-flex",
+		mix: [
+			ref((node, signal) => {
+				trigger = node.firstElementChild instanceof HTMLElement ? node.firstElementChild : node;
+				trigger.setAttribute("aria-describedby", id);
+				let escape = (event) => {
+					if (event.key === "Escape") hide();
+				};
+				document.addEventListener("keydown", escape, { signal });
+				signal.addEventListener("abort", () => clearTimeout(timer), { once: true });
+			}),
+			on("pointerenter", (event) => {
+				if (event.pointerType === "mouse") show(false);
+			}),
+			on("pointerleave", hide),
+			on("pointerdown", hide),
+			on("focusin", (event) => {
+				if (event.target.dataset.focusMethod === "keyboard") show(true);
+			}),
+			on("focusout", hide)
+		],
+		children: handle.props.children
+	}), /* @__PURE__ */ jsxs("div", {
+		id,
+		role: "tooltip",
+		popover: "manual",
+		class: "bud-tooltip pointer-events-none m-0 inline-flex items-center gap-1.5 rounded-[10px] px-2 py-1.5 transition-[opacity,scale] duration-100 ease-out starting:scale-95 starting:opacity-0 motion-reduce:transition-none",
+		mix: ref((node, signal) => {
+			if (!open || !trigger) return;
+			node.showPopover();
+			release = anchor$1(node, trigger, {
+				placement: handle.props.placement ?? "top",
+				offset: 6
+			});
+			signal.addEventListener("abort", () => {
+				release();
+				if (node.isConnected && node.matches(":popover-open")) node.hidePopover();
+			}, { once: true });
+		}),
+		hidden: !open,
+		children: [/* @__PURE__ */ jsx(Text, {
+			variant: "ui-caption",
+			weight: "medium",
+			children: handle.props.label
+		}), handle.props.shortcut ? /* @__PURE__ */ jsx(Kbd, { shortcut: handle.props.shortcut }) : null]
+	}, open ? "open" : "closed")] });
+}
+/**
+* A shortcut as keycaps, such as ⌘ K, in the platform's notation.
+* @param handle - A combo such as `mod+shift+k`.
+* @returns The keycaps render function.
+*/
+function Kbd(handle) {
+	return () => /* @__PURE__ */ jsx("span", {
+		class: `inline-flex items-center gap-0.5 ${handle.props.class ?? ""}`,
+		children: shortcutKeys(handle.props.shortcut).map((key, index) => /* @__PURE__ */ jsx(Text, {
+			as: "kbd",
+			variant: "kbd",
+			class: "inline-flex h-4.5 min-w-4.5 items-center justify-center rounded-[5px] bg-current/12 px-1 opacity-80",
+			"data-slot": "kbd",
+			children: key
+		}, index))
+	});
+}
+//#endregion
+//#region ../ui/src/lib/icon-button.tsx
+/**
+* Compact control shared by the canvas, sidebar, and embedded product demo.
+* @param handle - Native button props, icon, label, and active state.
+* @returns The button render function.
+*/
+function IconButton(handle) {
+	return () => {
+		let { icon, label, active, surface, size = "default", iconSize = size === "small" ? 14 : 16, tooltip, shortcut, class: className = "", ...props } = handle.props;
+		let button = /* @__PURE__ */ jsx(HeadlessButton, {
+			...props,
+			"aria-label": label,
+			title: tooltip ? void 0 : props.title ?? label,
+			"aria-pressed": props["aria-pressed"] ?? active,
+			"data-active": active,
+			class: `bud-interaction ${surface ? "bud-control" : ""} flex shrink-0 items-center justify-center ${size === "small" ? "size-6 rounded-md" : "size-control rounded-lg"} ${className}`,
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: icon,
+				size: iconSize
+			})
+		});
+		return tooltip ? /* @__PURE__ */ jsx(Tooltip, {
+			label,
+			shortcut,
+			children: button
+		}) : button;
+	};
+}
+//#endregion
+//#region ../ui/src/lib/scroll-fade.ts
+/**
+* Fades a scroller's edges while it has more content past them, after Divine's scroll-fade
+* utility. The fade only applies while the content overflows, so a short list keeps crisp edges.
+* @param axis - The direction the element scrolls.
+* @returns A mixin for the scrolling element.
+*/
+function scrollFade(axis = "x") {
+	return ref((node, signal) => {
+		let update = () => {
+			if (axis === "x" ? node.scrollWidth > node.clientWidth + 1 : node.scrollHeight > node.clientHeight + 1) node.dataset.scrollFade = axis;
+			else delete node.dataset.scrollFade;
+		};
+		let resize = new ResizeObserver(update);
+		let mutation = new MutationObserver(update);
+		resize.observe(node);
+		mutation.observe(node, {
+			childList: true,
+			subtree: true,
+			characterData: true
+		});
+		update();
+		signal.addEventListener("abort", () => {
+			resize.disconnect();
+			mutation.disconnect();
+		}, { once: true });
+	});
+}
+//#endregion
+//#region ../ui/src/lib/workspace.tsx
+/**
+* A panel's toolbar: content on the left, such as a path, and actions on the right. On narrow
+* screens the actions scroll, fading at their edges.
+* @param handle - The start content, the actions, and whether a line separates it from the
+*   panel, which content that fades as it scrolls doesn't need.
+* @returns The toolbar render function.
+*/
+function WorkspaceToolbar(handle) {
+	return () => /* @__PURE__ */ jsxs("div", {
+		class: `bud-toolbar flex h-12 shrink-0 items-center gap-2 ps-2 pe-2 ${handle.props.divider === false ? "" : "border-b border-line"}`,
+		children: [handle.props.start, /* @__PURE__ */ jsx(ToolbarGroup, {
+			class: "ms-auto min-w-0 [scrollbar-width:none] max-md:overflow-x-auto max-md:p-1",
+			mix: scrollFade("x"),
+			children: handle.props.children
+		})]
+	});
+}
+/**
+* A row of toolbar buttons and separators, spaced alike in every toolbar.
+* @param handle - Native div props and the buttons.
+* @returns The group render function.
+*/
+function ToolbarGroup(handle) {
+	return () => {
+		let { class: className = "", children, ...props } = handle.props;
+		return /* @__PURE__ */ jsx("div", {
+			...props,
+			class: `flex items-center gap-1.5 ${className}`,
+			children
+		});
+	};
+}
+//#endregion
+//#region ../ui/src/lib/toast-store.ts
+var defaultDuration = 4e3;
+var items = [];
+var listeners = /* @__PURE__ */ new Set();
+var next = 0;
+function publish() {
+	for (let listener of listeners) listener(items);
+}
+/**
+* Shows a notification; the newest is in front.
+* @param title - The message.
+* @param options - A description, type, duration or stable id.
+* @returns The toast's id, for dismissing it early.
+*/
+function toast(title, options = {}) {
+	let id = options.id ?? `toast-${++next}`;
+	items = [{
+		id,
+		title,
+		description: options.description,
+		type: options.type ?? "default",
+		duration: options.duration ?? defaultDuration,
+		removed: false
+	}, ...items.filter((existing) => existing.id !== id)];
+	publish();
+	return id;
+}
+toast.success = (title, options = {}) => toast(title, {
+	...options,
+	type: "success"
+});
+toast.error = (title, options = {}) => toast(title, {
+	...options,
+	type: "error"
+});
+/**
+* Starts a toast's exit; the Toaster removes it once it has animated out.
+* @param id - The toast to dismiss; every toast when omitted.
+*/
+toast.dismiss = (id) => {
+	items = items.map((item) => id === void 0 || item.id === id ? {
+		...item,
+		removed: true
+	} : item);
+	publish();
+};
+//#endregion
 //#region ../ui/src/lib/tasks/task-draft.ts
 function editValue(value, field) {
 	return field.kind === "json" ? JSON.stringify(value ?? {}, null, 2) : taskValueText(value);