drizzle-cube 0.4.53 → 0.5.0

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

@@ -1,35 +1,37 @@
-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";
+import { A as e, c as t } from "./chart-data-table-C3Xh9jwL.js";
+import { k as n } from "./chart-activity-grid-CWT0gLv4.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";
 //#region src/client/components/SchemaVisualization/xyflowContext.tsx
-var m = r(null), h = m.Provider;
-function g() {
-	let e = o(m);
+var h = i(null), g = h.Provider;
+function _() {
+	let e = s(h);
 	if (!e) throw Error("useXyflow must be used within XyflowProvider");
 	return e;
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/SchemaVisualizationLazy.tsx
-var _ = !1;
-function v(e) {
-	return /* @__PURE__ */ f("div", {
+var v = !1;
+function y(e) {
+	let { t } = n();
+	return /* @__PURE__ */ p("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:h-full dc:p-8",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "dc:text-center dc:max-w-md",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "dc:text-4xl dc:mb-4",
 					children: "🔍"
 				}),
-				/* @__PURE__ */ f("h3", {
+				/* @__PURE__ */ p("h3", {
 					className: "dc:text-lg dc:font-semibold text-dc-text dc:mb-2",
-					children: "Schema Visualization requires additional packages"
+					children: t("schema.missingDeps.title")
 				}),
-				/* @__PURE__ */ f("p", {
+				/* @__PURE__ */ p("p", {
 					className: "dc:text-sm text-dc-text-secondary dc:mb-4",
-					children: "Install the required dependencies to enable the interactive schema diagram:"
+					children: t("schema.missingDeps.description")
 				}),
-				/* @__PURE__ */ f("code", {
+				/* @__PURE__ */ p("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"
 				})
@@ -37,121 +39,117 @@ function v(e) {
 		})
 	});
 }
-function y() {
-	return /* @__PURE__ */ f("div", {
+function b() {
+	let { t: e } = n();
+	return /* @__PURE__ */ p("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:h-full",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "dc:text-center",
-			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", {
+			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", {
 				className: "dc:text-sm text-dc-text-muted",
-				children: "Loading schema visualization..."
+				children: e("schema.loadingVisualization")
 			})]
 		})
 	});
 }
-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;
+var x = a(async () => ({ default: (await import("./SchemaVisualization-CCICjhvv.js")).SchemaVisualization }));
+function S(e) {
+	let [t, n] = d(null), [i, a] = d(v);
+	return c(() => {
+		if (v) return;
 		let e = !1;
 		return import("@xyflow/react").then((t) => {
-			e || r(t);
+			e || n(t);
 		}).catch(() => {
-			_ = !0, e || a(!0);
+			v = !0, e || a(!0);
 		}), () => {
 			e = !0;
 		};
-	}, []), i ? /* @__PURE__ */ f(v, { ...e }) : t ? /* @__PURE__ */ f(h, {
+	}, []), i ? /* @__PURE__ */ p(y, { ...e }) : t ? /* @__PURE__ */ p(g, {
 		value: t,
-		children: /* @__PURE__ */ f(n, {
-			fallback: /* @__PURE__ */ f(y, {}),
-			children: /* @__PURE__ */ f(b, { ...e })
+		children: /* @__PURE__ */ p(r, {
+			fallback: /* @__PURE__ */ p(b, {}),
+			children: /* @__PURE__ */ p(x, { ...e })
 		})
-	}) : /* @__PURE__ */ f(y, {});
+	}) : /* @__PURE__ */ p(b, {});
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/CubeNode.tsx
-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, {
+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) => {
+		s && s(o.name, t, n, {
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, m = e("info"), h = (e) => {
-		e.stopPropagation(), o && o(i.name, {
+	}, g = e("info"), v = (e) => {
+		e.stopPropagation(), c && c(o.name, {
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, _ = (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();
+	}, y = (e) => f ? f.cubeName === o.name && f.fieldName === e : !1, b = f?.cubeName === o.name && f?.fieldName === null, x = (e) => u.includes(e), S = (e) => {
+		if (!d?.trim()) return !0;
+		let t = d.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 = _(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__ */ p("div", {
+	}, C = d?.trim() ? o.measures.some((e) => S(e)) || o.dimensions.some((e) => S(e)) : !0, w = (e, t, n) => {
+		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", {
 		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" : ""}
-        ${s ? "border-dc-accent dc:ring-2 ring-dc-accent" : "border-dc-border"}
+        ${!C && d?.trim() ? "dc:opacity-30 dc:grayscale" : ""}
+        ${l ? "border-dc-accent dc:ring-2 ring-dc-accent" : "border-dc-border"}
       `,
 		style: { backgroundColor: "var(--dc-surface)" },
 		children: [
-			/* @__PURE__ */ f("div", {
-				className: `dc:px-4 dc:py-3 dc:transition-colors ${s ? "bg-dc-accent-bg" : "bg-dc-surface-secondary"}`,
-				children: /* @__PURE__ */ p("div", {
+			/* @__PURE__ */ p("div", {
+				className: `dc:px-4 dc:py-3 dc:transition-colors ${l ? "bg-dc-accent-bg" : "bg-dc-surface-secondary"}`,
+				children: /* @__PURE__ */ m("div", {
 					className: "dc:flex dc:items-center dc:justify-between",
 					children: [
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h3", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
 							className: "dc:font-semibold text-dc-text dc:text-sm",
-							children: i.title || i.name
-						}), i.description && /* @__PURE__ */ f("p", {
+							children: o.title || o.name
+						}), o.description && /* @__PURE__ */ p("p", {
 							className: "dc:text-xs text-dc-text-muted dc:mt-1 dc:line-clamp-2",
-							children: i.description
+							children: o.description
 						})] }),
-						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__ */ f(m, { className: "dc:w-5 dc:h-5" })
+						c && /* @__PURE__ */ p("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" })
 						}),
-						!o && /* @__PURE__ */ p("div", {
+						!c && /* @__PURE__ */ m("div", {
 							className: "dc:text-xs text-dc-text-muted dc:ml-2",
-							children: [/* @__PURE__ */ p("div", { children: [i.measures.length, "M"] }), /* @__PURE__ */ p("div", { children: [i.dimensions.length, "D"] })]
+							children: [/* @__PURE__ */ m("div", { children: [o.measures.length, "M"] }), /* @__PURE__ */ m("div", { children: [o.dimensions.length, "D"] })]
 						})
 					]
 				})
 			}),
-			i.measures.length > 0 && /* @__PURE__ */ p("div", {
+			o.measures.length > 0 && /* @__PURE__ */ m("div", {
 				className: "dc:border-t border-dc-border",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ p("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__ */ p("h4", {
+					children: /* @__PURE__ */ m("h4", {
 						className: "dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center",
-						children: [
-							/* @__PURE__ */ f("span", { className: "dc:w-2 dc:h-2 bg-dc-warning dc:rounded-full dc:mr-2" }),
-							"Measures (",
-							i.measures.length,
-							")"
-						]
+						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 })]
 					})
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
-					children: i.measures.map((e) => {
+					children: o.measures.map((e) => {
 						let t = e.name.split(".")[1] || e.name;
-						return /* @__PURE__ */ f("div", {
-							className: S(e, y(e.name), "measure"),
-							onClick: (e) => d(e, t, "measure"),
+						return /* @__PURE__ */ p("div", {
+							className: w(e, x(e.name), "measure"),
+							onClick: (e) => h(e, t, "measure"),
 							title: e.title,
-							children: /* @__PURE__ */ p("div", {
+							children: /* @__PURE__ */ m("div", {
 								className: "dc:flex dc:items-center dc:justify-between",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "dc:font-mono dc:truncate",
 									children: e.shortTitle || e.title || t
-								}), /* @__PURE__ */ f("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
 									children: e.type
 								})]
@@ -160,34 +158,29 @@ function S({ data: t }) {
 					})
 				})]
 			}),
-			C.length > 0 && /* @__PURE__ */ p("div", {
+			T.length > 0 && /* @__PURE__ */ m("div", {
 				className: "dc:border-t border-dc-border",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ p("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__ */ p("h4", {
+					children: /* @__PURE__ */ m("h4", {
 						className: "dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center",
-						children: [
-							/* @__PURE__ */ f("span", { className: "dc:w-2 dc:h-2 bg-dc-accent dc:rounded-full dc:mr-2" }),
-							"Time Dimensions (",
-							C.length,
-							")"
-						]
+						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 })]
 					})
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
-					children: C.map((e) => {
+					children: T.map((e) => {
 						let t = e.name.split(".")[1] || e.name;
-						return /* @__PURE__ */ f("div", {
-							className: S(e, y(e.name), "dimension"),
-							onClick: (e) => d(e, t, "dimension"),
+						return /* @__PURE__ */ p("div", {
+							className: w(e, x(e.name), "dimension"),
+							onClick: (e) => h(e, t, "dimension"),
 							title: e.title,
-							children: /* @__PURE__ */ p("div", {
+							children: /* @__PURE__ */ m("div", {
 								className: "dc:flex dc:items-center dc:justify-between",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "dc:font-mono dc:truncate",
 									children: e.shortTitle || e.title || t
-								}), /* @__PURE__ */ f("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
 									children: e.type
 								})]
@@ -196,34 +189,29 @@ function S({ data: t }) {
 					})
 				})]
 			}),
-			w.length > 0 && /* @__PURE__ */ p("div", {
+			E.length > 0 && /* @__PURE__ */ m("div", {
 				className: "dc:border-t border-dc-border",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ p("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__ */ p("h4", {
+					children: /* @__PURE__ */ m("h4", {
 						className: "dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center",
-						children: [
-							/* @__PURE__ */ f("span", { className: "dc:w-2 dc:h-2 bg-dc-success dc:rounded-full dc:mr-2" }),
-							"Dimensions (",
-							w.length,
-							")"
-						]
+						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 })]
 					})
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
-					children: w.map((e) => {
+					children: E.map((e) => {
 						let t = e.name.split(".")[1] || e.name;
-						return /* @__PURE__ */ f("div", {
-							className: S(e, y(e.name), "dimension"),
-							onClick: (e) => d(e, t, "dimension"),
+						return /* @__PURE__ */ p("div", {
+							className: w(e, x(e.name), "dimension"),
+							onClick: (e) => h(e, t, "dimension"),
 							title: e.title,
-							children: /* @__PURE__ */ p("div", {
+							children: /* @__PURE__ */ m("div", {
 								className: "dc:flex dc:items-center dc:justify-between",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "dc:font-mono dc:truncate",
 									children: e.shortTitle || e.title || t
-								}), /* @__PURE__ */ f("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
 									children: e.type
 								})]
@@ -232,30 +220,30 @@ function S({ data: t }) {
 					})
 				})]
 			}),
-			/* @__PURE__ */ f(n, {
+			/* @__PURE__ */ p(i, {
 				type: "source",
-				position: r.Right,
+				position: a.Right,
 				id: "right",
 				className: "dc:opacity-0",
 				isConnectable: !1
 			}),
-			/* @__PURE__ */ f(n, {
+			/* @__PURE__ */ p(i, {
 				type: "target",
-				position: r.Left,
+				position: a.Left,
 				id: "left",
 				className: "dc:opacity-0",
 				isConnectable: !1
 			}),
-			/* @__PURE__ */ f(n, {
+			/* @__PURE__ */ p(i, {
 				type: "source",
-				position: r.Bottom,
+				position: a.Bottom,
 				id: "bottom",
 				className: "dc:opacity-0",
 				isConnectable: !1
 			}),
-			/* @__PURE__ */ f(n, {
+			/* @__PURE__ */ p(i, {
 				type: "target",
-				position: r.Top,
+				position: a.Top,
 				id: "top",
 				className: "dc:opacity-0",
 				isConnectable: !1
@@ -265,8 +253,8 @@ function S({ data: t }) {
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/RelationshipEdge.tsx
-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({
+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({
 		sourceX: e,
 		sourceY: t,
 		sourcePosition: i,
@@ -292,36 +280,36 @@ function C({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: i,
 			default: return "#6b7280";
 		}
 	})(y.relationship), C = x(y.relationship);
-	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(u, {
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, {
 		path: h,
 		markerEnd: c,
 		style: {
 			...o,
 			stroke: S
 		}
-	}), /* @__PURE__ */ f(m, { children: /* @__PURE__ */ f("div", {
+	}), /* @__PURE__ */ p(d, { children: /* @__PURE__ */ p("div", {
 		style: {
 			position: "absolute",
-			transform: `translate(-50%, -50%) translate(${_}px,${v}px)`,
+			transform: `translate(-50%, -50%) translate(${g}px,${v}px)`,
 			fontSize: 10,
 			pointerEvents: "all"
 		},
 		className: "nodrag nopan",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ p("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__ */ p("div", {
+			children: /* @__PURE__ */ m("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "dc:font-bold dc:text-xs dc:mb-1",
 					style: { color: S },
 					children: C
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "dc:text-[9px] text-dc-text-muted dc:leading-tight",
-					children: b.map((e, t) => /* @__PURE__ */ p("div", {
+					children: b.map((e, t) => /* @__PURE__ */ m("div", {
 						className: "dc:font-mono",
 						children: [
 							e.sourceField,
@@ -336,20 +324,20 @@ function C({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: i,
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/FieldDetailPanel.tsx
-function w({ label: e, children: t }) {
-	return /* @__PURE__ */ p("div", {
+function T({ label: e, children: t }) {
+	return /* @__PURE__ */ m("div", {
 		className: "dc:flex dc:items-start dc:gap-2 dc:text-xs",
-		children: [/* @__PURE__ */ f("span", {
+		children: [/* @__PURE__ */ p("span", {
 			className: "text-dc-text-muted dc:w-20 dc:flex-shrink-0 dc:font-medium",
 			children: e
-		}), /* @__PURE__ */ f("span", {
+		}), /* @__PURE__ */ p("span", {
 			className: "text-dc-text dc:flex-1 dc:min-w-0",
 			children: t
 		})]
 	});
 }
-function T({ type: e, color: t }) {
-	return /* @__PURE__ */ f("span", {
+function E({ type: e, color: t }) {
+	return /* @__PURE__ */ p("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))`,
@@ -358,17 +346,17 @@ function T({ type: e, color: t }) {
 		children: e
 	});
 }
-function E({ measure: e, cube: t }) {
-	return /* @__PURE__ */ p("div", {
+function D({ measure: e, cube: t }) {
+	return /* @__PURE__ */ m("div", {
 		className: "dc:flex dc:flex-col dc:gap-2",
 		children: [
-			/* @__PURE__ */ f(w, {
+			/* @__PURE__ */ p(T, {
 				label: "Cube",
 				children: t.title || t.name
 			}),
-			/* @__PURE__ */ f(w, {
+			/* @__PURE__ */ p(T, {
 				label: "Type",
-				children: /* @__PURE__ */ f(T, {
+				children: /* @__PURE__ */ p(E, {
 					type: e.type,
 					color: {
 						count: "#f59e0b",
@@ -383,15 +371,15 @@ function E({ measure: e, cube: t }) {
 					}[e.type] || "#6b7280"
 				})
 			}),
-			e.title && e.title !== e.shortTitle && /* @__PURE__ */ f(w, {
+			e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(T, {
 				label: "Title",
 				children: e.title
 			}),
-			e.drillMembers && e.drillMembers.length > 0 && /* @__PURE__ */ f(w, {
+			e.drillMembers && e.drillMembers.length > 0 && /* @__PURE__ */ p(T, {
 				label: "Drill into",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "dc:flex dc:flex-wrap dc:gap-1",
-					children: e.drillMembers.map((e) => /* @__PURE__ */ f("span", {
+					children: e.drillMembers.map((e) => /* @__PURE__ */ p("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))
@@ -400,44 +388,44 @@ function E({ measure: e, cube: t }) {
 		]
 	});
 }
-function D({ dimension: e, cube: t }) {
+function O({ 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__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "dc:flex dc:flex-col dc:gap-2",
 		children: [
-			/* @__PURE__ */ f(w, {
+			/* @__PURE__ */ p(T, {
 				label: "Cube",
 				children: t.title || t.name
 			}),
-			/* @__PURE__ */ f(w, {
+			/* @__PURE__ */ p(T, {
 				label: "Type",
-				children: /* @__PURE__ */ f(T, {
+				children: /* @__PURE__ */ p(E, {
 					type: e.type,
 					color: n
 				})
 			}),
-			e.title && e.title !== e.shortTitle && /* @__PURE__ */ f(w, {
+			e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(T, {
 				label: "Title",
 				children: e.title
 			}),
-			e.type === "time" && e.granularities && e.granularities.length > 0 && /* @__PURE__ */ f(w, {
+			e.type === "time" && e.granularities && e.granularities.length > 0 && /* @__PURE__ */ p(T, {
 				label: "Granularity",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "dc:flex dc:flex-wrap dc:gap-1",
-					children: e.granularities.map((e) => /* @__PURE__ */ f("span", {
+					children: e.granularities.map((e) => /* @__PURE__ */ p("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__ */ f(w, {
+			r.length > 0 && /* @__PURE__ */ p(T, {
 				label: "Hierarchy",
-				children: r.map((e) => /* @__PURE__ */ p("div", {
+				children: r.map((e) => /* @__PURE__ */ m("div", {
 					className: "dc:text-[10px]",
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "dc:font-medium",
 						children: e.title
-					}), /* @__PURE__ */ p("span", {
+					}), /* @__PURE__ */ m("span", {
 						className: "text-dc-text-muted dc:ml-1",
 						children: [
 							"(",
@@ -450,26 +438,26 @@ function D({ dimension: e, cube: t }) {
 		]
 	});
 }
-function O({ cube: e }) {
+function k({ cube: e }) {
 	let t = {
 		belongsTo: "#10b981",
 		hasOne: "#3b82f6",
 		hasMany: "#f59e0b",
 		belongsToMany: "#8b5cf6"
 	};
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "dc:flex dc:flex-col dc:gap-2",
 		children: [
-			e.description && /* @__PURE__ */ f(w, {
+			e.description && /* @__PURE__ */ p(T, {
 				label: "Description",
 				children: e.description
 			}),
-			/* @__PURE__ */ p(w, {
+			/* @__PURE__ */ m(T, {
 				label: "Measures",
-				children: [/* @__PURE__ */ f("span", {
+				children: [/* @__PURE__ */ p("span", {
 					className: "dc:font-mono",
 					children: e.measures.length
-				}), e.measures.length > 0 && /* @__PURE__ */ p("span", {
+				}), e.measures.length > 0 && /* @__PURE__ */ m("span", {
 					className: "text-dc-text-muted dc:ml-1",
 					children: [
 						"(",
@@ -478,12 +466,12 @@ function O({ cube: e }) {
 					]
 				})]
 			}),
-			/* @__PURE__ */ p(w, {
+			/* @__PURE__ */ m(T, {
 				label: "Dimensions",
-				children: [/* @__PURE__ */ f("span", {
+				children: [/* @__PURE__ */ p("span", {
 					className: "dc:font-mono",
 					children: e.dimensions.length
-				}), e.dimensions.some((e) => e.type === "time") && /* @__PURE__ */ p("span", {
+				}), e.dimensions.some((e) => e.type === "time") && /* @__PURE__ */ m("span", {
 					className: "text-dc-text-muted dc:ml-1",
 					children: [
 						"(",
@@ -492,32 +480,32 @@ function O({ cube: e }) {
 					]
 				})]
 			}),
-			e.relationships && e.relationships.length > 0 && /* @__PURE__ */ f(w, {
+			e.relationships && e.relationships.length > 0 && /* @__PURE__ */ p(T, {
 				label: "Joins",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "dc:flex dc:flex-col dc:gap-1",
-					children: e.relationships.map((e, n) => /* @__PURE__ */ p("div", {
+					children: e.relationships.map((e, n) => /* @__PURE__ */ m("div", {
 						className: "dc:flex dc:items-center dc:gap-1.5 dc:text-[10px]",
-						children: [/* @__PURE__ */ f(T, {
+						children: [/* @__PURE__ */ p(E, {
 							type: e.relationship,
 							color: t[e.relationship] || "#6b7280"
-						}), /* @__PURE__ */ f("span", {
+						}), /* @__PURE__ */ p("span", {
 							className: "dc:font-mono",
 							children: e.targetCube
 						})]
 					}, n))
 				})
 			}),
-			e.hierarchies && e.hierarchies.length > 0 && /* @__PURE__ */ f(w, {
+			e.hierarchies && e.hierarchies.length > 0 && /* @__PURE__ */ p(T, {
 				label: "Hierarchies",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "dc:flex dc:flex-col dc:gap-1",
-					children: e.hierarchies.map((e) => /* @__PURE__ */ p("div", {
+					children: e.hierarchies.map((e) => /* @__PURE__ */ m("div", {
 						className: "dc:text-[10px]",
-						children: [/* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ p("span", {
 							className: "dc:font-medium",
 							children: e.title
-						}), /* @__PURE__ */ p("span", {
+						}), /* @__PURE__ */ m("span", {
 							className: "text-dc-text-muted dc:ml-1",
 							children: [
 								"(",
@@ -528,24 +516,24 @@ function O({ cube: e }) {
 					}, e.name))
 				})
 			}),
-			e.meta?.eventStream && /* @__PURE__ */ f(w, {
+			e.meta?.eventStream && /* @__PURE__ */ p(T, {
 				label: "Event Stream",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "dc:text-[10px]",
 					children: [
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", {
 							className: "text-dc-text-muted",
 							children: "binding: "
 						}),
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", {
 							className: "dc:font-mono",
 							children: e.meta.eventStream.bindingKey.split(".")[1] || e.meta.eventStream.bindingKey
 						}),
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", {
 							className: "text-dc-text-muted dc:ml-2",
 							children: "time: "
 						}),
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", {
 							className: "dc:font-mono",
 							children: e.meta.eventStream.timeDimension.split(".")[1] || e.meta.eventStream.timeDimension
 						})
@@ -559,43 +547,43 @@ 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 (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 });
+	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__ */ f(E, {
+		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,
 			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__ */ f(D, {
+		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,
 			cube: a
 		});
 	}
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("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__ */ p("div", {
+		children: [/* @__PURE__ */ m("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__ */ p("div", {
+			children: [/* @__PURE__ */ m("div", {
 				className: "dc:flex dc:items-center dc:gap-2 dc:min-w-0",
-				children: [/* @__PURE__ */ f("span", {
+				children: [/* @__PURE__ */ p("span", {
 					className: "dc:w-2 dc:h-2 dc:rounded-full dc:flex-shrink-0",
 					style: { backgroundColor: s }
-				}), /* @__PURE__ */ f("h4", {
+				}), /* @__PURE__ */ p("h4", {
 					className: "dc:text-sm dc:font-semibold text-dc-text dc:truncate",
 					children: o
 				})]
-			}), /* @__PURE__ */ f("button", {
+			}), /* @__PURE__ */ p("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__ */ f(i, { className: "dc:w-3.5 dc:h-3.5" })
+				children: /* @__PURE__ */ p(i, { className: "dc:w-3.5 dc:h-3.5" })
 			})]
-		}), /* @__PURE__ */ f("div", {
+		}), /* @__PURE__ */ p("div", {
 			className: "dc:px-4 dc:py-3",
 			children: l
 		})]
@@ -603,39 +591,39 @@ function ee({ selection: t, meta: n, onClose: r }) {
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/useERDLayout.ts
-var k = {
+var A = {
 	direction: "LR",
 	nodeWidth: 340,
 	nodeSep: 150,
 	rankSep: 350
 };
-function A(e) {
+function j(e) {
 	switch (e) {
 		case "TB": return "top";
 		case "LR": return "left";
 		default: return "top";
 	}
 }
-function j(e) {
+function M(e) {
 	switch (e) {
 		case "TB": return "bottom";
 		case "LR": return "right";
 		default: return "bottom";
 	}
 }
-function M(e) {
+function N(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 N = null, P = null;
-function F() {
-	return P || (P = import("elkjs/lib/elk.bundled.js").then((e) => (N = new (e.default || e)(), N)).catch(() => null), P);
+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);
 }
-async function I(e, t, n) {
-	if (await F(), !N) return {
-		nodes: L(e, n),
+async function L(e, t, n) {
+	if (await I(), !P) return {
+		nodes: R(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();
@@ -643,7 +631,7 @@ async function I(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 = M(e), c = a.get(e.id) || [], l = o.get(e.id) || [], u = [...c.map((t) => ({
+		let t = n.nodeWidth, s = N(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) => ({
@@ -661,7 +649,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 = await N.layout({
+	})), l = n.direction === "LR" ? "RIGHT" : "DOWN", u = await P.layout({
 		id: "root",
 		layoutOptions: {
 			"elk.algorithm": "layered",
@@ -687,16 +675,16 @@ async function I(e, t, n) {
 		nodes: e.map((e) => ({
 			...e,
 			position: d.get(e.id) || e.position,
-			targetPosition: A(n.direction),
-			sourcePosition: j(n.direction)
+			targetPosition: j(n.direction),
+			sourcePosition: M(n.direction)
 		})),
 		edges: t
 	};
 }
-function L(e, t) {
+function R(e, t) {
 	let n = 0, r = 0;
 	return e.map((e) => {
-		let i = M(e);
+		let i = N(e);
 		r + i > 1200 && r > 0 && (n++, r = 0);
 		let a = {
 			x: n * (t.nodeWidth + t.nodeSep),
@@ -705,34 +693,34 @@ function L(e, t) {
 		return r += i + 40, {
 			...e,
 			position: a,
-			sourcePosition: j(t.direction),
-			targetPosition: A(t.direction)
+			sourcePosition: M(t.direction),
+			targetPosition: j(t.direction)
 		};
 	});
 }
 function te(e, t, n = {}) {
-	let r = c(() => ({
-		...k,
+	let r = l(() => ({
+		...A,
 		...n
 	}), [
 		n.direction,
 		n.nodeWidth,
 		n.nodeSep,
 		n.rankSep
-	]), 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(() => {
+	]), 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(() => {
 		if (!i) {
 			p("ready"), h(null), _("");
 			return;
 		}
 		let e = ++v.current;
-		p("computing"), I(a.current, o.current, d.current).then((t) => {
+		p("computing"), L(a.current, o.current, s.current).then((t) => {
 			e === v.current && (h(t), _(i), p("ready"));
 		}).catch(() => {
 			e === v.current && (h({
-				nodes: L(a.current, d.current),
+				nodes: R(a.current, s.current),
 				edges: o.current
 			}), _(i), p("ready"));
 		});
@@ -748,10 +736,10 @@ function te(e, t, n = {}) {
 }
 //#endregion
 //#region src/client/components/SchemaVisualization/index.tsx
-var ne = { cubeNode: S }, re = { relationshipEdge: C };
+var ne = { cubeNode: C }, re = { relationshipEdge: w };
 function ie({ token: e }) {
-	let { useNodesInitialized: t, useReactFlow: n } = g(), r = t(), { fitView: i } = n(), a = l(0);
-	return s(() => {
+	let { useNodesInitialized: t, useReactFlow: n } = _(), r = t(), { fitView: i } = n(), a = u(0);
+	return c(() => {
 		e === 0 || e === a.current || r && (a.current = e, i({ padding: .1 }));
 	}, [
 		e,
@@ -769,21 +757,21 @@ function oe(e) {
 		default: return "#6b7280";
 	}
 }
-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(() => {
+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(() => {
 		try {
 			let e = localStorage.getItem("drizzle-cube-erd-node-positions");
-			e && z(JSON.parse(e));
+			e && V(JSON.parse(e));
 		} catch {}
 		se(!0);
 	}, []);
-	let { structuralNodes: H, structuralEdges: U } = c(() => {
-		if (!x) return {
+	let { structuralNodes: W, structuralEdges: G } = l(() => {
+		if (!C) return {
 			structuralNodes: [],
 			structuralEdges: []
 		};
-		let e = x.cubes.map((e, t) => ({
+		let e = C.cubes.map((e, t) => ({
 			id: e.name,
 			type: "cubeNode",
 			position: {
@@ -792,7 +780,7 @@ function R({ className: n = "", onFieldClick: r, highlightedCubes: i, highlighte
 			},
 			data: { cube: e }
 		})), t = [];
-		return x.cubes.forEach((e) => {
+		return C.cubes.forEach((e) => {
 			e.relationships && e.relationships.forEach((n, r) => {
 				n.relationship !== "belongsTo" && t.push({
 					id: `${e.name}-${n.targetCube}-${r}`,
@@ -814,13 +802,13 @@ function R({ className: n = "", onFieldClick: r, highlightedCubes: i, highlighte
 			structuralNodes: e,
 			structuralEdges: t
 		};
-	}, [x]), W = A > 0 || B && Object.keys(R).length === 0, { nodes: G, edges: K, phase: ue } = te(W ? H : [], W ? U : [], {
+	}, [C]), K = M > 0 || H && Object.keys(B).length === 0, { nodes: q, edges: ue, phase: de } = te(K ? W : [], K ? G : [], {
 		direction: "LR",
 		nodeWidth: 340,
 		nodeSep: 150,
 		rankSep: 350
-	}), q = a((e, t) => {
-		let n = I.current?.getBoundingClientRect();
+	}), J = o((e, t) => {
+		let n = R.current?.getBoundingClientRect();
 		if (!n) return {
 			x: e,
 			y: t
@@ -830,86 +818,86 @@ function R({ className: n = "", onFieldClick: r, highlightedCubes: i, highlighte
 			x: r,
 			y: i
 		};
-	}, []), 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)), {
+	}, []), 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)), {
 			cubeName: e,
 			fieldName: t,
 			fieldType: n
 		}));
-	}, [q]), fe = a((e, t) => {
-		N((n) => n && n.cubeName === e && n.fieldName === null ? (F(null), null) : (t && F(q(t.x, t.y)), {
+	}, [J]), pe = o((e, t) => {
+		F((n) => n && n.cubeName === e && n.fieldName === null ? (L(null), null) : (t && L(J(t.x, t.y)), {
 			cubeName: e,
 			fieldName: null,
 			fieldType: "cube"
 		}));
-	}, [q]), pe = L ? de : r, me = L ? fe : void 0, J = a((e) => ({
+	}, [J]), me = z ? fe : i, he = z ? pe : void 0, Y = o((e) => ({
 		cube: e,
-		onFieldClick: pe,
-		onCubeClick: me,
-		isHighlighted: w.includes(e.name),
-		highlightedFields: T,
-		searchTerm: V,
-		selectedField: L ? M : null
+		onFieldClick: me,
+		onCubeClick: he,
+		isHighlighted: E.includes(e.name),
+		highlightedFields: D,
+		searchTerm: U,
+		selectedField: z ? P : null
 	}), [
-		pe,
 		me,
-		w,
-		T,
-		V,
-		L,
-		M
-	]), Y = !W || ue === "ready", X = c(() => !x || !Y || !B ? [] : W && G.length > 0 ? G.map((e) => ({
+		he,
+		E,
+		D,
+		U,
+		z,
+		P
+	]), X = !K || de === "ready", Z = l(() => !C || !X || !H ? [] : K && q.length > 0 ? q.map((e) => ({
 		...e,
-		data: J(e.data?.cube || x.cubes.find((t) => t.name === e.id))
-	})) : H.map((e) => ({
+		data: Y(e.data?.cube || C.cubes.find((t) => t.name === e.id))
+	})) : W.map((e) => ({
 		...e,
-		position: R[e.id] || e.position,
-		data: J(e.data?.cube)
+		position: B[e.id] || e.position,
+		data: Y(e.data?.cube)
 	})), [
-		x,
-		Y,
-		B,
-		W,
-		G,
+		C,
+		X,
 		H,
-		R,
-		J
-	]), he = c(() => !x || !Y ? [] : W && K.length > 0 ? K : U, [
-		x,
-		Y,
+		K,
+		q,
 		W,
+		B,
+		Y
+	]), ge = l(() => !C || !X ? [] : K && ue.length > 0 ? ue : G, [
+		C,
+		X,
 		K,
-		U
-	]), [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("|");
+		ue,
+		G
+	]), [_e, Q] = d([]), [ve, ye] = d([]), $ = u(""), [be, xe] = d(0);
+	c(() => {
+		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(X), _e(he), t && ye((e) => e + 1);
-	}, [X, he]);
-	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);
+		$.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}`;
+		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 ? {
 				...e,
-				data: J(t)
+				data: Y(t)
 			} : e;
 		})));
 	}, [
-		w,
-		T,
-		V,
-		r,
-		M,
-		Z.length,
-		x,
-		J
+		E,
+		D,
+		U,
+		i,
+		P,
+		_e.length,
+		C,
+		Y
 	]);
-	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 Ce = o((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) => {
 				e.position && (t[e.id] = e.position);
@@ -917,155 +905,155 @@ function R({ className: n = "", onFieldClick: r, highlightedCubes: i, highlighte
 			try {
 				localStorage.setItem("drizzle-cube-erd-node-positions", JSON.stringify(t));
 			} catch {}
-			return z(t), e;
+			return V(t), e;
 		});
-	}, []), Se = a((e) => {}, []), Ce = a((e) => {
-		e.preventDefault(), e.stopPropagation(), D({
+	}, []), we = o((e) => {}, []), Te = o((e) => {
+		e.preventDefault(), e.stopPropagation(), k({
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, []), we = a(() => {
-		E && D(null), M && (N(null), F(null));
-	}, [E, M]), Te = a(() => {
-		z({}), $.current = "";
+	}, []), Ee = o(() => {
+		O && k(null), P && (F(null), L(null));
+	}, [O, P]), De = o(() => {
+		V({}), $.current = "";
 		try {
 			localStorage.removeItem("drizzle-cube-erd-node-positions");
 		} catch {}
-		j((e) => e + 1), D(null);
+		N((e) => e + 1), k(null);
 	}, []);
-	return S ? /* @__PURE__ */ f("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${n}`,
-		children: /* @__PURE__ */ p("div", {
+	return w ? /* @__PURE__ */ p("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${r}`,
+		children: /* @__PURE__ */ m("div", {
 			className: "dc:text-center",
-			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", {
+			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", {
 				className: "text-dc-text-muted",
-				children: "Loading cube schema..."
+				children: g("schema.loading")
 			})]
 		})
-	}) : C ? /* @__PURE__ */ f("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${n}`,
-		children: /* @__PURE__ */ p("div", {
+	}) : T ? /* @__PURE__ */ p("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${r}`,
+		children: /* @__PURE__ */ m("div", {
 			className: "dc:text-center text-dc-error",
-			children: [/* @__PURE__ */ f("p", {
+			children: [/* @__PURE__ */ p("p", {
 				className: "dc:font-medium",
-				children: "Failed to load cube schema"
-			}), /* @__PURE__ */ f("p", {
+				children: g("schema.error")
+			}), /* @__PURE__ */ p("p", {
 				className: "dc:text-sm dc:mt-1",
-				children: C
+				children: T
 			})]
 		})
-	}) : !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", {
+	}) : !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", {
 			className: "dc:text-center text-dc-text-muted",
-			children: [/* @__PURE__ */ f("p", {
+			children: [/* @__PURE__ */ p("p", {
 				className: "dc:font-medium",
-				children: "No cubes found"
-			}), /* @__PURE__ */ f("p", {
+				children: g("schema.noCubes")
+			}), /* @__PURE__ */ p("p", {
 				className: "dc:text-sm dc:mt-1",
-				children: "Register some cubes to see the relationship diagram"
+				children: g("schema.noCubesHint")
 			})]
 		})
-	}) : Y ? /* @__PURE__ */ p("div", {
-		className: `dc:flex dc:flex-col ${n}`,
+	}) : X ? /* @__PURE__ */ m("div", {
+		className: `dc:flex dc:flex-col ${r}`,
 		style: {
-			height: m,
+			height: h,
 			minHeight: 400
 		},
 		children: [
-			d === void 0 && /* @__PURE__ */ p("div", {
+			f === void 0 && /* @__PURE__ */ m("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__ */ f(ce, { className: "dc:w-4 dc:h-4 text-dc-text-muted" }),
-					/* @__PURE__ */ f("input", {
+					/* @__PURE__ */ p(ce, { className: "dc:w-4 dc:h-4 text-dc-text-muted" }),
+					/* @__PURE__ */ p("input", {
 						type: "text",
-						value: O,
-						onChange: (e) => k(e.target.value),
-						placeholder: "Search cubes and fields...",
+						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"
 					}),
-					O && /* @__PURE__ */ f("button", {
-						onClick: () => k(""),
+					A && /* @__PURE__ */ p("button", {
+						onClick: () => j(""),
 						className: "text-dc-text-muted dc:hover:text-dc-text",
-						children: /* @__PURE__ */ f(le, { className: "dc:w-3 dc:h-3" })
+						children: /* @__PURE__ */ p(le, { className: "dc:w-3 dc:h-3" })
 					})
 				]
 			}),
-			/* @__PURE__ */ p("div", {
-				ref: I,
+			/* @__PURE__ */ m("div", {
+				ref: R,
 				className: "dc:relative dc:flex-1 dc:min-h-0",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ p("div", {
 					style: {
 						position: "absolute",
 						inset: 0
 					},
-					children: /* @__PURE__ */ p(h, {
-						nodes: Z,
-						edges: ge,
-						onNodesChange: xe,
-						onEdgesChange: Se,
+					children: /* @__PURE__ */ m(v, {
+						nodes: _e,
+						edges: ve,
+						onNodesChange: Ce,
+						onEdgesChange: we,
 						nodeTypes: ne,
 						edgeTypes: re,
 						connectionMode: "loose",
 						minZoom: .1,
 						maxZoom: 2,
 						proOptions: { hideAttribution: !0 },
-						onPaneContextMenu: Ce,
-						onPaneClick: we,
+						onPaneContextMenu: Te,
+						onPaneClick: Ee,
 						children: [
-							/* @__PURE__ */ f(_, {}),
-							/* @__PURE__ */ f(v, {
-								nodeColor: (e) => w.includes(e.id) ? "#8b5cf6" : "#e5e7eb",
+							/* @__PURE__ */ p(y, {}),
+							/* @__PURE__ */ p(b, {
+								nodeColor: (e) => E.includes(e.id) ? "#8b5cf6" : "#e5e7eb",
 								maskColor: "rgb(240, 242, 246, 0.7)"
 							}),
-							/* @__PURE__ */ f(y, {
+							/* @__PURE__ */ p(x, {
 								variant: "dots",
 								gap: 12,
 								size: 1
 							}),
-							/* @__PURE__ */ f(ie, { token: ve })
+							/* @__PURE__ */ p(ie, { token: be })
 						]
 					})
-				}), L && M && P && x && /* @__PURE__ */ f("div", {
+				}), z && P && I && C && /* @__PURE__ */ p("div", {
 					className: "dc:absolute dc:z-20",
 					style: {
-						left: P.x,
-						top: P.y
+						left: I.x,
+						top: I.y
 					},
-					children: /* @__PURE__ */ f(ee, {
-						selection: M,
-						meta: x,
+					children: /* @__PURE__ */ p(ee, {
+						selection: P,
+						meta: C,
 						onClose: () => {
-							N(null), F(null);
+							F(null), L(null);
 						}
 					})
 				})]
 			}),
-			E && /* @__PURE__ */ f("div", {
+			O && /* @__PURE__ */ p("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
+					left: O.x,
+					top: O.y
 				},
-				children: /* @__PURE__ */ f("button", {
-					onClick: Te,
+				children: /* @__PURE__ */ p("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: "Auto Layout"
+					children: g("schema.autoLayout")
 				})
 			})
 		]
-	}) : /* @__PURE__ */ f("div", {
-		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${n}`,
-		children: /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ p("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${r}`,
+		children: /* @__PURE__ */ m("div", {
 			className: "dc:text-center",
-			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", {
+			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", {
 				className: "text-dc-text-muted",
-				children: "Computing layout..."
+				children: g("schema.computingLayout")
 			})]
 		})
 	});
 }
 //#endregion
-export { x as n, R as t };
+export { S as n, z as t };
 
-//# sourceMappingURL=schema-visualization-t1KiOORo.js.map
+//# sourceMappingURL=schema-visualization-Xp60Ff2W.js.map