drizzle-cube 0.4.29 → 0.4.30

package/dist/client/chunks/schema-visualization-ZugB4Io9.js

@@ -0,0 +1,1073 @@
+import { n as e } from "./rolldown-runtime-lc2dmIiU.js";
+import { c as t, d as n } from "./chart-data-table-DehW1C1G.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 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 v = !1;
+function y(e) {
+	return /* @__PURE__ */ p("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:h-full dc:p-8",
+		children: /* @__PURE__ */ m("div", {
+			className: "dc:text-center dc:max-w-md",
+			children: [
+				/* @__PURE__ */ p("div", {
+					className: "dc:text-4xl dc:mb-4",
+					children: "🔍"
+				}),
+				/* @__PURE__ */ p("h3", {
+					className: "dc:text-lg dc:font-semibold text-dc-text dc:mb-2",
+					children: "Schema Visualization requires additional packages"
+				}),
+				/* @__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:"
+				}),
+				/* @__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"
+				})
+			]
+		})
+	});
+}
+function b() {
+	return /* @__PURE__ */ p("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:h-full",
+		children: /* @__PURE__ */ m("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", {
+				className: "dc:text-sm text-dc-text-muted",
+				children: "Loading schema visualization..."
+			})]
+		})
+	});
+}
+var x = a(async () => ({ default: (await Promise.resolve().then(() => R)).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 || n(t);
+		}).catch(() => {
+			v = !0, e || a(!0);
+		}), () => {
+			e = !0;
+		};
+	}, []), i ? /* @__PURE__ */ p(y, { ...e }) : t ? /* @__PURE__ */ p(g, {
+		value: t,
+		children: /* @__PURE__ */ p(r, {
+			fallback: /* @__PURE__ */ p(b, {}),
+			children: /* @__PURE__ */ p(x, { ...e })
+		})
+	}) : /* @__PURE__ */ p(b, {});
+}
+//#endregion
+//#region src/client/components/SchemaVisualization/CubeNode.tsx
+function C({ data: e }) {
+	let { Handle: t, Position: r } = _(), { cube: i, onFieldClick: a, onCubeClick: o, isHighlighted: s, highlightedFields: c, searchTerm: l, selectedField: u } = e, d = (e, t, n) => {
+		a && a(i.name, t, n, {
+			x: e.clientX,
+			y: e.clientY
+		});
+	}, f = n("info"), h = (e) => {
+		e.stopPropagation(), o && o(i.name, {
+			x: e.clientX,
+			y: e.clientY
+		});
+	}, g = (e) => u ? u.cubeName === i.name && u.fieldName === e : !1, v = u?.cubeName === i.name && u?.fieldName === null, y = (e) => c.includes(e), b = (e) => {
+		if (!l?.trim()) return !0;
+		let t = l.toLowerCase();
+		return e.name.toLowerCase().includes(t) || e.title && e.title.toLowerCase().includes(t);
+	}, x = l?.trim() ? i.measures.some((e) => b(e)) || i.dimensions.some((e) => b(e)) : !0, S = (e, t, n) => {
+		let r = g(e.name.split(".")[1] || e.name), i = "dc:px-4 dc:py-2 dc:text-xs dc:cursor-pointer dc:transition-all dc:border-b border-dc-border last:dc:border-b-0 nodrag nopan";
+		return r ? `${i} bg-dc-accent-bg text-dc-accent dc:font-semibold dc:ring-1 dc:ring-inset ring-dc-accent` : !x && l?.trim() ? t ? `${i} bg-dc-accent-bg text-dc-accent dc:font-semibold` : `${i} dc:hover:bg-dc-surface-hover text-dc-text-secondary` : l?.trim() && !b(e) ? `${i} dc:opacity-40 dc:hover:opacity-60 text-dc-text-muted` : l?.trim() && b(e) && !t ? `${i} dc:font-bold dc:hover:bg-dc-accent-bg` : t ? `${i} bg-dc-accent-bg text-dc-accent dc:font-semibold` : `${i} dc:hover:bg-dc-surface-hover text-dc-text-secondary`;
+	}, C = i.dimensions.filter((e) => e.type === "time"), w = i.dimensions.filter((e) => e.type !== "time");
+	return /* @__PURE__ */ m("div", {
+		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"}
+      `,
+		style: { backgroundColor: "var(--dc-surface)" },
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: `dc:px-4 dc:py-3 dc:transition-colors ${s ? "bg-dc-accent-bg" : "bg-dc-surface-secondary"}`,
+				children: /* @__PURE__ */ m("div", {
+					className: "dc:flex dc:items-center dc:justify-between",
+					children: [
+						/* @__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__ */ p("p", {
+							className: "dc:text-xs text-dc-text-muted dc:mt-1 dc:line-clamp-2",
+							children: i.description
+						})] }),
+						o && /* @__PURE__ */ p("button", {
+							className: `dc:ml-2 dc:p-1 dc:rounded dc:transition-colors nodrag nopan ${v ? "bg-dc-accent-bg text-dc-accent" : "text-dc-text-muted dc:hover:text-dc-text dc:hover:bg-dc-surface-hover"}`,
+							onClick: h,
+							title: "Cube info",
+							children: /* @__PURE__ */ p(f, { className: "dc:w-5 dc:h-5" })
+						}),
+						!o && /* @__PURE__ */ m("div", {
+							className: "dc:text-xs text-dc-text-muted dc:ml-2",
+							children: [/* @__PURE__ */ m("div", { children: [i.measures.length, "M"] }), /* @__PURE__ */ m("div", { children: [i.dimensions.length, "D"] })]
+						})
+					]
+				})
+			}),
+			i.measures.length > 0 && /* @__PURE__ */ m("div", {
+				className: "dc:border-t border-dc-border",
+				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__ */ m("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" }),
+							"Measures (",
+							i.measures.length,
+							")"
+						]
+					})
+				}), /* @__PURE__ */ p("div", {
+					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
+					children: i.measures.map((e) => {
+						let t = e.name.split(".")[1] || e.name;
+						return /* @__PURE__ */ p("div", {
+							className: S(e, y(e.name), "measure"),
+							onClick: (e) => d(e, t, "measure"),
+							title: e.title,
+							children: /* @__PURE__ */ m("div", {
+								className: "dc:flex dc:items-center dc:justify-between",
+								children: [/* @__PURE__ */ p("span", {
+									className: "dc:font-mono dc:truncate",
+									children: e.shortTitle || e.title || t
+								}), /* @__PURE__ */ p("span", {
+									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
+									children: e.type
+								})]
+							})
+						}, e.name);
+					})
+				})]
+			}),
+			C.length > 0 && /* @__PURE__ */ m("div", {
+				className: "dc:border-t border-dc-border",
+				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__ */ m("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" }),
+							"Time Dimensions (",
+							C.length,
+							")"
+						]
+					})
+				}), /* @__PURE__ */ p("div", {
+					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
+					children: C.map((e) => {
+						let t = e.name.split(".")[1] || e.name;
+						return /* @__PURE__ */ p("div", {
+							className: S(e, y(e.name), "dimension"),
+							onClick: (e) => d(e, t, "dimension"),
+							title: e.title,
+							children: /* @__PURE__ */ m("div", {
+								className: "dc:flex dc:items-center dc:justify-between",
+								children: [/* @__PURE__ */ p("span", {
+									className: "dc:font-mono dc:truncate",
+									children: e.shortTitle || e.title || t
+								}), /* @__PURE__ */ p("span", {
+									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
+									children: e.type
+								})]
+							})
+						}, e.name);
+					})
+				})]
+			}),
+			w.length > 0 && /* @__PURE__ */ m("div", {
+				className: "dc:border-t border-dc-border",
+				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__ */ m("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" }),
+							"Dimensions (",
+							w.length,
+							")"
+						]
+					})
+				}), /* @__PURE__ */ p("div", {
+					className: "dc:max-h-64 dc:overflow-y-auto nowheel",
+					children: w.map((e) => {
+						let t = e.name.split(".")[1] || e.name;
+						return /* @__PURE__ */ p("div", {
+							className: S(e, y(e.name), "dimension"),
+							onClick: (e) => d(e, t, "dimension"),
+							title: e.title,
+							children: /* @__PURE__ */ m("div", {
+								className: "dc:flex dc:items-center dc:justify-between",
+								children: [/* @__PURE__ */ p("span", {
+									className: "dc:font-mono dc:truncate",
+									children: e.shortTitle || e.title || t
+								}), /* @__PURE__ */ p("span", {
+									className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase",
+									children: e.type
+								})]
+							})
+						}, e.name);
+					})
+				})]
+			}),
+			/* @__PURE__ */ p(t, {
+				type: "source",
+				position: r.Right,
+				id: "right",
+				className: "dc:opacity-0",
+				isConnectable: !1
+			}),
+			/* @__PURE__ */ p(t, {
+				type: "target",
+				position: r.Left,
+				id: "left",
+				className: "dc:opacity-0",
+				isConnectable: !1
+			}),
+			/* @__PURE__ */ p(t, {
+				type: "source",
+				position: r.Bottom,
+				id: "bottom",
+				className: "dc:opacity-0",
+				isConnectable: !1
+			}),
+			/* @__PURE__ */ p(t, {
+				type: "target",
+				position: r.Top,
+				id: "top",
+				className: "dc:opacity-0",
+				isConnectable: !1
+			})
+		]
+	});
+}
+//#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({
+		sourceX: e,
+		sourceY: t,
+		sourcePosition: i,
+		targetX: n,
+		targetY: r,
+		targetPosition: a
+	});
+	if (!s) return null;
+	let { relationship: y, joinFields: b } = s, x = (e) => {
+		switch (e) {
+			case "belongsTo": return "∈";
+			case "hasOne": return "1:1";
+			case "hasMany": return "1:M";
+			case "belongsToMany": return "M:M";
+			default: return "?";
+		}
+	}, S = ((e) => {
+		switch (e) {
+			case "belongsTo": return "#10b981";
+			case "hasOne": return "#3b82f6";
+			case "hasMany": return "#f59e0b";
+			case "belongsToMany": return "#8b5cf6";
+			default: return "#6b7280";
+		}
+	})(y.relationship), C = x(y.relationship);
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, {
+		path: h,
+		markerEnd: c,
+		style: {
+			...o,
+			stroke: S
+		}
+	}), /* @__PURE__ */ p(d, { children: /* @__PURE__ */ p("div", {
+		style: {
+			position: "absolute",
+			transform: `translate(-50%, -50%) translate(${g}px,${v}px)`,
+			fontSize: 10,
+			pointerEvents: "all"
+		},
+		className: "nodrag nopan",
+		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__ */ m("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ p("div", {
+					className: "dc:font-bold dc:text-xs dc:mb-1",
+					style: { color: S },
+					children: C
+				}), /* @__PURE__ */ p("div", {
+					className: "dc:text-[9px] text-dc-text-muted dc:leading-tight",
+					children: b.map((e, t) => /* @__PURE__ */ m("div", {
+						className: "dc:font-mono",
+						children: [
+							e.sourceField,
+							" → ",
+							e.targetField
+						]
+					}, t))
+				})]
+			})
+		})
+	}) })] });
+}
+//#endregion
+//#region src/client/components/SchemaVisualization/FieldDetailPanel.tsx
+function T({ label: e, children: t }) {
+	return /* @__PURE__ */ m("div", {
+		className: "dc:flex dc:items-start dc:gap-2 dc:text-xs",
+		children: [/* @__PURE__ */ p("span", {
+			className: "text-dc-text-muted dc:w-20 dc:flex-shrink-0 dc:font-medium",
+			children: e
+		}), /* @__PURE__ */ p("span", {
+			className: "text-dc-text dc:flex-1 dc:min-w-0",
+			children: t
+		})]
+	});
+}
+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))`,
+			color: t
+		},
+		children: e
+	});
+}
+function D({ measure: e, cube: t }) {
+	let n = {
+		count: "#f59e0b",
+		countDistinct: "#f59e0b",
+		countDistinctApprox: "#f59e0b",
+		sum: "#10b981",
+		avg: "#3b82f6",
+		min: "#8b5cf6",
+		max: "#ec4899",
+		runningTotal: "#06b6d4",
+		number: "#6b7280"
+	}[e.type] || "#6b7280";
+	return /* @__PURE__ */ m("div", {
+		className: "dc:flex dc:flex-col dc:gap-2",
+		children: [
+			/* @__PURE__ */ p(T, {
+				label: "Cube",
+				children: t.title || t.name
+			}),
+			/* @__PURE__ */ p(T, {
+				label: "Type",
+				children: /* @__PURE__ */ p(E, {
+					type: e.type,
+					color: n
+				})
+			}),
+			e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(T, {
+				label: "Title",
+				children: e.title
+			}),
+			e.drillMembers && e.drillMembers.length > 0 && /* @__PURE__ */ p(T, {
+				label: "Drill into",
+				children: /* @__PURE__ */ p("div", {
+					className: "dc:flex dc:flex-wrap dc:gap-1",
+					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))
+				})
+			})
+		]
+	});
+}
+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__ */ m("div", {
+		className: "dc:flex dc:flex-col dc:gap-2",
+		children: [
+			/* @__PURE__ */ p(T, {
+				label: "Cube",
+				children: t.title || t.name
+			}),
+			/* @__PURE__ */ p(T, {
+				label: "Type",
+				children: /* @__PURE__ */ p(E, {
+					type: e.type,
+					color: n
+				})
+			}),
+			e.title && e.title !== e.shortTitle && /* @__PURE__ */ p(T, {
+				label: "Title",
+				children: e.title
+			}),
+			e.type === "time" && e.granularities && e.granularities.length > 0 && /* @__PURE__ */ p(T, {
+				label: "Granularity",
+				children: /* @__PURE__ */ p("div", {
+					className: "dc:flex dc:flex-wrap dc:gap-1",
+					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__ */ p(T, {
+				label: "Hierarchy",
+				children: r.map((e) => /* @__PURE__ */ m("div", {
+					className: "dc:text-[10px]",
+					children: [/* @__PURE__ */ p("span", {
+						className: "dc:font-medium",
+						children: e.title
+					}), /* @__PURE__ */ m("span", {
+						className: "text-dc-text-muted dc:ml-1",
+						children: [
+							"(",
+							e.levels.map((e) => e.split(".")[1] || e).join(" > "),
+							")"
+						]
+					})]
+				}, e.name))
+			})
+		]
+	});
+}
+function k({ cube: e }) {
+	let t = {
+		belongsTo: "#10b981",
+		hasOne: "#3b82f6",
+		hasMany: "#f59e0b",
+		belongsToMany: "#8b5cf6"
+	};
+	return /* @__PURE__ */ m("div", {
+		className: "dc:flex dc:flex-col dc:gap-2",
+		children: [
+			e.description && /* @__PURE__ */ p(T, {
+				label: "Description",
+				children: e.description
+			}),
+			/* @__PURE__ */ m(T, {
+				label: "Measures",
+				children: [/* @__PURE__ */ p("span", {
+					className: "dc:font-mono",
+					children: e.measures.length
+				}), e.measures.length > 0 && /* @__PURE__ */ m("span", {
+					className: "text-dc-text-muted dc:ml-1",
+					children: [
+						"(",
+						[...new Set(e.measures.map((e) => e.type))].join(", "),
+						")"
+					]
+				})]
+			}),
+			/* @__PURE__ */ m(T, {
+				label: "Dimensions",
+				children: [/* @__PURE__ */ p("span", {
+					className: "dc:font-mono",
+					children: e.dimensions.length
+				}), e.dimensions.some((e) => e.type === "time") && /* @__PURE__ */ m("span", {
+					className: "text-dc-text-muted dc:ml-1",
+					children: [
+						"(",
+						e.dimensions.filter((e) => e.type === "time").length,
+						" time)"
+					]
+				})]
+			}),
+			e.relationships && e.relationships.length > 0 && /* @__PURE__ */ p(T, {
+				label: "Joins",
+				children: /* @__PURE__ */ p("div", {
+					className: "dc:flex dc:flex-col dc:gap-1",
+					children: e.relationships.map((e, n) => /* @__PURE__ */ m("div", {
+						className: "dc:flex dc:items-center dc:gap-1.5 dc:text-[10px]",
+						children: [/* @__PURE__ */ p(E, {
+							type: e.relationship,
+							color: t[e.relationship] || "#6b7280"
+						}), /* @__PURE__ */ p("span", {
+							className: "dc:font-mono",
+							children: e.targetCube
+						})]
+					}, n))
+				})
+			}),
+			e.hierarchies && e.hierarchies.length > 0 && /* @__PURE__ */ p(T, {
+				label: "Hierarchies",
+				children: /* @__PURE__ */ p("div", {
+					className: "dc:flex dc:flex-col dc:gap-1",
+					children: e.hierarchies.map((e) => /* @__PURE__ */ m("div", {
+						className: "dc:text-[10px]",
+						children: [/* @__PURE__ */ p("span", {
+							className: "dc:font-medium",
+							children: e.title
+						}), /* @__PURE__ */ m("span", {
+							className: "text-dc-text-muted dc:ml-1",
+							children: [
+								"(",
+								e.levels.map((e) => e.split(".")[1] || e).join(" > "),
+								")"
+							]
+						})]
+					}, e.name))
+				})
+			}),
+			e.meta?.eventStream && /* @__PURE__ */ p(T, {
+				label: "Event Stream",
+				children: /* @__PURE__ */ m("div", {
+					className: "dc:text-[10px]",
+					children: [
+						/* @__PURE__ */ p("span", {
+							className: "text-dc-text-muted",
+							children: "binding: "
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "dc:font-mono",
+							children: e.meta.eventStream.bindingKey.split(".")[1] || e.meta.eventStream.bindingKey
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "text-dc-text-muted dc:ml-2",
+							children: "time: "
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "dc:font-mono",
+							children: e.meta.eventStream.timeDimension.split(".")[1] || e.meta.eventStream.timeDimension
+						})
+					]
+				})
+			})
+		]
+	});
+}
+function ee({ selection: e, meta: t, onClose: r }) {
+	let i = n("close"), a = t.cubes.find((t) => t.name === e.cubeName);
+	if (!a) return null;
+	let o, s, c, l;
+	if (e.fieldType === "cube" || !e.fieldName) o = a.title || a.name, s = "var(--dc-accent)", c = "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(k, { cube: a });
+	else if (e.fieldType === "measure") {
+		let t = a.measures.find((t) => (t.name.split(".")[1] || t.name) === e.fieldName || t.name === e.fieldName);
+		if (!t) return null;
+		o = t.shortTitle || t.title || e.fieldName, s = "var(--dc-warning)", c = "color-mix(in srgb, var(--dc-warning) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(D, {
+			measure: t,
+			cube: a
+		});
+	} else {
+		let t = a.dimensions.find((t) => (t.name.split(".")[1] || t.name) === e.fieldName || t.name === e.fieldName);
+		if (!t) return null;
+		o = t.shortTitle || t.title || e.fieldName, s = t.type === "time" ? "var(--dc-accent)" : "var(--dc-success)", c = t.type === "time" ? "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))" : "color-mix(in srgb, var(--dc-success) 10%, var(--dc-surface))", l = /* @__PURE__ */ p(O, {
+			dimension: t,
+			cube: a
+		});
+	}
+	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__ */ 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__ */ m("div", {
+				className: "dc:flex dc:items-center dc:gap-2 dc:min-w-0",
+				children: [/* @__PURE__ */ p("span", {
+					className: "dc:w-2 dc:h-2 dc:rounded-full dc:flex-shrink-0",
+					style: { backgroundColor: s }
+				}), /* @__PURE__ */ p("h4", {
+					className: "dc:text-sm dc:font-semibold text-dc-text dc:truncate",
+					children: o
+				})]
+			}), /* @__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__ */ p(i, { className: "dc:w-3.5 dc:h-3.5" })
+			})]
+		}), /* @__PURE__ */ p("div", {
+			className: "dc:px-4 dc:py-3",
+			children: l
+		})]
+	});
+}
+//#endregion
+//#region src/client/components/SchemaVisualization/useERDLayout.ts
+var A = {
+	direction: "LR",
+	nodeWidth: 340,
+	nodeSep: 150,
+	rankSep: 350
+};
+function j(e) {
+	switch (e) {
+		case "TB": return "top";
+		case "LR": return "left";
+		default: return "top";
+	}
+}
+function M(e) {
+	switch (e) {
+		case "TB": return "bottom";
+		case "LR": return "right";
+		default: return "bottom";
+	}
+}
+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 P = null, F = import("elkjs/lib/elk.bundled.js").then((e) => (P = new (e.default || e)(), P)).catch(() => null);
+async function I(e, t, n) {
+	if (await F, !P) return {
+		nodes: L(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();
+	t.forEach((e) => {
+		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) => ({
+			id: `${e.id}__src__${t}`,
+			layoutOptions: { "elk.port.side": r }
+		})), ...l.map((t) => ({
+			id: `${e.id}__tgt__${t}`,
+			layoutOptions: { "elk.port.side": i }
+		}))];
+		return {
+			id: e.id,
+			width: t,
+			height: s,
+			layoutOptions: { "elk.portConstraints": "FIXED_SIDE" },
+			ports: u
+		};
+	}), c = t.map((e) => ({
+		id: e.id,
+		sources: [`${e.source}__src__${e.id}`],
+		targets: [`${e.target}__tgt__${e.id}`]
+	})), l = n.direction === "LR" ? "RIGHT" : "DOWN", u = {
+		id: "root",
+		layoutOptions: {
+			"elk.algorithm": "layered",
+			"elk.direction": l,
+			"elk.edgeRouting": "SPLINES",
+			"elk.layered.edgeRouting.splines.mode": "CONSERVATIVE",
+			"elk.spacing.nodeNode": String(n.nodeSep),
+			"elk.layered.spacing.nodeNodeBetweenLayers": String(n.rankSep),
+			"elk.spacing.edgeNode": "60",
+			"elk.layered.spacing.edgeNodeBetweenLayers": "60",
+			"elk.spacing.edgeEdge": "25",
+			"elk.layered.nodePlacement.strategy": "NETWORK_SIMPLEX",
+			"elk.layered.crossingMinimization.strategy": "LAYER_SWEEP"
+		},
+		children: s,
+		edges: c
+	}, d = await P.layout(u), f = /* @__PURE__ */ new Map();
+	if (d.children) for (let e of d.children) f.set(e.id, {
+		x: e.x,
+		y: e.y
+	});
+	return {
+		nodes: e.map((e) => ({
+			...e,
+			position: f.get(e.id) || e.position,
+			targetPosition: j(n.direction),
+			sourcePosition: M(n.direction)
+		})),
+		edges: t
+	};
+}
+function L(e, t) {
+	let n = 0, r = 0;
+	return e.map((e) => {
+		let i = N(e);
+		r + i > 1200 && r > 0 && (n++, r = 0);
+		let a = {
+			x: n * (t.nodeWidth + t.nodeSep),
+			y: r
+		};
+		return r += i + 40, {
+			...e,
+			position: a,
+			sourcePosition: M(t.direction),
+			targetPosition: j(t.direction)
+		};
+	});
+}
+function te(e, t, n = {}) {
+	let r = l(() => ({
+		...A,
+		...n
+	}), [
+		n.direction,
+		n.nodeWidth,
+		n.nodeSep,
+		n.rankSep
+	]), i = l(() => e.length === 0 ? "" : e.map((e) => e.id).sort().join(",") + "|" + t.map((e) => e.id).sort().join(","), [e, t]), a = u(e), o = u(t), s = u(r);
+	a.current = e, o.current = t, s.current = r;
+	let [f, p] = d("waiting"), [m, h] = d(null), [g, _] = d(""), v = u(0);
+	return c(() => {
+		if (!i) {
+			p("ready"), h(null), _("");
+			return;
+		}
+		let e = ++v.current;
+		p("computing"), I(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, s.current),
+				edges: o.current
+			}), _(i), p("ready"));
+		});
+	}, [i]), f === "ready" && m && g === i ? {
+		nodes: m.nodes,
+		edges: m.edges,
+		phase: "ready"
+	} : {
+		nodes: [],
+		edges: [],
+		phase: f
+	};
+}
+//#endregion
+//#region src/client/components/SchemaVisualization/index.tsx
+var R = /* @__PURE__ */ e({
+	SchemaVisualization: () => z,
+	default: () => z
+}), 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(() => {
+		e === 0 || e === a.current || r && (a.current = e, i({ padding: .1 }));
+	}, [
+		e,
+		r,
+		i
+	]), null;
+}
+var ae = [];
+function oe(e) {
+	switch (e) {
+		case "belongsTo": return "#10b981";
+		case "hasOne": return "#3b82f6";
+		case "hasMany": return "#f59e0b";
+		case "belongsToMany": return "#8b5cf6";
+		default: return "#6b7280";
+	}
+}
+function z({ className: e = "", onFieldClick: r, highlightedCubes: i, highlightedFields: a, searchTerm: s, height: f = "100%" }) {
+	let { ReactFlow: h, Controls: g, MiniMap: v, Background: y, applyNodeChanges: b } = _(), { meta: x, metaLoading: S, metaError: C } = t(), w = i || ae, T = a || ae, [E, D] = d(null), [O, k] = d(s || ""), [A, j] = d(0), [M, N] = d(null), [P, F] = d(null), I = u(null), L = !r, [R, z] = d({}), [B, se] = d(!1), ce = n("search"), le = n("close"), V = s === void 0 ? O : s;
+	c(() => {
+		try {
+			let e = localStorage.getItem("drizzle-cube-erd-node-positions");
+			e && z(JSON.parse(e));
+		} catch {}
+		se(!0);
+	}, []);
+	let { structuralNodes: H, structuralEdges: U } = l(() => {
+		if (!x) return {
+			structuralNodes: [],
+			structuralEdges: []
+		};
+		let e = x.cubes.map((e, t) => ({
+			id: e.name,
+			type: "cubeNode",
+			position: {
+				x: t % 3 * 400,
+				y: Math.floor(t / 3) * 300
+			},
+			data: { cube: e }
+		})), t = [];
+		return x.cubes.forEach((e) => {
+			e.relationships && e.relationships.forEach((n, r) => {
+				n.relationship !== "belongsTo" && t.push({
+					id: `${e.name}-${n.targetCube}-${r}`,
+					source: e.name,
+					target: n.targetCube,
+					type: "relationshipEdge",
+					data: {
+						relationship: n,
+						joinFields: n.joinFields || []
+					},
+					animated: !1,
+					style: {
+						stroke: oe(n.relationship),
+						strokeWidth: 2
+					}
+				});
+			});
+		}), {
+			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 : [], {
+		direction: "LR",
+		nodeWidth: 340,
+		nodeSep: 150,
+		rankSep: 350
+	}), q = o((e, t) => {
+		let n = I.current?.getBoundingClientRect();
+		if (!n) return {
+			x: e,
+			y: t
+		};
+		let r = e - n.left + 12, i = t - n.top + 12;
+		return r + 300 > n.width && (r = e - n.left - 300 - 12), i + 200 > n.height && (i = n.height - 200 - 8), r < 0 && (r = 8), i < 0 && (i = 8), {
+			x: r,
+			y: i
+		};
+	}, []), de = o((e, t, n, r) => {
+		N((i) => i && i.cubeName === e && i.fieldName === t ? (F(null), null) : (r && F(q(r.x, r.y)), {
+			cubeName: e,
+			fieldName: t,
+			fieldType: n
+		}));
+	}, [q]), fe = o((e, t) => {
+		N((n) => n && n.cubeName === e && n.fieldName === null ? (F(null), null) : (t && F(q(t.x, t.y)), {
+			cubeName: e,
+			fieldName: null,
+			fieldType: "cube"
+		}));
+	}, [q]), pe = L ? de : r, me = L ? fe : void 0, J = o((e) => ({
+		cube: e,
+		onFieldClick: pe,
+		onCubeClick: me,
+		isHighlighted: w.includes(e.name),
+		highlightedFields: T,
+		searchTerm: V,
+		selectedField: L ? M : null
+	}), [
+		pe,
+		me,
+		w,
+		T,
+		V,
+		L,
+		M
+	]), Y = !W || ue === "ready", X = l(() => !x || !Y || !B ? [] : W && G.length > 0 ? G.map((e) => ({
+		...e,
+		data: J(e.data?.cube || x.cubes.find((t) => t.name === e.id))
+	})) : H.map((e) => ({
+		...e,
+		position: R[e.id] || e.position,
+		data: J(e.data?.cube)
+	})), [
+		x,
+		Y,
+		B,
+		W,
+		G,
+		H,
+		R,
+		J
+	]), he = l(() => !x || !Y ? [] : W && K.length > 0 ? K : U, [
+		x,
+		Y,
+		W,
+		K,
+		U
+	]), [Z, Q] = d([]), [ge, _e] = d([]), $ = u(""), [ve, ye] = d(0);
+	c(() => {
+		if (X.length === 0) return;
+		let e = X.map((e) => `${e.id}:${Math.round(e.position.x)},${Math.round(e.position.y)}`).join("|");
+		if (e === $.current) return;
+		let t = $.current === "";
+		$.current = e, Q(X), _e(he), t && ye((e) => e + 1);
+	}, [X, he]);
+	let be = u("");
+	c(() => {
+		let e = M ? `${M.cubeName}.${M.fieldName}` : "", t = `${w.join(",")}|${T.join(",")}|${V}|${String(r)}|${e}`;
+		t !== be.current && (be.current = t, !(Z.length === 0 || !x) && Q((e) => e.map((e) => {
+			let t = x.cubes.find((t) => t.name === e.id);
+			return t ? {
+				...e,
+				data: J(t)
+			} : e;
+		})));
+	}, [
+		w,
+		T,
+		V,
+		r,
+		M,
+		Z.length,
+		x,
+		J
+	]);
+	let xe = o((e) => {
+		Q((t) => b(e, t)), e.filter((e) => e.type === "position" && "dragging" in e && e.dragging === !1).length > 0 && Q((e) => {
+			let t = {};
+			e.forEach((e) => {
+				e.position && (t[e.id] = e.position);
+			});
+			try {
+				localStorage.setItem("drizzle-cube-erd-node-positions", JSON.stringify(t));
+			} catch {}
+			return z(t), e;
+		});
+	}, []), Se = o((e) => {}, []), Ce = o((e) => {
+		e.preventDefault(), e.stopPropagation(), D({
+			x: e.clientX,
+			y: e.clientY
+		});
+	}, []), we = o(() => {
+		E && D(null), M && (N(null), F(null));
+	}, [E, M]), Te = o(() => {
+		z({}), $.current = "";
+		try {
+			localStorage.removeItem("drizzle-cube-erd-node-positions");
+		} catch {}
+		j((e) => e + 1), D(null);
+	}, []);
+	return S ? /* @__PURE__ */ p("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
+		children: /* @__PURE__ */ m("div", {
+			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", {
+				className: "text-dc-text-muted",
+				children: "Loading cube schema..."
+			})]
+		})
+	}) : C ? /* @__PURE__ */ p("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
+		children: /* @__PURE__ */ m("div", {
+			className: "dc:text-center text-dc-error",
+			children: [/* @__PURE__ */ p("p", {
+				className: "dc:font-medium",
+				children: "Failed to load cube schema"
+			}), /* @__PURE__ */ p("p", {
+				className: "dc:text-sm dc:mt-1",
+				children: C
+			})]
+		})
+	}) : !x || x.cubes.length === 0 ? /* @__PURE__ */ p("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
+		children: /* @__PURE__ */ m("div", {
+			className: "dc:text-center text-dc-text-muted",
+			children: [/* @__PURE__ */ p("p", {
+				className: "dc:font-medium",
+				children: "No cubes found"
+			}), /* @__PURE__ */ p("p", {
+				className: "dc:text-sm dc:mt-1",
+				children: "Register some cubes to see the relationship diagram"
+			})]
+		})
+	}) : Y ? /* @__PURE__ */ m("div", {
+		className: `dc:flex dc:flex-col ${e}`,
+		style: {
+			height: f,
+			minHeight: 400
+		},
+		children: [
+			s === 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__ */ 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...",
+						className: "dc:flex-1 dc:text-sm dc:bg-transparent dc:outline-none text-dc-text dc:placeholder:text-dc-text-muted"
+					}),
+					O && /* @__PURE__ */ p("button", {
+						onClick: () => k(""),
+						className: "text-dc-text-muted dc:hover:text-dc-text",
+						children: /* @__PURE__ */ p(le, { className: "dc:w-3 dc:h-3" })
+					})
+				]
+			}),
+			/* @__PURE__ */ m("div", {
+				ref: I,
+				className: "dc:relative dc:flex-1 dc:min-h-0",
+				children: [/* @__PURE__ */ p("div", {
+					style: {
+						position: "absolute",
+						inset: 0
+					},
+					children: /* @__PURE__ */ m(h, {
+						nodes: Z,
+						edges: ge,
+						onNodesChange: xe,
+						onEdgesChange: Se,
+						nodeTypes: ne,
+						edgeTypes: re,
+						connectionMode: "loose",
+						minZoom: .1,
+						maxZoom: 2,
+						proOptions: { hideAttribution: !0 },
+						onPaneContextMenu: Ce,
+						onPaneClick: we,
+						children: [
+							/* @__PURE__ */ p(g, {}),
+							/* @__PURE__ */ p(v, {
+								nodeColor: (e) => w.includes(e.id) ? "#8b5cf6" : "#e5e7eb",
+								maskColor: "rgb(240, 242, 246, 0.7)"
+							}),
+							/* @__PURE__ */ p(y, {
+								variant: "dots",
+								gap: 12,
+								size: 1
+							}),
+							/* @__PURE__ */ p(ie, { token: ve })
+						]
+					})
+				}), L && M && P && x && /* @__PURE__ */ p("div", {
+					className: "dc:absolute dc:z-20",
+					style: {
+						left: P.x,
+						top: P.y
+					},
+					children: /* @__PURE__ */ p(ee, {
+						selection: M,
+						meta: x,
+						onClose: () => {
+							N(null), F(null);
+						}
+					})
+				})]
+			}),
+			E && /* @__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
+				},
+				children: /* @__PURE__ */ p("button", {
+					onClick: Te,
+					className: "dc:w-full dc:px-3 dc:py-2 dc:text-sm text-dc-text-secondary dc:hover:bg-dc-surface-hover dc:text-left",
+					children: "Auto Layout"
+				})
+			})
+		]
+	}) : /* @__PURE__ */ p("div", {
+		className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${e}`,
+		children: /* @__PURE__ */ m("div", {
+			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", {
+				className: "text-dc-text-muted",
+				children: "Computing layout..."
+			})]
+		})
+	});
+}
+//#endregion
+export { S as n, R as t };
+
+//# sourceMappingURL=schema-visualization-ZugB4Io9.js.map