drizzle-cube 0.4.24 → 0.4.26

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

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