@selvajs/selva 4.7.1 → 4.7.3

package/build/server/chunks/chunks/UserChip.js-gChYsWE6.js

@@ -0,0 +1,1163 @@
+import { a2 as attr_class, a1 as clsx$1, a3 as attr_style, T as derived, W as attr, a4 as escape_html, $ as ensure_array_like, Z as spread_props, a6 as bind_props, a8 as props_id, a0 as attributes } from './server.js-DO_t9YqN.js';
+import { o as on } from './events.js-bmFHSDf6.js';
+import { S as Se } from './chunk-Y3M7P3BW.js-qwxSY5dh.js';
+import { u as useFooter, t as toggleMode } from './footerContext.svelte.js-CVenMdtE.js';
+import { S as SvelteMap } from './index-server2.js-UaiofxX-.js';
+import { f as createBitsAttrs, q as createId, a as boxWith, p as mergeProps, k as attachRef, m as boolToEmptyStrOrUndef, l as getDataOpenClosed, n as boolToStr, o as getDataTransitionAttrs } from './create-id.js-Dec86bc4.js';
+import { I as Icon } from './utils3.js-CCFwAIqA.js';
+import { B as Button } from './button.js-Cdo5lO8h.js';
+import { C as Chevron_down } from './chevron-down.js-BDIhUW0K.js';
+import { C as Chevron_right } from './chevron-right.js-CcEuErao.js';
+import { C as Circle_alert } from './circle-alert.js-Cx6Hu3k3.js';
+import { T as Triangle_alert } from './triangle-alert.js-D5KaoNXw.js';
+import { n as noop, C as Context, w as watch } from './noop.js-D8p_6p1H.js';
+import { P as PresenceManager, b as afterTick } from './scroll-lock.js-BSujDLmU.js';
+import { f as DialogTriggerState } from './dialog-description.js-CmiPRiiu.js';
+import { R as Root, D as Dialog_content, a as Dialog_header, b as Dialog_title, c as Dialog_description } from './dialog.js-BejLPLfU.js';
+import { p as page } from './state.js-B5l7DmZC.js';
+import './client.js-D9G7F0Bc.js';
+
+//#region ../../node_modules/.pnpm/@lucide+svelte@1.27.0_svelte@5.56.4_@typescript-eslint+types@8.65.0_/node_modules/@lucide/svelte/dist/icons/sun.svelte
+function Sun($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([
+		{ name: "sun" },
+		props,
+		{ iconNode: [
+			["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.27.0_svelte@5.56.4_@typescript-eslint+types@8.65.0_/node_modules/@lucide/svelte/dist/icons/moon.svelte
+function Moon($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([
+		{ name: "moon" },
+		props,
+		{ iconNode: [["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-->");
+		$$renderer.push(`<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-->");
+		$$renderer.push(`<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-->");
+		$$renderer.push(`<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.27.0_svelte@5.56.4_@typescript-eslint+types@8.65.0_/node_modules/@lucide/svelte/dist/icons/log-in.svelte
+function Log_in($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([
+		{ name: "log-in" },
+		props,
+		{ iconNode: [
+			["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.27.0_svelte@5.56.4_@typescript-eslint+types@8.65.0_/node_modules/@lucide/svelte/dist/icons/log-out.svelte
+function Log_out($$renderer, $$props) {
+	let { $$slots, $$events, ...props } = $$props;
+	Icon($$renderer, spread_props([
+		{ name: "log-out" },
+		props,
+		{ iconNode: [
+			["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.18.1_@internationalized+date@3.12.2_@sveltejs+kit@2.69.1_@opentelemetry+api@1_559a5cd242a019091088f01db7dbcea5/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-->");
+			$$renderer.push(`<button${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></button>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.18.1_@internationalized+date@3.12.2_@sveltejs+kit@2.69.1_@opentelemetry+api@1_559a5cd242a019091088f01db7dbcea5/node_modules/bits-ui/dist/bits/collapsible/collapsible.svelte.js
+var collapsibleAttrs = createBitsAttrs({
+	component: "collapsible",
+	parts: [
+		"root",
+		"content",
+		"trigger"
+	]
+});
+var CollapsibleRootContext = new Context("Collapsible.Root");
+var CollapsibleRootState = class CollapsibleRootState {
+	static create(opts) {
+		return CollapsibleRootContext.set(new CollapsibleRootState(opts));
+	}
+	opts;
+	attachment;
+	contentNode = null;
+	contentPresence;
+	contentId = void 0;
+	constructor(opts) {
+		this.opts = opts;
+		this.toggleOpen = this.toggleOpen.bind(this);
+		this.attachment = attachRef(this.opts.ref);
+		this.contentPresence = new PresenceManager({
+			ref: boxWith(() => this.contentNode),
+			open: this.opts.open,
+			onComplete: () => {
+				this.opts.onOpenChangeComplete.current(this.opts.open.current);
+			}
+		});
+	}
+	toggleOpen() {
+		this.opts.open.current = !this.opts.open.current;
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		"data-state": getDataOpenClosed(this.opts.open.current),
+		"data-disabled": boolToEmptyStrOrUndef(this.opts.disabled.current),
+		[collapsibleAttrs.root]: "",
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var CollapsibleContentState = class CollapsibleContentState {
+	static create(opts) {
+		return new CollapsibleContentState(opts, CollapsibleRootContext.get());
+	}
+	opts;
+	root;
+	attachment;
+	#present = derived(() => {
+		if (this.opts.hiddenUntilFound.current) return this.root.opts.open.current;
+		return this.opts.forceMount.current || this.root.opts.open.current;
+	});
+	get present() {
+		return this.#present();
+	}
+	set present($$value) {
+		return this.#present($$value);
+	}
+	#originalStyles;
+	#isMountAnimationPrevented = false;
+	#width = 0;
+	#height = 0;
+	constructor(opts, root) {
+		this.opts = opts;
+		this.root = root;
+		this.#isMountAnimationPrevented = root.opts.open.current;
+		this.root.contentId = this.opts.id.current;
+		this.attachment = attachRef(this.opts.ref, (v) => this.root.contentNode = v);
+		watch.pre(() => this.opts.id.current, (id) => {
+			this.root.contentId = id;
+		});
+		watch.pre([() => this.opts.ref.current, () => this.opts.hiddenUntilFound.current], ([node, hiddenUntilFound]) => {
+			if (!node || !hiddenUntilFound) return;
+			const handleBeforeMatch = () => {
+				if (this.root.opts.open.current) return;
+				requestAnimationFrame(() => {
+					this.root.opts.open.current = true;
+				});
+			};
+			return on(node, "beforematch", handleBeforeMatch);
+		});
+		watch([() => this.opts.ref.current, () => this.present], ([node]) => {
+			if (!node) return;
+			afterTick(() => {
+				if (!this.opts.ref.current) return;
+				this.#originalStyles = this.#originalStyles || {
+					transitionDuration: node.style.transitionDuration,
+					animationName: node.style.animationName
+				};
+				node.style.transitionDuration = "0s";
+				node.style.animationName = "none";
+				const rect = node.getBoundingClientRect();
+				this.#height = rect.height;
+				this.#width = rect.width;
+				if (!this.#isMountAnimationPrevented) {
+					const { animationName, transitionDuration } = this.#originalStyles;
+					node.style.transitionDuration = transitionDuration;
+					node.style.animationName = animationName;
+				}
+			});
+		});
+	}
+	get shouldRender() {
+		return this.root.contentPresence.shouldRender;
+	}
+	#snippetProps = derived(() => ({ open: this.root.opts.open.current }));
+	get snippetProps() {
+		return this.#snippetProps();
+	}
+	set snippetProps($$value) {
+		return this.#snippetProps($$value);
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		style: {
+			"--bits-collapsible-content-height": this.#height ? `${this.#height}px` : void 0,
+			"--bits-collapsible-content-width": this.#width ? `${this.#width}px` : void 0
+		},
+		hidden: this.opts.hiddenUntilFound.current && !this.root.opts.open.current ? "until-found" : void 0,
+		"data-state": getDataOpenClosed(this.root.opts.open.current),
+		...getDataTransitionAttrs(this.root.contentPresence.transitionStatus),
+		"data-disabled": boolToEmptyStrOrUndef(this.root.opts.disabled.current),
+		[collapsibleAttrs.content]: "",
+		...this.opts.hiddenUntilFound.current && !this.shouldRender ? {} : { hidden: this.opts.hiddenUntilFound.current ? !this.shouldRender : this.opts.forceMount.current ? void 0 : !this.shouldRender },
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+var CollapsibleTriggerState = class CollapsibleTriggerState {
+	static create(opts) {
+		return new CollapsibleTriggerState(opts, CollapsibleRootContext.get());
+	}
+	opts;
+	root;
+	attachment;
+	#isDisabled = derived(() => this.opts.disabled.current || this.root.opts.disabled.current);
+	constructor(opts, root) {
+		this.opts = opts;
+		this.root = root;
+		this.attachment = attachRef(this.opts.ref);
+		this.onclick = this.onclick.bind(this);
+		this.onkeydown = this.onkeydown.bind(this);
+	}
+	onclick(e) {
+		if (this.#isDisabled()) return;
+		if (e.button !== 0) return e.preventDefault();
+		this.root.toggleOpen();
+	}
+	onkeydown(e) {
+		if (this.#isDisabled()) return;
+		if (e.key === " " || e.key === "Enter") {
+			e.preventDefault();
+			this.root.toggleOpen();
+		}
+	}
+	#props = derived(() => ({
+		id: this.opts.id.current,
+		type: "button",
+		disabled: this.#isDisabled(),
+		"aria-controls": this.root.contentId,
+		"aria-expanded": boolToStr(this.root.opts.open.current),
+		"data-state": getDataOpenClosed(this.root.opts.open.current),
+		"data-disabled": boolToEmptyStrOrUndef(this.#isDisabled()),
+		[collapsibleAttrs.trigger]: "",
+		onclick: this.onclick,
+		onkeydown: this.onkeydown,
+		...this.attachment
+	}));
+	get props() {
+		return this.#props();
+	}
+	set props($$value) {
+		return this.#props($$value);
+	}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.18.1_@internationalized+date@3.12.2_@sveltejs+kit@2.69.1_@opentelemetry+api@1_559a5cd242a019091088f01db7dbcea5/node_modules/bits-ui/dist/bits/collapsible/components/collapsible.svelte
+function Collapsible$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { children, child, id = createId(uid), ref = null, open = false, disabled = false, onOpenChange = noop, onOpenChangeComplete = noop, $$slots, $$events, ...restProps } = $$props;
+		const rootState = CollapsibleRootState.create({
+			open: boxWith(() => open, (v) => {
+				open = v;
+				onOpenChange(v);
+			}),
+			disabled: boxWith(() => disabled),
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v),
+			onOpenChangeComplete: boxWith(() => onOpenChangeComplete)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, rootState.props));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, { props: mergedProps() });
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<div${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></div>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, {
+			ref,
+			open
+		});
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.18.1_@internationalized+date@3.12.2_@sveltejs+kit@2.69.1_@opentelemetry+api@1_559a5cd242a019091088f01db7dbcea5/node_modules/bits-ui/dist/bits/collapsible/components/collapsible-content.svelte
+function Collapsible_content$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { child, ref = null, forceMount = false, hiddenUntilFound = false, children, id = createId(uid), $$slots, $$events, ...restProps } = $$props;
+		const contentState = CollapsibleContentState.create({
+			id: boxWith(() => id),
+			forceMount: boxWith(() => forceMount),
+			hiddenUntilFound: boxWith(() => hiddenUntilFound),
+			ref: boxWith(() => ref, (v) => ref = v)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, contentState.props));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, {
+				...contentState.snippetProps,
+				props: mergedProps()
+			});
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<div${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></div>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/bits-ui@2.18.1_@internationalized+date@3.12.2_@sveltejs+kit@2.69.1_@opentelemetry+api@1_559a5cd242a019091088f01db7dbcea5/node_modules/bits-ui/dist/bits/collapsible/components/collapsible-trigger.svelte
+function Collapsible_trigger$1($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const uid = props_id($$renderer);
+		let { children, child, ref = null, id = createId(uid), disabled = false, $$slots, $$events, ...restProps } = $$props;
+		const triggerState = CollapsibleTriggerState.create({
+			id: boxWith(() => id),
+			ref: boxWith(() => ref, (v) => ref = v),
+			disabled: boxWith(() => disabled)
+		});
+		const mergedProps = derived(() => mergeProps(restProps, triggerState.props));
+		if (child) {
+			$$renderer.push("<!--[0-->");
+			child($$renderer, { props: mergedProps() });
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<button${attributes({ ...mergedProps() })}>`);
+			children?.($$renderer);
+			$$renderer.push(`<!----></button>`);
+		}
+		$$renderer.push(`<!--]-->`);
+		bind_props($$props, { ref });
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/collapsible/collapsible.svelte
+function Collapsible($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, open = false, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Collapsible$1) {
+				$$renderer.push("<!--[-->");
+				Collapsible$1($$renderer, spread_props([
+					{ "data-slot": "collapsible" },
+					restProps,
+					{
+						get ref() {
+							return ref;
+						},
+						set ref($$value) {
+							ref = $$value;
+							$$settled = false;
+						},
+						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, {
+			ref,
+			open
+		});
+	});
+}
+//#endregion
+//#region ../ui/dist/components/primitives/collapsible/collapsible-trigger.svelte
+function Collapsible_trigger($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Collapsible_trigger$1) {
+				$$renderer.push("<!--[-->");
+				Collapsible_trigger$1($$renderer, spread_props([
+					{ "data-slot": "collapsible-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/collapsible/collapsible-content.svelte
+function Collapsible_content($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { ref = null, $$slots, $$events, ...restProps } = $$props;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			if (Collapsible_content$1) {
+				$$renderer.push("<!--[-->");
+				Collapsible_content$1($$renderer, spread_props([
+					{ "data-slot": "collapsible-content" },
+					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/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/constants.js
+var APP_DEFAULTS = {
+	FILE_UPLOAD: {
+		MAX_SIZE_MB: 300,
+		MAX_SIZE_BYTES: 300 * 1024 * 1024
+	},
+	FILE_SIZE: { 
+	/** Bytes per kilobyte */
+BYTES_PER_KB: 1024 }
+};
+//#endregion
+//#region ../ui/dist/utils/file-download.js
+var MIME_BY_EXT = {
+	".png": "image/png",
+	".jpg": "image/jpeg",
+	".jpeg": "image/jpeg",
+	".webp": "image/webp",
+	".gif": "image/gif",
+	".svg": "image/svg+xml",
+	".json": "application/json",
+	".txt": "text/plain",
+	".csv": "text/csv",
+	".xml": "application/xml",
+	".pdf": "application/pdf",
+	".3dm": "model/vnd.3dm",
+	".obj": "model/obj",
+	".stl": "model/stl"
+};
+function saveSingleFile(file) {
+	const mime = MIME_BY_EXT[(file.fileType ?? "").toLowerCase()] ?? "application/octet-stream";
+	let blob;
+	if (file.isBase64Encoded) {
+		const binary = atob(file.data);
+		const bytes = new Uint8Array(binary.length);
+		for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+		blob = new Blob([bytes], { type: mime });
+	} else blob = new Blob([file.data], { type: mime });
+	const fullName = `${file.fileName}${file.fileType ?? ""}`;
+	const a = document.createElement("a");
+	a.href = URL.createObjectURL(blob);
+	a.download = fullName;
+	a.click();
+	URL.revokeObjectURL(a.href);
+}
+async function downloadFiles(fileData, fileName = "grasshopper-output") {
+	try {
+		const filesArray = Array.isArray(fileData) ? fileData : [fileData];
+		if (filesArray.length === 0) {
+			console.warn("[FileDownload] No files to download");
+			return;
+		}
+		if (filesArray.length === 1) {
+			saveSingleFile(filesArray[0]);
+			return;
+		}
+		await Se(filesArray, fileName);
+	} catch (error) {
+		console.error("[FileDownload] Error downloading files:", error);
+		throw error;
+	}
+}
+function isFileData(data) {
+	return typeof data === "object" && data !== null && "fileName" in data && "data" in data && "isBase64Encoded" in data;
+}
+function groupMessages(messages) {
+	const grouped = new SvelteMap();
+	for (const msg of messages) {
+		const baseMsg = msg.replace(/\([a-f0-9-]{36}\)$/i, "(...)").trim();
+		grouped.set(baseMsg, (grouped.get(baseMsg) ?? 0) + 1);
+	}
+	return Array.from(grouped.entries()).map(([message, count]) => ({
+		message,
+		count
+	})).sort((a, b) => b.count - a.count);
+}
+function formatFileSize(bytes) {
+	if (bytes === 0) return "0 Bytes";
+	const k = APP_DEFAULTS.FILE_SIZE.BYTES_PER_KB;
+	const sizes = [
+		"Bytes",
+		"KB",
+		"MB",
+		"GB"
+	];
+	const i = Math.floor(Math.log(bytes) / Math.log(k));
+	return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
+}
+function getBase64FileSize(base64) {
+	return Math.ceil(base64.length * 3 / 4);
+}
+//#endregion
+//#region ../ui/dist/components/compute/ComputeMessagesDialog.svelte
+function ComputeMessagesDialog($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** Renders inside Dialog.Trigger. */
+		let { errors = [], warnings = [], trigger } = $$props;
+		let open = false;
+		let showErrors = true;
+		let showWarnings = false;
+		const groupedErrors = derived(() => groupMessages(errors));
+		const groupedWarnings = derived(() => groupMessages(warnings));
+		const totalCount = derived(() => errors.length + warnings.length);
+		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-2xl max-h-[80vh]",
+								children: ($$renderer) => {
+									if (Dialog_header) {
+										$$renderer.push("<!--[-->");
+										Dialog_header($$renderer, {
+											children: ($$renderer) => {
+												if (Dialog_title) {
+													$$renderer.push("<!--[-->");
+													Dialog_title($$renderer, {
+														class: "gap-2 flex items-center",
+														children: ($$renderer) => {
+															Circle_alert($$renderer, { class: "h-5 w-5" });
+															$$renderer.push(`<!----> Compute 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(`<!---->${escape_html(totalCount())}
+				${escape_html(totalCount() === 1 ? "issue" : "issues")} detected during solve`);
+														},
+														$$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-3 pr-2 overflow-y-auto" style="max-height: calc(80vh - 180px);">`);
+									if (errors.length > 0) {
+										$$renderer.push("<!--[0-->");
+										if (Collapsible) {
+											$$renderer.push("<!--[-->");
+											Collapsible($$renderer, {
+												get open() {
+													return showErrors;
+												},
+												set open($$value) {
+													showErrors = $$value;
+													$$settled = false;
+												},
+												children: ($$renderer) => {
+													$$renderer.push(`<div class="overflow-hidden rounded-lg border border-destructive bg-card"><div class="px-4 py-3 flex items-center">`);
+													if (Collapsible_trigger) {
+														$$renderer.push("<!--[-->");
+														Collapsible_trigger($$renderer, {
+															class: "-mx-4 -my-3 gap-3 px-4 py-3 flex flex-1 items-center text-left transition-colors hover:bg-destructive/5",
+															children: ($$renderer) => {
+																if (showErrors) {
+																	$$renderer.push("<!--[0-->");
+																	Chevron_down($$renderer, { class: "h-4 w-4 shrink-0 text-destructive" });
+																} else {
+																	$$renderer.push("<!--[-1-->");
+																	Chevron_right($$renderer, { class: "h-4 w-4 shrink-0 text-destructive" });
+																}
+																$$renderer.push(`<!--]--> `);
+																Circle_alert($$renderer, { class: "h-4 w-4 shrink-0 text-destructive" });
+																$$renderer.push(`<!----> <span class="text-sm font-medium text-destructive">${escape_html(errors.length === 1 ? "1 Error" : `${errors.length} Errors`)}</span>`);
+															},
+															$$slots: { default: true }
+														});
+														$$renderer.push("<!--]-->");
+													} else {
+														$$renderer.push("<!--[!-->");
+														$$renderer.push("<!--]-->");
+													}
+													$$renderer.push(`</div> `);
+													if (Collapsible_content) {
+														$$renderer.push("<!--[-->");
+														Collapsible_content($$renderer, {
+															class: "space-y-0",
+															children: ($$renderer) => {
+																$$renderer.push(`<div class="max-h-60 px-4 py-3 overflow-y-auto border-t border-destructive bg-card"><ul class="space-y-2"><!--[-->`);
+																const each_array = ensure_array_like(groupedErrors());
+																for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+																	let { message, count } = each_array[$$index];
+																	$$renderer.push(`<li class="gap-2 text-sm flex text-destructive/90"><span class="shrink-0">•</span> <span class="flex-1">${escape_html(message)} `);
+																	if (count > 1) {
+																		$$renderer.push("<!--[0-->");
+																		$$renderer.push(`<span class="ml-1 font-medium text-destructive/70">×${escape_html(count)}</span>`);
+																	} else $$renderer.push("<!--[-1-->");
+																	$$renderer.push(`<!--]--></span></li>`);
+																}
+																$$renderer.push(`<!--]--></ul></div>`);
+															},
+															$$slots: { default: true }
+														});
+														$$renderer.push("<!--]-->");
+													} else {
+														$$renderer.push("<!--[!-->");
+														$$renderer.push("<!--]-->");
+													}
+													$$renderer.push(`</div>`);
+												},
+												$$slots: { default: true }
+											});
+											$$renderer.push("<!--]-->");
+										} else {
+											$$renderer.push("<!--[!-->");
+											$$renderer.push("<!--]-->");
+										}
+									} else $$renderer.push("<!--[-1-->");
+									$$renderer.push(`<!--]--> `);
+									if (warnings.length > 0) {
+										$$renderer.push("<!--[0-->");
+										if (Collapsible) {
+											$$renderer.push("<!--[-->");
+											Collapsible($$renderer, {
+												get open() {
+													return showWarnings;
+												},
+												set open($$value) {
+													showWarnings = $$value;
+													$$settled = false;
+												},
+												children: ($$renderer) => {
+													$$renderer.push(`<div class="overflow-hidden rounded-lg border border-warning/50 bg-card"><div class="px-4 py-3 flex items-center">`);
+													if (Collapsible_trigger) {
+														$$renderer.push("<!--[-->");
+														Collapsible_trigger($$renderer, {
+															class: "-mx-4 -my-3 gap-3 px-4 py-3 flex flex-1 items-center text-left transition-colors hover:bg-warning/5",
+															children: ($$renderer) => {
+																if (showWarnings) {
+																	$$renderer.push("<!--[0-->");
+																	Chevron_down($$renderer, { class: "h-4 w-4 shrink-0 text-warning" });
+																} else {
+																	$$renderer.push("<!--[-1-->");
+																	Chevron_right($$renderer, { class: "h-4 w-4 shrink-0 text-warning" });
+																}
+																$$renderer.push(`<!--]--> `);
+																Triangle_alert($$renderer, { class: "h-4 w-4 shrink-0 text-warning" });
+																$$renderer.push(`<!----> <span class="text-sm font-medium text-warning">${escape_html(warnings.length === 1 ? "1 Warning" : `${warnings.length} Warnings`)}</span>`);
+															},
+															$$slots: { default: true }
+														});
+														$$renderer.push("<!--]-->");
+													} else {
+														$$renderer.push("<!--[!-->");
+														$$renderer.push("<!--]-->");
+													}
+													$$renderer.push(`</div> `);
+													if (Collapsible_content) {
+														$$renderer.push("<!--[-->");
+														Collapsible_content($$renderer, {
+															class: "space-y-0",
+															children: ($$renderer) => {
+																$$renderer.push(`<div class="max-h-60 px-4 py-3 overflow-y-auto border-t border-warning/50 bg-card"><ul class="space-y-2"><!--[-->`);
+																const each_array_1 = ensure_array_like(groupedWarnings());
+																for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+																	let { message, count } = each_array_1[$$index_1];
+																	$$renderer.push(`<li class="gap-2 text-sm flex text-muted-foreground"><span class="shrink-0">•</span> <span class="flex-1">${escape_html(message)} `);
+																	if (count > 1) {
+																		$$renderer.push("<!--[0-->");
+																		$$renderer.push(`<span class="ml-1 font-medium text-warning/70">×${escape_html(count)}</span>`);
+																	} else $$renderer.push("<!--[-1-->");
+																	$$renderer.push(`<!--]--></span></li>`);
+																}
+																$$renderer.push(`<!--]--></ul></div>`);
+															},
+															$$slots: { default: true }
+														});
+														$$renderer.push("<!--]-->");
+													} else {
+														$$renderer.push("<!--[!-->");
+														$$renderer.push("<!--]-->");
+													}
+													$$renderer.push(`</div>`);
+												},
+												$$slots: { default: true }
+											});
+											$$renderer.push("<!--]-->");
+										} else {
+											$$renderer.push("<!--[!-->");
+											$$renderer.push("<!--]-->");
+										}
+									} else $$renderer.push("<!--[-1-->");
+									$$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-->");
+			$$renderer.push(`<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-->");
+			$$renderer.push(`<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) => {
+		/** Fully overrides the copyright line. `{name}` and `{year}` are substituted. */
+		let { errors = [], warnings = [], 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 hasMessages = derived(() => errors.length > 0 || warnings.length > 0);
+		const totalCount = derived(() => errors.length + warnings.length);
+		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 ${errors.length > 0 ? "text-destructive hover:bg-destructive/10" : "text-warning hover:bg-warning/10"}`)}${attr("title", `${totalCount()} ${totalCount() === 1 ? "issue" : "issues"}`)}>`);
+					if (errors.length > 0) {
+						$$renderer.push("<!--[0-->");
+						Circle_alert($$renderer, { class: "h-3.5 w-3.5" });
+						$$renderer.push(`<!----> <span class="font-medium">${escape_html(errors.length)} Error${escape_html(errors.length !== 1 ? "s" : "")}</span>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--> `);
+					if (warnings.length > 0) {
+						$$renderer.push("<!--[0-->");
+						if (errors.length > 0) {
+							$$renderer.push("<!--[0-->");
+							$$renderer.push(`<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(warnings.length)} Warning${escape_html(warnings.length !== 1 ? "s" : "")}</span>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--></div>`);
+				}
+				ComputeMessagesDialog($$renderer, {
+					errors,
+					warnings,
+					trigger});
+			}
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (children) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<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) => {
+		/**
+		* Bring-your-own header. When provided, this renders inside the sticky
+		* header bar instead of the built-in PageHeader. The bar keeps the
+		* standard `--header-h` height so the fixed-mode layout math is unaffected.
+		*/
+		/** 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 = [], 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 = "";
+		$$renderer.push(`<div${attr_class(clsx$1(rootClass()))}>`);
+		if (showHeader) {
+			$$renderer.push("<!--[0-->");
+			if (header) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<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-->");
+			sidenav($$renderer);
+			$$renderer.push(`<!----> <main class="flex-1 overflow-y-auto">`);
+			children($$renderer);
+			$$renderer.push(`<!----></main>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			children($$renderer);
+			$$renderer.push(`<!---->`);
+		}
+		$$renderer.push(`<!--]--></div> `);
+		if (showFooter) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="bottom-0 sticky z-10 shrink-0">`);
+			PageFooter($$renderer, {
+				errors,
+				warnings,
+				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/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-->");
+			$$renderer.push(`<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-->");
+				$$renderer.push(`<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-->");
+			$$renderer.push(`<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(`<!--]-->`);
+	});
+}
+
+export { AppShell as A, Dialog_trigger as D, MIME_BY_EXT as M, UserChip as U, APP_DEFAULTS as a, downloadFiles as d, formatFileSize as f, getBase64FileSize as g, isFileData as i };
+//# sourceMappingURL=UserChip.js-gChYsWE6.js.map