@selvajs/selva 4.20.0-beta.10 → 4.20.0-beta.11

package/build/server/chunks/chunks/SettingsMenu.js-C9fbWfyL.js

@@ -0,0 +1,2652 @@
+import { an as attr_class, am as clsx$1, ao as attr_style, ae as derived, af as attr, ap as escape_html, ak as ensure_array_like, ai as spread_props, at as bind_props, av as props_id, al as attributes } from './server.js-eNE8c09e.js';
+import { o as on } from './events.js-Dn4NgQ5T.js';
+import { E as OPERATOR_PLATFORM_PERMISSIONS, a as ALL_ORG_PERMISSIONS } from './src.js-CkFJvvTE.js';
+import { u as useFooter, t as toggleMode } from './footerContext.svelte.js-CDuebWvb.js';
+import { n as createBitsAttrs, q as createId, b as boxWith, m as mergeProps, c as attachRef, l as getDataOpenClosed, p as boolToEmptyStrOrUndef, r as boolToStr, o as getDataTransitionAttrs, u as getAriaChecked } from './create-id.js-DQq_g2YK.js';
+import { c as cn, I as Icon } from './utils2.js-C1oP9gJ9.js';
+import { B as Button } from './button.js-Cp5wuqrc.js';
+import { g as getLocaleContext, f as formatMessage, a as formatCount } from './localeContext.svelte.js-Bngo7vRN.js';
+import { F as Floating_layer, a as Floating_layer_anchor, P as Popper_layer_force_mount, b as Popper_layer, g as getFloatingContentCSSVars } from './popper-layer-force-mount.js-w6fkZ5aq.js';
+import { a as SEVERITY_TEXT, S as SEVERITY_ICON, C as Circle_alert, T as Triangle_alert, I as Info } from './severity.js-D9BMFvsP.js';
+import { S as Settings, R as RovingFocusGroup } from './roving-focus-group.js-YVgHNhk9.js';
+import { S as Shield } from './shield.js--OZ6yfQ6.js';
+import { U as Users } from './users.js-ByB4SxDK.js';
+import { n as noop, C as Context, P as PresenceManager, w as watch, f as Portal, h as DOMContext, j as afterTick, k as isElement, l as isTabbable, b as isHTMLElement, c as ARROW_DOWN, m as PAGE_UP, H as HOME, e as ARROW_UP, o as PAGE_DOWN, p as isElementOrSVGElement, q as getDocument, t as tabbable, r as isFocusable, s as focusable, v as isSelectableInput, x as ENTER, d as ARROW_LEFT, A as ARROW_RIGHT } from './scroll-lock.js-2WQOe0ze.js';
+import { f as DialogTriggerState } from './dialog-description.js-CH2wAEWA.js';
+import { D as DOMTypeahead } from './dom-typeahead.svelte.js-BkbekRwa.js';
+import { R as Root, D as Dialog_content, a as Dialog_header, b as Dialog_title, c as Dialog_description } from './dialog.js-DPKBNhmS.js';
+import { p as page } from './state.js-CcGurDB2.js';
+import './client.js-Dxf9BlQ8.js';
+
+//#region ../../node_modules/.pnpm/@lucide+svelte@1.48.0_svelte@5.57.1_@typescript-eslint+types@8.70.1_/node_modules/@lucide/svelte/dist/icons/sun.svelte
+function Sun($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([props, { icon: {
+		"name": "sun",
+		"size": 24,
+		"node": [
+			["circle", {
+				"cx": "12",
+				"cy": "12",
+				"r": "4"
+			}],
+			["path", { "d": "M12 2v2" }],
+			["path", { "d": "M12 20v2" }],
+			["path", { "d": "m4.93 4.93 1.41 1.41" }],
+			["path", { "d": "m17.66 17.66 1.41 1.41" }],
+			["path", { "d": "M2 12h2" }],
+			["path", { "d": "M20 12h2" }],
+			["path", { "d": "m6.34 17.66-1.41 1.41" }],
+			["path", { "d": "m19.07 4.93-1.41 1.41" }]
+		]
+	} }]));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@lucide+svelte@1.48.0_svelte@5.57.1_@typescript-eslint+types@8.70.1_/node_modules/@lucide/svelte/dist/icons/moon.svelte
+function Moon($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([props, { icon: {
+		"name": "moon",
+		"size": 24,
+		"node": [["path", { "d": "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" }]]
+	} }]));
+}
+//#endregion
+//#region ../ui/dist/components/primitives/mode-toggle/mode-toggle.svelte
+function Mode_toggle($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const locale = getLocaleContext();
+		Button($$renderer, {
+			onclick: toggleMode,
+			variant: "outline",
+			size: "icon",
+			children: ($$renderer) => {
+				Sun($$renderer, { class: "size-5 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" });
+				$$renderer.push(`<!----> `);
+				Moon($$renderer, { class: "size-5 absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" });
+				$$renderer.push(`<!----> <span class="sr-only">${escape_html(locale.messages.toggleTheme)}</span>`);
+			},
+			$$slots: { default: true }
+		});
+	});
+}
+//#endregion
+//#region ../ui/dist/components/layout/PageHeader.svelte
+function PageHeader($$renderer, $$props) {
+	let { homeUrl = "/app", title = void 0, logo = "/favicon/favicon.svg", brandName = "Selva", navItems, rightContent, subnav, showModeToggle = true, class: className = "" } = $$props;
+	$$renderer.push(`<header${attr_class(`top-0 backdrop-blur-sm sticky z-40 border-b border-border bg-background/90 ${className}`)}><div class="gap-2 sm:gap-5 flex h-(--header-h) items-center px-(--page-px)"><a${attr("href", homeUrl)} class="gap-2 flex shrink-0 items-center"${attr("aria-label", brandName)}><img${attr("src", logo)} alt="" aria-hidden="true" class="h-5 w-5"/> <span${attr_class(`font-semibold text-sm tracking-tight ${title !== void 0 ? "sm:inline hidden" : ""}`)}>${escape_html(brandName)}</span></a> `);
+	if (title !== void 0) $$renderer.push(`<!--[0--><span class="text-sm shrink-0 text-border">/</span> <span class="text-sm font-medium min-w-0 truncate text-muted-foreground">${escape_html(title ?? "")}</span>`);
+	else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--> `);
+	if (navItems) {
+		$$renderer.push(`<!--[0--><nav class="sm:ml-5 gap-1 flex shrink-0">`);
+		navItems($$renderer);
+		$$renderer.push(`<!----></nav>`);
+	} else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--> <div class="gap-2 ml-auto flex shrink-0 items-center">`);
+	if (rightContent) {
+		$$renderer.push("<!--[0-->");
+		rightContent($$renderer);
+		$$renderer.push(`<!---->`);
+	} else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--> `);
+	if (showModeToggle) {
+		$$renderer.push("<!--[0-->");
+		Mode_toggle($$renderer);
+	} else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--></div></div> `);
+	if (subnav) {
+		$$renderer.push(`<!--[0--><div class="h-10 flex items-center border-t border-border/60 px-(--page-px)">`);
+		subnav($$renderer);
+		$$renderer.push(`<!----></div>`);
+	} else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--></header>`);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@lucide+svelte@1.48.0_svelte@5.57.1_@typescript-eslint+types@8.70.1_/node_modules/@lucide/svelte/dist/icons/git-branch.svelte
+function Git_branch($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([props, { icon: {
+		"name": "git-branch",
+		"size": 24,
+		"node": [
+			["path", { "d": "M15 6a9 9 0 0 0-9 9V3" }],
+			["circle", {
+				"cx": "18",
+				"cy": "6",
+				"r": "3"
+			}],
+			["circle", {
+				"cx": "6",
+				"cy": "18",
+				"r": "3"
+			}]
+		]
+	} }]));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@lucide+svelte@1.48.0_svelte@5.57.1_@typescript-eslint+types@8.70.1_/node_modules/@lucide/svelte/dist/icons/layout-grid.svelte
+function Layout_grid($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([props, { icon: {
+		"name": "layout-grid",
+		"size": 24,
+		"node": [
+			["rect", {
+				"width": "7",
+				"height": "7",
+				"x": "3",
+				"y": "3",
+				"rx": "1"
+			}],
+			["rect", {
+				"width": "7",
+				"height": "7",
+				"x": "14",
+				"y": "3",
+				"rx": "1"
+			}],
+			["rect", {
+				"width": "7",
+				"height": "7",
+				"x": "14",
+				"y": "14",
+				"rx": "1"
+			}],
+			["rect", {
+				"width": "7",
+				"height": "7",
+				"x": "3",
+				"y": "14",
+				"rx": "1"
+			}]
+		]
+	} }]));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@lucide+svelte@1.48.0_svelte@5.57.1_@typescript-eslint+types@8.70.1_/node_modules/@lucide/svelte/dist/icons/log-in.svelte
+function Log_in($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([props, { icon: {
+		"name": "log-in",
+		"size": 24,
+		"node": [
+			["path", { "d": "m10 17 5-5-5-5" }],
+			["path", { "d": "M15 12H3" }],
+			["path", { "d": "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }]
+		]
+	} }]));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@lucide+svelte@1.48.0_svelte@5.57.1_@typescript-eslint+types@8.70.1_/node_modules/@lucide/svelte/dist/icons/log-out.svelte
+function Log_out($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([props, { icon: {
+		"name": "log-out",
+		"size": 24,
+		"node": [
+			["path", { "d": "m16 17 5-5-5-5" }],
+			["path", { "d": "M21 12H9" }],
+			["path", { "d": "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }]
+		]
+	} }]));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/internal/events.js
+/**
+* Creates a typed event dispatcher and listener pair for custom events
+* @template T - The type of data that will be passed in the event detail
+* @param eventName - The name of the custom event
+* @param options - CustomEvent options (bubbles, cancelable, etc.)
+*/
+var CustomEventDispatcher = class {
+	eventName;
+	options;
+	constructor(eventName, options = {
+		bubbles: true,
+		cancelable: true
+	}) {
+		this.eventName = eventName;
+		this.options = options;
+	}
+	createEvent(detail) {
+		return new CustomEvent(this.eventName, {
+			...this.options,
+			detail
+		});
+	}
+	dispatch(element, detail) {
+		const event = this.createEvent(detail);
+		element.dispatchEvent(event);
+		return event;
+	}
+	listen(element, callback, options) {
+		const handler = (event) => {
+			callback(event);
+		};
+		return on(element, this.eventName, handler, options);
+	}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/dialog/components/dialog-trigger.svelte
+function Dialog_trigger$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { id = createId(uid), ref = null, children, child, disabled = false, $$slots, $$events, ...restProps } = $$props;
+		const triggerState = DialogTriggerState.create({
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v),
+			disabled: boxWith(() => Boolean(disabled))
+		});
+		const mergedProps = derived(() => mergeProps(restProps, triggerState.props));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, { props: mergedProps() });
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push(`<!--[-1--><button${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></button>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/menu/utils.js
+var SELECTION_KEYS = [ENTER, " "];
+var FIRST_KEYS = [
+	ARROW_DOWN,
+	PAGE_UP,
+	HOME
+];
+var LAST_KEYS = [
+	ARROW_UP,
+	PAGE_DOWN,
+	"End"
+];
+var FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
+var SUB_OPEN_KEYS = {
+	ltr: [...SELECTION_KEYS, ARROW_RIGHT],
+	rtl: [...SELECTION_KEYS, ARROW_LEFT]
+};
+var SUB_CLOSE_KEYS = {
+	ltr: [ARROW_LEFT],
+	rtl: [ARROW_RIGHT]
+};
+function isIndeterminate(checked) {
+	return checked === "indeterminate";
+}
+function getCheckedState(checked) {
+	return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+function isMouseEvent(event) {
+	return event.pointerType === "mouse";
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/internal/focus.js
+/**
+* A utility function that focuses an element.
+*/
+function focus(element, { select = false } = {}) {
+	if (!element || !element.focus) return;
+	const doc = getDocument(element);
+	if (doc.activeElement === element) return;
+	const previouslyFocusedElement = doc.activeElement;
+	element.focus({ preventScroll: true });
+	if (element !== previouslyFocusedElement && isSelectableInput(element) && select) element.select();
+}
+/**
+* Attempts to focus the first element in a list of candidates.
+* Stops when focus is successful.
+*/
+function focusFirst(candidates, { select = false } = {}, getActiveElement) {
+	const previouslyFocusedElement = getActiveElement();
+	for (const candidate of candidates) {
+		focus(candidate, { select });
+		if (getActiveElement() !== previouslyFocusedElement) return true;
+	}
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/utilities/is-using-keyboard/is-using-keyboard.svelte.js
+var isUsingKeyboard = false;
+var IsUsingKeyboard = class {
+	static _refs = 0;
+	static _cleanup;
+	constructor() {
+		/**
+		* `pointermove` fires constantly, so we only keep it attached while we're
+		* actually in keyboard mode and have something to switch off. Once it has
+		* flipped `isUsingKeyboard` back to `false`, the listener is removed again
+		* and mouse movement costs nothing until the next keypress.
+		*/
+	}
+	get current() {
+		return isUsingKeyboard;
+	}
+	set current(value) {
+		isUsingKeyboard = value;
+	}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/internal/tabbable.js
+function getTabbableOptions() {
+	return {
+		getShadowRoot: true,
+		displayCheck: typeof ResizeObserver === "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
+	};
+}
+/**
+* Gets all tabbable elements in the body and finds the next/previous tabbable element
+* from the `currentNode` based on the `direction` provided.
+* @param currentNode - the node we want to get the next/previous tabbable from
+*/
+function getTabbableFrom(currentNode, direction) {
+	if (!isTabbable(currentNode, getTabbableOptions())) return getTabbableFromFocusable(currentNode, direction);
+	const doc = getDocument(currentNode);
+	const allTabbable = tabbable(doc.body, getTabbableOptions());
+	if (direction === "prev") allTabbable.reverse();
+	const activeIndex = allTabbable.indexOf(currentNode);
+	if (activeIndex === -1) return doc.body;
+	return allTabbable.slice(activeIndex + 1)[0];
+}
+function getTabbableFromFocusable(currentNode, direction) {
+	const doc = getDocument(currentNode);
+	if (!isFocusable(currentNode, getTabbableOptions())) return doc.body;
+	const allFocusable = focusable(doc.body, getTabbableOptions());
+	if (direction === "prev") allFocusable.reverse();
+	const activeIndex = allFocusable.indexOf(currentNode);
+	if (activeIndex === -1) return doc.body;
+	return allFocusable.slice(activeIndex + 1).find((node) => isTabbable(node, getTabbableOptions())) ?? doc.body;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/menu/menu.svelte.js
+var MenuRootContext = new Context("Menu.Root");
+var MenuMenuContext = new Context("Menu.Root | Menu.Sub");
+var MenuContentContext = new Context("Menu.Content");
+var MenuGroupContext = new Context("Menu.Group | Menu.RadioGroup");
+var MenuRadioGroupContext = new Context("Menu.RadioGroup");
+var MenuCheckboxGroupContext = new Context("Menu.CheckboxGroup");
+var MenuOpenEvent = new CustomEventDispatcher("bitsmenuopen", {
+	bubbles: false,
+	cancelable: true
+});
+var menuAttrs = createBitsAttrs({
+	component: "menu",
+	parts: [
+		"trigger",
+		"content",
+		"sub-trigger",
+		"item",
+		"group",
+		"group-heading",
+		"checkbox-group",
+		"checkbox-item",
+		"radio-group",
+		"radio-item",
+		"separator",
+		"sub-content",
+		"arrow"
+	]
+});
+var MenuSubmenuIntent = class {
+	#opts;
+	#cleanupDocMove = null;
+	#fallbackTimer = null;
+	#active = false;
+	#target = null;
+	#apex = null;
+	#pointerPoint = null;
+	#launchPoint = null;
+	constructor(opts) {
+		this.#opts = opts;
+		watch([
+			opts.triggerNode,
+			opts.contentNode,
+			opts.enabled
+		], ([triggerNode, contentNode, enabled]) => {
+			this.#reset();
+			if (!triggerNode || !contentNode || !enabled) return;
+			const onTriggerMove = (e) => {
+				if (!isMouseEvent(e)) return;
+				this.#launchPoint = {
+					x: e.clientX,
+					y: e.clientY
+				};
+				if (!this.#active) this.#preview(e, "content");
+			};
+			const onTriggerLeave = (e) => {
+				if (!isMouseEvent(e)) return;
+				this.#engage(e, "content");
+			};
+			const onContentMove = (e) => {
+				if (!isMouseEvent(e)) return;
+				if (!this.#active) this.#preview(e, "trigger");
+			};
+			const onContentLeave = (e) => {
+				if (!isMouseEvent(e)) return;
+				if (isElement(e.relatedTarget)) {
+					const selector = this.#opts.subContentSelector();
+					const matchedSubContent = e.relatedTarget.closest(selector);
+					if (matchedSubContent && matchedSubContent !== contentNode && matchedSubContent.id) {
+						if (!!contentNode.querySelector(`[aria-controls="${matchedSubContent.id}"]`)) return;
+					}
+				}
+				this.#engage(e, "trigger");
+			};
+			const onTriggerEnter = (e) => {
+				if (!isMouseEvent(e)) return;
+				this.#disengage();
+			};
+			const onContentEnter = (e) => {
+				if (!isMouseEvent(e)) return;
+				this.#disengage();
+			};
+			triggerNode.addEventListener("pointermove", onTriggerMove);
+			triggerNode.addEventListener("pointerleave", onTriggerLeave);
+			triggerNode.addEventListener("pointerenter", onTriggerEnter);
+			contentNode.addEventListener("pointermove", onContentMove);
+			contentNode.addEventListener("pointerleave", onContentLeave);
+			contentNode.addEventListener("pointerenter", onContentEnter);
+			return () => {
+				triggerNode.removeEventListener("pointermove", onTriggerMove);
+				triggerNode.removeEventListener("pointerleave", onTriggerLeave);
+				triggerNode.removeEventListener("pointerenter", onTriggerEnter);
+				contentNode.removeEventListener("pointermove", onContentMove);
+				contentNode.removeEventListener("pointerleave", onContentLeave);
+				contentNode.removeEventListener("pointerenter", onContentEnter);
+				this.#reset();
+			};
+		});
+	}
+	#parentTargetRect() {
+		const parent = this.#opts.parentContentNode();
+		if (parent) return parent.getBoundingClientRect();
+		return this.#opts.triggerNode()?.getBoundingClientRect() ?? null;
+	}
+	#computePolygons(pointerPt, target) {
+		const triggerNode = this.#opts.triggerNode();
+		const contentNode = this.#opts.contentNode();
+		if (!triggerNode || !contentNode) return null;
+		const triggerRect = triggerNode.getBoundingClientRect();
+		const contentRect = contentNode.getBoundingClientRect();
+		const side = getSide(triggerRect, contentRect);
+		let apex;
+		let targetRect;
+		let sourceRect;
+		if (target === "content") {
+			apex = this.#active ? this.#apex ?? pointerPt : pointerPt;
+			targetRect = contentRect;
+		} else {
+			apex = this.#launchPoint ?? pointerPt;
+			targetRect = this.#parentTargetRect() ?? triggerRect;
+			sourceRect = contentRect;
+		}
+		this.#apex = apex;
+		return {
+			corridor: getCorridorPolygon(triggerRect, contentRect, side),
+			intent: getIntentPolygon(apex, targetRect, side, target, sourceRect),
+			targetRect,
+			side
+		};
+	}
+	#isInSafeZone(pt, corridor, intent) {
+		return isPointInPolygon(pt, corridor) || isPointInPolygon(pt, intent);
+	}
+	#preview(e, target) {
+		const pt = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		if (!this.#computePolygons(pt, target)) return;
+		this.#target = target;
+		this.#pointerPoint = pt;
+	}
+	#engage(e, target) {
+		if (!this.#opts.enabled()) return;
+		const triggerNode = this.#opts.triggerNode();
+		const contentNode = this.#opts.contentNode();
+		if (!triggerNode || !contentNode) return;
+		const related = e.relatedTarget;
+		if (isElement(related)) {
+			if (target === "content" && contentNode.contains(related)) return;
+			if (target === "trigger" && triggerNode.contains(related)) return;
+		}
+		const pt = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		const geo = this.#computePolygons(pt, target);
+		if (!geo) return;
+		if (!isInsideRect(pt, geo.targetRect) && !this.#isInSafeZone(pt, geo.corridor, geo.intent)) {
+			this.#clearVisuals();
+			return;
+		}
+		this.#active = true;
+		this.#target = target;
+		this.#pointerPoint = pt;
+		this.#opts.setIsPointerInTransit(true);
+		this.#attachDocMove();
+		this.#startFallback();
+	}
+	#disengageTimer = null;
+	#disengage() {
+		if (!this.#active) return;
+		const wasReturning = this.#target === "trigger";
+		this.#detachDocMove();
+		this.#clearFallback();
+		this.#active = false;
+		this.#clearVisuals();
+		if (wasReturning) {
+			this.#clearDisengageTimer();
+			this.#disengageTimer = setTimeout(() => {
+				this.#disengageTimer = null;
+				this.#opts.setIsPointerInTransit(false);
+			}, 100);
+		} else this.#opts.setIsPointerInTransit(false);
+	}
+	#clearDisengageTimer() {
+		if (this.#disengageTimer === null) return;
+		clearTimeout(this.#disengageTimer);
+		this.#disengageTimer = null;
+	}
+	#intentExit() {
+		const pointerPoint = this.#pointerPoint;
+		this.#detachDocMove();
+		this.#clearFallback();
+		this.#clearDisengageTimer();
+		this.#active = false;
+		this.#opts.setIsPointerInTransit(false);
+		this.#clearVisuals();
+		this.#opts.onIntentExit(pointerPoint);
+	}
+	#reset() {
+		this.#detachDocMove();
+		this.#clearFallback();
+		this.#clearDisengageTimer();
+		if (this.#active) this.#opts.setIsPointerInTransit(false);
+		this.#active = false;
+		this.#target = null;
+		this.#apex = null;
+		this.#pointerPoint = null;
+		this.#launchPoint = null;
+	}
+	#isPointerInDescendantSubContent(pt) {
+		const contentNode = this.#opts.contentNode();
+		if (!contentNode) return false;
+		const el = contentNode.ownerDocument.elementFromPoint(pt.x, pt.y);
+		if (!el) return false;
+		const selector = this.#opts.subContentSelector();
+		const subContent = el.closest(selector);
+		if (!subContent || subContent === contentNode) return false;
+		if (subContent.id) return !!contentNode.querySelector(`[aria-controls="${subContent.id}"]`);
+		return false;
+	}
+	#onDocMove = (e) => {
+		if (!this.#active || !this.#target) return;
+		if (!isMouseEvent(e)) return;
+		const triggerNode = this.#opts.triggerNode();
+		const contentNode = this.#opts.contentNode();
+		if (!triggerNode || !contentNode) {
+			this.#intentExit();
+			return;
+		}
+		this.#clearFallback();
+		const pt = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		this.#pointerPoint = pt;
+		const triggerRect = triggerNode.getBoundingClientRect();
+		const contentRect = contentNode.getBoundingClientRect();
+		if (this.#target === "content" && isInsideRect(pt, contentRect)) {
+			this.#disengage();
+			return;
+		}
+		if (this.#target === "trigger" && isInsideInsetRect(pt, triggerRect, 4)) {
+			this.#disengage();
+			return;
+		}
+		if (this.#isPointerInDescendantSubContent(pt)) {
+			this.#startFallback();
+			return;
+		}
+		const geo = this.#computePolygons(pt, this.#target);
+		if (!geo) {
+			this.#intentExit();
+			return;
+		}
+		if (this.#isInSafeZone(pt, geo.corridor, geo.intent)) {
+			this.#startFallback();
+			return;
+		}
+		this.#intentExit();
+	};
+	#attachDocMove() {
+		if (this.#cleanupDocMove) return;
+		const doc = getDocument(this.#opts.triggerNode() ?? this.#opts.contentNode());
+		if (!doc) return;
+		doc.addEventListener("pointermove", this.#onDocMove, true);
+		this.#cleanupDocMove = () => {
+			doc.removeEventListener("pointermove", this.#onDocMove, true);
+			this.#cleanupDocMove = null;
+		};
+	}
+	#detachDocMove() {
+		this.#cleanupDocMove?.();
+	}
+	#startFallback() {
+		this.#clearFallback();
+		this.#fallbackTimer = setTimeout(() => {
+			this.#fallbackTimer = null;
+			if (this.#active) this.#intentExit();
+		}, 500);
+	}
+	#clearFallback() {
+		if (this.#fallbackTimer === null) return;
+		clearTimeout(this.#fallbackTimer);
+		this.#fallbackTimer = null;
+	}
+	#clearVisuals() {
+		this.#target = null;
+		this.#apex = null;
+		this.#pointerPoint = null;
+	}
+};
+function isPointInPolygon(point, polygon) {
+	const { x, y } = point;
+	let inside = false;
+	for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+		const xi = polygon[i].x;
+		const yi = polygon[i].y;
+		const xj = polygon[j].x;
+		const yj = polygon[j].y;
+		if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) inside = !inside;
+	}
+	return inside;
+}
+function isInsideRect(point, rect) {
+	return point.x >= rect.left && point.x <= rect.right && point.y >= rect.top && point.y <= rect.bottom;
+}
+function isInsideInsetRect(point, rect, inset) {
+	return point.x >= rect.left + inset && point.x <= rect.right - inset && point.y >= rect.top + inset && point.y <= rect.bottom - inset;
+}
+function getSide(triggerRect, contentRect) {
+	const triggerCenterX = triggerRect.left + triggerRect.width / 2;
+	const triggerCenterY = triggerRect.top + triggerRect.height / 2;
+	const contentCenterX = contentRect.left + contentRect.width / 2;
+	const contentCenterY = contentRect.top + contentRect.height / 2;
+	const deltaX = contentCenterX - triggerCenterX;
+	const deltaY = contentCenterY - triggerCenterY;
+	if (Math.abs(deltaX) > Math.abs(deltaY)) return deltaX > 0 ? "right" : "left";
+	return deltaY > 0 ? "bottom" : "top";
+}
+function getCorridorPolygon(triggerRect, contentRect, side) {
+	const buffer = 2;
+	switch (side) {
+		case "top": return [
+			{
+				x: Math.min(triggerRect.left, contentRect.left) - buffer,
+				y: triggerRect.top
+			},
+			{
+				x: Math.min(triggerRect.left, contentRect.left) - buffer,
+				y: contentRect.bottom
+			},
+			{
+				x: Math.max(triggerRect.right, contentRect.right) + buffer,
+				y: contentRect.bottom
+			},
+			{
+				x: Math.max(triggerRect.right, contentRect.right) + buffer,
+				y: triggerRect.top
+			}
+		];
+		case "bottom": return [
+			{
+				x: Math.min(triggerRect.left, contentRect.left) - buffer,
+				y: triggerRect.bottom
+			},
+			{
+				x: Math.min(triggerRect.left, contentRect.left) - buffer,
+				y: contentRect.top
+			},
+			{
+				x: Math.max(triggerRect.right, contentRect.right) + buffer,
+				y: contentRect.top
+			},
+			{
+				x: Math.max(triggerRect.right, contentRect.right) + buffer,
+				y: triggerRect.bottom
+			}
+		];
+		case "left": return [
+			{
+				x: triggerRect.left,
+				y: Math.min(triggerRect.top, contentRect.top) - buffer
+			},
+			{
+				x: contentRect.right,
+				y: Math.min(triggerRect.top, contentRect.top) - buffer
+			},
+			{
+				x: contentRect.right,
+				y: Math.max(triggerRect.bottom, contentRect.bottom) + buffer
+			},
+			{
+				x: triggerRect.left,
+				y: Math.max(triggerRect.bottom, contentRect.bottom) + buffer
+			}
+		];
+		case "right": return [
+			{
+				x: triggerRect.right,
+				y: Math.min(triggerRect.top, contentRect.top) - buffer
+			},
+			{
+				x: contentRect.left,
+				y: Math.min(triggerRect.top, contentRect.top) - buffer
+			},
+			{
+				x: contentRect.left,
+				y: Math.max(triggerRect.bottom, contentRect.bottom) + buffer
+			},
+			{
+				x: triggerRect.right,
+				y: Math.max(triggerRect.bottom, contentRect.bottom) + buffer
+			}
+		];
+	}
+}
+function getIntentPolygon(exitPoint, targetRect, side, target, sourceRect) {
+	const edgeBuffer = 8;
+	const effectiveSide = target === "trigger" ? flipSide(side) : side;
+	const top = sourceRect ? Math.min(targetRect.top, sourceRect.top) - edgeBuffer : targetRect.top - edgeBuffer;
+	const bottom = sourceRect ? Math.max(targetRect.bottom, sourceRect.bottom) + edgeBuffer : targetRect.bottom + edgeBuffer;
+	const left = sourceRect ? Math.min(targetRect.left, sourceRect.left) - edgeBuffer : targetRect.left - edgeBuffer;
+	const right = sourceRect ? Math.max(targetRect.right, sourceRect.right) + edgeBuffer : targetRect.right + edgeBuffer;
+	switch (effectiveSide) {
+		case "right": return [
+			exitPoint,
+			{
+				x: targetRect.left,
+				y: top
+			},
+			{
+				x: targetRect.left,
+				y: bottom
+			}
+		];
+		case "left": return [
+			exitPoint,
+			{
+				x: targetRect.right,
+				y: top
+			},
+			{
+				x: targetRect.right,
+				y: bottom
+			}
+		];
+		case "bottom": return [
+			exitPoint,
+			{
+				x: left,
+				y: targetRect.top
+			},
+			{
+				x: right,
+				y: targetRect.top
+			}
+		];
+		case "top": return [
+			exitPoint,
+			{
+				x: left,
+				y: targetRect.bottom
+			},
+			{
+				x: right,
+				y: targetRect.bottom
+			}
+		];
+	}
+}
+function flipSide(side) {
+	switch (side) {
+		case "top": return "bottom";
+		case "bottom": return "top";
+		case "left": return "right";
+		case "right": return "left";
+	}
+}
+var MenuRootState = class MenuRootState {
+	static create(opts) {
+		const root = new MenuRootState(opts);
+		return MenuRootContext.set(root);
+	}
+	opts;
+	isUsingKeyboard = new IsUsingKeyboard();
+	ignoreCloseAutoFocus = false;
+	isPointerInTransit = false;
+	constructor(opts) {
+		this.opts = opts;
+	}
+	getBitsAttr = (part) => {
+		return menuAttrs.getAttr(part, this.opts.variant.current);
+	};
+};
+var MenuMenuState = class MenuMenuState {
+	static create(opts, root) {
+		return MenuMenuContext.set(new MenuMenuState(opts, root, null));
+	}
+	opts;
+	root;
+	parentMenu;
+	contentId = boxWith(() => "");
+	contentNode = null;
+	contentPresence;
+	triggerNode = null;
+	constructor(opts, root, parentMenu) {
+		this.opts = opts;
+		this.root = root;
+		this.parentMenu = parentMenu;
+		this.contentPresence = new PresenceManager({
+			ref: boxWith(() => this.contentNode),
+			open: this.opts.open,
+			onComplete: () => {
+				this.opts.onOpenChangeComplete.current(this.opts.open.current);
+			},
+			shouldSkipExitAnimation: () => {
+				if (this.root.opts.variant.current !== "menubar" || this.parentMenu !== null) return false;
+				return this.root.opts.shouldSkipExitAnimation?.() ?? false;
+			}
+		});
+		if (parentMenu) watch(() => parentMenu.opts.open.current, () => {
+			if (parentMenu.opts.open.current) return;
+			this.opts.open.current = false;
+		});
+	}
+	toggleOpen() {
+		this.opts.open.current = !this.opts.open.current;
+	}
+	onOpen() {
+		this.opts.open.current = true;
+	}
+	onClose() {
+		this.opts.open.current = false;
+	}
+};
+var MenuContentState = class MenuContentState {
+	static create(opts) {
+		return MenuContentContext.set(new MenuContentState(opts, MenuMenuContext.get()));
+	}
+	opts;
+	parentMenu;
+	rovingFocusGroup;
+	domContext;
+	attachment;
+	search = "";
+	#timer = 0;
+	#handleTypeaheadSearch;
+	mounted = false;
+	#isSub;
+	constructor(opts, parentMenu) {
+		this.opts = opts;
+		this.parentMenu = parentMenu;
+		this.domContext = new DOMContext(opts.ref);
+		this.attachment = attachRef(this.opts.ref, (v) => {
+			if (this.parentMenu.contentNode !== v) this.parentMenu.contentNode = v;
+		});
+		parentMenu.contentId = opts.id;
+		this.#isSub = opts.isSub ?? false;
+		this.onkeydown = this.onkeydown.bind(this);
+		this.onblur = this.onblur.bind(this);
+		this.onfocus = this.onfocus.bind(this);
+		this.handleInteractOutside = this.handleInteractOutside.bind(this);
+		new MenuSubmenuIntent({
+			contentNode: () => this.parentMenu.contentNode,
+			triggerNode: () => this.parentMenu.triggerNode,
+			parentContentNode: () => this.parentMenu.parentMenu?.contentNode ?? null,
+			subContentSelector: () => `[${this.parentMenu.root.getBitsAttr("sub-content")}]`,
+			enabled: () => this.parentMenu.opts.open.current && Boolean(this.parentMenu.triggerNode?.hasAttribute(this.parentMenu.root.getBitsAttr("sub-trigger"))),
+			onIntentExit: (pointerPoint) => {
+				this.parentMenu.opts.open.current = false;
+				this.#dispatchPointerMoveToHoveredSubTrigger(pointerPoint);
+			},
+			setIsPointerInTransit: (value) => {
+				this.parentMenu.root.isPointerInTransit = value;
+			}
+		});
+		this.#handleTypeaheadSearch = new DOMTypeahead({
+			getActiveElement: () => this.domContext.getActiveElement(),
+			getWindow: () => this.domContext.getWindow()
+		}).handleTypeaheadSearch;
+		this.rovingFocusGroup = new RovingFocusGroup({
+			rootNode: boxWith(() => this.parentMenu.contentNode),
+			candidateAttr: this.parentMenu.root.getBitsAttr("item"),
+			loop: this.opts.loop,
+			orientation: boxWith(() => "vertical")
+		});
+		watch(() => this.parentMenu.contentNode, (contentNode) => {
+			if (!contentNode) return;
+			const handler = () => {
+				afterTick(() => {
+					if (!this.parentMenu.root.isUsingKeyboard.current) return;
+					this.rovingFocusGroup.focusFirstCandidate();
+				});
+			};
+			return MenuOpenEvent.listen(contentNode, handler);
+		});
+	}
+	#getCandidateNodes() {
+		const node = this.parentMenu.contentNode;
+		if (!node) return [];
+		return Array.from(node.querySelectorAll(`[${this.parentMenu.root.getBitsAttr("item")}]:not([data-disabled])`));
+	}
+	#isPointerMovingToSubmenu() {
+		return this.parentMenu.root.isPointerInTransit;
+	}
+	#dispatchPointerMoveToHoveredSubTrigger(pointerPoint) {
+		if (!pointerPoint) return;
+		const parentContentNode = this.parentMenu.parentMenu?.contentNode;
+		if (!parentContentNode) return;
+		const hoveredNode = this.domContext.getDocument().elementFromPoint(pointerPoint.x, pointerPoint.y);
+		if (!isElement(hoveredNode)) return;
+		const hoveredSubTrigger = hoveredNode.closest(`[${this.parentMenu.root.getBitsAttr("sub-trigger")}]`);
+		if (!hoveredSubTrigger || !parentContentNode.contains(hoveredSubTrigger)) return;
+		if (hoveredSubTrigger === this.parentMenu.triggerNode) return;
+		hoveredSubTrigger.dispatchEvent(new PointerEvent("pointermove", {
+			bubbles: true,
+			cancelable: true,
+			pointerType: "mouse",
+			clientX: pointerPoint.x,
+			clientY: pointerPoint.y
+		}));
+	}
+	onCloseAutoFocus = (e) => {
+		this.opts.onCloseAutoFocus.current?.(e);
+		if (e.defaultPrevented || this.#isSub) return;
+		if (this.parentMenu.root.ignoreCloseAutoFocus) {
+			e.preventDefault();
+			return;
+		}
+		if (this.parentMenu.triggerNode && isTabbable(this.parentMenu.triggerNode)) {
+			e.preventDefault();
+			this.parentMenu.triggerNode.focus();
+		}
+	};
+	handleTabKeyDown(e) {
+		/**
+		* We locate the root `menu`'s trigger by going up the tree until
+		* we find a menu that has no parent. This will allow us to focus the next
+		* tabbable element before/after the root trigger.
+		*/
+		let rootMenu = this.parentMenu;
+		while (rootMenu.parentMenu !== null) rootMenu = rootMenu.parentMenu;
+		if (!rootMenu.triggerNode) return;
+		e.preventDefault();
+		const nodeToFocus = getTabbableFrom(rootMenu.triggerNode, e.shiftKey ? "prev" : "next");
+		if (nodeToFocus) {
+			/**
+			* We set a flag to ignore the `onCloseAutoFocus` event handler
+			* as well as the fallbacks inside the focus scope to prevent
+			* race conditions causing focus to fall back to the body even
+			* though we're trying to focus the next tabbable element.
+			*/
+			this.parentMenu.root.ignoreCloseAutoFocus = true;
+			rootMenu.onClose();
+			afterTick(() => {
+				nodeToFocus.focus();
+				afterTick(() => {
+					this.parentMenu.root.ignoreCloseAutoFocus = false;
+				});
+			});
+		} else this.domContext.getDocument().body.focus();
+	}
+	onkeydown(e) {
+		if (e.defaultPrevented) return;
+		if (e.key === "Tab") {
+			this.handleTabKeyDown(e);
+			return;
+		}
+		const target = e.target;
+		const currentTarget = e.currentTarget;
+		if (!isHTMLElement(target) || !isHTMLElement(currentTarget)) return;
+		const isKeydownInside = target.closest(`[${this.parentMenu.root.getBitsAttr("content")}]`)?.id === this.parentMenu.contentId.current;
+		const isModifierKey = e.ctrlKey || e.altKey || e.metaKey;
+		const isCharacterKey = e.key.length === 1;
+		if (this.rovingFocusGroup.handleKeydown(target, e)) return;
+		if (e.code === "Space") return;
+		const candidateNodes = this.#getCandidateNodes();
+		if (isKeydownInside) {
+			if (!isModifierKey && isCharacterKey) this.#handleTypeaheadSearch(e.key, candidateNodes);
+		}
+		if (e.target?.id !== this.parentMenu.contentId.current) return;
+		if (!FIRST_LAST_KEYS.includes(e.key)) return;
+		e.preventDefault();
+		if (LAST_KEYS.includes(e.key)) candidateNodes.reverse();
+		focusFirst(candidateNodes, { select: false }, () => this.domContext.getActiveElement());
+	}
+	onblur(e) {
+		if (!isElement(e.currentTarget)) return;
+		if (!isElement(e.target)) return;
+		if (!e.currentTarget.contains?.(e.target)) {
+			this.domContext.getWindow().clearTimeout(this.#timer);
+			this.search = "";
+		}
+	}
+	onfocus(_) {
+		if (!this.parentMenu.root.isUsingKeyboard.current) return;
+		afterTick(() => this.rovingFocusGroup.focusFirstCandidate());
+	}
+	onItemEnter() {
+		return this.#isPointerMovingToSubmenu();
+	}
+	onItemLeave(e) {
+		if (e.currentTarget.hasAttribute(this.parentMenu.root.getBitsAttr("sub-trigger"))) return;
+		if (this.#isPointerMovingToSubmenu() || this.parentMenu.root.isUsingKeyboard.current) return;
+		this.parentMenu.contentNode?.focus({ preventScroll: true });
+		this.rovingFocusGroup.setCurrentTabStopId("");
+	}
+	onTriggerLeave() {
+		if (this.#isPointerMovingToSubmenu()) return true;
+		return false;
+	}
+	handleInteractOutside(e) {
+		if (!isElementOrSVGElement(e.target)) return;
+		const triggerId = this.parentMenu.triggerNode?.id;
+		if (e.target.id === triggerId) {
+			e.preventDefault();
+			return;
+		}
+		if (e.target.closest(`#${triggerId}`)) {
+			e.preventDefault();
+			return;
+		}
+		/**
+		* when the menu closes due to an outside pointer interaction (for example,
+		* clicking another dropdown trigger), avoid focusing this menu's trigger
+		* to prevent stealing focus from the new interaction target.
+		*/
+		this.parentMenu.root.ignoreCloseAutoFocus = true;
+		afterTick(() => {
+			this.parentMenu.root.ignoreCloseAutoFocus = false;
+		});
+	}
+	get shouldRender() {
+		return this.parentMenu.contentPresence.shouldRender;
+	}
+	#snippetProps = derived(() => ({ open: this.parentMenu.opts.open.current }));
+	get snippetProps() {
+		return this.#snippetProps();
+	}
+	set snippetProps($$value) {
+		return this.#snippetProps($$value);
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		role: "menu",
+		"aria-orientation": "vertical",
+		[this.parentMenu.root.getBitsAttr("content")]: "",
+		"data-state": getDataOpenClosed(this.parentMenu.opts.open.current),
+		...getDataTransitionAttrs(this.parentMenu.contentPresence.transitionStatus),
+		onkeydown: this.onkeydown,
+		onblur: this.onblur,
+		onfocus: this.onfocus,
+		dir: this.parentMenu.root.opts.dir.current,
+		style: {
+			pointerEvents: "auto",
+			contain: "layout style"
+		},
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+	popperProps = { onCloseAutoFocus: (e) => this.onCloseAutoFocus(e) };
+};
+var MenuItemSharedState = class {
+	opts;
+	content;
+	attachment;
+	#isFocused = false;
+	constructor(opts, content) {
+		this.opts = opts;
+		this.content = content;
+		this.attachment = attachRef(this.opts.ref);
+		this.onpointermove = this.onpointermove.bind(this);
+		this.onpointerleave = this.onpointerleave.bind(this);
+		this.onfocus = this.onfocus.bind(this);
+		this.onblur = this.onblur.bind(this);
+	}
+	onpointermove(e) {
+		if (e.defaultPrevented) return;
+		if (!isMouseEvent(e)) return;
+		if (this.opts.disabled.current) this.content.onItemLeave(e);
+		else {
+			if (this.content.onItemEnter()) return;
+			const item = e.currentTarget;
+			if (!isHTMLElement(item)) return;
+			item.focus({ preventScroll: true });
+		}
+	}
+	onpointerleave(e) {
+		if (e.defaultPrevented) return;
+		if (!isMouseEvent(e)) return;
+		this.content.onItemLeave(e);
+	}
+	onfocus(e) {
+		afterTick(() => {
+			if (e.defaultPrevented || this.opts.disabled.current) return;
+			this.#isFocused = true;
+		});
+	}
+	onblur(e) {
+		afterTick(() => {
+			if (e.defaultPrevented) return;
+			this.#isFocused = false;
+		});
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		tabindex: -1,
+		role: "menuitem",
+		"aria-disabled": boolToStr(this.opts.disabled.current),
+		"data-disabled": boolToEmptyStrOrUndef(this.opts.disabled.current),
+		"data-highlighted": this.#isFocused ? "" : void 0,
+		[this.content.parentMenu.root.getBitsAttr("item")]: "",
+		onpointermove: this.onpointermove,
+		onpointerleave: this.onpointerleave,
+		onfocus: this.onfocus,
+		onblur: this.onblur,
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var MenuItemState = class MenuItemState {
+	static create(opts) {
+		const item = new MenuItemSharedState(opts, MenuContentContext.get());
+		return new MenuItemState(opts, item);
+	}
+	opts;
+	item;
+	root;
+	#isPointerDown = false;
+	constructor(opts, item) {
+		this.opts = opts;
+		this.item = item;
+		this.root = item.content.parentMenu.root;
+		this.onkeydown = this.onkeydown.bind(this);
+		this.onclick = this.onclick.bind(this);
+		this.onpointerdown = this.onpointerdown.bind(this);
+		this.onpointerup = this.onpointerup.bind(this);
+	}
+	#handleSelect() {
+		if (this.item.opts.disabled.current) return;
+		const selectEvent = new CustomEvent("menuitemselect", {
+			bubbles: true,
+			cancelable: true
+		});
+		this.opts.onSelect.current(selectEvent);
+		if (selectEvent.defaultPrevented) {
+			this.item.content.parentMenu.root.isUsingKeyboard.current = false;
+			return;
+		}
+		if (this.opts.closeOnSelect.current) this.item.content.parentMenu.root.opts.onClose();
+	}
+	onkeydown(e) {
+		const isTypingAhead = this.item.content.search !== "";
+		if (this.item.opts.disabled.current || isTypingAhead && e.key === " ") return;
+		if (SELECTION_KEYS.includes(e.key)) {
+			if (!isHTMLElement(e.currentTarget)) return;
+			e.currentTarget.click();
+			/**
+			* We prevent default browser behavior for selection keys as they should trigger
+			* a selection only:
+			* - prevents space from scrolling the page.
+			* - if keydown causes focus to move, prevents keydown from firing on the new target.
+			*/
+			e.preventDefault();
+		}
+	}
+	onclick(_) {
+		if (this.item.opts.disabled.current) return;
+		this.#handleSelect();
+	}
+	onpointerup(e) {
+		if (e.defaultPrevented) return;
+		if (!this.#isPointerDown) {
+			if (!isHTMLElement(e.currentTarget)) return;
+			e.currentTarget?.click();
+		}
+	}
+	onpointerdown(_) {
+		this.#isPointerDown = true;
+	}
+	#props = derived(() => mergeProps(this.item.props, {
+		onclick: this.onclick,
+		onpointerdown: this.onpointerdown,
+		onpointerup: this.onpointerup,
+		onkeydown: this.onkeydown
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var MenuSubTriggerState = class MenuSubTriggerState {
+	static create(opts) {
+		const content = MenuContentContext.get();
+		const item = new MenuItemSharedState(opts, content);
+		const submenu = MenuMenuContext.get();
+		return new MenuSubTriggerState(opts, item, content, submenu);
+	}
+	opts;
+	item;
+	content;
+	submenu;
+	attachment;
+	#openTimer = null;
+	constructor(opts, item, content, submenu) {
+		this.opts = opts;
+		this.item = item;
+		this.content = content;
+		this.submenu = submenu;
+		this.attachment = attachRef(this.opts.ref, (v) => this.submenu.triggerNode = v);
+		this.onpointerleave = this.onpointerleave.bind(this);
+		this.onpointermove = this.onpointermove.bind(this);
+		this.onkeydown = this.onkeydown.bind(this);
+		this.onclick = this.onclick.bind(this);
+	}
+	#clearOpenTimer() {
+		if (this.#openTimer === null) return;
+		this.content.domContext.getWindow().clearTimeout(this.#openTimer);
+		this.#openTimer = null;
+	}
+	onpointermove(e) {
+		if (!isMouseEvent(e)) return;
+		if (this.submenu.root.isPointerInTransit) {
+			if (this.#openTimer !== null) this.#clearOpenTimer();
+			return;
+		}
+		if (!this.item.opts.disabled.current && !this.submenu.opts.open.current && !this.#openTimer) {
+			const openDelay = this.opts.openDelay.current;
+			if (openDelay <= 0) {
+				this.submenu.onOpen();
+				return;
+			}
+			this.#openTimer = this.content.domContext.setTimeout(() => {
+				if (this.submenu.root.isPointerInTransit) {
+					this.#clearOpenTimer();
+					return;
+				}
+				this.submenu.onOpen();
+				this.#clearOpenTimer();
+			}, openDelay);
+		}
+	}
+	onpointerleave(e) {
+		if (!isMouseEvent(e)) return;
+		this.#clearOpenTimer();
+	}
+	onkeydown(e) {
+		const isTypingAhead = this.content.search !== "";
+		if (this.item.opts.disabled.current || isTypingAhead && e.key === " ") return;
+		if (SUB_OPEN_KEYS[this.submenu.root.opts.dir.current].includes(e.key)) {
+			e.currentTarget.click();
+			e.preventDefault();
+		}
+	}
+	onclick(e) {
+		if (this.item.opts.disabled.current) return;
+		/**
+		* We manually focus because iOS Safari doesn't always focus on click (e.g. buttons)
+		* and we rely heavily on `onFocusOutside` for submenus to close when switching
+		* between separate submenus.
+		*/
+		if (!isHTMLElement(e.currentTarget)) return;
+		e.currentTarget.focus();
+		const selectEvent = new CustomEvent("menusubtriggerselect", {
+			bubbles: true,
+			cancelable: true
+		});
+		this.opts.onSelect.current(selectEvent);
+		if (!this.submenu.opts.open.current) {
+			this.submenu.onOpen();
+			afterTick(() => {
+				const contentNode = this.submenu.contentNode;
+				if (!contentNode) return;
+				MenuOpenEvent.dispatch(contentNode);
+			});
+		}
+	}
+	#props = derived(() => mergeProps({
+		"aria-haspopup": "menu",
+		"aria-expanded": boolToStr(this.submenu.opts.open.current),
+		"data-state": getDataOpenClosed(this.submenu.opts.open.current),
+		"aria-controls": this.submenu.opts.open.current ? this.submenu.contentId.current : void 0,
+		[this.submenu.root.getBitsAttr("sub-trigger")]: "",
+		onclick: this.onclick,
+		onpointermove: this.onpointermove,
+		onpointerleave: this.onpointerleave,
+		onkeydown: this.onkeydown,
+		...this.attachment
+	}, this.item.props));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var MenuCheckboxItemState = class MenuCheckboxItemState {
+	static create(opts, checkboxGroup) {
+		const item = new MenuItemState(opts, new MenuItemSharedState(opts, MenuContentContext.get()));
+		return new MenuCheckboxItemState(opts, item, checkboxGroup);
+	}
+	opts;
+	item;
+	group;
+	constructor(opts, item, group = null) {
+		this.opts = opts;
+		this.item = item;
+		this.group = group;
+		if (this.group) {
+			watch(() => this.group.opts.value.current, (groupValues) => {
+				this.opts.checked.current = groupValues.includes(this.opts.value.current);
+			});
+			watch(() => this.opts.checked.current, (checked) => {
+				if (checked) this.group.addValue(this.opts.value.current);
+				else this.group.removeValue(this.opts.value.current);
+			});
+		}
+	}
+	toggleChecked() {
+		if (this.opts.indeterminate.current) {
+			this.opts.indeterminate.current = false;
+			this.opts.checked.current = true;
+		} else this.opts.checked.current = !this.opts.checked.current;
+	}
+	#snippetProps = derived(() => ({
+		checked: this.opts.checked.current,
+		indeterminate: this.opts.indeterminate.current
+	}));
+	get snippetProps() {
+		return this.#snippetProps();
+	}
+	set snippetProps($$value) {
+		return this.#snippetProps($$value);
+	}
+	#props = derived(() => ({
+		...this.item.props,
+		role: "menuitemcheckbox",
+		"aria-checked": getAriaChecked(this.opts.checked.current, this.opts.indeterminate.current),
+		"data-state": getCheckedState(this.opts.checked.current),
+		[this.item.root.getBitsAttr("checkbox-item")]: ""
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var MenuSeparatorState = class MenuSeparatorState {
+	static create(opts) {
+		return new MenuSeparatorState(opts, MenuRootContext.get());
+	}
+	opts;
+	root;
+	attachment;
+	constructor(opts, root) {
+		this.opts = opts;
+		this.root = root;
+		this.attachment = attachRef(this.opts.ref);
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		role: "separator",
+		[this.root.getBitsAttr("separator")]: "",
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var MenuRadioGroupState = class MenuRadioGroupState {
+	static create(opts) {
+		return MenuGroupContext.set(MenuRadioGroupContext.set(new MenuRadioGroupState(opts, MenuContentContext.get())));
+	}
+	opts;
+	content;
+	attachment;
+	groupHeadingId = null;
+	root;
+	constructor(opts, content) {
+		this.opts = opts;
+		this.content = content;
+		this.root = content.parentMenu.root;
+		this.attachment = attachRef(this.opts.ref);
+	}
+	setValue(v) {
+		this.opts.value.current = v;
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		[this.root.getBitsAttr("radio-group")]: "",
+		role: "group",
+		"aria-labelledby": this.groupHeadingId,
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var MenuRadioItemState = class MenuRadioItemState {
+	static create(opts) {
+		const radioGroup = MenuRadioGroupContext.get();
+		const item = new MenuItemState(opts, new MenuItemSharedState(opts, radioGroup.content));
+		return new MenuRadioItemState(opts, item, radioGroup);
+	}
+	opts;
+	item;
+	group;
+	attachment;
+	#isChecked = derived(() => this.group.opts.value.current === this.opts.value.current);
+	get isChecked() {
+		return this.#isChecked();
+	}
+	set isChecked($$value) {
+		return this.#isChecked($$value);
+	}
+	constructor(opts, item, group) {
+		this.opts = opts;
+		this.item = item;
+		this.group = group;
+		this.attachment = attachRef(this.opts.ref);
+	}
+	selectValue() {
+		this.group.setValue(this.opts.value.current);
+	}
+	#props = derived(() => ({
+		[this.group.root.getBitsAttr("radio-item")]: "",
+		...this.item.props,
+		role: "menuitemradio",
+		"aria-checked": getAriaChecked(this.isChecked, false),
+		"data-state": getCheckedState(this.isChecked),
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var DropdownMenuTriggerState = class DropdownMenuTriggerState {
+	static create(opts) {
+		return new DropdownMenuTriggerState(opts, MenuMenuContext.get());
+	}
+	opts;
+	parentMenu;
+	attachment;
+	constructor(opts, parentMenu) {
+		this.opts = opts;
+		this.parentMenu = parentMenu;
+		this.attachment = attachRef(this.opts.ref, (v) => this.parentMenu.triggerNode = v);
+	}
+	onclick = (e) => {
+		/**
+		* MacOS VoiceOver sends a click in Safari/Firefox bypassing the keydown event
+		* when V0+Space is pressed. Since we already handle the keydown event and the
+		* pointerdown events separately, we ignore it if the detail is not 0.
+		*/
+		if (this.opts.disabled.current || e.detail !== 0) return;
+		this.parentMenu.toggleOpen();
+		e.preventDefault();
+	};
+	onpointerdown = (e) => {
+		if (this.opts.disabled.current) return;
+		if (e.pointerType === "touch") return e.preventDefault();
+		if (e.button === 0 && e.ctrlKey === false) {
+			this.parentMenu.toggleOpen();
+			if (!this.parentMenu.opts.open.current) e.preventDefault();
+		}
+	};
+	onpointerup = (e) => {
+		if (this.opts.disabled.current) return;
+		if (e.pointerType === "touch") {
+			e.preventDefault();
+			this.parentMenu.toggleOpen();
+		}
+	};
+	onkeydown = (e) => {
+		if (this.opts.disabled.current) return;
+		if (e.key === " " || e.key === "Enter") {
+			this.parentMenu.toggleOpen();
+			e.preventDefault();
+			return;
+		}
+		if (e.key === "ArrowDown") {
+			this.parentMenu.onOpen();
+			e.preventDefault();
+		}
+	};
+	#ariaControls = derived(() => {
+		if (this.parentMenu.opts.open.current && this.parentMenu.contentId.current) return this.parentMenu.contentId.current;
+	});
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		disabled: this.opts.disabled.current,
+		"aria-haspopup": "menu",
+		"aria-expanded": boolToStr(this.parentMenu.opts.open.current),
+		"aria-controls": this.#ariaControls(),
+		"data-disabled": boolToEmptyStrOrUndef(this.opts.disabled.current),
+		"data-state": getDataOpenClosed(this.parentMenu.opts.open.current),
+		[this.parentMenu.root.getBitsAttr("trigger")]: "",
+		onclick: this.onclick,
+		onpointerdown: this.onpointerdown,
+		onpointerup: this.onpointerup,
+		onkeydown: this.onkeydown,
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var MenuSubmenuState = class {
+	static create(opts) {
+		const menu = MenuMenuContext.get();
+		return MenuMenuContext.set(new MenuMenuState(opts, menu.root, menu));
+	}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/menu/components/menu-item.svelte
+function Menu_item($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { child, children, ref = null, id = createId(uid), disabled = false, onSelect = noop, closeOnSelect = true, $$slots, $$events, ...restProps } = $$props;
+		const itemState = MenuItemState.create({
+			id: boxWith(() => id),
+			disabled: boxWith(() => disabled),
+			onSelect: boxWith(() => onSelect),
+			ref: boxWith(() => ref, (v) => ref = v),
+			closeOnSelect: boxWith(() => closeOnSelect)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, itemState.props));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, { props: mergedProps() });
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></div>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/menu/components/menu-separator.svelte
+function Menu_separator($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { ref = null, id = createId(uid), child, children, $$slots, $$events, ...restProps } = $$props;
+		const separatorState = MenuSeparatorState.create({
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, separatorState.props));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, { props: mergedProps() });
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push(`<!--[-1--><div${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></div>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/menu/components/menu.svelte
+function Menu($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { open = false, dir = "ltr", onOpenChange = noop, onOpenChangeComplete = noop, _internal_variant: variant = "dropdown-menu", _internal_should_skip_exit_animation: shouldSkipExitAnimation = void 0, children } = $$props;
+		const root = MenuRootState.create({
+			variant: boxWith(() => variant),
+			dir: boxWith(() => dir),
+			onClose: () => {
+				open = false;
+				onOpenChange(false);
+			},
+			shouldSkipExitAnimation: () => shouldSkipExitAnimation?.() ?? false
+		});
+		MenuMenuState.create({
+			open: boxWith(() => open, (v) => {
+				open = v;
+				onOpenChange(v);
+			}),
+			onOpenChangeComplete: boxWith(() => onOpenChangeComplete)
+		}, root);
+		Floating_layer($$renderer, {
+			children: ($$renderer) => {
+				children?.($$renderer);
+				$$renderer.push(`<!---->`);
+			}});
+		bind_props($$props, { open });
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/dropdown-menu/components/dropdown-menu-content.svelte
+function Dropdown_menu_content$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { id = createId(uid), child, children, ref = null, loop = true, onInteractOutside = noop, onEscapeKeydown = noop, onCloseAutoFocus = noop, forceMount = false, trapFocus = false, style, $$slots, $$events, ...restProps } = $$props;
+		const contentState = MenuContentState.create({
+			id: boxWith(() => id),
+			loop: boxWith(() => loop),
+			ref: boxWith(() => ref, (v) => ref = v),
+			onCloseAutoFocus: boxWith(() => onCloseAutoFocus)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, contentState.props));
+		function handleInteractOutside(e) {
+			contentState.handleInteractOutside(e);
+			if (e.defaultPrevented) return;
+			onInteractOutside(e);
+			if (e.defaultPrevented) return;
+			if (e.target && e.target instanceof Element) {
+				const subContentSelector = `[${contentState.parentMenu.root.getBitsAttr("sub-content")}]`;
+				if (e.target.closest(subContentSelector)) return;
+			}
+			contentState.parentMenu.onClose();
+		}
+		function handleEscapeKeydown(e) {
+			onEscapeKeydown(e);
+			if (e.defaultPrevented) return;
+			contentState.parentMenu.onClose();
+		}
+		if (forceMount) {
+			$$renderer.push("<!--[0-->");
+			{
+				function popper($$renderer, { props, wrapperProps }) {
+					const finalProps = mergeProps(props, { style: getFloatingContentCSSVars("dropdown-menu") }, { style });
+					if (child) {
+						$$renderer.push("<!--[0-->");
+						child($$renderer, {
+							props: finalProps,
+							wrapperProps,
+							...contentState.snippetProps
+						});
+						$$renderer.push(`<!---->`);
+					} else {
+						$$renderer.push(`<!--[-1--><div${attributes({ ...wrapperProps })}><div${attributes({ ...finalProps })}>`);
+						children?.($$renderer);
+						$$renderer.push(`<!----></div></div>`);
+					}
+					$$renderer.push(`<!--]-->`);
+				}
+				Popper_layer_force_mount($$renderer, spread_props([
+					mergedProps(),
+					contentState.popperProps,
+					{
+						ref: contentState.opts.ref,
+						enabled: contentState.parentMenu.opts.open.current,
+						onInteractOutside: handleInteractOutside,
+						onEscapeKeydown: handleEscapeKeydown,
+						trapFocus,
+						loop,
+						forceMount: true,
+						id,
+						shouldRender: contentState.shouldRender,
+						popper,
+						$$slots: { popper: true }
+					}
+				]));
+			}
+		} else if (!forceMount) {
+			$$renderer.push("<!--[1-->");
+			{
+				function popper($$renderer, { props, wrapperProps }) {
+					const finalProps = mergeProps(props, { style: getFloatingContentCSSVars("dropdown-menu") }, { style });
+					if (child) {
+						$$renderer.push("<!--[0-->");
+						child($$renderer, {
+							props: finalProps,
+							wrapperProps,
+							...contentState.snippetProps
+						});
+						$$renderer.push(`<!---->`);
+					} else {
+						$$renderer.push(`<!--[-1--><div${attributes({ ...wrapperProps })}><div${attributes({ ...finalProps })}>`);
+						children?.($$renderer);
+						$$renderer.push(`<!----></div></div>`);
+					}
+					$$renderer.push(`<!--]-->`);
+				}
+				Popper_layer($$renderer, spread_props([
+					mergedProps(),
+					contentState.popperProps,
+					{
+						ref: contentState.opts.ref,
+						open: contentState.parentMenu.opts.open.current,
+						onInteractOutside: handleInteractOutside,
+						onEscapeKeydown: handleEscapeKeydown,
+						trapFocus,
+						loop,
+						forceMount: false,
+						id,
+						shouldRender: contentState.shouldRender,
+						popper,
+						$$slots: { popper: true }
+					}
+				]));
+			}
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.19.3_@internationalized+date@3.12.4_@sveltejs+kit@2.70.3_@opentelemetry+api@1_30b4406f5b6bd5e3091453cbf522c8c6/node_modules/bits-ui/dist/bits/menu/components/menu-trigger.svelte
+function Menu_trigger($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { id = createId(uid), ref = null, child, children, disabled = false, type = "button", $$slots, $$events, ...restProps } = $$props;
+		const triggerState = DropdownMenuTriggerState.create({
+			id: boxWith(() => id),
+			disabled: boxWith(() => disabled ?? false),
+			ref: boxWith(() => ref, (v) => ref = v)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, triggerState.props, { type }));
+		Floating_layer_anchor($$renderer, {
+			id,
+			ref: triggerState.opts.ref,
+			children: ($$renderer) => {
+				if (child) {
+					$$renderer.push("<!--[0-->");
+					child($$renderer, { props: mergedProps() });
+					$$renderer.push(`<!---->`);
+				} else {
+					$$renderer.push(`<!--[-1--><button${attributes({ ...mergedProps() })}>`);
+					children?.($$renderer);
+					$$renderer.push(`<!----></button>`);
+				}
+				$$renderer.push(`<!--]-->`);
+			}});
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/dialog/dialog-trigger.svelte
+function Dialog_trigger($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Dialog_trigger$1) {
+				$$renderer.push("<!--[-->");
+				Dialog_trigger$1($$renderer, spread_props([
+					{ "data-slot": "dialog-trigger" },
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						}
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/SeverityIcon.svelte
+function SeverityIcon($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { severity, class: className } = $$props;
+		const Icon = derived(() => SEVERITY_ICON[severity]);
+		if (Icon()) {
+			$$renderer.push("<!--[-->");
+			Icon()($$renderer, {
+				class: cn("size-4 shrink-0", SEVERITY_TEXT[severity], className),
+				"aria-hidden": "true"
+			});
+			$$renderer.push("<!--]-->");
+		} else {
+			$$renderer.push("<!--[!-->");
+			$$renderer.push("<!--]-->");
+		}
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/IssueList.svelte
+function IssueList($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** `boxed` draws a bordered, divided list; `plain` is for surfaces that already have a frame. */
+		let { issues, variant = "boxed", class: className } = $$props;
+		$$renderer.push(`<ul${attr_class(clsx$1(cn("text-sm", variant === "boxed" ? "divide-y rounded-lg border" : "gap-2 flex flex-col", className)))}><!--[-->`);
+		const each_array = ensure_array_like(issues);
+		for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+			let issue = each_array[i];
+			$$renderer.push(`<li${attr_class(clsx$1(cn("gap-2 flex items-start", variant === "boxed" && "px-3 py-2")))}>`);
+			SeverityIcon($$renderer, {
+				severity: issue.severity,
+				class: "mt-0.5"
+			});
+			$$renderer.push(`<!----> <div class="min-w-0 flex-1"><p class="wrap-anywhere">${escape_html(issue.message)} `);
+			if (issue.count && issue.count > 1) $$renderer.push(`<!--[0--><span class="ml-1 text-xs text-muted-foreground tabular-nums">×${escape_html(issue.count)}</span>`);
+			else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></p> `);
+			if (issue.source) $$renderer.push(`<!--[0--><p class="text-xs text-muted-foreground">${escape_html(issue.source)}</p>`);
+			else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			if (issue.detail) $$renderer.push(`<!--[0--><p class="mt-0.5 text-xs wrap-anywhere text-muted-foreground">${escape_html(issue.detail)}</p>`);
+			else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div></li>`);
+		}
+		$$renderer.push(`<!--]--></ul>`);
+	});
+}
+//#endregion
+//#region ../ui/dist/components/compute/ComputeMessagesDialog.svelte
+function ComputeMessagesDialog($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** The last solve's messages. Preferred over `errors`/`warnings` when both are given. */
+		/** Fallback for hosts that only have the flat text. */
+		/** Renders inside Dialog.Trigger. */
+		let { diagnostics, errors = [], warnings = [], trigger } = $$props;
+		const locale = getLocaleContext();
+		const t = derived(() => locale.messages);
+		let open = false;
+		const rows = derived(() => diagnostics?.length ? diagnostics : [...errors.map((message) => ({
+			level: "error",
+			message
+		})), ...warnings.map((message) => ({
+			level: "warning",
+			message
+		}))]);
+		const levels = derived(() => [
+			{
+				level: "error",
+				severity: "error",
+				one: t().errorCountOne,
+				other: t().errorCountOther
+			},
+			{
+				level: "warning",
+				severity: "warning",
+				one: t().warningCountOne,
+				other: t().warningCountOther
+			},
+			{
+				level: "remark",
+				severity: "note",
+				one: t().noteCountOne,
+				other: t().noteCountOther
+			}
+		]);
+		/**
+		* One section per level that has messages, most severe first; within a level, the order the
+		* solve raised them. Repeats collapse into one row with a count: a definition fanning over 200
+		* branches raises the same warning 200 times, and an unstacked list buries every other message.
+		*/
+		const sections = derived(() => levels().map((meta) => {
+			const byKey = Object.create(null);
+			const items = [];
+			for (const d of rows()) {
+				if (d.level !== meta.level) continue;
+				const key = `${d.message} ${d.source ?? ""}`;
+				if (byKey[key]) byKey[key].count++;
+				else {
+					byKey[key] = {
+						level: d.level,
+						message: d.message,
+						source: d.source,
+						count: 1
+					};
+					items.push(byKey[key]);
+				}
+			}
+			return {
+				...meta,
+				items
+			};
+		}).filter((section) => section.items.length > 0));
+		const issues = derived(() => sections().flatMap((section) => section.items.map((item) => ({
+			severity: section.severity,
+			message: item.message,
+			source: item.source,
+			count: item.count
+		}))));
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Root) {
+				$$renderer.push("<!--[-->");
+				Root($$renderer, {
+					get open() {
+						return open;
+					},
+					set open($$value) {
+						open = $$value;
+						$$settled = false;
+					},
+					children: ($$renderer) => {
+						if (Dialog_trigger) {
+							$$renderer.push("<!--[-->");
+							Dialog_trigger($$renderer, {
+								children: ($$renderer) => {
+									trigger($$renderer);
+									$$renderer.push(`<!---->`);
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push("<!--]-->");
+						} else {
+							$$renderer.push("<!--[!-->");
+							$$renderer.push("<!--]-->");
+						}
+						$$renderer.push(` `);
+						if (Dialog_content) {
+							$$renderer.push("<!--[-->");
+							Dialog_content($$renderer, {
+								class: "max-w-lg",
+								children: ($$renderer) => {
+									if (Dialog_header) {
+										$$renderer.push("<!--[-->");
+										Dialog_header($$renderer, {
+											children: ($$renderer) => {
+												if (Dialog_title) {
+													$$renderer.push("<!--[-->");
+													Dialog_title($$renderer, {
+														children: ($$renderer) => {
+															$$renderer.push(`<!---->${escape_html(t().messagesTitle)}`);
+														},
+														$$slots: { default: true }
+													});
+													$$renderer.push("<!--]-->");
+												} else {
+													$$renderer.push("<!--[!-->");
+													$$renderer.push("<!--]-->");
+												}
+												$$renderer.push(` `);
+												if (Dialog_description) {
+													$$renderer.push("<!--[-->");
+													Dialog_description($$renderer, {
+														children: ($$renderer) => {
+															$$renderer.push(`<!--[-->`);
+															const each_array = ensure_array_like(sections());
+															for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+																let section = each_array[i];
+																if (i > 0) $$renderer.push(`<!--[0--><span class="mx-1.5">·</span>`);
+																else $$renderer.push("<!--[-1-->");
+																$$renderer.push(`<!--]--> <span>${escape_html(formatCount(section.items.length, section.one, section.other))}</span>`);
+															}
+															$$renderer.push(`<!--]-->`);
+														},
+														$$slots: { default: true }
+													});
+													$$renderer.push("<!--]-->");
+												} else {
+													$$renderer.push("<!--[!-->");
+													$$renderer.push("<!--]-->");
+												}
+											},
+											$$slots: { default: true }
+										});
+										$$renderer.push("<!--]-->");
+									} else {
+										$$renderer.push("<!--[!-->");
+										$$renderer.push("<!--]-->");
+									}
+									$$renderer.push(` `);
+									IssueList($$renderer, { issues: issues() });
+									$$renderer.push(`<!---->`);
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push("<!--]-->");
+						} else {
+							$$renderer.push("<!--[!-->");
+							$$renderer.push("<!--]-->");
+						}
+					},
+					$$slots: { default: true }
+				});
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+	});
+}
+//#endregion
+//#region ../ui/dist/components/layout/FooterItemRenderer.svelte
+function FooterItemRenderer($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { item } = $$props;
+		const itemProps = derived(() => item.getProps());
+		if (item.onClick) {
+			$$renderer.push(`<!--[0--><button class="gap-1.5 px-2 py-0.5 rounded flex cursor-pointer items-center transition-colors hover:bg-muted">`);
+			if (item.component) {
+				$$renderer.push("<!--[-->");
+				item.component($$renderer, spread_props([itemProps()]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+			$$renderer.push(`</button>`);
+		} else {
+			$$renderer.push(`<!--[-1--><div class="flex items-center">`);
+			if (item.component) {
+				$$renderer.push("<!--[-->");
+				item.component($$renderer, spread_props([itemProps()]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+			$$renderer.push(`</div>`);
+		}
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region ../ui/dist/components/layout/PageFooter.svelte
+function PageFooter($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** Structured messages, including remarks. Preferred over the two arrays above. */
+		/** Fully overrides the copyright line. `{name}` and `{year}` are substituted. */
+		let { errors = [], warnings = [], diagnostics, copyrightName = "Selva", footerText, children } = $$props;
+		const locale = getLocaleContext();
+		const t = derived(() => locale.messages);
+		let footerStore = (() => {
+			try {
+				return useFooter();
+			} catch {
+				return null;
+			}
+		})();
+		const leftItems = derived(() => footerStore ? Array.from(footerStore.items.values()).filter((item) => item.position === "left").sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)) : []);
+		const rightItems = derived(() => footerStore ? Array.from(footerStore.items.values()).filter((item) => item.position === "right").sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)) : []);
+		let _currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+		const errorCount = derived(() => diagnostics ? diagnostics.filter((d) => d.level === "error").length : errors.length);
+		const warningCount = derived(() => diagnostics ? diagnostics.filter((d) => d.level === "warning").length : warnings.length);
+		const remarkCount = derived(() => diagnostics ? diagnostics.filter((d) => d.level === "remark").length : 0);
+		const totalCount = derived(() => errorCount() + warningCount() + remarkCount());
+		const hasMessages = derived(() => totalCount() > 0);
+		const copyrightLine = derived(() => formatMessage(footerText ?? t().copyright, {
+			name: copyrightName,
+			year: _currentYear
+		}));
+		$$renderer.push(`<footer class="px-4 gap-4 text-xs h-7 flex shrink-0 items-center justify-between border-t border-border bg-background whitespace-nowrap text-muted-foreground select-none"><div class="gap-4 flex shrink-0 items-center"><!--[-->`);
+		const each_array = ensure_array_like(leftItems());
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let item = each_array[$$index];
+			FooterItemRenderer($$renderer, { item });
+		}
+		$$renderer.push(`<!--]--> `);
+		if (hasMessages()) {
+			$$renderer.push("<!--[0-->");
+			{
+				function trigger($$renderer) {
+					$$renderer.push(`<div${attr_class(`gap-1.5 px-2 py-1 rounded flex cursor-pointer items-center transition-colors hover:bg-muted ${errorCount() > 0 ? "text-destructive hover:bg-destructive/10" : warningCount() > 0 ? "text-warning hover:bg-warning/10" : "hover:bg-muted"}`)}${attr("title", formatCount(totalCount(), t().lastSolveMessagesOne, t().lastSolveMessagesOther))}>`);
+					if (errorCount() > 0) {
+						$$renderer.push("<!--[0-->");
+						Circle_alert($$renderer, { class: "h-3.5 w-3.5" });
+						$$renderer.push(`<!----> <span class="font-medium">${escape_html(formatCount(errorCount(), t().errorCountOne, t().errorCountOther))}</span>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--> `);
+					if (warningCount() > 0) {
+						$$renderer.push("<!--[0-->");
+						if (errorCount() > 0) $$renderer.push(`<!--[0--><span class="text-border">•</span>`);
+						else $$renderer.push("<!--[-1-->");
+						$$renderer.push(`<!--]--> `);
+						Triangle_alert($$renderer, { class: "h-3.5 w-3.5" });
+						$$renderer.push(`<!----> <span class="font-medium">${escape_html(formatCount(warningCount(), t().warningCountOne, t().warningCountOther))}</span>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--> `);
+					if (errorCount() === 0 && warningCount() === 0) {
+						$$renderer.push("<!--[0-->");
+						Info($$renderer, { class: "h-3.5 w-3.5" });
+						$$renderer.push(`<!----> <span class="font-medium">${escape_html(formatCount(remarkCount(), t().noteCountOne, t().noteCountOther))}</span>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--></div>`);
+				}
+				ComputeMessagesDialog($$renderer, {
+					errors,
+					warnings,
+					diagnostics,
+					trigger});
+			}
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (children) {
+			$$renderer.push(`<!--[0--><div class="gap-4 flex items-center">`);
+			children($$renderer);
+			$$renderer.push(`<!----></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div> <div class="gap-4 min-w-0 ml-auto flex items-center"><!--[-->`);
+		const each_array_1 = ensure_array_like(rightItems());
+		for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+			let item = each_array_1[$$index_1];
+			FooterItemRenderer($$renderer, { item });
+		}
+		$$renderer.push(`<!--]--> `);
+		if (copyrightLine()) $$renderer.push(`<!--[0--><p class="truncate">${escape_html(copyrightLine())}</p>`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div></footer>`);
+	});
+}
+//#endregion
+//#region ../ui/dist/components/layout/AppShell.svelte
+function AppShell($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/**
+		* Replaces the built-in PageHeader inside the sticky header bar. The bar keeps the
+		* standard `--header-h` height so the fixed-mode layout math is unaffected.
+		*/
+		/** Structured messages for the footer badge and message centre. */
+		/** Fully overrides the footer copyright line. `{name}` and `{year}` are substituted. */
+		let { showHeader = true, homeUrl = "/", title = void 0, logo = "/favicon/favicon.svg", brandName = "Selva", copyrightName = void 0, showModeToggle = true, navItems, rightContent, subnav, headerClass = "", header, mode: _mode = "scroll", sidenav, showFooter = false, errors = [], warnings = [], diagnostics, footerText, footerChildren, class: className = "", bodyClass = "", children } = $$props;
+		const _copyright = derived(() => copyrightName ?? brandName);
+		const rootClass = derived(() => _mode === "fixed" ? `flex flex-col h-dvh overflow-hidden bg-background ${className}` : `flex flex-col min-h-dvh bg-background ${className}`);
+		const bodyShellClass = derived(() => _mode === "fixed" ? `flex flex-1 min-h-0 ${sidenav ? "flex-col sm:flex-row" : "flex-col"} ${bodyClass}`.trim() : `flex-1 ${sidenav ? "flex flex-col sm:flex-row" : ""} ${bodyClass}`.trim());
+		const bodyShellStyle = "";
+		const sidenavWrapClass = derived(() => _mode === "fixed" ? "flex shrink-0" : "flex shrink-0 sm:self-start sm:sticky sm:top-(--header-h) sm:max-h-[calc(100svh-var(--header-h))]");
+		const mainClass = derived(() => _mode === "fixed" ? "min-h-0 flex-1 overflow-y-auto" : "min-w-0 flex-1 overflow-y-auto border-border sm:border-l");
+		$$renderer.push(`<div${attr_class(clsx$1(rootClass()))}>`);
+		if (showHeader) {
+			$$renderer.push("<!--[0-->");
+			if (header) {
+				$$renderer.push(`<!--[0--><header${attr_class(`top-0 backdrop-blur-sm sticky z-40 border-b border-border bg-background/90 ${headerClass}`)}><div class="flex h-(--header-h) items-center px-(--page-px)">`);
+				header($$renderer);
+				$$renderer.push(`<!----></div></header>`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				PageHeader($$renderer, {
+					homeUrl,
+					title,
+					logo,
+					brandName,
+					showModeToggle,
+					navItems,
+					rightContent,
+					subnav,
+					class: headerClass
+				});
+			}
+			$$renderer.push(`<!--]-->`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <div${attr_class(clsx$1(bodyShellClass()))}${attr_style(bodyShellStyle)}>`);
+		if (sidenav) {
+			$$renderer.push(`<!--[0--><div${attr_class(clsx$1(sidenavWrapClass()))}>`);
+			sidenav($$renderer);
+			$$renderer.push(`<!----></div> <main${attr_class(clsx$1(mainClass()))}>`);
+			children($$renderer);
+			$$renderer.push(`<!----></main>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			children($$renderer);
+			$$renderer.push(`<!---->`);
+		}
+		$$renderer.push(`<!--]--></div> `);
+		if (showFooter) {
+			$$renderer.push(`<!--[0--><div class="bottom-0 sticky z-10 shrink-0">`);
+			PageFooter($$renderer, {
+				errors,
+				warnings,
+				diagnostics,
+				copyrightName: _copyright(),
+				footerText,
+				children: ($$renderer) => {
+					if (footerChildren) {
+						$$renderer.push("<!--[0-->");
+						footerChildren($$renderer);
+						$$renderer.push(`<!---->`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]-->`);
+				}});
+			$$renderer.push(`<!----></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div>`);
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/dropdown-menu/dropdown-menu-portal.svelte
+function Dropdown_menu_portal($$renderer, $$props) {
+	let { $$slots, $$events, ...restProps } = $$props;
+	if (Portal) {
+		$$renderer.push("<!--[-->");
+		Portal($$renderer, spread_props([restProps]));
+		$$renderer.push("<!--]-->");
+	} else {
+		$$renderer.push("<!--[!-->");
+		$$renderer.push("<!--]-->");
+	}
+}
+//#endregion
+//#region ../ui/dist/components/primitives/dropdown-menu/dropdown-menu-content.svelte
+function Dropdown_menu_content($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, sideOffset = 4, align = "start", portalProps, class: className, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			Dropdown_menu_portal($$renderer, spread_props([portalProps, {
+				children: ($$renderer) => {
+					if (Dropdown_menu_content$1) {
+						$$renderer.push("<!--[-->");
+						Dropdown_menu_content$1($$renderer, spread_props([
+							{
+								"data-slot": "dropdown-menu-content",
+								sideOffset,
+								align,
+								class: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 min-w-32 p-1 shadow-md z-50 max-h-(--bits-dropdown-menu-content-available-height) w-(--bits-dropdown-menu-anchor-width) origin-(--bits-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 duration-100 data-[state=closed]:overflow-hidden", className)
+							},
+							restProps,
+							{
+								get ref() {
+									return ref;
+								},
+								set ref($$value) {
+									ref = $$value;
+									$$settled = false;
+								}
+							}
+						]));
+						$$renderer.push("<!--]-->");
+					} else {
+						$$renderer.push("<!--[!-->");
+						$$renderer.push("<!--]-->");
+					}
+				},
+				$$slots: { default: true }
+			}]));
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/dropdown-menu/dropdown-menu-item.svelte
+function Dropdown_menu_item($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, class: className, inset, variant = "default", $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Menu_item) {
+				$$renderer.push("<!--[-->");
+				Menu_item($$renderer, spread_props([
+					{
+						"data-slot": "dropdown-menu-item",
+						"data-inset": inset,
+						"data-variant": variant,
+						class: cn("gap-1.5 px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center rounded-md outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive", className)
+					},
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						}
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/dropdown-menu/dropdown-menu-separator.svelte
+function Dropdown_menu_separator($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, class: className, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Menu_separator) {
+				$$renderer.push("<!--[-->");
+				Menu_separator($$renderer, spread_props([
+					{
+						"data-slot": "dropdown-menu-separator",
+						class: cn("-mx-1 my-1 h-px bg-border", className)
+					},
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						}
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/dropdown-menu/dropdown-menu-trigger.svelte
+function Dropdown_menu_trigger($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Menu_trigger) {
+				$$renderer.push("<!--[-->");
+				Menu_trigger($$renderer, spread_props([
+					{ "data-slot": "dropdown-menu-trigger" },
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						}
+					}
+				]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/dropdown-menu/dropdown-menu.svelte
+function Dropdown_menu($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { open = false, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Menu) {
+				$$renderer.push("<!--[-->");
+				Menu($$renderer, spread_props([restProps, {
+					get open() {
+						return open;
+					},
+					set open($$value) {
+						open = $$value;
+						$$settled = false;
+					}
+				}]));
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, { open });
+	});
+}
+//#endregion
+//#region src/lib/components/nav-items.ts
+function mainNavLinks(ctx) {
+	const canManageProjects = (ctx?.platformPermissions ?? []).includes("instance_admin") || (ctx?.orgPermissions ?? []).some((p) => p === "manage_definitions" || p === "manage_projects");
+	return [{
+		href: "/library",
+		label: "Library",
+		icon: Layout_grid,
+		match: "prefix",
+		show: true
+	}, {
+		href: "/projects",
+		label: "Projects",
+		icon: Git_branch,
+		match: "prefix",
+		show: canManageProjects
+	}].filter((i) => i.show);
+}
+function settingsLinks({ platformPermissions = [], orgPermissions = [], mayHoldApiTokens = false }) {
+	const isPlatformAdmin = platformPermissions.includes("instance_admin");
+	const showAdmin = isPlatformAdmin || OPERATOR_PLATFORM_PERMISSIONS.some((p) => platformPermissions.includes(p));
+	const showTeam = isPlatformAdmin || mayHoldApiTokens || ALL_ORG_PERMISSIONS.some((p) => orgPermissions.includes(p));
+	return [{
+		href: "/team",
+		label: "Team",
+		description: "Members, projects, and org-wide settings",
+		icon: Users,
+		match: "prefix",
+		show: showTeam
+	}, {
+		href: "/admin",
+		label: "Admin",
+		description: "Platform configuration and instance settings",
+		icon: Shield,
+		match: "prefix",
+		show: showAdmin
+	}].filter((i) => i.show);
+}
+function isActiveLink(link, pathname) {
+	return link.match === "prefix" ? pathname.startsWith(link.href) : pathname === link.href;
+}
+//#endregion
+//#region src/lib/components/MainNav.svelte
+function MainNav($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const items = derived(() => mainNavLinks(page.data.ctx));
+		$$renderer.push(`<!--[-->`);
+		const each_array = ensure_array_like(items());
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let item = each_array[$$index];
+			const active = isActiveLink(item, page.url.pathname);
+			const Icon = item.icon;
+			$$renderer.push(`<a${attr("href", item.href)}${attr("aria-current", active ? "page" : void 0)}${attr_class(clsx$1(["hidden h-8 items-center gap-1.5 rounded-md px-2.5 text-sm font-medium transition-colors sm:flex", active ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"].join(" ")))}>`);
+			if (Icon) {
+				$$renderer.push("<!--[-->");
+				Icon($$renderer, { class: "h-3.5 w-3.5" });
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+			$$renderer.push(` <span>${escape_html(item.label)}</span></a>`);
+		}
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/components/user-identity.ts
+function userLabel(data) {
+	return data.profile?.displayName ?? data.user?.email?.split("@")[0] ?? data.user?.id ?? "";
+}
+/** Forward-auth deployments have no Selva session: sign-out is the proxy/IdP's job. */
+function canLogOut(data) {
+	return !data.hasProxyAuth;
+}
+//#endregion
+//#region src/lib/components/UserChip.svelte
+function UserChip($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const pageData = derived(() => page.data);
+		const user = derived(() => pageData().user ?? null);
+		const showLogout = derived(() => canLogOut(pageData()));
+		const label = derived(() => userLabel(pageData()));
+		const initial = derived(() => label()[0]?.toUpperCase() ?? "");
+		const loginHref = derived(() => `/login?redirectTo=${encodeURIComponent(page.url.pathname + page.url.search)}`);
+		if (user()) {
+			$$renderer.push(`<!--[0--><div class="border-border bg-card flex items-center gap-px rounded-full border shadow-sm"><div class="flex items-center gap-2 py-1 pr-3 pl-1"><div class="bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold">${escape_html(initial())}</div> <span class="text-foreground hidden max-w-32 truncate text-sm font-medium sm:block">${escape_html(label())}</span></div> `);
+			if (showLogout()) {
+				$$renderer.push(`<!--[0--><div class="bg-border w-px self-stretch"></div> <form method="POST" action="/logout"><button type="submit" title="Log out" aria-label="Log out" class="text-muted-foreground hover:text-foreground hover:bg-muted rounded-full p-2 transition-colors">`);
+				Log_out($$renderer, { class: "h-3.5 w-3.5" });
+				$$renderer.push(`<!----></button></form>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div>`);
+		} else {
+			$$renderer.push(`<!--[-1--><a${attr("href", loginHref())} class="border-border bg-card text-muted-foreground hover:text-foreground flex items-center gap-2 rounded-full border px-3 py-1.5 text-sm font-medium shadow-sm transition-colors">`);
+			Log_in($$renderer, { class: "h-3.5 w-3.5" });
+			$$renderer.push(`<!----> <span class="hidden sm:block">Log in</span></a>`);
+		}
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/components/SettingsMenu.svelte
+function SettingsMenu($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { platformPermissions = [], orgPermissions = [], mayHoldApiTokens = false } = $$props;
+		let open = false;
+		let triggerEl = null;
+		const items = derived(() => settingsLinks({
+			platformPermissions,
+			orgPermissions,
+			mayHoldApiTokens
+		}));
+		const hasAny = derived(() => items().length > 0);
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (hasAny()) {
+				$$renderer.push(`<!--[0--><div class="relative">`);
+				Button($$renderer, {
+					onclick: () => open = !open,
+					variant: "outline",
+					size: "icon",
+					"aria-label": "Settings",
+					"aria-expanded": open,
+					"aria-haspopup": "menu",
+					get ref() {
+						return triggerEl;
+					},
+					set ref($$value) {
+						triggerEl = $$value;
+						$$settled = false;
+					},
+					children: ($$renderer) => {
+						Settings($$renderer, { class: "h-[1.2rem] w-[1.2rem]" });
+					},
+					$$slots: { default: true }
+				});
+				$$renderer.push(`<!----> `);
+				if (open) {
+					$$renderer.push(`<!--[0--><div role="menu" class="border-border bg-popover text-popover-foreground absolute top-full right-0 z-50 mt-1.5 w-64 overflow-hidden rounded-md border shadow-md"><div class="p-1"><!--[-->`);
+					const each_array = ensure_array_like(items());
+					for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+						let item = each_array[$$index];
+						const Icon = item.icon;
+						const active = isActiveLink(item, page.url.pathname);
+						$$renderer.push(`<a${attr("href", item.href)} role="menuitem"${attr_class(`flex items-start gap-2.5 rounded-sm px-2.5 py-2 text-sm transition-colors ${active ? "bg-accent text-accent-foreground" : "text-foreground hover:bg-muted/60"}`)}>`);
+						if (Icon) {
+							$$renderer.push("<!--[-->");
+							Icon($$renderer, { class: "mt-0.5 h-3.5 w-3.5 shrink-0 opacity-70" });
+							$$renderer.push("<!--]-->");
+						} else {
+							$$renderer.push("<!--[!-->");
+							$$renderer.push("<!--]-->");
+						}
+						$$renderer.push(` <div class="min-w-0 flex-1"><p class="leading-tight font-medium">${escape_html(item.label)}</p> <p class="text-muted-foreground mt-0.5 text-xs leading-snug">${escape_html(item.description)}</p></div></a>`);
+					}
+					$$renderer.push(`<!--]--></div></div>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]-->`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+	});
+}
+
+export { AppShell as A, Dropdown_menu as D, IssueList as I, Log_out as L, MainNav as M, SettingsMenu as S, UserChip as U, Dropdown_menu_trigger as a, Dropdown_menu_content as b, Dropdown_menu_item as c, Mode_toggle as d, canLogOut as e, Dropdown_menu_separator as f, Sun as g, Moon as h, isActiveLink as i, Layout_grid as j, SeverityIcon as k, Dialog_trigger as l, mainNavLinks as m, MenuSubmenuState as n, MenuCheckboxGroupContext as o, MenuCheckboxItemState as p, Dropdown_menu_portal as q, MenuSubTriggerState as r, settingsLinks as s, MenuContentState as t, userLabel as u, MenuOpenEvent as v, SUB_CLOSE_KEYS as w, MenuRadioGroupState as x, MenuRadioItemState as y };
+//# sourceMappingURL=SettingsMenu.js-C9fbWfyL.js.map