drizzle-cube 0.2.11 → 0.2.13

package/dist/client/chunks/{index-th92_8oL.js → index-DlsvcKXf.js}

@@ -1,40 +1,40 @@
 import { jsxs as o, jsx as t, Fragment as J } from "react/jsx-runtime";
 import { useMemo as j, useState as H, useEffect as T, useCallback as S } from "react";
-import Z, { Handle as P, Position as p, getBezierPath as K, BaseEdge as Q, EdgeLabelRenderer as U, useNodesState as _, useEdgesState as ee, addEdge as te, ConnectionMode as se, Controls as re, MiniMap as ne, Background as oe, BackgroundVariant as ae } from "reactflow";
-import { u as ie } from "./chart-activitygridchart-D17Fxiuf.js";
+import Z, { Handle as P, Position as g, getBezierPath as K, BaseEdge as Q, EdgeLabelRenderer as U, useNodesState as _, useEdgesState as ee, addEdge as te, ConnectionMode as se, Controls as ne, MiniMap as re, Background as oe, BackgroundVariant as ae } from "reactflow";
+import { u as ie } from "./chart-activitygridchart-CUGN9Xq9.js";
 import O from "dagre";
-function de({ data: i }) {
-  const { cube: s, onFieldClick: f, isHighlighted: r, highlightedFields: w, searchTerm: m } = i, l = () => {
-  }, y = (e, n) => {
-    f && f(s.name, e, n);
-  }, c = (e) => w.includes(e), b = (e) => {
+function ce({ data: i }) {
+  const { cube: s, onFieldClick: f, isHighlighted: n, highlightedFields: w, searchTerm: m } = i, d = () => {
+  }, y = (e, r) => {
+    f && f(s.name, e, r);
+  }, l = (e) => w.includes(e), b = (e) => {
     if (!m?.trim()) return !0;
-    const n = m.toLowerCase();
-    return e.name.toLowerCase().includes(n) || e.title && e.title.toLowerCase().includes(n);
+    const r = m.toLowerCase();
+    return e.name.toLowerCase().includes(r) || e.title && e.title.toLowerCase().includes(r);
   }, k = (() => {
     if (!m?.trim()) return !0;
-    const e = s.measures.some((d) => b(d)), n = s.dimensions.some((d) => b(d));
-    return e || n;
-  })(), N = (e, n, d) => {
+    const e = s.measures.some((c) => b(c)), r = s.dimensions.some((c) => b(c));
+    return e || r;
+  })(), N = (e, r, c) => {
     const v = b(e), u = "px-4 py-2 text-xs cursor-pointer transition-all border-b border-dc-border last:border-b-0";
     if (!k && m?.trim()) {
-      if (n) {
-        if (d === "measure")
-          return `${u} bg-amber-100 text-amber-800`;
-        if (d === "dimension")
-          return e.type === "time" ? `${u} bg-blue-100 text-blue-800` : `${u} bg-green-100 text-green-800`;
+      if (r) {
+        if (c === "measure")
+          return `${u} bg-dc-warning-bg text-dc-warning`;
+        if (c === "dimension")
+          return e.type === "time" ? `${u} bg-dc-accent-bg text-dc-accent` : `${u} bg-dc-success-bg text-dc-success`;
       }
       return `${u} hover:bg-dc-surface-hover text-dc-text-secondary`;
     }
     if (m?.trim() && !v)
       return `${u} opacity-40 hover:opacity-60 text-dc-text-muted`;
-    if (m?.trim() && v && !n)
-      return `${u} font-bold hover:bg-purple-50`;
-    if (n) {
-      if (d === "measure")
-        return `${u} bg-amber-100 text-amber-800 font-semibold`;
-      if (d === "dimension")
-        return e.type === "time" ? `${u} bg-blue-100 text-blue-800 font-semibold` : `${u} bg-green-100 text-green-800 font-semibold`;
+    if (m?.trim() && v && !r)
+      return `${u} font-bold hover:bg-dc-accent-bg`;
+    if (r) {
+      if (c === "measure")
+        return `${u} bg-dc-warning-bg text-dc-warning font-semibold`;
+      if (c === "dimension")
+        return e.type === "time" ? `${u} bg-dc-accent-bg text-dc-accent font-semibold` : `${u} bg-dc-success-bg text-dc-success font-semibold`;
     }
     return `${u} hover:bg-dc-surface-hover text-dc-text-secondary`;
   };
@@ -44,7 +44,7 @@ function de({ data: i }) {
       className: `
         border-2 rounded-lg shadow-lg min-w-[280px] overflow-hidden transition-all
         ${!k && m?.trim() ? "opacity-30 grayscale" : ""}
-        ${r ? "border-purple-500 ring-2 ring-purple-200" : "border-dc-border"}
+        ${n ? "border-dc-accent ring-2 ring-dc-accent" : "border-dc-border"}
       `,
       style: {
         backgroundColor: "var(--dc-surface)"
@@ -55,9 +55,9 @@ function de({ data: i }) {
           {
             className: `
           px-4 py-3 cursor-pointer transition-colors
-          ${r ? "bg-purple-100 hover:bg-purple-200" : "bg-dc-surface-secondary hover:bg-dc-surface-hover"}
+          ${n ? "bg-dc-accent-bg hover:bg-dc-accent-bg" : "bg-dc-surface-secondary hover:bg-dc-surface-hover"}
         `,
-            onClick: l,
+            onClick: d,
             children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ o("div", { children: [
                 /* @__PURE__ */ t("h3", { className: "font-semibold text-dc-text text-sm", children: s.title || s.name }),
@@ -77,22 +77,22 @@ function de({ data: i }) {
           }
         ),
         s.measures.length > 0 && /* @__PURE__ */ o("div", { className: "border-t border-dc-border", children: [
-          /* @__PURE__ */ t("div", { className: "px-4 py-2 bg-amber-50 border-b border-dc-border", children: /* @__PURE__ */ o("h4", { className: "text-xs font-medium text-amber-800 flex items-center", children: [
-            /* @__PURE__ */ t("span", { className: "w-2 h-2 bg-amber-500 rounded-full mr-2" }),
+          /* @__PURE__ */ t("div", { className: "px-4 py-2 bg-dc-warning-bg border-b border-dc-border", children: /* @__PURE__ */ o("h4", { className: "text-xs font-medium text-dc-warning flex items-center", children: [
+            /* @__PURE__ */ t("span", { className: "w-2 h-2 bg-dc-warning-bg0 rounded-full mr-2" }),
             "Measures (",
             s.measures.length,
             ")"
           ] }) }),
           /* @__PURE__ */ t("div", { className: "max-h-32 overflow-y-auto", children: s.measures.map((e) => {
-            const n = e.name.split(".")[1] || e.name, d = c(e.name);
+            const r = e.name.split(".")[1] || e.name, c = l(e.name);
             return /* @__PURE__ */ t(
               "div",
               {
-                className: N(e, d, "measure"),
-                onClick: () => y(n, "measure"),
+                className: N(e, c, "measure"),
+                onClick: () => y(r, "measure"),
                 title: e.title,
                 children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-                  /* @__PURE__ */ t("span", { className: "font-mono truncate", children: e.shortTitle || e.title || n }),
+                  /* @__PURE__ */ t("span", { className: "font-mono truncate", children: e.shortTitle || e.title || r }),
                   /* @__PURE__ */ t("span", { className: "text-dc-text-muted ml-2 text-[10px] uppercase", children: e.type })
                 ] })
               },
@@ -101,22 +101,22 @@ function de({ data: i }) {
           }) })
         ] }),
         s.dimensions.filter((e) => e.type === "time").length > 0 && /* @__PURE__ */ o("div", { className: "border-t border-dc-border", children: [
-          /* @__PURE__ */ t("div", { className: "px-4 py-2 bg-blue-50 border-b border-dc-border", children: /* @__PURE__ */ o("h4", { className: "text-xs font-medium text-blue-800 flex items-center", children: [
-            /* @__PURE__ */ t("span", { className: "w-2 h-2 bg-blue-500 rounded-full mr-2" }),
+          /* @__PURE__ */ t("div", { className: "px-4 py-2 bg-dc-accent-bg border-b border-dc-border", children: /* @__PURE__ */ o("h4", { className: "text-xs font-medium text-dc-accent flex items-center", children: [
+            /* @__PURE__ */ t("span", { className: "w-2 h-2 bg-dc-accent-bg0 rounded-full mr-2" }),
             "Time Dimensions (",
             s.dimensions.filter((e) => e.type === "time").length,
             ")"
           ] }) }),
           /* @__PURE__ */ t("div", { className: "max-h-32 overflow-y-auto", children: s.dimensions.filter((e) => e.type === "time").map((e) => {
-            const n = e.name.split(".")[1] || e.name, d = c(e.name);
+            const r = e.name.split(".")[1] || e.name, c = l(e.name);
             return /* @__PURE__ */ t(
               "div",
               {
-                className: N(e, d, "dimension"),
-                onClick: () => y(n, "dimension"),
+                className: N(e, c, "dimension"),
+                onClick: () => y(r, "dimension"),
                 title: e.title,
                 children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-                  /* @__PURE__ */ t("span", { className: "font-mono truncate", children: e.shortTitle || e.title || n }),
+                  /* @__PURE__ */ t("span", { className: "font-mono truncate", children: e.shortTitle || e.title || r }),
                   /* @__PURE__ */ t("span", { className: "text-dc-text-muted ml-2 text-[10px] uppercase", children: e.type })
                 ] })
               },
@@ -125,22 +125,22 @@ function de({ data: i }) {
           }) })
         ] }),
         s.dimensions.filter((e) => e.type !== "time").length > 0 && /* @__PURE__ */ o("div", { className: "border-t border-dc-border", children: [
-          /* @__PURE__ */ t("div", { className: "px-4 py-2 bg-green-50 border-b border-dc-border", children: /* @__PURE__ */ o("h4", { className: "text-xs font-medium text-green-800 flex items-center", children: [
-            /* @__PURE__ */ t("span", { className: "w-2 h-2 bg-green-500 rounded-full mr-2" }),
+          /* @__PURE__ */ t("div", { className: "px-4 py-2 bg-dc-success-bg border-b border-dc-border", children: /* @__PURE__ */ o("h4", { className: "text-xs font-medium text-dc-success flex items-center", children: [
+            /* @__PURE__ */ t("span", { className: "w-2 h-2 bg-dc-success-bg0 rounded-full mr-2" }),
             "Dimensions (",
             s.dimensions.filter((e) => e.type !== "time").length,
             ")"
           ] }) }),
           /* @__PURE__ */ t("div", { className: "max-h-32 overflow-y-auto", children: s.dimensions.filter((e) => e.type !== "time").map((e) => {
-            const n = e.name.split(".")[1] || e.name, d = c(e.name);
+            const r = e.name.split(".")[1] || e.name, c = l(e.name);
             return /* @__PURE__ */ t(
               "div",
               {
-                className: N(e, d, "dimension"),
-                onClick: () => y(n, "dimension"),
+                className: N(e, c, "dimension"),
+                onClick: () => y(r, "dimension"),
                 title: e.title,
                 children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-                  /* @__PURE__ */ t("span", { className: "font-mono truncate", children: e.shortTitle || e.title || n }),
+                  /* @__PURE__ */ t("span", { className: "font-mono truncate", children: e.shortTitle || e.title || r }),
                   /* @__PURE__ */ t("span", { className: "text-dc-text-muted ml-2 text-[10px] uppercase", children: e.type })
                 ] })
               },
@@ -152,7 +152,7 @@ function de({ data: i }) {
           P,
           {
             type: "source",
-            position: p.Right,
+            position: g.Right,
             id: "right",
             className: "opacity-0",
             isConnectable: !1
@@ -162,7 +162,7 @@ function de({ data: i }) {
           P,
           {
             type: "target",
-            position: p.Left,
+            position: g.Left,
             id: "left",
             className: "opacity-0",
             isConnectable: !1
@@ -172,7 +172,7 @@ function de({ data: i }) {
           P,
           {
             type: "source",
-            position: p.Bottom,
+            position: g.Bottom,
             id: "bottom",
             className: "opacity-0",
             isConnectable: !1
@@ -182,7 +182,7 @@ function de({ data: i }) {
           P,
           {
             type: "target",
-            position: p.Top,
+            position: g.Top,
             id: "top",
             className: "opacity-0",
             isConnectable: !1
@@ -192,27 +192,27 @@ function de({ data: i }) {
     }
   );
 }
-function le({
+function de({
   sourceX: i,
   sourceY: s,
   targetX: f,
-  targetY: r,
+  targetY: n,
   sourcePosition: w,
   targetPosition: m,
-  style: l = {},
+  style: d = {},
   data: y,
-  markerEnd: c
+  markerEnd: l
 }) {
   const [b, E, k] = K({
     sourceX: i,
     sourceY: s,
     sourcePosition: w,
     targetX: f,
-    targetY: r,
+    targetY: n,
     targetPosition: m
   });
   if (!y) return null;
-  const { relationship: N, joinFields: e } = y, n = (C) => {
+  const { relationship: N, joinFields: e } = y, r = (C) => {
     switch (C) {
       case "belongsTo":
         return "∈";
@@ -238,9 +238,9 @@ function le({
       default:
         return "#6b7280";
     }
-  })(N.relationship), u = n(N.relationship);
+  })(N.relationship), u = r(N.relationship);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ t(Q, { path: b, markerEnd: c, style: { ...l, stroke: v } }),
+    /* @__PURE__ */ t(Q, { path: b, markerEnd: l, style: { ...d, stroke: v } }),
     /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(
       "div",
       {
@@ -280,7 +280,7 @@ function le({
     ) })
   ] });
 }
-const ce = {
+const le = {
   direction: "TB",
   nodeWidth: 320,
   nodeHeight: 220,
@@ -289,82 +289,82 @@ const ce = {
   ranker: "network-simplex"
 };
 function ue(i, s, f = {}) {
-  const r = j(() => ({ ...ce, ...f }), [f]), { layoutedNodes: w, layoutedEdges: m } = j(() => {
+  const n = j(() => ({ ...le, ...f }), [f]), { layoutedNodes: w, layoutedEdges: m } = j(() => {
     if (i.length === 0)
       return { layoutedNodes: [], layoutedEdges: [] };
-    const l = new O.graphlib.Graph();
-    return l.setDefaultEdgeLabel(() => ({})), l.setGraph({
-      rankdir: r.direction,
-      nodesep: r.nodeSep,
-      ranksep: r.rankSep,
-      ranker: r.ranker
-    }), i.forEach((c) => {
-      l.setNode(c.id, {
-        width: r.nodeWidth,
-        height: r.nodeHeight
+    const d = new O.graphlib.Graph();
+    return d.setDefaultEdgeLabel(() => ({})), d.setGraph({
+      rankdir: n.direction,
+      nodesep: n.nodeSep,
+      ranksep: n.rankSep,
+      ranker: n.ranker
+    }), i.forEach((l) => {
+      d.setNode(l.id, {
+        width: n.nodeWidth,
+        height: n.nodeHeight
       });
-    }), s.forEach((c) => {
-      l.setEdge(c.source, c.target);
-    }), O.layout(l), {
-      layoutedNodes: i.map((c) => {
-        const b = l.node(c.id);
+    }), s.forEach((l) => {
+      d.setEdge(l.source, l.target);
+    }), O.layout(d), {
+      layoutedNodes: i.map((l) => {
+        const b = d.node(l.id);
         return {
-          ...c,
-          targetPosition: me(r.direction),
-          sourcePosition: he(r.direction),
+          ...l,
+          targetPosition: me(n.direction),
+          sourcePosition: he(n.direction),
           position: {
-            x: b.x - r.nodeWidth / 2,
-            y: b.y - r.nodeHeight / 2
+            x: b.x - n.nodeWidth / 2,
+            y: b.y - n.nodeHeight / 2
           }
         };
       }),
       layoutedEdges: s
     };
-  }, [i, s, r.direction, r.nodeSep, r.rankSep, r.ranker, r.nodeWidth, r.nodeHeight]);
+  }, [i, s, n.direction, n.nodeSep, n.rankSep, n.ranker, n.nodeWidth, n.nodeHeight]);
   return { nodes: w, edges: m };
 }
 function me(i) {
   switch (i) {
     case "TB":
-      return p.Top;
+      return g.Top;
     case "BT":
-      return p.Bottom;
+      return g.Bottom;
     case "LR":
-      return p.Left;
+      return g.Left;
     case "RL":
-      return p.Right;
+      return g.Right;
     default:
-      return p.Top;
+      return g.Top;
   }
 }
 function he(i) {
   switch (i) {
     case "TB":
-      return p.Bottom;
+      return g.Bottom;
     case "BT":
-      return p.Top;
+      return g.Top;
     case "LR":
-      return p.Right;
+      return g.Right;
     case "RL":
-      return p.Left;
+      return g.Left;
     default:
-      return p.Bottom;
+      return g.Bottom;
   }
 }
-const pe = {
-  cubeNode: de
-}, ge = {
-  relationshipEdge: le
+const ge = {
+  cubeNode: ce
+}, pe = {
+  relationshipEdge: de
 };
 function Ce({
   className: i = "",
   onCubeClick: s,
   onFieldClick: f,
-  highlightedCubes: r = [],
+  highlightedCubes: n = [],
   highlightedFields: w = [],
   searchTerm: m
 }) {
-  const { meta: l, metaLoading: y, metaError: c } = ie(), [b, E] = H({}), [k, N] = H(!1), [e, n] = H(null);
+  const { meta: d, metaLoading: y, metaError: l } = ie(), [b, E] = H({}), [k, N] = H(!1), [e, r] = H(null);
   T(() => {
     try {
       const a = localStorage.getItem("drizzle-cube-erd-node-positions");
@@ -372,14 +372,14 @@ function Ce({
     } catch {
     }
   }, []);
-  const { nodes: d, edges: v } = j(() => {
-    if (!l) return { nodes: [], edges: [] };
+  const { nodes: c, edges: v } = j(() => {
+    if (!d) return { nodes: [], edges: [] };
     const a = [], x = [];
-    return l.cubes.forEach((h, g) => {
+    return d.cubes.forEach((h, p) => {
       a.push({
         id: h.name,
         type: "cubeNode",
-        position: b[h.name] || { x: g % 3 * 400, y: Math.floor(g / 3) * 300 },
+        position: b[h.name] || { x: p % 3 * 400, y: Math.floor(p / 3) * 300 },
         data: {
           cube: h,
           onCubeClick: s,
@@ -390,45 +390,45 @@ function Ce({
           // Will be updated separately
         }
       });
-    }), l.cubes.forEach((h) => {
-      h.relationships && h.relationships.forEach((g, L) => {
-        if (g.relationship === "belongsTo")
+    }), d.cubes.forEach((h) => {
+      h.relationships && h.relationships.forEach((p, M) => {
+        if (p.relationship === "belongsTo")
           return;
-        const q = `${h.name}-${g.targetCube}-${L}`;
+        const q = `${h.name}-${p.targetCube}-${M}`;
         x.push({
           id: q,
           source: h.name,
-          target: g.targetCube,
+          target: p.targetCube,
           type: "relationshipEdge",
           data: {
-            relationship: g,
-            joinFields: g.joinFields
+            relationship: p,
+            joinFields: p.joinFields
           },
           animated: !1,
           style: {
-            stroke: be(g.relationship),
+            stroke: be(p.relationship),
             strokeWidth: 2
           }
         });
       });
     }), { nodes: a, edges: x };
-  }, [l, s, f, b]), u = k || Object.keys(b).length === 0, { nodes: C, edges: B } = ue(d, v, {
+  }, [d, s, f, b]), u = k || Object.keys(b).length === 0, { nodes: C, edges: B } = ue(c, v, {
     direction: "LR",
     nodeWidth: 320,
     nodeHeight: 220,
     nodeSep: 100,
     rankSep: 200
-  }), M = j(() => (u ? C : d).map((x) => ({
+  }), L = j(() => (u ? C : c).map((x) => ({
     ...x,
     data: {
       ...x.data,
-      isHighlighted: r.includes(x.id),
+      isHighlighted: n.includes(x.id),
       highlightedFields: w,
       searchTerm: m
     }
-  })), [u, C, d, r, w, m]), F = u ? B : v;
+  })), [u, C, c, n, w, m]), F = u ? B : v;
   T(() => {
-    if (k && M.length > 0) {
+    if (k && L.length > 0) {
       E({});
       try {
         localStorage.removeItem("drizzle-cube-erd-node-positions");
@@ -436,45 +436,45 @@ function Ce({
       }
       N(!1);
     }
-  }, [k, M]);
-  const [D, $, z] = _(M), [W, R, A] = ee(F);
+  }, [k, L]);
+  const [D, $, z] = _(L), [W, R, A] = ee(F);
   T(() => {
-    $(M);
-  }, [M, $]), T(() => {
+    $(L);
+  }, [L, $]), T(() => {
     R(F);
   }, [F, R]);
   const I = S((a) => {
     z(a), a.filter((h) => h.type === "position" && h.dragging === !1).length > 0 && $((h) => {
-      const g = {};
-      h.forEach((L) => {
-        L.position && (g[L.id] = L.position);
+      const p = {};
+      h.forEach((M) => {
+        M.position && (p[M.id] = M.position);
       });
       try {
-        localStorage.setItem("drizzle-cube-erd-node-positions", JSON.stringify(g));
+        localStorage.setItem("drizzle-cube-erd-node-positions", JSON.stringify(p));
       } catch {
       }
-      return E(g), h;
+      return E(p), h;
     });
   }, [z, $]), V = S(
     (a) => R((x) => te(a, x)),
     [R]
   ), G = S((a) => {
-    a.preventDefault(), a.stopPropagation(), console.log("Context menu triggered at:", a.clientX, a.clientY), n({
+    a.preventDefault(), a.stopPropagation(), console.log("Context menu triggered at:", a.clientX, a.clientY), r({
       x: a.clientX,
       y: a.clientY
     });
   }, []), X = S(() => {
-    e && n(null);
+    e && r(null);
   }, [e]), Y = S(() => {
-    N(!0), n(null);
+    N(!0), r(null);
   }, []);
   return y ? /* @__PURE__ */ t("div", { className: `flex items-center justify-center h-96 ${i}`, children: /* @__PURE__ */ o("div", { className: "text-center", children: [
-    /* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500 mx-auto mb-2" }),
+    /* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-dc-accent mx-auto mb-2" }),
     /* @__PURE__ */ t("p", { className: "text-dc-text-muted", children: "Loading cube schema..." })
-  ] }) }) : c ? /* @__PURE__ */ t("div", { className: `flex items-center justify-center h-96 ${i}`, children: /* @__PURE__ */ o("div", { className: "text-center text-red-500", children: [
+  ] }) }) : l ? /* @__PURE__ */ t("div", { className: `flex items-center justify-center h-96 ${i}`, children: /* @__PURE__ */ o("div", { className: "text-center text-dc-error", children: [
     /* @__PURE__ */ t("p", { className: "font-medium", children: "Failed to load cube schema" }),
-    /* @__PURE__ */ t("p", { className: "text-sm mt-1", children: c })
-  ] }) }) : !l || l.cubes.length === 0 ? /* @__PURE__ */ t("div", { className: `flex items-center justify-center h-96 ${i}`, children: /* @__PURE__ */ o("div", { className: "text-center text-dc-text-muted", children: [
+    /* @__PURE__ */ t("p", { className: "text-sm mt-1", children: l })
+  ] }) }) : !d || d.cubes.length === 0 ? /* @__PURE__ */ t("div", { className: `flex items-center justify-center h-96 ${i}`, children: /* @__PURE__ */ o("div", { className: "text-center text-dc-text-muted", children: [
     /* @__PURE__ */ t("p", { className: "font-medium", children: "No cubes found" }),
     /* @__PURE__ */ t("p", { className: "text-sm mt-1", children: "Register some cubes to see the relationship diagram" })
   ] }) }) : /* @__PURE__ */ o("div", { className: `h-full ${i}`, style: { height: "600px" }, children: [
@@ -486,8 +486,8 @@ function Ce({
         onNodesChange: I,
         onEdgesChange: A,
         onConnect: V,
-        nodeTypes: pe,
-        edgeTypes: ge,
+        nodeTypes: ge,
+        edgeTypes: pe,
         connectionMode: se.Loose,
         fitView: !0,
         minZoom: 0.1,
@@ -497,11 +497,11 @@ function Ce({
         onPaneContextMenu: G,
         onPaneClick: X,
         children: [
-          /* @__PURE__ */ t(re, {}),
+          /* @__PURE__ */ t(ne, {}),
           /* @__PURE__ */ t(
-            ne,
+            re,
             {
-              nodeColor: (a) => r.includes(a.id) ? "#8b5cf6" : "#e5e7eb",
+              nodeColor: (a) => n.includes(a.id) ? "#8b5cf6" : "#e5e7eb",
               maskColor: "rgb(240, 242, 246, 0.7)"
             }
           ),
@@ -548,4 +548,4 @@ export {
   Ce as CubeRelationshipDiagram,
   Ce as default
 };
-//# sourceMappingURL=index-th92_8oL.js.map
+//# sourceMappingURL=index-DlsvcKXf.js.map