@selvajs/selva 4.20.0-beta.1 → 4.20.0-beta.3

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

@@ -0,0 +1,810 @@
+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, aj as stringify } from './server.js-CUv4onuj.js';
+import { E as ORG_MANAGEMENT_PERMISSIONS, l as OPERATOR_PLATFORM_PERMISSIONS } from './src.js-bYgw0r8C.js';
+import { u as useFooter, t as toggleMode } from './footerContext.svelte.js-B1a16Jyc.js';
+import { h as createId, b as boxWith, m as mergeProps } from './create-id.js-CedUu2-w.js';
+import { I as Icon } from './utils3.js-D4hQ3EdJ.js';
+import { B as Button } from './button.js-CLyCog-0.js';
+import { C as Circle_alert } from './circle-alert.js-Cz5NAjB1.js';
+import { T as Triangle_alert, I as Info } from './triangle-alert.js-CKmEPiJW.js';
+import { S as Settings } from './settings.js-Cwlz8_IJ.js';
+import { S as Shield } from './shield.js-5w4MMMWE.js';
+import { U as Users } from './users.js-BtOXjDt9.js';
+import { f as DialogTriggerState } from './dialog-description.js-b4iyKL8B.js';
+import { R as Root, D as Dialog_content, a as Dialog_header, b as Dialog_title, c as Dialog_description } from './dialog.js-Cj6cv-S5.js';
+import { B as Badge } from './badge.js-CDNt9sgz.js';
+import { p as page } from './state.js-DYYYi9dk.js';
+import './client.js-Ac6dnMYv.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) {
+	Button($$renderer, {
+		onclick: toggleMode,
+		variant: "outline",
+		size: "icon",
+		children: ($$renderer) => {
+			Sun($$renderer, { class: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" });
+			$$renderer.push(`<!----> `);
+			Moon($$renderer, { class: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" });
+			$$renderer.push(`<!----> <span class="sr-only">Toggle theme</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-5 flex h-(--header-h) items-center px-(--page-px)"><a${attr("href", homeUrl)} class="gap-2 flex shrink-0 items-center"><img${attr("src", logo)} alt="" aria-hidden="true" class="h-5 w-5"/> <span class="font-semibold text-sm tracking-tight">${escape_html(brandName)}</span></a> `);
+	if (title !== void 0) $$renderer.push(`<!--[0--><span class="text-sm text-border">/</span> <span class="text-sm font-medium text-muted-foreground">${escape_html(title ?? "")}</span>`);
+	else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--> `);
+	if (navItems) {
+		$$renderer.push(`<!--[0--><nav class="ml-5 gap-1 flex">`);
+		navItems($$renderer);
+		$$renderer.push(`<!----></nav>`);
+	} else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--> <div class="gap-2 ml-auto flex 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/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 ../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/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;
+		let open = false;
+		const rows = derived(() => diagnostics?.length ? diagnostics : [...errors.map((message) => ({
+			level: "error",
+			message
+		})), ...warnings.map((message) => ({
+			level: "warning",
+			message
+		}))]);
+		const LEVELS = [
+			{
+				level: "error",
+				heading: "Errors",
+				one: "error",
+				many: "errors",
+				icon: Circle_alert,
+				tone: "text-destructive"
+			},
+			{
+				level: "warning",
+				heading: "Warnings",
+				one: "warning",
+				many: "warnings",
+				icon: Triangle_alert,
+				tone: "text-amber-500"
+			},
+			{
+				level: "remark",
+				heading: "Notes",
+				one: "note",
+				many: "notes",
+				icon: Info,
+				tone: "text-muted-foreground"
+			}
+		];
+		/**
+		* 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));
+		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, {
+								class: "focus:outline-none",
+								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 gap-4",
+								children: ($$renderer) => {
+									if (Dialog_header) {
+										$$renderer.push("<!--[-->");
+										Dialog_header($$renderer, {
+											children: ($$renderer) => {
+												if (Dialog_title) {
+													$$renderer.push("<!--[-->");
+													Dialog_title($$renderer, {
+														children: ($$renderer) => {
+															$$renderer.push(`<!---->Messages`);
+														},
+														$$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(section.items.length)} ${escape_html(section.items.length === 1 ? section.one : section.many)}</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(` <div class="space-y-4 max-h-[60vh] overflow-y-auto"><!--[-->`);
+									const each_array_1 = ensure_array_like(sections());
+									for (let $$index_2 = 0, $$length = each_array_1.length; $$index_2 < $$length; $$index_2++) {
+										let section = each_array_1[$$index_2];
+										$$renderer.push(`<section><h3 class="mb-1.5 gap-1.5 text-xs font-medium flex items-center text-muted-foreground">`);
+										if (section.icon) {
+											$$renderer.push("<!--[-->");
+											section.icon($$renderer, { class: `h-3.5 w-3.5 ${stringify(section.tone)}` });
+											$$renderer.push("<!--]-->");
+										} else {
+											$$renderer.push("<!--[!-->");
+											$$renderer.push("<!--]-->");
+										}
+										$$renderer.push(` ${escape_html(section.heading)}</h3> <ul class="divide-y rounded-lg border"><!--[-->`);
+										const each_array_2 = ensure_array_like(section.items);
+										for (let $$index_1 = 0, $$length = each_array_2.length; $$index_1 < $$length; $$index_1++) {
+											let item = each_array_2[$$index_1];
+											$$renderer.push(`<li class="gap-3 px-3 py-2 text-sm flex items-start justify-between"><p class="min-w-0 wrap-anywhere">${escape_html(item.message)} `);
+											if (item.count > 1) $$renderer.push(`<!--[0--><span class="ml-1 text-xs text-muted-foreground tabular-nums">×${escape_html(item.count)}</span>`);
+											else $$renderer.push("<!--[-1-->");
+											$$renderer.push(`<!--]--></p> `);
+											if (item.source) {
+												$$renderer.push("<!--[0-->");
+												Badge($$renderer, {
+													variant: "secondary",
+													class: "font-normal max-w-[40%] shrink-0 truncate",
+													children: ($$renderer) => {
+														$$renderer.push(`<!---->${escape_html(item.source)}`);
+													},
+													$$slots: { default: true }
+												});
+											} else $$renderer.push("<!--[-1-->");
+											$$renderer.push(`<!--]--></li>`);
+										}
+										$$renderer.push(`<!--]--></ul></section>`);
+									}
+									$$renderer.push(`<!--]--></div>`);
+								},
+								$$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;
+		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(() => footerText ? footerText.replace("{name}", copyrightName).replace("{year}", String(_currentYear)) : `by ${copyrightName} © ${_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 text-muted-foreground select-none"><div class="gap-4 flex 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", `${totalCount()} ${totalCount() === 1 ? "message" : "messages"} from the last solve`)}>`);
+					if (errorCount() > 0) {
+						$$renderer.push("<!--[0-->");
+						Circle_alert($$renderer, { class: "h-3.5 w-3.5" });
+						$$renderer.push(`<!----> <span class="font-medium">${escape_html(errorCount())} Error${escape_html(errorCount() !== 1 ? "s" : "")}</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(warningCount())} Warning${escape_html(warningCount() !== 1 ? "s" : "")}</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(remarkCount())} Note${escape_html(remarkCount() !== 1 ? "s" : "")}</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 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(`<!--]--> <p>${escape_html(copyrightLine())}</p></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-screen overflow-hidden bg-background ${className}` : `flex flex-col min-h-screen bg-background ${className}`);
+		const bodyShellClass = derived(() => _mode === "fixed" ? `flex flex-1 min-h-0 ${sidenav ? "flex-row" : "flex-col"} ${bodyClass}`.trim() : `flex-1 ${sidenav ? "flex flex-row" : ""} ${bodyClass}`.trim());
+		const bodyShellStyle = "";
+		const sidenavWrapClass = derived(() => _mode === "fixed" ? "flex shrink-0" : "flex shrink-0 self-start sticky top-(--header-h) max-h-[calc(100svh-var(--header-h))]");
+		const mainClass = derived(() => _mode === "fixed" ? "flex-1 overflow-y-auto" : "flex-1 overflow-y-auto border-l border-border");
+		$$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 src/lib/components/MainNav.svelte
+function MainNav($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const ctx = derived(() => page.data.ctx);
+		const canManageProjects = derived(() => (ctx()?.platformPermissions ?? []).includes("instance_admin") || (ctx()?.orgPermissions ?? []).some((p) => p === "manage_definitions" || p === "manage_projects"));
+		const items = derived(() => [{
+			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 isActive(item) {
+			const path = page.url.pathname;
+			if (item.match === "prefix") return path.startsWith(item.href);
+			return path === item.href;
+		}
+		$$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 = isActive(item);
+			const Icon = item.icon;
+			$$renderer.push(`<a${attr("href", item.href)}${attr_class(clsx$1(["flex h-8 items-center gap-1.5 rounded-md px-2.5 text-sm font-medium transition-colors", 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(` ${escape_html(item.label)}</a>`);
+		}
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#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 profile = derived(() => pageData().profile ?? null);
+		const showLogout = derived(() => !pageData().hasProxyAuth);
+		const label = derived(() => profile()?.displayName ?? user()?.email?.split("@")[0] ?? user()?.id ?? "");
+		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" 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 = [] } = $$props;
+		let open = false;
+		let triggerEl = null;
+		const isPlatformAdmin = derived(() => platformPermissions.includes("instance_admin"));
+		const ANY_PLATFORM_PERM = OPERATOR_PLATFORM_PERMISSIONS;
+		const ANY_ORG_ADMIN_PERM = ORG_MANAGEMENT_PERMISSIONS;
+		const showAdmin = derived(() => isPlatformAdmin() || ANY_PLATFORM_PERM.some((p) => platformPermissions.includes(p)));
+		const showTeam = derived(() => isPlatformAdmin() || ANY_ORG_ADMIN_PERM.some((p) => orgPermissions.includes(p)));
+		const items = derived(() => [{
+			href: "/team",
+			label: "Team",
+			description: "Members, projects, and org-wide settings",
+			icon: Users,
+			show: showTeam(),
+			match: "prefix"
+		}, {
+			href: "/admin",
+			label: "Admin",
+			description: "Platform configuration and instance settings",
+			icon: Shield,
+			show: showAdmin(),
+			match: "prefix"
+		}].filter((i) => i.show));
+		const hasAny = derived(() => items().length > 0);
+		function isActive(href) {
+			return page.url.pathname.startsWith(href);
+		}
+		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 = isActive(item.href);
+						$$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, Dialog_trigger as D, Layout_grid as L, MainNav as M, SettingsMenu as S, UserChip as U };
+//# sourceMappingURL=SettingsMenu.js-DgAYhutx.js.map