drizzle-cube 0.4.26 → 0.4.28

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

@@ -0,0 +1,772 @@
+import { jsx as e, jsxs as a, Fragment as _e } from "react/jsx-runtime";
+import { createContext as je, useContext as Oe, useState as k, useEffect as H, Suspense as ze, lazy as He, useMemo as V, useRef as j, useCallback as I } from "react";
+import { u as Ae } from "./providers-Ds7DRmnO.js";
+import { g as Z } from "./icons-CwvgmdIP.js";
+const ge = je(null), We = ge.Provider;
+function Q() {
+  const t = Oe(ge);
+  if (!t) throw new Error("useXyflow must be used within XyflowProvider");
+  return t;
+}
+let ae = !1;
+function Be(t) {
+  return /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full dc:p-8", children: /* @__PURE__ */ a("div", { className: "dc:text-center dc:max-w-md", children: [
+    /* @__PURE__ */ e("div", { className: "dc:text-4xl dc:mb-4", children: "🔍" }),
+    /* @__PURE__ */ e("h3", { className: "dc:text-lg dc:font-semibold text-dc-text dc:mb-2", children: "Schema Visualization requires additional packages" }),
+    /* @__PURE__ */ e("p", { className: "dc:text-sm text-dc-text-secondary dc:mb-4", children: "Install the required dependencies to enable the interactive schema diagram:" }),
+    /* @__PURE__ */ e("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 fe() {
+  return /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full", children: /* @__PURE__ */ a("div", { className: "dc:text-center", children: [
+    /* @__PURE__ */ e("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__ */ e("p", { className: "dc:text-sm text-dc-text-muted", children: "Loading schema visualization..." })
+  ] }) });
+}
+const Ve = He(async () => ({ default: (await Promise.resolve().then(() => st)).SchemaVisualization }));
+function ut(t) {
+  const [n, r] = k(null), [d, s] = k(ae);
+  return H(() => {
+    if (ae) return;
+    let o = !1;
+    return import("@xyflow/react").then((f) => {
+      o || r(f);
+    }).catch(() => {
+      ae = !0, o || s(!0);
+    }), () => {
+      o = !0;
+    };
+  }, []), d ? /* @__PURE__ */ e(Be, { ...t }) : n ? /* @__PURE__ */ e(We, { value: n, children: /* @__PURE__ */ e(ze, { fallback: /* @__PURE__ */ e(fe, {}), children: /* @__PURE__ */ e(Ve, { ...t }) }) }) : /* @__PURE__ */ e(fe, {});
+}
+function Xe({ data: t }) {
+  const { Handle: n, Position: r } = Q(), { cube: d, onFieldClick: s, onCubeClick: o, isHighlighted: f, highlightedFields: p, searchTerm: g, selectedField: h } = t, x = (c, y, $) => {
+    s && s(d.name, y, $, { x: c.clientX, y: c.clientY });
+  }, m = Z("info"), D = (c) => {
+    c.stopPropagation(), o && o(d.name, { x: c.clientX, y: c.clientY });
+  }, L = (c) => h ? h.cubeName === d.name && h.fieldName === c : !1, l = h?.cubeName === d.name && h?.fieldName === null, N = (c) => p.includes(c), C = (c) => {
+    if (!g?.trim()) return !0;
+    const y = g.toLowerCase();
+    return c.name.toLowerCase().includes(y) || c.title && c.title.toLowerCase().includes(y);
+  }, P = g?.trim() ? d.measures.some((c) => C(c)) || d.dimensions.some((c) => C(c)) : !0, M = (c, y, $) => {
+    const E = c.name.split(".")[1] || c.name, X = L(E), T = "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 X ? `${T} bg-dc-accent-bg text-dc-accent dc:font-semibold dc:ring-1 dc:ring-inset ring-dc-accent` : !P && g?.trim() ? y ? `${T} bg-dc-accent-bg text-dc-accent dc:font-semibold` : `${T} dc:hover:bg-dc-surface-hover text-dc-text-secondary` : g?.trim() && !C(c) ? `${T} dc:opacity-40 dc:hover:opacity-60 text-dc-text-muted` : g?.trim() && C(c) && !y ? `${T} dc:font-bold dc:hover:bg-dc-accent-bg` : y ? `${T} bg-dc-accent-bg text-dc-accent dc:font-semibold` : `${T} dc:hover:bg-dc-surface-hover text-dc-text-secondary`;
+  }, F = d.dimensions.filter((c) => c.type === "time"), R = d.dimensions.filter((c) => c.type !== "time");
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `
+        dc:border-2 dc:rounded-lg dc:shadow-lg dc:min-w-[280px] dc:overflow-hidden dc:transition-all
+        ${!P && g?.trim() ? "dc:opacity-30 dc:grayscale" : ""}
+        ${f ? "border-dc-accent dc:ring-2 ring-dc-accent" : "border-dc-border"}
+      `,
+      style: { backgroundColor: "var(--dc-surface)" },
+      children: [
+        /* @__PURE__ */ e("div", { className: `dc:px-4 dc:py-3 dc:transition-colors ${f ? "bg-dc-accent-bg" : "bg-dc-surface-secondary"}`, children: /* @__PURE__ */ a("div", { className: "dc:flex dc:items-center dc:justify-between", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("h3", { className: "dc:font-semibold text-dc-text dc:text-sm", children: d.title || d.name }),
+            d.description && /* @__PURE__ */ e("p", { className: "dc:text-xs text-dc-text-muted dc:mt-1 dc:line-clamp-2", children: d.description })
+          ] }),
+          o && /* @__PURE__ */ e(
+            "button",
+            {
+              className: `dc:ml-2 dc:p-1 dc:rounded dc:transition-colors nodrag nopan ${l ? "bg-dc-accent-bg text-dc-accent" : "text-dc-text-muted dc:hover:text-dc-text dc:hover:bg-dc-surface-hover"}`,
+              onClick: D,
+              title: "Cube info",
+              children: /* @__PURE__ */ e(m, { className: "dc:w-5 dc:h-5" })
+            }
+          ),
+          !o && /* @__PURE__ */ a("div", { className: "dc:text-xs text-dc-text-muted dc:ml-2", children: [
+            /* @__PURE__ */ a("div", { children: [
+              d.measures.length,
+              "M"
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              d.dimensions.length,
+              "D"
+            ] })
+          ] })
+        ] }) }),
+        d.measures.length > 0 && /* @__PURE__ */ a("div", { className: "dc:border-t border-dc-border", children: [
+          /* @__PURE__ */ e("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__ */ a("h4", { className: "dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center", children: [
+            /* @__PURE__ */ e("span", { className: "dc:w-2 dc:h-2 bg-dc-warning dc:rounded-full dc:mr-2" }),
+            "Measures (",
+            d.measures.length,
+            ")"
+          ] }) }),
+          /* @__PURE__ */ e("div", { className: "dc:max-h-64 dc:overflow-y-auto nowheel", children: d.measures.map((c) => {
+            const y = c.name.split(".")[1] || c.name, $ = N(c.name);
+            return /* @__PURE__ */ e(
+              "div",
+              {
+                className: M(c, $),
+                onClick: (E) => x(E, y, "measure"),
+                title: c.title,
+                children: /* @__PURE__ */ a("div", { className: "dc:flex dc:items-center dc:justify-between", children: [
+                  /* @__PURE__ */ e("span", { className: "dc:font-mono dc:truncate", children: c.shortTitle || c.title || y }),
+                  /* @__PURE__ */ e("span", { className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase", children: c.type })
+                ] })
+              },
+              c.name
+            );
+          }) })
+        ] }),
+        F.length > 0 && /* @__PURE__ */ a("div", { className: "dc:border-t border-dc-border", children: [
+          /* @__PURE__ */ e("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__ */ a("h4", { className: "dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center", children: [
+            /* @__PURE__ */ e("span", { className: "dc:w-2 dc:h-2 bg-dc-accent dc:rounded-full dc:mr-2" }),
+            "Time Dimensions (",
+            F.length,
+            ")"
+          ] }) }),
+          /* @__PURE__ */ e("div", { className: "dc:max-h-64 dc:overflow-y-auto nowheel", children: F.map((c) => {
+            const y = c.name.split(".")[1] || c.name, $ = N(c.name);
+            return /* @__PURE__ */ e(
+              "div",
+              {
+                className: M(c, $),
+                onClick: (E) => x(E, y, "dimension"),
+                title: c.title,
+                children: /* @__PURE__ */ a("div", { className: "dc:flex dc:items-center dc:justify-between", children: [
+                  /* @__PURE__ */ e("span", { className: "dc:font-mono dc:truncate", children: c.shortTitle || c.title || y }),
+                  /* @__PURE__ */ e("span", { className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase", children: c.type })
+                ] })
+              },
+              c.name
+            );
+          }) })
+        ] }),
+        R.length > 0 && /* @__PURE__ */ a("div", { className: "dc:border-t border-dc-border", children: [
+          /* @__PURE__ */ e("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__ */ a("h4", { className: "dc:text-xs dc:font-medium text-dc-text-secondary dc:flex dc:items-center", children: [
+            /* @__PURE__ */ e("span", { className: "dc:w-2 dc:h-2 bg-dc-success dc:rounded-full dc:mr-2" }),
+            "Dimensions (",
+            R.length,
+            ")"
+          ] }) }),
+          /* @__PURE__ */ e("div", { className: "dc:max-h-64 dc:overflow-y-auto nowheel", children: R.map((c) => {
+            const y = c.name.split(".")[1] || c.name, $ = N(c.name);
+            return /* @__PURE__ */ e(
+              "div",
+              {
+                className: M(c, $),
+                onClick: (E) => x(E, y, "dimension"),
+                title: c.title,
+                children: /* @__PURE__ */ a("div", { className: "dc:flex dc:items-center dc:justify-between", children: [
+                  /* @__PURE__ */ e("span", { className: "dc:font-mono dc:truncate", children: c.shortTitle || c.title || y }),
+                  /* @__PURE__ */ e("span", { className: "text-dc-text-muted dc:ml-2 dc:text-[10px] dc:uppercase", children: c.type })
+                ] })
+              },
+              c.name
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ e(n, { type: "source", position: r.Right, id: "right", className: "dc:opacity-0", isConnectable: !1 }),
+        /* @__PURE__ */ e(n, { type: "target", position: r.Left, id: "left", className: "dc:opacity-0", isConnectable: !1 }),
+        /* @__PURE__ */ e(n, { type: "source", position: r.Bottom, id: "bottom", className: "dc:opacity-0", isConnectable: !1 }),
+        /* @__PURE__ */ e(n, { type: "target", position: r.Top, id: "top", className: "dc:opacity-0", isConnectable: !1 })
+      ]
+    }
+  );
+}
+function Ke({
+  sourceX: t,
+  sourceY: n,
+  targetX: r,
+  targetY: d,
+  sourcePosition: s,
+  targetPosition: o,
+  style: f = {},
+  data: p,
+  markerEnd: g
+}) {
+  const { getBezierPath: h, BaseEdge: x, EdgeLabelRenderer: m } = Q(), [D, L, l] = h({
+    sourceX: t,
+    sourceY: n,
+    sourcePosition: s,
+    targetX: r,
+    targetY: d,
+    targetPosition: o
+  });
+  if (!p) return null;
+  const { relationship: N, joinFields: C } = p, _ = (R) => {
+    switch (R) {
+      case "belongsTo":
+        return "∈";
+      // belongs to
+      case "hasOne":
+        return "1:1";
+      case "hasMany":
+        return "1:M";
+      case "belongsToMany":
+        return "M:M";
+      default:
+        return "?";
+    }
+  }, M = ((R) => {
+    switch (R) {
+      case "belongsTo":
+        return "#10b981";
+      case "hasOne":
+        return "#3b82f6";
+      case "hasMany":
+        return "#f59e0b";
+      case "belongsToMany":
+        return "#8b5cf6";
+      default:
+        return "#6b7280";
+    }
+  })(N.relationship), F = _(N.relationship);
+  return /* @__PURE__ */ a(_e, { children: [
+    /* @__PURE__ */ e(x, { path: D, markerEnd: g, style: { ...f, stroke: M } }),
+    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          transform: `translate(-50%, -50%) translate(${L}px,${l}px)`,
+          fontSize: 10,
+          pointerEvents: "all"
+        },
+        className: "nodrag nopan",
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "dc:border-2 dc:rounded-md dc:px-2 dc:py-1 dc:shadow-xs",
+            style: { backgroundColor: "var(--dc-surface)", borderColor: M },
+            children: /* @__PURE__ */ a("div", { className: "dc:text-center", children: [
+              /* @__PURE__ */ e("div", { className: "dc:font-bold dc:text-xs dc:mb-1", style: { color: M }, children: F }),
+              /* @__PURE__ */ e("div", { className: "dc:text-[9px] text-dc-text-muted dc:leading-tight", children: C.map((R, c) => /* @__PURE__ */ a("div", { className: "dc:font-mono", children: [
+                R.sourceField,
+                " → ",
+                R.targetField
+              ] }, c)) })
+            ] })
+          }
+        )
+      }
+    ) })
+  ] });
+}
+function S({ label: t, children: n }) {
+  return /* @__PURE__ */ a("div", { className: "dc:flex dc:items-start dc:gap-2 dc:text-xs", children: [
+    /* @__PURE__ */ e("span", { className: "text-dc-text-muted dc:w-20 dc:flex-shrink-0 dc:font-medium", children: t }),
+    /* @__PURE__ */ e("span", { className: "text-dc-text dc:flex-1 dc:min-w-0", children: n })
+  ] });
+}
+function le({ type: t, color: n }) {
+  return /* @__PURE__ */ e(
+    "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, ${n} 15%, var(--dc-surface))`, color: n },
+      children: t
+    }
+  );
+}
+function Ge({ measure: t, cube: n }) {
+  const r = {
+    count: "#f59e0b",
+    countDistinct: "#f59e0b",
+    countDistinctApprox: "#f59e0b",
+    sum: "#10b981",
+    avg: "#3b82f6",
+    min: "#8b5cf6",
+    max: "#ec4899",
+    runningTotal: "#06b6d4",
+    number: "#6b7280"
+  }[t.type] || "#6b7280";
+  return /* @__PURE__ */ a("div", { className: "dc:flex dc:flex-col dc:gap-2", children: [
+    /* @__PURE__ */ e(S, { label: "Cube", children: n.title || n.name }),
+    /* @__PURE__ */ e(S, { label: "Type", children: /* @__PURE__ */ e(le, { type: t.type, color: r }) }),
+    t.title && t.title !== t.shortTitle && /* @__PURE__ */ e(S, { label: "Title", children: t.title }),
+    t.drillMembers && t.drillMembers.length > 0 && /* @__PURE__ */ e(S, { label: "Drill into", children: /* @__PURE__ */ e("div", { className: "dc:flex dc:flex-wrap dc:gap-1", children: t.drillMembers.map((d) => /* @__PURE__ */ e("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: d.split(".")[1] || d }, d)) }) })
+  ] });
+}
+function Ye({ dimension: t, cube: n }) {
+  const r = t.type === "time" ? "#3b82f6" : "#10b981", d = n.hierarchies?.filter(
+    (s) => s.levels.some((o) => o === t.name || o === `${n.name}.${t.name.split(".")[1]}`)
+  ) || [];
+  return /* @__PURE__ */ a("div", { className: "dc:flex dc:flex-col dc:gap-2", children: [
+    /* @__PURE__ */ e(S, { label: "Cube", children: n.title || n.name }),
+    /* @__PURE__ */ e(S, { label: "Type", children: /* @__PURE__ */ e(le, { type: t.type, color: r }) }),
+    t.title && t.title !== t.shortTitle && /* @__PURE__ */ e(S, { label: "Title", children: t.title }),
+    t.type === "time" && t.granularities && t.granularities.length > 0 && /* @__PURE__ */ e(S, { label: "Granularity", children: /* @__PURE__ */ e("div", { className: "dc:flex dc:flex-wrap dc:gap-1", children: t.granularities.map((s) => /* @__PURE__ */ e("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: s }, s)) }) }),
+    d.length > 0 && /* @__PURE__ */ e(S, { label: "Hierarchy", children: d.map((s) => /* @__PURE__ */ a("div", { className: "dc:text-[10px]", children: [
+      /* @__PURE__ */ e("span", { className: "dc:font-medium", children: s.title }),
+      /* @__PURE__ */ a("span", { className: "text-dc-text-muted dc:ml-1", children: [
+        "(",
+        s.levels.map((o) => o.split(".")[1] || o).join(" > "),
+        ")"
+      ] })
+    ] }, s.name)) })
+  ] });
+}
+function Je({ cube: t }) {
+  const n = {
+    belongsTo: "#10b981",
+    hasOne: "#3b82f6",
+    hasMany: "#f59e0b",
+    belongsToMany: "#8b5cf6"
+  };
+  return /* @__PURE__ */ a("div", { className: "dc:flex dc:flex-col dc:gap-2", children: [
+    t.description && /* @__PURE__ */ e(S, { label: "Description", children: t.description }),
+    /* @__PURE__ */ a(S, { label: "Measures", children: [
+      /* @__PURE__ */ e("span", { className: "dc:font-mono", children: t.measures.length }),
+      t.measures.length > 0 && /* @__PURE__ */ a("span", { className: "text-dc-text-muted dc:ml-1", children: [
+        "(",
+        [...new Set(t.measures.map((r) => r.type))].join(", "),
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ a(S, { label: "Dimensions", children: [
+      /* @__PURE__ */ e("span", { className: "dc:font-mono", children: t.dimensions.length }),
+      t.dimensions.some((r) => r.type === "time") && /* @__PURE__ */ a("span", { className: "text-dc-text-muted dc:ml-1", children: [
+        "(",
+        t.dimensions.filter((r) => r.type === "time").length,
+        " time)"
+      ] })
+    ] }),
+    t.relationships && t.relationships.length > 0 && /* @__PURE__ */ e(S, { label: "Joins", children: /* @__PURE__ */ e("div", { className: "dc:flex dc:flex-col dc:gap-1", children: t.relationships.map((r, d) => /* @__PURE__ */ a("div", { className: "dc:flex dc:items-center dc:gap-1.5 dc:text-[10px]", children: [
+      /* @__PURE__ */ e(le, { type: r.relationship, color: n[r.relationship] || "#6b7280" }),
+      /* @__PURE__ */ e("span", { className: "dc:font-mono", children: r.targetCube })
+    ] }, d)) }) }),
+    t.hierarchies && t.hierarchies.length > 0 && /* @__PURE__ */ e(S, { label: "Hierarchies", children: /* @__PURE__ */ e("div", { className: "dc:flex dc:flex-col dc:gap-1", children: t.hierarchies.map((r) => /* @__PURE__ */ a("div", { className: "dc:text-[10px]", children: [
+      /* @__PURE__ */ e("span", { className: "dc:font-medium", children: r.title }),
+      /* @__PURE__ */ a("span", { className: "text-dc-text-muted dc:ml-1", children: [
+        "(",
+        r.levels.map((d) => d.split(".")[1] || d).join(" > "),
+        ")"
+      ] })
+    ] }, r.name)) }) }),
+    t.meta?.eventStream && /* @__PURE__ */ e(S, { label: "Event Stream", children: /* @__PURE__ */ a("div", { className: "dc:text-[10px]", children: [
+      /* @__PURE__ */ e("span", { className: "text-dc-text-muted", children: "binding: " }),
+      /* @__PURE__ */ e("span", { className: "dc:font-mono", children: t.meta.eventStream.bindingKey.split(".")[1] || t.meta.eventStream.bindingKey }),
+      /* @__PURE__ */ e("span", { className: "text-dc-text-muted dc:ml-2", children: "time: " }),
+      /* @__PURE__ */ e("span", { className: "dc:font-mono", children: t.meta.eventStream.timeDimension.split(".")[1] || t.meta.eventStream.timeDimension })
+    ] }) })
+  ] });
+}
+function qe({ selection: t, meta: n, onClose: r }) {
+  const d = Z("close"), s = n.cubes.find((h) => h.name === t.cubeName);
+  if (!s) return null;
+  let o, f, p, g;
+  if (t.fieldType === "cube" || !t.fieldName)
+    o = s.title || s.name, f = "var(--dc-accent)", p = "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))", g = /* @__PURE__ */ e(Je, { cube: s });
+  else if (t.fieldType === "measure") {
+    const h = s.measures.find((x) => (x.name.split(".")[1] || x.name) === t.fieldName || x.name === t.fieldName);
+    if (!h) return null;
+    o = h.shortTitle || h.title || t.fieldName, f = "var(--dc-warning)", p = "color-mix(in srgb, var(--dc-warning) 10%, var(--dc-surface))", g = /* @__PURE__ */ e(Ge, { measure: h, cube: s });
+  } else {
+    const h = s.dimensions.find((x) => (x.name.split(".")[1] || x.name) === t.fieldName || x.name === t.fieldName);
+    if (!h) return null;
+    o = h.shortTitle || h.title || t.fieldName, f = h.type === "time" ? "var(--dc-accent)" : "var(--dc-success)", p = h.type === "time" ? "color-mix(in srgb, var(--dc-accent) 10%, var(--dc-surface))" : "color-mix(in srgb, var(--dc-success) 10%, var(--dc-surface))", g = /* @__PURE__ */ e(Ye, { dimension: h, cube: s });
+  }
+  return /* @__PURE__ */ a(
+    "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__ */ a(
+          "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: p },
+            children: [
+              /* @__PURE__ */ a("div", { className: "dc:flex dc:items-center dc:gap-2 dc:min-w-0", children: [
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: "dc:w-2 dc:h-2 dc:rounded-full dc:flex-shrink-0",
+                    style: { backgroundColor: f }
+                  }
+                ),
+                /* @__PURE__ */ e("h4", { className: "dc:text-sm dc:font-semibold text-dc-text dc:truncate", children: o })
+              ] }),
+              /* @__PURE__ */ e(
+                "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__ */ e(d, { className: "dc:w-3.5 dc:h-3.5" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "dc:px-4 dc:py-3", children: g })
+      ]
+    }
+  );
+}
+const Ze = {
+  direction: "LR",
+  nodeWidth: 340,
+  nodeSep: 150,
+  rankSep: 350
+};
+function xe(t) {
+  switch (t) {
+    case "TB":
+      return "top";
+    case "LR":
+      return "left";
+    default:
+      return "top";
+  }
+}
+function be(t) {
+  switch (t) {
+    case "TB":
+      return "bottom";
+    case "LR":
+      return "right";
+    default:
+      return "bottom";
+  }
+}
+function ye(t) {
+  const n = t.data?.cube;
+  if (!n) return 300;
+  const r = n.description ? 80 : 56, d = 36, s = 34, o = 256, f = 30;
+  let p = r;
+  const g = n.measures?.length ?? 0, h = n.dimensions?.filter((m) => m.type === "time").length ?? 0, x = n.dimensions?.filter((m) => m.type !== "time").length ?? 0;
+  return g > 0 && (p += d + Math.min(g * s, o)), h > 0 && (p += d + Math.min(h * s, o)), x > 0 && (p += d + Math.min(x * s, o)), p + f;
+}
+let U = null;
+const Ue = import("elkjs/lib/elk.bundled.js").then((t) => {
+  const n = t.default || t;
+  return U = new n(), U;
+}).catch(() => null);
+async function Qe(t, n, r) {
+  if (await Ue, !U)
+    return { nodes: Ne(t, r), edges: n };
+  const d = r.direction === "LR" ? "EAST" : "SOUTH", s = r.direction === "LR" ? "WEST" : "NORTH", o = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+  n.forEach((l) => {
+    o.has(l.source) || o.set(l.source, []), o.get(l.source).push(l.id), f.has(l.target) || f.set(l.target, []), f.get(l.target).push(l.id);
+  });
+  const p = t.map((l) => {
+    const N = r.nodeWidth, C = ye(l), _ = o.get(l.id) || [], P = f.get(l.id) || [], M = [
+      ..._.map((F) => ({
+        id: `${l.id}__src__${F}`,
+        layoutOptions: { "elk.port.side": d }
+      })),
+      ...P.map((F) => ({
+        id: `${l.id}__tgt__${F}`,
+        layoutOptions: { "elk.port.side": s }
+      }))
+    ];
+    return {
+      id: l.id,
+      width: N,
+      height: C,
+      layoutOptions: { "elk.portConstraints": "FIXED_SIDE" },
+      ports: M
+    };
+  }), g = n.map((l) => ({
+    id: l.id,
+    sources: [`${l.source}__src__${l.id}`],
+    targets: [`${l.target}__tgt__${l.id}`]
+  })), x = {
+    id: "root",
+    layoutOptions: {
+      "elk.algorithm": "layered",
+      "elk.direction": r.direction === "LR" ? "RIGHT" : "DOWN",
+      "elk.edgeRouting": "SPLINES",
+      "elk.layered.edgeRouting.splines.mode": "CONSERVATIVE",
+      "elk.spacing.nodeNode": String(r.nodeSep),
+      "elk.layered.spacing.nodeNodeBetweenLayers": String(r.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: p,
+    edges: g
+  }, m = await U.layout(x), D = /* @__PURE__ */ new Map();
+  if (m.children)
+    for (const l of m.children)
+      D.set(l.id, { x: l.x, y: l.y });
+  return { nodes: t.map((l) => ({
+    ...l,
+    position: D.get(l.id) || l.position,
+    targetPosition: xe(r.direction),
+    sourcePosition: be(r.direction)
+  })), edges: n };
+}
+function Ne(t, n) {
+  let d = 0, s = 0;
+  return t.map((o) => {
+    const f = ye(o);
+    s + f > 1200 && s > 0 && (d++, s = 0);
+    const p = { x: d * (n.nodeWidth + n.nodeSep), y: s };
+    return s += f + 40, {
+      ...o,
+      position: p,
+      sourcePosition: be(n.direction),
+      targetPosition: xe(n.direction)
+    };
+  });
+}
+function et(t, n, r = {}) {
+  const d = V(
+    () => ({ ...Ze, ...r }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [r.direction, r.nodeWidth, r.nodeSep, r.rankSep]
+  ), s = V(() => t.length === 0 ? "" : t.map((N) => N.id).sort().join(",") + "|" + n.map((N) => N.id).sort().join(","), [t, n]), o = j(t), f = j(n), p = j(d);
+  o.current = t, f.current = n, p.current = d;
+  const [g, h] = k("waiting"), [x, m] = k(null), [D, L] = k(""), l = j(0);
+  return H(() => {
+    if (!s) {
+      h("ready"), m(null), L("");
+      return;
+    }
+    const N = ++l.current;
+    h("computing"), Qe(o.current, f.current, p.current).then((C) => {
+      N === l.current && (m(C), L(s), h("ready"));
+    }).catch(() => {
+      N === l.current && (m({
+        nodes: Ne(o.current, p.current),
+        edges: f.current
+      }), L(s), h("ready"));
+    });
+  }, [s]), g === "ready" && x && D === s ? { nodes: x.nodes, edges: x.edges, phase: "ready" } : { nodes: [], edges: [], phase: g };
+}
+const tt = { cubeNode: Xe }, ct = { relationshipEdge: Ke };
+function nt({ token: t }) {
+  const { useNodesInitialized: n, useReactFlow: r } = Q(), d = n(), { fitView: s } = r(), o = j(0);
+  return H(() => {
+    t === 0 || t === o.current || d && (o.current = t, s({ padding: 0.1 }));
+  }, [t, d, s]), null;
+}
+const pe = [];
+function dt(t) {
+  switch (t) {
+    case "belongsTo":
+      return "#10b981";
+    case "hasOne":
+      return "#3b82f6";
+    case "hasMany":
+      return "#f59e0b";
+    case "belongsToMany":
+      return "#8b5cf6";
+    default:
+      return "#6b7280";
+  }
+}
+function rt({
+  className: t = "",
+  onFieldClick: n,
+  highlightedCubes: r,
+  highlightedFields: d,
+  searchTerm: s,
+  height: o = "100%"
+}) {
+  const {
+    ReactFlow: f,
+    Controls: p,
+    MiniMap: g,
+    Background: h,
+    applyNodeChanges: x
+  } = Q(), { meta: m, metaLoading: D, metaError: L } = Ae(), l = r || pe, N = d || pe, [C, _] = k(null), [P, M] = k(s || ""), [F, R] = k(0), [c, y] = k(null), [$, E] = k(null), X = j(null), T = !n, [ee, te] = k({}), [ce, ve] = k(!1), Ce = Z("search"), we = Z("close"), K = s !== void 0 ? s : P;
+  H(() => {
+    try {
+      const i = localStorage.getItem("drizzle-cube-erd-node-positions");
+      i && te(JSON.parse(i));
+    } catch {
+    }
+    ve(!0);
+  }, []);
+  const { structuralNodes: ne, structuralEdges: de } = V(() => {
+    if (!m) return { structuralNodes: [], structuralEdges: [] };
+    const i = m.cubes.map((u, b) => ({
+      id: u.name,
+      type: "cubeNode",
+      // Placeholder position — ELK will override for auto-layout
+      position: { x: b % 3 * 400, y: Math.floor(b / 3) * 300 },
+      data: { cube: u }
+    })), v = [];
+    return m.cubes.forEach((u) => {
+      u.relationships && u.relationships.forEach((b, w) => {
+        b.relationship !== "belongsTo" && v.push({
+          id: `${u.name}-${b.targetCube}-${w}`,
+          source: u.name,
+          target: b.targetCube,
+          type: "relationshipEdge",
+          data: { relationship: b, joinFields: b.joinFields || [] },
+          animated: !1,
+          style: { stroke: dt(b.relationship), strokeWidth: 2 }
+        });
+      });
+    }), { structuralNodes: i, structuralEdges: v };
+  }, [m]), O = F > 0 || ce && Object.keys(ee).length === 0, { nodes: re, edges: se, phase: ke } = et(
+    O ? ne : [],
+    O ? de : [],
+    { direction: "LR", nodeWidth: 340, nodeSep: 150, rankSep: 350 }
+  ), G = I((i, v) => {
+    const u = X.current?.getBoundingClientRect();
+    if (!u) return { x: i, y: v };
+    const b = 300, w = 200;
+    let z = i - u.left + 12, B = v - u.top + 12;
+    return z + b > u.width && (z = i - u.left - b - 12), B + w > u.height && (B = u.height - w - 8), z < 0 && (z = 8), B < 0 && (B = 8), { x: z, y: B };
+  }, []), Se = I((i, v, u, b) => {
+    y((w) => w && w.cubeName === i && w.fieldName === v ? (E(null), null) : (b && E(G(b.x, b.y)), { cubeName: i, fieldName: v, fieldType: u }));
+  }, [G]), Ee = I((i, v) => {
+    y((u) => u && u.cubeName === i && u.fieldName === null ? (E(null), null) : (v && E(G(v.x, v.y)), { cubeName: i, fieldName: null, fieldType: "cube" }));
+  }, [G]), oe = T ? Se : n, ue = T ? Ee : void 0, A = I((i) => ({
+    cube: i,
+    onFieldClick: oe,
+    onCubeClick: ue,
+    isHighlighted: l.includes(i.name),
+    highlightedFields: N,
+    searchTerm: K,
+    selectedField: T ? c : null
+  }), [oe, ue, l, N, K, T, c]), W = !O || ke === "ready", Y = V(() => !m || !W || !ce ? [] : O && re.length > 0 ? re.map((i) => ({
+    ...i,
+    data: A(i.data?.cube || m.cubes.find((v) => v.name === i.id))
+  })) : ne.map((i) => ({
+    ...i,
+    position: ee[i.id] || i.position,
+    data: A(i.data?.cube)
+  })), [m, W, ce, O, re, ne, ee, A]), me = V(() => !m || !W ? [] : O && se.length > 0 ? se : de, [m, W, O, se, de]), [ie, J] = k([]), [Te, Me] = k([]), q = j(""), [Re, $e] = k(0);
+  H(() => {
+    if (Y.length === 0) return;
+    const i = Y.map((u) => `${u.id}:${Math.round(u.position.x)},${Math.round(u.position.y)}`).join("|");
+    if (i === q.current) return;
+    const v = q.current === "";
+    q.current = i, J(Y), Me(me), v && $e((u) => u + 1);
+  }, [Y, me]);
+  const he = j("");
+  H(() => {
+    const i = c ? `${c.cubeName}.${c.fieldName}` : "", v = `${l.join(",")}|${N.join(",")}|${K}|${String(n)}|${i}`;
+    v !== he.current && (he.current = v, !(ie.length === 0 || !m) && J((u) => u.map((b) => {
+      const w = m.cubes.find((z) => z.name === b.id);
+      return w ? { ...b, data: A(w) } : b;
+    })));
+  }, [l, N, K, n, c, ie.length, m, A]);
+  const Le = I((i) => {
+    J((u) => x(i, u)), i.filter(
+      (u) => u.type === "position" && "dragging" in u && u.dragging === !1
+    ).length > 0 && J((u) => {
+      const b = {};
+      u.forEach((w) => {
+        w.position && (b[w.id] = w.position);
+      });
+      try {
+        localStorage.setItem("drizzle-cube-erd-node-positions", JSON.stringify(b));
+      } catch {
+      }
+      return te(b), u;
+    });
+  }, []), Fe = I((i) => {
+  }, []), De = I((i) => {
+    i.preventDefault(), i.stopPropagation(), _({ x: i.clientX, y: i.clientY });
+  }, []), Pe = I(() => {
+    C && _(null), c && (y(null), E(null));
+  }, [C, c]), Ie = I(() => {
+    te({}), q.current = "";
+    try {
+      localStorage.removeItem("drizzle-cube-erd-node-positions");
+    } catch {
+    }
+    R((i) => i + 1), _(null);
+  }, []);
+  return D ? /* @__PURE__ */ e("div", { className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${t}`, children: /* @__PURE__ */ a("div", { className: "dc:text-center", children: [
+    /* @__PURE__ */ e("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__ */ e("p", { className: "text-dc-text-muted", children: "Loading cube schema..." })
+  ] }) }) : L ? /* @__PURE__ */ e("div", { className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${t}`, children: /* @__PURE__ */ a("div", { className: "dc:text-center text-dc-error", children: [
+    /* @__PURE__ */ e("p", { className: "dc:font-medium", children: "Failed to load cube schema" }),
+    /* @__PURE__ */ e("p", { className: "dc:text-sm dc:mt-1", children: L })
+  ] }) }) : !m || m.cubes.length === 0 ? /* @__PURE__ */ e("div", { className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${t}`, children: /* @__PURE__ */ a("div", { className: "dc:text-center text-dc-text-muted", children: [
+    /* @__PURE__ */ e("p", { className: "dc:font-medium", children: "No cubes found" }),
+    /* @__PURE__ */ e("p", { className: "dc:text-sm dc:mt-1", children: "Register some cubes to see the relationship diagram" })
+  ] }) }) : W ? /* @__PURE__ */ a("div", { className: `dc:flex dc:flex-col ${t}`, style: { height: o, minHeight: 400 }, children: [
+    s === void 0 && /* @__PURE__ */ a("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__ */ e(Ce, { className: "dc:w-4 dc:h-4 text-dc-text-muted" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: P,
+          onChange: (i) => M(i.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"
+        }
+      ),
+      P && /* @__PURE__ */ e("button", { onClick: () => M(""), className: "text-dc-text-muted dc:hover:text-dc-text", children: /* @__PURE__ */ e(we, { className: "dc:w-3 dc:h-3" }) })
+    ] }),
+    /* @__PURE__ */ a("div", { ref: X, className: "dc:relative dc:flex-1 dc:min-h-0", children: [
+      /* @__PURE__ */ e("div", { style: { position: "absolute", inset: 0 }, children: /* @__PURE__ */ a(
+        f,
+        {
+          nodes: ie,
+          edges: Te,
+          onNodesChange: Le,
+          onEdgesChange: Fe,
+          nodeTypes: tt,
+          edgeTypes: ct,
+          connectionMode: "loose",
+          minZoom: 0.1,
+          maxZoom: 2,
+          proOptions: { hideAttribution: !0 },
+          onPaneContextMenu: De,
+          onPaneClick: Pe,
+          children: [
+            /* @__PURE__ */ e(p, {}),
+            /* @__PURE__ */ e(
+              g,
+              {
+                nodeColor: (i) => l.includes(i.id) ? "#8b5cf6" : "#e5e7eb",
+                maskColor: "rgb(240, 242, 246, 0.7)"
+              }
+            ),
+            /* @__PURE__ */ e(h, { variant: "dots", gap: 12, size: 1 }),
+            /* @__PURE__ */ e(nt, { token: Re })
+          ]
+        }
+      ) }),
+      T && c && $ && m && /* @__PURE__ */ e(
+        "div",
+        {
+          className: "dc:absolute dc:z-20",
+          style: { left: $.x, top: $.y },
+          children: /* @__PURE__ */ e(
+            qe,
+            {
+              selection: c,
+              meta: m,
+              onClose: () => {
+                y(null), E(null);
+              }
+            }
+          )
+        }
+      )
+    ] }),
+    C && /* @__PURE__ */ e(
+      "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: C.x, top: C.y },
+        children: /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: Ie,
+            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__ */ e("div", { className: `dc:flex dc:items-center dc:justify-center dc:h-96 ${t}`, children: /* @__PURE__ */ a("div", { className: "dc:text-center", children: [
+    /* @__PURE__ */ e("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__ */ e("p", { className: "text-dc-text-muted", children: "Computing layout..." })
+  ] }) });
+}
+const st = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  SchemaVisualization: rt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ut as S
+};
+//# sourceMappingURL=schema-visualization-B97a1Ybu.js.map