@aintela/bi 0.2.0

package/dist/index-DGyvUtY3.js

@@ -0,0 +1,494 @@
+var V = Object.defineProperty;
+var fe = (e, t, n) => t in e ? V(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var p = (e, t) => V(e, "name", { value: t, configurable: !0 });
+var ee = (e, t, n) => fe(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsxs as _, jsx as h, Fragment as me } from "react/jsx-runtime";
+import he, { forwardRef as ne, useCallback as I, useRef as te, useEffect as pe, useMemo as F } from "react";
+import { useContainerWidth as ge, Responsive as we, ReactGridLayout as ye } from "react-grid-layout";
+import { gridBounds as xe, minMaxSize as be } from "react-grid-layout/core";
+import { useTheme as ve, alpha as se } from "@mui/material/styles";
+import { C as ie, u as Ce } from "./ChartContext-C_f_6khG.js";
+const Q = class Q extends he.Component {
+  constructor() {
+    super(...arguments);
+    ee(this, "state", { error: null });
+  }
+  static getDerivedStateFromError(n) {
+    return { error: n };
+  }
+  componentDidCatch(n, l) {
+    var s, r;
+    (r = (s = this.props).onError) == null || r.call(s, n, l);
+  }
+  componentDidUpdate(n) {
+    this.state.error && n.resetKey !== this.props.resetKey && this.setState({ error: null });
+  }
+  render() {
+    return this.state.error ? this.props.fallback(this.state.error) : this.props.children;
+  }
+};
+p(Q, "BiErrorBoundary");
+let P = Q;
+const ae = ne(
+  ({
+    style: e,
+    htmlStyle: t,
+    className: n,
+    onMouseDown: l,
+    onMouseUp: s,
+    onTouchEnd: r,
+    children: o,
+    variant: m = "default",
+    viewType: c = "Boxed",
+    header: f,
+    renderHeader: w,
+    dragLocked: b = !1,
+    noBorder: i = !1,
+    color: y,
+    zoomLevel: v = 0.9,
+    customColor: g,
+    contentDisplay: H = "default",
+    contentStyle: U,
+    contentClassName: X,
+    isResizable: W = !1,
+    ...G
+  }, x) => {
+    const A = ve(), C = c === "Naked", $ = m === "elevated" ? "grid-card-elevated" : "", B = !!f && !C, Y = C ? "" : y ? `grid-card-${y}` : "", q = C ? "grid-card-naked" : "", K = H === "grid" ? "grid-card-content-grid" : "", E = f == null ? void 0 : f.icon, T = {
+      position: "relative",
+      cursor: b ? "pointer" : "grab",
+      border: i ? "0px" : "",
+      height: "100%",
+      zoom: `${v} !important`,
+      ...e,
+      ...y === "custom" && g ? {
+        "--grid-card-accent": g,
+        "--grid-card-accent-light": re(g, 0.4),
+        "--grid-card-accent-dark": re(g, 0.2)
+      } : {}
+    }, L = parseInt(String((e == null ? void 0 : e.height) ?? "0")), O = f && !C ? w ? w(f) : /* @__PURE__ */ _("div", { className: "grid-card-header", children: [
+      /* @__PURE__ */ h("h4", { className: "grid-card-title", children: f.title }),
+      f.icon && /* @__PURE__ */ h("div", { className: "grid-card-icon", children: typeof f.icon == "string" ? /* @__PURE__ */ h("i", { className: "material-icons", children: f.icon }) : /* @__PURE__ */ h(E, { fontSize: "small", sx: { fontSize: "16px" } }) })
+    ] }) : null, z = /* @__PURE__ */ p((a) => /* @__PURE__ */ h(
+      "div",
+      {
+        className: "grid-card-error",
+        style: {
+          border: `1px solid ${A.palette.error.main}`,
+          borderRadius: 6,
+          padding: "12px 16px",
+          margin: "8px 0",
+          height: "95%",
+          backgroundColor: se(A.palette.error.main, 0.06)
+        },
+        children: /* @__PURE__ */ _("div", { style: { color: A.palette.error.main, fontSize: "0.85em", fontWeight: 500, marginBottom: 6 }, children: [
+          "Card render error: ",
+          a.message
+        ] })
+      }
+    ), "errorFallback"), u = [C ? "grid-card-content-naked" : "grid-card-content", K, X].filter(Boolean).join(" ");
+    return /* @__PURE__ */ _(me, { children: [
+      t && /* @__PURE__ */ h("style", { children: t }),
+      /* @__PURE__ */ _(
+        "div",
+        {
+          ref: x,
+          style: T,
+          className: `${W ? "grid-card" : "grid-card-nohandle"} ds-card ${$} ${Y} ${q} ${B ? "grid-card-with-header" : ""} ${n ?? ""}`.trim(),
+          onMouseDown: l,
+          onMouseUp: s,
+          onTouchEnd: r,
+          ...G,
+          children: [
+            /* @__PURE__ */ _("div", { style: { paddingLeft: `${L * (1 - v)}px`, zoom: v, height: "inherit", width: "inherit", display: "flex", flexDirection: "column" }, children: [
+              O && /* @__PURE__ */ h("div", { style: { flexShrink: 0 }, children: O }),
+              /* @__PURE__ */ h("div", { className: u, style: { alignItems: "center", flex: 1, minHeight: 0, overflow: "hidden", ...U }, children: /* @__PURE__ */ h(ie, { value: { naked: C }, children: /* @__PURE__ */ h(P, { fallback: z, children: o }) }) }),
+              C && /* @__PURE__ */ h("div", { className: "grid-card-naked-resize-handle", "aria-hidden": "true" })
+            ] }),
+            C && /* @__PURE__ */ h("div", { className: "grid-card-naked-resize-handle", "aria-hidden": "true" })
+          ]
+        }
+      )
+    ] });
+  }
+);
+ae.displayName = "GridCard";
+function re(e, t) {
+  try {
+    return se(e, t);
+  } catch {
+    return e;
+  }
+}
+p(re, "safeAlpha");
+const oe = {
+  lg: 920,
+  md: 600,
+  sm: 400,
+  xs: 400,
+  xxs: 0
+}, N = { lg: 12, md: 9, sm: 4, xs: 4, xxs: 4 }, de = 20, le = 3, ce = 36;
+function ke(e) {
+  return e === !0 ? { enabled: !0, defaultOn: !1, modifierKey: "Shift" } : e ? {
+    enabled: e.enabled ?? !0,
+    defaultOn: e.defaultOn ?? !1,
+    modifierKey: e.modifierKey ?? "Shift"
+  } : { enabled: !1, defaultOn: !1, modifierKey: "Shift" };
+}
+p(ke, "normaliseRowAwareResize");
+function Re(e, t, n, l) {
+  if (e.length !== t.length) return !1;
+  for (let s = 0; s < e.length; s++) {
+    const r = e[s], o = t.find((m) => m.i === r.i);
+    if (!o || r.x !== o.x || r.y !== o.y || r.w !== o.w || r.h !== o.h)
+      return !1;
+  }
+  return !0;
+}
+p(Re, "areLayoutsEqual");
+const Se = /* @__PURE__ */ p(({
+  config: e,
+  layouts: t,
+  responsive: n = !0,
+  autoResponsiveStrategy: l = "scale",
+  rowHeight: s = de,
+  rowMultiplier: r = le,
+  breakpoints: o = oe,
+  cols: m = N,
+  zoomLevel: c = 0.98,
+  maxRows: f = ce,
+  dragLocked: w = !1,
+  onLayoutChange: b,
+  onResizeStop: i,
+  onDragStop: y,
+  onDrop: v,
+  manualWidth: g,
+  children: H,
+  className: U,
+  rowAwareResize: X
+}) => {
+  const W = I(
+    (u, a, d) => {
+      i == null || i(u, a, d);
+    },
+    [i]
+  ), G = I(
+    (u, a, d) => {
+      y == null || y(u, a, d);
+    },
+    [y]
+  ), x = ke(X), A = te(!1);
+  pe(() => {
+    if (!x.enabled) return;
+    const a = /* @__PURE__ */ p((d) => {
+      switch (x.modifierKey) {
+        case "Shift":
+          A.current = !!d.shiftKey;
+          return;
+        case "Alt":
+          A.current = !!d.altKey;
+          return;
+        case "Ctrl":
+          A.current = !!d.ctrlKey;
+          return;
+        case "Meta":
+          A.current = !!d.metaKey;
+          return;
+      }
+    }, "update");
+    return window.addEventListener("keydown", a), window.addEventListener("keyup", a), window.addEventListener("mousemove", a), window.addEventListener("mousedown", a), () => {
+      window.removeEventListener("keydown", a), window.removeEventListener("keyup", a), window.removeEventListener("mousemove", a), window.removeEventListener("mousedown", a);
+    };
+  }, [x.enabled, x.modifierKey]);
+  const C = F(() => ({
+    name: "rowAwareResize",
+    constrainSize(u, a, d, k, R) {
+      if (!x.enabled) return { w: a, h: d };
+      const S = A.current;
+      if (!(x.defaultOn ? !S : S)) return { w: a, h: d };
+      const j = u.y ?? 0;
+      for (const M of R.layout)
+        M.i !== u.i && (M.y ?? 0) === j && (M.h = d);
+      return { w: a, h: d };
+    }
+  }), [x.enabled, x.defaultOn]), $ = F(() => {
+    if (x.enabled)
+      return [xe, be, C];
+  }, [x.enabled, C]), { width: B, containerRef: Y, mounted: q } = ge(), K = g ?? B;
+  c = c ? c * 0.95 : 0.98 * 0.95;
+  const E = te(null);
+  e && (e.rowMultipler = r ?? 1);
+  const T = I((u) => {
+    const a = Array.isArray(u) ? { lg: u, md: u, sm: u, xs: u, xxs: u } : u, d = {};
+    for (const k of Object.keys(a)) {
+      const R = a[k];
+      R && (d[k] = R.map((S) => ({ ...S })));
+    }
+    return d;
+  }, []);
+  n && Array.isArray(t) && (t = {
+    lg: [...t],
+    md: [...t],
+    sm: [...t],
+    xs: [...t],
+    xxs: [...t]
+  });
+  const L = F(() => t ? Array.isArray(t) ? {
+    lg: t,
+    md: t,
+    sm: t,
+    xs: t,
+    xxs: t
+  } : t : null, [t]);
+  L && (E.current = L);
+  const O = /* @__PURE__ */ p((u, a, d) => {
+    if (!v) return;
+    const k = d, R = k == null ? void 0 : k.dataTransfer.getData("text/json");
+    let S = null;
+    R && (S = JSON.parse(R)), v(S, a);
+  }, "handleDrop"), z = I(
+    (u, a) => {
+      if (!b) return;
+      const d = a ?? { lg: u }, k = E.current;
+      if (k) {
+        let S = !1;
+        for (const J of Object.keys(d)) {
+          const j = d[J], M = k[J];
+          if (!(!j || !M) && !Re(j, M, (e == null ? void 0 : e.rowMultipler) ?? 1)) {
+            S = !0;
+            break;
+          }
+        }
+        if (!S) return;
+      }
+      E.current = d;
+      const R = T(d);
+      b(R.lg, R);
+    },
+    [b, T, e == null ? void 0 : e.rowMultipler, c]
+  );
+  if (!L) return null;
+  for (const u of Object.keys(L)) {
+    const a = L[u];
+    a && a.forEach((d) => {
+      d.isDraggable = !w, d.isResizable = !w;
+    });
+  }
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: Y,
+      className: U,
+      style: { minHeight: "100%", paddingBottom: "200px", minWidth: "100%", paddingLeft: `${(1 - c) / 2 * 100}%`, zoom: c, overflow: "auto" },
+      children: q && n ? /* @__PURE__ */ h(
+        we,
+        {
+          onDrop: O,
+          dropConfig: {
+            enabled: !w,
+            defaultItem: {
+              h: 2,
+              w: 2
+            }
+          },
+          dragConfig: {
+            enabled: !w
+          },
+          layouts: { ...L },
+          breakpoints: o,
+          cols: m,
+          rowHeight: s,
+          maxRows: (f ?? 24) * ((e == null ? void 0 : e.rowMultipler) ?? 1),
+          width: K,
+          containerPadding: [0, 0],
+          onLayoutChange: z,
+          onResizeStop: W,
+          onDragStop: G,
+          constraints: $,
+          children: H
+        }
+      ) : /* @__PURE__ */ h(
+        ye,
+        {
+          onDrop: O,
+          dropConfig: {
+            enabled: !w,
+            defaultItem: {
+              h: 1,
+              w: 3
+            }
+          },
+          gridConfig: { cols: 12, rowHeight: s, maxRows: 100, containerPadding: [0, 0], margin: [0, 2] },
+          dragConfig: {
+            enabled: !w,
+            bounded: !0
+          },
+          layout: L.lg,
+          autoSize: !0,
+          width: K,
+          onLayoutChange: z,
+          onResizeStop: W,
+          onDragStop: G,
+          constraints: $,
+          children: H
+        }
+      )
+    }
+  );
+}, "GridLayout"), ue = ne(
+  ({ style: e, className: t, onMouseDown: n, onMouseUp: l, onTouchEnd: s, children: r, ...o }, m) => {
+    const c = { cursor: "grab", ...e }, { static: f, naked: w, ...b } = o;
+    return /* @__PURE__ */ h(
+      "div",
+      {
+        ref: m,
+        style: c,
+        className: `${f ? "" : "grid-card"} ds-card dscard-placeholder${w ? "-naked" : ""} react-draggable cssTransforms react-resizable ${t ?? ""}`.trim(),
+        onMouseDown: n,
+        onMouseUp: l,
+        onTouchEnd: s,
+        ...b,
+        children: /* @__PURE__ */ h("div", { className: "grid-card-content", children: r })
+      }
+    );
+  }
+);
+ue.displayName = "GridCardPlaceHolder";
+function D(e, t = 12) {
+  const n = [];
+  function l(s, r, o, m) {
+    let c = o;
+    for (const f of s) {
+      const w = f.height ?? 1;
+      let b = r;
+      for (const i of f.cells) {
+        const y = Math.round(i.width / 12 * m);
+        let v = i.height ?? w;
+        if (v = v == 1 ? 1 : v, i.rows && i.rows.length > 0)
+          l(i.rows, b, c, y);
+        else if (i.key) {
+          const g = {
+            i: i.key,
+            x: b,
+            y: c,
+            w: y,
+            h: v * (e.rowMultipler ?? 1) + 1
+          };
+          i.minW !== void 0 && (g.minW = i.minW), i.maxW !== void 0 && (g.maxW = i.maxW), i.minH !== void 0 && (g.minH = i.minH), i.maxH !== void 0 && (g.maxH = i.maxH), i.static !== void 0 && (g.static = i.static), i.isDraggable !== void 0 && (g.isDraggable = i.isDraggable), i.isResizable !== void 0 && (g.isResizable = i.isResizable), n.push(g);
+        }
+        b += y;
+      }
+      c += w;
+    }
+    return c;
+  }
+  return p(l, "processRows"), l(e.rows, 0, 0, t), n;
+}
+p(D, "translateGridConfig");
+function Z(e, t = N) {
+  const n = ["lg", "md", "sm", "xs", "xxs"], l = {};
+  let s;
+  for (const r of n) {
+    const o = e[r];
+    o ? (s = o, l[r] = D(o, t[r])) : s && (l[r] = D(
+      s,
+      t[r]
+    ));
+  }
+  return l;
+}
+p(Z, "translateResponsiveGridConfig");
+function Ae(e, t = N, n = "stack") {
+  const l = ["lg", "md", "sm", "xs", "xxs"], s = {}, r = t.lg, o = D(e, r);
+  for (const m of l) {
+    const c = t[m];
+    c === r ? s[m] = o : n === "stack" || n === "hybrid" && c <= 4 ? s[m] = Le(o, c) : s[m] = Me(o, r, c, e.rowMultipler ?? 1);
+  }
+  return s;
+}
+p(Ae, "translateGridConfigAutoResponsive");
+function Le(e, t) {
+  let n = 0;
+  return [...e].sort((s, r) => s.y !== r.y ? s.y - r.y : s.x - r.x).map((s) => {
+    const r = {
+      ...s,
+      x: 0,
+      y: n,
+      w: t,
+      // Full width
+      // Keep height, but ensure minimum of 2 for readability on small screens
+      h: Math.max(s.h, 2)
+    };
+    return n += r.h, r;
+  });
+}
+p(Le, "createStackedLayout");
+function Me(e, t, n, l) {
+  const s = n / t;
+  return e.map((r) => {
+    const o = Math.max(1, Math.round(r.w * s)), m = Math.round(r.x * s), c = Math.min(m, n - o);
+    return {
+      ...r,
+      x: Math.max(0, c) * l,
+      w: o
+    };
+  });
+}
+p(Me, "createScaledLayout");
+function Ee(e) {
+  const { config: t, responsive: n = !1, cols: l = N } = e;
+  return F(() => {
+    if (n) {
+      const r = t;
+      return "rows" in r ? {
+        layout: void 0,
+        layouts: Z(
+          { lg: r },
+          l
+        )
+      } : {
+        layout: void 0,
+        layouts: Z(r, l)
+      };
+    } else
+      return {
+        layout: D(t, l.lg ?? 12),
+        layouts: void 0
+      };
+  }, [t, n, l]);
+}
+p(Ee, "useGridConfigTranslator");
+const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BiErrorBoundary: P,
+  ChartContextProvider: ie,
+  DEFAULT_BREAKPOINTS: oe,
+  DEFAULT_COLS: N,
+  DEFAULT_MAX_ROWS: ce,
+  DEFAULT_ROW_HEIGHT: de,
+  DEFAULT_ROW_MULTIPLIER: le,
+  GridCard: ae,
+  GridCardPlaceHolder: ue,
+  GridLayout: Se,
+  translateGridConfig: D,
+  translateGridConfigAutoResponsive: Ae,
+  translateResponsiveGridConfig: Z,
+  useChartContext: Ce,
+  useGridConfigTranslator: Ee
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  P as B,
+  oe as D,
+  ae as G,
+  N as a,
+  ce as b,
+  de as c,
+  le as d,
+  ue as e,
+  Se as f,
+  Ae as g,
+  Z as h,
+  $e as i,
+  D as t,
+  Ee as u
+};
+//# sourceMappingURL=index-DGyvUtY3.js.map

