unspaghettit 0.2.0 → 0.4.0

package/build/server/chunks/_layout.svelte-BREws55o.js

@@ -1,616 +0,0 @@
-import { h as attr_class, r as ensure_array_like, g as attr, t as escape_html, q as derived, a6 as stringify, i as attr_style } from './index-server-7H0jzj0M.js';
-import './client-DfpLcAZ9.js';
-import { p as page } from './state-CpLVNZq7.js';
-import { g as dialogStore } from './browserContainer-CNX7ANld.js';
-import { b as builderModeStore, s as subscribeSyncEvents } from './builderModeStore.svelte-ihupr-3p.js';
-import { t as tourStore } from './tourStore.svelte-CYs4oLjF.js';
-import { p as public_env } from './shared-server-CCs2CV3b.js';
-import { i as identityStore } from './identityStore.svelte-IIvW2_3b.js';
-import './internal-BPKrFkK1.js';
-import './index-DBqjc0Yf.js';
-import './TagPalette-CtMNYCmu.js';
-import './FeatureValidator-B8qEjAUW.js';
-import './ids-t7Gjdj0M.js';
-import './RenameTag-BuWLMl1m.js';
-import './FeatureTransforms-UWDHmWEg.js';
-import './tagPaletteStore.svelte-DfZOBvgY.js';
-import './eventBus-B9k-Vzso.js';
-
-//#region src/lib/views/registry.ts
-/** The base view. Always enabled; it's where the dashboard lands by default. */
-var EXPERT = {
-	id: "expert",
-	label: "Expert",
-	href: "/projects",
-	matches: (pathname) => pathname === "/" || pathname.startsWith("/projects") || pathname.startsWith("/features")
-};
-/** Opt-in views, keyed by the id used in `PUBLIC_UNSPA_VIEWS`. */
-var OPTIONAL_VIEWS = { builder: {
-	id: "builder",
-	label: "Builder",
-	href: "/builder-mode",
-	matches: (pathname) => pathname.startsWith("/builder-mode")
-} };
-/**
-* Parse the raw `PUBLIC_UNSPA_VIEWS` value into the ordered, de-duped list of
-* enabled view ids. Expert is always first; unknown ids are ignored.
-*/
-var parseEnabledViewIds = (raw) => {
-	const requested = (raw ?? "").split(",").map((part) => part.trim().toLowerCase()).filter((id) => id.length > 0 && id !== "expert" && id in OPTIONAL_VIEWS);
-	return ["expert", ...[...new Set(requested)]];
-};
-/** Resolve the enabled view ids into their full definitions, in nav order. */
-var resolveEnabledViews = (raw) => parseEnabledViewIds(raw).map((id) => id === "expert" ? EXPERT : OPTIONAL_VIEWS[id]);
-/** Whether a specific view is enabled. Expert is always enabled. */
-var isViewEnabled = (raw, id) => parseEnabledViewIds(raw).includes(id);
-//#endregion
-//#region src/lib/views/enabled.ts
-/**
-* Runtime view enablement, read from `PUBLIC_UNSPA_VIEWS` (a comma list of
-* optional view ids, e.g. "builder"). Expert is always on. The value is a
-* runtime public env var — `unspa dashboard --view builder` sets it, or a
-* local `.env` for `vite dev` — so enabling a view is config, not a rebuild.
-*/
-var enabledViews = () => resolveEnabledViews(public_env.PUBLIC_UNSPA_VIEWS);
-var isEnabled = (id) => isViewEnabled(public_env.PUBLIC_UNSPA_VIEWS, id);
-
-//#region src/shared/presentation/dialogs/AppDialog.svelte
-function AppDialog($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		const current = derived(() => dialogStore.current);
-		let selected = /* @__PURE__ */ new Set();
-		let inputValue = "";
-		const toneStyles = {
-			default: {
-				icon: "?",
-				iconBg: "bg-slate-100",
-				iconColor: "text-slate-700",
-				confirmBtn: "bg-slate-900 hover:bg-slate-800 text-white",
-				check: "accent-slate-700"
-			},
-			danger: {
-				icon: "!",
-				iconBg: "bg-rose-50",
-				iconColor: "text-rose-600",
-				confirmBtn: "bg-rose-600 hover:bg-rose-500 text-white",
-				check: "accent-rose-600"
-			},
-			info: {
-				icon: "i",
-				iconBg: "bg-brand-50",
-				iconColor: "text-brand-700",
-				confirmBtn: "bg-brand-700 hover:bg-brand-600 text-white",
-				check: "accent-brand-700"
-			},
-			success: {
-				icon: "✓",
-				iconBg: "bg-emerald-50",
-				iconColor: "text-emerald-600",
-				confirmBtn: "bg-emerald-600 hover:bg-emerald-500 text-white",
-				check: "accent-emerald-600"
-			},
-			warning: {
-				icon: "!",
-				iconBg: "bg-amber-50",
-				iconColor: "text-amber-600",
-				confirmBtn: "bg-amber-600 hover:bg-amber-500 text-white",
-				check: "accent-amber-600"
-			}
-		};
-		const tone = derived(() => current()?.opts.tone ?? (current()?.kind === "alert" ? "info" : "default"));
-		const style = derived(() => toneStyles[tone()]);
-		if (current()) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="fixed inset-0 z-100 flex items-center justify-center px-4" role="presentation"><button type="button" aria-label="Dismiss" class="absolute inset-0 bg-slate-950/40 backdrop-blur-sm"></button> <div role="dialog" aria-modal="true" aria-labelledby="app-dialog-title" aria-describedby="app-dialog-message"${attr_class(`relative w-full ${current().kind === "checklist" || current().kind === "choice" ? "max-w-lg" : "max-w-md"} overflow-hidden rounded-2xl border border-hairline bg-white shadow-2xl shadow-slate-950/20`)}><div class="flex gap-4 px-7 pt-7 pb-5"><div${attr_class(`flex h-11 w-11 shrink-0 items-center justify-center rounded-full text-lg ${style().iconBg} ${style().iconColor}`)}>${escape_html(style().icon)}</div> <div class="min-w-0 flex-1 pt-1"><h2 id="app-dialog-title" class="text-lg leading-tight text-slate-950">${escape_html(current().opts.title)}</h2> <p id="app-dialog-message" class="mt-2 whitespace-pre-line text-sm leading-relaxed text-slate-600">${escape_html(current().opts.message)}</p></div></div> `);
-			if (current().kind === "choice") {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<div class="px-7 pt-2 pb-5"><ul class="flex max-h-80 flex-col gap-3 overflow-y-auto"><!--[-->`);
-				const each_array = ensure_array_like(current().opts.options);
-				for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-					let option = each_array[$$index];
-					$$renderer.push(`<li class="flex"><button type="button"${attr_class(`group flex w-full items-center justify-between gap-4 rounded-xl px-5 py-4 text-left shadow-sm shadow-slate-950/5 transition hover:shadow-md focus:ring-2 focus:ring-offset-2 focus:outline-none ${style().confirmBtn}`)}><span class="min-w-0 flex-1"><span class="block text-sm">${escape_html(option.label)}</span> `);
-					if (option.description) {
-						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<span class="mt-1 block text-xs leading-relaxed opacity-80">${escape_html(option.description)}</span>`);
-					} else $$renderer.push("<!--[-1-->");
-					$$renderer.push(`<!--]--></span> <span aria-hidden="true" class="shrink-0 text-base transition group-hover:translate-x-1">→</span></button></li>`);
-				}
-				$$renderer.push(`<!--]--></ul></div>`);
-			} else if (current().kind === "prompt") {
-				$$renderer.push("<!--[1-->");
-				$$renderer.push(`<div class="px-7 pt-1 pb-4"><label class="block text-xs font-medium text-slate-700">${escape_html(current().opts.inputLabel ?? "Value")} <input${attr("value", inputValue)}${attr("type", current().opts.password ? "password" : "text")}${attr("autocomplete", current().opts.password ? "new-password" : "off")} autocorrect="off" autocapitalize="off" spellcheck="false"${attr("placeholder", current().opts.placeholder ?? "")} class="mono mt-1 h-10 w-full rounded-md border border-slate-300 bg-white px-3 text-sm outline-none focus:border-brand-700 focus:ring-2 focus:ring-brand-100"/></label> `);
-				$$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]--></div>`);
-			} else if (current().kind === "checklist") {
-				$$renderer.push("<!--[2-->");
-				$$renderer.push(`<div class="border-t border-hairline px-6 py-3"><div class="mb-2 flex items-center justify-between"><span class="text-xs font-medium uppercase tracking-wide text-slate-500">${escape_html(selected.size)} of ${escape_html(current().opts.items.length)} selected</span> <div class="flex gap-2 text-xs"><button type="button" class="font-medium text-slate-600 hover:text-slate-950">Select all</button> <span class="text-slate-300">·</span> <button type="button" class="font-medium text-slate-600 hover:text-slate-950">Select none</button></div></div> <ul class="max-h-72 space-y-1.5 overflow-y-auto rounded-lg border border-hairline bg-slate-50 p-2"><!--[-->`);
-				const each_array_1 = ensure_array_like(current().opts.items);
-				for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-					let item = each_array_1[$$index_1];
-					$$renderer.push(`<li><label class="flex cursor-pointer items-start gap-3 rounded-md px-2 py-2 transition hover:bg-white"><input type="checkbox"${attr_class(`mt-0.5 h-4 w-4 rounded ${style().check}`)}${attr("checked", selected.has(item.id), true)}/> <span class="min-w-0 flex-1"><span class="block text-sm font-medium text-slate-900">${escape_html(item.label)}</span> `);
-					if (item.description) {
-						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<span class="mt-0.5 block text-xs text-slate-500">${escape_html(item.description)}</span>`);
-					} else $$renderer.push("<!--[-1-->");
-					$$renderer.push(`<!--]--></span></label></li>`);
-				}
-				$$renderer.push(`<!--]--></ul></div>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--> <div class="flex justify-end gap-2 border-t border-hairline bg-slate-50 px-7 py-3">`);
-			if (current().kind === "alert") {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<button type="button"${attr_class(`rounded-md px-4 py-2 text-sm transition ${style().confirmBtn}`)}>${escape_html(current().opts.buttonLabel ?? "OK")}</button>`);
-			} else if (current().kind === "choice") {
-				$$renderer.push("<!--[1-->");
-				$$renderer.push(`<button type="button" class="rounded-md px-3 py-2 text-sm text-slate-600 transition hover:text-slate-950">${escape_html(current().opts.cancelLabel ?? "Close")}</button>`);
-			} else {
-				$$renderer.push("<!--[-1-->");
-				$$renderer.push(`<button type="button" class="rounded-md border border-slate-300 bg-white px-4 py-2 text-sm text-slate-700 transition hover:bg-slate-100">${escape_html(current().opts.cancelLabel ?? "Cancel")}</button> <button type="button"${attr_class(`rounded-md px-4 py-2 text-sm transition focus:ring-2 focus:ring-offset-2 focus:outline-none ${style().confirmBtn}`)}>${escape_html(current().opts.confirmLabel ?? "Confirm")}</button>`);
-			}
-			$$renderer.push(`<!--]--></div></div></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]-->`);
-	});
-}
-//#endregion
-//#region src/shared/presentation/easter-eggs/FlyingSpaghettiEasterEgg.svelte
-function FlyingSpaghettiEasterEgg($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]-->`);
-	});
-}
-//#endregion
-//#region src/shared/presentation/toast/syncToastStore.svelte.ts
-var MAX_VISIBLE = 4;
-var DEFAULT_TTL_MS = 5e3;
-var hrefFor = (evt) => {
-	if (evt.op === "delete") return void 0;
-	switch (evt.kind) {
-		case "feature": return `/features/${evt.id}`;
-		case "project": return `/projects/${evt.id}`;
-		case "implementation-status": return `/features/${evt.id}`;
-	}
-};
-var DEDUPE_WINDOW_MS = 800;
-var SyncToastStore = class {
-	toasts = [];
-	nextId = 1;
-	subscribed = false;
-	unsubscribe = null;
-	timers = /* @__PURE__ */ new Map();
-	/**
-	* Implementation-status writes ride the same notify channel as feature
-	* saves, but they fire as part of every audit pass and would spam the
-	* toast feed. Tracked per-(kind:id) so a burst of identical events
-	* within DEDUPE_WINDOW_MS collapses into a single toast.
-	*/
-	recentKeys = /* @__PURE__ */ new Map();
-	/**
-	* Idempotent. Call once from the root layout. Re-calls are no-ops, so
-	* mounting/unmounting layout fragments won't tear the stream down.
-	*/
-	start() {
-		if (this.subscribed) return;
-		this.subscribed = true;
-		this.unsubscribe = subscribeSyncEvents();
-	}
-	dismiss(id) {
-		const timer = this.timers.get(id);
-		if (timer) {
-			clearTimeout(timer);
-			this.timers.delete(id);
-		}
-		this.toasts = this.toasts.filter((t) => t.id !== id);
-	}
-	/** Test/teardown hook. Not used in production. */
-	reset() {
-		for (const t of this.timers.values()) clearTimeout(t);
-		this.timers.clear();
-		this.toasts = [];
-		this.recentKeys.clear();
-		if (this.unsubscribe) this.unsubscribe();
-		this.unsubscribe = null;
-		this.subscribed = false;
-	}
-	handle(evt) {
-		const key = `${evt.kind}:${evt.id}:${evt.op ?? "save"}`;
-		const now = Date.now();
-		const seen = this.recentKeys.get(key);
-		if (seen !== void 0 && now - seen < DEDUPE_WINDOW_MS) {
-			this.recentKeys.set(key, now);
-			return;
-		}
-		this.recentKeys.set(key, now);
-		const id = this.nextId++;
-		const next = [{
-			id,
-			kind: evt.kind,
-			entityId: evt.id,
-			name: evt.name,
-			projectName: evt.projectName,
-			op: evt.op ?? "save",
-			changeOp: evt.changeOp,
-			changePath: evt.changePath,
-			previousName: evt.previousName,
-			actingFor: evt.actingFor,
-			...hrefFor(evt) ? { href: hrefFor(evt) } : {}
-		}, ...this.toasts].slice(0, MAX_VISIBLE);
-		const surviving = new Set(next.map((t) => t.id));
-		for (const [oldId, timer] of this.timers) if (!surviving.has(oldId)) {
-			clearTimeout(timer);
-			this.timers.delete(oldId);
-		}
-		this.toasts = next;
-		const timer = setTimeout(() => this.dismiss(id), DEFAULT_TTL_MS);
-		this.timers.set(id, timer);
-	}
-};
-var syncToastStore = new SyncToastStore();
-//#endregion
-//#region src/shared/presentation/toast/SyncToast.svelte
-function SyncToast($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		function kindLabel(kind) {
-			switch (kind) {
-				case "feature": return "feature";
-				case "project": return "project";
-				case "implementation-status": return "status";
-			}
-		}
-		function kindAccent(kind) {
-			switch (kind) {
-				case "feature": return "border-cyan-200 bg-cyan-50";
-				case "project": return "border-violet-200 bg-violet-50";
-				case "implementation-status": return "border-emerald-200 bg-emerald-50";
-			}
-		}
-		function opLabel(toast) {
-			if (toast.op === "delete") return "deleted";
-			switch (toast.changeOp) {
-				case "added": return "added";
-				case "removed": return "removed";
-				case "renamed": return "renamed";
-				case "edited": return "edited";
-				case "queued": return "queued";
-				case "unqueued": return "unqueued";
-				case "created": return "created";
-				case "deleted": return "deleted";
-				default: return "saved";
-			}
-		}
-		function breadcrumb(toast) {
-			const parts = [];
-			if (toast.projectName) parts.push(toast.projectName);
-			const root = toast.changePath?.[0];
-			const headIsEntity = root !== void 0 && (toast.name === root || !toast.name);
-			if (toast.name && !headIsEntity) parts.push(toast.name);
-			if (toast.changePath && toast.changePath.length > 0) for (const segment of toast.changePath) parts.push(segment);
-			else if (toast.name && parts[parts.length - 1] !== toast.name) parts.push(toast.name);
-			const cleaned = [];
-			for (const seg of parts) {
-				if (seg === "unknown") continue;
-				if (cleaned[cleaned.length - 1] !== seg) cleaned.push(seg);
-			}
-			if (cleaned.length === 0) cleaned.push(toast.entityId);
-			return cleaned;
-		}
-		if (syncToastStore.toasts.length > 0) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="pointer-events-none fixed top-20 right-4 z-50 flex w-full max-w-md flex-col gap-2" role="status" aria-live="polite"><!--[-->`);
-			const each_array = ensure_array_like(syncToastStore.toasts);
-			for (let $$index_1 = 0, $$length = each_array.length; $$index_1 < $$length; $$index_1++) {
-				let toast = each_array[$$index_1];
-				const crumbs = breadcrumb(toast);
-				$$renderer.push(`<div${attr_class(`pointer-events-auto flex items-start gap-3 rounded-lg border px-3 py-2 shadow-md shadow-slate-950/10 ${stringify(kindAccent(toast.kind))}`)}><div class="min-w-0 flex-1"><div class="flex flex-wrap items-center gap-x-1.5 gap-y-0.5 text-[10px] font-semibold uppercase tracking-wide"><span class="text-slate-500">MCP · ${escape_html(opLabel(toast))} ${escape_html(kindLabel(toast.kind))}</span> `);
-				if (toast.actingFor) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<span class="rounded bg-purple-100 px-1.5 py-0.5 text-[9px] text-purple-800">for ${escape_html(toast.actingFor)}</span>`);
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]--></div> <div class="mt-0.5 flex min-w-0 flex-wrap items-center gap-x-1 text-sm text-slate-900"><!--[-->`);
-				const each_array_1 = ensure_array_like(crumbs);
-				for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
-					let segment = each_array_1[i];
-					if (i > 0) {
-						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<span class="shrink-0 text-slate-400" aria-hidden="true">›</span>`);
-					} else $$renderer.push("<!--[-1-->");
-					$$renderer.push(`<!--]--> <span${attr_class(`truncate ${i === crumbs.length - 1 ? "font-semibold" : "text-slate-600"}`)}>${escape_html(segment)}</span>`);
-				}
-				$$renderer.push(`<!--]--></div> `);
-				if (toast.changeOp === "renamed" && toast.previousName) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<div class="mt-0.5 truncate text-[11px] text-slate-500">was “${escape_html(toast.previousName)}”</div>`);
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]--></div> <div class="flex shrink-0 items-center gap-1">`);
-				if (toast.href) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<a${attr("href", toast.href)} class="rounded-md bg-white/70 px-2 py-1 text-xs font-medium text-slate-700 hover:bg-white hover:text-brand-800">View</a>`);
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]--> <button type="button" class="rounded-md px-1.5 py-1 text-xs text-slate-500 hover:bg-white/70 hover:text-slate-900" aria-label="Dismiss">✕</button></div></div>`);
-			}
-			$$renderer.push(`<!--]--></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]-->`);
-	});
-}
-//#endregion
-//#region src/features/tutorial/presentation/components/TourPanel.svelte
-function TourPanel($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		/**
-		* The side-panel UI of the tour: title, body, navigation buttons,
-		* "go to route" CTA when the user is on the wrong page.
-		*
-		* Rendered as a `[popover="manual"]` element so the browser places it
-		* in the top layer cross-browser. Native `<dialog>.show()` is only
-		* top-layer in Chromium; the Popover API is the cross-browser
-		* equivalent and supports the same "last opened wins" re-stacking we
-		* need to bump the panel above any modal dialog the app opens during
-		* the tour.
-		*
-		* Pure view: receives all dynamic data via props + callbacks, owns no
-		* state, knows nothing about the DOM at large. The orchestrator
-		* (TourOverlay) feeds it the active step, the resolved position, and
-		* the canAdvance verdict.
-		*/
-		/** 1-based index of the current step. */
-		/** True when the page route already matches the step's `route.pathname`. */
-		/** Resolved by the parent based on the step + target rect. */
-		/** Whether the user has fulfilled the step's requirements (for manual-advance steps). */
-		/**
-		* Bound by the parent so it can call .showPopover()/.hidePopover()
-		* on the underlying element.
-		*/
-		let { step, stepNumber, totalSteps, onCorrectRoute, placement, nextEnabled} = $$props;
-		const isFirst = derived(() => stepNumber === 1);
-		const isLast = derived(() => stepNumber === totalSteps);
-		/** Inline style string for the popover. Adds 1.5rem margins on edges. */
-		const positionStyle = derived(() => {
-			switch (placement.kind) {
-				case "bottom-right": return "bottom: 1.5rem; right: 1.5rem; left: auto; top: auto;";
-				case "bottom-left": return "bottom: 1.5rem; left: 1.5rem; right: auto; top: auto;";
-				case "absolute": return `top: ${placement.top}px; left: ${placement.left}px; bottom: auto; right: auto;`;
-			}
-		});
-		$$renderer.push(`<aside popover="manual" class="fixed z-1010 m-0 w-80 max-w-[calc(100vw-3rem)] rounded-xl border border-brand-200 bg-white p-4 shadow-2xl shadow-slate-950/20 transition-[top,left,bottom,right] duration-200"${attr_style(positionStyle())} aria-label="Interactive tutorial"><header class="mb-2 flex items-start justify-between gap-3"><div class="min-w-0"><p class="text-[10px] font-semibold uppercase tracking-wide text-brand-700">Tutorial · step ${escape_html(stepNumber)} of ${escape_html(totalSteps)}</p> <h3 class="mt-0.5 text-sm font-semibold text-slate-950">${escape_html(step.title)}</h3></div> <button type="button" class="rounded-md px-1.5 py-0.5 text-xs text-slate-400 hover:bg-slate-100 hover:text-slate-700" aria-label="Exit tutorial" title="Exit tutorial">x</button></header> <p class="whitespace-pre-line text-xs leading-5 text-slate-700">${escape_html(step.body)}</p> `);
-		if (!onCorrectRoute && step.route) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="mt-3 rounded-md border border-amber-200 bg-amber-50 px-2.5 py-2 text-[11px] text-amber-900"><p class="mb-1.5 font-medium">First, head to the right page.</p> <button type="button" class="rounded-md bg-slate-900 px-2.5 py-1 text-[11px] font-medium text-white hover:bg-slate-800">${escape_html(step.route.label)} →</button></div>`);
-		} else if (step.advance.kind === "click") {
-			$$renderer.push("<!--[1-->");
-			$$renderer.push(`<p class="mt-3 text-[10px] italic text-slate-500">Click the highlighted element to continue.</p>`);
-		} else if (step.advance.kind === "event") {
-			$$renderer.push("<!--[2-->");
-			$$renderer.push(`<p class="mt-3 text-[10px] italic text-slate-500">Do the action above to continue.</p>`);
-		} else if (step.advance.kind === "manual" && !nextEnabled) {
-			$$renderer.push("<!--[3-->");
-			$$renderer.push(`<p class="mt-3 text-[10px] italic text-amber-700">Finish the action above first, then click Next.</p>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <footer class="mt-3 flex items-center justify-between gap-2"><button type="button"${attr("disabled", isFirst(), true)} class="rounded-md p-1 text-slate-500 hover:bg-slate-100 hover:text-slate-800 disabled:cursor-not-allowed disabled:opacity-30" aria-label="Previous step" title="Back">←</button> <button type="button" class="rounded-md border border-slate-300 bg-white px-2.5 py-1 text-[11px] font-medium text-slate-600 hover:bg-slate-50">Exit</button> <button type="button"${attr("disabled", !nextEnabled, true)} class="rounded-md bg-brand-700 px-3 py-1 text-[11px] font-semibold text-white hover:bg-brand-800 disabled:cursor-not-allowed disabled:bg-slate-300"${attr("title", nextEnabled ? isLast() ? "Finish the tour" : "Next step" : "Finish the current action first")}>${escape_html(isLast() ? "Finish" : "Next")} →</button></footer></aside>`);
-	});
-}
-//#endregion
-//#region src/features/tutorial/presentation/components/TourSpotlight.svelte
-function TourSpotlight($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		/**
-		* Renders the visual highlight for a tour step:
-		*   - a ring + box-shadow cutout around `rect` when a target is found
-		*     and the rect overlaps the viewport
-		*   - an arrow indicator pinned to the top or bottom of the viewport
-		*     when the target is off-screen (the user scrolled away)
-		*   - a full-screen dim when there is no target (welcome / done steps)
-		*
-		* Pure view: takes a rect, renders pixels. Knows nothing about where
-		* the rect comes from and nothing about the tour engine. Keeping this
-		* component dumb is what lets the spotlight be reused for future tour
-		* flavors (e.g. an "explore mode" that highlights without an active
-		* tour step).
-		*/
-		/** Viewport rect of the element to highlight, or null for a full-screen dim. */
-		/** Viewport rect of the element to highlight, or null for a full-screen dim. */
-		let { rect } = $$props;
-		const PAD = 10;
-		const ring = derived(() => {
-			if (!rect) return null;
-			return {
-				top: rect.top - PAD,
-				left: rect.left - PAD,
-				width: rect.width + PAD * 2,
-				height: rect.height + PAD * 2
-			};
-		});
-		/**
-		* Off-screen state of the target:
-		*   - 'above': target is above the visible viewport (or behind sticky header)
-		*   - 'below': target is below the visible viewport
-		*   - 'visible': at least partially in view
-		*   - null: no target (full-screen dim case)
-		*/
-		const offscreen = derived(() => {
-			return null;
-		});
-		if (ring() && offscreen() === "visible") {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="pointer-events-none fixed z-20 rounded-lg ring-4 ring-brand-400 ring-offset-2 ring-offset-transparent"${attr_style(`top: ${stringify(ring().top)}px; left: ${stringify(ring().left)}px; width: ${stringify(ring().width)}px; height: ${stringify(ring().height)}px; box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.55);`)} aria-hidden="true"></div>`);
-		} else if (ring() && offscreen() === "above") {
-			$$renderer.push("<!--[1-->");
-			$$renderer.push(`<div class="pointer-events-none fixed inset-0 z-20 bg-slate-950/55" aria-hidden="true"></div> <button type="button" class="pointer-events-auto fixed left-1/2 top-20 z-1015 inline-flex -translate-x-1/2 items-center gap-2 rounded-full border border-brand-300 bg-white px-4 py-2 text-xs font-semibold text-brand-800 shadow-lg shadow-slate-950/30 animate-pulse hover:bg-brand-50" aria-label="Scroll up to see highlighted element"><span aria-hidden="true">↑</span> <span>Highlight is above — click to scroll up</span></button>`);
-		} else if (ring() && offscreen() === "below") {
-			$$renderer.push("<!--[2-->");
-			$$renderer.push(`<div class="pointer-events-none fixed inset-0 z-20 bg-slate-950/55" aria-hidden="true"></div> <button type="button" class="pointer-events-auto fixed left-1/2 bottom-24 z-1015 inline-flex -translate-x-1/2 items-center gap-2 rounded-full border border-brand-300 bg-white px-4 py-2 text-xs font-semibold text-brand-800 shadow-lg shadow-slate-950/30 animate-pulse hover:bg-brand-50" aria-label="Scroll down to see highlighted element"><span>Highlight is below — click to scroll down</span> <span aria-hidden="true">↓</span></button>`);
-		} else {
-			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`<div class="pointer-events-none fixed inset-0 z-20 bg-slate-950/55" aria-hidden="true"></div>`);
-		}
-		$$renderer.push(`<!--]-->`);
-	});
-}
-//#endregion
-//#region src/features/tutorial/presentation/components/TourOverlay.svelte
-function TourOverlay($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		/**
-		* Thin orchestrator. Composes:
-		*   - TourPanel (the side-panel UI, rendered as a `[popover]`)
-		*   - TourSpotlight (the highlight ring / full-screen dim)
-		*   - useTargetTracker  (DOM observer that maps selector → live rect)
-		*   - inputPrefill       (seeds tour-nominated inputs)
-		*   - topLayerStacker    (keeps the panel above other top-layer dialogs)
-		*
-		* Each chunk knows one thing. This file's only job is gluing them to
-		* the tour store and to the SvelteKit `page` for the route check.
-		*/
-		const step = derived(() => tourStore.currentStep);
-		const onCorrectRoute = derived(() => {
-			if (!step()?.route) return true;
-			return page.url?.pathname === step().route.pathname;
-		});
-		const targetRect = derived(() => null);
-		/**
-		* Resolved panel placement honouring the step's `panelPosition` hint:
-		*   - `bottom-right` (default): pinned corner.
-		*   - `avoid-target`: flip to bottom-left if the target sits in the
-		*     right half of the viewport (simulator steps).
-		*   - `below-target`: position directly under the highlighted rect,
-		*     centred horizontally. Falls back to bottom-right if there's no
-		*     room or no target.
-		*/
-		const PANEL_WIDTH = 320;
-		const PANEL_HEIGHT_ESTIMATE = 220;
-		const PANEL_MARGIN = 16;
-		const panelPlacement = derived(() => {
-			if (typeof window === "undefined") return { kind: "bottom-right" };
-			const mode = step()?.panelPosition ?? "bottom-right";
-			if (mode === "avoid-target") {
-				if (!targetRect()) return { kind: "bottom-right" };
-				return targetRect().left + targetRect().width / 2 > window.innerWidth / 2 ? { kind: "bottom-left" } : { kind: "bottom-right" };
-			}
-			if (mode === "below-target" && targetRect()) {
-				const top = targetRect().bottom + PANEL_MARGIN;
-				if (top + PANEL_HEIGHT_ESTIMATE > window.innerHeight - PANEL_MARGIN) return { kind: "bottom-right" };
-				const centredLeft = targetRect().left + targetRect().width / 2 - PANEL_WIDTH / 2;
-				return {
-					kind: "absolute",
-					top,
-					left: Math.max(PANEL_MARGIN, Math.min(centredLeft, window.innerWidth - PANEL_WIDTH - PANEL_MARGIN))
-				};
-			}
-			return { kind: "bottom-right" };
-		});
-		/**
-		* Whether the Next button should be enabled. Manual steps default
-		* to enabled; click/event steps default to disabled (only the natural
-		* trigger advances). A step's optional `canAdvance` predicate
-		* overrides the manual default — used by the form-modification steps
-		* to gate Next until the user has actually added the
-		* parameter/effect/rule.
-		*/
-		const nextEnabled = derived(() => {
-			if (!step()) return false;
-			if (step().advance.kind !== "manual") return false;
-			if (step().canAdvance) return step().canAdvance();
-			return true;
-		});
-		if (step()) {
-			$$renderer.push("<!--[0-->");
-			if (onCorrectRoute()) {
-				$$renderer.push("<!--[0-->");
-				TourSpotlight($$renderer, { rect: targetRect() });
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--> `);
-			TourPanel($$renderer, {
-				step: step(),
-				stepNumber: tourStore.stepIndex + 1,
-				totalSteps: tourStore.totalSteps,
-				onCorrectRoute: onCorrectRoute(),
-				placement: panelPlacement(),
-				nextEnabled: nextEnabled()});
-			$$renderer.push(`<!---->`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]-->`);
-	});
-}
-//#endregion
-//#region src/routes/+layout.svelte
-function _layout($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		const initial = derived(() => identityStore.name.trim().charAt(0).toUpperCase());
-		let identityMenuOpen = false;
-		let settingsMenuOpen = false;
-		let { children } = $$props;
-		const views = derived(enabledViews);
-		const showViewSwitcher = derived(() => views().length > 1);
-		const builderActive = derived(() => isEnabled("builder") && page.url.pathname.startsWith("/builder-mode"));
-		const mcpActive = derived(() => page.url.pathname.startsWith("/mcp"));
-		const dark = derived(builderActive);
-		const builderProject = derived(() => builderActive() ? builderModeStore.selectedProject : null);
-		const builderSearch = derived(() => builderModeStore.search);
-		$$renderer.push(`<div class="flex min-h-full flex-col bg-[linear-gradient(180deg,#f0fdfa_0%,#f8fafc_220px,#f8fafc_100%)] text-ink"><header${attr_class(`sticky top-0 z-30 border-b backdrop-blur transition-colors ${dark() ? "border-slate-800 bg-slate-950/90" : "border-slate-200 bg-white/95"}`)}><div class="mx-auto flex h-16 max-w-6xl items-center justify-between px-4 sm:px-6"><div class="flex min-w-0 items-center gap-3"><a href="/" class="flex shrink-0 items-center gap-2"><img src="/unspaghettit_logo.png" alt="Unspaghettit" class="h-12 w-auto"/> <span${attr_class(`relative hidden font-brand text-3xl font-semibold leading-none sm:inline-block ${dark() ? "text-white" : "text-slate-950"}`)}>Unspaghettit <span class="font-grotesk absolute right-0 -bottom-2 text-[10px] font-medium tracking-wide text-slate-500">by Lyriks.io</span></span></a> `);
-		if (showViewSwitcher()) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div role="group" aria-label="View mode"${attr_class(`flex shrink-0 items-center rounded-full border p-0.5 text-[11px] font-medium ${dark() ? "border-slate-700/70 bg-slate-800/60" : "border-slate-200 bg-slate-100"}`)}><!--[-->`);
-			const each_array = ensure_array_like(views());
-			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-				let view = each_array[$$index];
-				const active = view.matches(page.url.pathname);
-				$$renderer.push(`<a${attr("href", view.href)}${attr_class(`rounded-full px-2.5 py-0.5 transition ${active ? dark() ? "bg-slate-700 text-white shadow-sm shadow-black/20" : "bg-white text-slate-900 shadow-sm shadow-slate-950/10" : dark() ? "text-slate-400 hover:text-slate-200" : "text-slate-500 hover:text-slate-800"}`)}${attr("aria-current", active ? "page" : void 0)}>${escape_html(view.label)}</a>`);
-			}
-			$$renderer.push(`<!--]--></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> `);
-		if (builderProject()) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="hidden min-w-0 items-center gap-2 sm:flex"><span class="shrink-0 text-slate-600" aria-hidden="true">/</span> <button type="button" class="max-w-56 truncate text-sm font-medium text-white transition hover:text-brand-300" title="Back to all projects">${escape_html(builderProject().name)}</button></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div> `);
-		if (builderActive()) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="mx-3 hidden min-w-0 flex-1 justify-center md:flex"><label for="builder-global-search" class="sr-only">Search builder</label> <div class="relative w-full max-w-md"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-500" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><path d="m20 20-3.5-3.5"></path></svg> <input id="builder-global-search" type="search" placeholder="Search..."${attr("value", builderSearch())} class="h-9 w-full rounded-lg border border-slate-700 bg-slate-900/70 py-1.5 pl-9 pr-9 text-sm text-white placeholder:text-slate-500 outline-none transition focus:border-brand-400 focus:ring-2 focus:ring-brand-500/20"/> `);
-			if (builderSearch().trim().length > 0) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<button type="button" class="absolute right-2 top-1/2 grid h-6 w-6 -translate-y-1/2 place-items-center rounded-md text-slate-500 transition hover:bg-slate-800 hover:text-white" aria-label="Clear builder search" title="Clear search">×</button>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></div></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <div class="flex shrink-0 items-center gap-1.5"><div class="relative"><button type="button" aria-haspopup="menu"${attr("aria-expanded", settingsMenuOpen)} aria-label="Open app menu" title="App menu"${attr_class(`grid h-9 w-9 place-items-center rounded-md transition ${mcpActive() ? dark() ? "bg-slate-800 text-white" : "bg-slate-900 text-white" : dark() ? "text-slate-400 hover:bg-slate-800 hover:text-white" : "text-slate-600 hover:bg-slate-100 hover:text-slate-950"}`)}><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg></button> `);
-		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div> <a href="/tutorial" aria-label="Help &amp; tutorial" title="Help &amp; tutorial"${attr_class(`grid h-9 w-9 place-items-center rounded-md transition ${dark() ? "text-slate-400 hover:bg-slate-800 hover:text-white" : "text-slate-600 hover:bg-slate-100 hover:text-slate-950"}`)}><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><path d="M9.4 9a2.6 2.6 0 0 1 5 1c0 1.6-2.4 2-2.4 3.4"></path><line x1="12" y1="17.5" x2="12.01" y2="17.5"></line></svg></a> <div class="relative flex items-center gap-1.5"><button type="button" aria-haspopup="menu"${attr("aria-expanded", identityMenuOpen)}${attr("aria-label", identityStore.name ? `Signed in as ${identityStore.name}. Open identity menu.` : "Set your display name")}${attr("title", identityStore.name ? `Signed in as ${identityStore.name}` : "Set a display name so your edits are recognisable in history")}${attr_class(`group relative flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-sm font-semibold shadow-sm shadow-slate-950/5 ring-1 ring-transparent transition focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-300 ${identityStore.name ? "bg-linear-to-br from-brand-600 to-brand-800 text-white hover:from-brand-500 hover:to-brand-700" : "border border-dashed border-slate-300 bg-white text-slate-400 hover:border-brand-400 hover:text-brand-700"}`)}>`);
-		if (identityStore.name) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<span aria-hidden="true">${escape_html(initial())}</span>`);
-		} else {
-			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" aria-hidden="true"><circle cx="12" cy="8" r="3.5"></circle><path d="M5 20c1.2-3.6 4-5.5 7-5.5s5.8 1.9 7 5.5"></path></svg>`);
-		}
-		$$renderer.push(`<!--]--> <span${attr_class(`absolute -right-0.5 -bottom-0.5 inline-flex h-3 w-3 items-center justify-center rounded-full ring-2 ring-white ${identityStore.name ? "bg-emerald-500" : "bg-amber-400"}`)} aria-hidden="true"></span></button> `);
-		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div></div></div> `);
-		if (builderActive()) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="mx-auto px-4 pb-3 md:hidden"><label for="builder-global-search-mobile" class="sr-only">Search builder</label> <div class="relative"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-500" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><path d="m20 20-3.5-3.5"></path></svg> <input id="builder-global-search-mobile" type="search" placeholder="Search..."${attr("value", builderSearch())} class="h-9 w-full rounded-lg border border-slate-700 bg-slate-900/70 py-1.5 pl-9 pr-9 text-sm text-white placeholder:text-slate-500 outline-none transition focus:border-brand-400 focus:ring-2 focus:ring-brand-500/20"/> `);
-			if (builderSearch().trim().length > 0) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<button type="button" class="absolute right-2 top-1/2 grid h-6 w-6 -translate-y-1/2 place-items-center rounded-md text-slate-500 transition hover:bg-slate-800 hover:text-white" aria-label="Clear builder search" title="Clear search">×</button>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></div></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></header> <main class="flex-1"><!---->`);
-		$$renderer.push(`<div class="motion-reduce:animate-none! motion-reduce:opacity-100!">`);
-		children($$renderer);
-		$$renderer.push(`<!----></div>`);
-		$$renderer.push(`<!----></main></div> `);
-		AppDialog($$renderer);
-		$$renderer.push(`<!----> `);
-		FlyingSpaghettiEasterEgg($$renderer);
-		$$renderer.push(`<!----> `);
-		SyncToast($$renderer);
-		$$renderer.push(`<!----> `);
-		TourOverlay($$renderer);
-		$$renderer.push(`<!---->`);
-	});
-}
-
-export { _layout as default };
-//# sourceMappingURL=_layout.svelte-BREws55o.js.map