@aintela/bi 0.2.0 → 0.2.1

package/dist/ScriptDashboardViewerVertical-DKaHcL1o.js

@@ -0,0 +1,713 @@
+var We = Object.defineProperty;
+var s = (e, l) => We(e, "name", { value: l, configurable: !0 });
+import * as Ee from "react/jsx-runtime";
+import { jsx as r, jsxs as c, Fragment as ye } from "react/jsx-runtime";
+import * as Te from "react";
+import { useState as W, useRef as ee, useCallback as He, useMemo as F, useEffect as le, useLayoutEffect as pe } from "react";
+import { RebaseEdit as Be, Schedule as Re, ImportExportOutlined as Le, CloseOutlined as be } from "@mui/icons-material";
+import { Stack as k, Box as w, Typography as f, Button as ce, CircularProgress as te, Slider as ze, IconButton as we, Alert as se, Snackbar as Ce, useTheme as Oe, LinearProgress as Fe } from "@mui/material";
+import * as je from "@mui/material/styles";
+import { alpha as Ne } from "@mui/material/styles";
+import { G as De, e as Ae } from "./GridLayout-BgPzzPiP.js";
+import { a as Se } from "./DashboardParametersContext-Clv--79U.js";
+import { a as Ge } from "./ChartCardDefaultsContext-Cl5T25H0.js";
+import { isSubAgentTerminalStatus as ve } from "@aintela/chat/models";
+import { a as $e } from "./BiClientProvider-CWJochvi.js";
+import * as _e from "react-dom";
+import * as Ve from "react-dom/client";
+import * as Ze from "@emotion/react";
+import * as qe from "@emotion/styled";
+import * as Ue from "dayjs";
+import { d as Je } from "./filterFactory-Ysv0FOQ2.js";
+import { u as Xe } from "./useContainerRectangle-D464wPFX.js";
+const Ye = {
+  Generic: "custom",
+  Métrica: "kpi",
+  Tabela: "table",
+  Gráfico: "chart",
+  Mapa: "iframe",
+  Árvore: "chart",
+  Medidor: "chart"
+};
+function Ie(e, l) {
+  var n;
+  const t = ((n = l == null ? void 0 : l.cards) == null ? void 0 : n.find((o) => o.i === e.key)) ?? null, a = (t == null ? void 0 : t.name) !== e.title ? t == null ? void 0 : t.name : e.title, i = (t == null ? void 0 : t.specificType) !== e.specificType ? t == null ? void 0 : t.specificType : e.specificType, d = (t == null ? void 0 : t.category) !== e.category ? t == null ? void 0 : t.category : e.category;
+  return { title: a, specificType: i, category: d };
+}
+s(Ie, "resolveCardMetadata");
+const me = /* @__PURE__ */ new Set();
+let ue = {}, ie = null;
+function vt(e, l) {
+  for (const t of e) me.add(t);
+  l && (ue = { ...ue, ...l }), ie = null;
+}
+s(vt, "seedHostModules");
+function bt() {
+  return [...me];
+}
+s(bt, "getRegisteredSpecifiers");
+async function ke() {
+  if (ie) return ie;
+  const [e, l, t] = await Promise.all([
+    import("@mui/material"),
+    import("@mui/icons-material"),
+    import("recharts")
+  ]), { getBiModuleSurface: a } = await import("./biModuleSurface-dtnpBMtT.js"), i = a(), d = {
+    react: Te,
+    "react/jsx-runtime": Ee,
+    "react-dom": _e,
+    "react-dom/client": Ve,
+    "@mui/material": e,
+    "@mui/icons-material": l,
+    "@mui/material/styles": je,
+    "@emotion/react": Ze,
+    "@emotion/styled": qe,
+    recharts: t,
+    dayjs: Ue,
+    ...ue
+  };
+  for (const n of me) d[n] = i;
+  return ie = d, d;
+}
+s(ke, "getHostModules");
+const Qe = 6, R = /* @__PURE__ */ new Map();
+function Ke(e) {
+  let l = 2166136261;
+  for (let t = 0; t < e.length; t++)
+    l ^= e.charCodeAt(t), l = Math.imul(l, 16777619);
+  return `${(l >>> 0).toString(36)}:${e.length}`;
+}
+s(Ke, "hashBundleCode");
+function wt() {
+  R.clear(), ie = null;
+}
+s(wt, "clearBundleCaches");
+async function et(e, l) {
+  const t = await ke(), a = Ke(e);
+  if (l) {
+    const o = R.get(l);
+    if (o && o.hash === a)
+      return R.delete(l), R.set(l, o), o.module;
+  }
+  const i = { exports: {} }, d = /* @__PURE__ */ s((o) => {
+    const h = t[o];
+    if (h !== void 0) return h;
+    for (const [C, v] of Object.entries(t))
+      if (o.startsWith(C + "/") && v && typeof v == "object") {
+        const y = v[o.slice(C.length + 1)];
+        if (y !== void 0) return { default: y, __esModule: !0 };
+      }
+    throw new Error(`Dashboard bundle requires unknown module: "${o}". Register it with registerBiModules({ specifiers | extraHostModules }).`);
+  }, "requireShim");
+  new Function("require", "module", "exports", e)(d, i, i.exports);
+  const n = i.exports.default ?? i.exports;
+  if (l && (R.delete(l), R.set(l, { hash: a, module: n }), R.size > Qe)) {
+    const o = R.keys().next().value;
+    o !== void 0 && R.delete(o);
+  }
+  return n;
+}
+s(et, "evaluateDashboardBundle");
+async function tt(e, l, t) {
+  const [a] = await Promise.all([e.fetchDashboardBundle(l, t), ke()]);
+  return et(a, `${l}::${t}`);
+}
+s(tt, "loadDashboardBundle");
+async function it(e, l, t) {
+  const a = await tt(e, l, t), i = new a();
+  return {
+    instance: i,
+    cards: [...i.getCardsList()],
+    style: i.getDashboardStyle()
+  };
+}
+s(it, "instantiateDashboardBundle");
+function Pe(e) {
+  var fe, ge, xe;
+  const l = $e(), t = e.client ?? l;
+  if (!t)
+    throw new Error("[@aintela/bi] useDashboardBundle needs a BiClient: pass `client` or mount <BiClientProvider>.");
+  const a = t, [i, d] = W(e.dashboard), n = e.dashboard ?? i, o = ee(e.onDashloadLoaded);
+  o.current = e.onDashloadLoaded;
+  const h = ee(e.onFiltersChanged);
+  h.current = e.onFiltersChanged;
+  const [C, v] = W(null), [y, j] = W(null), [T, H] = W(!1), [N, m] = W(null), D = e.isPrintPreview ?? !1, [A, P] = W(e.parameters ?? {}), L = He((u, b) => {
+    P((p) => {
+      var O;
+      if (!b || Array.isArray(b) && b.length === 0) {
+        const { [u]: at, ...Me } = p;
+        return Me;
+      }
+      const S = { ...p, [u]: b };
+      return (O = h.current) == null || O.call(h, S), S;
+    });
+  }, []), G = JSON.stringify(e.parameters ?? {}), $ = F(
+    () => ({ ...e.parameters ?? {} }),
+    [G]
+  ), B = F(
+    () => ({ onChange: L, parameters: $, readonly: D }),
+    [$, D, L]
+  );
+  le(() => {
+    P((u) => ({ ...u, ...$ }));
+  }, [$]);
+  const M = e.dashboardId ?? (n == null ? void 0 : n.id), Z = ee(null), [de] = Xe(Z, 0, 0, `${M}-${(n == null ? void 0 : n.id) ?? "pending"}`), [re, ne] = W({ open: !1, message: "", severity: "success" }), [g, Y] = W(null), _ = (fe = e.dashboardWaiting) == null ? void 0 : fe.subAgentId, E = !!_, q = !E || ve(g == null ? void 0 : g.status), U = (g == null ? void 0 : g.status) === "Failed" || (g == null ? void 0 : g.status) === "Cancelled", Q = ((ge = e.dashboardWaiting) == null ? void 0 : ge.sessionId) ?? (n == null ? void 0 : n.originalSessionId) ?? void 0, K = (xe = e.dashboardWaiting) == null ? void 0 : xe.pollIntervalMs;
+  le(() => {
+    if (!E || !_ || !Q) {
+      Y(null);
+      return;
+    }
+    const u = Math.max(K ?? 0, 1e4);
+    let b = !1, p = null;
+    const S = /* @__PURE__ */ s(async () => {
+      try {
+        const O = await a.getSubAgentStatus(Q, _);
+        if (b || (Y(O), O && ve(O.status))) return;
+      } catch (O) {
+        if (b) return;
+        console.error("Failed to poll sub-agent status:", O);
+      }
+      b || (p = setTimeout(S, u));
+    }, "poll");
+    return S(), () => {
+      b = !0, p && clearTimeout(p);
+    };
+  }, [E, _, Q, K, a]), le(() => {
+    let u = !1;
+    async function b() {
+      var p;
+      if (!e.dashboard && M)
+        try {
+          const S = await a.getDashboard(M);
+          if (u) return;
+          d(S), (p = o.current) == null || p.call(o, S);
+        } catch (S) {
+          u || m(S instanceof Error ? S.message : "Failed to load dashboard");
+        }
+    }
+    return s(b, "loadMetadata"), b(), () => {
+      u = !0;
+    };
+  }, [M, e.dashboard, a]);
+  const ae = e.codeGeneration, V = n == null ? void 0 : n.id, x = n == null ? void 0 : n.jsFileName, I = n == null ? void 0 : n.originalSessionId;
+  le(() => {
+    let u = !1;
+    async function b() {
+      if (!(E && !q)) {
+        if (E && U) {
+          H(!1), m((g == null ? void 0 : g.error) ?? "A geração do dashboard falhou.");
+          return;
+        }
+        if (!(!M && !V)) {
+          if (V !== void 0 && !I) {
+            console.error("Dashboard has no originalSessionId"), m("Dashboard has no originalSessionId");
+            return;
+          }
+          m(null), H(!0);
+          try {
+            const p = x ?? `${V ?? M}.js`;
+            if (!I) return;
+            const S = await it(a, I, p);
+            if (u) return;
+            v(S.cards), j(S.style);
+          } catch (p) {
+            u || (console.error(p instanceof Error ? p.message : "Failed to load dashboard"), m(p instanceof Error ? p.message : "Failed to load dashboard"));
+          } finally {
+            u || H(!1);
+          }
+        }
+      }
+    }
+    return s(b, "loadBundle"), b(), () => {
+      u = !0;
+    };
+  }, [M, V, x, I, E, q, U, ae, a]);
+  const J = F(() => {
+    var u;
+    return n ? (u = n.filters) == null ? void 0 : u.map((b) => Je(n.id, b, B)) : null;
+  }, [n, B]), z = e.editable ?? !1, X = F(() => {
+    if (n != null && n.cards)
+      return [...n.cards];
+  }, [n == null ? void 0 : n.cards]), oe = F(() => {
+    if (X)
+      return X.map((u) => ({ ...u, isResizable: z, isDraggable: !0 }));
+  }, [X, z]);
+  return {
+    dashboard: n,
+    cards: C,
+    style: y,
+    loading: T,
+    error: N,
+    setError: m,
+    filters: J,
+    filterOptions: B,
+    stateParameters: A,
+    handleParameterChange: L,
+    containerRef: Z,
+    containerWidth: de,
+    rawLayoutDefinition: X,
+    layoutDefinition: oe,
+    effectiveDashboardId: M,
+    isPrintPreview: D,
+    snackbar: re,
+    setSnackbar: ne,
+    subAgentStatus: g,
+    isSubAgentTracked: E,
+    subAgentDone: q,
+    subAgentFailed: U
+  };
+}
+s(Pe, "useDashboardBundle");
+const rt = /* @__PURE__ */ s(({ subAgent: e }) => {
+  const l = Oe(), t = e == null ? void 0 : e.todoList, a = (t == null ? void 0 : t.items) ?? [], i = a.filter((v) => v.status === "Completed").length, d = a.length, n = t == null ? void 0 : t.percentComplete, o = typeof n == "number" && Number.isFinite(n) ? n : d > 0 ? i / d : 0, h = Math.max(0, Math.min(100, o * 100)), C = d > 0 || h > 0;
+  return /* @__PURE__ */ r(
+    w,
+    {
+      sx: {
+        position: "relative",
+        width: "100%",
+        zIndex: 1500,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 2,
+        px: 4,
+        minHeight: "300px",
+        backgroundColor: Ne(l.palette.background.default, 0.85),
+        backdropFilter: "blur(2px)"
+      },
+      children: /* @__PURE__ */ c(k, { spacing: 2, alignItems: "center", sx: { width: "100%", maxWidth: 480 }, children: [
+        /* @__PURE__ */ r(f, { variant: "h6", sx: { color: "text.primary", textAlign: "center" }, children: "Aguardando a geração do dashboard" }),
+        (e == null ? void 0 : e.name) && /* @__PURE__ */ r(f, { variant: "body2", sx: { color: "text.secondary", textAlign: "center" }, children: e.name }),
+        /* @__PURE__ */ c(w, { sx: { width: "100%" }, children: [
+          /* @__PURE__ */ r(Fe, { variant: C ? "determinate" : "indeterminate", value: C ? h : void 0, sx: { height: 10, borderRadius: 5 } }),
+          /* @__PURE__ */ c(k, { direction: "row", justifyContent: "space-between", sx: { mt: 1 }, children: [
+            /* @__PURE__ */ r(f, { variant: "caption", sx: { color: "text.secondary" }, children: d > 0 ? `${i} de ${d} tarefas` : "Inicializando..." }),
+            /* @__PURE__ */ r(f, { variant: "caption", sx: { color: "text.primary", fontWeight: 600 }, children: `${h.toFixed(1)}%` })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}, "SubAgentWaitingOverlay"), he = 520, nt = /* @__PURE__ */ s(({ showPre: e, preContent: l, finalContent: t }) => {
+  const [a, i] = W(() => e ? "pre" : "final"), d = ee(null), n = ee(null);
+  return pe(() => {
+    if (a === "pre" && !e) {
+      const o = d.current, h = (o == null ? void 0 : o.offsetHeight) ?? 0;
+      o && h > 0 && (o.style.height = `${h}px`), i("arriving");
+    } else if (a !== "pre" && e) {
+      const o = d.current;
+      o && (o.style.height = "", o.style.transition = ""), i("pre");
+    }
+  }, [a, e]), pe(() => {
+    if (a !== "arriving") return;
+    const o = d.current, h = n.current;
+    if (!o || !h) return;
+    const C = h.offsetHeight;
+    o.offsetHeight, o.style.transition = `height ${he}ms cubic-bezier(0.16, 1, 0.3, 1)`, o.style.height = `${C}px`;
+    const v = window.setTimeout(() => {
+      const y = d.current;
+      y && (y.style.height = "", y.style.transition = ""), i("final");
+    }, he + 40);
+    return () => window.clearTimeout(v);
+  }, [a]), /* @__PURE__ */ c(
+    w,
+    {
+      ref: d,
+      sx: {
+        position: "relative",
+        overflow: a === "final" ? "auto" : "hidden",
+        width: "100%",
+        flex: 1,
+        minHeight: 0,
+        "@keyframes dashboardArriveGrow": {
+          "0%": { opacity: 0, transform: "scale(0.97)" },
+          "100%": { opacity: 1, transform: "scale(1)" }
+        }
+      },
+      children: [
+        (a === "pre" || a === "arriving") && /* @__PURE__ */ r(
+          "div",
+          {
+            style: {
+              position: a === "arriving" ? "absolute" : "relative",
+              top: 0,
+              left: 0,
+              right: 0,
+              opacity: a === "arriving" ? 0 : 1,
+              transition: a === "arriving" ? "opacity 360ms ease-out" : "none",
+              pointerEvents: a === "arriving" ? "none" : "auto",
+              width: "100%"
+            },
+            children: l
+          },
+          "pre-layer"
+        ),
+        (a === "arriving" || a === "final") && /* @__PURE__ */ r(
+          w,
+          {
+            ref: n,
+            sx: {
+              width: "100%",
+              animation: a === "arriving" ? `dashboardArriveGrow ${he}ms 60ms cubic-bezier(0.16, 1, 0.3, 1) both` : "none",
+              "@media (prefers-reduced-motion: reduce)": { animation: "none" }
+            },
+            children: t
+          },
+          "content-layer"
+        )
+      ]
+    }
+  );
+}, "DashboardBodyTransition"), Ct = /* @__PURE__ */ s((e) => {
+  var K, ae, V;
+  const l = e.useClassicHeader ?? !1, t = e.editable ?? !1, a = Pe({
+    client: e.client,
+    dashboardId: e.dashboardId,
+    parameters: e.parameters,
+    dashboard: e.dashboard,
+    dashboardWaiting: e.dashboardWaiting,
+    codeGeneration: e.codeGeneration,
+    onDashloadLoaded: e.onDashloadLoaded,
+    onFiltersChanged: e.onFiltersChanged,
+    editable: t,
+    isPrintPreview: e.isPrintPreview
+  }), {
+    dashboard: i,
+    cards: d,
+    style: n,
+    loading: o,
+    error: h,
+    setError: C,
+    filters: v,
+    filterOptions: y,
+    stateParameters: j,
+    containerRef: T,
+    containerWidth: H,
+    layoutDefinition: N,
+    effectiveDashboardId: m,
+    isPrintPreview: D,
+    snackbar: A,
+    setSnackbar: P,
+    subAgentStatus: L,
+    isSubAgentTracked: G,
+    subAgentDone: $
+  } = a, [B, M] = W(!1), [Z, de] = W(1.03), re = (i == null ? void 0 : i.isDatasetParameterized) ?? !1, ne = F(() => D || !e.isAdmin || !re ? null : e.datasetOverrideControl ?? null, [D, e.isAdmin, re, e.datasetOverrideControl]), g = e.onExportPdf ? async () => {
+    if (i) {
+      M(!0);
+      try {
+        await e.onExportPdf({ dashboard: i, parameters: j, datasetOverride: e.datasetOverride });
+      } catch (x) {
+        C(x instanceof Error ? x.message : "PDF export failed");
+      } finally {
+        M(!1);
+      }
+    }
+  } : void 0, Y = !!e.onEdit, _ = !!e.onSchedule && !y.readonly, E = e.headerRender ? e.headerRender({
+    name: i == null ? void 0 : i.name,
+    iconName: i == null ? void 0 : i.muiIconName,
+    dashboard: i ?? null,
+    filters: v ?? null,
+    hasFilters: (((K = i == null ? void 0 : i.filters) == null ? void 0 : K.length) ?? 0) > 0,
+    onExportPdf: g,
+    onSchedule: e.onSchedule,
+    onEdit: e.onEdit,
+    exporting: B,
+    readonly: !!y.readonly,
+    canEdit: Y,
+    canSchedule: _,
+    datasetOverrideControl: ne
+  }) : l ? /* @__PURE__ */ c(ye, { children: [
+    /* @__PURE__ */ r(k, { direction: "row", gap: 0, sx: { padding: "5px", marginLeft: "10px", display: "inline-flex", color: "text.secondary", alignItems: "center", marginBottom: "10px", minWidth: "100%" }, children: /* @__PURE__ */ c(w, { sx: { display: "inline-flex", flexWrap: "wrap", minWidth: "100%", alignItems: "center" }, children: [
+      /* @__PURE__ */ c(w, { sx: { display: "inline-flex", width: "50%", alignItems: "center", gap: 1 }, children: [
+        /* @__PURE__ */ r("span", { className: "material-icons", style: { maxWidth: "24px" }, children: (i == null ? void 0 : i.muiIconName) ?? "dashboard" }),
+        /* @__PURE__ */ r(f, { component: "h2", variant: "h6", sx: { m: 0, color: "text.primary" }, children: (i == null ? void 0 : i.name) ?? "" }),
+        ne
+      ] }),
+      /* @__PURE__ */ c(k, { direction: "row", gap: 3, sx: { width: "50%", display: "inline-flex", pr: 2, justifyContent: "right", alignItems: "center" }, children: [
+        Y && /* @__PURE__ */ r(ce, { onClick: e.onEdit, size: "small", disabled: B, variant: "outlined", sx: { maxWidth: "200px", p: 1 }, children: /* @__PURE__ */ c(k, { direction: "row", gap: 0.5, alignItems: "center", children: [
+          /* @__PURE__ */ r(f, { variant: "body2", children: "Edit" }),
+          /* @__PURE__ */ r(Be, { fontSize: "small", sx: { ml: 1 } })
+        ] }) }),
+        !y.readonly && /* @__PURE__ */ c(ye, { children: [
+          _ && /* @__PURE__ */ r(ce, { onClick: e.onSchedule, size: "small", variant: "outlined", sx: { maxHeight: "45px", maxWidth: "200px", p: 1 }, children: /* @__PURE__ */ c(k, { direction: "row", gap: 0.5, alignItems: "center", sx: { maxHeight: "30px" }, children: [
+            /* @__PURE__ */ r(f, { variant: "body2", children: e.scheduleLabel ?? "Agendar" }),
+            /* @__PURE__ */ r(Re, { sx: { ml: 1, fontSize: "16px" }, fontSize: "small" })
+          ] }) }),
+          g && /* @__PURE__ */ r(ce, { onClick: g, size: "small", disabled: B, variant: "outlined", sx: { maxHeight: "45px", maxWidth: "200px", p: 1 }, children: /* @__PURE__ */ c(k, { direction: "row", gap: 0.5, alignItems: "center", sx: { maxHeight: "30px" }, children: [
+            /* @__PURE__ */ r(f, { variant: "body2", children: B ? "Gerando PDF..." : "Exportar PDF" }),
+            B ? /* @__PURE__ */ r(te, { size: 16, sx: { ml: 1 } }) : /* @__PURE__ */ r(Le, { sx: { ml: 1, fontSize: "16px" }, fontSize: "small" })
+          ] }) })
+        ] })
+      ] })
+    ] }) }),
+    (((V = i == null ? void 0 : i.filters) == null ? void 0 : V.length) ?? 0) > 0 && /* @__PURE__ */ r(
+      k,
+      {
+        direction: "row",
+        gap: 2,
+        sx: {
+          flexWrap: "wrap",
+          width: "100%",
+          paddingTop: y.readonly ? "10px" : "20px",
+          paddingBottom: "10px",
+          paddingRight: "10px",
+          justifyContent: "flex-end",
+          alignItems: "flex-start",
+          backgroundColor: "action.hover"
+        },
+        children: v
+      }
+    )
+  ] }) : (((ae = i == null ? void 0 : i.filters) == null ? void 0 : ae.length) ?? 0) > 0 ? /* @__PURE__ */ r(k, { direction: "row", gap: 2, sx: { flexWrap: "wrap", minWidth: "100%", px: 1.25, py: 1, justifyContent: "flex-end", alignItems: "flex-start" }, children: v }) : null, q = /* @__PURE__ */ s((x, I, J) => {
+    var z;
+    t && (!I || !J || (z = e.onLayoutCommit) == null || z.call(e, x, I, J));
+  }, "commitUserLayoutEdit"), U = F(() => {
+    if (!d) return;
+    const x = (i == null ? void 0 : i.layoutType) ?? "Boxed";
+    return d.map((I) => {
+      var oe;
+      const { title: J, specificType: z, category: X } = Ie(I, i);
+      return /* @__PURE__ */ r(
+        De,
+        {
+          dragLocked: e.dragLocked ?? !1,
+          viewType: x,
+          zoomLevel: 1,
+          header: { title: J ?? "", icon: z ? (oe = e.resolveCardIcon) == null ? void 0 : oe.call(e, z) : void 0 },
+          color: Ye[X ?? "Generic"],
+          children: I.element
+        },
+        I.key
+      );
+    });
+  }, [d, i, e.dragLocked, e.resolveCardIcon]);
+  if (!i && m)
+    return /* @__PURE__ */ c(w, { sx: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: "100%", width: "100%", gap: 2 }, children: [
+      /* @__PURE__ */ r(te, {}),
+      /* @__PURE__ */ r(f, { color: "text.secondary", children: "Loading dashboard..." })
+    ] });
+  if (!i) return null;
+  const Q = (e.showZoomControl ?? !0) && !D;
+  return /* @__PURE__ */ r(Ge, { palette: e.chartPalette, rotateBasePerChart: !0, children: /* @__PURE__ */ r(
+    Se,
+    {
+      values: {
+        dashboardId: i.id ?? m ?? "",
+        parameters: j,
+        refreshTick: e.llmRenderCount ?? 0,
+        datasetOverride: e.datasetOverride
+      },
+      children: /* @__PURE__ */ c(
+        k,
+        {
+          ref: /* @__PURE__ */ s((x) => {
+            T.current = !T.current && x ? x : T.current;
+          }, "ref"),
+          className: "bi-dashboard-viewer",
+          sx: {
+            height: D ? "100vh" : e.height ?? "100%",
+            minHeight: "300px",
+            display: "inline-flex",
+            backgroundColor: "background.default",
+            color: "text.primary",
+            overflow: "hidden",
+            width: "100%",
+            maxWidth: D ? "1000px" : "100%",
+            "& .grid-card::after": { borderRight: "none", borderBottom: "none" },
+            "& .cardDragHandle": { display: "none" }
+          },
+          children: [
+            /* @__PURE__ */ c("div", { style: { position: "relative", padding: 0, width: "100%", left: -3, height: "100%", maxHeight: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }, children: [
+              Q && /* @__PURE__ */ c(
+                w,
+                {
+                  sx: {
+                    position: "absolute",
+                    left: "8px",
+                    bottom: "50px",
+                    zIndex: 1e3,
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: 1,
+                    px: 1.25,
+                    py: 0.75,
+                    borderRadius: 999,
+                    backgroundColor: "background.paper",
+                    border: "1px solid",
+                    borderColor: "divider",
+                    boxShadow: 4,
+                    minWidth: 180
+                  },
+                  children: [
+                    /* @__PURE__ */ r(f, { variant: "caption", sx: { color: "text.secondary", textTransform: "uppercase", letterSpacing: 0.6, fontWeight: 500 }, children: "Zoom" }),
+                    /* @__PURE__ */ r(
+                      ze,
+                      {
+                        value: Z,
+                        onChange: /* @__PURE__ */ s((x, I) => de(I), "onChange"),
+                        min: 0.3,
+                        max: 2,
+                        step: 0.01,
+                        sx: { flex: 1, minWidth: 80, color: "primary.main", height: 3, py: "12px !important", "& .MuiSlider-thumb": { width: 12, height: 12, boxShadow: "none" }, "& .MuiSlider-rail": { opacity: 0.25 } }
+                      }
+                    ),
+                    /* @__PURE__ */ c(f, { variant: "caption", sx: { color: "text.primary", fontFamily: "monospace", minWidth: 32, textAlign: "right", fontVariantNumeric: "tabular-nums" }, children: [
+                      Math.round(Z * 100),
+                      "%"
+                    ] })
+                  ]
+                }
+              ),
+              E && /* @__PURE__ */ r(k, { direction: "row", gap: 0, sx: { display: "inline-flex", minWidth: "100%", flexWrap: "wrap", alignItems: "flex-start", mt: 1, flexShrink: 0 }, children: E }),
+              h && /* @__PURE__ */ c(w, { sx: { p: 1, position: "relative", width: "100%" }, children: [
+                /* @__PURE__ */ r(we, { size: "small", onClick: /* @__PURE__ */ s(() => C(null), "onClick"), sx: { position: "absolute", right: 10, top: 10 }, children: /* @__PURE__ */ r(be, { fontSize: "small" }) }),
+                /* @__PURE__ */ c(se, { severity: "error", children: [
+                  /* @__PURE__ */ r(f, { variant: "subtitle1", fontWeight: "bold", children: "Dashboard load failed" }),
+                  /* @__PURE__ */ r(f, { variant: "body2", children: h })
+                ] })
+              ] }),
+              /* @__PURE__ */ r(
+                nt,
+                {
+                  showPre: G && !$ || o || H === 0 || !N || !U,
+                  preContent: G && !$ ? /* @__PURE__ */ r(rt, { subAgent: L }) : o ? /* @__PURE__ */ c(w, { sx: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: "100%", minHeight: 300, width: "100%", gap: 2 }, children: [
+                    /* @__PURE__ */ r(te, {}),
+                    /* @__PURE__ */ r(f, { color: "text.secondary", children: "Loading dashboard..." })
+                  ] }) : null,
+                  finalContent: /* @__PURE__ */ c("div", { id: "renderedDashboard", style: { paddingTop: 2, alignContent: "center", minHeight: "100vh", overflow: "auto", width: "100%" }, children: [
+                    /* @__PURE__ */ r(
+                      Ae,
+                      {
+                        rowAwareResize: { defaultOn: !0 },
+                        config: { rows: [] },
+                        cols: { lg: 10, md: 8, sm: 4, xs: 4, xxs: 4 },
+                        breakpoints: { lg: 920, md: 600, sm: 400, xs: 400, xxs: 0 },
+                        zoomLevel: Z,
+                        responsive: !1,
+                        rowHeight: D ? 18 : 20,
+                        dragLocked: e.dragLocked ?? !1,
+                        rowMultiplier: 1,
+                        maxRows: 200,
+                        onResizeStop: q,
+                        onDragStop: q,
+                        manualWidth: H,
+                        layouts: N,
+                        children: U
+                      }
+                    ),
+                    n
+                  ] })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r(Ce, { open: A.open, autoHideDuration: 4e3, onClose: /* @__PURE__ */ s(() => P((x) => ({ ...x, open: !1 })), "onClose"), anchorOrigin: { vertical: "bottom", horizontal: "center" }, children: /* @__PURE__ */ r(se, { onClose: /* @__PURE__ */ s(() => P((x) => ({ ...x, open: !1 })), "onClose"), severity: A.severity, variant: "filled", children: A.message }) })
+          ]
+        }
+      )
+    }
+  ) });
+}, "ScriptDashboardViewer"), Dt = /* @__PURE__ */ s((e) => {
+  const l = Pe({
+    client: e.client,
+    dashboardId: e.dashboardId,
+    parameters: e.parameters,
+    dashboard: e.dashboard,
+    dashboardWaiting: e.dashboardWaiting,
+    codeGeneration: e.codeGeneration,
+    onDashloadLoaded: e.onDashloadLoaded,
+    onFiltersChanged: e.onFiltersChanged,
+    isPrintPreview: e.isPrintPreview
+  }), { dashboard: t, cards: a, loading: i, error: d, setError: n, stateParameters: o, containerRef: h, containerWidth: C, layoutDefinition: v, effectiveDashboardId: y, isPrintPreview: j, snackbar: T, setSnackbar: H } = l, N = F(() => {
+    if (!a) return;
+    const m = (t == null ? void 0 : t.layoutType) ?? "Boxed";
+    return a.map((D) => {
+      var G;
+      const { title: A, specificType: P } = Ie(D, t), L = P === "MetricComparison" || P === "Gauge" || P == null;
+      return /* @__PURE__ */ r(
+        w,
+        {
+          sx: {
+            height: L ? "160px" : "250px",
+            maxWidth: "100%",
+            mx: 0.5,
+            borderBottom: (t == null ? void 0 : t.layoutType) === "Naked" ? "1px solid" : "unset",
+            borderColor: "divider"
+          },
+          children: /* @__PURE__ */ r(De, { dragLocked: !0, noBorder: !0, viewType: m, zoomLevel: L ? 0.9 : 0.7, header: { title: A ?? "", icon: P ? (G = e.resolveCardIcon) == null ? void 0 : G.call(e, P) : void 0 }, children: D.element })
+        },
+        D.key
+      );
+    });
+  }, [a, t, e.resolveCardIcon]);
+  return !t && y ? /* @__PURE__ */ c(w, { sx: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: "100%", width: "100%", gap: 2 }, children: [
+    /* @__PURE__ */ r(te, {}),
+    /* @__PURE__ */ r(f, { color: "text.secondary", children: "Loading dashboard..." })
+  ] }) : t ? /* @__PURE__ */ c(
+    k,
+    {
+      ref: /* @__PURE__ */ s((m) => {
+        h.current = !h.current && m ? m : h.current;
+      }, "ref"),
+      className: "bi-dashboard-viewer-vertical",
+      sx: {
+        height: j ? "100vh" : e.height ?? "unset",
+        display: "inline-flex",
+        backgroundColor: "background.default",
+        color: "text.primary",
+        minHeight: "300px",
+        overflow: "auto",
+        width: "100%",
+        maxWidth: j ? "1000px" : "100%",
+        "& .grid-card::after": { borderRight: "none", borderBottom: "none" },
+        "& .cardDragHandle": { display: "none" }
+      },
+      children: [
+        /* @__PURE__ */ c("div", { style: { position: "relative", width: "100%", height: "100%", maxHeight: "100%", display: "flex", flexDirection: "column", alignItems: "flex-start" }, children: [
+          i && /* @__PURE__ */ c(w, { sx: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: "100%", width: "100%", gap: 2 }, children: [
+            /* @__PURE__ */ r(te, {}),
+            /* @__PURE__ */ r(f, { color: "text.secondary", children: "Loading dashboard..." })
+          ] }),
+          d && /* @__PURE__ */ c(w, { sx: { p: 1, position: "relative", width: "100%" }, children: [
+            /* @__PURE__ */ r(we, { size: "small", onClick: /* @__PURE__ */ s(() => n(null), "onClick"), sx: { position: "absolute", right: 10, top: 10 }, children: /* @__PURE__ */ r(be, { fontSize: "small" }) }),
+            /* @__PURE__ */ c(se, { severity: "error", children: [
+              /* @__PURE__ */ r(f, { variant: "subtitle1", fontWeight: "bold", children: "Dashboard load failed" }),
+              /* @__PURE__ */ r(f, { variant: "body2", children: d })
+            ] })
+          ] }),
+          !i && C !== 0 && v && N && /* @__PURE__ */ r(
+            Se,
+            {
+              values: {
+                dashboardId: t.id ?? y ?? "",
+                parameters: o ?? {},
+                refreshTick: e.llmRenderCount ?? 0,
+                datasetOverride: e.datasetOverride
+              },
+              children: /* @__PURE__ */ r(k, { sx: { width: "100%" }, gap: 1, children: N })
+            }
+          ),
+          /* @__PURE__ */ r(w, { sx: { minHeight: "70px", minWidth: "100%" } })
+        ] }),
+        /* @__PURE__ */ r(Ce, { open: T.open, autoHideDuration: 4e3, onClose: /* @__PURE__ */ s(() => H((m) => ({ ...m, open: !1 })), "onClose"), anchorOrigin: { vertical: "bottom", horizontal: "center" }, children: /* @__PURE__ */ r(se, { onClose: /* @__PURE__ */ s(() => H((m) => ({ ...m, open: !1 })), "onClose"), severity: T.severity, variant: "filled", children: T.message }) })
+      ]
+    }
+  ) : null;
+}, "ScriptDashboardViewerVertical");
+export {
+  Ye as C,
+  Ct as S,
+  Dt as a,
+  bt as b,
+  wt as c,
+  et as e,
+  ke as g,
+  Ke as h,
+  it as i,
+  tt as l,
+  Ie as r,
+  vt as s,
+  Pe as u
+};
+//# sourceMappingURL=ScriptDashboardViewerVertical-DKaHcL1o.js.map