drizzle-cube 0.5.4 → 0.5.6

package/dist/client/chunks/{schema-visualization-cnB2xZxn.js → schema-visualization-BY9L2nBQ.js}

@@ -1,37 +1,38 @@
-import { A as e, c as t } from "./chart-data-table-zZtwLf55.js";
-import { k as n } from "./chart-activity-grid-VFFm85hC.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 { n as e } from "./rolldown-runtime-CKnJJeip.js";
+import { A as t, c as n } from "./chart-data-table-DT4uBZaq.js";
+import { k as r } from "./chart-activity-grid-Bdb8U_NC.js";
+import { Suspense as i, createContext as a, lazy as o, useCallback as s, useContext as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/client/components/SchemaVisualization/xyflowContext.tsx
-var h = i(null), g = h.Provider;
-function _() {
-	let e = s(h);
+var g = a(null), _ = g.Provider;
+function v() {
+	let e = c(g);
 	if (!e) throw Error("useXyflow must be used within XyflowProvider");
 	return e;
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/SchemaVisualizationLazy.tsx
-var v = !1;
-function y(e) {
-	let { t } = n();
-	return /* @__PURE__ */ p("div", {
+var y = /* @__PURE__ */ e({ SchemaVisualizationLazy: () => w }), b = !1;
+function x(e) {
+	let { t } = r();
+	return /* @__PURE__ */ m("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:h-full dc:p-8",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "dc:text-center dc:max-w-md",
 			children: [
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "dc:text-4xl dc:mb-4",
 					children: "🔍"
 				}),
-				/* @__PURE__ */ p("h3", {
+				/* @__PURE__ */ m("h3", {
 					className: "dc:text-lg dc:font-semibold text-dc-text dc:mb-2",
 					children: t("schema.missingDeps.title")
 				}),
-				/* @__PURE__ */ p("p", {
+				/* @__PURE__ */ m("p", {
 					className: "dc:text-sm text-dc-text-secondary dc:mb-4",
 					children: t("schema.missingDeps.description")
 				}),
-				/* @__PURE__ */ p("code", {
+				/* @__PURE__ */ m("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"
 				})
@@ -39,49 +40,49 @@ function y(e) {
 		})
 	});
 }
-function b() {
-	let { t: e } = n();
-	return /* @__PURE__ */ p("div", {
+function S() {
+	let { t: e } = r();
+	return /* @__PURE__ */ m("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:h-full",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ h("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__ */ m("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__ */ m("p", {
 				className: "dc:text-sm text-dc-text-muted",
 				children: e("schema.loadingVisualization")
 			})]
 		})
 	});
 }
-var x = a(async () => ({ default: (await import("./SchemaVisualization-DP4k1fPp.js")).SchemaVisualization }));
-function S(e) {
-	let [t, n] = d(null), [i, a] = d(v);
-	return c(() => {
-		if (v) return;
+var C = o(async () => ({ default: (await Promise.resolve().then(() => B)).SchemaVisualization }));
+function w(e) {
+	let [t, n] = f(null), [r, a] = f(b);
+	return l(() => {
+		if (b) return;
 		let e = !1;
 		return import("@xyflow/react").then((t) => {
 			e || n(t);
 		}).catch(() => {
-			v = !0, e || a(!0);
+			b = !0, e || a(!0);
 		}), () => {
 			e = !0;
 		};
-	}, []), i ? /* @__PURE__ */ p(y, { ...e }) : t ? /* @__PURE__ */ p(g, {
+	}, []), r ? /* @__PURE__ */ m(x, { ...e }) : t ? /* @__PURE__ */ m(_, {
 		value: t,
-		children: /* @__PURE__ */ p(r, {
-			fallback: /* @__PURE__ */ p(b, {}),
-			children: /* @__PURE__ */ p(x, { ...e })
+		children: /* @__PURE__ */ m(i, {
+			fallback: /* @__PURE__ */ m(S, {}),
+			children: /* @__PURE__ */ m(C, { ...e })
 		})
-	}) : /* @__PURE__ */ p(b, {});
+	}) : /* @__PURE__ */ m(S, {});
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/CubeNode.tsx
-function C({ data: t }) {
-	let { t: r } = n(), { Handle: i, Position: a } = _(), { cube: o, onFieldClick: s, onCubeClick: c, isHighlighted: l, highlightedFields: u, searchTerm: d, selectedField: f } = t, h = (e, t, n) => {
+function T({ data: e }) {
+	let { t: n } = r(), { Handle: i, Position: a } = v(), { cube: o, onFieldClick: s, onCubeClick: c, isHighlighted: l, highlightedFields: u, searchTerm: d, selectedField: f } = e, p = (e, t, n) => {
 		s && s(o.name, t, n, {
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, g = e("info"), v = (e) => {
+	}, g = t("info"), _ = (e) => {
 		e.stopPropagation(), c && c(o.name, {
 			x: e.clientX,
 			y: e.clientY
@@ -94,7 +95,7 @@ function C({ data: t }) {
 		let r = y(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` : !C && d?.trim() ? t ? `${i} bg-dc-accent-bg text-dc-accent dc:font-semibold` : `${i} dc:hover:bg-dc-surface-hover text-dc-text-secondary` : d?.trim() && !S(e) ? `${i} dc:opacity-40 dc:hover:opacity-60 text-dc-text-muted` : d?.trim() && S(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`;
 	}, T = o.dimensions.filter((e) => e.type === "time"), E = o.dimensions.filter((e) => e.type !== "time");
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ h("div", {
 		className: `
         dc:border-2 dc:rounded-lg dc:shadow-lg dc:min-w-[280px] dc:overflow-hidden dc:transition-all
         ${!C && d?.trim() ? "dc:opacity-30 dc:grayscale" : ""}
@@ -102,54 +103,54 @@ function C({ data: t }) {
       `,
 		style: { backgroundColor: "var(--dc-surface)" },
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: `dc:px-4 dc:py-3 dc:transition-colors ${l ? "bg-dc-accent-bg" : "bg-dc-surface-secondary"}`,
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ h("div", {
 					className: "dc:flex dc:items-center dc:justify-between",
 					children: [
-						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
+						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
 							className: "dc:font-semibold text-dc-text dc:text-sm",
 							children: o.title || o.name
-						}), o.description && /* @__PURE__ */ p("p", {
+						}), o.description && /* @__PURE__ */ m("p", {
 							className: "dc:text-xs text-dc-text-muted dc:mt-1 dc:line-clamp-2",
 							children: o.description
 						})] }),
-						c && /* @__PURE__ */ p("button", {
+						c && /* @__PURE__ */ m("button", {
 							className: `dc:ml-2 dc:p-1 dc:rounded dc:transition-colors nodrag nopan ${b ? "bg-dc-accent-bg text-dc-accent" : "text-dc-text-muted dc:hover:text-dc-text dc:hover:bg-dc-surface-hover"}`,
-							onClick: v,
-							title: r("schema.cubeInfo"),
-							children: /* @__PURE__ */ p(g, { className: "dc:w-5 dc:h-5" })
+							onClick: _,
+							title: n("schema.cubeInfo"),
+							children: /* @__PURE__ */ m(g, { className: "dc:w-5 dc:h-5" })
 						}),
-						!c && /* @__PURE__ */ m("div", {
+						!c && /* @__PURE__ */ h("div", {
 							className: "dc:text-xs text-dc-text-muted dc:ml-2",
-							children: [/* @__PURE__ */ m("div", { children: [o.measures.length, "M"] }), /* @__PURE__ */ m("div", { children: [o.dimensions.length, "D"] })]
+							children: [/* @__PURE__ */ h("div", { children: [o.measures.length, "M"] }), /* @__PURE__ */ h("div", { children: [o.dimensions.length, "D"] })]
 						})
 					]
 				})
 			}),
-			o.measures.length > 0 && /* @__PURE__ */ m("div", {
+			o.measures.length > 0 && /* @__PURE__ */ h("div", {
 				className: "dc:border-t border-dc-border",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("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__ */ h("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" }), r("schema.measures", { count: o.measures.length })]
+						children: [/* @__PURE__ */ m("span", { className: "dc:w-2 dc:h-2 bg-dc-warning dc:rounded-full dc:mr-2" }), n("schema.measures", { count: o.measures.length })]
 					})
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
 					children: o.measures.map((e) => {
 						let t = e.name.split(".")[1] || e.name;
-						return /* @__PURE__ */ p("div", {
+						return /* @__PURE__ */ m("div", {
 							className: w(e, x(e.name), "measure"),
-							onClick: (e) => h(e, t, "measure"),
+							onClick: (e) => p(e, t, "measure"),
 							title: e.title,
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h("div", {
 								className: "dc:flex dc:items-center dc:justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "dc:font-mono dc:truncate",
 									children: e.shortTitle || e.title || t
-								}), /* @__PURE__ */ p("span", {
+								}), /* @__PURE__ */ m("span", {
 									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
 									children: e.type
 								})]
@@ -158,29 +159,29 @@ function C({ data: t }) {
 					})
 				})]
 			}),
-			T.length > 0 && /* @__PURE__ */ m("div", {
+			T.length > 0 && /* @__PURE__ */ h("div", {
 				className: "dc:border-t border-dc-border",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("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__ */ h("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" }), r("schema.timeDimensions", { count: T.length })]
+						children: [/* @__PURE__ */ m("span", { className: "dc:w-2 dc:h-2 bg-dc-accent dc:rounded-full dc:mr-2" }), n("schema.timeDimensions", { count: T.length })]
 					})
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
 					children: T.map((e) => {
 						let t = e.name.split(".")[1] || e.name;
-						return /* @__PURE__ */ p("div", {
+						return /* @__PURE__ */ m("div", {
 							className: w(e, x(e.name), "dimension"),
-							onClick: (e) => h(e, t, "dimension"),
+							onClick: (e) => p(e, t, "dimension"),
 							title: e.title,
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h("div", {
 								className: "dc:flex dc:items-center dc:justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "dc:font-mono dc:truncate",
 									children: e.shortTitle || e.title || t
-								}), /* @__PURE__ */ p("span", {
+								}), /* @__PURE__ */ m("span", {
 									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
 									children: e.type
 								})]
@@ -189,29 +190,29 @@ function C({ data: t }) {
 					})
 				})]
 			}),
-			E.length > 0 && /* @__PURE__ */ m("div", {
+			E.length > 0 && /* @__PURE__ */ h("div", {
 				className: "dc:border-t border-dc-border",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("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__ */ h("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" }), r("schema.dimensions", { count: E.length })]
+						children: [/* @__PURE__ */ m("span", { className: "dc:w-2 dc:h-2 bg-dc-success dc:rounded-full dc:mr-2" }), n("schema.dimensions", { count: E.length })]
 					})
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
 					children: E.map((e) => {
 						let t = e.name.split(".")[1] || e.name;
-						return /* @__PURE__ */ p("div", {
+						return /* @__PURE__ */ m("div", {
 							className: w(e, x(e.name), "dimension"),
-							onClick: (e) => h(e, t, "dimension"),
+							onClick: (e) => p(e, t, "dimension"),
 							title: e.title,
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h("div", {
 								className: "dc:flex dc:items-center dc:justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "dc:font-mono dc:truncate",
 									children: e.shortTitle || e.title || t
-								}), /* @__PURE__ */ p("span", {
+								}), /* @__PURE__ */ m("span", {
 									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
 									children: e.type
 								})]
@@ -220,28 +221,28 @@ function C({ data: t }) {
 					})
 				})]
 			}),
-			/* @__PURE__ */ p(i, {
+			/* @__PURE__ */ m(i, {
 				type: "source",
 				position: a.Right,
 				id: "right",
 				className: "dc:opacity-0",
 				isConnectable: !1
 			}),
-			/* @__PURE__ */ p(i, {
+			/* @__PURE__ */ m(i, {
 				type: "target",
 				position: a.Left,
 				id: "left",
 				className: "dc:opacity-0",
 				isConnectable: !1
 			}),
-			/* @__PURE__ */ p(i, {
+			/* @__PURE__ */ m(i, {
 				type: "source",
 				position: a.Bottom,
 				id: "bottom",
 				className: "dc:opacity-0",
 				isConnectable: !1
 			}),
-			/* @__PURE__ */ p(i, {
+			/* @__PURE__ */ m(i, {
 				type: "target",
 				position: a.Top,
 				id: "top",
@@ -253,8 +254,8 @@ function C({ data: t }) {
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/RelationshipEdge.tsx
-function w({ 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 E({ 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 } = v(), [f, g, _] = l({
 		sourceX: e,
 		sourceY: t,
 		sourcePosition: i,
@@ -280,36 +281,36 @@ function w({ 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, {
-		path: h,
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(u, {
+		path: f,
 		markerEnd: c,
 		style: {
 			...o,
 			stroke: S
 		}
-	}), /* @__PURE__ */ p(d, { children: /* @__PURE__ */ p("div", {
+	}), /* @__PURE__ */ m(d, { children: /* @__PURE__ */ m("div", {
 		style: {
 			position: "absolute",
-			transform: `translate(-50%, -50%) translate(${g}px,${v}px)`,
+			transform: `translate(-50%, -50%) translate(${g}px,${_}px)`,
 			fontSize: 10,
 			pointerEvents: "all"
 		},
 		className: "nodrag nopan",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("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__ */ h("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "dc:font-bold dc:text-xs dc:mb-1",
 					style: { color: S },
 					children: C
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("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__ */ h("div", {
 						className: "dc:font-mono",
 						children: [
 							e.sourceField,
@@ -324,20 +325,20 @@ function w({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: i,
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/FieldDetailPanel.tsx
-function T({ label: e, children: t }) {
-	return /* @__PURE__ */ m("div", {
+function D({ label: e, children: t }) {
+	return /* @__PURE__ */ h("div", {
 		className: "dc:flex dc:items-start dc:gap-2 dc:text-xs",
-		children: [/* @__PURE__ */ p("span", {
+		children: [/* @__PURE__ */ m("span", {
 			className: "text-dc-text-muted dc:w-20 dc:flex-shrink-0 dc:font-medium",
 			children: e
-		}), /* @__PURE__ */ p("span", {
+		}), /* @__PURE__ */ m("span", {
 			className: "text-dc-text dc:flex-1 dc:min-w-0",
 			children: t
 		})]
 	});
 }
-function E({ type: e, color: t }) {
-	return /* @__PURE__ */ p("span", {
+function O({ type: e, color: t }) {
+	return /* @__PURE__ */ m("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))`,
@@ -346,17 +347,17 @@ function E({ type: e, color: t }) {
 		children: e
 	});
 }
-function D({ measure: e, cube: t }) {
-	return /* @__PURE__ */ m("div", {
+function k({ measure: e, cube: t }) {
+	return /* @__PURE__ */ h("div", {
 		className: "dc:flex dc:flex-col dc:gap-2",
 		children: [
-			/* @__PURE__ */ p(T, {
+			/* @__PURE__ */ m(D, {
 				label: "Cube",
 				children: t.title || t.name
 			}),
-			/* @__PURE__ */ p(T, {
+			/* @__PURE__ */ m(D, {
 				label: "Type",
-				children: /* @__PURE__ */ p(E, {
+				children: /* @__PURE__ */ m(O, {
 					type: e.type,
 					color: {
 						count: "#f59e0b",
@@ -371,15 +372,15 @@ function D({ measure: e, cube: t }) {
 					}[e.type] || "#6b7280"
 				})
 			}),
-			e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(T, {
+			e.title && e.title !== e.shortTitle && /* @__PURE__ */ m(D, {
 				label: "Title",
 				children: e.title
 			}),
-			e.drillMembers && e.drillMembers.length > 0 && /* @__PURE__ */ p(T, {
+			e.drillMembers && e.drillMembers.length > 0 && /* @__PURE__ */ m(D, {
 				label: "Drill into",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "dc:flex dc:flex-wrap dc:gap-1",
-					children: e.drillMembers.map((e) => /* @__PURE__ */ p("span", {
+					children: e.drillMembers.map((e) => /* @__PURE__ */ m("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))
@@ -388,44 +389,44 @@ function D({ measure: e, cube: t }) {
 		]
 	});
 }
-function O({ dimension: e, cube: t }) {
+function A({ 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__ */ h("div", {
 		className: "dc:flex dc:flex-col dc:gap-2",
 		children: [
-			/* @__PURE__ */ p(T, {
+			/* @__PURE__ */ m(D, {
 				label: "Cube",
 				children: t.title || t.name
 			}),
-			/* @__PURE__ */ p(T, {
+			/* @__PURE__ */ m(D, {
 				label: "Type",
-				children: /* @__PURE__ */ p(E, {
+				children: /* @__PURE__ */ m(O, {
 					type: e.type,
 					color: n
 				})
 			}),
-			e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(T, {
+			e.title && e.title !== e.shortTitle && /* @__PURE__ */ m(D, {
 				label: "Title",
 				children: e.title
 			}),
-			e.type === "time" && e.granularities && e.granularities.length > 0 && /* @__PURE__ */ p(T, {
+			e.type === "time" && e.granularities && e.granularities.length > 0 && /* @__PURE__ */ m(D, {
 				label: "Granularity",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "dc:flex dc:flex-wrap dc:gap-1",
-					children: e.granularities.map((e) => /* @__PURE__ */ p("span", {
+					children: e.granularities.map((e) => /* @__PURE__ */ m("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(T, {
+			r.length > 0 && /* @__PURE__ */ m(D, {
 				label: "Hierarchy",
-				children: r.map((e) => /* @__PURE__ */ m("div", {
+				children: r.map((e) => /* @__PURE__ */ h("div", {
 					className: "dc:text-[10px]",
-					children: [/* @__PURE__ */ p("span", {
+					children: [/* @__PURE__ */ m("span", {
 						className: "dc:font-medium",
 						children: e.title
-					}), /* @__PURE__ */ m("span", {
+					}), /* @__PURE__ */ h("span", {
 						className: "text-dc-text-muted dc:ml-1",
 						children: [
 							"(",
@@ -438,26 +439,26 @@ function O({ dimension: e, cube: t }) {
 		]
 	});
 }
-function k({ cube: e }) {
+function j({ cube: e }) {
 	let t = {
 		belongsTo: "#10b981",
 		hasOne: "#3b82f6",
 		hasMany: "#f59e0b",
 		belongsToMany: "#8b5cf6"
 	};
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "dc:flex dc:flex-col dc:gap-2",
 		children: [
-			e.description && /* @__PURE__ */ p(T, {
+			e.description && /* @__PURE__ */ m(D, {
 				label: "Description",
 				children: e.description
 			}),
-			/* @__PURE__ */ m(T, {
+			/* @__PURE__ */ h(D, {
 				label: "Measures",
-				children: [/* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ m("span", {
 					className: "dc:font-mono",
 					children: e.measures.length
-				}), e.measures.length > 0 && /* @__PURE__ */ m("span", {
+				}), e.measures.length > 0 && /* @__PURE__ */ h("span", {
 					className: "text-dc-text-muted dc:ml-1",
 					children: [
 						"(",
@@ -466,12 +467,12 @@ function k({ cube: e }) {
 					]
 				})]
 			}),
-			/* @__PURE__ */ m(T, {
+			/* @__PURE__ */ h(D, {
 				label: "Dimensions",
-				children: [/* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ m("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__ */ h("span", {
 					className: "text-dc-text-muted dc:ml-1",
 					children: [
 						"(",
@@ -480,32 +481,32 @@ function k({ cube: e }) {
 					]
 				})]
 			}),
-			e.relationships && e.relationships.length > 0 && /* @__PURE__ */ p(T, {
+			e.relationships && e.relationships.length > 0 && /* @__PURE__ */ m(D, {
 				label: "Joins",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ m("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__ */ h("div", {
 						className: "dc:flex dc:items-center dc:gap-1.5 dc:text-[10px]",
-						children: [/* @__PURE__ */ p(E, {
+						children: [/* @__PURE__ */ m(O, {
 							type: e.relationship,
 							color: t[e.relationship] || "#6b7280"
-						}), /* @__PURE__ */ p("span", {
+						}), /* @__PURE__ */ m("span", {
 							className: "dc:font-mono",
 							children: e.targetCube
 						})]
 					}, n))
 				})
 			}),
-			e.hierarchies && e.hierarchies.length > 0 && /* @__PURE__ */ p(T, {
+			e.hierarchies && e.hierarchies.length > 0 && /* @__PURE__ */ m(D, {
 				label: "Hierarchies",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "dc:flex dc:flex-col dc:gap-1",
-					children: e.hierarchies.map((e) => /* @__PURE__ */ m("div", {
+					children: e.hierarchies.map((e) => /* @__PURE__ */ h("div", {
 						className: "dc:text-[10px]",
-						children: [/* @__PURE__ */ p("span", {
+						children: [/* @__PURE__ */ m("span", {
 							className: "dc:font-medium",
 							children: e.title
-						}), /* @__PURE__ */ m("span", {
+						}), /* @__PURE__ */ h("span", {
 							className: "text-dc-text-muted dc:ml-1",
 							children: [
 								"(",
@@ -516,24 +517,24 @@ function k({ cube: e }) {
 					}, e.name))
 				})
 			}),
-			e.meta?.eventStream && /* @__PURE__ */ p(T, {
+			e.meta?.eventStream && /* @__PURE__ */ m(D, {
 				label: "Event Stream",
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ h("div", {
 					className: "dc:text-[10px]",
 					children: [
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-dc-text-muted",
 							children: "binding: "
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: "dc:font-mono",
 							children: e.meta.eventStream.bindingKey.split(".")[1] || e.meta.eventStream.bindingKey
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-dc-text-muted dc:ml-2",
 							children: "time: "
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: "dc:font-mono",
 							children: e.meta.eventStream.timeDimension.split(".")[1] || e.meta.eventStream.timeDimension
 						})
@@ -543,47 +544,47 @@ function k({ cube: e }) {
 		]
 	});
 }
-function ee({ selection: t, meta: n, onClose: r }) {
-	let i = e("close"), a = n.cubes.find((e) => e.name === t.cubeName);
+function ee({ selection: e, meta: n, onClose: r }) {
+	let i = t("close"), a = n.cubes.find((t) => t.name === e.cubeName);
 	if (!a) return null;
 	let o, s, c, l;
-	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__ */ p(k, { 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__ */ p(D, {
-			measure: e,
+	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__ */ m(j, { 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__ */ m(k, {
+			measure: t,
 			cube: a
 		});
 	} else {
-		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__ */ p(O, {
-			dimension: e,
+		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__ */ m(A, {
+			dimension: t,
 			cube: a
 		});
 	}
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ h("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__ */ h("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__ */ h("div", {
 				className: "dc:flex dc:items-center dc:gap-2 dc:min-w-0",
-				children: [/* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ m("span", {
 					className: "dc:w-2 dc:h-2 dc:rounded-full dc:flex-shrink-0",
 					style: { backgroundColor: s }
-				}), /* @__PURE__ */ p("h4", {
+				}), /* @__PURE__ */ m("h4", {
 					className: "dc:text-sm dc:font-semibold text-dc-text dc:truncate",
 					children: o
 				})]
-			}), /* @__PURE__ */ p("button", {
+			}), /* @__PURE__ */ m("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__ */ m(i, { className: "dc:w-3.5 dc:h-3.5" })
 			})]
-		}), /* @__PURE__ */ p("div", {
+		}), /* @__PURE__ */ m("div", {
 			className: "dc:px-4 dc:py-3",
 			children: l
 		})]
@@ -591,39 +592,39 @@ function ee({ selection: t, meta: n, onClose: r }) {
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/useERDLayout.ts
-var A = {
+var te = {
 	direction: "LR",
 	nodeWidth: 340,
 	nodeSep: 150,
 	rankSep: 350
 };
-function j(e) {
+function M(e) {
 	switch (e) {
 		case "TB": return "top";
 		case "LR": return "left";
 		default: return "top";
 	}
 }
-function M(e) {
+function N(e) {
 	switch (e) {
 		case "TB": return "bottom";
 		case "LR": return "right";
 		default: return "bottom";
 	}
 }
-function N(e) {
+function P(e) {
 	let t = e.data?.cube;
 	if (!t) return 300;
 	let n = t.description ? 80 : 56, r = t.measures?.length ?? 0, i = t.dimensions?.filter((e) => e.type === "time").length ?? 0, a = t.dimensions?.filter((e) => e.type !== "time").length ?? 0;
 	return r > 0 && (n += 36 + Math.min(r * 34, 256)), i > 0 && (n += 36 + Math.min(i * 34, 256)), a > 0 && (n += 36 + Math.min(a * 34, 256)), n + 30;
 }
-var P = null, F = null;
-function I() {
-	return F || (F = import("elkjs/lib/elk.bundled.js").then((e) => (P = new (e.default || e)(), P)).catch(() => null), F);
+var F = null, I = null;
+function L() {
+	return I || (I = import("elkjs/lib/elk.bundled.js").then((e) => (F = new (e.default || e)(), F)).catch(() => null), I);
 }
-async function L(e, t, n) {
-	if (await I(), !P) return {
-		nodes: R(e, n),
+async function R(e, t, n) {
+	if (await L(), !F) return {
+		nodes: z(e, n),
 		edges: t
 	};
 	let r = n.direction === "LR" ? "EAST" : "SOUTH", i = n.direction === "LR" ? "WEST" : "NORTH", a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
@@ -631,7 +632,7 @@ async function L(e, t, n) {
 		a.has(e.source) || a.set(e.source, []), a.get(e.source).push(e.id), o.has(e.target) || o.set(e.target, []), o.get(e.target).push(e.id);
 	});
 	let s = e.map((e) => {
-		let t = n.nodeWidth, s = N(e), c = a.get(e.id) || [], l = o.get(e.id) || [], u = [...c.map((t) => ({
+		let t = n.nodeWidth, s = P(e), c = a.get(e.id) || [], l = o.get(e.id) || [], u = [...c.map((t) => ({
 			id: `${e.id}__src__${t}`,
 			layoutOptions: { "elk.port.side": r }
 		})), ...l.map((t) => ({
@@ -649,7 +650,7 @@ async function L(e, t, n) {
 		id: e.id,
 		sources: [`${e.source}__src__${e.id}`],
 		targets: [`${e.target}__tgt__${e.id}`]
-	})), l = await P.layout({
+	})), l = await F.layout({
 		id: "root",
 		layoutOptions: {
 			"elk.algorithm": "layered",
@@ -675,16 +676,16 @@ async function L(e, t, n) {
 		nodes: e.map((e) => ({
 			...e,
 			position: u.get(e.id) || e.position,
-			targetPosition: j(n.direction),
-			sourcePosition: M(n.direction)
+			targetPosition: M(n.direction),
+			sourcePosition: N(n.direction)
 		})),
 		edges: t
 	};
 }
-function R(e, t) {
+function z(e, t) {
 	let n = 0, r = 0;
 	return e.map((e) => {
-		let i = N(e);
+		let i = P(e);
 		r + i > 1200 && r > 0 && (n++, r = 0);
 		let a = {
 			x: n * (t.nodeWidth + t.nodeSep),
@@ -693,53 +694,56 @@ function R(e, t) {
 		return r += i + 40, {
 			...e,
 			position: a,
-			sourcePosition: M(t.direction),
-			targetPosition: j(t.direction)
+			sourcePosition: N(t.direction),
+			targetPosition: M(t.direction)
 		};
 	});
 }
-function te(e, t, n = {}) {
-	let r = l(() => ({
-		...A,
+function ne(e, t, n = {}) {
+	let r = u(() => ({
+		...te,
 		...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);
+	]), i = u(() => e.length === 0 ? "" : e.map((e) => e.id).sort().join(",") + "|" + t.map((e) => e.id).sort().join(","), [e, t]), a = d(e), o = d(t), s = d(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(() => {
+	let [c, p] = f("waiting"), [m, h] = f(null), [g, _] = f(""), v = d(0);
+	return l(() => {
 		if (!i) {
 			p("ready"), h(null), _("");
 			return;
 		}
 		let e = ++v.current;
-		p("computing"), L(a.current, o.current, s.current).then((t) => {
+		p("computing"), R(a.current, o.current, s.current).then((t) => {
 			e === v.current && (h(t), _(i), p("ready"));
 		}).catch(() => {
 			e === v.current && (h({
-				nodes: R(a.current, s.current),
+				nodes: z(a.current, s.current),
 				edges: o.current
 			}), _(i), p("ready"));
 		});
-	}, [i]), f === "ready" && m && g === i ? {
+	}, [i]), c === "ready" && m && g === i ? {
 		nodes: m.nodes,
 		edges: m.edges,
 		phase: "ready"
 	} : {
 		nodes: [],
 		edges: [],
-		phase: f
+		phase: c
 	};
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/index.tsx
-var ne = { cubeNode: C }, re = { relationshipEdge: w };
-function ie({ token: e }) {
-	let { useNodesInitialized: t, useReactFlow: n } = _(), r = t(), { fitView: i } = n(), a = u(0);
-	return c(() => {
+var B = /* @__PURE__ */ e({
+	SchemaVisualization: () => V,
+	default: () => V
+}), re = { cubeNode: T }, ie = { relationshipEdge: E };
+function ae({ token: e }) {
+	let { useNodesInitialized: t, useReactFlow: n } = v(), r = t(), { fitView: i } = n(), a = d(0);
+	return l(() => {
 		e === 0 || e === a.current || r && (a.current = e, i({ padding: .1 }));
 	}, [
 		e,
@@ -747,8 +751,8 @@ function ie({ token: e }) {
 		i
 	]), null;
 }
-var ae = [];
-function oe(e) {
+var oe = [];
+function se(e) {
 	switch (e) {
 		case "belongsTo": return "#10b981";
 		case "hasOne": return "#3b82f6";
@@ -757,16 +761,16 @@ function oe(e) {
 		default: return "#6b7280";
 	}
 }
-function z({ className: r = "", onFieldClick: i, highlightedCubes: a, highlightedFields: s, searchTerm: f, height: h = "100%" }) {
-	let { t: g } = n(), { ReactFlow: v, Controls: y, MiniMap: b, Background: x, applyNodeChanges: S } = _(), { meta: C, metaLoading: w, metaError: T } = t(), E = a || ae, D = s || ae, [O, k] = d(null), [A, j] = d(f || ""), [M, N] = d(0), [P, F] = d(null), [I, L] = d(null), R = u(null), z = !i, [B, V] = d({}), [H, se] = d(!1), ce = e("search"), le = e("close"), U = f === void 0 ? A : f;
-	c(() => {
+function V({ className: e = "", onFieldClick: i, highlightedCubes: a, highlightedFields: o, searchTerm: c, height: p = "100%" }) {
+	let { t: g } = r(), { ReactFlow: _, Controls: y, MiniMap: b, Background: x, applyNodeChanges: S } = v(), { meta: C, metaLoading: w, metaError: T } = n(), E = a || oe, D = o || oe, [O, k] = f(null), [A, j] = f(c || ""), [te, M] = f(0), [N, P] = f(null), [F, I] = f(null), L = d(null), R = !i, [z, B] = f({}), [V, ce] = f(!1), le = t("search"), ue = t("close"), H = c === void 0 ? A : c;
+	l(() => {
 		try {
 			let e = localStorage.getItem("drizzle-cube-erd-node-positions");
-			e && V(JSON.parse(e));
+			e && B(JSON.parse(e));
 		} catch {}
-		se(!0);
+		ce(!0);
 	}, []);
-	let { structuralNodes: W, structuralEdges: G } = l(() => {
+	let { structuralNodes: U, structuralEdges: W } = u(() => {
 		if (!C) return {
 			structuralNodes: [],
 			structuralEdges: []
@@ -793,7 +797,7 @@ function z({ className: r = "", onFieldClick: i, highlightedCubes: a, highlighte
 					},
 					animated: !1,
 					style: {
-						stroke: oe(n.relationship),
+						stroke: se(n.relationship),
 						strokeWidth: 2
 					}
 				});
@@ -802,13 +806,13 @@ function z({ className: r = "", onFieldClick: i, highlightedCubes: a, highlighte
 			structuralNodes: e,
 			structuralEdges: t
 		};
-	}, [C]), K = M > 0 || H && Object.keys(B).length === 0, { nodes: q, edges: ue, phase: de } = te(K ? W : [], K ? G : [], {
+	}, [C]), G = te > 0 || V && Object.keys(z).length === 0, { nodes: K, edges: q, phase: de } = ne(G ? U : [], G ? W : [], {
 		direction: "LR",
 		nodeWidth: 340,
 		nodeSep: 150,
 		rankSep: 350
-	}), J = o((e, t) => {
-		let n = R.current?.getBoundingClientRect();
+	}), J = s((e, t) => {
+		let n = L.current?.getBoundingClientRect();
 		if (!n) return {
 			x: e,
 			y: t
@@ -818,67 +822,67 @@ function z({ className: r = "", onFieldClick: i, highlightedCubes: a, highlighte
 			x: r,
 			y: i
 		};
-	}, []), fe = o((e, t, n, r) => {
-		F((i) => i && i.cubeName === e && i.fieldName === t ? (L(null), null) : (r && L(J(r.x, r.y)), {
+	}, []), fe = s((e, t, n, r) => {
+		P((i) => i && i.cubeName === e && i.fieldName === t ? (I(null), null) : (r && I(J(r.x, r.y)), {
 			cubeName: e,
 			fieldName: t,
 			fieldType: n
 		}));
-	}, [J]), pe = o((e, t) => {
-		F((n) => n && n.cubeName === e && n.fieldName === null ? (L(null), null) : (t && L(J(t.x, t.y)), {
+	}, [J]), pe = s((e, t) => {
+		P((n) => n && n.cubeName === e && n.fieldName === null ? (I(null), null) : (t && I(J(t.x, t.y)), {
 			cubeName: e,
 			fieldName: null,
 			fieldType: "cube"
 		}));
-	}, [J]), me = z ? fe : i, he = z ? pe : void 0, Y = o((e) => ({
+	}, [J]), me = R ? fe : i, he = R ? pe : void 0, Y = s((e) => ({
 		cube: e,
 		onFieldClick: me,
 		onCubeClick: he,
 		isHighlighted: E.includes(e.name),
 		highlightedFields: D,
-		searchTerm: U,
-		selectedField: z ? P : null
+		searchTerm: H,
+		selectedField: R ? N : null
 	}), [
 		me,
 		he,
 		E,
 		D,
-		U,
-		z,
-		P
-	]), X = !K || de === "ready", Z = l(() => !C || !X || !H ? [] : K && q.length > 0 ? q.map((e) => ({
+		H,
+		R,
+		N
+	]), X = !G || de === "ready", Z = u(() => !C || !X || !V ? [] : G && K.length > 0 ? K.map((e) => ({
 		...e,
 		data: Y(e.data?.cube || C.cubes.find((t) => t.name === e.id))
-	})) : W.map((e) => ({
+	})) : U.map((e) => ({
 		...e,
-		position: B[e.id] || e.position,
+		position: z[e.id] || e.position,
 		data: Y(e.data?.cube)
 	})), [
 		C,
 		X,
-		H,
+		V,
+		G,
 		K,
-		q,
-		W,
-		B,
+		U,
+		z,
 		Y
-	]), ge = l(() => !C || !X ? [] : K && ue.length > 0 ? ue : G, [
+	]), ge = u(() => !C || !X ? [] : G && q.length > 0 ? q : W, [
 		C,
 		X,
-		K,
-		ue,
-		G
-	]), [_e, Q] = d([]), [ve, ye] = d([]), $ = u(""), [be, xe] = d(0);
-	c(() => {
+		G,
+		q,
+		W
+	]), [_e, Q] = f([]), [ve, ye] = f([]), $ = d(""), [be, xe] = f(0);
+	l(() => {
 		if (Z.length === 0) return;
 		let e = Z.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(Z), ye(ge), t && xe((e) => e + 1);
 	}, [Z, ge]);
-	let Se = u("");
-	c(() => {
-		let e = P ? `${P.cubeName}.${P.fieldName}` : "", t = `${E.join(",")}|${D.join(",")}|${U}|${String(i)}|${e}`;
+	let Se = d("");
+	l(() => {
+		let e = N ? `${N.cubeName}.${N.fieldName}` : "", t = `${E.join(",")}|${D.join(",")}|${H}|${String(i)}|${e}`;
 		t !== Se.current && (Se.current = t, !(_e.length === 0 || !C) && Q((e) => e.map((e) => {
 			let t = C.cubes.find((t) => t.name === e.id);
 			return t ? {
@@ -889,14 +893,14 @@ function z({ className: r = "", onFieldClick: i, highlightedCubes: a, highlighte
 	}, [
 		E,
 		D,
-		U,
+		H,
 		i,
-		P,
+		N,
 		_e.length,
 		C,
 		Y
 	]);
-	let Ce = o((e) => {
+	let Ce = s((e) => {
 		Q((t) => S(e, t)), e.filter((e) => e.type === "position" && "dragging" in e && e.dragging === !1).length > 0 && Q((e) => {
 			let t = {};
 			e.forEach((e) => {
@@ -905,95 +909,95 @@ function z({ className: r = "", onFieldClick: i, highlightedCubes: a, highlighte
 			try {
 				localStorage.setItem("drizzle-cube-erd-node-positions", JSON.stringify(t));
 			} catch {}
-			return V(t), e;
+			return B(t), e;
 		});
-	}, []), we = o((e) => {}, []), Te = o((e) => {
+	}, []), we = s((e) => {}, []), Te = s((e) => {
 		e.preventDefault(), e.stopPropagation(), k({
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, []), Ee = o(() => {
-		O && k(null), P && (F(null), L(null));
-	}, [O, P]), De = o(() => {
-		V({}), $.current = "";
+	}, []), Ee = s(() => {
+		O && k(null), N && (P(null), I(null));
+	}, [O, N]), De = s(() => {
+		B({}), $.current = "";
 		try {
 			localStorage.removeItem("drizzle-cube-erd-node-positions");
 		} catch {}
-		N((e) => e + 1), k(null);
+		M((e) => e + 1), k(null);
 	}, []);
-	return w ? /* @__PURE__ */ p("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${r}`,
-		children: /* @__PURE__ */ m("div", {
+	return w ? /* @__PURE__ */ m("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
+		children: /* @__PURE__ */ h("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__ */ m("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__ */ m("p", {
 				className: "text-dc-text-muted",
 				children: g("schema.loading")
 			})]
 		})
-	}) : T ? /* @__PURE__ */ p("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${r}`,
-		children: /* @__PURE__ */ m("div", {
+	}) : T ? /* @__PURE__ */ m("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
+		children: /* @__PURE__ */ h("div", {
 			className: "dc:text-center text-dc-error",
-			children: [/* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ m("p", {
 				className: "dc:font-medium",
 				children: g("schema.error")
-			}), /* @__PURE__ */ p("p", {
+			}), /* @__PURE__ */ m("p", {
 				className: "dc:text-sm dc:mt-1",
 				children: T
 			})]
 		})
-	}) : !C || C.cubes.length === 0 ? /* @__PURE__ */ p("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${r}`,
-		children: /* @__PURE__ */ m("div", {
+	}) : !C || C.cubes.length === 0 ? /* @__PURE__ */ m("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
+		children: /* @__PURE__ */ h("div", {
 			className: "dc:text-center text-dc-text-muted",
-			children: [/* @__PURE__ */ p("p", {
+			children: [/* @__PURE__ */ m("p", {
 				className: "dc:font-medium",
 				children: g("schema.noCubes")
-			}), /* @__PURE__ */ p("p", {
+			}), /* @__PURE__ */ m("p", {
 				className: "dc:text-sm dc:mt-1",
 				children: g("schema.noCubesHint")
 			})]
 		})
-	}) : X ? /* @__PURE__ */ m("div", {
-		className: `dc:flex dc:flex-col ${r}`,
+	}) : X ? /* @__PURE__ */ h("div", {
+		className: `dc:flex dc:flex-col ${e}`,
 		style: {
-			height: h,
+			height: p,
 			minHeight: 400
 		},
 		children: [
-			f === void 0 && /* @__PURE__ */ m("div", {
+			c === void 0 && /* @__PURE__ */ h("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__ */ m(le, { className: "dc:w-4 dc:h-4 text-dc-text-muted" }),
+					/* @__PURE__ */ m("input", {
 						type: "text",
 						value: A,
 						onChange: (e) => j(e.target.value),
 						placeholder: g("schema.searchPlaceholder"),
 						className: "dc:flex-1 dc:text-sm dc:bg-transparent dc:outline-none text-dc-text dc:placeholder:text-dc-text-muted"
 					}),
-					A && /* @__PURE__ */ p("button", {
+					A && /* @__PURE__ */ m("button", {
 						onClick: () => j(""),
 						className: "text-dc-text-muted dc:hover:text-dc-text",
-						children: /* @__PURE__ */ p(le, { className: "dc:w-3 dc:h-3" })
+						children: /* @__PURE__ */ m(ue, { className: "dc:w-3 dc:h-3" })
 					})
 				]
 			}),
-			/* @__PURE__ */ m("div", {
-				ref: R,
+			/* @__PURE__ */ h("div", {
+				ref: L,
 				className: "dc:relative dc:flex-1 dc:min-h-0",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					style: {
 						position: "absolute",
 						inset: 0
 					},
-					children: /* @__PURE__ */ m(v, {
+					children: /* @__PURE__ */ h(_, {
 						nodes: _e,
 						edges: ve,
 						onNodesChange: Ce,
 						onEdgesChange: we,
-						nodeTypes: ne,
-						edgeTypes: re,
+						nodeTypes: re,
+						edgeTypes: ie,
 						connectionMode: "loose",
 						minZoom: .1,
 						maxZoom: 2,
@@ -1001,52 +1005,52 @@ function z({ className: r = "", onFieldClick: i, highlightedCubes: a, highlighte
 						onPaneContextMenu: Te,
 						onPaneClick: Ee,
 						children: [
-							/* @__PURE__ */ p(y, {}),
-							/* @__PURE__ */ p(b, {
+							/* @__PURE__ */ m(y, {}),
+							/* @__PURE__ */ m(b, {
 								nodeColor: (e) => E.includes(e.id) ? "#8b5cf6" : "#e5e7eb",
 								maskColor: "rgb(240, 242, 246, 0.7)"
 							}),
-							/* @__PURE__ */ p(x, {
+							/* @__PURE__ */ m(x, {
 								variant: "dots",
 								gap: 12,
 								size: 1
 							}),
-							/* @__PURE__ */ p(ie, { token: be })
+							/* @__PURE__ */ m(ae, { token: be })
 						]
 					})
-				}), z && P && I && C && /* @__PURE__ */ p("div", {
+				}), R && N && F && C && /* @__PURE__ */ m("div", {
 					className: "dc:absolute dc:z-20",
 					style: {
-						left: I.x,
-						top: I.y
+						left: F.x,
+						top: F.y
 					},
-					children: /* @__PURE__ */ p(ee, {
-						selection: P,
+					children: /* @__PURE__ */ m(ee, {
+						selection: N,
 						meta: C,
 						onClose: () => {
-							F(null), L(null);
+							P(null), I(null);
 						}
 					})
 				})]
 			}),
-			O && /* @__PURE__ */ p("div", {
+			O && /* @__PURE__ */ m("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: O.x,
 					top: O.y
 				},
-				children: /* @__PURE__ */ p("button", {
+				children: /* @__PURE__ */ m("button", {
 					onClick: De,
 					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: g("schema.autoLayout")
 				})
 			})
 		]
-	}) : /* @__PURE__ */ p("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${r}`,
-		children: /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ m("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
+		children: /* @__PURE__ */ h("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__ */ m("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__ */ m("p", {
 				className: "text-dc-text-muted",
 				children: g("schema.computingLayout")
 			})]
@@ -1054,6 +1058,6 @@ function z({ className: r = "", onFieldClick: i, highlightedCubes: a, highlighte
 	});
 }
 //#endregion
-export { S as n, z as t };
+export { w as n, y as r, B as t };
 
-//# sourceMappingURL=schema-visualization-cnB2xZxn.js.map
+//# sourceMappingURL=schema-visualization-BY9L2nBQ.js.map