drizzle-cube 0.2.2 → 0.2.3

package/dist/client/chunks/index-_pVwmFVW.js

@@ -0,0 +1,551 @@
+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-BzL97Vnm.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) => {
+    if (!m?.trim()) return !0;
+    const n = m.toLowerCase();
+    return e.name.toLowerCase().includes(n) || e.title && e.title.toLowerCase().includes(n);
+  }, 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 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`;
+      }
+      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`;
+    }
+    return `${u} hover:bg-dc-surface-hover text-dc-text-secondary`;
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      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"}
+      `,
+      style: {
+        backgroundColor: "var(--dc-surface)"
+      },
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            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"}
+        `,
+            onClick: l,
+            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 }),
+                s.description && /* @__PURE__ */ t("p", { className: "text-xs text-dc-text-muted mt-1 line-clamp-2", children: s.description })
+              ] }),
+              /* @__PURE__ */ o("div", { className: "text-xs text-dc-text-muted ml-2", children: [
+                /* @__PURE__ */ o("div", { children: [
+                  s.measures.length,
+                  "M"
+                ] }),
+                /* @__PURE__ */ o("div", { children: [
+                  s.dimensions.length,
+                  "D"
+                ] })
+              ] })
+            ] })
+          }
+        ),
+        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" }),
+            "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);
+            return /* @__PURE__ */ t(
+              "div",
+              {
+                className: N(e, d, "measure"),
+                onClick: () => y(n, "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: "text-dc-text-muted ml-2 text-[10px] uppercase", children: e.type })
+                ] })
+              },
+              e.name
+            );
+          }) })
+        ] }),
+        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" }),
+            "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);
+            return /* @__PURE__ */ t(
+              "div",
+              {
+                className: N(e, d, "dimension"),
+                onClick: () => y(n, "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: "text-dc-text-muted ml-2 text-[10px] uppercase", children: e.type })
+                ] })
+              },
+              e.name
+            );
+          }) })
+        ] }),
+        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" }),
+            "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);
+            return /* @__PURE__ */ t(
+              "div",
+              {
+                className: N(e, d, "dimension"),
+                onClick: () => y(n, "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: "text-dc-text-muted ml-2 text-[10px] uppercase", children: e.type })
+                ] })
+              },
+              e.name
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ t(
+          P,
+          {
+            type: "source",
+            position: p.Right,
+            id: "right",
+            className: "opacity-0",
+            isConnectable: !1
+          }
+        ),
+        /* @__PURE__ */ t(
+          P,
+          {
+            type: "target",
+            position: p.Left,
+            id: "left",
+            className: "opacity-0",
+            isConnectable: !1
+          }
+        ),
+        /* @__PURE__ */ t(
+          P,
+          {
+            type: "source",
+            position: p.Bottom,
+            id: "bottom",
+            className: "opacity-0",
+            isConnectable: !1
+          }
+        ),
+        /* @__PURE__ */ t(
+          P,
+          {
+            type: "target",
+            position: p.Top,
+            id: "top",
+            className: "opacity-0",
+            isConnectable: !1
+          }
+        )
+      ]
+    }
+  );
+}
+function le({
+  sourceX: i,
+  sourceY: s,
+  targetX: f,
+  targetY: r,
+  sourcePosition: w,
+  targetPosition: m,
+  style: l = {},
+  data: y,
+  markerEnd: c
+}) {
+  const [b, E, k] = K({
+    sourceX: i,
+    sourceY: s,
+    sourcePosition: w,
+    targetX: f,
+    targetY: r,
+    targetPosition: m
+  });
+  if (!y) return null;
+  const { relationship: N, joinFields: e } = y, n = (C) => {
+    switch (C) {
+      case "belongsTo":
+        return "∈";
+      // belongs to symbol
+      case "hasOne":
+        return "1:1";
+      case "hasMany":
+        return "1:M";
+      default:
+        return "?";
+    }
+  }, v = ((C) => {
+    switch (C) {
+      case "belongsTo":
+        return "#10b981";
+      // green
+      case "hasOne":
+        return "#3b82f6";
+      // blue
+      case "hasMany":
+        return "#f59e0b";
+      // amber
+      default:
+        return "#6b7280";
+    }
+  })(N.relationship), u = n(N.relationship);
+  return /* @__PURE__ */ o(J, { children: [
+    /* @__PURE__ */ t(Q, { path: b, markerEnd: c, style: { ...l, stroke: v } }),
+    /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          transform: `translate(-50%, -50%) translate(${E}px,${k}px)`,
+          fontSize: 10,
+          pointerEvents: "all"
+        },
+        className: "nodrag nopan",
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: "border-2 rounded-md px-2 py-1 shadow-xs",
+            style: {
+              backgroundColor: "var(--dc-surface)",
+              borderColor: v
+            },
+            children: /* @__PURE__ */ o("div", { className: "text-center", children: [
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "font-bold text-xs mb-1",
+                  style: { color: v },
+                  children: u
+                }
+              ),
+              /* @__PURE__ */ t("div", { className: "text-[9px] text-dc-text-muted leading-tight", children: e.map((C, B) => /* @__PURE__ */ o("div", { className: "font-mono", children: [
+                C.sourceField,
+                " → ",
+                C.targetField
+              ] }, B)) })
+            ] })
+          }
+        )
+      }
+    ) })
+  ] });
+}
+const ce = {
+  direction: "TB",
+  nodeWidth: 320,
+  nodeHeight: 220,
+  nodeSep: 80,
+  rankSep: 150,
+  ranker: "network-simplex"
+};
+function ue(i, s, f = {}) {
+  const r = j(() => ({ ...ce, ...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
+      });
+    }), s.forEach((c) => {
+      l.setEdge(c.source, c.target);
+    }), O.layout(l), {
+      layoutedNodes: i.map((c) => {
+        const b = l.node(c.id);
+        return {
+          ...c,
+          targetPosition: me(r.direction),
+          sourcePosition: he(r.direction),
+          position: {
+            x: b.x - r.nodeWidth / 2,
+            y: b.y - r.nodeHeight / 2
+          }
+        };
+      }),
+      layoutedEdges: s
+    };
+  }, [i, s, r.direction, r.nodeSep, r.rankSep, r.ranker, r.nodeWidth, r.nodeHeight]);
+  return { nodes: w, edges: m };
+}
+function me(i) {
+  switch (i) {
+    case "TB":
+      return p.Top;
+    case "BT":
+      return p.Bottom;
+    case "LR":
+      return p.Left;
+    case "RL":
+      return p.Right;
+    default:
+      return p.Top;
+  }
+}
+function he(i) {
+  switch (i) {
+    case "TB":
+      return p.Bottom;
+    case "BT":
+      return p.Top;
+    case "LR":
+      return p.Right;
+    case "RL":
+      return p.Left;
+    default:
+      return p.Bottom;
+  }
+}
+const pe = {
+  cubeNode: de
+}, ge = {
+  relationshipEdge: le
+};
+function Ce({
+  className: i = "",
+  onCubeClick: s,
+  onFieldClick: f,
+  highlightedCubes: r = [],
+  highlightedFields: w = [],
+  searchTerm: m
+}) {
+  const { meta: l, metaLoading: y, metaError: c } = ie(), [b, E] = H({}), [k, N] = H(!1), [e, n] = H(null);
+  T(() => {
+    try {
+      const a = localStorage.getItem("drizzle-cube-erd-node-positions");
+      a && E(JSON.parse(a));
+    } catch {
+    }
+  }, []);
+  const { nodes: d, edges: v } = j(() => {
+    if (!l) return { nodes: [], edges: [] };
+    const a = [], x = [];
+    return l.cubes.forEach((h, g) => {
+      a.push({
+        id: h.name,
+        type: "cubeNode",
+        position: b[h.name] || { x: g % 3 * 400, y: Math.floor(g / 3) * 300 },
+        data: {
+          cube: h,
+          onCubeClick: s,
+          onFieldClick: f,
+          isHighlighted: !1,
+          // Will be updated separately
+          highlightedFields: []
+          // Will be updated separately
+        }
+      });
+    }), l.cubes.forEach((h) => {
+      h.relationships && h.relationships.forEach((g, L) => {
+        if (g.relationship === "belongsTo")
+          return;
+        const q = `${h.name}-${g.targetCube}-${L}`;
+        x.push({
+          id: q,
+          source: h.name,
+          target: g.targetCube,
+          type: "relationshipEdge",
+          data: {
+            relationship: g,
+            joinFields: g.joinFields
+          },
+          animated: !1,
+          style: {
+            stroke: be(g.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, {
+    direction: "LR",
+    nodeWidth: 320,
+    nodeHeight: 220,
+    nodeSep: 100,
+    rankSep: 200
+  }), M = j(() => (u ? C : d).map((x) => ({
+    ...x,
+    data: {
+      ...x.data,
+      isHighlighted: r.includes(x.id),
+      highlightedFields: w,
+      searchTerm: m
+    }
+  })), [u, C, d, r, w, m]), F = u ? B : v;
+  T(() => {
+    if (k && M.length > 0) {
+      E({});
+      try {
+        localStorage.removeItem("drizzle-cube-erd-node-positions");
+      } catch {
+      }
+      N(!1);
+    }
+  }, [k, M]);
+  const [D, $, z] = _(M), [W, R, A] = ee(F);
+  T(() => {
+    $(M);
+  }, [M, $]), 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);
+      });
+      try {
+        localStorage.setItem("drizzle-cube-erd-node-positions", JSON.stringify(g));
+      } catch {
+      }
+      return E(g), 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({
+      x: a.clientX,
+      y: a.clientY
+    });
+  }, []), X = S(() => {
+    e && n(null);
+  }, [e]), Y = S(() => {
+    N(!0), n(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("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: [
+    /* @__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: "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: [
+    /* @__PURE__ */ t("div", { className: "h-full", children: /* @__PURE__ */ o(
+      Z,
+      {
+        nodes: D,
+        edges: W,
+        onNodesChange: I,
+        onEdgesChange: A,
+        onConnect: V,
+        nodeTypes: pe,
+        edgeTypes: ge,
+        connectionMode: se.Loose,
+        fitView: !0,
+        minZoom: 0.1,
+        maxZoom: 2,
+        defaultViewport: { x: 0, y: 0, zoom: 0.8 },
+        proOptions: { hideAttribution: !0 },
+        onPaneContextMenu: G,
+        onPaneClick: X,
+        children: [
+          /* @__PURE__ */ t(re, {}),
+          /* @__PURE__ */ t(
+            ne,
+            {
+              nodeColor: (a) => r.includes(a.id) ? "#8b5cf6" : "#e5e7eb",
+              maskColor: "rgb(240, 242, 246, 0.7)"
+            }
+          ),
+          /* @__PURE__ */ t(oe, { variant: ae.Dots, gap: 12, size: 1 })
+        ]
+      }
+    ) }),
+    e && /* @__PURE__ */ t(
+      "div",
+      {
+        className: "fixed z-50 bg-dc-surface rounded-md shadow-lg border border-dc-border py-1 min-w-[120px]",
+        style: {
+          left: e.x,
+          top: e.y
+        },
+        children: /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: Y,
+            className: "w-full px-3 py-2 text-sm text-dc-text-secondary hover:bg-dc-surface-hover text-left",
+            children: "Auto Layout"
+          }
+        )
+      }
+    )
+  ] });
+}
+function be(i) {
+  switch (i) {
+    case "belongsTo":
+      return "#10b981";
+    // green
+    case "hasOne":
+      return "#3b82f6";
+    // blue
+    case "hasMany":
+      return "#f59e0b";
+    // amber
+    default:
+      return "#6b7280";
+  }
+}
+export {
+  Ce as CubeRelationshipDiagram,
+  Ce as default
+};
+//# sourceMappingURL=index-_pVwmFVW.js.map

package/dist/client/chunks/index-_pVwmFVW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-_pVwmFVW.js","sources":["../../../src/client/components/CubeRelationshipDiagram/CubeNode.tsx","../../../src/client/components/CubeRelationshipDiagram/RelationshipEdge.tsx","../../../src/client/components/CubeRelationshipDiagram/useERDLayout.ts","../../../src/client/components/CubeRelationshipDiagram/index.tsx"],"sourcesContent":["import { Handle, Position } from 'reactflow'\nimport type { CubeMetaCube } from '../../hooks/useCubeMeta'\n\ninterface CubeNodeProps {\n  data: {\n    cube: CubeMetaCube\n    onCubeClick?: (cubeName: string) => void\n    onFieldClick?: (cubeName: string, fieldName: string, fieldType: 'measure' | 'dimension') => void\n    isHighlighted: boolean\n    highlightedFields: string[]\n    searchTerm?: string\n  }\n}\n\nexport function CubeNode({ data }: CubeNodeProps) {\n  const { cube, onFieldClick, isHighlighted, highlightedFields, searchTerm } = data\n\n  const handleCubeHeaderClick = () => {\n    // Do nothing - disable cube header clicks in ERD\n  }\n\n  const handleFieldClick = (fieldName: string, fieldType: 'measure' | 'dimension') => {\n    if (onFieldClick) {\n      onFieldClick(cube.name, fieldName, fieldType)\n    }\n  }\n\n  const isFieldHighlighted = (fullFieldName: string) => {\n    return highlightedFields.includes(fullFieldName)\n  }\n\n  const isFieldSearchMatch = (field: { name: string; title?: string }) => {\n    if (!searchTerm?.trim()) return true // No search term, show all fields\n    \n    const term = searchTerm.toLowerCase()\n    return (\n      field.name.toLowerCase().includes(term) ||\n      (field.title && field.title.toLowerCase().includes(term))\n    )\n  }\n\n  // Check if the cube has any matching fields\n  const cubeHasMatches = () => {\n    if (!searchTerm?.trim()) return true // No search term, show all cubes normally\n    \n    // Check if any measure matches\n    const measureMatches = cube.measures.some(measure => isFieldSearchMatch(measure))\n    \n    // Check if any dimension matches\n    const dimensionMatches = cube.dimensions.some(dimension => isFieldSearchMatch(dimension))\n    \n    return measureMatches || dimensionMatches\n  }\n\n  const hasCubeMatches = cubeHasMatches()\n\n  const getFieldVisibilityClasses = (field: { name: string; title?: string; type?: string }, isHighlighted: boolean, fieldType: 'measure' | 'dimension') => {\n    const isSearchMatch = isFieldSearchMatch(field)\n    const baseClasses = 'px-4 py-2 text-xs cursor-pointer transition-all border-b border-dc-border last:border-b-0'\n\n    // If the whole cube has no matches, rely on cube-level fading\n    if (!hasCubeMatches && searchTerm?.trim()) {\n      // Still show selected field highlighting even in faded cubes\n      if (isHighlighted) {\n        if (fieldType === 'measure') {\n          return `${baseClasses} bg-amber-100 text-amber-800`\n        } else if (fieldType === 'dimension') {\n          if (field.type === 'time') {\n            return `${baseClasses} bg-blue-100 text-blue-800`\n          } else {\n            return `${baseClasses} bg-green-100 text-green-800`\n          }\n        }\n      }\n      return `${baseClasses} hover:bg-dc-surface-hover text-dc-text-secondary`\n    }\n\n    // If searching and this specific field doesn't match, make it faded\n    if (searchTerm?.trim() && !isSearchMatch) {\n      return `${baseClasses} opacity-40 hover:opacity-60 text-dc-text-muted`\n    }\n\n    // If searching and this field matches, make it prominent with bold purple text\n    if (searchTerm?.trim() && isSearchMatch && !isHighlighted) {\n      return `${baseClasses} font-bold hover:bg-purple-50`\n    }\n\n    // Normal highlighting behavior for selected fields (takes priority over search match styling)\n    if (isHighlighted) {\n      if (fieldType === 'measure') {\n        return `${baseClasses} bg-amber-100 text-amber-800 font-semibold`\n      } else if (fieldType === 'dimension') {\n        // Check if this is a time dimension\n        if (field.type === 'time') {\n          return `${baseClasses} bg-blue-100 text-blue-800 font-semibold` // time dimensions\n        } else {\n          return `${baseClasses} bg-green-100 text-green-800 font-semibold` // regular dimensions\n        }\n      }\n    }\n\n    return `${baseClasses} hover:bg-dc-surface-hover text-dc-text-secondary`\n  }\n\n  return (\n    <div\n      className={`\n        border-2 rounded-lg shadow-lg min-w-[280px] overflow-hidden transition-all\n        ${!hasCubeMatches && searchTerm?.trim() ? 'opacity-30 grayscale' : ''}\n        ${isHighlighted ? 'border-purple-500 ring-2 ring-purple-200' : 'border-dc-border'}\n      `}\n      style={{\n        backgroundColor: 'var(--dc-surface)'\n      }}\n    >\n      {/* Cube Header */}\n      <div\n        className={`\n          px-4 py-3 cursor-pointer transition-colors\n          ${isHighlighted ? 'bg-purple-100 hover:bg-purple-200' : 'bg-dc-surface-secondary hover:bg-dc-surface-hover'}\n        `}\n        onClick={handleCubeHeaderClick}\n      >\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <h3 className=\"font-semibold text-dc-text text-sm\">\n              {cube.title || cube.name}\n            </h3>\n            {cube.description && (\n              <p className=\"text-xs text-dc-text-muted mt-1 line-clamp-2\">\n                {cube.description}\n              </p>\n            )}\n          </div>\n          <div className=\"text-xs text-dc-text-muted ml-2\">\n            <div>{cube.measures.length}M</div>\n            <div>{cube.dimensions.length}D</div>\n          </div>\n        </div>\n      </div>\n\n      {/* Measures Section */}\n      {cube.measures.length > 0 && (\n        <div className=\"border-t border-dc-border\">\n          <div className=\"px-4 py-2 bg-amber-50 border-b border-dc-border\">\n            <h4 className=\"text-xs font-medium text-amber-800 flex items-center\">\n              <span className=\"w-2 h-2 bg-amber-500 rounded-full mr-2\"></span>\n              Measures ({cube.measures.length})\n            </h4>\n          </div>\n          <div className=\"max-h-32 overflow-y-auto\">\n            {cube.measures.map((measure) => {\n              const fieldName = measure.name.split('.')[1] || measure.name\n              const highlighted = isFieldHighlighted(measure.name)\n              return (\n                <div\n                  key={measure.name}\n                  className={getFieldVisibilityClasses(measure, highlighted, 'measure')}\n                  onClick={() => handleFieldClick(fieldName, 'measure')}\n                  title={measure.title}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-mono truncate\">\n                      {measure.shortTitle || measure.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted ml-2 text-[10px] uppercase\">\n                      {measure.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Time Dimensions Section */}\n      {cube.dimensions.filter(d => d.type === 'time').length > 0 && (\n        <div className=\"border-t border-dc-border\">\n          <div className=\"px-4 py-2 bg-blue-50 border-b border-dc-border\">\n            <h4 className=\"text-xs font-medium text-blue-800 flex items-center\">\n              <span className=\"w-2 h-2 bg-blue-500 rounded-full mr-2\"></span>\n              Time Dimensions ({cube.dimensions.filter(d => d.type === 'time').length})\n            </h4>\n          </div>\n          <div className=\"max-h-32 overflow-y-auto\">\n            {cube.dimensions.filter(d => d.type === 'time').map((dimension) => {\n              const fieldName = dimension.name.split('.')[1] || dimension.name\n              const highlighted = isFieldHighlighted(dimension.name)\n              return (\n                <div\n                  key={dimension.name}\n                  className={getFieldVisibilityClasses(dimension, highlighted, 'dimension')}\n                  onClick={() => handleFieldClick(fieldName, 'dimension')}\n                  title={dimension.title}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-mono truncate\">\n                      {dimension.shortTitle || dimension.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted ml-2 text-[10px] uppercase\">\n                      {dimension.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Dimensions Section (non-time) */}\n      {cube.dimensions.filter(d => d.type !== 'time').length > 0 && (\n        <div className=\"border-t border-dc-border\">\n          <div className=\"px-4 py-2 bg-green-50 border-b border-dc-border\">\n            <h4 className=\"text-xs font-medium text-green-800 flex items-center\">\n              <span className=\"w-2 h-2 bg-green-500 rounded-full mr-2\"></span>\n              Dimensions ({cube.dimensions.filter(d => d.type !== 'time').length})\n            </h4>\n          </div>\n          <div className=\"max-h-32 overflow-y-auto\">\n            {cube.dimensions.filter(d => d.type !== 'time').map((dimension) => {\n              const fieldName = dimension.name.split('.')[1] || dimension.name\n              const highlighted = isFieldHighlighted(dimension.name)\n              return (\n                <div\n                  key={dimension.name}\n                  className={getFieldVisibilityClasses(dimension, highlighted, 'dimension')}\n                  onClick={() => handleFieldClick(fieldName, 'dimension')}\n                  title={dimension.title}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-mono truncate\">\n                      {dimension.shortTitle || dimension.title || fieldName}\n                    </span>\n                    <span className=\"text-dc-text-muted ml-2 text-[10px] uppercase\">\n                      {dimension.type}\n                    </span>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n\n      {/* Connection handles for relationships - hidden */}\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        id=\"right\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        id=\"left\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n      <Handle\n        type=\"source\"\n        position={Position.Bottom}\n        id=\"bottom\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n      <Handle\n        type=\"target\"\n        position={Position.Top}\n        id=\"top\"\n        className=\"opacity-0\"\n        isConnectable={false}\n      />\n    </div>\n  )\n}\n\nexport default CubeNode","import { \n  EdgeProps, \n  getBezierPath, \n  EdgeLabelRenderer,\n  BaseEdge,\n} from 'reactflow'\nimport type { CubeMetaRelationship } from '../../hooks/useCubeMeta'\n\ninterface RelationshipEdgeData {\n  relationship: CubeMetaRelationship\n  joinFields: Array<{\n    sourceField: string\n    targetField: string\n  }>\n}\n\nexport function RelationshipEdge({\n  sourceX,\n  sourceY,\n  targetX,\n  targetY,\n  sourcePosition,\n  targetPosition,\n  style = {},\n  data,\n  markerEnd,\n}: EdgeProps<RelationshipEdgeData>) {\n  const [edgePath, labelX, labelY] = getBezierPath({\n    sourceX,\n    sourceY,\n    sourcePosition,\n    targetX,\n    targetY,\n    targetPosition,\n  })\n\n  if (!data) return null\n\n  const { relationship, joinFields } = data\n\n  // Get relationship symbols and colors\n  const getRelationshipSymbol = (rel: string) => {\n    switch (rel) {\n      case 'belongsTo':\n        return '∈' // belongs to symbol\n      case 'hasOne':\n        return '1:1'\n      case 'hasMany':\n        return '1:M'\n      default:\n        return '?'\n    }\n  }\n\n  const getRelationshipColor = (rel: string) => {\n    switch (rel) {\n      case 'belongsTo':\n        return '#10b981' // green\n      case 'hasOne':\n        return '#3b82f6' // blue\n      case 'hasMany':\n        return '#f59e0b' // amber\n      default:\n        return '#6b7280' // gray\n    }\n  }\n\n  const color = getRelationshipColor(relationship.relationship)\n  const symbol = getRelationshipSymbol(relationship.relationship)\n\n  return (\n    <>\n      <BaseEdge path={edgePath} markerEnd={markerEnd} style={{ ...style, stroke: color }} />\n      <EdgeLabelRenderer>\n        <div\n          style={{\n            position: 'absolute',\n            transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,\n            fontSize: 10,\n            pointerEvents: 'all',\n          }}\n          className=\"nodrag nopan\"\n        >\n          <div\n            className=\"border-2 rounded-md px-2 py-1 shadow-xs\"\n            style={{\n              backgroundColor: 'var(--dc-surface)',\n              borderColor: color\n            }}\n          >\n            <div className=\"text-center\">\n              <div\n                className=\"font-bold text-xs mb-1\"\n                style={{ color }}\n              >\n                {symbol}\n              </div>\n              <div className=\"text-[9px] text-dc-text-muted leading-tight\">\n                {joinFields.map((field, index) => (\n                  <div key={index} className=\"font-mono\">\n                    {field.sourceField} → {field.targetField}\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n      </EdgeLabelRenderer>\n    </>\n  )\n}\n\nexport default RelationshipEdge","import { useMemo } from 'react'\nimport { Node, Edge, Position } from 'reactflow'\nimport dagre from 'dagre'\n\nexport interface LayoutOptions {\n  direction: 'TB' | 'BT' | 'LR' | 'RL'\n  nodeWidth: number\n  nodeHeight: number\n  nodeSep: number\n  rankSep: number\n  ranker: 'network-simplex' | 'tight-tree' | 'longest-path'\n}\n\nconst defaultOptions: LayoutOptions = {\n  direction: 'TB',\n  nodeWidth: 320,\n  nodeHeight: 220,\n  nodeSep: 80,\n  rankSep: 150,\n  ranker: 'network-simplex',\n}\n\nexport function useERDLayout(\n  nodes: Node[],\n  edges: Edge[],\n  options: Partial<LayoutOptions> = {}\n): { nodes: Node[], edges: Edge[] } {\n  const layoutOptions = useMemo(() => ({ ...defaultOptions, ...options }), [options])\n\n  const { layoutedNodes, layoutedEdges } = useMemo(() => {\n    if (nodes.length === 0) {\n      return { layoutedNodes: [], layoutedEdges: [] }\n    }\n\n    // Create a new dagre graph\n    const dagreGraph = new dagre.graphlib.Graph()\n    dagreGraph.setDefaultEdgeLabel(() => ({}))\n    dagreGraph.setGraph({ \n      rankdir: layoutOptions.direction,\n      nodesep: layoutOptions.nodeSep,\n      ranksep: layoutOptions.rankSep,\n      ranker: layoutOptions.ranker,\n    })\n\n    // Add nodes to the graph\n    nodes.forEach((node) => {\n      dagreGraph.setNode(node.id, { \n        width: layoutOptions.nodeWidth, \n        height: layoutOptions.nodeHeight \n      })\n    })\n\n    // Add edges to the graph\n    edges.forEach((edge) => {\n      dagreGraph.setEdge(edge.source, edge.target)\n    })\n\n    // Run the layout algorithm\n    dagre.layout(dagreGraph)\n\n    // Apply the calculated positions to nodes\n    const layoutedNodes = nodes.map((node) => {\n      const nodeWithPosition = dagreGraph.node(node.id)\n      \n      const newNode = {\n        ...node,\n        targetPosition: getTargetPosition(layoutOptions.direction),\n        sourcePosition: getSourcePosition(layoutOptions.direction),\n        position: {\n          x: nodeWithPosition.x - layoutOptions.nodeWidth / 2,\n          y: nodeWithPosition.y - layoutOptions.nodeHeight / 2,\n        },\n      }\n\n      return newNode\n    })\n\n    return { \n      layoutedNodes, \n      layoutedEdges: edges \n    }\n  }, [nodes, edges, layoutOptions.direction, layoutOptions.nodeSep, layoutOptions.rankSep, layoutOptions.ranker, layoutOptions.nodeWidth, layoutOptions.nodeHeight])\n\n  return { nodes: layoutedNodes, edges: layoutedEdges }\n}\n\n// Helper functions to determine handle positions based on layout direction\nfunction getTargetPosition(direction: string): Position {\n  switch (direction) {\n    case 'TB':\n      return Position.Top\n    case 'BT':\n      return Position.Bottom\n    case 'LR':\n      return Position.Left\n    case 'RL':\n      return Position.Right\n    default:\n      return Position.Top\n  }\n}\n\nfunction getSourcePosition(direction: string): Position {\n  switch (direction) {\n    case 'TB':\n      return Position.Bottom\n    case 'BT':\n      return Position.Top\n    case 'LR':\n      return Position.Right\n    case 'RL':\n      return Position.Left\n    default:\n      return Position.Bottom\n  }\n}\n\n// Custom layout function for manual positioning with smart defaults\nexport function useManualLayout(\n  nodes: Node[],\n  edges: Edge[],\n  spacing = { x: 400, y: 300 }\n): { nodes: Node[], edges: Edge[] } {\n  return useMemo(() => {\n    if (nodes.length === 0) {\n      return { nodes: [], edges }\n    }\n\n    // Simple grid layout as fallback\n    const layoutedNodes = nodes.map((node, index) => ({\n      ...node,\n      position: {\n        x: (index % 3) * spacing.x,\n        y: Math.floor(index / 3) * spacing.y,\n      },\n      sourcePosition: Position.Right,\n      targetPosition: Position.Left,\n    }))\n\n    return { nodes: layoutedNodes, edges }\n  }, [nodes, edges, spacing])\n}\n\nexport default useERDLayout","import { useCallback, useMemo, useEffect, useState } from 'react'\nimport ReactFlow, {\n  Node,\n  Edge,\n  addEdge,\n  Connection,\n  useNodesState,\n  useEdgesState,\n  Controls,\n  MiniMap,\n  Background,\n  BackgroundVariant,\n  ConnectionMode,\n} from 'reactflow'\nimport 'reactflow/dist/style.css'\n\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport { CubeNode } from './CubeNode'\nimport { RelationshipEdge } from './RelationshipEdge'\nimport { useERDLayout } from './useERDLayout'\n\n// Define the custom node and edge types OUTSIDE the component to prevent re-creation\nconst nodeTypes = {\n  cubeNode: CubeNode,\n}\n\nconst edgeTypes = {\n  relationshipEdge: RelationshipEdge,\n}\n\ninterface CubeRelationshipDiagramProps {\n  className?: string\n  onCubeClick?: (cubeName: string) => void\n  onFieldClick?: (cubeName: string, fieldName: string, fieldType: 'measure' | 'dimension') => void\n  highlightedCubes?: string[]\n  highlightedFields?: string[]\n  searchTerm?: string\n}\n\nexport function CubeRelationshipDiagram({\n  className = '',\n  onCubeClick,\n  onFieldClick,\n  highlightedCubes = [],\n  highlightedFields = [],\n  searchTerm,\n}: CubeRelationshipDiagramProps) {\n  const { meta, metaLoading, metaError } = useCubeContext()\n\n  const [savedPositions, setSavedPositions] = useState<Record<string, {x: number, y: number}>>({})\n  const [autoLayoutRequested, setAutoLayoutRequested] = useState(false)\n  const [contextMenu, setContextMenu] = useState<{x: number, y: number} | null>(null)\n\n  // Load saved positions from localStorage on mount\n  useEffect(() => {\n    try {\n      const savedPos = localStorage.getItem('drizzle-cube-erd-node-positions')\n      if (savedPos) {\n        setSavedPositions(JSON.parse(savedPos))\n      }\n    } catch (error) {\n      // Ignore localStorage errors\n    }\n  }, [])\n\n  // Create base nodes and edges structure (without selection data)\n  const { nodes: baseNodes, edges: baseEdges } = useMemo(() => {\n    if (!meta) return { nodes: [], edges: [] }\n\n    const nodes: Node[] = []\n    const edges: Edge[] = []\n\n    // Create nodes for each cube\n    meta.cubes.forEach((cube, index) => {\n      nodes.push({\n        id: cube.name,\n        type: 'cubeNode',\n        position: savedPositions[cube.name] || { x: (index % 3) * 400, y: Math.floor(index / 3) * 300 },\n        data: {\n          cube,\n          onCubeClick,\n          onFieldClick,\n          isHighlighted: false, // Will be updated separately\n          highlightedFields: [], // Will be updated separately\n        },\n      })\n    })\n\n    // Create edges for relationships (excluding belongsTo)\n    meta.cubes.forEach(cube => {\n      if (cube.relationships) {\n        cube.relationships.forEach((relationship, index) => {\n          // Skip belongsTo relationships\n          if (relationship.relationship === 'belongsTo') {\n            return\n          }\n          \n          const edgeId = `${cube.name}-${relationship.targetCube}-${index}`\n          edges.push({\n            id: edgeId,\n            source: cube.name,\n            target: relationship.targetCube,\n            type: 'relationshipEdge',\n            data: {\n              relationship,\n              joinFields: relationship.joinFields,\n            },\n            animated: false,\n            style: {\n              stroke: getRelationshipColor(relationship.relationship),\n              strokeWidth: 2,\n            },\n          })\n        })\n      }\n    })\n\n    return { nodes, edges }\n  }, [meta, onCubeClick, onFieldClick, savedPositions])\n\n  // Apply auto-layout when explicitly requested or if no saved positions\n  const needsAutoLayout = autoLayoutRequested || Object.keys(savedPositions).length === 0\n  \n  // Get auto-layout result\n  const { nodes: autoLayoutedNodes, edges: autoLayoutedEdges } = useERDLayout(baseNodes, baseEdges, {\n    direction: 'LR',\n    nodeWidth: 320,\n    nodeHeight: 220,\n    nodeSep: 100,\n    rankSep: 200\n  })\n  \n  // Use auto-layout or base nodes based on needsAutoLayout, and update selection data\n  const layoutedNodes = useMemo(() => {\n    const nodes = needsAutoLayout ? autoLayoutedNodes : baseNodes\n    return nodes.map((node) => ({\n      ...node,\n      data: {\n        ...node.data,\n        isHighlighted: highlightedCubes.includes(node.id),\n        highlightedFields: highlightedFields,\n        searchTerm: searchTerm,\n      }\n    }))\n  }, [needsAutoLayout, autoLayoutedNodes, baseNodes, highlightedCubes, highlightedFields, searchTerm])\n  \n  const layoutedEdges = needsAutoLayout ? autoLayoutedEdges : baseEdges\n  \n  // Reset auto-layout request and clear saved positions when auto-layout is applied\n  useEffect(() => {\n    if (autoLayoutRequested && layoutedNodes.length > 0) {\n      // Clear saved positions so we use the new auto-layout positions\n      setSavedPositions({})\n      try {\n        localStorage.removeItem('drizzle-cube-erd-node-positions')\n      } catch (error) {\n        // Ignore localStorage errors\n      }\n      setAutoLayoutRequested(false)\n    }\n  }, [autoLayoutRequested, layoutedNodes])\n\n  const [nodes, setNodes, onNodesChange] = useNodesState(layoutedNodes)\n  const [edges, setEdges, onEdgesChange] = useEdgesState(layoutedEdges)\n\n\n  // Sync React Flow nodes with layout changes\n  useEffect(() => {\n    setNodes(layoutedNodes)\n  }, [layoutedNodes, setNodes])\n\n  // Sync React Flow edges with changes\n  useEffect(() => {\n    setEdges(layoutedEdges)\n  }, [layoutedEdges, setEdges])\n\n  // Save node positions to localStorage when manually moved\n  const handleNodesChange = useCallback((changes: any[]) => {\n    onNodesChange(changes)\n    \n    // Check if any nodes were dragged and save positions\n    const dragChanges = changes.filter(change => change.type === 'position' && change.dragging === false)\n    if (dragChanges.length > 0) {\n      setNodes((currentNodes) => {\n        const newPositions: Record<string, {x: number, y: number}> = {}\n        currentNodes.forEach(node => {\n          if (node.position) {\n            newPositions[node.id] = node.position\n          }\n        })\n        \n        // Save to localStorage\n        try {\n          localStorage.setItem('drizzle-cube-erd-node-positions', JSON.stringify(newPositions))\n        } catch (error) {\n          // Ignore localStorage errors\n        }\n        \n        setSavedPositions(newPositions)\n        return currentNodes\n      })\n    }\n  }, [onNodesChange, setNodes])\n\n  const onConnect = useCallback(\n    (params: Connection) => setEdges((eds) => addEdge(params, eds)),\n    [setEdges]\n  )\n\n  // Handle right-click context menu\n  const handleContextMenu = useCallback((event: React.MouseEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n    console.log('Context menu triggered at:', event.clientX, event.clientY) // Debug\n    setContextMenu({\n      x: event.clientX,\n      y: event.clientY,\n    })\n  }, [])\n\n  // Close context menu when clicking elsewhere\n  const handleClick = useCallback(() => {\n    if (contextMenu) {\n      setContextMenu(null)\n    }\n  }, [contextMenu])\n\n  // Handle auto layout from context menu\n  const handleAutoLayout = useCallback(() => {\n    setAutoLayoutRequested(true)\n    setContextMenu(null)\n  }, [])\n\n\n  // Loading state\n  if (metaLoading) {\n    return (\n      <div className={`flex items-center justify-center h-96 ${className}`}>\n        <div className=\"text-center\">\n          <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500 mx-auto mb-2\"></div>\n          <p className=\"text-dc-text-muted\">Loading cube schema...</p>\n        </div>\n      </div>\n    )\n  }\n\n  // Error state\n  if (metaError) {\n    return (\n      <div className={`flex items-center justify-center h-96 ${className}`}>\n        <div className=\"text-center text-red-500\">\n          <p className=\"font-medium\">Failed to load cube schema</p>\n          <p className=\"text-sm mt-1\">{metaError}</p>\n        </div>\n      </div>\n    )\n  }\n\n  // Empty state\n  if (!meta || meta.cubes.length === 0) {\n    return (\n      <div className={`flex items-center justify-center h-96 ${className}`}>\n        <div className=\"text-center text-dc-text-muted\">\n          <p className=\"font-medium\">No cubes found</p>\n          <p className=\"text-sm mt-1\">Register some cubes to see the relationship diagram</p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={`h-full ${className}`} style={{ height: '600px' }}>\n      <div className=\"h-full\">\n        <ReactFlow\n          nodes={nodes}\n          edges={edges}\n          onNodesChange={handleNodesChange}\n          onEdgesChange={onEdgesChange}\n          onConnect={onConnect}\n          nodeTypes={nodeTypes}\n          edgeTypes={edgeTypes}\n          connectionMode={ConnectionMode.Loose}\n          fitView // Always fit view to show entire ERD\n          minZoom={0.1}\n          maxZoom={2}\n          defaultViewport={{ x: 0, y: 0, zoom: 0.8 }}\n          proOptions={{ hideAttribution: true }}\n          onPaneContextMenu={handleContextMenu}\n          onPaneClick={handleClick}\n        >\n          <Controls />\n          <MiniMap \n            nodeColor={(node) => {\n              const isHighlighted = highlightedCubes.includes(node.id)\n              return isHighlighted ? '#8b5cf6' : '#e5e7eb'\n            }}\n            maskColor=\"rgb(240, 242, 246, 0.7)\"\n          />\n          <Background variant={BackgroundVariant.Dots} gap={12} size={1} />\n        </ReactFlow>\n      </div>\n\n      {/* Context Menu */}\n      {contextMenu && (\n        <div\n          className=\"fixed z-50 bg-dc-surface rounded-md shadow-lg border border-dc-border py-1 min-w-[120px]\"\n          style={{\n            left: contextMenu.x,\n            top: contextMenu.y,\n          }}\n        >\n          <button\n            onClick={handleAutoLayout}\n            className=\"w-full px-3 py-2 text-sm text-dc-text-secondary hover:bg-dc-surface-hover text-left\"\n          >\n            Auto Layout\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\n// Helper function to get relationship colors\nfunction getRelationshipColor(relationship: 'belongsTo' | 'hasOne' | 'hasMany'): string {\n  switch (relationship) {\n    case 'belongsTo':\n      return '#10b981' // green\n    case 'hasOne':\n      return '#3b82f6' // blue\n    case 'hasMany':\n      return '#f59e0b' // amber\n    default:\n      return '#6b7280' // gray\n  }\n}\n\nexport default CubeRelationshipDiagram"],"names":["CubeNode","data","cube","onFieldClick","isHighlighted","highlightedFields","searchTerm","handleCubeHeaderClick","handleFieldClick","fieldName","fieldType","isFieldHighlighted","fullFieldName","isFieldSearchMatch","field","term","hasCubeMatches","measureMatches","measure","dimensionMatches","dimension","getFieldVisibilityClasses","isSearchMatch","baseClasses","jsxs","jsx","highlighted","d","Handle","Position","RelationshipEdge","sourceX","sourceY","targetX","targetY","sourcePosition","targetPosition","style","markerEnd","edgePath","labelX","labelY","getBezierPath","relationship","joinFields","getRelationshipSymbol","rel","color","symbol","Fragment","BaseEdge","EdgeLabelRenderer","index","defaultOptions","useERDLayout","nodes","edges","options","layoutOptions","useMemo","layoutedNodes","layoutedEdges","dagreGraph","dagre","node","edge","nodeWithPosition","getTargetPosition","getSourcePosition","direction","nodeTypes","edgeTypes","CubeRelationshipDiagram","className","onCubeClick","highlightedCubes","meta","metaLoading","metaError","useCubeContext","savedPositions","setSavedPositions","useState","autoLayoutRequested","setAutoLayoutRequested","contextMenu","setContextMenu","useEffect","savedPos","baseNodes","baseEdges","edgeId","getRelationshipColor","needsAutoLayout","autoLayoutedNodes","autoLayoutedEdges","setNodes","onNodesChange","useNodesState","setEdges","onEdgesChange","useEdgesState","handleNodesChange","useCallback","changes","change","currentNodes","newPositions","onConnect","params","eds","addEdge","handleContextMenu","event","handleClick","handleAutoLayout","ReactFlow","ConnectionMode","Controls","MiniMap","Background","BackgroundVariant"],"mappings":"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"}