drizzle-cube 0.4.26 → 0.4.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drizzle-cube",
-  "version": "0.4.26",
+  "version": "0.4.27",
   "description": "Drizzle ORM-first semantic layer with Cube.js compatibility. Type-safe analytics and dashboards with SQL injection protection.",
   "main": "./dist/server/index.js",
   "types": "./dist/server/index.d.ts",

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

@@ -1,563 +0,0 @@
-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