package/dist/index-DGyvUtY3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DGyvUtY3.js","sources":["../src/grid/BiErrorBoundary.tsx","../src/grid/GridCard.tsx","../src/grid/types.ts","../src/grid/GridLayout.tsx","../src/grid/GridCardPlaceHolder.tsx","../src/grid/useGridConfigTranslator.ts"],"sourcesContent":["import React from 'react';\n\nexport interface BiErrorBoundaryProps {\n    fallback: (error: Error) => React.ReactNode;\n    /** Reset the boundary when this value changes (e.g. the card key or a render generation). */\n    resetKey?: unknown;\n    onError?: (error: Error, info: React.ErrorInfo) => void;\n    children?: React.ReactNode;\n}\n\ninterface State {\n    error: Error | null;\n}\n\n/**\n * Minimal error boundary for grid cards. A local copy rather than the chat\n * library's `JsxErrorBoundary`, so `@aintela/bi/grid` has no runtime import\n * from `@aintela/chat` (only `@aintela/bi/runtime` talks to the chat library).\n */\nexport class BiErrorBoundary extends React.Component<BiErrorBoundaryProps, State> {\n    state: State = { error: null };\n\n    static getDerivedStateFromError(error: Error): State {\n        return { error };\n    }\n\n    componentDidCatch(error: Error, info: React.ErrorInfo): void {\n        this.props.onError?.(error, info);\n    }\n\n    componentDidUpdate(prev: BiErrorBoundaryProps): void {\n        if (this.state.error && prev.resetKey !== this.props.resetKey) {\n            this.setState({ error: null });\n        }\n    }\n\n    render(): React.ReactNode {\n        if (this.state.error) return this.props.fallback(this.state.error);\n        return this.props.children;\n    }\n}\n\nexport default BiErrorBoundary;\n","import React, { forwardRef } from 'react';\nimport type { HTMLAttributes, ReactNode, CSSProperties } from 'react';\nimport type { SvgIconComponent } from '@mui/icons-material';\nimport type { OverridableComponent } from '@mui/material/OverridableComponent';\nimport type { SvgIconTypeMap } from '@mui/material/SvgIcon';\nimport { useTheme } from '@mui/material/styles';\nimport { alpha } from '@mui/material/styles';\nimport { BiErrorBoundary } from './BiErrorBoundary';\nimport { ChartContextProvider } from './ChartContext';\nimport './GridLayout.css';\n\n/** Header configuration for GridCard */\nexport interface GridCardHeader {\n    title: string;\n    /** Material Icons ligature name (host loads the font) or an MUI icon component */\n    icon?: string | SvgIconComponent;\n}\n\n/** Predefined accent variants for the card */\nexport type GridCardColor = 'kpi' | 'chart' | 'table' | 'info' | 'iframe' | 'details' | 'custom';\n\nexport type GridCardContentDisplay = 'default' | 'grid';\n\n/**\n * - \"Boxed\": default look with header, border accents, etc.\n * - \"Naked\": no header, no border accents, blends with the background; only\n *            subtle drag/resize handles on hover.\n */\nexport type GridCardViewType = 'Boxed' | 'Naked';\n\nexport interface GridCardProps extends HTMLAttributes<HTMLDivElement> {\n    className?: string;\n    variant?: 'default' | 'elevated';\n    viewType?: GridCardViewType;\n    header?: GridCardHeader;\n    /** Custom header render function; overrides the default header. */\n    renderHeader?: (header: GridCardHeader) => ReactNode;\n    /** Accent variant. */\n    color?: GridCardColor;\n    /** Custom accent (used when color=\"custom\"): any CSS colour, e.g. a theme token you resolved. */\n    customColor?: string;\n    contentDisplay?: GridCardContentDisplay;\n    contentStyle?: CSSProperties;\n    contentClassName?: string;\n    noBorder?: boolean;\n    /** Raw CSS injected in a `<style>` next to the card (dashboard bundles emit per-card styles). */\n    htmlStyle?: string;\n    dragLocked?: boolean;\n    zoomLevel?: number;\n    isResizable?: boolean;\n}\n\n/**\n * GridCard — a card usable directly as a react-grid-layout item. Forwards the\n * ref and the mouse/touch props RGL needs; use it as a direct child of\n * `GridLayout` with a `key`.\n */\nexport const GridCard = forwardRef<HTMLDivElement, GridCardProps>(\n    (\n        {\n            style,\n            htmlStyle,\n            className,\n            onMouseDown,\n            onMouseUp,\n            onTouchEnd,\n            children,\n            variant = 'default',\n            viewType = 'Boxed',\n            header,\n            renderHeader,\n            dragLocked = false,\n            noBorder = false,\n            color,\n            zoomLevel = 0.9,\n            customColor,\n            contentDisplay = 'default',\n            contentStyle,\n            contentClassName,\n            isResizable = false,\n            ...props\n        },\n        ref,\n    ) => {\n        const theme = useTheme();\n        const isNaked = viewType === 'Naked';\n        const variantClass = variant === 'elevated' ? 'grid-card-elevated' : '';\n        const hasHeader = !!header && !isNaked;\n        const colorClass = isNaked ? '' : color ? `grid-card-${color}` : '';\n        const nakedClass = isNaked ? 'grid-card-naked' : '';\n        const displayClass = contentDisplay === 'grid' ? 'grid-card-content-grid' : '';\n\n        const HeaderIcon = header?.icon as OverridableComponent<SvgIconTypeMap<{}, 'svg'>>;\n\n        const cardStyle: CSSProperties = {\n            position: 'relative',\n            cursor: dragLocked ? 'pointer' : 'grab',\n            border: noBorder ? '0px' : '',\n            height: '100%',\n            zoom: `${zoomLevel} !important`,\n            ...style,\n            ...(color === 'custom' && customColor\n                ? ({\n                    '--grid-card-accent': customColor,\n                    '--grid-card-accent-light': safeAlpha(customColor, 0.4),\n                    '--grid-card-accent-dark': safeAlpha(customColor, 0.2),\n                } as CSSProperties)\n                : {}),\n        };\n\n        const innerWidth = parseInt(String(style?.height ?? '0'));\n\n        const headerElement = header && !isNaked ? (\n            renderHeader ? (\n                renderHeader(header)\n            ) : (\n                <div className=\"grid-card-header\">\n                    <h4 className=\"grid-card-title\">{header.title}</h4>\n                    {header.icon && (\n                        <div className=\"grid-card-icon\">\n                            {typeof header.icon === 'string' ? <i className=\"material-icons\">{header.icon}</i> : <HeaderIcon fontSize=\"small\" sx={{ fontSize: '16px' }} />}\n                        </div>\n                    )}\n                </div>\n            )\n        ) : null;\n\n        const errorFallback = (err: Error) => (\n            <div\n                className=\"grid-card-error\"\n                style={{\n                    border: `1px solid ${theme.palette.error.main}`,\n                    borderRadius: 6,\n                    padding: '12px 16px',\n                    margin: '8px 0',\n                    height: '95%',\n                    backgroundColor: alpha(theme.palette.error.main, 0.06),\n                }}\n            >\n                <div style={{ color: theme.palette.error.main, fontSize: '0.85em', fontWeight: 500, marginBottom: 6 }}>Card render error: {err.message}</div>\n            </div>\n        );\n\n        const contentClasses = [isNaked ? 'grid-card-content-naked' : 'grid-card-content', displayClass, contentClassName].filter(Boolean).join(' ');\n\n        return (\n            <>\n                {htmlStyle && <style>{htmlStyle}</style>}\n\n                <div\n                    ref={ref}\n                    style={cardStyle}\n                    className={`${isResizable ? 'grid-card' : 'grid-card-nohandle'} ds-card ${variantClass} ${colorClass} ${nakedClass} ${hasHeader ? 'grid-card-with-header' : ''} ${className ?? ''}`.trim()}\n                    onMouseDown={onMouseDown}\n                    onMouseUp={onMouseUp}\n                    onTouchEnd={onTouchEnd}\n                    {...props}\n                >\n                    {/* Flex column: pinned header slot + a content area that owns the scroll boundary\n                        (`flex: 1; min-height: 0`), so `height: 100%` inside children resolves to the\n                        content area and not header + content. */}\n                    <div style={{ paddingLeft: `${innerWidth * (1 - zoomLevel)}px`, zoom: zoomLevel, height: 'inherit', width: 'inherit', display: 'flex', flexDirection: 'column' }}>\n                        {headerElement && <div style={{ flexShrink: 0 }}>{headerElement}</div>}\n                        <div className={contentClasses} style={{ alignItems: 'center', flex: 1, minHeight: 0, overflow: 'hidden', ...contentStyle }}>\n                            <ChartContextProvider value={{ naked: isNaked }}>\n                                <BiErrorBoundary fallback={errorFallback}>{children}</BiErrorBoundary>\n                            </ChartContextProvider>\n                        </div>\n                        {isNaked && <div className=\"grid-card-naked-resize-handle\" aria-hidden=\"true\" />}\n                    </div>\n                    {isNaked && <div className=\"grid-card-naked-resize-handle\" aria-hidden=\"true\" />}\n                </div>\n            </>\n        );\n    },\n);\n\nGridCard.displayName = 'GridCard';\n\nfunction safeAlpha(color: string, a: number): string {\n    try {\n        return alpha(color, a);\n    } catch {\n        return color;\n    }\n}\n\nexport default GridCard;\n","import type { Layout } from 'react-grid-layout';\nimport type { GridConfig } from './gridModels';\n\nexport type { CellConfig, RowConfig, GridConfig } from './gridModels';\n\n/** Breakpoint names supported by the grid */\nexport type BreakpointName = 'lg' | 'md' | 'sm' | 'xs' | 'xxs';\n\n/** Responsive grid configuration — a GridConfig per breakpoint */\nexport interface ResponsiveGridConfig {\n    lg?: GridConfig;\n    md?: GridConfig;\n    sm?: GridConfig;\n    xs?: GridConfig;\n    xxs?: GridConfig;\n    rowMultipler?: number;\n}\n\n/** Responsive layouts (native react-grid-layout format) */\nexport type ResponsiveLayouts = {\n    [K in BreakpointName]?: Layout;\n};\n\nexport const DEFAULT_BREAKPOINTS: Record<BreakpointName, number> = {\n    lg: 920,\n    md: 600,\n    sm: 400,\n    xs: 400,\n    xxs: 0,\n};\n\nexport const DEFAULT_COLS: Record<BreakpointName, number> = { lg: 12, md: 9, sm: 4, xs: 4, xxs: 4 };\n\nexport const DEFAULT_ROW_HEIGHT = 20;\nexport const DEFAULT_ROW_MULTIPLIER = 3;\nexport const DEFAULT_MAX_ROWS = 36;\n","import React, { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { ReactGridLayout, Responsive, useContainerWidth } from \"react-grid-layout\";\nimport { gridBounds, minMaxSize } from \"react-grid-layout/core\";\nimport type {\n    Layout,\n    LayoutItem,\n    ResponsiveLayouts as RGLResponsiveLayouts,\n} from \"react-grid-layout\";\nimport type { LayoutConstraint } from \"react-grid-layout/core\";\nimport type {\n    GridConfig,\n    ResponsiveGridConfig,\n    ResponsiveLayouts,\n    BreakpointName,\n} from \"./types\";\nimport {\n    DEFAULT_BREAKPOINTS,\n    DEFAULT_COLS,\n    DEFAULT_MAX_ROWS,\n    DEFAULT_ROW_HEIGHT,\n    DEFAULT_ROW_MULTIPLIER,\n} from \"./types\";\nimport type { AutoResponsiveStrategy } from \"./useGridConfigTranslator\";\n\nimport './GridLayout.css';\n\n/**\n * Props for the GridLayout component\n */\nexport interface GridLayoutProps {\n    /**\n     * Grid configuration abstraction (rows/cells)\n     * Used to generate the initial layout\n     */\n    config?: GridConfig | ResponsiveGridConfig;\n\n    /**\n     * Optional override layouts (native format)\n     * When provided, these are used instead of translating config\n     * Use this for persisted user modifications\n     */\n    layouts?: Layout | ResponsiveLayouts;\n\n    /**\n     * Whether to automatically generate responsive layouts for different breakpoints.\n     * When true (default), a single GridConfig is automatically adapted for all screen sizes.\n     * When false, the same layout is used for all breakpoints (only scaled by column count).\n     * @default true\n     */\n    responsive?: boolean;\n\n    /**\n     * Strategy for auto-responsive layout generation.\n     * - \"scale\": Proportionally scale widths (items may become narrow)\n     * - \"stack\": Stack items vertically on small screens (full width)\n     * - \"hybrid\": Scale for medium screens, stack for small screens (default)\n     * Only applies when `responsive` is true and a single GridConfig is provided.\n     * @default \"hybrid\"\n     */\n    autoResponsiveStrategy?: AutoResponsiveStrategy;\n\n    dragLocked?: boolean\n\n    /**\n     * Row height in pixels\n     * @default 25\n     */\n    rowHeight?: number;\n\n    /**\n     * Row height in pixels\n     * @default 50\n     */\n    rowMultiplier?: number;\n\n    /**\n     * Breakpoint definitions (name → min-width)\n     * @default { lg: 1200, md: 900, sm: 768, xs: 480, xxs: 0 }\n     */\n    breakpoints?: Record<BreakpointName, number>;\n\n    /**\n     * Column counts per breakpoint\n     * @default { lg: 12, md: 12, sm: 12, xs: 4, xxs: 2 }\n     */\n    cols?: Record<BreakpointName, number>;\n\n    /**\n     * Maximum number of rows\n     * @default Infinity\n     */\n    maxRows?: number;\n\n    /**\n     * Called when layout changes (after drag or resize ends)\n     * Only fires when layout actually changed\n     */\n    onLayoutChange?: (layout: Layout, allLayouts: ResponsiveLayouts) => void;\n\n    /**\n     * User-driven boundaries. RGL fires these only at the end of a real\n     * resize / drag interaction — *not* on prop syncs or layout reflows.\n     * Use these (instead of `onLayoutChange`) when the consumer needs a\n     * \"the user committed a change\" signal that shouldn't fire when a\n     * fresh `layouts` prop comes in from above.\n     */\n    onResizeStop?: (\n        layout: Layout,\n        oldItem: LayoutItem | null,\n        newItem: LayoutItem | null,\n    ) => void;\n    onDragStop?: (\n        layout: Layout,\n        oldItem: LayoutItem | null,\n        newItem: LayoutItem | null,\n    ) => void;\n\n    /**\n     * Children components (must have key prop matching cell keys)\n     */\n    children: React.ReactNode;\n\n    zoomLevel?: number;\n\n    /**\n     * Additional class name for the container\n     */\n    className?: string;\n\n    /**\n     * Additional styles for the container\n     */\n    style?: React.CSSProperties;\n\n    onDrop?: (data: any, item?: LayoutItem) => void;\n\n    manualWidth?: number\n\n    /**\n     * Row-aware resize.\n     *\n     * When configured, dragging a card's resize handle adjusts the height\n     * of every \"row sibling\" — items whose top edge (`y`) matches the\n     * resized item's `y` — together. The width of the resized item is\n     * unaffected, and so are widths/heights of any items NOT in the row.\n     *\n     * - Pass `true` for the default policy: a modifier (Shift) must be\n     *   held to opt into row-aware behaviour for a given drag.\n     * - Pass an object to invert the default (`defaultOn: true` makes\n     *   row-aware the no-modifier behaviour and the modifier turns it\n     *   OFF for that drag) and/or to pick a different modifier key.\n     * - Pass `false` (or omit the prop) to disable entirely.\n     */\n    rowAwareResize?: boolean | RowAwareResizeConfig;\n}\n\nexport interface RowAwareResizeConfig {\n    /** Master switch. Defaults to `true` when this object is supplied. */\n    enabled?: boolean;\n    /**\n     * When `true`, row-aware resize is the DEFAULT and holding the\n     * modifier inverts it (i.e. the modifier disables row-aware for that\n     * drag). When `false` (default), the user must hold the modifier to\n     * opt into row-aware for that drag.\n     */\n    defaultOn?: boolean;\n    /** Modifier key that flips the default behaviour. */\n    modifierKey?: 'Shift' | 'Alt' | 'Ctrl' | 'Meta';\n}\n\ninterface NormalisedRowAwareResize {\n    enabled: boolean;\n    defaultOn: boolean;\n    modifierKey: 'Shift' | 'Alt' | 'Ctrl' | 'Meta';\n}\n\nfunction normaliseRowAwareResize(\n    cfg: boolean | RowAwareResizeConfig | undefined,\n): NormalisedRowAwareResize {\n    if (cfg === true) return { enabled: true, defaultOn: false, modifierKey: 'Shift' };\n    if (!cfg) return { enabled: false, defaultOn: false, modifierKey: 'Shift' };\n    return {\n        enabled: cfg.enabled ?? true,\n        defaultOn: cfg.defaultOn ?? false,\n        modifierKey: cfg.modifierKey ?? 'Shift',\n    };\n}\n\n/**\n * Compare two layouts to check if they are equal\n */\nfunction areLayoutsEqual(a: Layout, b: Layout, _rowMultipler: number, _zoomLevel: number): boolean {\n    if (a.length !== b.length) return false;\n\n    for (let i = 0; i < a.length; i++) {\n        const itemA = a[i];\n        const itemB = b.find((item: LayoutItem) => item.i === itemA.i);\n        if (!itemB) {\n            return false\n        }\n        if (\n            itemA.x !== itemB.x ||\n            itemA.y !== itemB.y ||\n            itemA.w !== itemB.w ||\n            itemA.h !== itemB.h\n        ) {\n            return false;\n        }\n    }\n\n    return true;\n}\n\n/**\n * GridLayout component\n *\n * A wrapper around react-grid-layout's Responsive component that accepts\n * a simplified row/cell configuration and translates it to the native format.\n *\n * @example\n * ```tsx\n * const config: GridConfig = {\n *   rows: [\n *     { height: 1, cells: [{ key: \"header\", width: 12 }] },\n *     { height: 3, cells: [\n *       { key: \"chart1\", width: 6 },\n *       { key: \"chart2\", width: 6 }\n *     ]}\n *   ]\n * };\n *\n * <GridLayout config={config} onLayoutChange={handleChange}>\n *   <div key=\"header\">Header</div>\n *   <div key=\"chart1\">Chart 1</div>\n *   <div key=\"chart2\">Chart 2</div>\n * </GridLayout>\n * ```\n */\nexport const GridLayout: React.FC<GridLayoutProps> = ({\n    config,\n    layouts,\n    responsive = true,\n    autoResponsiveStrategy: _autoResponsiveStrategy = \"scale\",\n    rowHeight = DEFAULT_ROW_HEIGHT,\n    rowMultiplier = DEFAULT_ROW_MULTIPLIER,\n    breakpoints = DEFAULT_BREAKPOINTS,\n    cols = DEFAULT_COLS,\n    zoomLevel = 0.98,\n    maxRows = DEFAULT_MAX_ROWS,\n    dragLocked = false,\n    onLayoutChange,\n    \n    onResizeStop,\n    onDragStop,\n    onDrop,\n    manualWidth,\n    children,\n    className,\n    rowAwareResize,\n}) => {\n    // The two pass-through callbacks come straight from RGL's own\n    // resize-stop / drag-stop events. We unwrap RGL's 6-arg signature\n    // (oldItem, newItem, placeholder, e, element) into a leaner shape\n    // matching `onLayoutChange` so the consumer doesn't have to know\n    // RGL's internals.\n    const handleResizeStopPassthrough = useCallback(\n        (\n            layout: Layout,\n            oldItem: LayoutItem | null,\n            newItem: LayoutItem | null,\n        ) => {\n            onResizeStop?.(layout, oldItem, newItem);\n        },\n        [onResizeStop],\n    );\n    const handleDragStopPassthrough = useCallback(\n        (\n            layout: Layout,\n            oldItem: LayoutItem | null,\n            newItem: LayoutItem | null,\n        ) => {\n            onDragStop?.(layout, oldItem, newItem);\n        },\n        [onDragStop],\n    );\n    const rowAwareCfg = normaliseRowAwareResize(rowAwareResize);\n    // Modifier-key state is read globally rather than from the RGL\n    // resize event because the constraint API doesn't pass the event\n    // through. We listen on `window` so the state is fresh by the time\n    // RGL invokes our constraint mid-drag.\n    const modifierHeldRef = useRef(false);\n    useEffect(() => {\n        if (!rowAwareCfg.enabled) return;\n        const update = (e: { shiftKey?: boolean; altKey?: boolean; ctrlKey?: boolean; metaKey?: boolean }) => {\n            switch (rowAwareCfg.modifierKey) {\n                case 'Shift': modifierHeldRef.current = !!e.shiftKey; return;\n                case 'Alt': modifierHeldRef.current = !!e.altKey; return;\n                case 'Ctrl': modifierHeldRef.current = !!e.ctrlKey; return;\n                case 'Meta': modifierHeldRef.current = !!e.metaKey; return;\n            }\n        };\n        const h = update as unknown as EventListener;\n        window.addEventListener('keydown', h);\n        window.addEventListener('keyup', h);\n        window.addEventListener('mousemove', h);\n        window.addEventListener('mousedown', h);\n        return () => {\n            window.removeEventListener('keydown', h);\n            window.removeEventListener('keyup', h);\n            window.removeEventListener('mousemove', h);\n            window.removeEventListener('mousedown', h);\n        };\n    }, [rowAwareCfg.enabled, rowAwareCfg.modifierKey]);\n\n    // Custom constraint that mutates the row siblings' `h` directly on\n    // RGL's internal `layoutRef.current` (handed to us as\n    // `context.layout`). RGL's `onResize` internal handler immediately\n    // afterwards does `layout.map(item => item.i === id ? newItem : item)`\n    // — siblings are returned by reference, so our mutations flow into\n    // the new layout that gets handed to `compactor.compact` (which\n    // clones items, baking the new heights into the next state). This is\n    // the only path that survives RGL 2.x's prop-sync drag bail-out:\n    // we're working WITH RGL's state pipeline, not feeding it from props.\n    const rowAwareConstraint = useMemo<LayoutConstraint>(() => ({\n        name: 'rowAwareResize',\n        constrainSize(item, w, h, _handle, context) {\n            if (!rowAwareCfg.enabled) return { w, h };\n            const modifierHeld = modifierHeldRef.current;\n            const shouldApply = rowAwareCfg.defaultOn ? !modifierHeld : modifierHeld;\n            if (!shouldApply) return { w, h };\n            const rowY = item.y ?? 0;\n            for (const sibling of context.layout) {\n                if (sibling.i === item.i) continue;\n                if ((sibling.y ?? 0) !== rowY) continue;\n                (sibling as { h: number }).h = h;\n            }\n            // Dragged item itself unchanged — RGL applies our returned\n            // (w, h) as-is to it.\n            return { w, h };\n        },\n    }), [rowAwareCfg.enabled, rowAwareCfg.defaultOn]);\n\n    // RGL replaces its built-in defaults wholesale when `constraints` is\n    // passed, so we explicitly bundle them in. When row-aware is\n    // disabled we hand back `undefined` so RGL keeps its own defaults.\n    const mergedConstraints = useMemo<LayoutConstraint[] | undefined>(() => {\n        if (!rowAwareCfg.enabled) return undefined;\n        return [gridBounds, minMaxSize, rowAwareConstraint];\n    }, [rowAwareCfg.enabled, rowAwareConstraint]);\n    const { width, containerRef, mounted } = useContainerWidth();\n    const newWidth = manualWidth ?? (width);\n\n    zoomLevel = zoomLevel ? zoomLevel * 0.95 : 0.98 * 0.95;\n\n    // Last layouts we handed to RGL / received back from it, in *zoomed*\n    // space. We compare incoming `onLayoutChange` payloads against this in\n    // the same coordinate space so structurally-identical layouts dedupe\n    // cleanly — without this the upward emission and the parent's\n    // re-feeding form a loop.\n    const lastRGLLayoutRef = useRef<ResponsiveLayouts | null>(null);\n\n    if (config)\n        config.rowMultipler = rowMultiplier ?? 1;\n\n    // Pass-through. We used to multiply `h` by `unZoomLevel` here to\n    // reverse the per-item h-scaling done in the effect — but that\n    // scaling was redundant (the CSS `zoom: zoomLevel` on the wrapper\n    // div already shrinks the rendered grid visually) AND the\n    // round-trip was lossy due to rounding:\n    //   6 → round(6*0.76)=5 → round(5*1.316)=7\n    // so every store write came back with `h=7` instead of `h=6`,\n    // which then re-zoomed to `h=5`, and any emit RGL fired (e.g.\n    // collision compaction on a second card) ping-ponged forever\n    // because the h field was effectively non-deterministic.\n    //\n    // Returning the layouts unchanged makes the round-trip identity:\n    // whatever RGL hands us is what we send to the parent, and the\n    // parent's next render feeds the exact same values back. RGL\n    // settles in one cycle.\n    const unZoomLayout = useCallback((internal: Layout | ResponsiveLayouts): ResponsiveLayouts => {\n        const incoming: ResponsiveLayouts = Array.isArray(internal)\n            ? ({ lg: internal, md: internal, sm: internal, xs: internal, xxs: internal } as ResponsiveLayouts)\n            : (internal as ResponsiveLayouts);\n\n        const result: ResponsiveLayouts = {} as ResponsiveLayouts;\n        for (const bp of Object.keys(incoming) as BreakpointName[]) {\n            const layout = incoming[bp];\n            if (!layout) continue;\n            // Spread each item so the parent gets a fresh object it can\n            // mutate without aliasing back into our refs.\n            result[bp] = layout.map((item) => ({ ...item }));\n        }\n        return result;\n    }, []);\n\n\n    // Translate config to layouts (memoized)\n    // const translatedLayouts = useMemo(() => {\n    //     if (!config) return;\n\n    //     // If it's a simple GridConfig (has rows)\n    //     if (\"rows\" in config) {\n    //         const gridConfig = config as GridConfig;\n\n    //         if (responsive) {\n    //             // Auto-generate responsive layouts for all breakpoints\n    //             const translated = translateGridConfigAutoResponsive(\n    //                 gridConfig,\n    //                 cols,\n    //                 autoResponsiveStrategy\n    //             );\n\n    //             return translated;\n    //         } else {\n    //             // Use same layout for all breakpoints (just scaled by cols)\n    //             return translateResponsiveGridConfig({ lg: gridConfig }, cols);\n    //         }\n    //     }\n\n    //     // Otherwise it's a ResponsiveGridConfig - use as-is\n    //     return translateResponsiveGridConfig(config as ResponsiveGridConfig, cols);\n    // }, [config, cols, responsive, autoResponsiveStrategy]);\n\n    if (responsive) {\n        if (Array.isArray(layouts)) {\n            layouts = {\n                \"lg\": [...layouts] as Layout,\n                \"md\": [...layouts] as Layout,\n                \"sm\": [...layouts] as Layout,\n                \"xs\": [...layouts] as Layout,\n                \"xxs\": [...layouts] as Layout,\n            } as ResponsiveLayouts;\n        }\n    }\n\n\n\n    // Wrap the incoming layouts into a ResponsiveLayouts during render\n    // (NOT inside a useEffect that calls setActiveLayouts). The\n    // previous implementation lagged by one render: the effect set\n    // `activeLayouts` *after* RGL had already rendered with the stale\n    // value, so when the parent added a card RGL's children-prop saw\n    // the new card while RGL's `propsLayout` was still the previous\n    // render's. RGL's `synchronizeLayoutWithChildren` then created a\n    // default placeholder ({w:1, h:1}) for the missing item and\n    // emitted it back upward, which the parent wrote into the store,\n    // which fed back as the new `propsLayout` — but by then RGL's\n    // internal state was already (1,1), so it bounced to the new\n    // (4,6) on the next render. Forever.\n    //\n    // Computing this with `useMemo` makes `activeLayouts` available\n    // synchronously in the same render as the new `layouts` prop,\n    // eliminating the one-render lag.\n    const activeLayouts = useMemo<ResponsiveLayouts | null>(() => {\n        if (!layouts) return null;\n        if (Array.isArray(layouts)) {\n            return {\n                lg: layouts,\n                md: layouts,\n                sm: layouts,\n                xs: layouts,\n                xxs: layouts,\n            } as ResponsiveLayouts;\n        }\n        return layouts as ResponsiveLayouts;\n    }, [layouts]);\n\n    // Sync the dedup baseline during render — refs can be safely\n    // updated here (they don't trigger renders) and this guarantees\n    // that when RGL fires `onLayoutChange` from one of its effects,\n    // our handler compares against the SAME layout we just handed it,\n    // not a stale value from the previous render.\n    if (activeLayouts) {\n        lastRGLLayoutRef.current = activeLayouts;\n    }\n\n    const handleDrop = (_layout: Layout, item?: LayoutItem, e?: Event) => {\n        if (!onDrop) return;\n\n        const dragEvent = e as unknown as React.DragEvent | undefined;\n        const strData = dragEvent?.dataTransfer.getData(\"text/json\");\n        let objData = null;\n        if (strData) {\n            objData = JSON.parse(strData);\n        }\n        onDrop(objData, item)\n    }\n\n    // Capture row-aware intent at the moment the resize finishes. RGL\n    // fires `onResizeStop` BEFORE its `onLayoutChange`, so we record the\n    // row's `y` and the new `h` here and apply the cascade to siblings\n    // when `handleLayoutChange` runs immediately after.\n    //\n    // The modifier-key state is read directly off the native event RGL\n    // hands us. If row-aware mode is configured as `defaultOn`, holding\n    // the modifier *disables* the cascade for that drag; otherwise the\n    // modifier is required to enable it. When the active policy doesn't\n    // ask for row-aware on this drag, we leave `pendingRowAwareRef` null\n    // and the layout flows through unchanged.\n    // Handle layout change - only emit when layout actually changed.\n    //\n    // Comparison is done in *zoomed* (RGL-output) space, against the last\n    // zoomed layouts we sent to or received from RGL. This is critical:\n    // the previous implementation compared zoomed-vs-unzoomed, so equal\n    // layouts always read as different and fed an upward emission on\n    // every render — which, when the parent writes back into the store\n    // and re-feeds `layouts`, closes a render loop.\n    const handleLayoutChange = useCallback(\n        (currentLayout: Layout, allLayouts?: RGLResponsiveLayouts<BreakpointName>) => {\n            if (!onLayoutChange) return;\n\n            // Row-aware cascade is applied INSIDE RGL via the\n            // `rowAwareConstraint` above (pluggable constraints API), so\n            // the layout RGL hands us here already has every row sibling\n            // at the new height. Nothing extra to do at this boundary.\n            const incoming: ResponsiveLayouts = (allLayouts ?? { lg: currentLayout }) as ResponsiveLayouts;\n\n            const last = lastRGLLayoutRef.current;\n\n            // Same-space comparison. If we have a baseline and every\n            // breakpoint matches, this is a no-op — bail before touching\n            // any state.\n            if (last) {\n                let hasChanged = false;\n                for (const bp of Object.keys(incoming) as BreakpointName[]) {\n                    const newLayout = incoming[bp];\n                    const oldLayout = last[bp];\n                    if (!newLayout || !oldLayout) continue;\n                    if (!areLayoutsEqual(newLayout, oldLayout, config?.rowMultipler ?? 1, zoomLevel)) {\n                        hasChanged = true;\n                        break;\n                    }\n                }\n                if (!hasChanged) return;\n            }\n\n            // Update baseline in zoomed space *before* unzooming, so any\n            // re-render triggered by the parent's response sees a\n            // consistent ref.\n            lastRGLLayoutRef.current = incoming;\n\n            // Unzoom for the parent — restores the original `h` values\n            // RGL scaled down for the visual zoom.\n            const unzoomed = unZoomLayout(incoming);\n            onLayoutChange(unzoomed[\"lg\"]!, unzoomed as ResponsiveLayouts);\n        },\n        [onLayoutChange, unZoomLayout, config?.rowMultipler, zoomLevel]\n    );\n\n    if (!activeLayouts) return null;\n\n    for (const key of Object.keys(activeLayouts) as BreakpointName[]) {\n        const bp = activeLayouts[key];\n\n        if(bp) {\n            bp.forEach(c => {\n                c.isDraggable = !dragLocked;\n                c.isResizable = !dragLocked;\n            });\n        }\n    }\n\n\n    return (\n        <div\n            ref={containerRef as React.RefObject<HTMLDivElement>}\n            className={className}\n            style={{ minHeight: \"100%\", paddingBottom: '200px', minWidth: '100%', paddingLeft: `${(1 - (zoomLevel)) / 2 * 100}%`, zoom: zoomLevel, overflow: 'auto' }}\n        >\n            {mounted &&\n                responsive ?\n                <Responsive\n                    onDrop={handleDrop}\n                    dropConfig={{\n                        enabled: !dragLocked,\n                        defaultItem: {\n                            h: 2,\n                            w: 2\n                        },\n                    }}\n                    dragConfig={{\n                        enabled: !dragLocked\n                    }}\n                    layouts={{ ...activeLayouts } as ResponsiveLayouts}\n                    breakpoints={breakpoints}\n                    cols={cols}\n                    rowHeight={rowHeight}\n                    maxRows={(maxRows ?? 24) * (config?.rowMultipler ?? 1)}\n                    width={newWidth}\n                    containerPadding={[0, 0]}\n\n                    onLayoutChange={handleLayoutChange}\n                    onResizeStop={handleResizeStopPassthrough}\n                    onDragStop={handleDragStopPassthrough}\n                    constraints={mergedConstraints}\n                >\n                    {children}\n                </Responsive>\n                : <ReactGridLayout\n                    onDrop={handleDrop}\n                    dropConfig={{\n                        enabled: !dragLocked,\n                        defaultItem: {\n                            h: 1,\n                            w: 3\n                        },\n                    }}\n                    gridConfig={{ cols: 12, rowHeight: rowHeight, maxRows: 100, containerPadding: [0, 0], margin: [0, 2] }}\n                    dragConfig={{\n                        enabled: !dragLocked,\n                        bounded: true,\n                    }}\n\n                    layout={activeLayouts[\"lg\"] as Layout}\n                    autoSize={true}\n                    width={newWidth}\n                    onLayoutChange={handleLayoutChange}\n                    onResizeStop={handleResizeStopPassthrough}\n                    onDragStop={handleDragStopPassthrough}\n                    constraints={mergedConstraints}\n                >\n                    {children}\n                </ReactGridLayout>\n\n            }\n        </div >\n    );\n};\n\nexport default GridLayout;\n","import React, { forwardRef } from 'react';\nimport type { HTMLAttributes, CSSProperties } from 'react';\n\nexport interface GridCardPlaceHolderProps extends HTMLAttributes<HTMLDivElement> {\n    static?: boolean;\n    naked?: boolean;\n}\n\n/** An empty grid item drawn while a card is being sketched / dropped. */\nexport const GridCardPlaceHolder = forwardRef<HTMLDivElement, GridCardPlaceHolderProps>(\n    ({ style, className, onMouseDown, onMouseUp, onTouchEnd, children, ...props }, ref) => {\n        const cardStyle: CSSProperties = { cursor: 'grab', ...style };\n        const { static: isStatic, naked, ...rest } = props;\n        return (\n            <div\n                ref={ref}\n                style={cardStyle}\n                className={`${!isStatic ? 'grid-card' : ''} ds-card dscard-placeholder${naked ? '-naked' : ''} react-draggable cssTransforms react-resizable ${className ?? ''}`.trim()}\n                onMouseDown={onMouseDown}\n                onMouseUp={onMouseUp}\n                onTouchEnd={onTouchEnd}\n                {...rest}\n            >\n                <div className=\"grid-card-content\">{children}</div>\n            </div>\n        );\n    },\n);\n\nGridCardPlaceHolder.displayName = 'GridCardPlaceHolder';\n\nexport default GridCardPlaceHolder;\n","import { useMemo } from \"react\";\nimport type { Layout, LayoutItem } from \"react-grid-layout\";\nimport type {\n    GridConfig,\n    RowConfig,\n    ResponsiveGridConfig,\n    ResponsiveLayouts,\n    BreakpointName,\n} from \"./types\";\nimport { DEFAULT_COLS } from \"./types\";\n\n/**\n * Translates a GridConfig (row/cell tree) into a flat Layout array\n * that react-grid-layout understands.\n *\n * @param config - The grid configuration\n * @param cols - Number of columns (default: 12)\n * @returns Flat layout array for react-grid-layout\n */\nexport function translateGridConfig(\n    config: GridConfig,\n    cols: number = 12\n): Layout {\n    const items: LayoutItem[] = [];\n\n    function processRows(\n        rows: RowConfig[],\n        offsetX: number,\n        offsetY: number,\n        parentCols: number\n    ): number {\n        let y = offsetY;\n\n        for (const row of rows) {\n            const rowHeight = row.height ?? 1;\n            let x = offsetX;\n\n            for (const cell of row.cells) {\n                // Scale width relative to parent columns\n                const scaledW = Math.round((cell.width / 12) * parentCols);\n                let cellHeight = cell.height ?? rowHeight;\n\n                cellHeight = cellHeight == 1 ? 1 : cellHeight;\n\n                if (cell.rows && cell.rows.length > 0) {\n                    // Nested rows - recurse\n                    processRows(cell.rows, x, y, scaledW);\n                } else if (cell.key) {\n                    // Leaf cell - add to layout\n                    const item: LayoutItem = {\n                        i: cell.key,\n                        x,\n                        y,\n                        w: scaledW,\n                        h: (cellHeight * (config.rowMultipler ?? 1)) + 1,\n                    };\n\n                    // Add optional constraints\n                    if (cell.minW !== undefined) item.minW = cell.minW;\n                    if (cell.maxW !== undefined) item.maxW = cell.maxW;\n                    if (cell.minH !== undefined) item.minH = cell.minH;\n                    if (cell.maxH !== undefined) item.maxH = cell.maxH;\n                    if (cell.static !== undefined) item.static = cell.static;\n                    if (cell.isDraggable !== undefined) item.isDraggable = cell.isDraggable;\n                    if (cell.isResizable !== undefined) item.isResizable = cell.isResizable;\n\n                    items.push(item);\n                }\n\n                x += scaledW;\n            }\n\n            y += rowHeight;\n        }\n\n        return y;\n    }\n\n    processRows(config.rows, 0, 0, cols);\n\n    return items;\n}\n\n/**\n * Translates a ResponsiveGridConfig into ResponsiveLayouts\n * If a breakpoint is not defined, it falls back to larger breakpoints\n *\n * @param config - The responsive grid configuration\n * @param colsPerBreakpoint - Columns per breakpoint (default: DEFAULT_COLS)\n * @returns Responsive layouts object for react-grid-layout\n */\nexport function translateResponsiveGridConfig(\n    config: ResponsiveGridConfig,\n    colsPerBreakpoint: Record<BreakpointName, number> = DEFAULT_COLS\n): ResponsiveLayouts {\n    const breakpointOrder: BreakpointName[] = [\"lg\", \"md\", \"sm\", \"xs\", \"xxs\"];\n    const layouts: ResponsiveLayouts = {};\n\n    // Find the first defined config to use as fallback\n    let fallbackConfig: GridConfig | undefined;\n\n    for (const bp of breakpointOrder) {\n        const bpConfig = config[bp];\n\n        if (bpConfig) {\n            fallbackConfig = bpConfig;\n            layouts[bp] = translateGridConfig(bpConfig, colsPerBreakpoint[bp]);\n        } else if (fallbackConfig) {\n            // Use fallback from larger breakpoint, but translate with this breakpoint's cols\n            layouts[bp] = translateGridConfig(\n                fallbackConfig,\n                colsPerBreakpoint[bp]\n            );\n        }\n    }\n\n    return layouts;\n}\n\n/**\n * Auto-responsive translation strategy.\n * Determines how items should be arranged when columns decrease.\n */\nexport type AutoResponsiveStrategy = \"scale\" | \"stack\" | \"hybrid\";\n\n/**\n * Translates a single GridConfig into responsive layouts automatically.\n * \n * This function intelligently adapts the layout for different screen sizes:\n * - For breakpoints with same column count as base: preserves layout\n * - For breakpoints with fewer columns: applies the chosen strategy\n * \n * Strategies:\n * - \"scale\": Proportionally scale widths (items may become very narrow)\n * - \"stack\": Stack items vertically (each item becomes full width)\n * - \"hybrid\": Scale for moderate reductions, stack for small screens (default)\n *\n * @param config - The grid configuration (designed for lg/12 columns)\n * @param colsPerBreakpoint - Columns per breakpoint (default: DEFAULT_COLS)\n * @param strategy - How to handle smaller breakpoints (default: \"hybrid\")\n * @returns Responsive layouts object for react-grid-layout\n */\nexport function translateGridConfigAutoResponsive(\n    config: GridConfig,\n    colsPerBreakpoint: Record<BreakpointName, number> = DEFAULT_COLS,\n    strategy: AutoResponsiveStrategy = \"stack\"\n): ResponsiveLayouts {\n    const breakpointOrder: BreakpointName[] = [\"lg\", \"md\", \"sm\", \"xs\", \"xxs\"];\n    const layouts: ResponsiveLayouts = {};\n\n    // Base layout (lg - 12 columns typically)\n    const baseCols = colsPerBreakpoint.lg;\n    const baseLayout = translateGridConfig(config, baseCols);\n\n    for (const bp of breakpointOrder) {\n        const targetCols = colsPerBreakpoint[bp];\n\n        if (targetCols === baseCols) {\n            // Same column count - use base layout directly\n            layouts[bp] = baseLayout;\n        } else {\n            // Different column count - apply strategy\n            const shouldStack =\n                strategy === \"stack\" ||\n                (strategy === \"hybrid\" && targetCols <= 4);\n\n            if (shouldStack) {\n                // Stack: arrange items vertically, full width\n                layouts[bp] = createStackedLayout(baseLayout, targetCols);\n            } else {\n                // Scale: proportionally adjust widths\n                layouts[bp] = createScaledLayout(baseLayout, baseCols, targetCols, config.rowMultipler ?? 1);\n            }\n        }\n    }\n\n    return layouts;\n}\n\n/**\n * Creates a stacked layout where each item takes full width\n * and items are arranged vertically.\n */\nfunction createStackedLayout(baseLayout: Layout, cols: number): Layout {\n    let currentY = 0;\n\n    // Sort by original position (top to bottom, left to right)\n    const sorted = [...baseLayout].sort((a, b) => {\n        if (a.y !== b.y) return a.y - b.y;\n        return a.x - b.x;\n    });\n\n    return sorted.map((item) => {\n        const newItem: LayoutItem = {\n            ...item,\n            x: 0,\n            y: currentY,\n            w: cols, // Full width\n            // Keep height, but ensure minimum of 2 for readability on small screens\n            h: Math.max(item.h, 2)\n        };\n        currentY += newItem.h;\n        return newItem;\n    });\n}\n\n/**\n * Creates a scaled layout by proportionally adjusting widths.\n * Items maintain their relative positions but widths are scaled.\n */\nfunction createScaledLayout(baseLayout: Layout, baseCols: number, targetCols: number, rowMultipler: number): Layout {\n    const scale = targetCols / baseCols;\n\n    return baseLayout.map((item) => {\n        // Scale x and width, ensure minimum width of 1\n        const scaledW = Math.max(1, Math.round(item.w * scale));\n        const scaledX = Math.round(item.x * scale);\n\n        // Ensure item doesn't overflow\n        const adjustedX = Math.min(scaledX, targetCols - scaledW);\n\n        return {\n            ...item,\n            x: Math.max(0, adjustedX) * rowMultipler,\n            w: scaledW,\n\n        };\n    });\n}\n\n/**\n * Options for the useGridConfigTranslator hook\n */\nexport interface UseGridConfigTranslatorOptions {\n    /** Grid configuration (single or responsive) */\n    config: GridConfig | ResponsiveGridConfig;\n    /** Whether the config is responsive (has per-breakpoint configs) */\n    responsive?: boolean;\n    /** Columns per breakpoint (only used if responsive) */\n    cols?: Record<BreakpointName, number>;\n}\n\n/**\n * Result of the useGridConfigTranslator hook\n */\nexport interface UseGridConfigTranslatorResult {\n    /** Single layout (only if not responsive) */\n    layout: Layout | undefined;\n    /** Responsive layouts (only if responsive) */\n    layouts: ResponsiveLayouts | undefined;\n}\n\n/**\n * Hook to translate GridConfig to react-grid-layout format\n * Memoizes the result to avoid unnecessary recalculations\n *\n * @param options - Translation options\n * @returns Translated layout(s)\n */\nexport function useGridConfigTranslator(\n    options: UseGridConfigTranslatorOptions\n): UseGridConfigTranslatorResult {\n    const { config, responsive = false, cols = DEFAULT_COLS } = options;\n\n    const result = useMemo(() => {\n        if (responsive) {\n            // Responsive mode - config should be ResponsiveGridConfig\n            const responsiveConfig = config as ResponsiveGridConfig;\n\n            // If it looks like a simple GridConfig (has rows), wrap it\n            if (\"rows\" in responsiveConfig) {\n                const simpleConfig = responsiveConfig as unknown as GridConfig;\n                return {\n                    layout: undefined,\n                    layouts: translateResponsiveGridConfig(\n                        { lg: simpleConfig },\n                        cols\n                    ),\n                };\n            }\n\n            const translatedResponsive = translateResponsiveGridConfig(responsiveConfig, cols);\n\n            return {\n                layout: undefined,\n                layouts: translatedResponsive\n            };\n        } else {\n            // Single layout mode\n            const simpleConfig = config as GridConfig;\n            const translated = translateGridConfig(simpleConfig, cols.lg ?? 12);\n\n            return {\n                layout: translated,\n                layouts: undefined,\n            };\n        }\n    }, [config, responsive, cols]);\n\n    return result;\n}\n\nexport default useGridConfigTranslator;\n"],"names":["_BiErrorBoundary","React","__publicField","error","info","_b","_a","prev","__name","BiErrorBoundary","GridCard","forwardRef","style","htmlStyle","className","onMouseDown","onMouseUp","onTouchEnd","children","variant","viewType","header","renderHeader","dragLocked","noBorder","color","zoomLevel","customColor","contentDisplay","contentStyle","contentClassName","isResizable","props","ref","theme","useTheme","isNaked","variantClass","hasHeader","colorClass","nakedClass","displayClass","HeaderIcon","cardStyle","safeAlpha","innerWidth","headerElement","jsxs","jsx","errorFallback","err","alpha","contentClasses","Fragment","ChartContextProvider","a","DEFAULT_BREAKPOINTS","DEFAULT_COLS","DEFAULT_ROW_HEIGHT","DEFAULT_ROW_MULTIPLIER","DEFAULT_MAX_ROWS","normaliseRowAwareResize","cfg","areLayoutsEqual","b","_rowMultipler","_zoomLevel","i","itemA","itemB","item","GridLayout","config","layouts","responsive","_autoResponsiveStrategy","rowHeight","rowMultiplier","breakpoints","cols","maxRows","onLayoutChange","onResizeStop","onDragStop","onDrop","manualWidth","rowAwareResize","handleResizeStopPassthrough","useCallback","layout","oldItem","newItem","handleDragStopPassthrough","rowAwareCfg","modifierHeldRef","useRef","useEffect","h","e","rowAwareConstraint","useMemo","w","_handle","context","modifierHeld","rowY","sibling","mergedConstraints","gridBounds","minMaxSize","width","containerRef","mounted","useContainerWidth","newWidth","lastRGLLayoutRef","unZoomLayout","internal","incoming","result","bp","activeLayouts","handleDrop","_layout","dragEvent","strData","objData","handleLayoutChange","currentLayout","allLayouts","last","hasChanged","newLayout","oldLayout","unzoomed","key","c","Responsive","ReactGridLayout","GridCardPlaceHolder","isStatic","naked","rest","translateGridConfig","items","processRows","rows","offsetX","offsetY","parentCols","y","row","x","cell","scaledW","cellHeight","translateResponsiveGridConfig","colsPerBreakpoint","breakpointOrder","fallbackConfig","bpConfig","translateGridConfigAutoResponsive","strategy","baseCols","baseLayout","targetCols","createStackedLayout","createScaledLayout","currentY","rowMultipler","scale","scaledX","adjustedX","useGridConfigTranslator","options","responsiveConfig"],"mappings":"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"}