drizzle-cube 0.4.42 → 0.4.44

package/dist/client/chunks/{schema-visualization-DVdfx6N8.js → schema-visualization-t1KiOORo.js}

@@ -1,36 +1,35 @@
-import { n as e } from "./rolldown-runtime-lc2dmIiU.js";
-import { A as t, c as n } from "./chart-data-table-BZ7StNWv.js";
-import { Suspense as r, createContext as i, lazy as a, useCallback as o, useContext as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { A as e, c as t } from "./chart-data-table-2iCsn0CF.js";
+import { Suspense as n, createContext as r, lazy as i, useCallback as a, useContext as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/client/components/SchemaVisualization/xyflowContext.tsx
-var h = i(null), g = h.Provider;
-function _() {
-	let e = s(h);
+var m = r(null), h = m.Provider;
+function g() {
+	let e = o(m);
 	if (!e) throw Error("useXyflow must be used within XyflowProvider");
 	return e;
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/SchemaVisualizationLazy.tsx
-var v = /* @__PURE__ */ e({ SchemaVisualizationLazy: () => C }), y = !1;
-function b(e) {
-	return /* @__PURE__ */ p("div", {
+var _ = !1;
+function v(e) {
+	return /* @__PURE__ */ f("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:h-full dc:p-8",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "dc:text-center dc:max-w-md",
 			children: [
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ f("div", {
 					className: "dc:text-4xl dc:mb-4",
 					children: "🔍"
 				}),
-				/* @__PURE__ */ p("h3", {
+				/* @__PURE__ */ f("h3", {
 					className: "dc:text-lg dc:font-semibold text-dc-text dc:mb-2",
 					children: "Schema Visualization requires additional packages"
 				}),
-				/* @__PURE__ */ p("p", {
+				/* @__PURE__ */ f("p", {
 					className: "dc:text-sm text-dc-text-secondary dc:mb-4",
 					children: "Install the required dependencies to enable the interactive schema diagram:"
 				}),
-				/* @__PURE__ */ p("code", {
+				/* @__PURE__ */ f("code", {
 					className: "dc:block dc:px-4 dc:py-2 dc:rounded bg-dc-surface-secondary dc:text-sm dc:font-mono text-dc-text dc:border border-dc-border",
 					children: "npm install @xyflow/react elkjs"
 				})
@@ -38,61 +37,61 @@ function b(e) {
 		})
 	});
 }
-function x() {
-	return /* @__PURE__ */ p("div", {
+function y() {
+	return /* @__PURE__ */ f("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:h-full",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "dc:text-center",
-			children: [/* @__PURE__ */ p("div", { className: "dc:animate-spin dc:rounded-full dc:h-8 dc:w-8 dc:border-b-2 border-dc-accent dc:mx-auto dc:mb-2" }), /* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ f("div", { className: "dc:animate-spin dc:rounded-full dc:h-8 dc:w-8 dc:border-b-2 border-dc-accent dc:mx-auto dc:mb-2" }), /* @__PURE__ */ f("p", {
 				className: "dc:text-sm text-dc-text-muted",
 				children: "Loading schema visualization..."
 			})]
 		})
 	});
 }
-var S = a(async () => ({ default: (await Promise.resolve().then(() => R)).SchemaVisualization }));
-function C(e) {
-	let [t, n] = d(null), [i, a] = d(y);
-	return c(() => {
-		if (y) return;
+var b = i(async () => ({ default: (await import("./SchemaVisualization-B1GUT-FM.js")).SchemaVisualization }));
+function x(e) {
+	let [t, r] = u(null), [i, a] = u(_);
+	return s(() => {
+		if (_) return;
 		let e = !1;
 		return import("@xyflow/react").then((t) => {
-			e || n(t);
+			e || r(t);
 		}).catch(() => {
-			y = !0, e || a(!0);
+			_ = !0, e || a(!0);
 		}), () => {
 			e = !0;
 		};
-	}, []), i ? /* @__PURE__ */ p(b, { ...e }) : t ? /* @__PURE__ */ p(g, {
+	}, []), i ? /* @__PURE__ */ f(v, { ...e }) : t ? /* @__PURE__ */ f(h, {
 		value: t,
-		children: /* @__PURE__ */ p(r, {
-			fallback: /* @__PURE__ */ p(x, {}),
-			children: /* @__PURE__ */ p(S, { ...e })
+		children: /* @__PURE__ */ f(n, {
+			fallback: /* @__PURE__ */ f(y, {}),
+			children: /* @__PURE__ */ f(b, { ...e })
 		})
-	}) : /* @__PURE__ */ p(x, {});
+	}) : /* @__PURE__ */ f(y, {});
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/CubeNode.tsx
-function w({ data: e }) {
-	let { Handle: n, Position: r } = _(), { cube: i, onFieldClick: a, onCubeClick: o, isHighlighted: s, highlightedFields: c, searchTerm: l, selectedField: u } = e, d = (e, t, n) => {
+function S({ data: t }) {
+	let { Handle: n, Position: r } = g(), { cube: i, onFieldClick: a, onCubeClick: o, isHighlighted: s, highlightedFields: c, searchTerm: l, selectedField: u } = t, d = (e, t, n) => {
 		a && a(i.name, t, n, {
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, f = t("info"), h = (e) => {
+	}, m = e("info"), h = (e) => {
 		e.stopPropagation(), o && o(i.name, {
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, g = (e) => u ? u.cubeName === i.name && u.fieldName === e : !1, v = u?.cubeName === i.name && u?.fieldName === null, y = (e) => c.includes(e), b = (e) => {
+	}, _ = (e) => u ? u.cubeName === i.name && u.fieldName === e : !1, v = u?.cubeName === i.name && u?.fieldName === null, y = (e) => c.includes(e), b = (e) => {
 		if (!l?.trim()) return !0;
 		let t = l.toLowerCase();
 		return e.name.toLowerCase().includes(t) || e.title && e.title.toLowerCase().includes(t);
 	}, x = l?.trim() ? i.measures.some((e) => b(e)) || i.dimensions.some((e) => b(e)) : !0, S = (e, t, n) => {
-		let r = g(e.name.split(".")[1] || e.name), i = "dc:px-4 dc:py-2 dc:text-xs dc:cursor-pointer dc:transition-all dc:border-b border-dc-border last:dc:border-b-0 nodrag nopan";
+		let r = _(e.name.split(".")[1] || e.name), i = "dc:px-4 dc:py-2 dc:text-xs dc:cursor-pointer dc:transition-all dc:border-b border-dc-border last:dc:border-b-0 nodrag nopan";
 		return r ? `${i} bg-dc-accent-bg text-dc-accent dc:font-semibold dc:ring-1 dc:ring-inset ring-dc-accent` : !x && l?.trim() ? t ? `${i} bg-dc-accent-bg text-dc-accent dc:font-semibold` : `${i} dc:hover:bg-dc-surface-hover text-dc-text-secondary` : l?.trim() && !b(e) ? `${i} dc:opacity-40 dc:hover:opacity-60 text-dc-text-muted` : l?.trim() && b(e) && !t ? `${i} dc:font-bold dc:hover:bg-dc-accent-bg` : t ? `${i} bg-dc-accent-bg text-dc-accent dc:font-semibold` : `${i} dc:hover:bg-dc-surface-hover text-dc-text-secondary`;
 	}, C = i.dimensions.filter((e) => e.type === "time"), w = i.dimensions.filter((e) => e.type !== "time");
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ p("div", {
 		className: `
         dc:border-2 dc:rounded-lg dc:shadow-lg dc:min-w-[280px] dc:overflow-hidden dc:transition-all
         ${!x && l?.trim() ? "dc:opacity-30 dc:grayscale" : ""}
@@ -100,59 +99,59 @@ function w({ data: e }) {
       `,
 		style: { backgroundColor: "var(--dc-surface)" },
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ f("div", {
 				className: `dc:px-4 dc:py-3 dc:transition-colors ${s ? "bg-dc-accent-bg" : "bg-dc-surface-secondary"}`,
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "dc:flex dc:items-center dc:justify-between",
 					children: [
-						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h3", {
 							className: "dc:font-semibold text-dc-text dc:text-sm",
 							children: i.title || i.name
-						}), i.description && /* @__PURE__ */ p("p", {
+						}), i.description && /* @__PURE__ */ f("p", {
 							className: "dc:text-xs text-dc-text-muted dc:mt-1 dc:line-clamp-2",
 							children: i.description
 						})] }),
-						o && /* @__PURE__ */ p("button", {
+						o && /* @__PURE__ */ f("button", {
 							className: `dc:ml-2 dc:p-1 dc:rounded dc:transition-colors nodrag nopan ${v ? "bg-dc-accent-bg text-dc-accent" : "text-dc-text-muted dc:hover:text-dc-text dc:hover:bg-dc-surface-hover"}`,
 							onClick: h,
 							title: "Cube info",
-							children: /* @__PURE__ */ p(f, { className: "dc:w-5 dc:h-5" })
+							children: /* @__PURE__ */ f(m, { className: "dc:w-5 dc:h-5" })
 						}),
-						!o && /* @__PURE__ */ m("div", {
+						!o && /* @__PURE__ */ p("div", {
 							className: "dc:text-xs text-dc-text-muted dc:ml-2",
-							children: [/* @__PURE__ */ m("div", { children: [i.measures.length, "M"] }), /* @__PURE__ */ m("div", { children: [i.dimensions.length, "D"] })]
+							children: [/* @__PURE__ */ p("div", { children: [i.measures.length, "M"] }), /* @__PURE__ */ p("div", { children: [i.dimensions.length, "D"] })]
 						})
 					]
 				})
 			}),
-			i.measures.length > 0 && /* @__PURE__ */ m("div", {
+			i.measures.length > 0 && /* @__PURE__ */ p("div", {
 				className: "dc:border-t border-dc-border",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "dc:px-4 dc:py-1.5 dc:border-b border-dc-border",
 					style: { backgroundColor: "color-mix(in srgb, var(--dc-warning) 10%, var(--dc-surface))" },
-					children: /* @__PURE__ */ m("h4", {
+					children: /* @__PURE__ */ p("h4", {
 						className: "dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center",
 						children: [
-							/* @__PURE__ */ p("span", { className: "dc:w-2 dc:h-2 bg-dc-warning dc:rounded-full dc:mr-2" }),
+							/* @__PURE__ */ f("span", { className: "dc:w-2 dc:h-2 bg-dc-warning dc:rounded-full dc:mr-2" }),
 							"Measures (",
 							i.measures.length,
 							")"
 						]
 					})
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
 					children: i.measures.map((e) => {
 						let t = e.name.split(".")[1] || e.name;
-						return /* @__PURE__ */ p("div", {
+						return /* @__PURE__ */ f("div", {
 							className: S(e, y(e.name), "measure"),
 							onClick: (e) => d(e, t, "measure"),
 							title: e.title,
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ p("div", {
 								className: "dc:flex dc:items-center dc:justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ f("span", {
 									className: "dc:font-mono dc:truncate",
 									children: e.shortTitle || e.title || t
-								}), /* @__PURE__ */ p("span", {
+								}), /* @__PURE__ */ f("span", {
 									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
 									children: e.type
 								})]
@@ -161,34 +160,34 @@ function w({ data: e }) {
 					})
 				})]
 			}),
-			C.length > 0 && /* @__PURE__ */ m("div", {
+			C.length > 0 && /* @__PURE__ */ p("div", {
 				className: "dc:border-t border-dc-border",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "dc:px-4 dc:py-1.5 dc:border-b border-dc-border",
 					style: { backgroundColor: "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))" },
-					children: /* @__PURE__ */ m("h4", {
+					children: /* @__PURE__ */ p("h4", {
 						className: "dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center",
 						children: [
-							/* @__PURE__ */ p("span", { className: "dc:w-2 dc:h-2 bg-dc-accent dc:rounded-full dc:mr-2" }),
+							/* @__PURE__ */ f("span", { className: "dc:w-2 dc:h-2 bg-dc-accent dc:rounded-full dc:mr-2" }),
 							"Time Dimensions (",
 							C.length,
 							")"
 						]
 					})
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
 					children: C.map((e) => {
 						let t = e.name.split(".")[1] || e.name;
-						return /* @__PURE__ */ p("div", {
+						return /* @__PURE__ */ f("div", {
 							className: S(e, y(e.name), "dimension"),
 							onClick: (e) => d(e, t, "dimension"),
 							title: e.title,
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ p("div", {
 								className: "dc:flex dc:items-center dc:justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ f("span", {
 									className: "dc:font-mono dc:truncate",
 									children: e.shortTitle || e.title || t
-								}), /* @__PURE__ */ p("span", {
+								}), /* @__PURE__ */ f("span", {
 									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
 									children: e.type
 								})]
@@ -197,34 +196,34 @@ function w({ data: e }) {
 					})
 				})]
 			}),
-			w.length > 0 && /* @__PURE__ */ m("div", {
+			w.length > 0 && /* @__PURE__ */ p("div", {
 				className: "dc:border-t border-dc-border",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "dc:px-4 dc:py-1.5 dc:border-b border-dc-border",
 					style: { backgroundColor: "color-mix(in srgb, var(--dc-success) 10%, var(--dc-surface))" },
-					children: /* @__PURE__ */ m("h4", {
+					children: /* @__PURE__ */ p("h4", {
 						className: "dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center",
 						children: [
-							/* @__PURE__ */ p("span", { className: "dc:w-2 dc:h-2 bg-dc-success dc:rounded-full dc:mr-2" }),
+							/* @__PURE__ */ f("span", { className: "dc:w-2 dc:h-2 bg-dc-success dc:rounded-full dc:mr-2" }),
 							"Dimensions (",
 							w.length,
 							")"
 						]
 					})
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
 					children: w.map((e) => {
 						let t = e.name.split(".")[1] || e.name;
-						return /* @__PURE__ */ p("div", {
+						return /* @__PURE__ */ f("div", {
 							className: S(e, y(e.name), "dimension"),
 							onClick: (e) => d(e, t, "dimension"),
 							title: e.title,
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ p("div", {
 								className: "dc:flex dc:items-center dc:justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ f("span", {
 									className: "dc:font-mono dc:truncate",
 									children: e.shortTitle || e.title || t
-								}), /* @__PURE__ */ p("span", {
+								}), /* @__PURE__ */ f("span", {
 									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
 									children: e.type
 								})]
@@ -233,28 +232,28 @@ function w({ data: e }) {
 					})
 				})]
 			}),
-			/* @__PURE__ */ p(n, {
+			/* @__PURE__ */ f(n, {
 				type: "source",
 				position: r.Right,
 				id: "right",
 				className: "dc:opacity-0",
 				isConnectable: !1
 			}),
-			/* @__PURE__ */ p(n, {
+			/* @__PURE__ */ f(n, {
 				type: "target",
 				position: r.Left,
 				id: "left",
 				className: "dc:opacity-0",
 				isConnectable: !1
 			}),
-			/* @__PURE__ */ p(n, {
+			/* @__PURE__ */ f(n, {
 				type: "source",
 				position: r.Bottom,
 				id: "bottom",
 				className: "dc:opacity-0",
 				isConnectable: !1
 			}),
-			/* @__PURE__ */ p(n, {
+			/* @__PURE__ */ f(n, {
 				type: "target",
 				position: r.Top,
 				id: "top",
@@ -266,8 +265,8 @@ function w({ data: e }) {
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/RelationshipEdge.tsx
-function T({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: i, targetPosition: a, style: o = {}, data: s, markerEnd: c }) {
-	let { getBezierPath: l, BaseEdge: u, EdgeLabelRenderer: d } = _(), [h, g, v] = l({
+function C({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: i, targetPosition: a, style: o = {}, data: s, markerEnd: c }) {
+	let { getBezierPath: l, BaseEdge: u, EdgeLabelRenderer: m } = g(), [h, _, v] = l({
 		sourceX: e,
 		sourceY: t,
 		sourcePosition: i,
@@ -293,36 +292,36 @@ function T({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: i,
 			default: return "#6b7280";
 		}
 	})(y.relationship), C = x(y.relationship);
-	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, {
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(u, {
 		path: h,
 		markerEnd: c,
 		style: {
 			...o,
 			stroke: S
 		}
-	}), /* @__PURE__ */ p(d, { children: /* @__PURE__ */ p("div", {
+	}), /* @__PURE__ */ f(m, { children: /* @__PURE__ */ f("div", {
 		style: {
 			position: "absolute",
-			transform: `translate(-50%, -50%) translate(${g}px,${v}px)`,
+			transform: `translate(-50%, -50%) translate(${_}px,${v}px)`,
 			fontSize: 10,
 			pointerEvents: "all"
 		},
 		className: "nodrag nopan",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "dc:border-2 dc:rounded-md dc:px-2 dc:py-1 dc:shadow-xs",
 			style: {
 				backgroundColor: "var(--dc-surface)",
 				borderColor: S
 			},
-			children: /* @__PURE__ */ m("div", {
+			children: /* @__PURE__ */ p("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "dc:font-bold dc:text-xs dc:mb-1",
 					style: { color: S },
 					children: C
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "dc:text-[9px] text-dc-text-muted dc:leading-tight",
-					children: b.map((e, t) => /* @__PURE__ */ m("div", {
+					children: b.map((e, t) => /* @__PURE__ */ p("div", {
 						className: "dc:font-mono",
 						children: [
 							e.sourceField,
@@ -337,20 +336,20 @@ function T({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: i,
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/FieldDetailPanel.tsx
-function E({ label: e, children: t }) {
-	return /* @__PURE__ */ m("div", {
+function w({ label: e, children: t }) {
+	return /* @__PURE__ */ p("div", {
 		className: "dc:flex dc:items-start dc:gap-2 dc:text-xs",
-		children: [/* @__PURE__ */ p("span", {
+		children: [/* @__PURE__ */ f("span", {
 			className: "text-dc-text-muted dc:w-20 dc:flex-shrink-0 dc:font-medium",
 			children: e
-		}), /* @__PURE__ */ p("span", {
+		}), /* @__PURE__ */ f("span", {
 			className: "text-dc-text dc:flex-1 dc:min-w-0",
 			children: t
 		})]
 	});
 }
-function D({ type: e, color: t }) {
-	return /* @__PURE__ */ p("span", {
+function T({ type: e, color: t }) {
+	return /* @__PURE__ */ f("span", {
 		className: "dc:inline-flex dc:items-center dc:px-1.5 dc:py-0.5 dc:rounded dc:text-[10px] dc:font-medium dc:uppercase",
 		style: {
 			backgroundColor: `color-mix(in srgb, ${t} 15%, var(--dc-surface))`,
@@ -359,17 +358,17 @@ function D({ type: e, color: t }) {
 		children: e
 	});
 }
-function O({ measure: e, cube: t }) {
-	return /* @__PURE__ */ m("div", {
+function E({ measure: e, cube: t }) {
+	return /* @__PURE__ */ p("div", {
 		className: "dc:flex dc:flex-col dc:gap-2",
 		children: [
-			/* @__PURE__ */ p(E, {
+			/* @__PURE__ */ f(w, {
 				label: "Cube",
 				children: t.title || t.name
 			}),
-			/* @__PURE__ */ p(E, {
+			/* @__PURE__ */ f(w, {
 				label: "Type",
-				children: /* @__PURE__ */ p(D, {
+				children: /* @__PURE__ */ f(T, {
 					type: e.type,
 					color: {
 						count: "#f59e0b",
@@ -384,15 +383,15 @@ function O({ measure: e, cube: t }) {
 					}[e.type] || "#6b7280"
 				})
 			}),
-			e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(E, {
+			e.title && e.title !== e.shortTitle && /* @__PURE__ */ f(w, {
 				label: "Title",
 				children: e.title
 			}),
-			e.drillMembers && e.drillMembers.length > 0 && /* @__PURE__ */ p(E, {
+			e.drillMembers && e.drillMembers.length > 0 && /* @__PURE__ */ f(w, {
 				label: "Drill into",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "dc:flex dc:flex-wrap dc:gap-1",
-					children: e.drillMembers.map((e) => /* @__PURE__ */ p("span", {
+					children: e.drillMembers.map((e) => /* @__PURE__ */ f("span", {
 						className: "dc:font-mono dc:text-[10px] dc:px-1 dc:py-0.5 dc:rounded bg-dc-surface-secondary border-dc-border dc:border",
 						children: e.split(".")[1] || e
 					}, e))
@@ -401,44 +400,44 @@ function O({ measure: e, cube: t }) {
 		]
 	});
 }
-function k({ dimension: e, cube: t }) {
+function D({ dimension: e, cube: t }) {
 	let n = e.type === "time" ? "#3b82f6" : "#10b981", r = t.hierarchies?.filter((n) => n.levels.some((n) => n === e.name || n === `${t.name}.${e.name.split(".")[1]}`)) || [];
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "dc:flex dc:flex-col dc:gap-2",
 		children: [
-			/* @__PURE__ */ p(E, {
+			/* @__PURE__ */ f(w, {
 				label: "Cube",
 				children: t.title || t.name
 			}),
-			/* @__PURE__ */ p(E, {
+			/* @__PURE__ */ f(w, {
 				label: "Type",
-				children: /* @__PURE__ */ p(D, {
+				children: /* @__PURE__ */ f(T, {
 					type: e.type,
 					color: n
 				})
 			}),
-			e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(E, {
+			e.title && e.title !== e.shortTitle && /* @__PURE__ */ f(w, {
 				label: "Title",
 				children: e.title
 			}),
-			e.type === "time" && e.granularities && e.granularities.length > 0 && /* @__PURE__ */ p(E, {
+			e.type === "time" && e.granularities && e.granularities.length > 0 && /* @__PURE__ */ f(w, {
 				label: "Granularity",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "dc:flex dc:flex-wrap dc:gap-1",
-					children: e.granularities.map((e) => /* @__PURE__ */ p("span", {
+					children: e.granularities.map((e) => /* @__PURE__ */ f("span", {
 						className: "dc:font-mono dc:text-[10px] dc:px-1 dc:py-0.5 dc:rounded bg-dc-surface-secondary border-dc-border dc:border",
 						children: e
 					}, e))
 				})
 			}),
-			r.length > 0 && /* @__PURE__ */ p(E, {
+			r.length > 0 && /* @__PURE__ */ f(w, {
 				label: "Hierarchy",
-				children: r.map((e) => /* @__PURE__ */ m("div", {
+				children: r.map((e) => /* @__PURE__ */ p("div", {
 					className: "dc:text-[10px]",
-					children: [/* @__PURE__ */ p("span", {
+					children: [/* @__PURE__ */ f("span", {
 						className: "dc:font-medium",
 						children: e.title
-					}), /* @__PURE__ */ m("span", {
+					}), /* @__PURE__ */ p("span", {
 						className: "text-dc-text-muted dc:ml-1",
 						children: [
 							"(",
@@ -451,26 +450,26 @@ function k({ dimension: e, cube: t }) {
 		]
 	});
 }
-function ee({ cube: e }) {
+function O({ cube: e }) {
 	let t = {
 		belongsTo: "#10b981",
 		hasOne: "#3b82f6",
 		hasMany: "#f59e0b",
 		belongsToMany: "#8b5cf6"
 	};
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "dc:flex dc:flex-col dc:gap-2",
 		children: [
-			e.description && /* @__PURE__ */ p(E, {
+			e.description && /* @__PURE__ */ f(w, {
 				label: "Description",
 				children: e.description
 			}),
-			/* @__PURE__ */ m(E, {
+			/* @__PURE__ */ p(w, {
 				label: "Measures",
-				children: [/* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ f("span", {
 					className: "dc:font-mono",
 					children: e.measures.length
-				}), e.measures.length > 0 && /* @__PURE__ */ m("span", {
+				}), e.measures.length > 0 && /* @__PURE__ */ p("span", {
 					className: "text-dc-text-muted dc:ml-1",
 					children: [
 						"(",
@@ -479,12 +478,12 @@ function ee({ cube: e }) {
 					]
 				})]
 			}),
-			/* @__PURE__ */ m(E, {
+			/* @__PURE__ */ p(w, {
 				label: "Dimensions",
-				children: [/* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ f("span", {
 					className: "dc:font-mono",
 					children: e.dimensions.length
-				}), e.dimensions.some((e) => e.type === "time") && /* @__PURE__ */ m("span", {
+				}), e.dimensions.some((e) => e.type === "time") && /* @__PURE__ */ p("span", {
 					className: "text-dc-text-muted dc:ml-1",
 					children: [
 						"(",
@@ -493,32 +492,32 @@ function ee({ cube: e }) {
 					]
 				})]
 			}),
-			e.relationships && e.relationships.length > 0 && /* @__PURE__ */ p(E, {
+			e.relationships && e.relationships.length > 0 && /* @__PURE__ */ f(w, {
 				label: "Joins",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "dc:flex dc:flex-col dc:gap-1",
-					children: e.relationships.map((e, n) => /* @__PURE__ */ m("div", {
+					children: e.relationships.map((e, n) => /* @__PURE__ */ p("div", {
 						className: "dc:flex dc:items-center dc:gap-1.5 dc:text-[10px]",
-						children: [/* @__PURE__ */ p(D, {
+						children: [/* @__PURE__ */ f(T, {
 							type: e.relationship,
 							color: t[e.relationship] || "#6b7280"
-						}), /* @__PURE__ */ p("span", {
+						}), /* @__PURE__ */ f("span", {
 							className: "dc:font-mono",
 							children: e.targetCube
 						})]
 					}, n))
 				})
 			}),
-			e.hierarchies && e.hierarchies.length > 0 && /* @__PURE__ */ p(E, {
+			e.hierarchies && e.hierarchies.length > 0 && /* @__PURE__ */ f(w, {
 				label: "Hierarchies",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "dc:flex dc:flex-col dc:gap-1",
-					children: e.hierarchies.map((e) => /* @__PURE__ */ m("div", {
+					children: e.hierarchies.map((e) => /* @__PURE__ */ p("div", {
 						className: "dc:text-[10px]",
-						children: [/* @__PURE__ */ p("span", {
+						children: [/* @__PURE__ */ f("span", {
 							className: "dc:font-medium",
 							children: e.title
-						}), /* @__PURE__ */ m("span", {
+						}), /* @__PURE__ */ p("span", {
 							className: "text-dc-text-muted dc:ml-1",
 							children: [
 								"(",
@@ -529,24 +528,24 @@ function ee({ cube: e }) {
 					}, e.name))
 				})
 			}),
-			e.meta?.eventStream && /* @__PURE__ */ p(E, {
+			e.meta?.eventStream && /* @__PURE__ */ f(w, {
 				label: "Event Stream",
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "dc:text-[10px]",
 					children: [
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ f("span", {
 							className: "text-dc-text-muted",
 							children: "binding: "
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ f("span", {
 							className: "dc:font-mono",
 							children: e.meta.eventStream.bindingKey.split(".")[1] || e.meta.eventStream.bindingKey
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ f("span", {
 							className: "text-dc-text-muted dc:ml-2",
 							children: "time: "
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ f("span", {
 							className: "dc:font-mono",
 							children: e.meta.eventStream.timeDimension.split(".")[1] || e.meta.eventStream.timeDimension
 						})
@@ -556,47 +555,47 @@ function ee({ cube: e }) {
 		]
 	});
 }
-function te({ selection: e, meta: n, onClose: r }) {
-	let i = t("close"), a = n.cubes.find((t) => t.name === e.cubeName);
+function ee({ selection: t, meta: n, onClose: r }) {
+	let i = e("close"), a = n.cubes.find((e) => e.name === t.cubeName);
 	if (!a) return null;
 	let o, s, c, l;
-	if (e.fieldType === "cube" || !e.fieldName) o = a.title || a.name, s = "var(--dc-accent)", c = "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(ee, { cube: a });
-	else if (e.fieldType === "measure") {
-		let t = a.measures.find((t) => (t.name.split(".")[1] || t.name) === e.fieldName || t.name === e.fieldName);
-		if (!t) return null;
-		o = t.shortTitle || t.title || e.fieldName, s = "var(--dc-warning)", c = "color-mix(in srgb, var(--dc-warning) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(O, {
-			measure: t,
+	if (t.fieldType === "cube" || !t.fieldName) o = a.title || a.name, s = "var(--dc-accent)", c = "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))", l = /* @__PURE__ */ f(O, { cube: a });
+	else if (t.fieldType === "measure") {
+		let e = a.measures.find((e) => (e.name.split(".")[1] || e.name) === t.fieldName || e.name === t.fieldName);
+		if (!e) return null;
+		o = e.shortTitle || e.title || t.fieldName, s = "var(--dc-warning)", c = "color-mix(in srgb, var(--dc-warning) 10%, var(--dc-surface))", l = /* @__PURE__ */ f(E, {
+			measure: e,
 			cube: a
 		});
 	} else {
-		let t = a.dimensions.find((t) => (t.name.split(".")[1] || t.name) === e.fieldName || t.name === e.fieldName);
-		if (!t) return null;
-		o = t.shortTitle || t.title || e.fieldName, s = t.type === "time" ? "var(--dc-accent)" : "var(--dc-success)", c = t.type === "time" ? "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))" : "color-mix(in srgb, var(--dc-success) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(k, {
-			dimension: t,
+		let e = a.dimensions.find((e) => (e.name.split(".")[1] || e.name) === t.fieldName || e.name === t.fieldName);
+		if (!e) return null;
+		o = e.shortTitle || e.title || t.fieldName, s = e.type === "time" ? "var(--dc-accent)" : "var(--dc-success)", c = e.type === "time" ? "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))" : "color-mix(in srgb, var(--dc-success) 10%, var(--dc-surface))", l = /* @__PURE__ */ f(D, {
+			dimension: e,
 			cube: a
 		});
 	}
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "dc:border-2 dc:rounded-lg dc:shadow-lg dc:min-w-[260px] dc:max-w-[320px] dc:overflow-hidden dc:transition-all border-dc-border",
 		style: { backgroundColor: "var(--dc-surface)" },
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: "dc:px-4 dc:py-2.5 dc:border-b border-dc-border dc:flex dc:items-center dc:justify-between",
 			style: { backgroundColor: c },
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ p("div", {
 				className: "dc:flex dc:items-center dc:gap-2 dc:min-w-0",
-				children: [/* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ f("span", {
 					className: "dc:w-2 dc:h-2 dc:rounded-full dc:flex-shrink-0",
 					style: { backgroundColor: s }
-				}), /* @__PURE__ */ p("h4", {
+				}), /* @__PURE__ */ f("h4", {
 					className: "dc:text-sm dc:font-semibold text-dc-text dc:truncate",
 					children: o
 				})]
-			}), /* @__PURE__ */ p("button", {
+			}), /* @__PURE__ */ f("button", {
 				onClick: r,
 				className: "dc:ml-2 dc:flex-shrink-0 text-dc-text-muted dc:hover:text-dc-text dc:transition-colors",
-				children: /* @__PURE__ */ p(i, { className: "dc:w-3.5 dc:h-3.5" })
+				children: /* @__PURE__ */ f(i, { className: "dc:w-3.5 dc:h-3.5" })
 			})]
-		}), /* @__PURE__ */ p("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: "dc:px-4 dc:py-3",
 			children: l
 		})]
@@ -604,7 +603,7 @@ function te({ selection: e, meta: n, onClose: r }) {
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/useERDLayout.ts
-var ne = {
+var k = {
 	direction: "LR",
 	nodeWidth: 340,
 	nodeSep: 150,
@@ -662,7 +661,7 @@ async function I(e, t, n) {
 		id: e.id,
 		sources: [`${e.source}__src__${e.id}`],
 		targets: [`${e.target}__tgt__${e.id}`]
-	})), l = n.direction === "LR" ? "RIGHT" : "DOWN", u = {
+	})), l = n.direction === "LR" ? "RIGHT" : "DOWN", u = await N.layout({
 		id: "root",
 		layoutOptions: {
 			"elk.algorithm": "layered",
@@ -679,15 +678,15 @@ async function I(e, t, n) {
 		},
 		children: s,
 		edges: c
-	}, d = await N.layout(u), f = /* @__PURE__ */ new Map();
-	if (d.children) for (let e of d.children) f.set(e.id, {
+	}), d = /* @__PURE__ */ new Map();
+	if (u.children) for (let e of u.children) d.set(e.id, {
 		x: e.x,
 		y: e.y
 	});
 	return {
 		nodes: e.map((e) => ({
 			...e,
-			position: f.get(e.id) || e.position,
+			position: d.get(e.id) || e.position,
 			targetPosition: A(n.direction),
 			sourcePosition: j(n.direction)
 		})),
@@ -711,29 +710,29 @@ function L(e, t) {
 		};
 	});
 }
-function re(e, t, n = {}) {
-	let r = l(() => ({
-		...ne,
+function te(e, t, n = {}) {
+	let r = c(() => ({
+		...k,
 		...n
 	}), [
 		n.direction,
 		n.nodeWidth,
 		n.nodeSep,
 		n.rankSep
-	]), i = l(() => e.length === 0 ? "" : e.map((e) => e.id).sort().join(",") + "|" + t.map((e) => e.id).sort().join(","), [e, t]), a = u(e), o = u(t), s = u(r);
-	a.current = e, o.current = t, s.current = r;
-	let [f, p] = d("waiting"), [m, h] = d(null), [g, _] = d(""), v = u(0);
-	return c(() => {
+	]), i = c(() => e.length === 0 ? "" : e.map((e) => e.id).sort().join(",") + "|" + t.map((e) => e.id).sort().join(","), [e, t]), a = l(e), o = l(t), d = l(r);
+	a.current = e, o.current = t, d.current = r;
+	let [f, p] = u("waiting"), [m, h] = u(null), [g, _] = u(""), v = l(0);
+	return s(() => {
 		if (!i) {
 			p("ready"), h(null), _("");
 			return;
 		}
 		let e = ++v.current;
-		p("computing"), I(a.current, o.current, s.current).then((t) => {
+		p("computing"), I(a.current, o.current, d.current).then((t) => {
 			e === v.current && (h(t), _(i), p("ready"));
 		}).catch(() => {
 			e === v.current && (h({
-				nodes: L(a.current, s.current),
+				nodes: L(a.current, d.current),
 				edges: o.current
 			}), _(i), p("ready"));
 		});
@@ -749,13 +748,10 @@ function re(e, t, n = {}) {
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/index.tsx
-var R = /* @__PURE__ */ e({
-	SchemaVisualization: () => B,
-	default: () => B
-}), ie = { cubeNode: w }, ae = { relationshipEdge: T };
-function oe({ token: e }) {
-	let { useNodesInitialized: t, useReactFlow: n } = _(), r = t(), { fitView: i } = n(), a = u(0);
-	return c(() => {
+var ne = { cubeNode: S }, re = { relationshipEdge: C };
+function ie({ token: e }) {
+	let { useNodesInitialized: t, useReactFlow: n } = g(), r = t(), { fitView: i } = n(), a = l(0);
+	return s(() => {
 		e === 0 || e === a.current || r && (a.current = e, i({ padding: .1 }));
 	}, [
 		e,
@@ -763,8 +759,8 @@ function oe({ token: e }) {
 		i
 	]), null;
 }
-var z = [];
-function se(e) {
+var ae = [];
+function oe(e) {
 	switch (e) {
 		case "belongsTo": return "#10b981";
 		case "hasOne": return "#3b82f6";
@@ -773,16 +769,16 @@ function se(e) {
 		default: return "#6b7280";
 	}
 }
-function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlightedFields: a, searchTerm: s, height: f = "100%" }) {
-	let { ReactFlow: h, Controls: g, MiniMap: v, Background: y, applyNodeChanges: b } = _(), { meta: x, metaLoading: S, metaError: C } = n(), w = i || z, T = a || z, [E, D] = d(null), [O, k] = d(s || ""), [ee, ne] = d(0), [A, j] = d(null), [M, N] = d(null), P = u(null), F = !r, [I, L] = d({}), [R, B] = d(!1), ce = t("search"), le = t("close"), V = s === void 0 ? O : s;
-	c(() => {
+function R({ className: n = "", onFieldClick: r, highlightedCubes: i, highlightedFields: o, searchTerm: d, height: m = "100%" }) {
+	let { ReactFlow: h, Controls: _, MiniMap: v, Background: y, applyNodeChanges: b } = g(), { meta: x, metaLoading: S, metaError: C } = t(), w = i || ae, T = o || ae, [E, D] = u(null), [O, k] = u(d || ""), [A, j] = u(0), [M, N] = u(null), [P, F] = u(null), I = l(null), L = !r, [R, z] = u({}), [B, se] = u(!1), ce = e("search"), le = e("close"), V = d === void 0 ? O : d;
+	s(() => {
 		try {
 			let e = localStorage.getItem("drizzle-cube-erd-node-positions");
-			e && L(JSON.parse(e));
+			e && z(JSON.parse(e));
 		} catch {}
-		B(!0);
+		se(!0);
 	}, []);
-	let { structuralNodes: H, structuralEdges: U } = l(() => {
+	let { structuralNodes: H, structuralEdges: U } = c(() => {
 		if (!x) return {
 			structuralNodes: [],
 			structuralEdges: []
@@ -809,7 +805,7 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
 					},
 					animated: !1,
 					style: {
-						stroke: se(n.relationship),
+						stroke: oe(n.relationship),
 						strokeWidth: 2
 					}
 				});
@@ -818,13 +814,13 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
 			structuralNodes: e,
 			structuralEdges: t
 		};
-	}, [x]), W = ee > 0 || R && Object.keys(I).length === 0, { nodes: G, edges: K, phase: ue } = re(W ? H : [], W ? U : [], {
+	}, [x]), W = A > 0 || B && Object.keys(R).length === 0, { nodes: G, edges: K, phase: ue } = te(W ? H : [], W ? U : [], {
 		direction: "LR",
 		nodeWidth: 340,
 		nodeSep: 150,
 		rankSep: 350
-	}), q = o((e, t) => {
-		let n = P.current?.getBoundingClientRect();
+	}), q = a((e, t) => {
+		let n = I.current?.getBoundingClientRect();
 		if (!n) return {
 			x: e,
 			y: t
@@ -834,67 +830,67 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
 			x: r,
 			y: i
 		};
-	}, []), de = o((e, t, n, r) => {
-		j((i) => i && i.cubeName === e && i.fieldName === t ? (N(null), null) : (r && N(q(r.x, r.y)), {
+	}, []), de = a((e, t, n, r) => {
+		N((i) => i && i.cubeName === e && i.fieldName === t ? (F(null), null) : (r && F(q(r.x, r.y)), {
 			cubeName: e,
 			fieldName: t,
 			fieldType: n
 		}));
-	}, [q]), fe = o((e, t) => {
-		j((n) => n && n.cubeName === e && n.fieldName === null ? (N(null), null) : (t && N(q(t.x, t.y)), {
+	}, [q]), fe = a((e, t) => {
+		N((n) => n && n.cubeName === e && n.fieldName === null ? (F(null), null) : (t && F(q(t.x, t.y)), {
 			cubeName: e,
 			fieldName: null,
 			fieldType: "cube"
 		}));
-	}, [q]), pe = F ? de : r, me = F ? fe : void 0, J = o((e) => ({
+	}, [q]), pe = L ? de : r, me = L ? fe : void 0, J = a((e) => ({
 		cube: e,
 		onFieldClick: pe,
 		onCubeClick: me,
 		isHighlighted: w.includes(e.name),
 		highlightedFields: T,
 		searchTerm: V,
-		selectedField: F ? A : null
+		selectedField: L ? M : null
 	}), [
 		pe,
 		me,
 		w,
 		T,
 		V,
-		F,
-		A
-	]), Y = !W || ue === "ready", X = l(() => !x || !Y || !R ? [] : W && G.length > 0 ? G.map((e) => ({
+		L,
+		M
+	]), Y = !W || ue === "ready", X = c(() => !x || !Y || !B ? [] : W && G.length > 0 ? G.map((e) => ({
 		...e,
 		data: J(e.data?.cube || x.cubes.find((t) => t.name === e.id))
 	})) : H.map((e) => ({
 		...e,
-		position: I[e.id] || e.position,
+		position: R[e.id] || e.position,
 		data: J(e.data?.cube)
 	})), [
 		x,
 		Y,
-		R,
+		B,
 		W,
 		G,
 		H,
-		I,
+		R,
 		J
-	]), he = l(() => !x || !Y ? [] : W && K.length > 0 ? K : U, [
+	]), he = c(() => !x || !Y ? [] : W && K.length > 0 ? K : U, [
 		x,
 		Y,
 		W,
 		K,
 		U
-	]), [Z, Q] = d([]), [ge, _e] = d([]), $ = u(""), [ve, ye] = d(0);
-	c(() => {
+	]), [Z, Q] = u([]), [ge, _e] = u([]), $ = l(""), [ve, ye] = u(0);
+	s(() => {
 		if (X.length === 0) return;
 		let e = X.map((e) => `${e.id}:${Math.round(e.position.x)},${Math.round(e.position.y)}`).join("|");
 		if (e === $.current) return;
 		let t = $.current === "";
 		$.current = e, Q(X), _e(he), t && ye((e) => e + 1);
 	}, [X, he]);
-	let be = u("");
-	c(() => {
-		let e = A ? `${A.cubeName}.${A.fieldName}` : "", t = `${w.join(",")}|${T.join(",")}|${V}|${String(r)}|${e}`;
+	let be = l("");
+	s(() => {
+		let e = M ? `${M.cubeName}.${M.fieldName}` : "", t = `${w.join(",")}|${T.join(",")}|${V}|${String(r)}|${e}`;
 		t !== be.current && (be.current = t, !(Z.length === 0 || !x) && Q((e) => e.map((e) => {
 			let t = x.cubes.find((t) => t.name === e.id);
 			return t ? {
@@ -907,12 +903,12 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
 		T,
 		V,
 		r,
-		A,
+		M,
 		Z.length,
 		x,
 		J
 	]);
-	let xe = o((e) => {
+	let xe = a((e) => {
 		Q((t) => b(e, t)), e.filter((e) => e.type === "position" && "dragging" in e && e.dragging === !1).length > 0 && Q((e) => {
 			let t = {};
 			e.forEach((e) => {
@@ -921,95 +917,95 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
 			try {
 				localStorage.setItem("drizzle-cube-erd-node-positions", JSON.stringify(t));
 			} catch {}
-			return L(t), e;
+			return z(t), e;
 		});
-	}, []), Se = o((e) => {}, []), Ce = o((e) => {
+	}, []), Se = a((e) => {}, []), Ce = a((e) => {
 		e.preventDefault(), e.stopPropagation(), D({
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, []), we = o(() => {
-		E && D(null), A && (j(null), N(null));
-	}, [E, A]), Te = o(() => {
-		L({}), $.current = "";
+	}, []), we = a(() => {
+		E && D(null), M && (N(null), F(null));
+	}, [E, M]), Te = a(() => {
+		z({}), $.current = "";
 		try {
 			localStorage.removeItem("drizzle-cube-erd-node-positions");
 		} catch {}
-		ne((e) => e + 1), D(null);
+		j((e) => e + 1), D(null);
 	}, []);
-	return S ? /* @__PURE__ */ p("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
-		children: /* @__PURE__ */ m("div", {
+	return S ? /* @__PURE__ */ f("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${n}`,
+		children: /* @__PURE__ */ p("div", {
 			className: "dc:text-center",
-			children: [/* @__PURE__ */ p("div", { className: "dc:animate-spin dc:rounded-full dc:h-8 dc:w-8 dc:border-b-2 border-dc-accent dc:mx-auto dc:mb-2" }), /* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ f("div", { className: "dc:animate-spin dc:rounded-full dc:h-8 dc:w-8 dc:border-b-2 border-dc-accent dc:mx-auto dc:mb-2" }), /* @__PURE__ */ f("p", {
 				className: "text-dc-text-muted",
 				children: "Loading cube schema..."
 			})]
 		})
-	}) : C ? /* @__PURE__ */ p("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
-		children: /* @__PURE__ */ m("div", {
+	}) : C ? /* @__PURE__ */ f("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${n}`,
+		children: /* @__PURE__ */ p("div", {
 			className: "dc:text-center text-dc-error",
-			children: [/* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ f("p", {
 				className: "dc:font-medium",
 				children: "Failed to load cube schema"
-			}), /* @__PURE__ */ p("p", {
+			}), /* @__PURE__ */ f("p", {
 				className: "dc:text-sm dc:mt-1",
 				children: C
 			})]
 		})
-	}) : !x || x.cubes.length === 0 ? /* @__PURE__ */ p("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
-		children: /* @__PURE__ */ m("div", {
+	}) : !x || x.cubes.length === 0 ? /* @__PURE__ */ f("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${n}`,
+		children: /* @__PURE__ */ p("div", {
 			className: "dc:text-center text-dc-text-muted",
-			children: [/* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ f("p", {
 				className: "dc:font-medium",
 				children: "No cubes found"
-			}), /* @__PURE__ */ p("p", {
+			}), /* @__PURE__ */ f("p", {
 				className: "dc:text-sm dc:mt-1",
 				children: "Register some cubes to see the relationship diagram"
 			})]
 		})
-	}) : Y ? /* @__PURE__ */ m("div", {
-		className: `dc:flex dc:flex-col ${e}`,
+	}) : Y ? /* @__PURE__ */ p("div", {
+		className: `dc:flex dc:flex-col ${n}`,
 		style: {
-			height: f,
+			height: m,
 			minHeight: 400
 		},
 		children: [
-			s === void 0 && /* @__PURE__ */ m("div", {
+			d === void 0 && /* @__PURE__ */ p("div", {
 				className: "dc:px-3 dc:py-2 dc:border-b border-dc-border bg-dc-surface dc:flex dc:items-center dc:gap-2 dc:flex-shrink-0",
 				children: [
-					/* @__PURE__ */ p(ce, { className: "dc:w-4 dc:h-4 text-dc-text-muted" }),
-					/* @__PURE__ */ p("input", {
+					/* @__PURE__ */ f(ce, { className: "dc:w-4 dc:h-4 text-dc-text-muted" }),
+					/* @__PURE__ */ f("input", {
 						type: "text",
 						value: O,
 						onChange: (e) => k(e.target.value),
 						placeholder: "Search cubes and fields...",
 						className: "dc:flex-1 dc:text-sm dc:bg-transparent dc:outline-none text-dc-text dc:placeholder:text-dc-text-muted"
 					}),
-					O && /* @__PURE__ */ p("button", {
+					O && /* @__PURE__ */ f("button", {
 						onClick: () => k(""),
 						className: "text-dc-text-muted dc:hover:text-dc-text",
-						children: /* @__PURE__ */ p(le, { className: "dc:w-3 dc:h-3" })
+						children: /* @__PURE__ */ f(le, { className: "dc:w-3 dc:h-3" })
 					})
 				]
 			}),
-			/* @__PURE__ */ m("div", {
-				ref: P,
+			/* @__PURE__ */ p("div", {
+				ref: I,
 				className: "dc:relative dc:flex-1 dc:min-h-0",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ f("div", {
 					style: {
 						position: "absolute",
 						inset: 0
 					},
-					children: /* @__PURE__ */ m(h, {
+					children: /* @__PURE__ */ p(h, {
 						nodes: Z,
 						edges: ge,
 						onNodesChange: xe,
 						onEdgesChange: Se,
-						nodeTypes: ie,
-						edgeTypes: ae,
+						nodeTypes: ne,
+						edgeTypes: re,
 						connectionMode: "loose",
 						minZoom: .1,
 						maxZoom: 2,
@@ -1017,52 +1013,52 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
 						onPaneContextMenu: Ce,
 						onPaneClick: we,
 						children: [
-							/* @__PURE__ */ p(g, {}),
-							/* @__PURE__ */ p(v, {
+							/* @__PURE__ */ f(_, {}),
+							/* @__PURE__ */ f(v, {
 								nodeColor: (e) => w.includes(e.id) ? "#8b5cf6" : "#e5e7eb",
 								maskColor: "rgb(240, 242, 246, 0.7)"
 							}),
-							/* @__PURE__ */ p(y, {
+							/* @__PURE__ */ f(y, {
 								variant: "dots",
 								gap: 12,
 								size: 1
 							}),
-							/* @__PURE__ */ p(oe, { token: ve })
+							/* @__PURE__ */ f(ie, { token: ve })
 						]
 					})
-				}), F && A && M && x && /* @__PURE__ */ p("div", {
+				}), L && M && P && x && /* @__PURE__ */ f("div", {
 					className: "dc:absolute dc:z-20",
 					style: {
-						left: M.x,
-						top: M.y
+						left: P.x,
+						top: P.y
 					},
-					children: /* @__PURE__ */ p(te, {
-						selection: A,
+					children: /* @__PURE__ */ f(ee, {
+						selection: M,
 						meta: x,
 						onClose: () => {
-							j(null), N(null);
+							N(null), F(null);
 						}
 					})
 				})]
 			}),
-			E && /* @__PURE__ */ p("div", {
+			E && /* @__PURE__ */ f("div", {
 				className: "dc:fixed dc:z-50 bg-dc-surface dc:rounded-md dc:shadow-lg dc:border border-dc-border dc:py-1 dc:min-w-[120px]",
 				style: {
 					left: E.x,
 					top: E.y
 				},
-				children: /* @__PURE__ */ p("button", {
+				children: /* @__PURE__ */ f("button", {
 					onClick: Te,
 					className: "dc:w-full dc:px-3 dc:py-2 dc:text-sm text-dc-text-secondary dc:hover:bg-dc-surface-hover dc:text-left",
 					children: "Auto Layout"
 				})
 			})
 		]
-	}) : /* @__PURE__ */ p("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
-		children: /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ f("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${n}`,
+		children: /* @__PURE__ */ p("div", {
 			className: "dc:text-center",
-			children: [/* @__PURE__ */ p("div", { className: "dc:animate-spin dc:rounded-full dc:h-8 dc:w-8 dc:border-b-2 border-dc-accent dc:mx-auto dc:mb-2" }), /* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ f("div", { className: "dc:animate-spin dc:rounded-full dc:h-8 dc:w-8 dc:border-b-2 border-dc-accent dc:mx-auto dc:mb-2" }), /* @__PURE__ */ f("p", {
 				className: "text-dc-text-muted",
 				children: "Computing layout..."
 			})]
@@ -1070,6 +1066,6 @@ function B({ className: e = "", onFieldClick: r, highlightedCubes: i, highlighte
 	});
 }
 //#endregion
-export { C as n, v as r, R as t };
+export { x as n, R as t };
 
-//# sourceMappingURL=schema-visualization-DVdfx6N8.js.map
+//# sourceMappingURL=schema-visualization-t1KiOORo.js.map