@liquidcars/atlas 0.1.49 → 0.1.51

package/dist/liquidcars-atlas.js

@@ -11890,7 +11890,7 @@ var $c = class {
 	}
 }, el = {
 	name: "@liquidcars/atlas",
-	version: "0.1.49",
+	version: "0.1.51",
 	description: "Reusable 3D conceptual atlas Web Component for LiquidCars-style models",
 	type: "module",
 	scripts: {
@@ -12353,7 +12353,7 @@ function vl(e, t = {}) {
 		return `<path data-relation="${s}" data-mode="${o}" d="M${H(i)} L${H(a)}" fill="none" stroke="${tl(t.connectionColor || "#58788d")}" stroke-width="2"${o === "bidirectional" ? " marker-start=\"url(#atlas-diagram-arrow)\"" : ""} marker-end="url(#atlas-diagram-arrow)"${l}/>`;
 	}).join(""), pe = t.canvasColor || "#f5f5f5", W = /* @__PURE__ */ new Map(), G = [...re.values()].sort((e, t) => ne(e.node) - ne(t.node)).map((n) => {
 		if (v(n.node.id)) return "";
-		let r = n.node.material?.color || new Y("#58788d"), i = `#${r.getHexString()}`, o = `#${r.clone().lerp(new Y("#254253"), .48).getHexString()}`, s = n.node.parent, c = 0;
+		let r = n.node.material?.color || new Y("#58788d"), i = `#${r.getHexString()}`, o = `#${r.clone().lerp(new Y(t.containerInk || "#254253"), t.containerInk ? .65 : .48).getHexString()}`, s = n.node.parent, c = 0;
 		for (; s && !W.has(s) && c++ < e.nodes.size;) s = e.nodes.get(s)?.parent;
 		let l = W.get(s) || pe, u = al(l, i, .14);
 		W.set(n.node.id, u);
@@ -12410,7 +12410,7 @@ var bl = (e) => String(e ?? "").replace(/[&<>"']/g, (e) => ({
 	">": "&gt;",
 	"\"": "&quot;",
 	"'": "&#39;"
-})[e]), xl = (e, t, n) => Math.min(n, Math.max(t, e)), Sl = "\n  .diagram-view{position:absolute;inset:0;overflow:auto;background-color:#f5f5f5;background-image:radial-gradient(circle,#b3b3b3 .8px,transparent 1px);background-size:16px 16px;color:#172c3a;cursor:grab;touch-action:none}\n  .diagram-view[hidden],:host(:not([data-view-mode=\"2d\"])) .diagram-view{display:none!important}\n  :host([data-view-mode=\"2d\"]) .viewport>canvas,:host([data-view-mode=\"2d\"]) .atlas-jump{visibility:hidden;pointer-events:none}\n  :host([data-view-mode=\"2d\"]) .toolbar-group[data-toolbar-group=\"camera\"],\n  :host([data-view-mode=\"2d\"]) .toolbar-group[data-toolbar-group=\"copy\"]{display:none}\n  :host(:not([data-view-mode=\"2d\"])) .toolbar-group[data-toolbar-group=\"diagram\"]{display:none}\n  :host(:not([data-view-mode=\"2d\"])) [data-action=\"diagram-relations-within\"]{display:none!important}\n  :host([data-view-mode=\"2d\"]) .toolbar{width:max-content;max-width:calc(100% - 16px);flex-wrap:wrap;justify-content:center}\n  :host([data-view-mode=\"2d\"]) .toolbar-group[data-toolbar-group=\"diagram\"]{flex-wrap:wrap;justify-content:center}\n  .diagram-content{position:relative;width:max-content;min-width:100%;min-height:100%;display:grid;place-items:center;padding:12px}\n  .diagram-content svg{display:block;max-width:none;overflow:visible}\n  .diagram-content [data-entity],.diagram-content [data-relation]{cursor:pointer}\n  .diagram-content [data-entity]:hover,.diagram-content [data-relation]:hover{filter:drop-shadow(0 0 5px #23a58f)}\n  .diagram-content [data-entity].selected,.diagram-content [data-relation].selected{filter:drop-shadow(0 0 7px #008fcb)}\n  .diagram-view.dragging{cursor:grabbing}\n  .diagram-toolbar select,.diagram-toolbar input{accent-color:#6ad7c0}\n  .diagram-toolbar .toolbar-popover{max-height:min(430px,65vh);overflow:auto}\n  .diagram-toolbar .toolbar-option.checkbox{display:flex;gap:8px;align-items:center}\n  .diagram-toolbar .toolbar-option.checkbox input{pointer-events:none}\n  .diagram-toolbar .diagram-spacing{padding:7px 9px;color:#dbe7ec;font-size:12px}\n  .diagram-toolbar .diagram-spacing input{width:100%;display:block;margin-top:6px}\n  .diagram-toolbar .diagram-items{max-height:220px;overflow:auto}\n  .diagram-orientation-cube{position:absolute;z-index:9;top:12px;left:12px;width:110px;height:110px;touch-action:none;cursor:grab}\n  .diagram-orientation-cube[hidden],:host(:not([data-view-mode=\"2d\"])) .diagram-orientation-cube{display:none!important}\n  .diagram-orientation-cube svg{width:100%;height:100%}\n  .diagram-orientation-cube polygon{fill:#476782;stroke:#a8d0df;stroke-width:1.4}\n  .diagram-orientation-cube polygon:hover{fill:#4caeaa}\n  .diagram-orientation-cube text{fill:#fff;font:bold 10px system-ui;pointer-events:none}\n  .diagram-orientation-cube circle{fill:#132b3b;stroke:#50758b}\n  .diagram-toolbar .diagram-orbit,.diagram-toolbar .diagram-camera-zoom{display:block;padding:6px 9px;color:#dbe7ec;font-size:12px}\n  .diagram-toolbar .diagram-orbit select,.diagram-toolbar .diagram-camera-zoom input{display:block;width:100%;margin-top:4px}\n  :host([data-view-mode=\"2d\"]) .hint{color:#527286}\n  @media print{:host([data-view-mode=\"2d\"]) .diagram-view{display:block!important;overflow:hidden}.diagram-orientation-cube{display:none!important}}\n", Cl = (e, t, n) => `<details class="toolbar-menu" data-toolbar-menu="diagram-${e}"><summary aria-label="${t}" title="${t}"><span class="toolbar-menu-status">${t}</span><svg class="toolbar-menu-chevron" viewBox="0 0 24 24" aria-hidden="true"><path d="m8 10 4 4 4-4"/></svg></summary><div class="toolbar-popover" role="menu"><div class="toolbar-popover-title">${t}</div>${n}</div></details>`, wl = (e, t) => `<button type="button" class="toolbar-option" data-action="${e}"><span>${t}</span></button>`, Tl = `<div class="toolbar-group diagram-toolbar" data-toolbar-group="diagram">
+})[e]), xl = (e, t, n) => Math.min(n, Math.max(t, e)), Sl = "\n  .toolbar button[hidden],.toolbar-menu[hidden]{display:none!important}\n  .diagram-view{position:absolute;inset:0;overflow:auto;background-color:var(--lc-diagram-background,#f5f5f5);background-image:radial-gradient(circle,var(--lc-diagram-dot,#b3b3b3) .8px,transparent 1px);background-size:16px 16px;color:#172c3a;cursor:grab;touch-action:none}\n  .diagram-view[hidden],:host(:not([data-view-mode=\"2d\"])) .diagram-view{display:none!important}\n  :host([data-view-mode=\"2d\"]) .viewport>canvas{visibility:hidden;pointer-events:none}\n  :host([data-view-mode=\"2d\"]) .toolbar-group[data-toolbar-group=\"camera\"],\n  :host([data-view-mode=\"2d\"]) .toolbar-group[data-toolbar-group=\"copy\"]{display:none}\n  :host(:not([data-view-mode=\"2d\"])) .toolbar-group[data-toolbar-group=\"diagram\"]{display:none}\n  :host(:not([data-view-mode=\"2d\"])) [data-action=\"diagram-relations-within\"]{display:none!important}\n  :host([data-view-mode=\"2d\"]) .toolbar{width:max-content;max-width:calc(100% - 16px);flex-wrap:wrap;justify-content:center}\n  :host([data-view-mode=\"2d\"]) .toolbar-group[data-toolbar-group=\"diagram\"]{flex-wrap:wrap;justify-content:center}\n  .diagram-content{position:relative;width:max-content;min-width:100%;min-height:100%;display:grid;place-items:center;padding:12px}\n  .diagram-content svg{display:block;max-width:none;overflow:visible}\n  .diagram-content [data-entity],.diagram-content [data-relation]{cursor:pointer}\n  .diagram-content [data-entity]:hover,.diagram-content [data-relation]:hover{filter:drop-shadow(0 0 5px #23a58f)}\n  .diagram-content [data-entity].selected,.diagram-content [data-relation].selected{filter:drop-shadow(0 0 7px #008fcb)}\n  .diagram-view.dragging{cursor:grabbing}\n  .diagram-toolbar select,.diagram-toolbar input{accent-color:#6ad7c0}\n  .diagram-toolbar .toolbar-popover{max-height:min(430px,65vh);overflow:auto}\n  .diagram-toolbar .toolbar-option.checkbox{display:flex;gap:8px;align-items:center}\n  .diagram-toolbar .toolbar-option.checkbox input{pointer-events:none}\n  .diagram-toolbar .diagram-spacing{padding:7px 9px;color:#dbe7ec;font-size:12px}\n  .diagram-toolbar .diagram-spacing input{width:100%;display:block;margin-top:6px}\n  .diagram-toolbar .diagram-items{max-height:220px;overflow:auto}\n  .diagram-orientation-cube{position:absolute;z-index:9;top:12px;left:12px;width:110px;height:110px;touch-action:none;cursor:grab}\n  .diagram-orientation-cube[hidden],:host(:not([data-view-mode=\"2d\"])) .diagram-orientation-cube{display:none!important}\n  .diagram-orientation-cube svg{width:100%;height:100%}\n  .diagram-orientation-cube polygon{fill:#476782;stroke:#a8d0df;stroke-width:1.4}\n  .diagram-orientation-cube polygon:hover{fill:#4caeaa}\n  .diagram-orientation-cube text{fill:#fff;font:bold 10px system-ui;pointer-events:none}\n  .diagram-orientation-cube circle{fill:#132b3b;stroke:#50758b}\n  .diagram-toolbar .diagram-orbit,.diagram-toolbar .diagram-camera-zoom{display:block;padding:6px 9px;color:#dbe7ec;font-size:12px}\n  .diagram-toolbar .diagram-orbit select,.diagram-toolbar .diagram-camera-zoom input{display:block;width:100%;margin-top:4px}\n  :host([data-view-mode=\"2d\"]) .hint{color:var(--lc-diagram-hint,#527286)}\n  @media print{:host([data-view-mode=\"2d\"]) .diagram-view{display:block!important;overflow:hidden}.diagram-orientation-cube{display:none!important}}\n", Cl = (e, t, n) => `<details class="toolbar-menu" data-toolbar-menu="diagram-${e}"><summary aria-label="${t}" title="${t}"><span class="toolbar-menu-status">${t}</span><svg class="toolbar-menu-chevron" viewBox="0 0 24 24" aria-hidden="true"><path d="m8 10 4 4 4-4"/></svg></summary><div class="toolbar-popover" role="menu"><div class="toolbar-popover-title">${t}</div>${n}</div></details>`, wl = (e, t) => `<button type="button" class="toolbar-option" data-action="${e}"><span>${t}</span></button>`, Tl = `<div class="toolbar-group diagram-toolbar" data-toolbar-group="diagram">
   <button class="toolbar-icon" data-action="diagram-minus" aria-label="Zoom out" title="Zoom out">−</button>
   <button class="toolbar-icon" data-action="diagram-plus" aria-label="Zoom in" title="Zoom in">＋</button>
   <button class="toolbar-icon" data-action="diagram-fit" aria-label="Fit diagram" title="Fit diagram">⛶</button>
@@ -12443,6 +12443,8 @@ var bl = (e) => String(e ?? "").replace(/[&<>"']/g, (e) => ({
 	labels: !0,
 	relations: "all",
 	showOrientationCube: !0,
+	theme: "auto",
+	grid: !0,
 	focus: {
 		mode: "all",
 		effect: "dim",
@@ -12465,6 +12467,12 @@ function Dl(e = {}) {
 		cameraZoom: xl(Number(t.cameraZoom) || 1, .5, 5),
 		gap: xl(Number(t.gap ?? 20) || 0, 0, 150),
 		labels: t.labels !== !1,
+		theme: [
+			"auto",
+			"light",
+			"dark"
+		].includes(t.theme) ? t.theme : "auto",
+		grid: t.grid !== !1,
 		showOrientationCube: t.showOrientationCube !== !1,
 		relations: [
 			"all",
@@ -12767,7 +12775,7 @@ var Il = class {
 		}));
 	}
 	renderOptions(e = {}) {
-		let t = this.config, n = this._focusedIds();
+		let t = this.config, n = this._focusedIds(), r = new Y(t.background || (t.theme === "dark" ? "#2d2f31" : t.theme === "light" ? "#f5f5f5" : null) || globalThis.getComputedStyle?.(this.root).backgroundColor || "#f5f5f5"), i = r.r * .2126 + r.g * .7152 + r.b * .0722 < .32, a = `#${r.getHexString()}`;
 		return {
 			cameraView: t.cameraView,
 			cameraFrame: {
@@ -12785,7 +12793,11 @@ var Il = class {
 			gap: t.gap,
 			labels: t.labels,
 			placements: t.placements,
-			background: "#f5f5f5",
+			background: a,
+			canvasColor: a,
+			labelColor: i ? "#e9f0f5" : "#172c3a",
+			connectionColor: i ? "#b1c7d3" : "#58788d",
+			...i ? { containerInk: "#e9f0f5" } : {},
 			...e
 		};
 	}
@@ -12825,7 +12837,7 @@ var Il = class {
 	}
 	refresh() {
 		if (this._refreshQueued = !1, this.atlas.viewMode !== "2d" || !this.atlas.ready || !this.root.clientWidth) return !1;
-		this._syncControls();
+		this._syncControls(), this.root.style.backgroundColor = this.config.background || (this.config.theme === "dark" ? "#2d2f31" : this.config.theme === "light" ? "#f5f5f5" : ""), this.root.style.backgroundImage = this.config.grid ? "" : "none", this.config.theme === "auto" ? this.root.style.removeProperty("--lc-diagram-dot") : this.root.style.setProperty("--lc-diagram-dot", this.config.theme === "dark" ? "#73777c" : "#b3b3b3");
 		let e = this.renderOptions({
 			faceCache: /* @__PURE__ */ new Map(),
 			background: null,
@@ -12833,35 +12845,43 @@ var Il = class {
 		}), t = {
 			width: this.root.clientWidth,
 			height: this.root.clientHeight
-		}, n = (e) => Math.min(1, (t.width - 32) / e.width, (t.height - 32) / e.height), r = this.atlas.exportDiagramSvg({
+		}, n = this.atlas.toolbar, r = {
+			top: this.atlas.shadowRoot.querySelector(".hint")?.hidden ? 16 : 34,
+			right: 16,
+			bottom: this.atlas.toolbarVisible && !n.hidden ? n.offsetHeight + 44 : 16,
+			left: this.cube.hidden ? 16 : 132
+		};
+		this.content.style.padding = `${r.top}px ${r.right}px ${r.bottom}px ${r.left}px`;
+		let i = (e) => Math.min(1, (t.width - r.left - r.right) / e.width, (t.height - r.top - r.bottom) / e.height), a = this.atlas.exportDiagramSvg({
 			...e,
 			measureOnly: !0
-		}), i = this.zoom === "fit" ? n(r) : this.zoom;
+		}), o = this.zoom === "fit" ? i(a) : this.zoom;
 		for (let t = 0; t < (this.zoom === "fit" ? 8 : 1); t += 1) {
-			i = Math.max(.08, i);
+			o = Math.max(.08, o);
 			let t = this.atlas.exportDiagramSvg({
 				...e,
-				observerScale: i,
+				observerScale: o,
 				measureOnly: !0
 			});
 			if (this.zoom !== "fit") break;
-			let r = n(t);
-			if (Math.abs(r - i) < .002) break;
-			i = r;
+			let n = i(t);
+			if (Math.abs(n - o) < .002) break;
+			o = n;
 		}
-		let a = this.atlas.exportDiagramSvg({
+		let s = this.atlas.exportDiagramSvg({
 			...e,
-			observerScale: i
+			observerScale: o
 		});
-		this.result = a;
-		let o = this.root.scrollLeft, s = this.root.scrollTop;
-		this.content.innerHTML = a.svg;
-		let c = this.content.querySelector("svg");
-		return c.style.width = `${Math.round(a.width * i)}px`, c.style.height = `${Math.round(a.height * i)}px`, this.root.scrollLeft = this.zoom === "fit" ? 0 : o, this.root.scrollTop = this.zoom === "fit" ? 0 : s, this._syncSelection(), !0;
+		this.zoom === "fit" && (this._lastFitZoom = o), this.result = s;
+		let c = this.root.scrollLeft, l = this.root.scrollTop;
+		this.content.innerHTML = s.svg;
+		let u = this.content.querySelector("svg");
+		return u.style.width = `${Math.round(s.width * o)}px`, u.style.height = `${Math.round(s.height * o)}px`, this.root.scrollLeft = this.zoom === "fit" ? 0 : c, this.root.scrollTop = this.zoom === "fit" ? 0 : l, this._syncSelection(), this.atlas._positionJumpButton?.(), !0;
 	}
 	_syncSelection() {
 		if (this.content.querySelectorAll(".selected").forEach((e) => e.classList.remove("selected")), this.atlas.selectedId) for (let e of this.content.querySelectorAll("[data-entity]")) e.dataset.entity === this.atlas.selectedId && e.classList.add("selected");
 		if (this.atlas.selectedRelation?.id) for (let e of this.content.querySelectorAll("[data-relation]")) e.dataset.relation === this.atlas.selectedRelation.id && e.classList.add("selected");
+		this.atlas._positionJumpButton?.();
 	}
 	_syncControls() {
 		let e = this.atlas.toolbar;
@@ -12914,7 +12934,7 @@ var Il = class {
 	}
 	focusSelection() {
 		if (this.zoom === "fit" && this.result) {
-			let e = Math.min(1, (this.root.clientWidth - 32) / this.result.width, (this.root.clientHeight - 32) / this.result.height);
+			let e = this._lastFitZoom || 1;
 			this.zoom = xl(Math.max(.75, e * 1.8), .08, 4), this.refresh();
 		}
 		let e = [...this.content.querySelectorAll("[data-entity], [data-relation]")].find((e) => e.dataset.entity === this.atlas.selectedId || e.dataset.relation === this.atlas.selectedRelation?.id);
@@ -12926,8 +12946,8 @@ var Il = class {
 		if (!e) return !1;
 		if (e === "diagram-fit") return this.zoom = "fit", this.refresh(), !0;
 		if (e === "diagram-plus" || e === "diagram-minus") {
-			let t = this.zoom === "fit" ? Math.min(1, (this.root.clientWidth - 32) / (this.result?.width || 1), (this.root.clientHeight - 32) / (this.result?.height || 1)) : this.zoom;
-			return this.zoom = xl(t * (e === "diagram-plus" ? 1.4 : 1 / 1.4), .08, 4), this.refresh(), !0;
+			let t = this.zoom === "fit" ? this._lastFitZoom || 1 : this.zoom;
+			return this.zoom = xl(t * (e === "diagram-plus" ? 1.15 : 1 / 1.15), .08, 4), this.refresh(), !0;
 		}
 		if (e === "labels") return this.setConfig({ labels: !this.config.labels }, { layout: !0 }), !0;
 		if (e === "diagram-cube") return this.setConfig({ showOrientationCube: !this.config.showOrientationCube }), !0;
@@ -12967,7 +12987,7 @@ var Il = class {
 		return !1;
 	}
 	_bind() {
-		this.atlas.addEventListener("lc-select", () => {
+		this.root.addEventListener("scroll", () => this.atlas._positionJumpButton?.()), this.atlas.addEventListener("lc-select", () => {
 			this.atlas.viewMode === "2d" && ([
 				"selected",
 				"callers",
@@ -13050,7 +13070,7 @@ var Il = class {
 				this.root.scrollLeft -= t, this.root.scrollTop -= n;
 				let i = t + this.root.scrollLeft - e, a = n + this.root.scrollTop - r;
 				if ((i || a) && this.config.cameraZoom > 1) {
-					let e = Ml(this.config.cameraView), t = this.zoom === "fit" ? Math.min(1, this.root.clientWidth / (this.result?.width || 1), this.root.clientHeight / (this.result?.height || 1)) : this.zoom, n = Fl(this.config.cameraView.target, e, i, a, 80 * Math.max(.08, t));
+					let e = Ml(this.config.cameraView), t = this.zoom === "fit" ? this._lastFitZoom || 1 : this.zoom, n = Fl(this.config.cameraView.target, e, i, a, 80 * Math.max(.08, t));
 					this.setConfig({ cameraView: jl(n, e.yaw, e.pitch) }, {
 						layout: !0,
 						defer: !0
@@ -13065,7 +13085,7 @@ var Il = class {
 		this.root.addEventListener("pointerup", t), this.root.addEventListener("pointercancel", t), this.root.addEventListener("contextmenu", (e) => e.preventDefault()), this.root.addEventListener("wheel", (e) => {
 			if (!e.altKey && !e.ctrlKey) return;
 			e.preventDefault();
-			let t = this.zoom === "fit" ? Math.min(1, this.root.clientWidth / (this.result?.width || 1), this.root.clientHeight / (this.result?.height || 1)) : this.zoom;
+			let t = this.zoom === "fit" ? this._lastFitZoom || 1 : this.zoom;
 			this.zoom = xl(t * (e.deltaY < 0 ? 1.15 : 1 / 1.15), .08, 4), this.scheduleRefresh();
 		}, { passive: !1 });
 	}
@@ -13075,35 +13095,70 @@ var Il = class {
 function Ll(e, t = null) {
 	let n = String(e || "").trim();
 	if (!n.startsWith("atlas:")) throw TypeError("Expected an atlas: reference.");
-	let r = n.slice(6);
-	if (r.startsWith("//")) throw TypeError("Atlas authorities are not supported.");
-	let i = r.indexOf("#"), a = i < 0 ? r : r.slice(0, i), o = i < 0 ? "" : decodeURIComponent(r.slice(i + 1)), s = t ? Ll(t).uri.slice(6) : "/";
-	if (!a && !t) throw TypeError("An Atlas reference needs a document path.");
-	if (!a) return {
-		uri: "atlas:" + s,
-		fragment: o
-	};
-	let c = a.startsWith("/") ? [] : s.split("/").slice(0, -1).filter(Boolean);
-	for (let e of a.split("/")) if (e && e !== ".") {
-		if (e === "..") {
-			if (!c.length) throw TypeError("Atlas reference escapes the collection root.");
-			c.pop();
-		} else c.push(decodeURIComponent(e));
+	let r = n.slice(6), i = r.indexOf("#"), a = i < 0 ? r : r.slice(0, i), o = i < 0 ? "" : decodeURIComponent(r.slice(i + 1)), s = a.indexOf("?"), c = s < 0 ? a : a.slice(0, s), l = new URLSearchParams(s < 0 ? "" : a.slice(s + 1));
+	if ([...l.keys()].some((e) => e !== "model") || l.getAll("model").length > 1) throw TypeError("Atlas references only accept one model selector.");
+	let u = l.get("model");
+	if (u === "") throw TypeError("The Atlas model selector cannot be empty.");
+	let d = u === null ? "" : "?model=" + encodeURIComponent(u), f = t ? Ll(t) : null;
+	if (c.startsWith("//")) {
+		let e = /^\/\/cloud\/([^/@?#]+)@(published|draft|r[1-9]\d*)$/.exec(c);
+		if (!e) throw TypeError("Expected atlas://cloud/<documentId>@published, @draft or @rN.");
+		let t = decodeURIComponent(e[1]);
+		if (!/^[a-zA-Z0-9_-]+$/.test(t)) throw TypeError("Invalid Atlas cloud document ID.");
+		return {
+			uri: "atlas://cloud/" + encodeURIComponent(t) + "@" + e[2] + d,
+			fragment: o
+		};
+	}
+	if (!c) {
+		if (!f) throw TypeError("An Atlas reference needs a document path.");
+		let e = f.uri.split("?")[0];
+		return {
+			uri: s < 0 ? f.uri : e + d,
+			fragment: o
+		};
+	}
+	if (f?.uri.startsWith("atlas://cloud/")) throw TypeError("Cloud documents cannot reference local files.");
+	let p = c.startsWith("/") ? [] : (f?.uri.slice(6).split("?")[0] || "/").split("/").slice(0, -1).filter(Boolean).map(decodeURIComponent);
+	for (let e of c.split("/")) {
+		let t = decodeURIComponent(e);
+		if (t && t !== ".") {
+			if (t === "..") {
+				if (!p.length) throw TypeError("Atlas reference escapes the collection root.");
+				p.pop();
+			} else {
+				if (/[\/\\]/.test(t)) throw TypeError("Invalid Atlas path segment.");
+				p.push(t);
+			}
+		}
 	}
 	return {
-		uri: "atlas:/" + c.map(encodeURIComponent).join("/"),
+		uri: "atlas:/" + p.map(encodeURIComponent).join("/") + d,
 		fragment: o
 	};
 }
+function Rl(e, t = null) {
+	let n = Ll(e, t), r = n.uri.split("?")[0], i = new URLSearchParams(n.uri.split("?")[1] || "").get("model"), a = /^atlas:\/\/cloud\/([^/]+)@(published|draft|r[1-9]\d*)$/.exec(r);
+	return {
+		...n,
+		documentUri: r,
+		modelName: i,
+		kind: a ? "cloud" : "local",
+		...a ? {
+			documentId: decodeURIComponent(a[1]),
+			version: a[2]
+		} : { path: r.slice(7).split("/").map(decodeURIComponent).join("/") }
+	};
+}
 //#endregion
 //#region src/panel-content.js
-var Rl = (e) => String(e ?? "").replace(/[&<>"']/g, (e) => ({
+var zl = (e) => String(e ?? "").replace(/[&<>"']/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;",
 	"'": "&#39;"
-})[e]), zl = /* @__PURE__ */ new Set([
+})[e]), Bl = /* @__PURE__ */ new Set([
 	"P",
 	"BR",
 	"H1",
@@ -13127,7 +13182,7 @@ var Rl = (e) => String(e ?? "").replace(/[&<>"']/g, (e) => ({
 	"TH",
 	"TD"
 ]);
-function Bl(e, { title: t = "" } = {}) {
+function Vl(e, { title: t = "" } = {}) {
 	let n = new DOMParser().parseFromString(String(e || ""), "text/html"), r = n.body.firstElementChild;
 	r && /^H[1-4]$/.test(r.tagName) && t && r.textContent.trim().toLocaleLowerCase() === String(t).trim().toLocaleLowerCase() && r.remove();
 	for (let e of n.body.querySelectorAll("a")) {
@@ -13138,7 +13193,7 @@ function Bl(e, { title: t = "" } = {}) {
 		for (let t of [...e.children]) {
 			let n = t.tagName === "A" ? t.dataset.atlasSafeHref : "";
 			for (let e of [...t.attributes]) t.removeAttribute(e.name);
-			if (!zl.has(t.tagName)) {
+			if (!Bl.has(t.tagName)) {
 				t.replaceWith(...t.childNodes), i(e);
 				continue;
 			}
@@ -13147,17 +13202,17 @@ function Bl(e, { title: t = "" } = {}) {
 	};
 	return i(n.body), n.body.innerHTML;
 }
-function Vl(e) {
-	return Rl(e).replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(/\*([^*]+)\*/g, "<em>$1</em>").replace(/\[([^\]]+)\]\((atlas:[^)]+|https?:\/\/[^)]+)\)/g, "<a href=\"$2\">$1</a>");
+function Hl(e) {
+	return zl(e).replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(/\*([^*]+)\*/g, "<em>$1</em>").replace(/\[([^\]]+)\]\((atlas:[^)]+|https?:\/\/[^)]+)\)/g, "<a href=\"$2\">$1</a>");
 }
-function Hl(e, t = {}) {
+function Ul(e, t = {}) {
 	if (!e || typeof e != "object") return "";
-	if (e.format === "html") return Bl(e.value || "", t);
+	if (e.format === "html") return Vl(e.value || "", t);
 	if (e.format !== "markdown") return "";
 	let n = [], r = [], i = "ul", a = [], o = !1, s = () => {
-		r.length && n.push("<" + i + ">" + r.map((e) => "<li>" + Vl(e) + "</li>").join("") + "</" + i + ">"), r = [];
+		r.length && n.push("<" + i + ">" + r.map((e) => "<li>" + Hl(e) + "</li>").join("") + "</" + i + ">"), r = [];
 	};
-	for (let t of String(e.value || "").split(/\r?\n/)) if (/^\s*```/.test(t)) s(), o && (n.push("<pre><code>" + Rl(a.join("\n")) + "</code></pre>"), a = []), o = !o;
+	for (let t of String(e.value || "").split(/\r?\n/)) if (/^\s*```/.test(t)) s(), o && (n.push("<pre><code>" + zl(a.join("\n")) + "</code></pre>"), a = []), o = !o;
 	else if (o) a.push(t);
 	else if (/^\s*([-*]|\d+\.) /.test(t)) {
 		let e = /^\s*\d+\./.test(t) ? "ol" : "ul";
@@ -13169,53 +13224,53 @@ function Hl(e, t = {}) {
 			continue;
 		}
 		if (/^>\s?/.test(t)) {
-			n.push("<blockquote>" + Vl(t.replace(/^>\s?/, "")) + "</blockquote>");
+			n.push("<blockquote>" + Hl(t.replace(/^>\s?/, "")) + "</blockquote>");
 			continue;
 		}
 		let e = /^(#{1,4})\s+(.+)$/.exec(t);
-		n.push(e ? `<h${e[1].length}>${Vl(e[2])}</h${e[1].length}>` : "<p>" + Vl(t) + "</p>");
+		n.push(e ? `<h${e[1].length}>${Hl(e[2])}</h${e[1].length}>` : "<p>" + Hl(t) + "</p>");
 	}
-	return s(), a.length && n.push("<pre><code>" + Rl(a.join("\n")) + "</code></pre>"), Bl(n.join(""), t);
+	return s(), a.length && n.push("<pre><code>" + zl(a.join("\n")) + "</code></pre>"), Vl(n.join(""), t);
 }
 //#endregion
 //#region src/liquidcars-atlas.js
-var Ul = el.version, Wl = {
+var Wl = el.version, Gl = {
 	component: "#8ae4d0",
 	connection: "#f4edba"
-}, Gl = "cone", Kl = Object.freeze([
+}, Kl = "cone", ql = Object.freeze([
 	"all",
 	"selected",
 	"callers",
 	"called",
 	"none"
-]), ql = .05, Jl = 6, Yl = 15, Xl = /* @__PURE__ */ new Map(), Zl = /* @__PURE__ */ new Map(), Ql = /* @__PURE__ */ new Map();
-function $l(e) {
-	return Array.isArray(e) ? e.map($l) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).filter(([, e]) => typeof e != "function" && e !== void 0).map(([e, t]) => [e, $l(t)]));
-}
+]), Jl = .05, Yl = 6, Xl = 15, Zl = /* @__PURE__ */ new Map(), Ql = /* @__PURE__ */ new Map(), $l = /* @__PURE__ */ new Map();
 function eu(e) {
-	return (e == null ? [] : Array.isArray(e) ? e : [e]).map((e) => typeof e == "string" ? { name: e } : $l(e)).filter((e) => e && String(e.name || "").trim()).map((e) => ({
+	return Array.isArray(e) ? e.map(eu) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).filter(([, e]) => typeof e != "function" && e !== void 0).map(([e, t]) => [e, eu(t)]));
+}
+function tu(e) {
+	return (e == null ? [] : Array.isArray(e) ? e : [e]).map((e) => typeof e == "string" ? { name: e } : eu(e)).filter((e) => e && String(e.name || "").trim()).map((e) => ({
 		...e,
 		name: String(e.name).trim()
 	}));
 }
-function tu(e) {
+function nu(e) {
 	return [...new Set((e == null ? [] : Array.isArray(e) ? e : [e]).map((e) => String(e || "").trim()).filter(Boolean))];
 }
-function nu(e) {
-	return e ? typeof e == "string" ? { spdx: e } : $l(e) : null;
+function ru(e) {
+	return e ? typeof e == "string" ? { spdx: e } : eu(e) : null;
 }
-function ru(e, t) {
-	let n = $l(e || {}), r = String(n.id || `source-${t + 1}`).trim();
+function iu(e, t) {
+	let n = eu(e || {}), r = String(n.id || `source-${t + 1}`).trim();
 	if (!r) throw TypeError("Geometry pack sources require an id.");
 	return {
 		...n,
 		id: r,
-		authors: eu(n.authors ?? n.author),
-		license: nu(n.license)
+		authors: tu(n.authors ?? n.author),
+		license: ru(n.license)
 	};
 }
-function iu(e, t, n) {
-	let r = $l(e || {}), i = String(r.id || "").trim();
+function au(e, t, n) {
+	let r = eu(e || {}), i = String(r.id || "").trim();
 	if (!i) throw TypeError(`Geometry pack resource at index ${t} requires an id.`);
 	let a = r.source == null ? null : String(r.source).trim();
 	if (a && !n.has(a)) throw TypeError(`Geometry pack resource '${i}' references unknown source '${a}'.`);
@@ -13224,13 +13279,13 @@ function iu(e, t, n) {
 		id: i,
 		kind: String(r.kind || r.type || "asset"),
 		source: a,
-		authors: eu(r.authors ?? r.author),
-		license: nu(r.license)
+		authors: tu(r.authors ?? r.author),
+		license: ru(r.license)
 	};
 }
-function au(e, t) {
+function ou(e, t) {
 	if (!e.showcase || typeof e.showcase != "object") return null;
-	let n = $l(e.showcase), r = Array.isArray(n.groups) ? n.groups : [], i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = r.map((e, n) => {
+	let n = eu(e.showcase), r = Array.isArray(n.groups) ? n.groups : [], i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = r.map((e, n) => {
 		let r = e && typeof e == "object" ? e : {}, o = String(r.id || `group-${n + 1}`).trim();
 		if (!o || i.has(o)) throw TypeError(`Geometry pack '${t}' showcase contains a duplicate or empty group id.`);
 		i.add(o);
@@ -13248,8 +13303,8 @@ function au(e, t) {
 					...r,
 					id: s,
 					geometry: i.includes(".") ? i : `${t}.${i}`,
-					geometryOptions: $l(r.geometryOptions || r.options || r.parameters || {}),
-					geometryPalette: $l(r.geometryPalette || r.palette || {})
+					geometryOptions: eu(r.geometryOptions || r.options || r.parameters || {}),
+					geometryPalette: eu(r.geometryPalette || r.palette || {})
 				};
 			})
 		};
@@ -13259,11 +13314,11 @@ function au(e, t) {
 		title: String(n.title || e.name || t),
 		description: String(n.description || ""),
 		groups: o,
-		relations: $l(Array.isArray(n.relations) ? n.relations : [])
+		relations: eu(Array.isArray(n.relations) ? n.relations : [])
 	};
 }
-function ou(e, t) {
-	let n = (Array.isArray(e.sources) ? e.sources : []).map(ru), r = new Set(n.map((e) => e.id)), i = (Array.isArray(e.resources) ? e.resources : []).map((e, t) => iu(e, t, r));
+function su(e, t) {
+	let n = (Array.isArray(e.sources) ? e.sources : []).map(iu), r = new Set(n.map((e) => e.id)), i = (Array.isArray(e.resources) ? e.resources : []).map((e, t) => au(e, t, r));
 	if (new Set(i.map((e) => e.id)).size !== i.length) throw TypeError(`Geometry pack '${t}' contains duplicate resource ids.`);
 	return {
 		namespace: t,
@@ -13272,36 +13327,36 @@ function ou(e, t) {
 		description: String(e.description || ""),
 		category: String(e.category || e.name || t),
 		homepage: e.homepage ? String(e.homepage) : "",
-		repository: $l(e.repository || null),
-		authors: eu(e.authors ?? e.author),
-		license: nu(e.license),
+		repository: eu(e.repository || null),
+		authors: tu(e.authors ?? e.author),
+		license: ru(e.license),
 		attribution: String(e.attribution || ""),
-		collections: $l(Array.isArray(e.collections) ? e.collections : []),
-		showcase: au(e, t),
+		collections: eu(Array.isArray(e.collections) ? e.collections : []),
+		showcase: ou(e, t),
 		sources: n,
 		resources: i,
 		geometries: []
 	};
 }
-function su(e) {
+function cu(e) {
 	let { create: t, resourceMap: n, ...r } = e;
 	return {
-		...$l(r),
+		...eu(r),
 		canonicalSize: [...e.canonicalSize],
-		parameters: $l(e.parameters),
-		palette: $l(e.palette),
-		anchors: $l(e.anchors)
+		parameters: eu(e.parameters),
+		palette: eu(e.palette),
+		anchors: eu(e.anchors)
 	};
 }
-function cu(e) {
-	return $l(e);
-}
 function lu(e) {
+	return eu(e);
+}
+function uu(e) {
 	if (!e || typeof e != "object") throw TypeError("A geometry pack must be an object.");
 	let t = String(e.namespace || "").trim();
 	if (!/^[a-z][a-z0-9-]*(?:\.[a-z][a-z0-9-]*)*$/i.test(t)) throw TypeError("A geometry pack requires a valid dot-separated namespace.");
 	if (!Array.isArray(e.geometries) || !e.geometries.length) throw TypeError("A geometry pack requires at least one geometry.");
-	let n = ou(e, t), r = Object.freeze(Object.fromEntries(n.resources.map((e) => [e.id, Object.freeze($l(e))]))), i = [];
+	let n = su(e, t), r = Object.freeze(Object.fromEntries(n.resources.map((e) => [e.id, Object.freeze(eu(e))]))), i = [];
 	for (let a of e.geometries) {
 		if (!a || typeof a != "object" || !a.id) throw TypeError(`Geometry pack '${t}' contains an invalid geometry.`);
 		let o = String(a.id).includes(".") ? String(a.id).split(".").pop() : String(a.id), s = String(a.id).includes(".") ? String(a.id) : `${t}.${o}`;
@@ -13314,8 +13369,8 @@ function lu(e) {
 			packVersion: n.version,
 			category: a.category || n.category,
 			collection: a.collection == null ? "" : String(a.collection).trim(),
-			tags: tu(a.tags),
-			keywords: tu(a.keywords),
+			tags: nu(a.tags),
+			keywords: nu(a.keywords),
 			canonicalSize: Array.isArray(a.canonicalSize) && a.canonicalSize.length === 3 ? a.canonicalSize.map(Number) : [
 				2.5,
 				1.5,
@@ -13333,41 +13388,41 @@ function lu(e) {
 			resourceMap: r
 		});
 	}
-	uu(t);
+	du(t);
 	let a = [];
 	for (let e of i) {
-		Xl.set(e.id, e), Zl.set(e.id, e.id);
-		for (let t of e.aliases || []) Zl.set(String(t), e.id);
+		Zl.set(e.id, e), Ql.set(e.id, e.id);
+		for (let t of e.aliases || []) Ql.set(String(t), e.id);
 		a.push(e.id);
 	}
-	n.geometries = [...a], Ql.set(t, n);
-	let o = cu(n);
+	n.geometries = [...a], $l.set(t, n);
+	let o = lu(n);
 	return typeof globalThis.dispatchEvent == "function" && typeof CustomEvent == "function" && globalThis.dispatchEvent(new CustomEvent("lc-geometry-registry-change", { detail: {
 		namespace: t,
 		geometries: a,
 		pack: o
 	} })), o;
 }
-function uu(e) {
+function du(e) {
 	let t = [];
-	for (let [n, r] of Xl) r.namespace === e && (Xl.delete(n), t.push(n));
-	for (let [e, n] of Zl) t.includes(n) && Zl.delete(e);
-	return Ql.delete(e), t;
-}
-function du() {
-	return [...Xl.values()].map(su);
+	for (let [n, r] of Zl) r.namespace === e && (Zl.delete(n), t.push(n));
+	for (let [e, n] of Ql) t.includes(n) && Ql.delete(e);
+	return $l.delete(e), t;
 }
 function fu() {
-	return [...Ql.values()].map(cu);
+	return [...Zl.values()].map(cu);
 }
-function pu(e) {
-	let t = Zl.get(e) || e;
-	return Xl.get(t) || null;
+function pu() {
+	return [...$l.values()].map(lu);
 }
 function mu(e) {
+	let t = Ql.get(e) || e;
+	return Zl.get(t) || null;
+}
+function hu(e) {
 	return e === "container" || e === "shell";
 }
-function hu(e = {}) {
+function gu(e = {}) {
 	let t = e && typeof e == "object" ? e : {}, n = Number(t.opacity);
 	return {
 		mode: t.mode === "connected" ? "connected" : "all",
@@ -13376,26 +13431,26 @@ function hu(e = {}) {
 		opacity: Number.isFinite(n) ? Math.max(.02, Math.min(.8, n)) : .12
 	};
 }
-function gu(e) {
+function _u(e) {
 	return [
 		"preserve",
 		"center",
 		"fit"
 	].includes(e) ? e : "preserve";
 }
-function _u(e) {
-	return e === "model" ? "model" : "camera";
-}
 function vu(e) {
-	return e === "ring" ? "ring" : Gl;
+	return e === "model" ? "model" : "camera";
 }
 function yu(e) {
-	return Kl.includes(e) ? e : "selected";
+	return e === "ring" ? "ring" : Kl;
+}
+function bu(e) {
+	return ql.includes(e) ? e : "selected";
 }
-function bu(e, t) {
+function xu(e, t) {
 	e && e.transparent !== t && (e.transparent = t, e.needsUpdate = !0);
 }
-lu({
+uu({
 	namespace: "geo",
 	name: "Geometric primitives",
 	version: "1",
@@ -13452,7 +13507,7 @@ lu({
 		} } : {}
 	}))
 });
-var xu = {
+var Su = {
 	background: {
 		color: "#0a111a",
 		glow: "#1c2b39",
@@ -13497,17 +13552,17 @@ var xu = {
 		hint: !0
 	}
 };
-function Su(e, t) {
+function Cu(e, t) {
 	let n = { ...e };
 	if (!t || typeof t != "object") return n;
-	for (let [r, i] of Object.entries(t)) n[r] = i && typeof i == "object" && !Array.isArray(i) ? Su(e?.[r] || {}, i) : i;
+	for (let [r, i] of Object.entries(t)) n[r] = i && typeof i == "object" && !Array.isArray(i) ? Cu(e?.[r] || {}, i) : i;
 	return n;
 }
-function Cu(e) {
+function wu(e) {
 	let t = e && typeof e == "object" ? { ...e } : {};
-	return typeof e == "string" ? t.background = { color: e } : typeof t.background == "string" && (t.background = { color: t.background }), Su(xu, t);
+	return typeof e == "string" ? t.background = { color: e } : typeof t.background == "string" && (t.background = { color: t.background }), Cu(Su, t);
 }
-function wu(e) {
+function Tu(e) {
 	if (!e || typeof e != "object") return "directed";
 	let t = String(e.mode || e.visual || e.render || e.type || e.direction || "").trim().toLowerCase().replace(/[_\s]+/g, "-");
 	return e.bidirectional === !0 || [
@@ -13522,7 +13577,7 @@ function wu(e) {
 		"failed"
 	].includes(t) ? "broken" : "directed";
 }
-var Tu = [":host{display:block;position:relative;height:var(--lc-height,680px);min-height:420px;color:var(--lc-panel-title,#e9f0f5);font:14px Inter,system-ui,-apple-system,sans-serif;background:var(--lc-bg,#0a111a);border:1px solid #294252;border-radius:12px;overflow:hidden;contain:content}", "*{box-sizing:border-box}.atlas{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100%}.atlas[data-panel=hidden]{grid-template-columns:1fr}.viewport{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,var(--lc-bg-glow,#1c2b39),var(--lc-bg-fade,#0a111a) 82%)}canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.toolbar{position:absolute;z-index:10;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:6px;background:var(--lc-toolbar-bg,#15232fe8);border:1px solid var(--lc-toolbar-border,#3a5062);border-radius:8px;white-space:nowrap}.toolbar[data-hidden=true],.toolbar[hidden],.panel[data-hidden=true],.panel[hidden],.crumbs[data-hidden=true],.crumbs[hidden],.hint[data-hidden=true],.hint[hidden]{display:none!important}.toolbar button{height:30px;padding:0 9px;border:0;border-radius:5px;background:none;color:var(--lc-toolbar-text,#dbe7ec);cursor:pointer}.toolbar button:hover,.toolbar button.active{background:var(--lc-toolbar-active,#1f3d4b);color:var(--lc-toolbar-active-text,#c5f2e9)}.toolbar i{display:block;width:1px;margin:2px 3px;background:#38515f}.hint{position:absolute;z-index:9;top:8px;bottom:auto;left:0;right:0;text-align:center;padding:2px 8px;font-size:11px;line-height:16px;color:var(--lc-hint,#8da6b8);pointer-events:none}.panel{overflow:auto;padding:24px 20px;background:var(--lc-panel-bg,linear-gradient(140deg,#182633,#0e1925 65%));border-left:1px solid var(--lc-panel-border,#2a3a48)}.panel h2{font-size:26px;line-height:1.12;font-weight:470;margin:12px 0;color:var(--lc-panel-title,#e9f0f5)}.panel h3{font-size:11px;letter-spacing:1.4px;color:#91aabd;margin:24px 0 10px}.panel p{font-size:14px;line-height:1.55;color:var(--lc-panel-text,#b5c6d2)}.panel .eyebrow{font-size:11px;letter-spacing:1.7px;color:#6ad7c0}.panel .sub{font-size:13px;color:#8fa8bd;margin-bottom:16px}.panel .external-link{display:inline-flex;align-items:center;gap:6px;margin:2px 0 12px;color:#6ad7c0;font-size:13px;font-weight:600;text-decoration:none}.panel .external-link:hover{text-decoration:underline}.panel button{display:block;width:100%;padding:10px 0;text-align:left;background:none;border:0;border-bottom:1px solid var(--lc-panel-border,#2a3a48);color:#d9e7eb;cursor:pointer}.panel button:hover{color:#6ad7c0}.panel .relation{padding:10px 0;border-bottom:1px solid var(--lc-panel-border,#2a3a48)}.panel .relation.selected{padding-left:9px;border-left:2px solid #6ad7c0;background:#18343f}.panel .relation strong{display:block;font-weight:550}.panel .relation small{display:block;color:#86a6b9;font-size:12px;margin-top:4px}.panel .back{color:#9db7c8;font-size:13px}.panel .crumbs{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:0 0 12px}.panel .crumbs button{display:inline;width:auto;padding:3px 7px;border:0;border-radius:4px;background:var(--lc-crumb-bg,#142733);color:var(--lc-crumb-text,#91b6c7);font-size:12px}.panel .crumbs button.current{background:var(--lc-crumb-active,#1c4a4d);color:var(--lc-crumb-active-text,#c5f2e9)}.panel .note{border-top:1px solid var(--lc-panel-border,#2a3a48);padding-top:16px;margin-top:22px;font-size:12px;color:#7692a6}.error{position:absolute;inset:20%;padding:18px;background:#172b3b;border:1px solid #7896a9;line-height:1.5;z-index:4}@media(max-width:900px){.toolbar{gap:0}.toolbar button{padding:0 6px;font-size:12px}}@media(max-width:760px){:host{height:680px}.atlas{grid-template-columns:1fr;grid-template-rows:minmax(420px,1fr) auto}.panel{max-height:250px;border-left:0;border-top:1px solid var(--lc-panel-border,#2a3a48);padding:18px}.toolbar{bottom:24px}.hint{top:8px;bottom:auto;display:block}}"].join(""), Eu = [
+var Eu = [":host{display:block;position:relative;height:var(--lc-height,680px);min-height:420px;color:var(--lc-panel-title,#e9f0f5);font:14px Inter,system-ui,-apple-system,sans-serif;background:var(--lc-bg,#0a111a);border:1px solid #294252;border-radius:12px;overflow:hidden;contain:content}", "*{box-sizing:border-box}.atlas{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100%}.atlas[data-panel=hidden]{grid-template-columns:1fr}.viewport{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,var(--lc-bg-glow,#1c2b39),var(--lc-bg-fade,#0a111a) 82%)}canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.toolbar{position:absolute;z-index:10;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:6px;background:var(--lc-toolbar-bg,#15232fe8);border:1px solid var(--lc-toolbar-border,#3a5062);border-radius:8px;white-space:nowrap}.toolbar[data-hidden=true],.toolbar[hidden],.panel[data-hidden=true],.panel[hidden],.crumbs[data-hidden=true],.crumbs[hidden],.hint[data-hidden=true],.hint[hidden]{display:none!important}.toolbar button{height:30px;padding:0 9px;border:0;border-radius:5px;background:none;color:var(--lc-toolbar-text,#dbe7ec);cursor:pointer}.toolbar button:hover,.toolbar button.active{background:var(--lc-toolbar-active,#1f3d4b);color:var(--lc-toolbar-active-text,#c5f2e9)}.toolbar i{display:block;width:1px;margin:2px 3px;background:#38515f}.hint{position:absolute;z-index:9;top:8px;bottom:auto;left:0;right:0;text-align:center;padding:2px 8px;font-size:11px;line-height:16px;color:var(--lc-hint,#8da6b8);pointer-events:none}.panel{overflow:auto;padding:24px 20px;background:var(--lc-panel-bg,linear-gradient(140deg,#182633,#0e1925 65%));border-left:1px solid var(--lc-panel-border,#2a3a48)}.panel h2{font-size:26px;line-height:1.12;font-weight:470;margin:12px 0;color:var(--lc-panel-title,#e9f0f5)}.panel h3{font-size:11px;letter-spacing:1.4px;color:#91aabd;margin:24px 0 10px}.panel p{font-size:14px;line-height:1.55;color:var(--lc-panel-text,#b5c6d2)}.panel .eyebrow{font-size:11px;letter-spacing:1.7px;color:#6ad7c0}.panel .sub{font-size:13px;color:#8fa8bd;margin-bottom:16px}.panel .external-link{display:inline-flex;align-items:center;gap:6px;margin:2px 0 12px;color:#6ad7c0;font-size:13px;font-weight:600;text-decoration:none}.panel .external-link:hover{text-decoration:underline}.panel button{display:block;width:100%;padding:10px 0;text-align:left;background:none;border:0;border-bottom:1px solid var(--lc-panel-border,#2a3a48);color:#d9e7eb;cursor:pointer}.panel button:hover{color:#6ad7c0}.panel .relation{padding:10px 0;border-bottom:1px solid var(--lc-panel-border,#2a3a48)}.panel .relation.selected{padding-left:9px;border-left:2px solid #6ad7c0;background:#18343f}.panel .relation strong{display:block;font-weight:550}.panel .relation small{display:block;color:#86a6b9;font-size:12px;margin-top:4px}.panel .back{color:#9db7c8;font-size:13px}.panel .crumbs{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:0 0 12px}.panel .crumbs button{display:inline;width:auto;padding:3px 7px;border:0;border-radius:4px;background:var(--lc-crumb-bg,#142733);color:var(--lc-crumb-text,#91b6c7);font-size:12px}.panel .crumbs button.current{background:var(--lc-crumb-active,#1c4a4d);color:var(--lc-crumb-active-text,#c5f2e9)}.panel .note{border-top:1px solid var(--lc-panel-border,#2a3a48);padding-top:16px;margin-top:22px;font-size:12px;color:#7692a6}.error{position:absolute;inset:20%;padding:18px;background:#172b3b;border:1px solid #7896a9;line-height:1.5;z-index:4}@media(max-width:900px){.toolbar{gap:0}.toolbar button{padding:0 6px;font-size:12px}}@media(max-width:760px){:host{height:680px}.atlas{grid-template-columns:1fr;grid-template-rows:minmax(420px,1fr) auto}.panel{max-height:250px;border-left:0;border-top:1px solid var(--lc-panel-border,#2a3a48);padding:18px}.toolbar{bottom:24px}.hint{top:8px;bottom:auto;display:block}}"].join(""), Du = [
 	".viewport>.atlas-print-snapshot{display:none!important}",
 	"@media print{",
 	":host{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid;page-break-inside:avoid}",
@@ -13531,29 +13586,29 @@ var Tu = [":host{display:block;position:relative;height:var(--lc-height,680px);m
 	":host([data-lc-print-ready]) .viewport>canvas:not(.atlas-print-snapshot){display:none!important}",
 	":host([data-lc-print-ready]) .viewport>.atlas-print-snapshot{display:block!important;width:100%;height:100%}",
 	"}"
-].join(""), Du = (e, t = "0 0 24 24") => `<svg viewBox="${t}" aria-hidden="true">${e}</svg>`, Ou = {
-	minus: Du("<path d=\"M6 12h12\"/>"),
-	plus: Du("<path d=\"M12 6v12M6 12h12\"/>"),
-	fit: Du("<path d=\"M9 4H4v5M15 4h5v5M20 15v5h-5M4 15v5h5\"/><circle cx=\"12\" cy=\"12\" r=\"2.5\"/>"),
-	front: Du("<rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"1.5\"/><path d=\"M8 16h8\"/>"),
-	view: Du("<path d=\"M2.5 12s3.5-5 9.5-5 9.5 5 9.5 5-3.5 5-9.5 5-9.5-5-9.5-5Z\"/><circle cx=\"12\" cy=\"12\" r=\"2.5\"/>"),
-	relations: Du("<circle cx=\"5\" cy=\"6\" r=\"2\"/><circle cx=\"19\" cy=\"7\" r=\"2\"/><circle cx=\"12\" cy=\"18\" r=\"2\"/><path d=\"m6.8 6.3 10.2.5M6.2 7.7l4.6 8.6m6.8-7.5-4.4 7.5\"/>"),
-	focus: Du("<circle cx=\"12\" cy=\"12\" r=\"7\"/><circle cx=\"12\" cy=\"12\" r=\"2.5\"/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3\"/>"),
-	copy: Du("<rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"/><path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"/>"),
-	home: Du("<path d=\"m3 11 9-7 9 7\"/><path d=\"M5 10v10h14V10M10 20v-6h4v6\"/>"),
-	back: Du("<path d=\"m15 5-7 7 7 7\"/>"),
-	forward: Du("<path d=\"m9 5 7 7-7 7\"/>"),
-	chevron: Du("<path d=\"m8 10 4 4 4-4\"/>")
-}, ku = (e, t, n = !1) => `<button class="toolbar-option${n ? " active" : ""}" data-action="${e}" aria-pressed="${n}"><span>${t}</span><span class="toolbar-option-check" aria-hidden="true">✓</span></button>`, Au = (e, t) => `<button class="toolbar-option" data-action="${e}" role="menuitem"><span>${t}</span><span aria-hidden="true"></span></button>`;
-function ju(e, t) {
+].join(""), Ou = (e, t = "0 0 24 24") => `<svg viewBox="${t}" aria-hidden="true">${e}</svg>`, ku = {
+	minus: Ou("<path d=\"M6 12h12\"/>"),
+	plus: Ou("<path d=\"M12 6v12M6 12h12\"/>"),
+	fit: Ou("<path d=\"M9 4H4v5M15 4h5v5M20 15v5h-5M4 15v5h5\"/><circle cx=\"12\" cy=\"12\" r=\"2.5\"/>"),
+	front: Ou("<rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"1.5\"/><path d=\"M8 16h8\"/>"),
+	view: Ou("<path d=\"M2.5 12s3.5-5 9.5-5 9.5 5 9.5 5-3.5 5-9.5 5-9.5-5-9.5-5Z\"/><circle cx=\"12\" cy=\"12\" r=\"2.5\"/>"),
+	relations: Ou("<circle cx=\"5\" cy=\"6\" r=\"2\"/><circle cx=\"19\" cy=\"7\" r=\"2\"/><circle cx=\"12\" cy=\"18\" r=\"2\"/><path d=\"m6.8 6.3 10.2.5M6.2 7.7l4.6 8.6m6.8-7.5-4.4 7.5\"/>"),
+	focus: Ou("<circle cx=\"12\" cy=\"12\" r=\"7\"/><circle cx=\"12\" cy=\"12\" r=\"2.5\"/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3\"/>"),
+	copy: Ou("<rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"/><path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"/>"),
+	home: Ou("<path d=\"m3 11 9-7 9 7\"/><path d=\"M5 10v10h14V10M10 20v-6h4v6\"/>"),
+	back: Ou("<path d=\"m15 5-7 7 7 7\"/>"),
+	forward: Ou("<path d=\"m9 5 7 7-7 7\"/>"),
+	chevron: Ou("<path d=\"m8 10 4 4 4-4\"/>")
+}, Au = (e, t, n = !1) => `<button class="toolbar-option${n ? " active" : ""}" data-action="${e}" aria-pressed="${n}"><span>${t}</span><span class="toolbar-option-check" aria-hidden="true">✓</span></button>`, ju = (e, t) => `<button class="toolbar-option" data-action="${e}" role="menuitem"><span>${t}</span><span aria-hidden="true"></span></button>`;
+function Mu(e, t) {
 	return (e?.target?.nodeType === 1 ? e.target : e?.target?.parentElement)?.closest?.(t) || e?.composedPath?.().find((e) => e?.matches?.(t)) || null;
 }
-function Mu(e, t) {
+function Nu(e, t) {
 	let n = t?.relatedTarget;
 	return n ? !e?.contains?.(n) : !1;
 }
-var Nu = (e, t, n, r, i) => `<details class="toolbar-menu" data-toolbar-menu="${e}"><summary aria-label="${n}" title="${n}">${t}<span class="toolbar-menu-status" data-toolbar-status="${e}" aria-live="polite">${r}</span>${Ou.chevron}</summary><div class="toolbar-popover" role="menu"><div class="toolbar-popover-title">${n}</div>${i}</div></details>`, Pu = `<div class="toolbar-group" data-toolbar-group="copy">${Nu("copy", Ou.copy, "Copy image", "PNG", Au("copy-theme", "PNG with background · HD 2×") + Au("copy-transparent", "Transparent PNG · HD 2×"))}</div>`, Fu = `<div class="atlas"><section class="viewport"><canvas tabindex="0" aria-label="Interactive 3D model"></canvas><button class="atlas-jump" data-action="atlas-jump" aria-label="Open linked Atlas" title="Open linked Atlas" hidden><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.1 0l2.1-2.1a5 5 0 0 0-7.1-7.1L10 6"/><path d="M14 11a5 5 0 0 0-7.1 0l-2.1 2.1a5 5 0 0 0 7.1 7.1L14 18"/></svg></button><div class="document-navigation" role="toolbar" aria-label="Atlas document navigation" hidden></div><div class="toolbar" role="toolbar" aria-label="View controls"><div class="toolbar-group" data-toolbar-group="navigation"><button class="toolbar-icon" data-action="atlas-home" aria-label="Atlas home" title="First Atlas document" disabled>${Ou.home}</button><button class="toolbar-icon" data-action="atlas-back" aria-label="Atlas back" title="Back · hold for history" disabled>${Ou.back}</button><button class="toolbar-icon" data-action="atlas-forward" aria-label="Atlas forward" title="Forward · hold for history" disabled>${Ou.forward}</button><div class="atlas-history-popover" role="menu" aria-label="Atlas visits" hidden></div></div><div class="toolbar-group" data-toolbar-group="camera"><button class="toolbar-icon" data-action="minus" aria-label="Zoom out" title="Zoom out">${Ou.minus}</button><button class="toolbar-icon" data-action="plus" aria-label="Zoom in" title="Zoom in">${Ou.plus}</button><button class="toolbar-icon" data-action="fit" aria-label="Fit entire model" title="Fit entire model">${Ou.fit}</button><button class="toolbar-icon" data-action="front" aria-label="Front view" title="Front view">${Ou.front}</button></div><div class="toolbar-group" data-toolbar-group="view">${Nu("view", Ou.view, "View", "View", ku("labels", "Labels", !0) + ku("panel", "Information", !0) + ku("item-facing", "Face camera", !0) + "<div class=\"toolbar-option-separator\"></div>" + ku("open-all", "Open all") + ku("close-all", "Close all"))}</div><div class="toolbar-group" data-toolbar-group="relations">${Nu("relations", Ou.relations, "Relations", "Selection", ku("relations-all", "All") + ku("relations-selected", "Selection", !0) + ku("relations-callers", "Upstream") + ku("relations-called", "Downstream") + ku("relations-none", "Hide") + "<div data-relation-groups-section hidden><div class=\"toolbar-option-separator\"></div><div class=\"toolbar-popover-title\">Groups</div><div data-relation-groups></div></div>")}</div><div class="toolbar-group" data-toolbar-group="focus">${Nu("focus", Ou.focus, "Focus", "All", ku("focus-all", "All", !0) + ku("focus-dim", "Connected") + ku("focus-hide", "Isolate") + "<div class=\"toolbar-option-separator\"></div>" + ku("focus-selection", "Focus selection") + ku("focus-layout", "Reflow visible"))}</div></div><div class="hint">Rotate: drag · Pan: right button / ⇧+drag / 2 fingers · Zoom: wheel or pinch · Select: click · Focus: double-click</div></section><aside class="panel" aria-live="polite"></aside></div>`;
-function Iu(e) {
+var Pu = (e, t, n, r, i) => `<details class="toolbar-menu" data-toolbar-menu="${e}"><summary aria-label="${n}" title="${n}">${t}<span class="toolbar-menu-status" data-toolbar-status="${e}" aria-live="polite">${r}</span>${ku.chevron}</summary><div class="toolbar-popover" role="menu"><div class="toolbar-popover-title">${n}</div>${i}</div></details>`, Fu = `<div class="toolbar-group" data-toolbar-group="copy">${Pu("copy", ku.copy, "Copy image", "PNG", ju("copy-theme", "PNG with background · HD 2×") + ju("copy-transparent", "Transparent PNG · HD 2×"))}</div>`, Iu = `<div class="atlas"><section class="viewport"><canvas tabindex="0" aria-label="Interactive 3D model"></canvas><button class="atlas-jump" data-action="atlas-jump" aria-label="Open linked Atlas" title="Open linked Atlas" hidden><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.1 0l2.1-2.1a5 5 0 0 0-7.1-7.1L10 6"/><path d="M14 11a5 5 0 0 0-7.1 0l-2.1 2.1a5 5 0 0 0 7.1 7.1L14 18"/></svg></button><div class="document-navigation" role="toolbar" aria-label="Atlas document navigation" hidden></div><div class="toolbar" role="toolbar" aria-label="View controls"><div class="toolbar-group" data-toolbar-group="navigation"><button class="toolbar-icon" data-action="atlas-home" aria-label="Atlas home" title="First Atlas document" disabled>${ku.home}</button><button class="toolbar-icon" data-action="atlas-back" aria-label="Atlas back" title="Back · hold for history" disabled>${ku.back}</button><button class="toolbar-icon" data-action="atlas-forward" aria-label="Atlas forward" title="Forward · hold for history" disabled>${ku.forward}</button><div class="atlas-history-popover" role="menu" aria-label="Atlas visits" hidden></div></div><div class="toolbar-group" data-toolbar-group="camera"><button class="toolbar-icon" data-action="minus" aria-label="Zoom out" title="Zoom out">${ku.minus}</button><button class="toolbar-icon" data-action="plus" aria-label="Zoom in" title="Zoom in">${ku.plus}</button><button class="toolbar-icon" data-action="fit" aria-label="Fit entire model" title="Fit entire model">${ku.fit}</button><button class="toolbar-icon" data-action="front" aria-label="Front view" title="Front view">${ku.front}</button></div><div class="toolbar-group" data-toolbar-group="view">${Pu("view", ku.view, "View", "View", Au("labels", "Labels", !0) + Au("panel", "Information", !0) + Au("item-facing", "Face camera", !0) + "<div class=\"toolbar-option-separator\"></div>" + Au("open-all", "Open all") + Au("close-all", "Close all"))}</div><div class="toolbar-group" data-toolbar-group="relations">${Pu("relations", ku.relations, "Relations", "Selection", Au("relations-all", "All") + Au("relations-selected", "Selection", !0) + Au("relations-callers", "Upstream") + Au("relations-called", "Downstream") + Au("relations-none", "Hide") + "<div data-relation-groups-section hidden><div class=\"toolbar-option-separator\"></div><div class=\"toolbar-popover-title\">Groups</div><div data-relation-groups></div></div>")}</div><div class="toolbar-group" data-toolbar-group="focus">${Pu("focus", ku.focus, "Focus", "All", Au("focus-all", "All", !0) + Au("focus-dim", "Connected") + Au("focus-hide", "Isolate") + "<div class=\"toolbar-option-separator\"></div>" + Au("focus-selection", "Focus selection") + Au("focus-layout", "Reflow visible"))}</div></div><div class="hint">Rotate: drag · Pan: right button / ⇧+drag / 2 fingers · Zoom: wheel or pinch · Select: click · Focus: double-click</div></section><aside class="panel" aria-live="polite"></aside></div>`;
+function Lu(e) {
 	return String(e ?? "").replace(/[&<>"']/g, (e) => ({
 		"&": "&amp;",
 		"<": "&lt;",
@@ -13562,20 +13617,20 @@ function Iu(e) {
 		"'": "&#39;"
 	})[e]);
 }
-function Lu(e) {
+function Ru(e) {
 	let t = String(e ?? "").trim();
 	if (!t) return "";
 	try {
 		let e = new URL(t, globalThis.location?.href);
-		return ["http:", "https:"].includes(e.protocol) ? "<a class=\"external-link\" href=\"" + Iu(e.href) + "\" target=\"_blank\" rel=\"noopener noreferrer\">Open documentation ↗</a>" : "";
+		return ["http:", "https:"].includes(e.protocol) ? "<a class=\"external-link\" href=\"" + Lu(e.href) + "\" target=\"_blank\" rel=\"noopener noreferrer\">Open documentation ↗</a>" : "";
 	} catch {
 		return "";
 	}
 }
-function Ru(e, t = "connection") {
+function zu(e, t = "connection") {
 	return String(e || t).normalize("NFKD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || t;
 }
-function zu(e) {
+function Bu(e) {
 	let t = Array.isArray(e) ? e : e && typeof e == "object" ? Object.entries(e).map(([e, t]) => typeof t == "string" ? {
 		id: e,
 		label: t
@@ -13594,7 +13649,7 @@ function zu(e) {
 		}]);
 	});
 }
-function Bu(e) {
+function Vu(e) {
 	let t = e && typeof e == "object" ? e : {}, n = t.render && typeof t.render == "object" ? t.render : {}, r = Array.isArray(t.entities) ? t.entities.map((e) => ({
 		...e,
 		p: Array.isArray(e.p) ? e.p : [
@@ -13610,9 +13665,9 @@ function Bu(e) {
 	})) : [], i = /* @__PURE__ */ new Set(), a = (e) => {
 		let t = (e.id == null ? "" : String(e.id).trim()) || [
 			"relation",
-			Ru(e.from, "source"),
-			Ru(e.to, "target"),
-			e.label ? Ru(e.label) : ""
+			zu(e.from, "source"),
+			zu(e.to, "target"),
+			e.label ? zu(e.label) : ""
 		].filter(Boolean).join("-"), n = t || "relation", r = 2;
 		for (; i.has(n);) n = `${t || "relation"}-${r++}`;
 		return i.add(n), n;
@@ -13622,7 +13677,7 @@ function Bu(e) {
 				from: e[0],
 				to: e[1],
 				label: e[2] || "",
-				mode: wu({ mode: e[3] }),
+				mode: Tu({ mode: e[3] }),
 				index: t
 			};
 			return n.id = a(n), n;
@@ -13632,7 +13687,7 @@ function Bu(e) {
 			from: e.from,
 			to: e.to,
 			label: e.label || "",
-			mode: wu(e),
+			mode: Tu(e),
 			index: t
 		};
 		return n.id = a(n), n.group != null && (n.group = String(n.group).trim() || void 0), n;
@@ -13640,20 +13695,20 @@ function Bu(e) {
 	return {
 		...t,
 		palette: {
-			...Wl,
+			...Gl,
 			...t.palette || {}
 		},
-		theme: Cu(t.theme || t.styles),
+		theme: wu(t.theme || t.styles),
 		render: {
 			...n,
-			relationMarker: vu(n.relationMarker)
+			relationMarker: yu(n.relationMarker)
 		},
-		relationGroups: zu(t.relationGroups),
+		relationGroups: Bu(t.relationGroups),
 		entities: r,
 		relations: o
 	};
 }
-function Vu(e, t, n = [
+function Hu(e, t, n = [
 	1,
 	1,
 	1
@@ -13672,7 +13727,7 @@ function Vu(e, t, n = [
 	});
 	return s.center(), s;
 }
-function Hu(e, t, n) {
+function Uu(e, t, n) {
 	let r = new di();
 	for (let t = 0; t < e; t++) {
 		let n = Math.PI / 2 + t * Math.PI * 2 / e, i = new V(Math.cos(n) * .5, Math.sin(n) * .5);
@@ -13689,7 +13744,7 @@ function Hu(e, t, n) {
 	});
 	return i.rotateX(Math.PI / 2), i.center(), i;
 }
-function Uu(e, t, n, r) {
+function Wu(e, t, n, r) {
 	let i = Math.min(.22, Math.max(0, Number(n) || 0));
 	if (!i) return new Dr(t, e, 1, 32);
 	let a = [new V(0, -.5)];
@@ -13706,7 +13761,7 @@ function Uu(e, t, n, r) {
 	}
 	return a.push(new V(0, .5)), new $i(a, 32);
 }
-function Wu(e, t) {
+function Gu(e, t) {
 	if (!t) return e;
 	let n = Math.min(.72, Math.max(0, Number(t) * 3)), r = e.attributes.position;
 	for (let e = 0; e < r.count; e++) {
@@ -13715,36 +13770,36 @@ function Wu(e, t) {
 	}
 	return r.needsUpdate = !0, e.computeVertexNormals(), e;
 }
-function Gu(e, t = 0, n = 4, r = [
+function Ku(e, t = 0, n = 4, r = [
 	1,
 	1,
 	1
 ]) {
 	let i = Number(t) || 0, a = Math.max(2, Math.round(Number(n) || 4));
 	switch (e) {
-		case "cylinder": return i ? Uu(.5, .5, i, a) : new Dr(.5, .5, 1, 32);
-		case "cone": return i ? Uu(0, .5, i, a) : new Or(.5, 1, 32);
+		case "cylinder": return i ? Wu(.5, .5, i, a) : new Dr(.5, .5, 1, 32);
+		case "cone": return i ? Wu(0, .5, i, a) : new Or(.5, 1, 32);
 		case "frustum-cone":
-		case "truncated-cone": return i ? Uu(.28, .5, i, a) : new Dr(.28, .5, 1, 32);
+		case "truncated-cone": return i ? Wu(.28, .5, i, a) : new Dr(.28, .5, 1, 32);
 		case "frustum-pyramid":
 		case "truncated-pyramid": return new Dr(.28, .5, 1, 4);
 		case "frustum-triangle": return new Dr(.28, .5, 1, 3);
-		case "prism": return i ? Hu(6, i, a) : new Dr(.5, .5, 1, 6);
-		case "pyramid-square": return i ? Wu(new Or(.5, 1, 4), i) : new Or(.5, 1, 4);
-		case "pyramid-triangle": return i ? Wu(new Or(.5, 1, 3), i) : new Or(.5, 1, 3);
+		case "prism": return i ? Uu(6, i, a) : new Dr(.5, .5, 1, 6);
+		case "pyramid-square": return i ? Gu(new Or(.5, 1, 4), i) : new Or(.5, 1, 4);
+		case "pyramid-triangle": return i ? Gu(new Or(.5, 1, 3), i) : new Or(.5, 1, 3);
 		case "sphere": return new na(.5, 24, 16);
-		case "octahedron": return Wu(new ea(.5), i);
-		case "dodecahedron": return Wu(new Ar(.5), i);
-		case "icosahedron": return Wu(new Qi(.5), i);
-		default: return i ? Vu(i, a, r) : new Pn(1, 1, 1);
+		case "octahedron": return Gu(new ea(.5), i);
+		case "dodecahedron": return Gu(new Ar(.5), i);
+		case "icosahedron": return Gu(new Qi(.5), i);
+		default: return i ? Hu(i, a, r) : new Pn(1, 1, 1);
 	}
 }
-function Ku(e) {
+function qu(e) {
 	e.computeBoundingBox();
 	let t = e.boundingBox?.getSize(new U());
 	return !t || !t.x || !t.y || !t.z ? e : (e.scale(1 / t.x, 1 / t.y, 1 / t.z), e.computeBoundingBox(), e);
 }
-function qu(e, t) {
+function Ju(e, t) {
 	let n = e.geometryOptions || e.geometry_options || e.parameters || {}, r = {};
 	for (let [e, n] of Object.entries(t?.parameters || {})) n && Object.hasOwn(n, "default") && (r[e] = n.default);
 	return {
@@ -13752,10 +13807,10 @@ function qu(e, t) {
 		...n && typeof n == "object" ? n : {}
 	};
 }
-function Ju(e, t, n) {
+function Yu(e, t, n) {
 	return typeof e != "string" || !e ? n : t[e] || e;
 }
-function Yu(e, t = "#ffffff", n = "transparent") {
+function Xu(e, t = "#ffffff", n = "transparent") {
 	let r = document.createElement("canvas");
 	r.width = 256, r.height = 256;
 	let i = r.getContext("2d");
@@ -13763,8 +13818,8 @@ function Yu(e, t = "#ffffff", n = "transparent") {
 	let a = new wr(r);
 	return a.colorSpace = y, a;
 }
-var Xu = /^[AaCcHhLlMmQqSsTtVvZz]$/, Zu = /[-+]?(?:\d*\.\d+|\d+\.?)(?:[eE][-+]?\d+)?|[AaCcHhLlMmQqSsTtVvZz]/g;
-function Qu(e, t, n, r, i, a, o, s, c) {
+var Zu = /^[AaCcHhLlMmQqSsTtVvZz]$/, Qu = /[-+]?(?:\d*\.\d+|\d+\.?)(?:[eE][-+]?\d+)?|[AaCcHhLlMmQqSsTtVvZz]/g;
+function $u(e, t, n, r, i, a, o, s, c) {
 	let l = Math.abs(Number(n)), u = Math.abs(Number(r));
 	if (!l || !u || e === s && t === c) return [[s, c]];
 	let d = Number(i || 0) * Math.PI / 180, f = Math.cos(d), p = Math.sin(d), m = (e - s) / 2, h = (t - c) / 2, g = f * m + p * h, _ = -p * m + f * h, v = Math.sqrt(Math.max(1, g * g / (l * l) + _ * _ / (u * u)));
@@ -13780,12 +13835,12 @@ function Qu(e, t, n, r, i, a, o, s, c) {
 		return [w + f * l * r - p * u * i, T + p * l * r + f * u * i];
 	});
 }
-function $u(e) {
-	let t = String(e || "").match(Zu) || [], n = new Ja(), r = 0, i = "", a = "", o = 0, s = 0, c = 0, l = 0, u = 0, d = 0, f = 0, p = 0, m = () => r < t.length && !Xu.test(t[r]), h = () => Number(t[r++]), g = () => {
+function ed(e) {
+	let t = String(e || "").match(Qu) || [], n = new Ja(), r = 0, i = "", a = "", o = 0, s = 0, c = 0, l = 0, u = 0, d = 0, f = 0, p = 0, m = () => r < t.length && !Zu.test(t[r]), h = () => Number(t[r++]), g = () => {
 		let e = t[r];
 		return /^[01].+/.test(e) ? (t[r] = e.slice(1), e[0] === "1") : h() !== 0;
 	}, _ = (e, t, n) => [n ? o + e : e, n ? s + t : t];
-	for (; r < t.length && (Xu.test(t[r]) && (i = t[r++]), i);) {
+	for (; r < t.length && (Zu.test(t[r]) && (i = t[r++]), i);) {
 		let e = i.toLowerCase(), t = i === e;
 		if (e === "z") {
 			n.currentPath?.closePath(), o = c, s = l, a = i, i = "";
@@ -13825,7 +13880,7 @@ function $u(e) {
 		}
 		else if (e === "a") for (; m();) {
 			let e = h(), r = h(), c = h(), l = g(), u = g(), [d, f] = _(h(), h(), t);
-			for (let [t, i] of Qu(o, s, e, r, c, l, u, d, f)) n.lineTo(t, -i);
+			for (let [t, i] of $u(o, s, e, r, c, l, u, d, f)) n.lineTo(t, -i);
 			o = d, s = f, a = i;
 		}
 		else break;
@@ -13833,12 +13888,12 @@ function $u(e) {
 	}
 	return n;
 }
-function ed(e, t = {}) {
+function td(e, t = {}) {
 	let n = String(e || "").match(/<path\b[^>]*>/gi) || [], r = [];
 	for (let e of n) {
 		let t = e.match(/\bd\s*=\s*(["'])([\s\S]*?)\1/i);
 		if (!t) continue;
-		let n = $u(t[2]);
+		let n = ed(t[2]);
 		r.push(...n.toShapes(!0, !1));
 	}
 	if (!r.length) return new Pn(1, 1, .12);
@@ -13853,33 +13908,33 @@ function ed(e, t = {}) {
 	});
 	return a.center(), a;
 }
-function td(e) {
-	return e.shape === "plane" ? new ta(1, 1) : e.shape === "svg-extrude" ? ed(e.svg, e) : Gu(e.shape || e.geometry || "box", e.radius, e.segments, e.size);
+function nd(e) {
+	return e.shape === "plane" ? new ta(1, 1) : e.shape === "svg-extrude" ? td(e.svg, e) : Ku(e.shape || e.geometry || "box", e.radius, e.segments, e.size);
 }
-var nd = /* @__PURE__ */ new Map(), rd = 12582912, id = 0;
-function ad(e) {
-	let t = nd.get(e);
-	return t && (nd.delete(e), nd.set(e, t)), t;
+var rd = /* @__PURE__ */ new Map(), id = 12582912, ad = 0;
+function od(e) {
+	let t = rd.get(e);
+	return t && (rd.delete(e), rd.set(e, t)), t;
 }
-function od(e, t, n) {
+function sd(e, t, n) {
 	if (!/^https?:\/\//i.test(e)) return;
 	let r = t.width * t.height;
-	if (r > rd) return;
-	let i = nd.get(e);
-	for (i && (id -= i.canvas.width * i.canvas.height), nd.delete(e), nd.set(e, {
+	if (r > id) return;
+	let i = rd.get(e);
+	for (i && (ad -= i.canvas.width * i.canvas.height), rd.delete(e), rd.set(e, {
 		canvas: t,
 		aspect: n
-	}), id += r; id > rd;) {
-		let e = nd.keys().next().value;
-		id -= nd.get(e).canvas.width * nd.get(e).canvas.height, nd.delete(e);
+	}), ad += r; ad > id;) {
+		let e = rd.keys().next().value;
+		ad -= rd.get(e).canvas.width * rd.get(e).canvas.height, rd.delete(e);
 	}
 }
-function sd(e, t, n, r) {
+function cd(e, t, n, r) {
 	let i = e.imageFit || e.fit || "stretch", a = Math.abs(Number(e.size?.[0])) || 1, o = Math.abs(Number(e.size?.[1])) || 1, s = a / o;
 	i === "cover" ? r > s ? (n.repeat.set(s / r, 1), n.offset.set((1 - n.repeat.x) / 2, 0)) : (n.repeat.set(1, r / s), n.offset.set(0, (1 - n.repeat.y) / 2)) : i === "contain" && t && (r > s ? t.scale.y = a / r : t.scale.x = o * r);
 }
-function cd(e, t, n, r, i) {
-	let a = qu(t, e), o = {
+function ld(e, t, n, r, i) {
+	let a = Ju(t, e), o = {
 		...n,
 		...e.palette || {},
 		...t.geometryPalette || t.geometry_palette || {}
@@ -13894,11 +13949,11 @@ function cd(e, t, n, r, i) {
 	if (!c.length) throw Error(`Geometry '${e.id}' did not produce any parts.`);
 	let l = new $n(), u = [], d = [];
 	for (let a of c) {
-		let s = td(a);
-		Ku(s);
-		let c = a.color || "component", f = Ju(c, o, n.component || Wl.component), p = a.emissive || "#000000", m = new aa({
+		let s = nd(a);
+		qu(s);
+		let c = a.color || "component", f = Yu(c, o, n.component || Gl.component), p = a.emissive || "#000000", m = new aa({
 			color: f,
-			emissive: Ju(p, o, "#000000"),
+			emissive: Yu(p, o, "#000000"),
 			emissiveIntensity: Number.isFinite(Number(a.emissiveIntensity)) ? Math.max(0, Number(a.emissiveIntensity)) : 0,
 			roughness: Number.isFinite(Number(a.roughness)) ? Number(a.roughness) : .72,
 			metalness: Number.isFinite(Number(a.metalness)) ? Number(a.metalness) : .06,
@@ -13907,8 +13962,8 @@ function cd(e, t, n, r, i) {
 			side: a.doubleSided ? 2 : 0
 		}), h, g = a.icon, _ = a.image, v = null;
 		if (typeof _ == "string" && _) {
-			if (v = ad(_), m.map = new Ae(v?.canvas || new Image()), !v) {
-				let n = m.map.image;
+			if (v = od(_), m.map = v ? new wr(v.canvas) : a.fallbackIcon ? Xu(a.fallbackIcon) : new Ae(new Image()), !v) {
+				let n = a.fallbackIcon ? new Image() : m.map.image;
 				n.crossOrigin = "anonymous";
 				let o = !1, s = null, c = /^\s*<svg(?:\s|>)/i.test(_) || /^data:image\/svg\+xml/i.test(_) || /\.svg(?:[?#]|$)/i.test(_), l = new AbortController(), u = () => {
 					s &&= (URL.revokeObjectURL(s), null);
@@ -13919,12 +13974,13 @@ function cd(e, t, n, r, i) {
 						u();
 						return;
 					}
+					let s = n;
 					if (c) try {
 						let e = (n.naturalWidth || 1) / Math.max(1, n.naturalHeight || 1), t = 1024, r = document.createElement("canvas");
 						r.width = e >= 1 ? t : Math.max(1, Math.round(t * e)), r.height = e >= 1 ? Math.max(1, Math.round(t / e)) : t;
 						let i = r.getContext("2d");
 						if (!i) throw Error("Canvas 2D is unavailable");
-						i.clearRect(0, 0, r.width, r.height), i.drawImage(n, 0, 0, r.width, r.height), m.map.image = r, od(_, r, n.naturalWidth / Math.max(1, n.naturalHeight));
+						i.clearRect(0, 0, r.width, r.height), i.drawImage(n, 0, 0, r.width, r.height), s = r, sd(_, r, n.naturalWidth / Math.max(1, n.naturalHeight));
 					} catch (n) {
 						i?.({
 							code: "SVG_RASTERIZE_FAILED",
@@ -13932,11 +13988,15 @@ function cd(e, t, n, r, i) {
 							entityId: t.id,
 							image: _,
 							error: n
-						});
+						}), a.fallbackIcon && (s = null);
 					}
 					u();
-					let s = n.naturalWidth / Math.max(1, n.naturalHeight);
-					sd(a, h, m.map, s), m.map.needsUpdate = !0, r?.();
+					let l = n.naturalWidth / Math.max(1, n.naturalHeight);
+					if (s) {
+						let e = m.map, t = s === n ? new Ae(n) : new wr(s);
+						t.colorSpace = y, cd(a, h, t, l), t.needsUpdate = !0, m.map = t, m.needsUpdate = !0, e.dispose();
+					}
+					r?.();
 				}, p = () => {
 					d(), u(), o || (i?.({
 						code: "IMAGE_LOAD_FAILED",
@@ -13972,7 +14032,7 @@ function cd(e, t, n, r, i) {
 				})();
 			}
 			m.map.colorSpace = y, m.needsUpdate = !0;
-		} else g != null && g !== "" && (m.map = Yu(g, Ju(a.iconColor || "#ffffff", o, "#ffffff"), Ju(a.iconBackground || "transparent", o, "transparent")), m.transparent = !0, m.needsUpdate = !0);
+		} else g != null && g !== "" && (m.map = Xu(g, Yu(a.iconColor || "#ffffff", o, "#ffffff"), Yu(a.iconBackground || "transparent", o, "transparent")), m.transparent = !0, m.needsUpdate = !0);
 		if (h = new jn(s, m), h.position.fromArray(Array.isArray(a.position) ? a.position : [
 			0,
 			0,
@@ -13981,7 +14041,7 @@ function cd(e, t, n, r, i) {
 			1,
 			1,
 			1
-		]), v && sd(a, h, m.map, v.aspect), Array.isArray(a.rotation) && h.rotation.set(...a.rotation.map(Number)), l.add(h), d.push(h), u.push({
+		]), v && cd(a, h, m.map, v.aspect), Array.isArray(a.rotation) && h.rotation.set(...a.rotation.map(Number)), l.add(h), d.push(h), u.push({
 			material: m,
 			value: c,
 			emissiveValue: p,
@@ -14009,23 +14069,23 @@ function cd(e, t, n, r, i) {
 		descriptor: s
 	};
 }
-var ld = Object.freeze([
+var ud = Object.freeze([
 	"auto",
 	"top",
 	"bottom",
 	"left",
 	"right"
 ]);
-function ud(e) {
+function dd(e) {
 	let t = String(e || "auto").trim().toLowerCase();
-	return ld.includes(t) ? t : "auto";
+	return ud.includes(t) ? t : "auto";
 }
-function dd(e = {}, t = {}) {
-	let n = e.style?.label?.anchor ?? e.labelAnchor ?? e.label_anchor, r = mu(e.type) ? "auto" : t?.label?.anchor ?? "bottom";
-	return ud(n ?? r);
+function fd(e = {}, t = {}) {
+	let n = e.style?.label?.anchor ?? e.labelAnchor ?? e.label_anchor, r = hu(e.type) ? "auto" : t?.label?.anchor ?? "bottom";
+	return dd(n ?? r);
 }
-function fd(e, t, n, r, i = .025) {
-	let a = ud(e);
+function pd(e, t, n, r, i = .025) {
+	let a = dd(e);
 	if (a === "auto") return null;
 	let o = Math.max(0, Number(t?.x) || 0), s = Math.max(0, Number(t?.y) || 0);
 	Math.max(0, Number(n) || 0);
@@ -14052,7 +14112,7 @@ function fd(e, t, n, r, i = .025) {
 		backRotation: Math.PI / 2
 	};
 }
-function pd(e, t, n = null, r = .08) {
+function md(e, t, n = null, r = .08) {
 	let i = (Number(e?.x) || 0) - (Number(t?.x) || 0), a = (Number(e?.y) || 0) - (Number(t?.y) || 0), o = (Number(e?.z) || 0) - (Number(t?.z) || 0), s = Math.hypot(i, a, o), c = [
 		"front",
 		"back",
@@ -14068,7 +14128,7 @@ function pd(e, t, n = null, r = .08) {
 	let d = Math.max(0, Math.min(.5, Number(r) || 0));
 	return c.includes(n) && l[n] > 0 && l[n] + d >= l[u] ? n : l[u] > 0 ? u : c.includes(n) ? n : "front";
 }
-function md(e, t, n, r = "", i = !0) {
+function hd(e, t, n, r = "", i = !0) {
 	let a = document.createElement("canvas"), o = a.getContext("2d"), s = n.x * .88, c = Math.min(.82, n.y * .64);
 	a.width = Math.ceil(s * 320), a.height = Math.ceil(c * 320), o.imageSmoothingEnabled = !0, o.imageSmoothingQuality = "high", o.clearRect(0, 0, a.width, a.height);
 	let l = a.height * .62;
@@ -14105,7 +14165,7 @@ function md(e, t, n, r = "", i = !0) {
 	let C = new jn(b, v);
 	C.rotation.y = Math.PI, C.position.set(0, n.y / 2 - .09 - c / 2, -n.z / 2 - .012);
 	let w = new jn(b, v.clone());
-	w.rotation.x = -Math.PI / 2, w.position.set(0, n.y / 2 + .012, 0), w.visible = mu(r), x.add(S, C, w);
+	w.rotation.x = -Math.PI / 2, w.position.set(0, n.y / 2 + .012, 0), w.visible = hu(r), x.add(S, C, w);
 	for (let e of [
 		S,
 		C,
@@ -14113,7 +14173,7 @@ function md(e, t, n, r = "", i = !0) {
 	]) e.renderOrder = 20, e.frustumCulled = !1, e.material.depthTest = !0, e.material.depthWrite = !1, e.material.transparent = !0;
 	return x.renderOrder = 20, x.frustumCulled = !1, x.userData.front = S, x.userData.back = C, x.userData.top = w, x.userData.height = c, x.userData.width = s, x.userData.textOffsetX = h, x.userData.textOffsetY = g, x.userData.nodeLabel = !0, x;
 }
-function hd(e, t, n, r) {
+function gd(e, t, n, r) {
 	if (!r || r === "transparent" || !e?.fillRect) return;
 	let i = typeof r == "string" ? { color: r } : r, a = i.fade || i.color || "#0a111a", o = i.glow || a;
 	if (e.save?.(), e.globalCompositeOperation = "destination-over", o !== a && e.createRadialGradient && e.scale) {
@@ -14123,7 +14183,7 @@ function hd(e, t, n, r) {
 	} else e.fillStyle = a, e.fillRect(0, 0, t, n);
 	e.restore?.();
 }
-function gd(e) {
+function _d(e) {
 	for (let t = 0; t < e.length; t += 4) {
 		let n = e[t + 3];
 		if (!n || n === 255) continue;
@@ -14131,7 +14191,7 @@ function gd(e) {
 		e[t] = Math.min(255, Math.round(e[t] * r)), e[t + 1] = Math.min(255, Math.round(e[t + 1] * r)), e[t + 2] = Math.min(255, Math.round(e[t + 2] * r));
 	}
 }
-function _d(e, t, n, r = 8192) {
+function vd(e, t, n, r = 8192) {
 	let i = Math.max(1, Math.min(4, Number(n) || 1));
 	if (i === 1 || !e?.getPixelRatio || !e?.getSize || !e?.setPixelRatio || !e?.setSize) return null;
 	let a = e.getPixelRatio(), o = {
@@ -14147,12 +14207,12 @@ function _d(e, t, n, r = 8192) {
 		e.setPixelRatio(a), e.setSize(o.x, o.y, !1);
 	});
 }
-function vd(e, t, n, r = globalThis.document, i = {}) {
+function yd(e, t, n, r = globalThis.document, i = {}) {
 	if (!e || !t || !n || !r?.createElement) return null;
 	let a = null;
 	try {
 		let o = e.getContext?.();
-		a = _d(e, o, i.scale, i.maximumDimension), e.render(t, n);
+		a = vd(e, o, i.scale, i.maximumDimension), e.render(t, n);
 		let s = e.getContext?.(), c = s?.drawingBufferWidth || e.domElement?.width || 0, l = s?.drawingBufferHeight || e.domElement?.height || 0;
 		if (!s?.readPixels || !c || !l) return null;
 		let u = new Uint8Array(c * l * 4);
@@ -14166,7 +14226,7 @@ function vd(e, t, n, r = globalThis.document, i = {}) {
 			let t = l - e - 1;
 			p.data.set(u.subarray(t * m, (t + 1) * m), e * m);
 		}
-		return s.getContextAttributes?.().premultipliedAlpha !== !1 && gd(p.data), f.putImageData(p, 0, 0), hd(f, c, l, i.background), d;
+		return s.getContextAttributes?.().premultipliedAlpha !== !1 && _d(p.data), f.putImageData(p, 0, 0), gd(f, c, l, i.background), d;
 	} catch {
 		return null;
 	} finally {
@@ -14175,14 +14235,14 @@ function vd(e, t, n, r = globalThis.document, i = {}) {
 		} catch {}
 	}
 }
-function yd(e) {
+function bd(e) {
 	return e?.toBlob ? new Promise((t, n) => {
 		e.toBlob((e) => {
 			e ? t(e) : n(/* @__PURE__ */ Error("Atlas could not encode the captured view as PNG."));
 		}, "image/png");
 	}) : Promise.reject(/* @__PURE__ */ Error("PNG capture is unavailable in this browser."));
 }
-function bd(e, t = {}) {
+function xd(e, t = {}) {
 	let n = Object.hasOwn(t, "documentRef") ? t.documentRef : globalThis.document, r = Object.hasOwn(t, "urlRef") ? t.urlRef : globalThis.URL;
 	if (!n?.createElement || !r?.createObjectURL) throw Error("PNG download is unavailable in this browser.");
 	let i = String(t.filename || "atlas-view.png"), a = r.createObjectURL(e), o = n.createElement("a");
@@ -14196,8 +14256,8 @@ function bd(e, t = {}) {
 	}
 	return i;
 }
-var xd = class extends HTMLElement {
-	static version = Ul;
+var Sd = class extends HTMLElement {
+	static version = Wl;
 	static get observedAttributes() {
 		return [
 			"height",
@@ -14215,23 +14275,23 @@ var xd = class extends HTMLElement {
 		];
 	}
 	static registerGeometryPack(e) {
-		return lu(e);
+		return uu(e);
 	}
 	static unregisterGeometryPack(e) {
-		return uu(e);
+		return du(e);
 	}
 	static getGeometryCatalog() {
-		return du();
+		return fu();
 	}
 	static getGeometryPackCatalog() {
-		return fu();
+		return pu();
 	}
 	constructor() {
-		super(), this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = "<style>" + Tu + ".toolbar{max-width:calc(100% - 16px);overflow:visible}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-group+.toolbar-group{padding-left:6px;border-left:1px solid #38515f}.toolbar .toolbar-icon{display:grid;width:30px;padding:0;place-items:center}.toolbar-icon svg,.toolbar-menu>summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.toolbar-menu{position:relative}.toolbar-menu>summary{display:flex;align-items:center;height:30px;padding:0 8px;gap:6px;border-radius:5px;color:var(--lc-toolbar-text,#dbe7ec);cursor:pointer;list-style:none;user-select:none}.toolbar-menu>summary::-webkit-details-marker{display:none}.toolbar-menu>summary:hover,.toolbar-menu[open]>summary{background:var(--lc-toolbar-active,#1f3d4b);color:var(--lc-toolbar-active-text,#c5f2e9)}.toolbar-menu-status{max-width:92px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.toolbar-menu-chevron{width:10px;height:10px!important;transition:transform .16s ease}.toolbar-menu[open] .toolbar-menu-chevron{transform:rotate(180deg)}.toolbar-popover{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;min-width:218px;padding:6px;border:1px solid var(--lc-toolbar-border,#3a5062);border-radius:9px;background:var(--lc-toolbar-bg,#15232ff7);box-shadow:0 14px 36px #0009}.toolbar-popover-title{padding:7px 9px 5px;color:var(--lc-hint,#8da6b8);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.toolbar .toolbar-option{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;width:100%;height:auto;min-height:34px;padding:7px 9px;text-align:left}.toolbar-option span:first-child{overflow:hidden;text-overflow:ellipsis}.toolbar-option-check{color:var(--lc-toolbar-active-text,#c5f2e9);font-weight:700;text-align:center;visibility:hidden}.toolbar-option.active .toolbar-option-check{visibility:visible}.toolbar-option-separator{height:1px;margin:5px 7px;background:#38515f}.toolbar button[disabled]{opacity:.42;cursor:not-allowed}@media(max-width:620px){.toolbar-menu-status{display:none}.toolbar-menu>summary{width:30px;padding:0;justify-content:center}.toolbar-menu-chevron{display:none}.toolbar-group+.toolbar-group{padding-left:3px}.toolbar-popover{right:-4px}}.toolbar-group[data-toolbar-group=navigation]{position:relative}.toolbar-group[hidden]{display:none}.atlas-history-popover{position:absolute;left:0;bottom:calc(100% + 8px);min-width:250px;max-width:min(360px,80vw);max-height:300px;overflow:auto;padding:6px;border:1px solid var(--lc-toolbar-border,#3a5062);border-radius:9px;background:var(--lc-toolbar-bg,#15232ff7);box-shadow:0 14px 36px #0009;z-index:12}.atlas-history-popover[hidden]{display:none}.atlas-history-popover .history-heading{padding:7px 9px 5px;color:var(--lc-hint,#8da6b8);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.toolbar .atlas-history-popover button{display:block;width:100%;height:auto;padding:8px 9px;text-align:left;white-space:normal;overflow-wrap:anywhere}.atlas-history-popover small{display:block;opacity:.65;font-size:10px}.atlas-jump{position:absolute;z-index:9;display:grid;place-items:center;width:34px;height:34px;border:1px solid #73d9c7;border-radius:50%;background:#173e49;color:#c8fff2;box-shadow:0 4px 16px #0009;cursor:pointer}.atlas-jump[hidden]{display:none}.atlas-jump:hover,.atlas-jump:focus-visible{background:#286776;outline:2px solid #c8fff2}.atlas-jump svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.panel .rich-content{color:var(--lc-panel-text,#b5c6d2);font-size:14px;line-height:1.55}.panel .rich-content h1,.panel .rich-content h2,.panel .rich-content h3{color:var(--lc-panel-title,#e9f0f5);letter-spacing:normal;margin:14px 0 8px}.panel .rich-content a{color:#6ad7c0}.panel .rich-content pre{overflow:auto;padding:8px;background:#091622;border-radius:5px}.panel .rich-content code{font-size:.9em}.panel .rich-content ul,.panel .rich-content ol{padding-left:20px}.document-navigation{position:absolute;top:12px;right:12px;z-index:10;display:flex;padding:5px;border:1px solid var(--lc-toolbar-border,#3a5062);border-radius:8px;background:var(--lc-toolbar-bg,#15232fe8)}.document-navigation[hidden],:host([navigation-controls=external]) .document-navigation{display:none!important}.document-navigation button{display:grid;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:5px;background:none;color:var(--lc-toolbar-text,#dbe7ec);cursor:pointer}.document-navigation button:hover{background:var(--lc-toolbar-active,#1f3d4b);color:var(--lc-toolbar-active-text,#c5f2e9)}.document-navigation button:disabled{opacity:.42;cursor:not-allowed}.document-navigation svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.document-navigation .atlas-history-popover{top:calc(100% + 8px);right:0;bottom:auto;left:auto}.document-navigation .atlas-history-popover button{display:block;width:100%;height:auto;padding:8px 9px;text-align:left;white-space:normal;overflow-wrap:anywhere}@media print{.document-navigation,.atlas-jump{display:none!important}}" + Eu + Sl + "</style>" + Fu, this.shadowRoot.querySelector("[data-toolbar-group=\"focus\"]")?.insertAdjacentHTML?.("afterend", Pu), this.shadowRoot.querySelector("[data-toolbar-group=\"navigation\"]")?.insertAdjacentHTML?.("afterend", "<div class=\"toolbar-group\" data-toolbar-group=\"mode\"><button data-action=\"view-mode\" aria-label=\"Switch to 2D diagram\" title=\"Switch to 2D diagram\">2D</button></div>"), this.shadowRoot.querySelector("[data-toolbar-group=\"camera\"]")?.insertAdjacentHTML?.("beforebegin", Tl), this.shadowRoot.querySelector(".viewport")?.insertAdjacentHTML?.("afterbegin", "<div class=\"diagram-view\" aria-label=\"Interactive 2D diagram\" hidden><div class=\"diagram-content\"></div></div>"), this.canvas = this.shadowRoot.querySelector("canvas"), this.panel = this.shadowRoot.querySelector(".panel"), this.scene = new nr(), this.camera = new qn(30, 1, .1, 2e3), this.cameraPosition = new U(), this.cameraTarget = new U(), this.raycaster = new Ga(), this.pointer = new V(), this.nodes = /* @__PURE__ */ new Map(), this.open = /* @__PURE__ */ new Set(), this._initialOpenContainers = /* @__PURE__ */ new Set(), this.selected = null, this.selectedRelationIndex = null, this.modelData = null, this.documentUri = null, this.documentResolver = null, this.contentResolver = null, this._visits = [], this._visitIndex = -1, this._navigationToken = 0, this._contentToken = 0, this._historyPressTimer = null, this._historyLongPress = !1, this._loading = !1, this._pendingSelection = null, this._theme = Cu(), this.relationMode = yu(this.getAttribute("relation-mode")), this.relationMarker = vu(this.getAttribute("relation-marker")), this.visibleRelationGroups = null, this.focusFilter = hu({
+		super(), this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = "<style>" + Eu + ".toolbar{max-width:calc(100% - 16px);overflow:visible}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-group+.toolbar-group{padding-left:6px;border-left:1px solid #38515f}.toolbar .toolbar-icon{display:grid;width:30px;padding:0;place-items:center}.toolbar-icon svg,.toolbar-menu>summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.toolbar-menu{position:relative}.toolbar-menu>summary{display:flex;align-items:center;height:30px;padding:0 8px;gap:6px;border-radius:5px;color:var(--lc-toolbar-text,#dbe7ec);cursor:pointer;list-style:none;user-select:none}.toolbar-menu>summary::-webkit-details-marker{display:none}.toolbar-menu>summary:hover,.toolbar-menu[open]>summary{background:var(--lc-toolbar-active,#1f3d4b);color:var(--lc-toolbar-active-text,#c5f2e9)}.toolbar-menu-status{max-width:92px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.toolbar-menu-chevron{width:10px;height:10px!important;transition:transform .16s ease}.toolbar-menu[open] .toolbar-menu-chevron{transform:rotate(180deg)}.toolbar-popover{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;min-width:218px;padding:6px;border:1px solid var(--lc-toolbar-border,#3a5062);border-radius:9px;background:var(--lc-toolbar-bg,#15232ff7);box-shadow:0 14px 36px #0009}.toolbar-popover-title{padding:7px 9px 5px;color:var(--lc-hint,#8da6b8);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.toolbar .toolbar-option{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;width:100%;height:auto;min-height:34px;padding:7px 9px;text-align:left}.toolbar-option span:first-child{overflow:hidden;text-overflow:ellipsis}.toolbar-option-check{color:var(--lc-toolbar-active-text,#c5f2e9);font-weight:700;text-align:center;visibility:hidden}.toolbar-option.active .toolbar-option-check{visibility:visible}.toolbar-option-separator{height:1px;margin:5px 7px;background:#38515f}.toolbar button[disabled]{opacity:.42;cursor:not-allowed}@media(max-width:620px){.toolbar-menu-status{display:none}.toolbar-menu>summary{width:30px;padding:0;justify-content:center}.toolbar-menu-chevron{display:none}.toolbar-group+.toolbar-group{padding-left:3px}.toolbar-popover{right:-4px}}.toolbar-group[data-toolbar-group=navigation]{position:relative}.toolbar-group[hidden]{display:none}.atlas-history-popover{position:absolute;left:0;bottom:calc(100% + 8px);min-width:250px;max-width:min(360px,80vw);max-height:300px;overflow:auto;padding:6px;border:1px solid var(--lc-toolbar-border,#3a5062);border-radius:9px;background:var(--lc-toolbar-bg,#15232ff7);box-shadow:0 14px 36px #0009;z-index:12}.atlas-history-popover[hidden]{display:none}.atlas-history-popover .history-heading{padding:7px 9px 5px;color:var(--lc-hint,#8da6b8);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.toolbar .atlas-history-popover button{display:block;width:100%;height:auto;padding:8px 9px;text-align:left;white-space:normal;overflow-wrap:anywhere}.atlas-history-popover small{display:block;opacity:.65;font-size:10px}.atlas-jump{position:absolute;z-index:9;display:grid;place-items:center;width:34px;height:34px;border:1px solid #73d9c7;border-radius:50%;background:#173e49;color:#c8fff2;box-shadow:0 4px 16px #0009;cursor:pointer}.atlas-jump[hidden]{display:none}.atlas-jump:hover,.atlas-jump:focus-visible{background:#286776;outline:2px solid #c8fff2}.atlas-jump svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.panel .rich-content{color:var(--lc-panel-text,#b5c6d2);font-size:14px;line-height:1.55}.panel .rich-content h1,.panel .rich-content h2,.panel .rich-content h3{color:var(--lc-panel-title,#e9f0f5);letter-spacing:normal;margin:14px 0 8px}.panel .rich-content a{color:#6ad7c0}.panel .rich-content pre{overflow:auto;padding:8px;background:#091622;border-radius:5px}.panel .rich-content code{font-size:.9em}.panel .rich-content ul,.panel .rich-content ol{padding-left:20px}.document-navigation{position:absolute;top:12px;right:12px;z-index:10;display:flex;padding:5px;border:1px solid var(--lc-toolbar-border,#3a5062);border-radius:8px;background:var(--lc-toolbar-bg,#15232fe8)}.document-navigation[hidden],:host([navigation-controls=external]) .document-navigation{display:none!important}.document-navigation button{display:grid;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:5px;background:none;color:var(--lc-toolbar-text,#dbe7ec);cursor:pointer}.document-navigation button:hover{background:var(--lc-toolbar-active,#1f3d4b);color:var(--lc-toolbar-active-text,#c5f2e9)}.document-navigation button:disabled{opacity:.42;cursor:not-allowed}.document-navigation svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.document-navigation .atlas-history-popover{top:calc(100% + 8px);right:0;bottom:auto;left:auto}.document-navigation .atlas-history-popover button{display:block;width:100%;height:auto;padding:8px 9px;text-align:left;white-space:normal;overflow-wrap:anywhere}@media print{.document-navigation,.atlas-jump{display:none!important}}" + Du + Sl + "</style>" + Iu, this.shadowRoot.querySelector("[data-toolbar-group=\"focus\"]")?.insertAdjacentHTML?.("afterend", Fu), this.shadowRoot.querySelector("[data-toolbar-group=\"navigation\"]")?.insertAdjacentHTML?.("afterend", "<div class=\"toolbar-group\" data-toolbar-group=\"mode\"><button data-action=\"view-mode\" aria-label=\"Switch to 2D diagram\" title=\"Switch to 2D diagram\">2D</button></div>"), this.shadowRoot.querySelector("[data-toolbar-group=\"camera\"]")?.insertAdjacentHTML?.("beforebegin", Tl), this.shadowRoot.querySelector(".viewport")?.insertAdjacentHTML?.("afterbegin", "<div class=\"diagram-view\" aria-label=\"Interactive 2D diagram\" hidden><div class=\"diagram-content\"></div></div>"), this.canvas = this.shadowRoot.querySelector("canvas"), this.panel = this.shadowRoot.querySelector(".panel"), this.scene = new nr(), this.camera = new qn(30, 1, .1, 2e3), this.cameraPosition = new U(), this.cameraTarget = new U(), this.raycaster = new Ga(), this.pointer = new V(), this.nodes = /* @__PURE__ */ new Map(), this.open = /* @__PURE__ */ new Set(), this._initialOpenContainers = /* @__PURE__ */ new Set(), this.selected = null, this.selectedRelationIndex = null, this.modelData = null, this.documentUri = null, this.documentResolver = null, this.contentResolver = null, this._visits = [], this._visitIndex = -1, this._navigationToken = 0, this._contentToken = 0, this._historyPressTimer = null, this._historyLongPress = !1, this._loading = !1, this._pendingSelection = null, this._theme = wu(), this.relationMode = bu(this.getAttribute("relation-mode")), this.relationMarker = yu(this.getAttribute("relation-marker")), this.visibleRelationGroups = null, this.focusFilter = gu({
 			mode: this.getAttribute("focus-mode"),
 			effect: this.getAttribute("focus-effect"),
 			layout: this.getAttribute("focus-layout")
-		}), this.selectionMode = ["internal", "event"].includes(this.getAttribute("selection-mode")) ? this.getAttribute("selection-mode") : "internal", this.selectionNavigation = gu(this.getAttribute("selection-navigation")), this.itemFacing = _u(this.getAttribute("item-facing")), this.showShellLabels = this.getAttribute("shell-labels") !== "false", this.yaw = .37, this.pitch = .22, this.zoom = 1, this.targetZoom = 1, this.focus = new U(), this.targetFocus = new U(), this.drag = null, this.pointers = /* @__PURE__ */ new Map(), this.relationGroup = new $n(), this.scene.add(this.relationGroup), this.relations = [], this.animationFrame = 0, this.ready = !1, this._toolbarVisible = this.getAttribute("toolbar") !== "off", this._panelVisible = this.getAttribute("panel") !== "off", this.toolbar = this.shadowRoot.querySelector(".toolbar"), this.viewMode = "3d", this.diagramView = new Il(this), this.navigationToolbar = this.shadowRoot.querySelector(".document-navigation"), this.navigationToolbar.append(this.toolbar.querySelector("[data-toolbar-group=\"navigation\"]")), this.jumpButton = this.shadowRoot.querySelector(".atlas-jump"), this.historyPopover = this.shadowRoot.querySelector(".atlas-history-popover"), this._outsideHistoryListener = (e) => {
+		}), this.selectionMode = ["internal", "event"].includes(this.getAttribute("selection-mode")) ? this.getAttribute("selection-mode") : "internal", this.selectionNavigation = _u(this.getAttribute("selection-navigation")), this.itemFacing = vu(this.getAttribute("item-facing")), this.showShellLabels = this.getAttribute("shell-labels") !== "false", this.yaw = .37, this.pitch = .22, this.zoom = 1, this.targetZoom = 1, this.focus = new U(), this.targetFocus = new U(), this.drag = null, this.pointers = /* @__PURE__ */ new Map(), this.relationGroup = new $n(), this.scene.add(this.relationGroup), this.relations = [], this.animationFrame = 0, this.ready = !1, this._toolbarVisible = this.getAttribute("toolbar") !== "off", this._panelVisible = this.getAttribute("panel") !== "off", this.toolbar = this.shadowRoot.querySelector(".toolbar"), this.viewMode = "3d", this.diagramView = new Il(this), this.navigationToolbar = this.shadowRoot.querySelector(".document-navigation"), this.navigationToolbar.append(this.toolbar.querySelector("[data-toolbar-group=\"navigation\"]")), this.jumpButton = this.shadowRoot.querySelector(".atlas-jump"), this.historyPopover = this.shadowRoot.querySelector(".atlas-history-popover"), this._outsideHistoryListener = (e) => {
 			e.composedPath().includes(this.navigationToolbar) || this._closeHistoryPopover();
 		}, this._copyStatusTimer = null, this._printState = null, this._beforePrintListener = () => this.prepareForPrint(), this._afterPrintListener = () => this.restoreAfterPrint(), this._printMedia = globalThis.matchMedia?.("print") || null, this._printMediaListener = (e) => e.matches ? this.prepareForPrint() : this.restoreAfterPrint(), this._geometryRegistryListener = () => {
 			this.ready && this.modelData && this._build();
@@ -14248,7 +14308,7 @@ var xd = class extends HTMLElement {
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
-			if (e === "height" && this.style.setProperty("--lc-height", n || "680px"), e === "relation-mode" && this.ready && this.setRelationMode(n || "selected"), e === "relation-marker" && vu(n) !== this.relationMarker && this.setRelationMarker(n, { source: "attribute" }), e === "selection-mode" && this.setSelectionMode(n || "internal"), e === "selection-navigation" && this.setSelectionNavigation(n), e === "item-facing" && _u(n) !== this.itemFacing && this.setItemFacing(n, { source: "attribute" }), e === "focus-mode" && n !== this.focusFilter.mode && this.setFocusFilter({ mode: n }), e === "focus-effect" && n !== this.focusFilter.effect && this.setFocusFilter({ effect: n }), e === "focus-layout" && n !== this.focusFilter.layout && this.setFocusFilter({ layout: n }), e === "shell-labels" && this.ready) {
+			if (e === "height" && this.style.setProperty("--lc-height", n || "680px"), e === "relation-mode" && this.ready && this.setRelationMode(n || "selected"), e === "relation-marker" && yu(n) !== this.relationMarker && this.setRelationMarker(n, { source: "attribute" }), e === "selection-mode" && this.setSelectionMode(n || "internal"), e === "selection-navigation" && this.setSelectionNavigation(n), e === "item-facing" && vu(n) !== this.itemFacing && this.setItemFacing(n, { source: "attribute" }), e === "focus-mode" && n !== this.focusFilter.mode && this.setFocusFilter({ mode: n }), e === "focus-effect" && n !== this.focusFilter.effect && this.setFocusFilter({ effect: n }), e === "focus-layout" && n !== this.focusFilter.layout && this.setFocusFilter({ layout: n }), e === "shell-labels" && this.ready) {
 				let e = n !== "false";
 				e !== this.showShellLabels && (this.showShellLabels = e, this._build({
 					preserveSelection: this.selected?.id,
@@ -14272,6 +14332,10 @@ var xd = class extends HTMLElement {
 		if (e !== null && typeof e != "function") throw TypeError("Content resolver must be a function.");
 		return this.contentResolver = e, this;
 	}
+	setNavigationGuard(e) {
+		if (e !== null && typeof e != "function") throw TypeError("Navigation guard must be a function.");
+		return this.navigationGuard = e, this;
+	}
 	setDocumentUri(e) {
 		return this.documentUri = Ll(e).uri, this._visits = [this._captureVisit()], this._visitIndex = 0, this._syncDocumentToolbar(), this._renderPanel(), this;
 	}
@@ -14281,57 +14345,116 @@ var xd = class extends HTMLElement {
 			model: this.modelData ? structuredClone(this.modelData) : null,
 			camera: this.getCameraView(),
 			open: [...this.open],
-			selection: this.selection
+			selection: this.selection,
+			context: this._documentContext ? structuredClone(this._documentContext) : null,
+			viewMode: this.viewMode,
+			diagram: this.diagramView ? this.captureDiagramView() : null,
+			diagramViewport: this.diagramView ? {
+				zoom: this.diagramView.zoom,
+				scrollLeft: this.diagramView.root?.scrollLeft,
+				scrollTop: this.diagramView.root?.scrollTop
+			} : null,
+			focusFilter: this.focusFilter ? { ...this.focusFilter } : null,
+			relationMode: this.relationMode,
+			visibleRelationGroups: this.visibleRelationGroups === void 0 ? void 0 : this.visibleRelationGroups ? [...this.visibleRelationGroups] : null
 		};
 	}
+	_restoreVisitPresentation(e) {
+		this.setOpenContainers(e.open || [], {
+			emit: !1,
+			source: "studio"
+		}), e.selection?.kind === "entity" ? this.select(e.selection.id, {
+			emit: !1,
+			navigation: "preserve"
+		}) : e.selection?.kind === "relation" && this.selectRelation(e.selection.id, {
+			emit: !1,
+			navigation: "preserve"
+		}), e.focusFilter && this.setFocusFilter(e.focusFilter, {
+			emit: !1,
+			source: "studio"
+		}), e.relationMode !== void 0 && this.setRelationMode(e.relationMode), e.visibleRelationGroups !== void 0 && this.setVisibleRelationGroups(e.visibleRelationGroups, {
+			emit: !1,
+			source: "studio"
+		}), e.diagram && this.diagramView && this.setDiagramView(e.diagram), e.viewMode && this.diagramView && this.setViewMode(e.viewMode, {
+			emit: !1,
+			source: "studio"
+		}), e.diagramViewport && this.diagramView?.root && (this.diagramView.zoom = e.diagramViewport.zoom, this.diagramView.refresh(), this.diagramView.root.scrollLeft = e.diagramViewport.scrollLeft || 0, this.diagramView.root.scrollTop = e.diagramViewport.scrollTop || 0, this._positionJumpButton()), this.setCameraView(e.camera, { animate: !1 });
+	}
 	async openAtlas(e) {
-		let { uri: t, fragment: n } = Ll(e, this.documentUri);
-		if (!this.documentResolver) throw Error("No Atlas document resolver is configured.");
-		let r = ++this._navigationToken;
+		let t = ++this._navigationToken;
 		try {
-			let e = t === this.documentUri ? {
+			let { uri: n, fragment: r } = Ll(e, this.documentUri);
+			if (!this.documentResolver) throw Error("No Atlas document resolver is configured.");
+			if (await this.navigationGuard?.({
+				uri: n,
+				from: this.documentUri,
+				history: !1
+			}), t !== this._navigationToken) return this;
+			let i = n === this.documentUri ? {
 				model: this.modelData,
-				uri: t
+				uri: n,
+				context: this._documentContext
 			} : await this.documentResolver({
-				uri: t,
+				uri: n,
 				from: this.documentUri
 			});
-			if (r !== this._navigationToken) return this;
-			if (!e?.model) throw Error("Resolver did not return a model for " + t);
-			let i = Ll(e.uri || t).uri;
-			return this._visitIndex >= 0 && (this._visits[this._visitIndex] = this._captureVisit()), await this.load(e.model, {
+			if (t !== this._navigationToken) return this;
+			if (!i?.model) throw Error("Resolver did not return a model for " + n);
+			if (r && !i.model.entities?.some((e) => e.id === r)) throw Error("The linked Atlas element is unavailable: " + r);
+			let a = Ll(i.uri || n).uri;
+			return this._visitIndex >= 0 && (this._visits[this._visitIndex] = this._captureVisit()), await this.load(i.model, {
 				navigation: !0,
-				uri: i
-			}), r === this._navigationToken ? (this._visits = this._visits.slice(0, this._visitIndex + 1), n && this.select(n, { source: "atlas-link" }), this._visits.push(this._captureVisit()), this._visitIndex = this._visits.length - 1, this._syncDocumentToolbar(), this._renderPanel(), this._emit("lc-navigation", {
-				uri: i,
+				uri: a,
+				context: i.context
+			}), t === this._navigationToken ? (this._visits = this._visits.slice(0, this._visitIndex + 1), r && this.select(r, { source: "atlas-link" }), this._visits.push(this._captureVisit()), this._visitIndex = this._visits.length - 1, this._syncDocumentToolbar(), this._renderPanel(), this._emit("lc-navigation", {
+				uri: a,
+				context: this._documentContext,
 				index: this._visitIndex,
 				length: this._visits.length
 			}), this) : this;
-		} catch (t) {
+		} catch (n) {
+			if (t !== this._navigationToken) return this;
 			throw this._emit("lc-navigation-error", {
 				reference: e,
-				message: t.message
-			}), this.panel?.insertAdjacentHTML?.("afterbegin", "<p class=\"navigation-error\" role=\"alert\">" + Iu(t.message) + "</p>"), t;
+				message: n.message
+			}), this.panel?.insertAdjacentHTML?.("afterbegin", "<p class=\"navigation-error\" role=\"alert\">" + Lu(n.message) + "</p>"), n;
 		}
 	}
 	async _restoreVisit(e) {
 		if (!Number.isInteger(e) || e < 0 || e >= this._visits.length || (this._closeHistoryPopover(), e === this._visitIndex)) return this;
-		++this._navigationToken, this._visits[this._visitIndex] = this._captureVisit();
-		let t = this._visits[e];
-		return await this.load(t.model, {
+		let t = ++this._navigationToken, n = this._visits[e], r = {
+			uri: n.uri,
+			model: n.model,
+			context: n.context
+		};
+		try {
+			if (await this.navigationGuard?.({
+				uri: n.uri,
+				from: this.documentUri,
+				history: !0
+			}), Rl(n.uri).kind === "cloud" && (r = await this.documentResolver({
+				uri: n.uri,
+				from: this.documentUri,
+				history: !0
+			})), t !== this._navigationToken) return this;
+			if (!r?.model) throw Error("The linked Atlas model is unavailable.");
+		} catch (e) {
+			return t === this._navigationToken && this._emit("lc-navigation-error", {
+				reference: n.uri,
+				message: e.message
+			}), this;
+		}
+		return this._visits[this._visitIndex] = this._captureVisit(), await this.load(r.model, {
 			navigation: !0,
-			uri: t.uri
-		}), this._visitIndex = e, this._syncDocumentToolbar(), this.setOpenContainers(t.open, { emit: !1 }), t.selection?.kind === "entity" ? this.select(t.selection.id, {
-			emit: !1,
-			navigation: "preserve"
-		}) : t.selection?.kind === "relation" && this.selectRelation(t.selection.id, {
-			emit: !1,
-			navigation: "preserve"
-		}), this.setCameraView(t.camera, { animate: !1 }), this._renderPanel(), this._emit("lc-navigation", {
-			uri: t.uri,
+			uri: n.uri,
+			context: r.context
+		}), t === this._navigationToken ? (this._visitIndex = e, this._syncDocumentToolbar(), this._restoreVisitPresentation(n), this._renderPanel(), this._emit("lc-navigation", {
+			uri: n.uri,
+			context: this._documentContext,
+			restored: !0,
 			index: e,
 			length: this._visits.length
-		}), this;
+		}), this) : this;
 	}
 	goBack() {
 		return this._restoreVisit(this._visitIndex - 1);
@@ -14362,12 +14485,12 @@ var xd = class extends HTMLElement {
 			index: this._visitIndex
 		};
 	}
-	restoreNavigationState(e) {
+	restoreNavigationState(e, t = {}) {
 		if (!e || !Array.isArray(e.visits) || !Number.isInteger(e.index) || e.index < 0 || e.index >= e.visits.length || e.visits[e.index]?.uri !== this.documentUri) throw TypeError("Navigation state does not match the current Atlas document.");
-		return this._visits = structuredClone(e.visits), this._visitIndex = e.index, this._visits[this._visitIndex] = this._captureVisit(), this._syncDocumentToolbar(), this;
+		return this._visits = structuredClone(e.visits), this._visitIndex = e.index, this._documentContext = this._visits[e.index].context || null, t.restorePresentation && this._restoreVisitPresentation(this._visits[e.index]), this._visits[this._visitIndex] = this._captureVisit(), this._syncDocumentToolbar(), this;
 	}
 	_syncDocumentToolbar() {
-		let e = !!this.documentResolver && this._visitIndex >= 0, t = this.navigationToolbar?.querySelector("[data-toolbar-group=\"navigation\"]");
+		let e = !!this.documentResolver && this._visitIndex >= 0 && (!this._toolbarControls || this._toolbarControls.has("navigation")), t = this.navigationToolbar?.querySelector("[data-toolbar-group=\"navigation\"]");
 		t && (t.hidden = !e), this.navigationToolbar && (this.navigationToolbar.hidden = !e || !this.toolbarVisible);
 		for (let [t, n] of [
 			["atlas-home", e && this._visitIndex > 0],
@@ -14388,16 +14511,25 @@ var xd = class extends HTMLElement {
 		let n = e === "back" ? "Previous Atlas documents" : "Next Atlas documents";
 		this.historyPopover.innerHTML = "<div class=\"history-heading\">" + n + "</div>" + t.map((e) => {
 			let t = this._visits[e], n = t.uri || "", r = decodeURIComponent(n.split("/").pop() || "Atlas"), i = t.model?.title || t.model?.name || r;
-			return "<button type=\"button\" role=\"menuitem\" data-action=\"atlas-history-visit\" data-visit-index=\"" + e + "\"><span>" + Iu(i) + "</span><small>" + Iu(n) + "</small></button>";
+			return "<button type=\"button\" role=\"menuitem\" data-action=\"atlas-history-visit\" data-visit-index=\"" + e + "\"><span>" + Lu(i) + "</span><small>" + Lu(n) + "</small></button>";
 		}).join(""), this.historyPopover.hidden = !1;
 	}
 	_syncJumpButton() {
 		if (!this.jumpButton) return;
 		let e = this.selectedRelationIndex == null ? null : this.relations[this.selectedRelationIndex], t = this.selected || e, n = this.documentResolver && String(t?.atlasRef || "").trim();
-		this.jumpButton.hidden = !n, n ? (this.jumpButton.dataset.atlasRef = n, this.jumpButton.title = `Open linked Atlas · ${n}`, this.jumpButton.setAttribute("aria-label", `Open linked Atlas for ${t.name || t.label || "selection"}`)) : delete this.jumpButton.dataset.atlasRef;
+		this.jumpButton.hidden = !n, n ? (this.jumpButton.dataset.atlasRef = n, this.jumpButton.title = `Open linked Atlas · ${n}`, this.jumpButton.setAttribute("aria-label", `Open linked Atlas for ${t.name || t.label || "selection"}`)) : delete this.jumpButton.dataset.atlasRef, n && this.ready && this._positionJumpButton();
 	}
 	_positionJumpButton() {
 		if (!this.jumpButton || this.jumpButton.hidden) return;
+		if (this.viewMode === "2d") {
+			let e = this.relations[this.selectedRelationIndex], t = this.selected ? "entity" : "relation", n = this.selected?.id || e?.id, r = [...this.diagramView?.content?.querySelectorAll("[data-" + t + "]") || []].find((e) => e.dataset[t] === n), i = this.shadowRoot.querySelector(".viewport").getBoundingClientRect(), a = r?.getBoundingClientRect();
+			if (!a || !a.width || a.right < i.left || a.left > i.right || a.bottom < i.top || a.top > i.bottom) {
+				this.jumpButton.style.visibility = "hidden";
+				return;
+			}
+			this.jumpButton.style.visibility = "visible", this.jumpButton.style.left = Math.max(20, Math.min(i.width - 40, a.right - i.left + 8)) + "px", this.jumpButton.style.top = Math.max(20, Math.min(i.height - 40, a.top - i.top - 12)) + "px";
+			return;
+		}
 		let e;
 		if (this.selected) {
 			if (!this._isVisible(this.selected)) {
@@ -14434,14 +14566,14 @@ var xd = class extends HTMLElement {
 					from: this.documentUri,
 					format: e.format
 				})).then((i) => {
-					r === this._contentToken && (n.innerHTML = Hl({
+					r === this._contentToken && (n.innerHTML = Ul({
 						format: e.format,
 						value: i
 					}, { title: t }));
 				}).catch((e) => {
 					r === this._contentToken && (n.textContent = "Could not load content: " + e.message);
 				});
-			} else n.innerHTML = Hl(e, { title: t });
+			} else n.innerHTML = Ul(e, { title: t });
 		}
 	}
 	get selectedId() {
@@ -14465,14 +14597,14 @@ var xd = class extends HTMLElement {
 		} : null;
 	}
 	get palette() {
-		return this.modelData?.palette || { ...Wl };
+		return this.modelData?.palette || { ...Gl };
 	}
 	set palette(e) {
 		this.setPalette(e);
 	}
 	captureFrame(e = {}) {
-		let t = e.background === "theme" ? this.theme?.background || xu.background : e.background;
-		return vd(this.renderer, this.scene, this.camera, this.ownerDocument, {
+		let t = e.background === "theme" ? this.theme?.background || Su.background : e.background;
+		return yd(this.renderer, this.scene, this.camera, this.ownerDocument, {
 			...e,
 			background: t
 		});
@@ -14515,7 +14647,7 @@ var xd = class extends HTMLElement {
 		let t = e.svg ? { svg: e.svg } : this.exportDiagramSvg(e), n = await yl(t.svg, this.ownerDocument);
 		return {
 			...t,
-			blob: await yd(n)
+			blob: await bd(n)
 		};
 	}
 	async copyFrame(e = {}) {
@@ -14527,7 +14659,7 @@ var xd = class extends HTMLElement {
 				scale: n
 			});
 			if (!c) throw Error("Atlas could not capture the current WebGL view.");
-			let l = yd(c), u = "clipboard";
+			let l = bd(c), u = "clipboard";
 			if (o) try {
 				await i.clipboard.write([new a({ "image/png": l })]);
 			} catch (e) {
@@ -14536,7 +14668,7 @@ var xd = class extends HTMLElement {
 			}
 			else u = "download";
 			let d = await l;
-			u === "download" && bd(d, e);
+			u === "download" && xd(d, e);
 			let f = {
 				blob: d,
 				width: c.width,
@@ -14665,13 +14797,13 @@ var xd = class extends HTMLElement {
 		if (!e.size) return null;
 		for (let t of [...e]) {
 			let n = this.nodes.get(t);
-			n && mu(n.type) && this._descendantIds(t, e);
+			n && hu(n.type) && this._descendantIds(t, e);
 		}
 		let t = new Set(e);
 		for (let n of this.relations) (t.has(n.from) || t.has(n.to)) && (e.add(n.from), e.add(n.to));
 		for (let t of [...e]) {
 			let n = this.nodes.get(t);
-			n && mu(n.type) && this._descendantIds(t, e);
+			n && hu(n.type) && this._descendantIds(t, e);
 		}
 		for (let t of [...e]) {
 			let n = this.nodes.get(t)?.parent ? this.nodes.get(this.nodes.get(t).parent) : null;
@@ -14714,7 +14846,7 @@ var xd = class extends HTMLElement {
 	}
 	_syncRelationToolbar() {
 		if (!this.shadowRoot) return;
-		for (let e of Kl) {
+		for (let e of ql) {
 			let t = this.shadowRoot.querySelector(`[data-action="relations-${e}"]`);
 			if (!t) continue;
 			let n = e === this.relationMode;
@@ -14731,7 +14863,7 @@ var xd = class extends HTMLElement {
 		let t = this.modelData?.relationGroups || [], n = this.shadowRoot.querySelector("[data-relation-groups-section]"), r = this.shadowRoot.querySelector("[data-relation-groups]");
 		n && (n.hidden = t.length === 0), r && (r.innerHTML = t.map((e) => {
 			let t = !this.visibleRelationGroups || this.visibleRelationGroups.has(e.id);
-			return ku("relation-group-toggle", Iu(e.label || e.id), t).replace("data-action=\"relation-group-toggle\"", `data-action="relation-group-toggle" data-relation-group="${Iu(e.id)}"`);
+			return Au("relation-group-toggle", Lu(e.label || e.id), t).replace("data-action=\"relation-group-toggle\"", `data-action="relation-group-toggle" data-relation-group="${Lu(e.id)}"`);
 		}).join(""));
 	}
 	_syncPanelToolbar() {
@@ -14756,7 +14888,7 @@ var xd = class extends HTMLElement {
 		});
 	}
 	setFocusFilter(e = {}, t = {}) {
-		let n = hu({
+		let n = gu({
 			...this.focusFilter,
 			...e || {}
 		}), r = JSON.stringify(n) !== JSON.stringify(this.focusFilter);
@@ -14765,13 +14897,35 @@ var xd = class extends HTMLElement {
 	clearFocusFilter(e = {}) {
 		return this.setFocusFilter({ mode: "all" }, e);
 	}
+	_setToolbarControls(e) {
+		let t = Array.isArray(e) ? new Set(e.map((e) => String(e).trim())) : null;
+		if (this._toolbarControls = t, !this.toolbar) return;
+		let n = (...e) => !t || t.has("all") || e.some((e) => t.has(e)), r = this.toolbar, i = {
+			"view-mode": ["mode", "view-mode"],
+			minus: ["zoom", "minus"],
+			plus: ["zoom", "plus"],
+			fit: ["fit"],
+			front: ["front"],
+			"diagram-minus": ["zoom", "diagram-minus"],
+			"diagram-plus": ["zoom", "diagram-plus"],
+			"diagram-fit": ["fit", "diagram-fit"]
+		};
+		for (let e of r.querySelectorAll(".toolbar-group > button[data-action]")) e.hidden = !n(...i[e.dataset.action] || [e.dataset.action]);
+		for (let e of r.querySelectorAll(".toolbar-group > .toolbar-menu")) {
+			let t = e.dataset.toolbarMenu;
+			e.hidden = !n(t, t?.replace(/^diagram-/, "")), e.hidden && (e.open = !1);
+		}
+		for (let e of r.querySelectorAll(".toolbar-group:not([data-toolbar-group=\"navigation\"])")) e.hidden = !e.querySelector(":scope > button[data-action]:not([hidden]), :scope > .toolbar-menu:not([hidden])");
+		this._syncDocumentToolbar();
+	}
 	_applyModelRenderOptions() {
 		let e = {
 			...this.modelData?.render,
 			...this.modelData?.render?.views?.["3d"]
 		};
 		if (!e || typeof e != "object") return this;
-		Kl.includes(e.relationMode) && e.relationMode !== this.relationMode && this.setRelationMode(e.relationMode), vu(e.relationMarker) !== this.relationMarker && this.setRelationMarker(e.relationMarker, {
+		let t = this.modelData?.render?.ui?.toolbar ?? e.toolbar;
+		this._setToolbarControls(Array.isArray(t) ? t : this.modelData?.render?.ui?.controls), ql.includes(e.relationMode) && e.relationMode !== this.relationMode && this.setRelationMode(e.relationMode), yu(e.relationMarker) !== this.relationMarker && this.setRelationMarker(e.relationMarker, {
 			emit: !1,
 			source: "model"
 		}), Array.isArray(e.visibleRelationGroups) ? this.setVisibleRelationGroups(e.visibleRelationGroups, {
@@ -14781,8 +14935,8 @@ var xd = class extends HTMLElement {
 			emit: !1,
 			source: "model"
 		}), Object.hasOwn(e, "selectionMode") && e.selectionMode !== this.selectionMode && this.setSelectionMode(e.selectionMode);
-		let t = e.navigation?.onSelect ?? e.selectionNavigation;
-		return t != null && t !== this.selectionNavigation && this.setSelectionNavigation(t), Object.hasOwn(e, "toolbar") && e.toolbar !== !1 !== this.toolbarVisible && this.setToolbarVisible(e.toolbar !== !1), Object.hasOwn(e, "shellLabels") && e.shellLabels !== !1 !== this.showShellLabels && this.setShellLabels(e.shellLabels !== !1), Object.hasOwn(e, "itemFacing") && _u(e.itemFacing) !== this.itemFacing && this.setItemFacing(e.itemFacing, {
+		let n = e.navigation?.onSelect ?? e.selectionNavigation;
+		return n != null && n !== this.selectionNavigation && this.setSelectionNavigation(n), t !== void 0 && t !== !1 !== this.toolbarVisible && this.setToolbarVisible(t !== !1), Object.hasOwn(e, "shellLabels") && e.shellLabels !== !1 !== this.showShellLabels && this.setShellLabels(e.shellLabels !== !1), Object.hasOwn(e, "itemFacing") && vu(e.itemFacing) !== this.itemFacing && this.setItemFacing(e.itemFacing, {
 			emit: !1,
 			source: "model"
 		}), e.focus && this.setFocusFilter(e.focus, { emit: !1 }), this;
@@ -14795,10 +14949,10 @@ var xd = class extends HTMLElement {
 		}));
 	}
 	_containerEntityIds() {
-		return (this.modelData?.entities || []).filter((e) => mu(e.type)).map((e) => e.id);
+		return (this.modelData?.entities || []).filter((e) => hu(e.type)).map((e) => e.id);
 	}
 	_declaredOpenContainerIds() {
-		return (this.modelData?.entities || []).filter((e) => mu(e.type) && e.open === !0).map((e) => e.id);
+		return (this.modelData?.entities || []).filter((e) => hu(e.type) && e.open === !0).map((e) => e.id);
 	}
 	_emitContainerStateChange(e, t = {}) {
 		if (!e?.changed || t.emit === !1) return;
@@ -14860,7 +15014,7 @@ var xd = class extends HTMLElement {
 	}
 	_commitModelChange(e, t = {}, n = {}) {
 		let r = n.preserveSelection === !1 ? null : this.selected?.id, i = n.preserveSelection === !1 ? null : this._publicRelation(this.selectedRelationIndex), a = i?.id ?? i?.index ?? null;
-		this.modelData = Bu(this.modelData);
+		this.modelData = Vu(this.modelData);
 		let o = this._syncInitialContainerState({
 			refresh: !1,
 			emit: !1,
@@ -14877,7 +15031,7 @@ var xd = class extends HTMLElement {
 	}
 	updateModel(e = {}, t = {}) {
 		if (!e || typeof e != "object" || Array.isArray(e)) throw TypeError("The model patch must be an object.");
-		let n = this.modelData || Bu({}), r = JSON.stringify(n.render?.views?.["3d"]?.camera || n.render?.camera || null), i = JSON.stringify(n.render?.views?.["2d"] || null), a = n.render?.initialMode, o = {
+		let n = this.modelData || Vu({}), r = JSON.stringify(n.render?.views?.["3d"]?.camera || n.render?.camera || null), i = JSON.stringify(n.render?.views?.["2d"] || null), a = n.render?.initialMode, o = {
 			...n,
 			...e,
 			palette: e.palette ? {
@@ -14888,7 +15042,7 @@ var xd = class extends HTMLElement {
 			entities: Array.isArray(e.entities) ? e.entities : n.entities,
 			relations: Array.isArray(e.relations) ? e.relations : n.relations
 		};
-		this.modelData = Bu(o), this.theme = this.modelData.theme, this._commitModelChange("model-update", { patch: e }, t), this._applyModelRenderOptions();
+		this.modelData = Vu(o), this.theme = this.modelData.theme, this._commitModelChange("model-update", { patch: e }, t), this._applyModelRenderOptions();
 		let s = this.modelData.render?.views?.["3d"]?.camera || this.modelData.render?.camera;
 		return JSON.stringify(s || null) !== r && s && this.setCameraView(s, { animate: t.animateCamera !== !1 }), JSON.stringify(this.modelData.render?.views?.["2d"] || null) !== i && this.diagramView.setState(this.modelData.render?.views?.["2d"] || {}), this.modelData.render?.initialMode === a ? this.diagramView.refresh() : this.setViewMode(this.modelData.render?.initialMode === "2d" ? "2d" : "3d", {
 			emit: !1,
@@ -14897,7 +15051,7 @@ var xd = class extends HTMLElement {
 	}
 	addEntity(e, t = {}) {
 		if (!e || typeof e != "object" || !e.id) throw TypeError("The entity must include an id.");
-		if (this.modelData ||= Bu({}), this.modelData.entities.some((t) => t.id === e.id)) throw Error(`An entity with id "${e.id}" already exists.`);
+		if (this.modelData ||= Vu({}), this.modelData.entities.some((t) => t.id === e.id)) throw Error(`An entity with id "${e.id}" already exists.`);
 		if (e.parent && !this.modelData.entities.some((t) => t.id === e.parent)) throw Error(`Parent container "${e.parent}" does not exist.`);
 		return this.modelData.entities = [...this.modelData.entities, { ...e }], this._commitModelChange("entity-add", { entity: this._publicEntity(e.id) }, t);
 	}
@@ -14971,13 +15125,13 @@ var xd = class extends HTMLElement {
 		}, t);
 	}
 	zoomIn() {
-		return this.targetZoom = Math.min(Jl, this.targetZoom * 1.18), this.invalidate(), this;
+		return this.targetZoom = Math.min(Yl, this.targetZoom * 1.18), this.invalidate(), this;
 	}
 	zoomOut() {
-		return this.targetZoom = Math.max(ql, this.targetZoom / 1.18), this.invalidate(), this;
+		return this.targetZoom = Math.max(Jl, this.targetZoom / 1.18), this.invalidate(), this;
 	}
 	setSelectionNavigation(e) {
-		let t = gu(e);
+		let t = _u(e);
 		return this.selectionNavigation = t, this.getAttribute("selection-navigation") !== t && this.setAttribute("selection-navigation", t), this;
 	}
 	focusSelection(e = {}) {
@@ -14990,7 +15144,7 @@ var xd = class extends HTMLElement {
 		return t ? (this.targetFocus.copy(t), this.targetZoom = n, e.animate === !1 && (this.focus.copy(this.targetFocus), this.zoom = this.targetZoom), this.invalidate(), this) : this;
 	}
 	_applySelectionNavigation(e = this.selectionNavigation) {
-		let t = gu(e);
+		let t = _u(e);
 		if (t === "preserve") return this;
 		let n = this.targetZoom;
 		return this.focusSelection(), t === "center" && (this.targetZoom = n), this;
@@ -15015,7 +15169,7 @@ var xd = class extends HTMLElement {
 		return Math.max(29, 39.5 / Math.max(this.camera.aspect, .5));
 	}
 	getCameraView() {
-		let e = this.focus.clone(), t = this._baseCameraDistance() / Math.max(ql, this.zoom), n = new U(Math.sin(this.yaw) * Math.cos(this.pitch), Math.sin(this.pitch), Math.cos(this.yaw) * Math.cos(this.pitch)).multiplyScalar(t).add(e), r = (e) => e.map((e) => Number(e.toFixed(3)));
+		let e = this.focus.clone(), t = this._baseCameraDistance() / Math.max(Jl, this.zoom), n = new U(Math.sin(this.yaw) * Math.cos(this.pitch), Math.sin(this.pitch), Math.cos(this.yaw) * Math.cos(this.pitch)).multiplyScalar(t).add(e), r = (e) => e.map((e) => Number(e.toFixed(3)));
 		return {
 			position: r(n.toArray()),
 			target: r(e.toArray()),
@@ -15029,7 +15183,7 @@ var xd = class extends HTMLElement {
 		if (!(a > 1e-6)) return this;
 		this.yaw = Math.atan2(i.x, i.z), this.pitch = Math.asin(Math.max(-1, Math.min(1, i.y / a)));
 		let o = Number(e.zoom), s = Number.isFinite(o) && o > 0 ? o : this._baseCameraDistance() / a;
-		return this.targetFocus.copy(r), this.targetZoom = Math.max(ql, Math.min(Jl, s)), t.animate === !1 && (this.focus.copy(this.targetFocus), this.zoom = this.targetZoom), this.invalidate(), this;
+		return this.targetFocus.copy(r), this.targetZoom = Math.max(Jl, Math.min(Yl, s)), t.animate === !1 && (this.focus.copy(this.targetFocus), this.zoom = this.targetZoom), this.invalidate(), this;
 	}
 	restoreInitialCamera(e = {}) {
 		let t = this.modelData?.render?.views?.["3d"]?.camera || this.modelData?.render?.camera;
@@ -15046,7 +15200,7 @@ var xd = class extends HTMLElement {
 			t.expandByPoint(n.clone().sub(r)), t.expandByPoint(n.clone().add(r));
 		}
 		let n = t.isEmpty() ? new U() : t.getCenter(new U()), r = t.isEmpty() ? new U(1, 1, 1) : t.getSize(new U()), i = Math.max(1, r.length() / 2), a = de.degToRad(this.camera.fov), o = i / Math.sin(a / 2) * 1.12, s = this._baseCameraDistance();
-		return this.targetZoom = Math.max(ql, Math.min(Jl, s / o)), this.targetFocus.copy(n), e.animate === !1 && (this.zoom = this.targetZoom, this.focus.copy(this.targetFocus)), this.invalidate(), this;
+		return this.targetZoom = Math.max(Jl, Math.min(Yl, s / o)), this.targetFocus.copy(n), e.animate === !1 && (this.zoom = this.targetZoom, this.focus.copy(this.targetFocus)), this.invalidate(), this;
 	}
 	frontView() {
 		return this.yaw = 0, this.pitch = 0, this.invalidate(), this;
@@ -15062,7 +15216,7 @@ var xd = class extends HTMLElement {
 		return this.setShellLabels(!this.showShellLabels);
 	}
 	setItemFacing(e = "camera", t = {}) {
-		let n = _u(e), r = n !== this.itemFacing;
+		let n = vu(e), r = n !== this.itemFacing;
 		return this.itemFacing = n, this.getAttribute("item-facing") !== n && this.setAttribute("item-facing", n), this._syncItemFacingToolbar(), this._applyItemFacing(), this.invalidate(), r && t.emit !== !1 && this._emit("lc-item-facing-change", {
 			mode: n,
 			source: t.source || "api"
@@ -15072,7 +15226,7 @@ var xd = class extends HTMLElement {
 		return this.setItemFacing(this.itemFacing === "camera" ? "model" : "camera", e);
 	}
 	_applyItemFacing() {
-		if (this.camera) for (let e of this.nodes.values()) e.group && !mu(e.type) && (this.itemFacing === "camera" ? e.group.quaternion.copy(this.camera.quaternion) : e.group.quaternion.identity());
+		if (this.camera) for (let e of this.nodes.values()) e.group && !hu(e.type) && (this.itemFacing === "camera" ? e.group.quaternion.copy(this.camera.quaternion) : e.group.quaternion.identity());
 	}
 	isContainerOpen(e) {
 		return this._containerEntityIds().includes(e) && this.open.has(e);
@@ -15087,14 +15241,14 @@ var xd = class extends HTMLElement {
 	setContainerOpen(e, t = !0, n = {}) {
 		let r = this.modelData?.entities?.find((t) => t.id === e);
 		if (!r) throw Error(`No entity with id "${e}" exists.`);
-		if (!mu(r.type)) throw TypeError(`Entity "${e}" is not a container.`);
+		if (!hu(r.type)) throw TypeError(`Entity "${e}" is not a container.`);
 		let i = new Set(this.open);
 		if (t) i.add(e);
 		else if (i.delete(e), n.closeDescendants !== !1) for (let t of this.modelData.entities) {
 			let n = t.parent, r = /* @__PURE__ */ new Set();
 			for (; n && !r.has(n);) {
 				if (r.add(n), n === e) {
-					mu(t.type) && i.delete(t.id);
+					hu(t.type) && i.delete(t.id);
 					break;
 				}
 				n = this.modelData.entities.find((e) => e.id === n)?.parent || null;
@@ -15131,20 +15285,20 @@ var xd = class extends HTMLElement {
 		this.setTheme(e);
 	}
 	get theme() {
-		return this._theme || Cu();
+		return this._theme || wu();
 	}
 	set theme(e) {
-		this._theme = Cu(e), this.shadowRoot && this._applyTheme();
+		this._theme = wu(e), this.shadowRoot && this._applyTheme();
 	}
 	setTheme(e = {}) {
-		return this.theme = Su(this.theme, e), this.modelData && (this.modelData.theme = this.theme), this._applyLighting(), this.invalidate(), this;
+		return this.theme = Cu(this.theme, e), this.modelData && (this.modelData.theme = this.theme), this._applyLighting(), this.invalidate(), this;
 	}
 	_applyTheme() {
 		let e = this.theme, t = this.style;
 		t.setProperty("--lc-bg", e.background.color), t.setProperty("--lc-bg-glow", e.background.glow), t.setProperty("--lc-bg-fade", e.background.fade), t.setProperty("--lc-panel-bg", e.panel.background), t.setProperty("--lc-panel-border", e.panel.border), t.setProperty("--lc-panel-text", e.panel.text), t.setProperty("--lc-panel-title", e.panel.title), t.setProperty("--lc-toolbar-bg", e.toolbar.background), t.setProperty("--lc-toolbar-border", e.toolbar.border), t.setProperty("--lc-toolbar-text", e.toolbar.text), t.setProperty("--lc-toolbar-active", e.toolbar.active), t.setProperty("--lc-toolbar-active-text", e.toolbar.activeText), t.setProperty("--lc-crumb-bg", e.breadcrumbs.background), t.setProperty("--lc-crumb-text", e.breadcrumbs.text), t.setProperty("--lc-crumb-active", e.breadcrumbs.active), t.setProperty("--lc-crumb-active-text", e.breadcrumbs.activeText), t.setProperty("--lc-hint", e.hint);
 		let n = this.shadowRoot.querySelector(".atlas"), r = this.shadowRoot.querySelector(".toolbar"), i = this.shadowRoot.querySelector(".panel"), a = this.shadowRoot.querySelector(".hint");
 		n && (n.dataset.panel = this.panelVisible ? "visible" : "hidden");
-		let o = this.toolbarVisible, s = this.panelVisible, c = e.ui.hint !== !1;
+		let o = this.toolbarVisible, s = this.panelVisible, c = (this.modelData?.render?.ui?.hint ?? e.ui.hint) !== !1;
 		r && (r.dataset.hidden = String(!o), r.hidden = !o, r.style.setProperty("display", o ? "flex" : "none", "important")), this._syncDocumentToolbar(), i && (i.dataset.hidden = String(!s), i.hidden = !s), this._syncPanelToolbar(), a && (a.dataset.hidden = String(!c), a.hidden = !c), this.shadowRoot.querySelectorAll(".crumbs").forEach((t) => {
 			t.dataset.hidden = String(e.ui.breadcrumbs === !1), t.hidden = e.ui.breadcrumbs === !1;
 		});
@@ -15154,7 +15308,7 @@ var xd = class extends HTMLElement {
 		if (e) return this.load(e);
 		let t = this.querySelector("script[type=\"application/json\"]");
 		if (!t) return this.load({
-			palette: Wl,
+			palette: Gl,
 			entities: [],
 			relations: []
 		});
@@ -15168,7 +15322,7 @@ var xd = class extends HTMLElement {
 		this._loading = !0, this._pendingSelection = null;
 		try {
 			let n = typeof e == "string" ? await fetch(e).then((e) => e.json()) : e;
-			this.modelData = Bu(n), t.navigation ? this.documentUri = t.uri || null : (++this._navigationToken, this.documentUri = t.uri ? Ll(t.uri).uri : null, this._visits = [], this._visitIndex = -1), this._syncDocumentToolbar(), this.selected = null, this.selectedRelationIndex = null, this.open.clear(), this._initialOpenContainers.clear(), this._pendingPalette &&= (this.modelData.palette = {
+			this.modelData = Vu(n), this._documentContext = t.context || null, t.navigation ? this.documentUri = t.uri || null : (++this._navigationToken, this.documentUri = t.uri ? Ll(t.uri).uri : null, this._visits = [], this._visitIndex = -1), this._syncDocumentToolbar(), this.selected = null, this.selectedRelationIndex = null, this.open.clear(), this._initialOpenContainers.clear(), this._pendingPalette &&= (this.modelData.palette = {
 				...this.modelData.palette,
 				...this._pendingPalette
 			}, null), this.theme = this.modelData.theme, this._applyTheme(), this._syncInitialContainerState({
@@ -15205,9 +15359,9 @@ var xd = class extends HTMLElement {
 	}
 	_applyLighting() {
 		if (!this.ambientLight || !this.directionalLight) return;
-		let e = this.theme?.lighting || xu.lighting;
+		let e = this.theme?.lighting || Su.lighting;
 		this.ambientLight.color.set(e.ambientSky), this.ambientLight.groundColor.set(e.ambientGround), this.ambientLight.intensity = Number(e.ambient) || 0, this.directionalLight.color.set(e.directionalColor), this.directionalLight.intensity = Number(e.directional) || 0;
-		let t = Array.isArray(e.directionalPosition) ? e.directionalPosition : xu.lighting.directionalPosition;
+		let t = Array.isArray(e.directionalPosition) ? e.directionalPosition : Su.lighting.directionalPosition;
 		this.directionalLight.position.fromArray(t);
 	}
 	_worldPosition(e, t = /* @__PURE__ */ new Set()) {
@@ -15244,7 +15398,7 @@ var xd = class extends HTMLElement {
 					...e.geometryPalette || {},
 					...e.geometryPaletteOverrides || {}
 				};
-				n.material.color.set(Ju(n.value, r, t)), n.material.emissive && n.emissiveValue && n.material.emissive.set(Ju(n.emissiveValue, r, "#000000"));
+				n.material.color.set(Yu(n.value, r, t)), n.material.emissive && n.emissiveValue && n.material.emissive.set(Yu(n.emissiveValue, r, "#000000"));
 			}
 		}
 	}
@@ -15257,19 +15411,19 @@ var xd = class extends HTMLElement {
 		for (let e of this.modelData.entities) {
 			let t = this.nodes.get(e.id);
 			t.group = new $n(), t.group.position.copy(this._worldPosition(t));
-			let n = e.geometry || "box", r = pu(n), i = !r && n.includes("."), a = i ? "#ed8f98" : this.modelData.palette[e.c] || e.c || this.modelData.palette.component;
+			let n = e.geometry || "box", r = mu(n), i = !r && n.includes("."), a = i ? "#ed8f98" : this.modelData.palette[e.c] || e.c || this.modelData.palette.component;
 			i && this.dispatchEvent(new CustomEvent("lc-warning", { detail: {
 				code: "GEOMETRY_NOT_REGISTERED",
 				geometry: n,
 				entityId: e.id
 			} }));
-			let o = r?.primitive || n, s = r && !r.primitive && !mu(e.type);
+			let o = r?.primitive || n, s = r && !r.primitive && !hu(e.type);
 			if (t.geometryDefinition = r || null, t.geometryMissing = i, t.geometryPalette = r?.palette || {}, t.geometryPaletteOverrides = e.geometryPalette || e.geometry_palette || {}, t.ports = {
 				...r?.anchors || {},
 				...e.ports || {}
 			}, s) {
 				try {
-					let n = cd(r, e, this.modelData.palette, () => this._geometryContentUpdated(), (e) => this.dispatchEvent(new CustomEvent("lc-warning", { detail: e })));
+					let n = ld(r, e, this.modelData.palette, () => this._geometryContentUpdated(), (e) => this.dispatchEvent(new CustomEvent("lc-warning", { detail: e })));
 					n.root.scale.multiply(new U().fromArray(e.s)), t.appearanceMaterials = [], n.root.traverse((e) => {
 						if (!(e.isMesh || e.isLine || e.isLineSegments || e.isSprite)) return;
 						e.userData.node = t;
@@ -15290,7 +15444,7 @@ var xd = class extends HTMLElement {
 						entityId: e.id,
 						error: r
 					} }));
-					let i = Ku(Gu("box"));
+					let i = qu(Ku("box"));
 					t.material = new aa({
 						color: "#ed8f98",
 						roughness: .72,
@@ -15299,13 +15453,13 @@ var xd = class extends HTMLElement {
 				}
 				t.labelSize = new U().fromArray(e.s);
 			} else {
-				let n = o === "box" && Number(e.radius) > 0, r = Gu(o, e.radius, e.segments, e.s);
-				n || Ku(r), t.material = new aa({
+				let n = o === "box" && Number(e.radius) > 0, r = Ku(o, e.radius, e.segments, e.s);
+				n || qu(r), t.material = new aa({
 					color: a,
 					roughness: .72,
 					metalness: .06,
 					transparent: !0,
-					opacity: mu(e.type) ? .96 : 1
+					opacity: hu(e.type) ? .96 : 1
 				}), t.mesh = new jn(r, t.material), t.mesh.scale.fromArray(n ? [
 					1,
 					1,
@@ -15320,7 +15474,7 @@ var xd = class extends HTMLElement {
 					1
 				] : e.s), t.group.add(t.edge);
 			}
-			t.label = md(e.name, a, t.labelSize, e.type, this.showShellLabels), t.labelAnchor = dd(e, this.modelData.style), t.label.userData.node = t, t.label.traverse((e) => {
+			t.label = hd(e.name, a, t.labelSize, e.type, this.showShellLabels), t.labelAnchor = fd(e, this.modelData.style), t.label.userData.node = t, t.label.traverse((e) => {
 				e.userData.node = t;
 			}), t.group.add(t.label), this.scene.add(t.group);
 		}
@@ -15372,14 +15526,14 @@ var xd = class extends HTMLElement {
 		for (; n.length;) {
 			let e = n.shift();
 			e && !r.has(e) && (r.add(e), this.relations.forEach((a, o) => {
-				let s = wu(a) === "bidirectional", c = null;
+				let s = Tu(a) === "bidirectional", c = null;
 				t === "callers" ? a.to === e ? c = a.from : s && a.from === e && (c = a.to) : a.from === e ? c = a.to : s && a.to === e && (c = a.from), c && (i.add(o), r.has(c) || n.push(c));
 			}));
 		}
 		return [...i].sort((e, t) => e - t);
 	}
 	_createRelationMarker(e, t, n, r = this.relationMarker) {
-		let i = vu(r), a = new jn(i === "ring" ? new ra(.068, .018, 8, 20) : new Or(.09, .22, 12), new an({
+		let i = yu(r), a = new jn(i === "ring" ? new ra(.068, .018, 8, 20) : new Or(.09, .22, 12), new an({
 			color: e,
 			transparent: !0,
 			opacity: t,
@@ -15388,8 +15542,8 @@ var xd = class extends HTMLElement {
 		return a.quaternion.setFromUnitVectors(o, n), a.userData.relationMarker = i, a.userData.markerAxis = o, a;
 	}
 	_relationColor(e) {
-		let t = this.modelData?.palette || Wl, n = (this.modelData?.relationGroups || []).find((t) => t.id === e.group)?.color;
-		return new Y(t[n] || n || t.connection || Wl.connection);
+		let t = this.modelData?.palette || Gl, n = (this.modelData?.relationGroups || []).find((t) => t.id === e.group)?.color;
+		return new Y(t[n] || n || t.connection || Gl.connection);
 	}
 	_relationBundleIndexes(e = this.selectedRelationIndex) {
 		let t = this._relationIndex(e), n = this.relations[t];
@@ -15452,7 +15606,7 @@ var xd = class extends HTMLElement {
 				o.userData.relationBundle = e.map((e) => e.index), o.renderOrder = 14, this.relationGroup.add(o);
 			}
 			e.forEach((n, r) => {
-				let { index: i, relation: a, start: o, end: s, delta: c, focusAlpha: l } = n, u = wu(a), d = i === this.selectedRelationIndex, f = this._relationCurve(o, s, r, e.length), p = u === "broken" ? new Y(14965603) : this._relationColor(a), m = (e, n = .055, r = .88) => {
+				let { index: i, relation: a, start: o, end: s, delta: c, focusAlpha: l } = n, u = Tu(a), d = i === this.selectedRelationIndex, f = this._relationCurve(o, s, r, e.length), p = u === "broken" ? new Y(14965603) : this._relationColor(a), m = (e, n = .055, r = .88) => {
 					let a = new an({
 						color: e,
 						transparent: !0,
@@ -15462,7 +15616,7 @@ var xd = class extends HTMLElement {
 					});
 					d && (a.color.lerp(new Y(16777215), .28), a.opacity = 1);
 					let o = new jn(new ia(f, t ? 20 : 10, d ? n * 1.45 : n, 6, !1), a);
-					return o.renderOrder = Yl, o.userData.relationIndex = i, o.userData.relationConductor = t, this.relationGroup.add(o), o;
+					return o.renderOrder = Xl, o.userData.relationIndex = i, o.userData.relationConductor = t, this.relationGroup.add(o), o;
 				}, h = new jn(new ia(f, t ? 20 : 10, t ? .095 : .16, 6, !1), new an({
 					transparent: !0,
 					opacity: 0,
@@ -15476,7 +15630,7 @@ var xd = class extends HTMLElement {
 					let e = Math.min(.18, Math.max(.07, c.length() * .018)), n = t ? 1 : 3;
 					for (let t = 0; t < n; t++) {
 						let r = (t + 1) / (n + 1), a = f.getPoint(r), o = f.getTangent(r).normalize(), s = this._createRelationMarker(p, (d ? 1 : .9) * l, o);
-						s.userData.relationIndex = i, s.userData.phase = t / n, s.userData.oscillate = !0, s.userData.start = a.clone().sub(o.clone().multiplyScalar(e)), s.userData.end = a.clone().add(o.clone().multiplyScalar(e)), s.renderOrder = Yl, this.relationGroup.add(s);
+						s.userData.relationIndex = i, s.userData.phase = t / n, s.userData.oscillate = !0, s.userData.start = a.clone().sub(o.clone().multiplyScalar(e)), s.userData.end = a.clone().add(o.clone().multiplyScalar(e)), s.renderOrder = Xl, this.relationGroup.add(s);
 					}
 					return;
 				}
@@ -15484,7 +15638,7 @@ var xd = class extends HTMLElement {
 				let g = t ? u === "bidirectional" ? 2 : 1 : 4;
 				for (let e = 0; e < g; e++) {
 					let t = u === "bidirectional" && e % 2 ? -1 : 1, n = (e + 1) / (g + 1), r = f.getTangent(n).normalize(), a = this._createRelationMarker(p, (d ? 1 : .9) * l, r.clone().multiplyScalar(t));
-					a.userData.relationIndex = i, a.userData.phase = e / g, a.userData.direction = t, a.userData.start = o.clone(), a.userData.end = s.clone(), a.userData.curve = f, a.renderOrder = Yl, this.relationGroup.add(a);
+					a.userData.relationIndex = i, a.userData.phase = e / g, a.userData.direction = t, a.userData.start = o.clone(), a.userData.end = s.clone(), a.userData.curve = f, a.renderOrder = Xl, this.relationGroup.add(a);
 				}
 			});
 		}
@@ -15494,11 +15648,11 @@ var xd = class extends HTMLElement {
 		this._syncJumpButton();
 		let e = this.selectedRelationIndex === null ? null : this.relations[this.selectedRelationIndex];
 		if (e) {
-			let t = wu(e), n = (this.modelData.relationGroups || []).find((t) => t.id === e.group), r = new Map((this.modelData.relationGroups || []).map((e) => [e.id, e])), i = this.getRelationBundle(this.selectedRelationIndex), a = e.content ? "<div class=\"rich-content\" data-rich-content></div>" : e.text ? "<p>" + Iu(e.text) + "</p>" : "", o = Lu(e.url), s = n ? "<h3>GRUPO</h3><p>" + Iu(n.label || n.id) + "</p>" : "", c = i.map(({ index: e, relation: t }) => {
-				let n = r.get(t.group), i = [n?.label || n?.id || "Ungrouped", wu(t)].join(" · ");
-				return "<button class=\"relation" + (e === this.selectedRelationIndex ? " selected" : "") + "\" data-action=\"relation\" data-relation-index=\"" + e + "\"><strong>" + Iu(t.label || `${t.from} → ${t.to}`) + "</strong><small>" + Iu(i) + "</small></button>";
+			let t = Tu(e), n = (this.modelData.relationGroups || []).find((t) => t.id === e.group), r = new Map((this.modelData.relationGroups || []).map((e) => [e.id, e])), i = this.getRelationBundle(this.selectedRelationIndex), a = e.content ? "<div class=\"rich-content\" data-rich-content></div>" : e.text ? "<p>" + Lu(e.text) + "</p>" : "", o = Ru(e.url), s = n ? "<h3>GRUPO</h3><p>" + Lu(n.label || n.id) + "</p>" : "", c = i.map(({ index: e, relation: t }) => {
+				let n = r.get(t.group), i = [n?.label || n?.id || "Ungrouped", Tu(t)].join(" · ");
+				return "<button class=\"relation" + (e === this.selectedRelationIndex ? " selected" : "") + "\" data-action=\"relation\" data-relation-index=\"" + e + "\"><strong>" + Lu(t.label || `${t.from} → ${t.to}`) + "</strong><small>" + Lu(i) + "</small></button>";
 			}).join(""), l = i.length === 1 ? "1 connection" : `${i.length} connections`;
-			this.panel.innerHTML = "<button class=\"back\" data-action=\"overview\">← Overview</button><button data-action=\"focus-selection\">◎ Focus selection</button><div class=\"eyebrow\">RELATION</div><h2>" + Iu(e.label || `${e.from} → ${e.to}`) + "</h2><div class=\"sub\">" + Iu(e.from) + " → " + Iu(e.to) + "</div>" + a + o + s + "<h3>MODE</h3><p>" + Iu(t) + "</p><h3>VIRTUAL TUBE</h3><p>" + Iu(`${e.from} ↔ ${e.to} · ${l}`) + "</p>" + c, this._renderRichContent(e.content, e.label || `${e.from} → ${e.to}`), this.panel.querySelector("[data-action=\"overview\"]")?.addEventListener("click", () => this.reset()), this.panel.querySelector("[data-action=\"focus-selection\"]")?.addEventListener("click", () => this.focusSelection()), this.panel.querySelectorAll("[data-action=\"relation\"]").forEach((e) => e.addEventListener("click", () => this.selectRelation(Number(e.dataset.relationIndex), { source: "panel" }))), this._applyTheme();
+			this.panel.innerHTML = "<button class=\"back\" data-action=\"overview\">← Overview</button><button data-action=\"focus-selection\">◎ Focus selection</button><div class=\"eyebrow\">RELATION</div><h2>" + Lu(e.label || `${e.from} → ${e.to}`) + "</h2><div class=\"sub\">" + Lu(e.from) + " → " + Lu(e.to) + "</div>" + a + o + s + "<h3>MODE</h3><p>" + Lu(t) + "</p><h3>VIRTUAL TUBE</h3><p>" + Lu(`${e.from} ↔ ${e.to} · ${l}`) + "</p>" + c, this._renderRichContent(e.content, e.label || `${e.from} → ${e.to}`), this.panel.querySelector("[data-action=\"overview\"]")?.addEventListener("click", () => this.reset()), this.panel.querySelector("[data-action=\"focus-selection\"]")?.addEventListener("click", () => this.focusSelection()), this.panel.querySelectorAll("[data-action=\"relation\"]").forEach((e) => e.addEventListener("click", () => this.selectRelation(Number(e.dataset.relationIndex), { source: "panel" }))), this._applyTheme();
 			return;
 		}
 		let t = this.selected;
@@ -15508,11 +15662,11 @@ var xd = class extends HTMLElement {
 		}
 		let n = this.relations.filter((e) => e.from === t.id || e.to === t.id), r = this.modelData.entities.filter((e) => e.parent === t.id), i = [], a = /* @__PURE__ */ new Set(), o = t;
 		for (; o && !a.has(o.id);) a.add(o.id), i.unshift(o), o = o.parent ? this.nodes.get(o.parent) : null;
-		let s = "<nav class=\"crumbs\" aria-label=\"Model path\"><button data-action=\"overview\">Model</button>" + i.map((e, t) => "<span>/</span><button data-action=\"path\" data-id=\"" + Iu(e.id) + "\" class=\"" + (t === i.length - 1 ? "current" : "") + "\">" + Iu(e.name) + "</button>").join("") + "</nav>", c = n.map((e) => {
-			let n = this.relations.indexOf(e), r = e.text ? "<small>" + Iu(e.text) + "</small>" : "";
-			return "<button class=\"relation\" data-action=\"relation\" data-relation-index=\"" + n + "\"><strong>" + Iu(e.label || (e.from === t.id ? e.to : e.from)) + "</strong><small>" + Iu(e.from) + " → " + Iu(e.to) + "</small>" + r + "</button>";
+		let s = "<nav class=\"crumbs\" aria-label=\"Model path\"><button data-action=\"overview\">Model</button>" + i.map((e, t) => "<span>/</span><button data-action=\"path\" data-id=\"" + Lu(e.id) + "\" class=\"" + (t === i.length - 1 ? "current" : "") + "\">" + Lu(e.name) + "</button>").join("") + "</nav>", c = n.map((e) => {
+			let n = this.relations.indexOf(e), r = e.text ? "<small>" + Lu(e.text) + "</small>" : "";
+			return "<button class=\"relation\" data-action=\"relation\" data-relation-index=\"" + n + "\"><strong>" + Lu(e.label || (e.from === t.id ? e.to : e.from)) + "</strong><small>" + Lu(e.from) + " → " + Lu(e.to) + "</small>" + r + "</button>";
 		}).join("");
-		this.panel.innerHTML = s + "<button data-action=\"focus-selection\">◎ Focus selection</button><div class=\"eyebrow\">" + Iu(mu(t.type) ? "CONTAINER" : t.type === "actor" ? "EXTERNAL ACTOR" : "COMPONENT") + "</div><h2>" + Iu(t.name) + "</h2><div class=\"sub\">" + Iu(t.sub || "") + "</div>" + (t.content ? "<div class=\"rich-content\" data-rich-content></div>" : "<p>" + Iu(t.text || "") + "</p>") + Lu(t.url) + (mu(t.type) ? "<button data-action=\"toggle-shell\">" + (this.open.has(t.id) ? "Close container" : "Open container") + "</button>" : "") + (r.length ? "<h3>CONTAINS</h3><p>" + r.length + " internal item" + (r.length === 1 ? "" : "s") + ".</p>" : "") + "<h3>RELATIONS</h3>" + (c || "<p>No direct relations.</p>"), this._renderRichContent(t.content, t.name), this.panel.querySelectorAll("[data-action=\"overview\"]").forEach((e) => e.addEventListener("click", () => this.reset())), this.panel.querySelectorAll("[data-action=\"path\"]").forEach((e) => e.addEventListener("click", () => this.select(e.dataset.id))), this.panel.querySelectorAll("[data-action=\"relation\"]").forEach((e) => e.addEventListener("click", () => this.selectRelation(Number(e.dataset.relationIndex), { source: "panel" }))), this.panel.querySelector("[data-action=\"focus-selection\"]")?.addEventListener("click", () => this.focusSelection()), this.panel.querySelector("[data-action=\"toggle-shell\"]")?.addEventListener("click", () => {
+		this.panel.innerHTML = s + "<button data-action=\"focus-selection\">◎ Focus selection</button><div class=\"eyebrow\">" + Lu(hu(t.type) ? "CONTAINER" : t.type === "actor" ? "EXTERNAL ACTOR" : "COMPONENT") + "</div><h2>" + Lu(t.name) + "</h2><div class=\"sub\">" + Lu(t.sub || "") + "</div>" + (t.content ? "<div class=\"rich-content\" data-rich-content></div>" : "<p>" + Lu(t.text || "") + "</p>") + Ru(t.url) + (hu(t.type) ? "<button data-action=\"toggle-shell\">" + (this.open.has(t.id) ? "Close container" : "Open container") + "</button>" : "") + (r.length ? "<h3>CONTAINS</h3><p>" + r.length + " internal item" + (r.length === 1 ? "" : "s") + ".</p>" : "") + "<h3>RELATIONS</h3>" + (c || "<p>No direct relations.</p>"), this._renderRichContent(t.content, t.name), this.panel.querySelectorAll("[data-action=\"overview\"]").forEach((e) => e.addEventListener("click", () => this.reset())), this.panel.querySelectorAll("[data-action=\"path\"]").forEach((e) => e.addEventListener("click", () => this.select(e.dataset.id))), this.panel.querySelectorAll("[data-action=\"relation\"]").forEach((e) => e.addEventListener("click", () => this.selectRelation(Number(e.dataset.relationIndex), { source: "panel" }))), this.panel.querySelector("[data-action=\"focus-selection\"]")?.addEventListener("click", () => this.focusSelection()), this.panel.querySelector("[data-action=\"toggle-shell\"]")?.addEventListener("click", () => {
 			this.toggleContainer(t.id, { source: "panel" });
 		}), this._applyTheme();
 	}
@@ -15521,7 +15675,7 @@ var xd = class extends HTMLElement {
 		if (!n) return this;
 		let r = new Set(this.open), i = n.parent ? this.nodes.get(n.parent) : null;
 		for (; i;) r.add(i.id), i = i.parent ? this.nodes.get(i.parent) : null;
-		return this.selected = n, this.selectedRelationIndex = null, mu(n.type) && r.add(n.id), this._replaceOpenContainers(r, {
+		return this.selected = n, this.selectedRelationIndex = null, hu(n.type) && r.add(n.id), this._replaceOpenContainers(r, {
 			refresh: !1,
 			source: t.source || "api"
 		}), this._applySelectionNavigation(t.navigation), this._renderPanel(), this._rebuildRelations(), this._syncRelationToolbar(), this._syncFocusToolbar(), this.invalidate(), t.focusEvent !== !1 && this._emitFocusChange(t.source || "api"), t.emit !== !1 && this._emit("lc-select", {
@@ -15555,7 +15709,7 @@ var xd = class extends HTMLElement {
 		}), this;
 	}
 	setRelationMode(e) {
-		this.relationMode = yu(e), this.setAttribute("relation-mode", this.relationMode), this._syncRelationToolbar(), this._syncFocusToolbar(), this._rebuildRelations(), this.invalidate(), this.dispatchEvent(new CustomEvent("lc-relation-mode", { detail: { mode: this.relationMode } }));
+		this.relationMode = bu(e), this.setAttribute("relation-mode", this.relationMode), this._syncRelationToolbar(), this._syncFocusToolbar(), this._rebuildRelations(), this.invalidate(), this.dispatchEvent(new CustomEvent("lc-relation-mode", { detail: { mode: this.relationMode } }));
 	}
 	setVisibleRelationGroups(e = null, t = {}) {
 		let n = new Set((this.modelData?.relationGroups || []).map((e) => e.id)), r = e == null ? null : new Set(Array.from(e).map((e) => String(e)).filter((e) => n.has(e))), i = r && n.size > 0 && r.size === n.size ? null : r, a = this.visibleRelationGroups ? [...this.visibleRelationGroups].sort() : null, o = i ? [...i].sort() : null, s = JSON.stringify(a) !== JSON.stringify(o);
@@ -15571,7 +15725,7 @@ var xd = class extends HTMLElement {
 		return r.has(e) ? r.delete(e) : r.add(e), this.setVisibleRelationGroups(r, t);
 	}
 	setRelationMarker(e, t = {}) {
-		let n = vu(e), r = n !== this.relationMarker;
+		let n = yu(e), r = n !== this.relationMarker;
 		return this.relationMarker = n, this.getAttribute?.("relation-marker") !== n && this.setAttribute?.("relation-marker", n), r && this.ready && (this._rebuildRelations(), this.invalidate()), r && t.emit !== !1 && this._emit("lc-relation-marker-change", {
 			marker: n,
 			source: t.source || "api"
@@ -15604,20 +15758,20 @@ var xd = class extends HTMLElement {
 		for (let e of this.nodes.values()) {
 			let t = this._focusAlpha(e, i), n = this._isVisible(e) && t > 0;
 			e.group.visible = n;
-			let r = mu(e.type) && this.open.has(e.id), a = (r ? .12 : 1) * t;
-			if (e.mesh.renderOrder = r ? 10 - !!e.parent : 0, e.material) bu(e.material, !0), e.material.opacity = a, e.material.depthWrite = !r, e.material.emissive?.set(e === this.selected ? e.material.color : 0), e.material.emissiveIntensity = e === this.selected ? .15 : 0;
+			let r = hu(e.type) && this.open.has(e.id), a = (r ? .12 : 1) * t;
+			if (e.mesh.renderOrder = r ? 10 - !!e.parent : 0, e.material) xu(e.material, !0), e.material.opacity = a, e.material.depthWrite = !r, e.material.emissive?.set(e === this.selected ? e.material.color : 0), e.material.emissiveIntensity = e === this.selected ? .15 : 0;
 			else {
-				for (let n of e.appearanceMaterials || []) Object.hasOwn(n.userData, "atlasBaseOpacity") || (n.userData.atlasBaseOpacity = n.opacity ?? 1), Object.hasOwn(n.userData, "atlasBaseTransparent") || (n.userData.atlasBaseTransparent = n.transparent), Object.hasOwn(n.userData, "atlasBaseDepthWrite") || (n.userData.atlasBaseDepthWrite = n.depthWrite), bu(n, n.userData.atlasBaseTransparent || t < 1), n.depthWrite = n.userData.atlasBaseDepthWrite, n.opacity = n.userData.atlasBaseOpacity * t, n.emissive?.set(e === this.selected ? n.color : 0), n.emissiveIntensity = e === this.selected ? .15 : 0;
+				for (let n of e.appearanceMaterials || []) Object.hasOwn(n.userData, "atlasBaseOpacity") || (n.userData.atlasBaseOpacity = n.opacity ?? 1), Object.hasOwn(n.userData, "atlasBaseTransparent") || (n.userData.atlasBaseTransparent = n.transparent), Object.hasOwn(n.userData, "atlasBaseDepthWrite") || (n.userData.atlasBaseDepthWrite = n.depthWrite), xu(n, n.userData.atlasBaseTransparent || t < 1), n.depthWrite = n.userData.atlasBaseDepthWrite, n.opacity = n.userData.atlasBaseOpacity * t, n.emissive?.set(e === this.selected ? n.color : 0), n.emissiveIntensity = e === this.selected ? .15 : 0;
 				e._appearanceSelected = e === this.selected;
 			}
 			e.edge?.material && (e.edge.material.opacity = (e === this.selected ? 1 : .65) * t);
-			let o = mu(e.type) && r, s = o, c = e.label.userData.front, l = e.label.userData.back, u = e.label.userData.top, d = e.label.userData.height, f = e.label.userData.width, p = e.label.userData.textOffsetX || 0;
+			let o = hu(e.type) && r, s = o, c = e.label.userData.front, l = e.label.userData.back, u = e.label.userData.top, d = e.label.userData.height, f = e.label.userData.width, p = e.label.userData.textOffsetX || 0;
 			e.label.userData.textOffsetY;
-			let m = e.labelSize || new U().fromArray(e.s), h = fd(e.labelAnchor, m, f, d);
+			let m = e.labelSize || new U().fromArray(e.s), h = pd(e.labelAnchor, m, f, d);
 			e.label.visible = n;
-			let g = this._worldPosition(e), _ = this.itemFacing === "camera" && !mu(e.type) || this.camera.position.z >= g.z, v = e.label.userData.visibleFace || (_ ? "front" : "back"), y = o ? pd(this.camera.position, g, v) : null;
+			let g = this._worldPosition(e), _ = this.itemFacing === "camera" && !hu(e.type) || this.camera.position.z >= g.z, v = e.label.userData.visibleFace || (_ ? "front" : "back"), y = o ? md(this.camera.position, g, v) : null;
 			if (y && (e.label.userData.visibleFace = y), h) c.visible = _, l.visible = !_, u.visible = !1, c.scale.setScalar(1), l.scale.setScalar(1), c.position.set(h.x, h.y, m.z / 2 + .025), l.position.set(h.x, h.y, -m.z / 2 - .025), c.rotation.z = h.frontRotation, l.rotation.z = h.backRotation, c.material.color.set(15923964), l.material.color.set(15923964), c.material.opacity = t, l.material.opacity = t;
-			else if (mu(e.type)) {
+			else if (hu(e.type)) {
 				c.rotation.z = 0, l.rotation.z = 0, c.visible = o ? y === "front" : _, l.visible = o ? y === "back" : !_, u.visible = s && y === "top";
 				let e = s ? .52 : 1;
 				c.scale.setScalar(e), c.position.x = s ? -m.x / 2 + .18 + f * e / 2 - p * e : 0;
@@ -15641,7 +15795,7 @@ var xd = class extends HTMLElement {
 		let t = this.canvas.getBoundingClientRect();
 		this.pointer.set((e.clientX - t.left) / t.width * 2 - 1, -(e.clientY - t.top) / t.height * 2 + 1), this.raycaster.setFromCamera(this.pointer, this.camera);
 		let n = [];
-		for (let e of this.nodes.values()) e.group.visible && (mu(e.type) && this.open.has(e.id) || n.push(e.pickMesh || e.mesh), e.label?.visible && n.push(...e.label.children.filter((e) => e.visible)));
+		for (let e of this.nodes.values()) e.group.visible && (hu(e.type) && this.open.has(e.id) || n.push(e.pickMesh || e.mesh), e.label?.visible && n.push(...e.label.children.filter((e) => e.visible)));
 		let r = this.raycaster.intersectObjects(n, !0)[0] || null, i = this.relationMode === "none" ? [] : this.relationGroup.children.filter((e) => e.userData?.relationPick || e.userData?.relationBundle), a = this.raycaster.intersectObjects(i, !1)[0] || null;
 		if (r && (!a || r.distance <= a.distance + .12)) {
 			let e = r.object;
@@ -15720,18 +15874,18 @@ var xd = class extends HTMLElement {
 		this.toolbar?.querySelectorAll(".toolbar-menu").forEach((e) => e.addEventListener("toggle", () => {
 			e.open && this._closeToolbarMenus(e);
 		})), this.toolbar?.addEventListener("focusout", (e) => {
-			Mu(this.toolbar, e) && (this._closeToolbarMenus(), this._closeHistoryPopover());
+			Nu(this.toolbar, e) && (this._closeToolbarMenus(), this._closeHistoryPopover());
 		}), this.navigationToolbar?.addEventListener("focusout", (e) => {
-			Mu(this.navigationToolbar, e) && this._closeHistoryPopover();
+			Nu(this.navigationToolbar, e) && this._closeHistoryPopover();
 		}), this.shadowRoot.addEventListener("keydown", (e) => {
 			e.key === "Escape" && (this._closeHistoryPopover(), this._closeToolbarMenus(), this.canvas.focus({ preventScroll: !0 }));
 		}), this.shadowRoot.addEventListener("click", (e) => {
-			let t = ju(e, "[data-action]"), n = t?.dataset.action;
+			let t = Mu(e, "[data-action]"), n = t?.dataset.action;
 			if (this._historyLongPress === n) {
 				this._historyLongPress = null;
 				return;
 			}
-			if (ju(e, ".atlas-history-popover") || this._closeHistoryPopover(), ju(e, ".toolbar-menu") || this._closeToolbarMenus(), n === "atlas-home" && this.goHome(), n === "atlas-back" && this.goBack(), n === "atlas-forward" && this.goForward(), n === "atlas-history-visit" && (this._closeHistoryPopover(), this._restoreVisit(Number(t.dataset.visitIndex))), n === "atlas-jump" && this.openAtlas(t.dataset.atlasRef).catch(() => {}), n === "view-mode" && this.setViewMode(this.viewMode === "2d" ? "3d" : "2d", { source: "toolbar" }), this.viewMode === "2d" && t?.closest?.(".toolbar") && this.diagramView.action(n, t)) {
+			if (Mu(e, ".atlas-history-popover") || this._closeHistoryPopover(), Mu(e, ".toolbar-menu") || this._closeToolbarMenus(), n === "atlas-home" && this.goHome(), n === "atlas-back" && this.goBack(), n === "atlas-forward" && this.goForward(), n === "atlas-history-visit" && (this._closeHistoryPopover(), this._restoreVisit(Number(t.dataset.visitIndex))), n === "atlas-jump" && this.openAtlas(t.dataset.atlasRef).catch(() => {}), n === "view-mode" && this.setViewMode(this.viewMode === "2d" ? "3d" : "2d", { source: "toolbar" }), this.viewMode === "2d" && t?.closest?.(".toolbar") && this.diagramView.action(n, t)) {
 				t?.closest?.(".toolbar-popover") && n !== "relation-group-toggle" && this._closeToolbarMenus();
 				return;
 			}
@@ -15779,7 +15933,7 @@ var xd = class extends HTMLElement {
 				y: e.clientY
 			}), e.pointerType === "touch" && this.pointers.size >= 2) {
 				let [e, t] = [...this.pointers.values()], n = (e.x + t.x) / 2, r = (e.y + t.y) / 2, i = Math.max(1, Math.hypot(e.x - t.x, e.y - t.y));
-				this.drag.mode === "touch-pan" ? (this._panByPixels(n - this.drag.x, r - this.drag.y), this.targetZoom = Math.min(Jl, Math.max(ql, this.targetZoom * i / Math.max(1, this.drag.distance))), Object.assign(this.drag, {
+				this.drag.mode === "touch-pan" ? (this._panByPixels(n - this.drag.x, r - this.drag.y), this.targetZoom = Math.min(Yl, Math.max(Jl, this.targetZoom * i / Math.max(1, this.drag.distance))), Object.assign(this.drag, {
 					x: n,
 					y: r,
 					distance: i,
@@ -15850,16 +16004,16 @@ var xd = class extends HTMLElement {
 				navigation: "fit"
 			});
 		}), this.canvas.addEventListener("wheel", (e) => {
-			e.preventDefault(), this.targetZoom = Math.min(Jl, Math.max(ql, this.targetZoom * Math.exp(-e.deltaY * .001))), this.invalidate();
+			e.preventDefault(), this.targetZoom = Math.min(Yl, Math.max(Jl, this.targetZoom * Math.exp(-e.deltaY * .001))), this.invalidate();
 		}, { passive: !1 });
 	}
 	_showError(e) {
 		let t = this.shadowRoot.querySelector(".viewport"), n = t.querySelector(".error");
-		n ? n.textContent = e : t.insertAdjacentHTML("beforeend", "<div class=\"error\" role=\"alert\">" + Iu(e) + "</div>");
+		n ? n.textContent = e : t.insertAdjacentHTML("beforeend", "<div class=\"error\" role=\"alert\">" + Lu(e) + "</div>");
 	}
 };
-customElements.get("liquidcars-atlas") || customElements.define("liquidcars-atlas", xd);
+customElements.get("liquidcars-atlas") || customElements.define("liquidcars-atlas", Sd);
 //#endregion
-export { Ul as ATLAS_VERSION, Gl as DEFAULT_RELATION_MARKER, xd as LiquidCarsAtlas, Kl as RELATION_DISPLAY_MODES, yd as canvasToPngBlob, vd as captureRendererFrame, ju as closestEventElement, ed as createSvgExtrudeGeometry, yl as diagramSvgToPng, bd as downloadPngBlob, Mu as focusMovesOutside, du as getGeometryCatalog, fu as getGeometryPackCatalog, fd as labelPlacementForAnchor, ud as normalizeLabelAnchor, Bu as normalizeModel, pd as preferredContainerLabelFace, lu as registerGeometryPack, vl as renderDiagramSvg, dd as resolveEntityLabelAnchor, uu as unregisterGeometryPack };
+export { Wl as ATLAS_VERSION, Kl as DEFAULT_RELATION_MARKER, Sd as LiquidCarsAtlas, ql as RELATION_DISPLAY_MODES, Rl as atlasReferenceTarget, bd as canvasToPngBlob, yd as captureRendererFrame, Mu as closestEventElement, td as createSvgExtrudeGeometry, yl as diagramSvgToPng, xd as downloadPngBlob, Nu as focusMovesOutside, fu as getGeometryCatalog, pu as getGeometryPackCatalog, pd as labelPlacementForAnchor, dd as normalizeLabelAnchor, Vu as normalizeModel, md as preferredContainerLabelFace, uu as registerGeometryPack, vl as renderDiagramSvg, Ll as resolveAtlasReference, fd as resolveEntityLabelAnchor, du as unregisterGeometryPack };
 
 //# sourceMappingURL=liquidcars-atlas.js.map