drizzle-cube 0.4.28 → 0.4.30

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

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