@aintela/bi 0.2.0 → 0.2.2

package/dist/index-DULVx84u.js

@@ -0,0 +1,3630 @@
+var ni = Object.defineProperty;
+var a = (e, n) => ni(e, "name", { value: n, configurable: !0 });
+import { jsx as t, jsxs as y, Fragment as we } from "react/jsx-runtime";
+import Be, { useState as L, useEffect as q, useContext as Qe, createContext as qt, useMemo as ze, useRef as te, forwardRef as Ct, useCallback as Y, useImperativeHandle as Jt } from "react";
+import { useStore as Xt } from "zustand";
+import { useShallow as ii } from "zustand/react/shallow";
+import { a as et } from "./BiClientProvider-CWJochvi.js";
+import { createStore as ai } from "zustand/vanilla";
+import { C as Oe, S as _e, a as oi } from "./ScriptDashboardViewerVertical-CuwnxisJ.js";
+import v from "@mui/material/Box";
+import { SpeedOutlined as Zt, GridViewOutlined as Qt, MapOutlined as ri, BarChartOutlined as ut, TableChartOutlined as en, TagOutlined as tn, DashboardOutlined as wt, ManageSearchOutlined as li, CalendarTodayOutlined as si, DateRangeOutlined as di, TimelineOutlined as ci, BubbleChartOutlined as hi, DonutLargeOutlined as pi, ScatterPlotOutlined as ui, PieChartOutlined as mi, MultilineChartOutlined as fi, StackedBarChartOutlined as gi, StackedLineChartOutlined as xi, AreaChartOutlined as yi, AlignHorizontalLeftOutlined as bi, ShowChartOutlined as Si, TableRowsOutlined as vi, HeatPumpOutlined as Ci, ViewColumnOutlined as wi, DeleteOutline as nn, CheckCircle as Ti, Pending as Di, ViewQuiltOutlined as ki, BorderClearOutlined as Ii, DragIndicatorOutlined as zi, AddOutlined as Oi, ArrowDropDownOutlined as mt, FilterListOutlined as Pi, PreviewRounded as Ei, FolderOpenOutlined as $i, ArrowBack as Ai, NoteAddOutlined as Mi, SaveOutlined as _i, RefreshOutlined as an, StartRounded as Ri, Close as Fi, Add as Ni, InsertDriveFileOutlined as Bi, Fullscreen as Li } from "@mui/icons-material";
+import { Box as W, Stack as ce, IconButton as Pe, CircularProgress as ft, Typography as ae, Popper as We, Grow as Ve, Paper as Re, ClickAwayListener as je, MenuList as gt, Divider as Ue, MenuItem as Ee, ListItemIcon as Ke, ListItemText as Ye, TextField as Fe, Tooltip as ke, Switch as xt, ToggleButtonGroup as on, ToggleButton as qe, Button as _t, Menu as Gi, Select as Rt, Grid as Je } from "@mui/material";
+import { alpha as Ce, useTheme as he } from "@mui/material/styles";
+import { e as Hi } from "./GridLayout-1gWuIKeZ.js";
+import { G as Wi } from "./GridCardPlaceHolder-DVVT3pqn.js";
+import { useEnvironment as rn, DashboardIcon as De, PanelIcon as Le, CloseIcon as Tt, PromptV2 as Vi, PlusIcon as yt, SearchIcon as ji, useAiChatSessionStore as Ui, useAiChatServices as Ki, ChevronIcon as Yi, EnvironmentProvider as qi, InertEnvironmentProvider as Ji, useEnvironmentOptional as Xi } from "@aintela/chat/components";
+import Ft from "@mui/material/Stack";
+import { AnimatePresence as tt, motion as se, useReducedMotion as Zi } from "framer-motion";
+import ln from "@mui/material/Dialog";
+import Se from "@mui/material/IconButton";
+import ue from "@mui/material/Tooltip";
+import ee from "@mui/material/Typography";
+import Nt from "@mui/material/Divider";
+import lt from "@mui/material/ListItemIcon";
+import st from "@mui/material/ListItemText";
+import dt from "@mui/material/MenuItem";
+import Bt from "@mui/material/MenuList";
+import Lt from "@mui/material/Popover";
+import Gt from "@mui/material/ToggleButton";
+import Qi from "@mui/material/ToggleButtonGroup";
+import ea from "@mui/icons-material/EditOutlined";
+import { createPortal as ta } from "react-dom";
+function $e(e) {
+  if (!(e != null && e.trim())) return "_";
+  const n = e.normalize("NFD").replace(new RegExp("\\p{Mn}", "gu"), "").replace(new RegExp("(?<=[a-zA-Z0-9_$])[^a-zA-Z0-9_$]+([a-zA-Z_$])", "g"), (i, l) => l.toUpperCase()).replace(/[^a-zA-Z0-9_$]+/g, "");
+  return n ? /^\d/.test(n) ? `_${n}` : n : "_";
+}
+a($e, "sanitizeToJsVariable");
+function Ie() {
+  const e = typeof globalThis.crypto < "u" ? globalThis.crypto : void 0;
+  if (e && typeof e.randomUUID == "function") return e.randomUUID();
+  let n = "";
+  for (let i = 0; i < 32; i++) n += Math.floor(Math.random() * 16).toString(16);
+  return n;
+}
+a(Ie, "randomId");
+const nt = 300;
+function Dt(e) {
+  if (!e) return;
+  const n = Object.values(e).filter((i) => i && i.trim().length > 0);
+  if (n.length !== 0)
+    return n.map((i) => `- ${i}`).join(`
+`);
+}
+a(Dt, "joinClientSideChanges");
+const ve = [
+  { label: "Métrica (Comparação)", category: "Métrica", specificType: "MetricComparison" },
+  { label: "Tabela (Auto)", category: "Tabela", specificType: "TableAuto" },
+  { label: "Tabela (Com barras)", category: "Tabela", specificType: "TableBars" },
+  { label: "Tabela (Com mapa de calor)", category: "Tabela", specificType: "TableHeatmap" },
+  { label: "Tabela (Grande)", category: "Tabela", specificType: "TableLarge" },
+  { label: "Gráfico (Auto)", category: "Gráfico", specificType: "ChartAuto" },
+  { label: "Gráfico (Linhas)", category: "Gráfico", specificType: "ChartLine" },
+  { label: "Gráfico (Barras) (H)", category: "Gráfico", specificType: "ChartBarH" },
+  { label: "Gráfico (Barras) (V)", category: "Gráfico", specificType: "ChartBarV" },
+  { label: "Gráfico (Area)", category: "Gráfico", specificType: "ChartArea" },
+  { label: "Gráfico (Area Empilhada)", category: "Gráfico", specificType: "ChartStackedArea" },
+  { label: "Gráfico (Barras Empilhadas)", category: "Gráfico", specificType: "ChartStackedBar" },
+  { label: "Gráfico (Combo)", category: "Gráfico", specificType: "ChartCombo" },
+  { label: "Gráfico (Pizza)", category: "Gráfico", specificType: "ChartPie" },
+  { label: "Gráfico (Donnut)", category: "Gráfico", specificType: "ChartDonut" },
+  { label: "Mapa (Bubbles)", category: "Mapa", specificType: "MapBubbles" },
+  { label: "Mapa (Conexões)", category: "Mapa", specificType: "MapConnections" },
+  { label: "Árvore (Distribuição)", category: "Árvore", specificType: "Treemap" },
+  { label: "Medidor (Gauge)", category: "Medidor", specificType: "Gauge" }
+];
+function it(e = ve) {
+  return e.reduce((n, i) => {
+    var l;
+    return (n[l = i.category] ?? (n[l] = [])).push(i), n;
+  }, {});
+}
+a(it, "groupCardCatalog");
+const kt = [
+  { label: "Período (Date Range)", filterType: "DateRangePicker" },
+  { label: "Data (Date Picker)", filterType: "DatePicker" },
+  { label: "Auto Complete", filterType: "AutoComplete" }
+], na = /* @__PURE__ */ a((e, n) => e.actionDescription == n.actionDescription && e.category == n.category && e.name == n.name && e.color == n.color && e.specificType == n.specificType, "sketchCardItemComparer"), ia = /* @__PURE__ */ a((e, n) => JSON.stringify(e) == JSON.stringify(n), "sketchFilterComparer");
+function bt(e) {
+  var r;
+  const n = /* @__PURE__ */ new Set();
+  let i = !1;
+  for (const o of e.cards ?? [])
+    o.todoItem = void 0, n.has(o.name) ? i = !0 : n.add(o.name);
+  let l = null;
+  return i && (l = "Os nomes dos cards precisam ser únicos"), (((r = e.cards) == null ? void 0 : r.length) ?? 0) == 0 && (l = "Inclua pelo menos um card no rascunho"), l;
+}
+a(bt, "validateSketch");
+const aa = 20;
+function sn(e) {
+  var x, b, g;
+  const n = [];
+  let i = 0, l = 0, r = 0, o = 0;
+  for (const d of e.config) {
+    const { size: C, height: s, card: u } = d, m = Math.max(1, Math.round((s ?? nt) / aa));
+    i + C > 12 && (i = 0, l += r, r = 0);
+    let c = d.description, p = d.name, f = d.specificType, _ = d.id, B;
+    if (Be.isValidElement(u)) {
+      const G = u.props ?? {};
+      c = c ?? G.description ?? "", p = p ?? G.name, _ = _ ?? G.id ?? $e(`${p ?? ""}${o}`), f = f ?? G.specificType, B = G.category ?? ((x = ve.find((z) => z.specificType === f)) == null ? void 0 : x.category);
+    } else {
+      if (p === void 0 && f === void 0)
+        continue;
+      _ = _ ?? $e(`${p}${o}`), B = (b = ve.find((G) => G.specificType === f)) == null ? void 0 : b.category;
+    }
+    n.push({
+      i: _ ?? "not_defined",
+      x: i,
+      y: l,
+      w: C,
+      h: m,
+      name: p ?? ((g = ve.find((G) => G.specificType === f)) == null ? void 0 : g.label),
+      actionDescription: c,
+      specificType: f,
+      category: B
+    }), i += C, r = Math.max(r, m), o++;
+  }
+  return {
+    id: e.id,
+    name: e.name,
+    cards: n,
+    filters: e.filters ?? []
+  };
+}
+a(sn, "padConfigToDashboard");
+function dn(e) {
+  return typeof e == "object" && e !== null && "config" in e && Array.isArray(e.config);
+}
+a(dn, "isSimplePadDefinition");
+function oa(e) {
+  return Oe[e] ?? Oe.Generic;
+}
+a(oa, "categoryPrefix");
+const Xe = "llm-env-highlight-active";
+function cn() {
+  return typeof document > "u" ? null : document;
+}
+a(cn, "defaultRoot");
+function Ht(e) {
+  return typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
+}
+a(Ht, "escapeCssValue");
+function hn(e) {
+  return e.startsWith(".") || e.startsWith("#") || e.startsWith("[") || e.includes(" ") || e.includes(":") || e.includes(">");
+}
+a(hn, "looksLikeSelector");
+function pn(e) {
+  var r, o, x;
+  const n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ a((b) => {
+    const g = Ht(b);
+    n.add(`[data-env-id="${g}"]`), n.add(`[data-env-key="${g}"]`), n.add(`[data-env-name="${g}"]`), n.add(`#${g}`), n.add(`.${g}`);
+  }, "appendByIdentifier"), l = /* @__PURE__ */ a((b) => {
+    b.split(/\s+/).map((g) => g.trim()).filter(Boolean).forEach((g) => n.add(`.${Ht(g)}`));
+  }, "appendByClassName");
+  if (typeof e == "string") {
+    const b = e.trim();
+    return b ? (hn(b) ? n.add(b) : i(b), [...n]) : [];
+  }
+  return (r = e.selector) != null && r.trim() && n.add(e.selector.trim()), (o = e.className) != null && o.trim() && l(e.className), (x = e.identifier) != null && x.trim() && i(e.identifier.trim()), [...n];
+}
+a(pn, "toSelectorList");
+function Ze(e, n = cn()) {
+  if (!n) return { selectors: [], elements: [] };
+  const i = pn(e), l = /* @__PURE__ */ new Set();
+  return i.forEach((r) => {
+    try {
+      n.querySelectorAll(r).forEach((o) => l.add(o));
+    } catch (o) {
+      console.warn("[@aintela/bi composer] Invalid selector:", r, o);
+    }
+  }), { selectors: i, elements: [...l] };
+}
+a(Ze, "resolveEnvironmentElements");
+function It(e) {
+  const n = e.getBoundingClientRect();
+  if (!(n.width > 0 && n.height > 0)) return !1;
+  if (typeof window > "u" || !window.getComputedStyle) return !0;
+  const i = window.getComputedStyle(e);
+  return i.display !== "none" && i.visibility !== "hidden";
+}
+a(It, "isElementVisible");
+function un(e, n = !1) {
+  if (e.length === 0) return null;
+  if (n) return e[0];
+  for (const i of e) if (It(i)) return i;
+  return e[0];
+}
+a(un, "pickBestElement");
+function zt(e, n = cn()) {
+  const { elements: i } = Ze(e, n);
+  for (const l of i) if (It(l)) return l;
+  return null;
+}
+a(zt, "resolveGuideElement");
+const mn = /* @__PURE__ */ new Set([
+  "dashboardpad-add-card",
+  "dashboardpad-add-card-dropdown",
+  "dashboardpad-add-filter",
+  "dashboard-pad-layout-toggle",
+  "dashboard-pad-layout-boxed",
+  "dashboard-pad-layout-naked"
+]), fn = /* @__PURE__ */ new Set([
+  "llm-env-card",
+  "llm-env-filter",
+  "llm-env-layout-toggle",
+  "llm-env-card-sketch",
+  "llm-env-card-sketch-wrapper",
+  "llm-env-filter-sketch"
+]), ra = /^[0-9a-fA-F]{8,}(-[0-9a-fA-F]{4,})+$/;
+function gn(e) {
+  const n = /* @__PURE__ */ a((l) => {
+    const r = l.trim();
+    return r ? mn.has(r) ? !0 : ra.test(r) : !1;
+  }, "checkId"), i = /* @__PURE__ */ a((l) => l.split(/\s+/).filter(Boolean).some((r) => fn.has(r)), "checkClass");
+  if (typeof e == "string") {
+    const l = e.trim();
+    return hn(l) ? !1 : n(l);
+  }
+  return !!(e.identifier && n(e.identifier) || e.className && i(e.className));
+}
+a(gn, "targetSuggestsPadInternal");
+function xn(e) {
+  return e.some((n) => gn(n.target));
+}
+a(xn, "guideStepsRequireSketch");
+const yn = /* @__PURE__ */ a(({ entry: e, onHover: n }) => {
+  var i;
+  return /* @__PURE__ */ t(
+    v,
+    {
+      onClick: /* @__PURE__ */ a(() => {
+        var l;
+        return (l = e.source) == null ? void 0 : l.click();
+      }, "onClick"),
+      onMouseOver: /* @__PURE__ */ a(() => n == null ? void 0 : n(e.sourceSelector), "onMouseOver"),
+      sx: { "& :hover": { cursor: "pointer" } },
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          style: { width: `${e.width}px`, height: `${e.height}px` },
+          dangerouslySetInnerHTML: { __html: ((i = e.html) == null ? void 0 : i.replaceAll(Xe, "")) ?? "" }
+        }
+      )
+    }
+  );
+}, "ClonedComponent");
+function bn(e) {
+  const {
+    cards: n,
+    filters: i,
+    layoutType: l,
+    remarks: r,
+    userPrompt: o,
+    grid_definition: x,
+    updated_grid_definition: b,
+    filter_components: g,
+    // Parameterised-dataset fields live on `Dashboard.Draft` server-side;
+    // at the top level the deserialiser drops them on the floor.
+    isDatasetParameterized: d,
+    defaultDatasetName: C,
+    clientSideChanges: s,
+    ...u
+  } = e;
+  return {
+    ...u,
+    draft: {
+      cards: n ?? [],
+      filters: i ?? [],
+      remarks: r,
+      userPrompt: o,
+      layoutType: l,
+      grid_definition: x ?? null,
+      updated_grid_definition: b ?? null,
+      filter_components: g ?? [],
+      isDatasetParameterized: d ?? !1,
+      defaultDatasetName: C
+    }
+  };
+}
+a(bn, "toDraftPayload");
+function Ne(e) {
+  const n = e ?? {}, i = n.draft ?? n.committed;
+  return {
+    ...n,
+    cards: (i == null ? void 0 : i.cards) ?? n.cards ?? [],
+    filters: (i == null ? void 0 : i.filters) ?? n.filters ?? [],
+    remarks: (i == null ? void 0 : i.remarks) ?? n.remarks,
+    userPrompt: (i == null ? void 0 : i.userPrompt) ?? n.userPrompt,
+    layoutType: (i == null ? void 0 : i.layoutType) ?? n.layoutType,
+    grid_definition: (i == null ? void 0 : i.gridDefinition) ?? (i == null ? void 0 : i.grid_definition) ?? n.grid_definition ?? null,
+    updated_grid_definition: (i == null ? void 0 : i.upadatedGridDefinition) ?? (i == null ? void 0 : i.updated_grid_definition) ?? n.updated_grid_definition ?? null,
+    filter_components: (i == null ? void 0 : i.filterComponents) ?? (i == null ? void 0 : i.filter_components) ?? n.filter_components ?? [],
+    isDatasetParameterized: (i == null ? void 0 : i.isDatasetParameterized) ?? n.isDatasetParameterized,
+    defaultDatasetName: (i == null ? void 0 : i.defaultDatasetName) ?? n.defaultDatasetName
+  };
+}
+a(Ne, "fromUpsertResponse");
+async function at(e, n) {
+  const i = await e.upsertDashboard(bn(n));
+  return Ne(i);
+}
+a(at, "upsertDashboardDraft");
+async function Ot(e, n, i) {
+  return at(e, {
+    name: (i == null ? void 0 : i.name) ?? "Sem título",
+    filters: (i == null ? void 0 : i.filters) ?? [],
+    cards: (i == null ? void 0 : i.cards) ?? [],
+    ...i,
+    id: void 0,
+    originalSessionId: n
+  });
+}
+a(Ot, "createDashboardDraft");
+const Sn = 3e3, vn = 800, Cn = 500, la = 1800;
+function wn(e = {}) {
+  const n = e.viewerCommitDebounceMs ?? Sn, i = e.draftSaveDebounceMs ?? vn, l = e.onDraftSaveError ?? ((r) => console.warn("[@aintela/bi composer] draft save failed:", r));
+  return ai()((r, o) => {
+    const x = /* @__PURE__ */ a(async () => {
+      const s = o()._client, u = o().dashboardDefinition;
+      if (!s || !(u != null && u.id) || !u.originalSessionId) return;
+      const m = at(s, u).then(() => {
+      }).catch(l);
+      r({ _draftSavePromise: m }), await m, r((c) => c._draftSavePromise === m ? { _draftSavePromise: null } : {});
+    }, "_saveDraft"), b = /* @__PURE__ */ a(() => {
+      const s = o()._draftSaveTimer;
+      s && clearTimeout(s);
+      const u = setTimeout(() => {
+        x();
+      }, i);
+      r({ _draftSaveTimer: u });
+    }, "_scheduleDraftSave"), g = /* @__PURE__ */ a(() => {
+      if (o().turnOpen) return;
+      const s = o()._viewerCommitTimer;
+      s && clearTimeout(s);
+      const u = setTimeout(() => {
+        if (o().turnOpen) return;
+        const m = o().dashboardDefinition;
+        r((c) => ({ publishedDashboard: m, llmCounter: c.llmCounter + 1, _viewerCommitTimer: null }));
+      }, n);
+      r({ _viewerCommitTimer: u });
+    }, "_scheduleViewerCommit"), d = /* @__PURE__ */ a(() => {
+      const s = o()._viewerCommitTimer;
+      s && (clearTimeout(s), r({ _viewerCommitTimer: null }));
+    }, "_cancelViewerCommit"), C = /* @__PURE__ */ a(async (s) => {
+      var B;
+      await Promise.resolve();
+      const u = o().dashboardDefinition, m = o().currentSessionId || null, c = o().turnOpen, p = s.id;
+      if (!c && (u != null && u.id) && p && u.id === p && (((B = u.cards) == null ? void 0 : B.length) ?? 0) > 0)
+        return;
+      const f = dn(s) ? sn(s) : { ...s };
+      f.originalSessionId = m;
+      const _ = {
+        ...u,
+        ...f,
+        id: p ?? (u == null ? void 0 : u.id),
+        originalSessionId: f.originalSessionId,
+        jsFileName: f.jsFileName ?? (u == null ? void 0 : u.jsFileName),
+        name: f.name || (u == null ? void 0 : u.name) || "",
+        layoutType: "Naked"
+      };
+      o().updateDashboard(_), r((G) => ({ viewType: "Sketch", llmCounter: G.llmCounter + 1, agentPulseTick: G.agentPulseTick + 1 }));
+    }, "internalUpdateDashboardPad");
+    return {
+      dashboardDefinition: null,
+      publishedDashboard: null,
+      lastSentDashboard: null,
+      dashboardId: null,
+      viewType: "Sketch",
+      scriptLoadOnMount: !1,
+      renderGeneration: 0,
+      turnOpen: !1,
+      currentSessionId: null,
+      llmCounter: 0,
+      agentPulseTick: 0,
+      todosByCardKey: {},
+      sketchExpanded: !1,
+      hasCompletedOnce: !1,
+      producedDashboardId: null,
+      viewport: { width: 0, height: 0 },
+      guideSteps: null,
+      guideOptions: null,
+      _client: e.client ?? null,
+      _draftSaveTimer: null,
+      _draftSavePromise: null,
+      _viewerCommitTimer: null,
+      _guideShowTimer: null,
+      setClient: /* @__PURE__ */ a((s) => r({ _client: s }), "setClient"),
+      flushDraft: /* @__PURE__ */ a(async () => {
+        const s = o()._draftSaveTimer;
+        s && (clearTimeout(s), r({ _draftSaveTimer: null }));
+        const u = o()._draftSavePromise;
+        u && await u, await x();
+      }, "flushDraft"),
+      ingestToolEvent: /* @__PURE__ */ a((s, u) => {
+        if (s === "dashboardGenerated") {
+          const m = o().dashboardDefinition, c = {
+            ...m,
+            name: (m == null ? void 0 : m.name) || "Untitled",
+            jsFileName: u
+          };
+          d(), r((p) => ({
+            dashboardDefinition: c,
+            publishedDashboard: c,
+            lastSentDashboard: c,
+            viewType: "Generated",
+            scriptLoadOnMount: !1,
+            renderGeneration: p.renderGeneration + 1,
+            llmCounter: p.llmCounter + 1,
+            agentPulseTick: p.agentPulseTick + 1
+          })), b();
+          return;
+        }
+        if (s === "todolistUpdated")
+          try {
+            const m = JSON.parse(u);
+            r((c) => {
+              const p = { ...c.todosByCardKey };
+              let f = !1;
+              for (const _ of m.items ?? [])
+                p[_.key] = { todo: _, turnOpen: c.turnOpen }, f = !0;
+              return f ? { todosByCardKey: p } : {};
+            });
+          } catch {
+            console.warn("[@aintela/bi composer] Failed to parse todolistUpdated:", u);
+          }
+      }, "ingestToolEvent"),
+      setTurnOpen: /* @__PURE__ */ a((s) => r({ turnOpen: s }), "setTurnOpen"),
+      onTurnOpened: /* @__PURE__ */ a(() => r({ turnOpen: !0, viewType: "Sketch" }), "onTurnOpened"),
+      onTurnClosed: /* @__PURE__ */ a(() => {
+        r({ turnOpen: !1, todosByCardKey: {} }), b();
+      }, "onTurnClosed"),
+      setDashboardId: /* @__PURE__ */ a((s) => r({ dashboardId: s }), "setDashboardId"),
+      setCurrentSessionId: /* @__PURE__ */ a((s) => r({ currentSessionId: s }), "setCurrentSessionId"),
+      setViewType: /* @__PURE__ */ a((s) => r({ viewType: s }), "setViewType"),
+      updateDashboard: /* @__PURE__ */ a((s) => {
+        if (!s) {
+          d(), r({ dashboardDefinition: null, publishedDashboard: null, lastSentDashboard: null });
+          return;
+        }
+        const m = { ...o().dashboardDefinition ?? { name: "" }, ...s }, c = !o().publishedDashboard && !o().lastSentDashboard;
+        r({
+          dashboardDefinition: m,
+          ...c ? { publishedDashboard: m, lastSentDashboard: m } : {}
+        }), c || g(), b();
+      }, "updateDashboard"),
+      loadDashboard: /* @__PURE__ */ a((s) => {
+        const u = !!s.jsFileName, m = { ...s };
+        d(), r({
+          dashboardDefinition: m,
+          publishedDashboard: m,
+          lastSentDashboard: m,
+          dashboardId: s.id ?? null,
+          currentSessionId: s.originalSessionId ?? null,
+          viewType: u ? "Generated" : "Sketch",
+          scriptLoadOnMount: u,
+          renderGeneration: o().renderGeneration + 1
+        });
+      }, "loadDashboard"),
+      recordSketchChange: /* @__PURE__ */ a((s, u) => {
+        const m = s.trim(), c = u.trim();
+        !m || !c || r((p) => {
+          const f = p.dashboardDefinition;
+          if (!f) return {};
+          const _ = f.clientSideChanges ?? {};
+          return _[m] === c ? {} : { dashboardDefinition: { ...f, clientSideChanges: { ..._, [m]: c } } };
+        });
+      }, "recordSketchChange"),
+      clearClientSideChanges: /* @__PURE__ */ a(() => {
+        r((s) => {
+          const u = s.dashboardDefinition, m = u == null ? void 0 : u.clientSideChanges;
+          return !u || !m || Object.keys(m).length === 0 ? {} : { dashboardDefinition: { ...u, clientSideChanges: void 0 } };
+        });
+      }, "clearClientSideChanges"),
+      commitForSend: /* @__PURE__ */ a(() => {
+        d();
+        const s = o().dashboardDefinition;
+        r({ publishedDashboard: s, lastSentDashboard: s });
+      }, "commitForSend"),
+      commitDashboardLayout: /* @__PURE__ */ a(() => {
+        d(), r({ publishedDashboard: o().dashboardDefinition });
+      }, "commitDashboardLayout"),
+      setSketchExpanded: /* @__PURE__ */ a((s) => r((u) => ({ sketchExpanded: typeof s == "function" ? s(u.sketchExpanded) : s })), "setSketchExpanded"),
+      setHasCompletedOnce: /* @__PURE__ */ a((s) => r({ hasCompletedOnce: s }), "setHasCompletedOnce"),
+      setProducedDashboardId: /* @__PURE__ */ a((s) => r({ producedDashboardId: s }), "setProducedDashboardId"),
+      setViewport: /* @__PURE__ */ a((s) => r((u) => u.viewport.width === s.width && u.viewport.height === s.height ? {} : { viewport: s }), "setViewport"),
+      highlightComponent: /* @__PURE__ */ a((s, u) => {
+        const m = (u == null ? void 0 : u.durationMs) ?? la, { elements: c } = Ze(s);
+        return c.length === 0 ? 0 : (c.forEach((p, f) => {
+          p.classList.add(Xe), setTimeout(() => p.classList.remove(Xe), m), f === 0 && (u != null && u.scrollIntoView) && typeof p.scrollIntoView == "function" && p.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
+        }), c.length);
+      }, "highlightComponent"),
+      cloneComponent: /* @__PURE__ */ a((s, u) => {
+        const { selectors: m, elements: c } = Ze(s), p = un(c, (u == null ? void 0 : u.includeHidden) ?? !1);
+        if (!p) return null;
+        const f = p.getBoundingClientRect(), _ = {
+          id: Ie(),
+          sourceSelector: m.join(",") || (typeof s == "string" ? s : s.identifier ?? ""),
+          html: p.outerHTML.replaceAll("data-env-id", "d-env-id").replaceAll("data-env-key", "d-env-key").replaceAll("data-env-name", "d-env-name").replaceAll("llm-env-target", "").replaceAll("llm-env-dashboard-action", ""),
+          width: Math.max(1, Math.round(f.width)),
+          height: Math.max(1, Math.round(f.height))
+        }, B = {
+          cloneId: _.id,
+          width: _.width,
+          height: _.height,
+          sourceSelector: _.sourceSelector,
+          html: _.html,
+          source: p
+        };
+        return B.component = /* @__PURE__ */ t(yn, { entry: B, onHover: /* @__PURE__ */ a((G) => o().highlightComponent(G), "onHover") }), B;
+      }, "cloneComponent"),
+      createDashboardPad: /* @__PURE__ */ a((s) => {
+        C(s);
+      }, "createDashboardPad"),
+      updateDashboardPad: /* @__PURE__ */ a((s) => {
+        C(s);
+      }, "updateDashboardPad"),
+      showGuide: /* @__PURE__ */ a((s, u) => {
+        if (!Array.isArray(s) || s.length === 0) {
+          console.warn("[@aintela/bi composer] showGuide called with empty or non-array `steps`; tour will not be shown.", { steps: s, guideOptions: u });
+          return;
+        }
+        const m = s.findIndex((f) => !f || f.target === void 0 || f.target === null);
+        if (m >= 0) {
+          console.warn(`[@aintela/bi composer] showGuide: step ${m} is missing \`target\`; tour will not be shown.`, { steps: s });
+          return;
+        }
+        const c = o()._guideShowTimer;
+        c && clearTimeout(c);
+        const p = setTimeout(() => {
+          r({ guideSteps: s, guideOptions: u ?? null, _guideShowTimer: null });
+        }, Cn);
+        r({ _guideShowTimer: p });
+      }, "showGuide"),
+      dismissGuide: /* @__PURE__ */ a(() => {
+        var m;
+        const s = o()._guideShowTimer;
+        s && clearTimeout(s);
+        const u = o().guideOptions;
+        r({ guideSteps: null, guideOptions: null, _guideShowTimer: null }), (m = u == null ? void 0 : u.onComplete) == null || m.call(u);
+      }, "dismissGuide"),
+      refreshDashboard: /* @__PURE__ */ a(() => {
+        const s = o().dashboardDefinition;
+        if (!(s != null && s.id)) return;
+        const u = {
+          ...s,
+          name: s.name || "Untitled",
+          jsFileName: s.jsFileName ?? `${s.id}.js`
+        };
+        d(), r((m) => ({
+          dashboardDefinition: u,
+          publishedDashboard: u,
+          lastSentDashboard: u,
+          viewType: "Generated",
+          scriptLoadOnMount: !1,
+          renderGeneration: m.renderGeneration + 1,
+          llmCounter: m.llmCounter + 1
+        }));
+      }, "refreshDashboard"),
+      openComposer: /* @__PURE__ */ a((s) => {
+        if (d(), s) {
+          const u = !!s.jsFileName, m = { ...s };
+          r({
+            dashboardDefinition: m,
+            publishedDashboard: m,
+            lastSentDashboard: m,
+            dashboardId: s.id ?? null,
+            currentSessionId: s.originalSessionId ?? null,
+            viewType: u ? "Generated" : "Sketch",
+            scriptLoadOnMount: u,
+            renderGeneration: o().renderGeneration + 1,
+            turnOpen: !1,
+            todosByCardKey: {}
+          });
+        } else
+          r({
+            dashboardDefinition: null,
+            publishedDashboard: null,
+            lastSentDashboard: null,
+            dashboardId: null,
+            currentSessionId: null,
+            viewType: "Sketch",
+            scriptLoadOnMount: !1,
+            renderGeneration: o().renderGeneration + 1,
+            turnOpen: !1,
+            todosByCardKey: {}
+          });
+      }, "openComposer")
+    };
+  });
+}
+a(wn, "createComposerStore");
+const Pt = qt(null), sa = /* @__PURE__ */ a(({ client: e, store: n, children: i, ...l }) => {
+  const r = et(), o = e === void 0 ? r : e, [x] = L(() => n ?? wn({ ...l, client: o }));
+  return q(() => {
+    x.getState()._client !== o && x.getState().setClient(o);
+  }, [x, o]), /* @__PURE__ */ t(Pt.Provider, { value: x, children: i });
+}, "ComposerProvider");
+function me() {
+  const e = Qe(Pt);
+  if (!e)
+    throw new Error("[@aintela/bi] No composer store in scope. Wrap the composer surface in <ComposerProvider>.");
+  return e;
+}
+a(me, "useComposerStore");
+function da() {
+  return Qe(Pt);
+}
+a(da, "useComposerStoreOptional");
+function N(e) {
+  const n = me();
+  return Xt(n, e ?? ((i) => i));
+}
+a(N, "useComposer");
+function Tn() {
+  const e = me();
+  return Xt(
+    e,
+    ii((n) => ({
+      highlightComponent: n.highlightComponent,
+      cloneComponent: n.cloneComponent,
+      createDashboardPad: n.createDashboardPad,
+      updateDashboardPad: n.updateDashboardPad,
+      refreshDashboard: n.refreshDashboard,
+      showGuide: n.showGuide,
+      dismissGuide: n.dismissGuide
+    }))
+  );
+}
+a(Tn, "useComposerEnvironment");
+function ca(e) {
+  const n = e.getState();
+  return {
+    highlightComponent: n.highlightComponent,
+    cloneComponent: n.cloneComponent,
+    createDashboardPad: n.createDashboardPad,
+    updateDashboardPad: n.updateDashboardPad,
+    refreshDashboard: n.refreshDashboard,
+    showGuide: n.showGuide,
+    dismissGuide: n.dismissGuide
+  };
+}
+a(ca, "environmentFromStore");
+const Dn = {
+  Generic: wt,
+  Métrica: tn,
+  Tabela: en,
+  Gráfico: ut,
+  Mapa: ri,
+  Árvore: Qt,
+  Medidor: Zt
+}, kn = {
+  Generic: "info",
+  Métrica: "kpi",
+  Tabela: "table",
+  Gráfico: "chart",
+  Mapa: "map",
+  Árvore: "chart",
+  Medidor: "chart"
+}, In = {
+  Generic: wt,
+  MetricComparison: tn,
+  TableAuto: en,
+  TableBars: wi,
+  TableHeatmap: Ci,
+  TableLarge: vi,
+  ChartAuto: ut,
+  ChartLine: Si,
+  ChartBarH: bi,
+  ChartBarV: ut,
+  ChartArea: yi,
+  ChartStackedArea: xi,
+  ChartStackedBar: gi,
+  ChartCombo: fi,
+  ChartPie: mi,
+  Scatter: ui,
+  ChartDonut: pi,
+  MapBubbles: hi,
+  MapConnections: ci,
+  Treemap: Qt,
+  Gauge: Zt
+}, zn = {
+  Generic: "DashboardOutlined",
+  MetricComparison: "TagOutlined",
+  TableAuto: "TableChartOutlined",
+  TableBars: "ViewColumnOutlined",
+  TableHeatmap: "HeatPumpOutlined",
+  TableLarge: "TableRowsOutlined",
+  ChartAuto: "BarChartOutlined",
+  ChartLine: "ShowChartOutlined",
+  ChartBarH: "AlignHorizontalLeftOutlined",
+  ChartBarV: "BarChartOutlined",
+  ChartArea: "AreaChartOutlined",
+  ChartStackedArea: "StackedLineChartOutlined",
+  ChartStackedBar: "StackedBarChartOutlined",
+  ChartCombo: "MultilineChartOutlined",
+  ChartPie: "PieChartOutlined",
+  Scatter: "ScatterPlotOutlined",
+  ChartDonut: "DonutLargeOutlined",
+  MapBubbles: "BubbleChartOutlined",
+  MapConnections: "TimelineOutlined",
+  Treemap: "GridViewOutlined",
+  Gauge: "SpeedOutlined"
+}, On = {
+  DateRangePicker: di,
+  DatePicker: si,
+  AutoComplete: li
+}, Pn = {
+  category: Dn,
+  specificType: In,
+  filterType: On
+}, St = qt(Pn), ha = /* @__PURE__ */ a(({ icons: e, children: n }) => {
+  const i = Qe(St), l = ze(
+    () => ({
+      category: { ...i.category, ...e.category ?? {} },
+      specificType: { ...i.specificType, ...e.specificType ?? {} },
+      filterType: { ...i.filterType, ...e.filterType ?? {} }
+    }),
+    [i, e]
+  );
+  return /* @__PURE__ */ t(St.Provider, { value: l, children: n });
+}, "CardTypeIconsProvider");
+function Ae() {
+  return Qe(St);
+}
+a(Ae, "useCardTypeIcons");
+const pa = 60, ua = it(ve);
+function ma(e) {
+  const [n, i] = L(0);
+  return q(() => {
+    const l = e.current;
+    if (!l) return;
+    const r = /* @__PURE__ */ a(() => i(l.getBoundingClientRect().height), "measure");
+    if (r(), typeof ResizeObserver > "u") return;
+    const o = new ResizeObserver(r);
+    return o.observe(l), () => o.disconnect();
+  }, [e]), n;
+}
+a(ma, "useElementHeight");
+const Et = /* @__PURE__ */ a((e) => {
+  var F;
+  const n = Ae(), [i, l] = L(e.cellConfig.name ?? "[Card Name]"), [r, o] = L(e.cellConfig.actionDescription ?? "[Card Description]"), [x, b] = L(!1), [g, d] = L(e.cellConfig), [C, s] = L(!1), [u, m] = L(!1), c = te(null), p = te(null), f = te(null), _ = ma(f), B = e.cellConfig.specificType ?? "Generic", G = e.cellConfig.category ?? "Generic", z = n.specificType[B] ?? n.specificType.Generic;
+  q(() => {
+    d(e.cellConfig);
+  }, [e.cellConfig]), q(() => {
+    const w = setTimeout(() => {
+      if (!c.current) return;
+      let O = c.current.getElementsByTagName("input").item(0);
+      O || (O = c.current.getElementsByTagName("textarea").item(0)), O && (O.focus(), O.selectionStart = 0, O.selectionEnd = O.value.length);
+    }, 50);
+    return () => clearTimeout(w);
+  }, [x, C]);
+  const R = /* @__PURE__ */ a((w) => {
+    (!w.shiftKey && w.key === "Enter" || w.key === "Escape") && (s(!1), b(!1), e.onDataEdit(g));
+  }, "handleKeyPress"), P = /* @__PURE__ */ a((w, O) => {
+    const k = O.target.value;
+    if (w === l && $e(k).length > pa) return;
+    w(k);
+    const U = { ...e.cellConfig };
+    w === l ? U.name = k : U.actionDescription = k, d(U);
+  }, "handleChange"), H = /* @__PURE__ */ a((w, O) => {
+    m(!1);
+    const k = { ...e.cellConfig, category: w, specificType: O };
+    k.muiIconName = zn[O], k.color = kn[w];
+    const U = Oe[w];
+    (!k.name || k.name.startsWith("[Card") || Object.values(Oe).some((J) => {
+      var Z;
+      return (Z = k.name) == null ? void 0 : Z.match(new RegExp(`^${J}\\d+$`));
+    })) && (k.name = U, l(U)), e.onDataEdit(k);
+  }, "handleTypeChange"), j = (F = e.todoItem) == null ? void 0 : F.status, E = { onMouseDown: /* @__PURE__ */ a((w) => w.stopPropagation(), "onMouseDown"), onTouchStart: /* @__PURE__ */ a((w) => w.stopPropagation(), "onTouchStart") }, S = e.renderDescription ?? ((w) => /* @__PURE__ */ t("span", { style: { whiteSpace: "pre-wrap" }, children: w }));
+  return /* @__PURE__ */ y(
+    W,
+    {
+      className: "llm-env-target llm-env-card llm-env-card-sketch",
+      "data-env-id": e.cellConfig.i,
+      "data-env-key": e.cellConfig.i,
+      "data-env-name": e.cellConfig.name ?? "",
+      "data-env-kind": "sketch-card",
+      sx: { height: "100%", position: "relative", overflow: "hidden" },
+      children: [
+        !(e.todoItem && e.turnOpen) && /* @__PURE__ */ t(
+          W,
+          {
+            "aria-hidden": !0,
+            sx: {
+              position: "absolute",
+              inset: 0,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              pointerEvents: "none",
+              color: "text.primary",
+              opacity: 0.06,
+              zIndex: 0,
+              "& > svg": { width: "70%", height: "70%", maxWidth: "180px", maxHeight: "180px" }
+            },
+            children: /* @__PURE__ */ t(z, {})
+          }
+        ),
+        /* @__PURE__ */ t(W, { sx: { position: "absolute", top: "15px", right: "-5px", display: "flex", gap: 0, zIndex: 2 }, children: /* @__PURE__ */ t(ce, { ...E, children: /* @__PURE__ */ t(Pe, { size: "small", onClick: /* @__PURE__ */ a(() => {
+          var w;
+          return (w = e.onDelete) == null ? void 0 : w.call(e, e.cellConfig.i);
+        }, "onClick"), "aria-label": "Remover card", children: /* @__PURE__ */ t(nn, { fontSize: "small" }) }) }) }),
+        e.todoItem && e.turnOpen && /* @__PURE__ */ y(
+          W,
+          {
+            sx: /* @__PURE__ */ a((w) => ({
+              position: "absolute",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              minHeight: "calc(100% + 11px)",
+              minWidth: "calc(100% + 10px)",
+              top: -6,
+              left: -7,
+              gap: 2,
+              py: 0.4,
+              borderRadius: "10px",
+              backgroundColor: Ce(w.palette.common.black, 0.4),
+              opacity: j == "completed" ? 0.6 : 1
+            }), "sx"),
+            children: [
+              /* @__PURE__ */ t(W, { sx: { mt: "1px", flexShrink: 0, color: j == "completed" ? "success.main" : j === "in_progress" ? "primary.main" : "text.disabled" }, children: j == "completed" ? /* @__PURE__ */ t(Ti, { sx: { fontSize: "0.95rem" } }) : j === "in_progress" ? /* @__PURE__ */ t(Di, { sx: { fontSize: "0.95rem" } }) : /* @__PURE__ */ t(ft, { size: 20, sx: { fontSize: "0.95rem" } }) }),
+              /* @__PURE__ */ y(W, { sx: { textAlign: "left" }, children: [
+                /* @__PURE__ */ t(ae, { variant: "caption", sx: { display: "block", fontSize: "0.78rem", lineHeight: 1.3, textDecoration: j === "completed" ? "line-through" : "none" }, children: e.todoItem.label }),
+                e.todoItem.detail && /* @__PURE__ */ t(ae, { variant: "caption", sx: { display: "block", fontSize: "0.7rem", color: "text.secondary", lineHeight: 1.3 }, children: e.todoItem.detail })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(We, { open: u, anchorEl: p.current, placement: "bottom-start", transition: !0, sx: { zIndex: 1300 }, children: /* @__PURE__ */ a(({ TransitionProps: w }) => /* @__PURE__ */ t(Ve, { ...w, children: /* @__PURE__ */ t(Re, { elevation: 8, sx: { maxHeight: 380, overflow: "auto", minWidth: 240 }, children: /* @__PURE__ */ t(je, { onClickAway: /* @__PURE__ */ a(() => m(!1), "onClickAway"), children: /* @__PURE__ */ t(gt, { dense: !0, children: Object.entries(ua).map(([O, k], U) => {
+          const J = n.category[O];
+          return /* @__PURE__ */ y(W, { children: [
+            U > 0 && /* @__PURE__ */ t(Ue, {}),
+            /* @__PURE__ */ y(ae, { variant: "overline", sx: { px: 2, pt: 1, display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ t(J, { fontSize: "inherit" }),
+              O
+            ] }),
+            k.map((Z) => {
+              const ie = n.specificType[Z.specificType];
+              return /* @__PURE__ */ y(Ee, { selected: Z.specificType === B, onClick: /* @__PURE__ */ a(() => H(Z.category, Z.specificType), "onClick"), children: [
+                /* @__PURE__ */ t(Ke, { children: /* @__PURE__ */ t(ie, { fontSize: "small" }) }),
+                /* @__PURE__ */ t(Ye, { children: Z.label })
+              ] }, Z.specificType);
+            })
+          ] }, O);
+        }) }) }) }) }), "children") }),
+        /* @__PURE__ */ t(W, { sx: { minHeight: "20%", textAlign: "left", position: "relative", zIndex: 1 }, children: /* @__PURE__ */ y(ce, { direction: "row", children: [
+          /* @__PURE__ */ t(
+            Pe,
+            {
+              ...E,
+              ref: p,
+              size: "small",
+              onClick: /* @__PURE__ */ a(() => m((w) => !w), "onClick"),
+              title: `Tipo: ${G} / ${B}`,
+              sx: { color: "primary.main", mr: 0 },
+              children: /* @__PURE__ */ t(z, { fontSize: "small" })
+            }
+          ),
+          !x && /* @__PURE__ */ t(
+            W,
+            {
+              ...E,
+              onClick: /* @__PURE__ */ a(() => {
+                b(!0), s(!1);
+              }, "onClick"),
+              sx: { color: "text.primary", minWidth: "50%", maxWidth: "80%", maxHeight: "30px", cursor: "pointer", display: "inline-flex", alignItems: "center", gap: 0.5, overflow: "clip", textWrap: "nowrap" },
+              children: i
+            }
+          ),
+          x && /* @__PURE__ */ t(
+            Fe,
+            {
+              size: "small",
+              ref: c,
+              ...E,
+              onChange: /* @__PURE__ */ a((w) => P(l, w), "onChange"),
+              onBlur: /* @__PURE__ */ a((w) => P(l, w), "onBlur"),
+              onKeyDown: R,
+              value: i,
+              sx: /* @__PURE__ */ a((w) => ({
+                fontSize: "0.75rem",
+                width: "82%",
+                "& .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline": { border: "0px" },
+                "& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline": { border: "0px", pl: 3, p: 0, backgroundColor: Ce(w.palette.text.primary, 0.08) }
+              }), "sx"),
+              slotProps: {
+                root: { style: { padding: "2px 0px 0px 0px", border: "0px" } },
+                input: { style: { padding: "2px 0px 0px 0px", border: "0px" } }
+              }
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ y(W, { ref: f, sx: { textAlign: "left", position: "relative", zIndex: 1, minHeight: "80%" }, ...E, children: [
+          !C && /* @__PURE__ */ t(
+            W,
+            {
+              ...E,
+              onClick: /* @__PURE__ */ a(() => {
+                s(!0), b(!1);
+              }, "onClick"),
+              sx: { fontSize: "0.85rem", cursor: "pointer", color: "text.primary", width: "100%", minHeight: "30%", pb: "20px" },
+              children: S(r)
+            }
+          ),
+          C && /* @__PURE__ */ t(
+            Fe,
+            {
+              slotProps: {
+                root: { style: { padding: "0px", border: "0px" } },
+                input: { style: { padding: "0px 0px 5px 0px", border: "0px", height: Math.max(0, _ - 2.5), alignContent: "start", flexWrap: "wrap", fontSize: "0.8rem" } }
+              },
+              multiline: !0,
+              ref: c,
+              sx: /* @__PURE__ */ a((w) => ({
+                minHeight: "100%",
+                alignContent: "start",
+                width: "92%",
+                "& .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline": { border: "0px" },
+                "& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline": { border: "0px", backgroundColor: Ce(w.palette.text.primary, 0.08) }
+              }), "sx"),
+              onChange: /* @__PURE__ */ a((w) => {
+                w.stopPropagation(), P(o, w);
+              }, "onChange"),
+              onBlur: /* @__PURE__ */ a((w) => P(o, w), "onBlur"),
+              onKeyDown: R,
+              value: r
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, "CardSketch"), fa = Et, $t = /* @__PURE__ */ a(({ filter: e, onEdit: n, onDelete: i }) => {
+  const [l, r] = L(!1), [o, x] = L(e.name), b = te(null), g = Ae().filterType[e.filterType];
+  q(() => {
+    l && b.current && (b.current.focus(), b.current.select());
+  }, [l]), q(() => {
+    x(e.name);
+  }, [e.name]);
+  const d = /* @__PURE__ */ a(() => {
+    const s = o.trim();
+    s && s !== e.name ? n({ ...e, name: s }) : x(e.name), r(!1);
+  }, "commitName"), C = /* @__PURE__ */ a((s) => {
+    s.key === "Enter" && d(), s.key === "Escape" && (x(e.name), r(!1));
+  }, "handleKeyDown");
+  return /* @__PURE__ */ y(
+    W,
+    {
+      className: "llm-env-target llm-env-filter llm-env-filter-sketch",
+      "data-env-id": e.i,
+      "data-env-key": e.i,
+      "data-env-name": e.name,
+      "data-env-kind": "sketch-filter",
+      sx: /* @__PURE__ */ a((s) => ({
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 0.5,
+        flexWrap: "wrap",
+        border: `1px dashed ${s.palette.divider}`,
+        borderRadius: "10px",
+        maxHeight: "90%",
+        px: 1,
+        py: 0.5,
+        backgroundColor: s.palette.background.default,
+        maxWidth: 260
+      }), "sx"),
+      children: [
+        /* @__PURE__ */ t(g, { sx: { fontSize: 16, color: "primary.main", flexShrink: 0 } }),
+        l ? /* @__PURE__ */ t(
+          Fe,
+          {
+            inputRef: b,
+            value: o,
+            onChange: /* @__PURE__ */ a((s) => x(s.target.value), "onChange"),
+            onBlur: d,
+            onKeyDown: C,
+            variant: "standard",
+            size: "small",
+            slotProps: {
+              input: { disableUnderline: !0, sx: { fontSize: "0.75rem", pl: 1, height: 20 } },
+              root: { style: { width: "80%" } }
+            }
+          }
+        ) : /* @__PURE__ */ t(
+          ae,
+          {
+            variant: "caption",
+            noWrap: !0,
+            onClick: /* @__PURE__ */ a(() => r(!0), "onClick"),
+            sx: {
+              cursor: "pointer",
+              fontSize: "0.75rem",
+              color: "text.primary",
+              pl: 1,
+              width: "80%",
+              minWidth: "90px",
+              "&:hover": { textDecoration: "underline" }
+            },
+            children: e.name
+          }
+        ),
+        e.filterType !== "AutoComplete" && /* @__PURE__ */ t(ke, { title: e.mandatory ? "Mandatory filter" : "Optional filter", arrow: !0, children: /* @__PURE__ */ y(W, { sx: { display: "inline-flex", alignItems: "center", gap: 0 }, children: [
+          /* @__PURE__ */ t(ae, { variant: "caption", sx: { fontSize: "0.6rem", color: "text.secondary", minWidth: "55px", whiteSpace: "nowrap" }, children: e.mandatory ? "Obrigatório" : "Opcional" }),
+          /* @__PURE__ */ t(
+            xt,
+            {
+              size: "small",
+              checked: e.mandatory,
+              onChange: /* @__PURE__ */ a((s, u) => n({ ...e, mandatory: u }), "onChange"),
+              sx: { transform: "scale(0.7)", ml: -0.5, mr: -1 }
+            }
+          )
+        ] }) }),
+        e.filterType === "AutoComplete" && /* @__PURE__ */ t(ke, { title: e.multipleSelection ? "Multiple selection" : "Single selection", arrow: !0, children: /* @__PURE__ */ y(W, { sx: { display: "inline-flex", alignItems: "center", gap: 0 }, children: [
+          /* @__PURE__ */ t(ae, { variant: "caption", sx: { fontSize: "0.6rem", color: "text.secondary", whiteSpace: "wrap", minWidth: "43px" }, children: e.multipleSelection ? "Multiple" : "Single" }),
+          /* @__PURE__ */ t(
+            xt,
+            {
+              size: "small",
+              checked: e.multipleSelection ?? !1,
+              onChange: /* @__PURE__ */ a((s, u) => n({ ...e, multipleSelection: u }), "onChange"),
+              sx: { transform: "scale(0.7)", ml: -0.5, mr: -1 }
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ t(Pe, { size: "small", onClick: /* @__PURE__ */ a(() => i(e.i), "onClick"), sx: { p: 0.2, ml: "auto" }, "aria-label": "Remover filtro", children: /* @__PURE__ */ t(nn, { sx: { fontSize: 14 } }) })
+      ]
+    }
+  );
+}, "FilterSketch"), Ge = /* @__PURE__ */ a((e) => {
+  const [n, i] = L(!1), [l, r] = L(e.text), o = te(null), x = e.fontSize ?? 12;
+  q(() => {
+    n && o.current && (o.current.focus(), o.current.select()), r(e.text);
+  }, [n, e.text]);
+  const b = /* @__PURE__ */ a(() => {
+    const d = (l == null ? void 0 : l.trim()) ?? "";
+    d !== e.text && e.onEdit(d), r(d), i(!1);
+  }, "commit");
+  return /* @__PURE__ */ t(
+    W,
+    {
+      sx: /* @__PURE__ */ a((d) => ({
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 0.5,
+        px: 1,
+        py: 0.5,
+        mb: 0.5,
+        backgroundColor: d.palette.background.paper,
+        width: "100%"
+      }), "sx"),
+      children: n ? /* @__PURE__ */ t(
+        Fe,
+        {
+          inputRef: o,
+          value: l,
+          onChange: /* @__PURE__ */ a((d) => r(d.target.value), "onChange"),
+          onBlur: b,
+          onKeyDown: /* @__PURE__ */ a((d) => {
+            d.key === "Enter" && !(e.multiline && d.shiftKey) && b(), d.key === "Escape" && (r(e.text), i(!1));
+          }, "handleKeyDown"),
+          multiline: e.multiline,
+          variant: "standard",
+          size: "small",
+          sx: { width: "100%", overflow: "hidden" },
+          slotProps: {
+            input: {
+              disableUnderline: !0,
+              sx: /* @__PURE__ */ a((d) => ({ minWidth: "100px", color: d.palette.text.primary, fontSize: x, margin: 0, padding: 0, pl: 1 }), "sx")
+            },
+            root: {
+              sx: {
+                overflow: "hidden",
+                alignContent: "center",
+                padding: "0px",
+                width: e.multiline ? "90%" : "unset",
+                margin: 0,
+                height: e.multiline ? "35px" : "unset"
+              }
+            }
+          }
+        }
+      ) : /* @__PURE__ */ t(
+        W,
+        {
+          onClick: /* @__PURE__ */ a(() => i(!0), "onClick"),
+          sx: /* @__PURE__ */ a((d) => ({
+            cursor: "pointer",
+            fontFamily: d.typography.fontFamily,
+            fontSize: x,
+            color: d.palette.text.primary,
+            pl: 1,
+            minWidth: "100px",
+            height: "100%",
+            minHeight: "20px",
+            overflow: "clip",
+            whiteSpace: e.multiline ? "pre-wrap" : "nowrap",
+            "&:hover": { textDecoration: "underline" }
+          }), "sx"),
+          children: !l || l.length == 0 ? e.placeHolderText : l
+        }
+      )
+    }
+  );
+}, "TitleSketch"), ga = Ge, xa = Ge, ya = { Large: 4, Desktop: 4, Tablet: 4, Mobile: 4 }, ba = { Large: 12, Desktop: 12, Tablet: 12, Mobile: 12 }, ct = 6;
+function Sa(e, n, i = 0) {
+  const [l, r] = L(i);
+  return q(() => {
+    const o = e.current;
+    if (!o || (r(o.getBoundingClientRect().width), typeof ResizeObserver > "u")) return;
+    const x = new ResizeObserver((b) => {
+      const g = b[0];
+      g && r(g.contentRect.width);
+    });
+    return x.observe(o), () => x.disconnect();
+  }, [e, n]), l;
+}
+a(Sa, "useContainerWidth");
+const va = /* @__PURE__ */ a((e) => {
+  const n = Math.round(Date.now() * Math.pow(10, -6));
+  return `${$e(e)}_${n}`;
+}, "makeNameUnique"), ot = Ct((e, n) => {
+  const i = me(), l = N((h) => {
+    var I;
+    return (I = h.dashboardDefinition) == null ? void 0 : I.cards;
+  }) ?? Ca, r = N((h) => {
+    var I;
+    return (I = h.dashboardDefinition) == null ? void 0 : I.filters;
+  }) ?? wa, o = N((h) => {
+    var I;
+    return ((I = h.dashboardDefinition) == null ? void 0 : I.name) ?? "";
+  }), x = N((h) => {
+    var I;
+    return ((I = h.dashboardDefinition) == null ? void 0 : I.layoutType) ?? "Boxed";
+  }), b = N((h) => {
+    var I;
+    return (I = h.dashboardDefinition) == null ? void 0 : I.id;
+  }), g = N((h) => h.turnOpen), d = N((h) => h.todosByCardKey), [C, s] = L([]), u = te(null), m = Sa(u, e.renderId), [c, p] = L(null), [f, _] = L(0), B = te({}), G = te(0), z = te(void 0), R = he(), P = e.zoomLevel ?? 0.8, H = Y((h, I) => {
+    I && (i.getState().recordSketchChange("dashboard:layoutType", `Set layout type to ${I}`), i.getState().updateDashboard({ layoutType: I }));
+  }, [i]);
+  q(() => {
+    if (b === z.current || (z.current = b, !b)) return;
+    const h = i.getState().dashboardDefinition, I = (h == null ? void 0 : h.cards) ?? [];
+    B.current = {}, I.forEach((A) => {
+      const M = Oe[A.category ?? "Generic"];
+      B.current[M] = (B.current[M] ?? 0) + 1;
+    }), G.current = ((h == null ? void 0 : h.filters) ?? []).length, s(I);
+  }, [b, i]);
+  const j = Y((h) => {
+    const I = Oe[h], A = (B.current[I] ?? 0) + 1;
+    return B.current[I] = A, va(`${I}${A}`);
+  }, []), E = Y((h, I) => {
+    s(h);
+  }, []), S = Y((h, I, A) => {
+    var pe;
+    if (!I || !A) return;
+    const M = ((pe = i.getState().dashboardDefinition) == null ? void 0 : pe.cards) ?? [];
+    let X = !1;
+    const ne = M.map((xe) => {
+      const ye = h.find((ti) => ti.i === xe.i);
+      return ye && (xe.w !== ye.w || xe.h !== ye.h || xe.x !== ye.x || xe.y !== ye.y) ? (X = !0, { ...xe, w: ye.w, h: ye.h, x: ye.x, y: ye.y }) : xe;
+    });
+    if (!X) return;
+    const D = M.find((xe) => xe.i === A.i), $ = (D == null ? void 0 : D.name) ?? A.i, oe = I.w !== A.w || I.h !== A.h, fe = I.x !== A.x || I.y !== A.y, be = `card:${A.i}:layout`;
+    oe && fe ? i.getState().recordSketchChange(be, `Resized and moved card '${$}' to (w:${A.w}, h:${A.h}, x:${A.x}, y:${A.y})`) : oe ? i.getState().recordSketchChange(be, `Resized card '${$}' to (w:${A.w}, h:${A.h})`) : fe && i.getState().recordSketchChange(be, `Moved card '${$}' to (x:${A.x}, y:${A.y})`), i.getState().updateDashboard({ cards: ne });
+  }, [i]), F = Y((h) => {
+    var M;
+    const I = ((M = i.getState().dashboardDefinition) == null ? void 0 : M.cards) ?? [], A = I.find((X) => X.i === h);
+    i.getState().recordSketchChange(`card:${h}:delete`, `Deleted card '${(A == null ? void 0 : A.name) ?? h}'`), i.getState().updateDashboard({ cards: I.filter((X) => X.i !== h) });
+  }, [i]), w = Y((h = "Generic", I = "Generic") => {
+    const A = j(h);
+    return {
+      i: $e(A),
+      h: ct,
+      w: f,
+      y: 1 / 0,
+      x: 0,
+      isDraggable: void 0,
+      isResizable: !0,
+      category: h,
+      specificType: I,
+      name: A
+    };
+  }, [f, j]), O = Y((h) => {
+    const I = h.length === 0 ? "Untitled Dashboard" : h;
+    i.getState().recordSketchChange("dashboard:name", `Renamed dashboard to '${I}'`), i.getState().updateDashboard({ name: I });
+  }, [i]), k = Y((h) => {
+    var D;
+    const I = ((D = i.getState().dashboardDefinition) == null ? void 0 : D.cards) ?? [], A = C.find(($) => $.i === h.i), M = I.find(($) => $.i === h.i), X = I.map(($) => $.i !== h.i ? $ : {
+      ...$,
+      ...A ? { w: A.w, h: A.h, x: A.x, y: A.y } : {},
+      name: h.name,
+      actionDescription: h.actionDescription,
+      category: h.category,
+      specificType: h.specificType,
+      muiIconName: h.muiIconName
+    }), ne = [];
+    M && (M.name !== h.name && ne.push(`name → '${h.name}'`), M.actionDescription !== h.actionDescription && ne.push("description"), M.category !== h.category && ne.push(`category → '${h.category}'`), M.specificType !== h.specificType && ne.push(`type → '${h.specificType}'`), M.muiIconName !== h.muiIconName && ne.push("icon")), ne.length > 0 && i.getState().recordSketchChange(`card:${h.i}:edit`, `Edited card '${(M == null ? void 0 : M.name) ?? h.name}' (${ne.join(", ")})`), i.getState().updateDashboard({ cards: X });
+  }, [C, i]), U = Y(() => {
+    const h = c ? ba[c] : 10, I = C.length > 0 ? C[C.length - 1] : null;
+    let A = 0, M = 0;
+    return I && (M = I.y, I.x + I.w > h - f ? (M += 1, A = 0) : A = I.x + I.w), { x: A, y: M };
+  }, [c, C, f]), J = Y((h, I) => {
+    var M;
+    const A = ((M = i.getState().dashboardDefinition) == null ? void 0 : M.cards) ?? [];
+    i.getState().recordSketchChange(`card:${h.i}:add`, I), i.getState().updateDashboard({ cards: [...A, h] });
+  }, [i]), Z = Y((h, I) => {
+    const A = (h == null ? void 0 : h.category) ?? "Generic", M = (h == null ? void 0 : h.specificType) ?? "Generic", X = w(A, M);
+    X.actionDescription = h == null ? void 0 : h.description, I && (X.h = ct, X.w = f, X.y = I.y, X.x = I.x), J(X, `Added card '${X.name}' (category: ${A}, type: ${M})`);
+  }, [w, f, J]), ie = Y(() => {
+    if (f === 0) return;
+    const h = w("Generic", "Generic"), I = U();
+    h.x = I.x, h.y = I.y, J(h, `Added card '${h.name}'`);
+  }, [f, w, U, J]), de = Y((h, I, A) => {
+    const M = w(h, I), X = U();
+    M.x = X.x, M.y = X.y, M.w = f, M.h = ct, J(M, `Added card '${M.name}' (category: ${h}, type: ${I})`);
+  }, [f, w, U, J]);
+  q(() => {
+    if (m == 0) return;
+    let h = "Desktop";
+    m >= 920 && (h = "Large"), m < 920 && (h = "Desktop"), m < 750 && (h = "Tablet"), m < 600 && (h = "Mobile"), p(h), _(ya[h]);
+  }, [m]);
+  const V = Y((h) => {
+    var D;
+    G.current += 1;
+    const I = `Filter${G.current}`;
+    let A = !1;
+    h == "DateRangePicker" && (A = !0);
+    const M = Ie(), X = { i: M, name: I, filterType: h, mandatory: A, multipleSelection: !0 }, ne = ((D = i.getState().dashboardDefinition) == null ? void 0 : D.filters) ?? [];
+    i.getState().recordSketchChange(`filter:${M}:add`, `Added filter '${X.name}' (type: ${h})`), i.getState().updateDashboard({ filters: [...ne, X] });
+  }, [i]), Q = Y((h) => {
+    var A;
+    const I = ((A = i.getState().dashboardDefinition) == null ? void 0 : A.filters) ?? [];
+    i.getState().recordSketchChange(
+      `filter:${h.i}:edit`,
+      `Edited filter '${h.name}' - ${h.mandatory ? "Mandatório" : "Opcional"} - ${h.multipleSelection ? "MultipleSelection" : "SingleValue"}`
+    ), i.getState().updateDashboard({ filters: I.map((M) => M.i === h.i ? { ...h } : M) });
+  }, [i]), T = Y((h) => {
+    var M;
+    const I = ((M = i.getState().dashboardDefinition) == null ? void 0 : M.filters) ?? [], A = I.find((X) => X.i === h);
+    i.getState().recordSketchChange(`filter:${h}:delete`, `Deleted filter '${(A == null ? void 0 : A.name) ?? h}'`), i.getState().updateDashboard({ filters: I.filter((X) => X.i !== h) });
+  }, [i]);
+  Jt(n, () => ({ addGenericCell: ie, addTypedCell: de, handleAddFilter: V }), [ie, de, V]);
+  const K = /* @__PURE__ */ a((h) => ({ border: h ? "0px" : `1px solid ${R.palette.divider}`, px: 1, py: 0, gap: 0.5, textTransform: "none" }), "toggleSx"), re = /* @__PURE__ */ a((h) => ({
+    fontSize: "0.75rem",
+    lineHeight: 1,
+    maxWidth: h ? 60 : 0,
+    overflow: "hidden",
+    opacity: h ? 1 : 0,
+    whiteSpace: "nowrap",
+    transition: "max-width 0.25s ease, opacity 0.2s ease"
+  }), "toggleLabelSx");
+  return /* @__PURE__ */ y(ce, { ref: u, className: "bi-dashboard-pad-sketch", sx: { height: "100%", overflow: "hidden" }, children: [
+    !e.hideInternalHeader && /* @__PURE__ */ y(W, { sx: { display: "inline-flex", alignItems: "center", flexWrap: "nowrap", gap: 1, pt: 0.5, pb: 0, pr: 1, pl: 1, borderBottom: `1px solid ${R.palette.divider}` }, children: [
+      /* @__PURE__ */ t(W, { sx: { display: "inline-flex", width: "75%" }, children: /* @__PURE__ */ t(W, { sx: { width: "75%" }, children: /* @__PURE__ */ t(Ge, { placeHolderText: "Untitled Dashboard", onEdit: O, text: o, fontSize: 14.4 }) }) }),
+      /* @__PURE__ */ y(W, { sx: { position: "relative", display: "inline-flex", width: "25%", gap: 1, top: -2, justifyContent: "center", alignItems: "center" }, children: [
+        /* @__PURE__ */ t(ae, { component: "span", sx: { color: "text.secondary" }, children: "Layout:" }),
+        /* @__PURE__ */ y(
+          on,
+          {
+            value: x,
+            exclusive: !0,
+            onChange: H,
+            size: "small",
+            className: "llm-env-target llm-env-layout-toggle",
+            "data-env-id": "dashboard-pad-layout-toggle",
+            sx: { height: 24, border: "0px", "& .Mui-selected": { border: `1px solid ${R.palette.divider}` } },
+            children: [
+              /* @__PURE__ */ y(qe, { value: "Boxed", "data-env-id": "dashboard-pad-layout-boxed", sx: K(x === "Boxed"), children: [
+                /* @__PURE__ */ t(ki, { sx: { fontSize: 18 } }),
+                /* @__PURE__ */ t(ae, { component: "span", sx: re(x === "Boxed"), children: "Boxed" })
+              ] }),
+              /* @__PURE__ */ y(qe, { value: "Naked", "data-env-id": "dashboard-pad-layout-naked", sx: K(x === "Naked"), children: [
+                /* @__PURE__ */ t(Ii, { sx: { fontSize: 18 } }),
+                /* @__PURE__ */ t(ae, { component: "span", sx: re(x === "Naked"), children: "Naked" })
+              ] })
+            ]
+          }
+        ),
+        e.headerExtra
+      ] })
+    ] }),
+    r.length > 0 && !e.hideFiltersInSketch && /* @__PURE__ */ t(W, { sx: { display: "inline-flex", justifyContent: "flex-end", flexWrap: "wrap", gap: 1, pt: 0.5, pb: 0, pr: 1, pl: 1, borderBottom: `1px solid ${R.palette.divider}` }, children: r.map((h) => /* @__PURE__ */ t($t, { filter: h, onEdit: Q, onDelete: T }, h.i)) }),
+    /* @__PURE__ */ y("div", { style: { maxHeight: "100%", height: "100%", overflow: "auto" }, children: [
+      m !== 0 && l.length > 0 && /* @__PURE__ */ t("div", { style: { display: "inline-flex", flex: 1, alignItems: "center", justifyContent: "center", paddingBottom: e.hideInternalHeader ? "50px" : "80px", overflow: "auto", width: "100%" }, children: /* @__PURE__ */ t(
+        Hi,
+        {
+          rowAwareResize: { defaultOn: !0 },
+          onLayoutChange: E,
+          onResizeStop: S,
+          onDragStop: S,
+          onDrop: Z,
+          config: {},
+          cols: { lg: 10, md: 8, sm: 4, xs: 4, xxs: 4 },
+          breakpoints: { lg: 920, md: 600, sm: 400, xs: 400, xxs: 0 },
+          rowHeight: 10,
+          dragLocked: !1,
+          zoomLevel: P,
+          responsive: !1,
+          maxRows: 200,
+          rowMultiplier: 1,
+          manualWidth: m,
+          layouts: l,
+          children: l.map((h) => {
+            var I;
+            return /* @__PURE__ */ t(
+              Wi,
+              {
+                className: "llm-env-target llm-env-card llm-env-card-sketch-wrapper",
+                "data-env-id": h.i,
+                naked: x == "Naked",
+                "data-env-key": h.i,
+                "data-env-name": h.name ?? "",
+                "data-env-kind": "sketch-card-wrapper",
+                children: /* @__PURE__ */ t(
+                  Et,
+                  {
+                    turnOpen: g ?? !1,
+                    todoItem: (I = d[h.i]) == null ? void 0 : I.todo,
+                    cellConfig: h,
+                    onDataEdit: k,
+                    onDelete: F,
+                    renderDescription: e.renderDescription
+                  }
+                )
+              },
+              h.i
+            );
+          })
+        },
+        b
+      ) }),
+      m !== 0 && l.length == 0 && /* @__PURE__ */ t(
+        W,
+        {
+          sx: /* @__PURE__ */ a((h) => ({
+            background: "transparent",
+            border: "none",
+            textAlign: "left",
+            padding: "6px 0",
+            height: "100%",
+            color: h.palette.text.secondary,
+            fontFamily: h.typography.fontFamily,
+            display: "inline-flex",
+            width: "100%",
+            justifyContent: "center",
+            alignItems: "center",
+            "&:hover": { color: h.palette.text.primary }
+          }), "sx"),
+          children: /* @__PURE__ */ y(ce, { direction: "row", gap: 1, sx: { "&:hover": { cursor: "pointer" } }, onClick: /* @__PURE__ */ a(() => {
+            var h;
+            return (h = e.onAddCard) == null ? void 0 : h.call(e);
+          }, "onClick"), children: [
+            /* @__PURE__ */ t(W, { component: "span", sx: /* @__PURE__ */ a((h) => ({ color: h.palette.text.disabled }), "sx"), children: "↗" }),
+            /* @__PURE__ */ t(ae, { sx: /* @__PURE__ */ a((h) => ({ fontSize: 20, fontWeight: 600, color: h.palette.text.primary, margin: 0, lineHeight: 1.2, letterSpacing: -0.4 }), "sx"), children: "Clique aqui para adicionar um novo card" })
+          ] })
+        }
+      )
+    ] })
+  ] });
+});
+ot.displayName = "DashboardPadSketch";
+const Ca = [], wa = [], Te = /* @__PURE__ */ a((e) => {
+  const n = he(), i = e.maxWidth ?? 30;
+  return /* @__PURE__ */ t(
+    W,
+    {
+      sx: {
+        "& .action-btn": {
+          display: "inline-flex",
+          alignItems: "center",
+          height: 28,
+          borderRadius: 1,
+          px: 0.75,
+          cursor: "pointer",
+          overflow: "hidden",
+          transition: "background-color 0.2s",
+          "&:hover": { borderRadius: 1, px: 1.5, backgroundColor: n.palette.action.hover },
+          "&:hover .action-label": { maxWidth: i, opacity: 1, ml: 0.5 }
+        },
+        "& .action-btn-fixed": {
+          display: "inline-flex",
+          alignItems: "center",
+          height: 28,
+          borderRadius: 1,
+          px: 0.75,
+          cursor: "pointer",
+          "&:hover": { bgcolor: n.palette.success.light }
+        },
+        "& .action-label": {
+          maxWidth: 0,
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          opacity: 0,
+          ml: 0,
+          transition: "max-width 0.3s ease, opacity 0.15s ease 0.1s, margin 0.3s ease",
+          fontSize: "0.7rem",
+          lineHeight: 1
+        },
+        "& .action-label-fixed": {
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          ml: 0,
+          fontSize: "0.7rem",
+          lineHeight: 1,
+          marginRight: 1
+        }
+      },
+      children: /* @__PURE__ */ y(W, { className: e.fixed ? "action-btn-fixed" : "action-btn", onClick: /* @__PURE__ */ a((l) => {
+        var r;
+        return (r = e.onClick) == null ? void 0 : r.call(e, l);
+      }, "onClick"), sx: { color: "text.secondary" }, children: [
+        typeof e.icon == "function" ? e.icon() : e.icon,
+        /* @__PURE__ */ t(ae, { className: e.fixed ? "action-label-fixed" : "action-label", component: "span", children: e.label })
+      ] })
+    }
+  );
+}, "HoverButton"), Ta = it(ve);
+function Da(e, n, i) {
+  const l = document.createElement("div");
+  return l.style.cssText = [
+    "display:flex",
+    "align-items:center",
+    "gap:6px",
+    "padding:6px 12px",
+    `border:2px dashed ${e.palette.secondary.main}`,
+    "border-radius:6px",
+    `background-color:${e.palette.background.paper}`,
+    `color:${e.palette.secondary.main}`,
+    `font-family:${e.typography.fontFamily ?? "inherit"}`,
+    "font-size:13px",
+    "font-weight:500",
+    "white-space:nowrap",
+    "position:fixed",
+    "top:-200px",
+    "left:-200px",
+    "z-index:99999",
+    "pointer-events:none"
+  ].join(";"), l.innerHTML = `${n}<span>${i}</span>`, document.body.appendChild(l), l;
+}
+a(Da, "createDragPreview");
+const En = /* @__PURE__ */ a(({ onAddGeneric: e, onAddTyped: n, onAddFilter: i }) => {
+  const l = he(), r = Ae(), [o, x] = L(!1), [b, g] = L(!1), d = te(null), C = te(null), s = te(null);
+  q(() => () => {
+    var p;
+    return (p = s.current) == null ? void 0 : p.remove();
+  }, []);
+  const u = Y(() => {
+    var p;
+    (p = s.current) == null || p.remove(), s.current = null;
+  }, []), m = /* @__PURE__ */ a((p, f) => {
+    const _ = f ? { category: f.category, specificType: f.specificType, label: f.label } : { category: "Generic", specificType: "Generic", label: "Generic" };
+    p.dataTransfer.setData("text/json", JSON.stringify(_)), p.dataTransfer.effectAllowed = "copy", u();
+    const B = p.currentTarget.querySelector("svg"), G = B ? B.outerHTML.replace(/width="[^"]*"/, 'width="18"').replace(/height="[^"]*"/, 'height="18"') : "", z = Da(l, G, (f == null ? void 0 : f.label) ?? "Generic");
+    s.current = z, p.dataTransfer.setDragImage(z, 0, 0);
+  }, "handleDragStart"), c = /* @__PURE__ */ a((p) => {
+    n(p.category, p.specificType, p.label), x(!1);
+  }, "handleMenuItemClick");
+  return /* @__PURE__ */ y(W, { sx: { display: "inline-flex", gap: 0.5, alignItems: "center" }, children: [
+    /* @__PURE__ */ t(ke, { title: "Drag to add card", children: /* @__PURE__ */ t(
+      W,
+      {
+        className: "action-btn llm-env-target llm-env-dashboard-action",
+        "data-env-id": "dashboardpad-drag-to-add-card",
+        draggable: !0,
+        onDragStart: /* @__PURE__ */ a((p) => m(p), "onDragStart"),
+        onDragEnd: u,
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: 28,
+          height: 28,
+          border: "1.5px dashed",
+          borderColor: "secondary.main",
+          borderRadius: 0.5,
+          cursor: "grab",
+          "&:hover": { bgcolor: "action.hover" },
+          "&:active": { cursor: "grabbing" }
+        },
+        children: /* @__PURE__ */ t(zi, { sx: { fontSize: 16 }, color: "secondary" })
+      }
+    ) }),
+    /* @__PURE__ */ y(W, { sx: { position: "relative", display: "inline-flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ t(ke, { title: "Add card", children: /* @__PURE__ */ t(
+        _t,
+        {
+          className: "action-btn llm-env-target llm-env-dashboard-action",
+          "data-env-id": "dashboardpad-add-card",
+          variant: "outlined",
+          size: "small",
+          color: "secondary",
+          startIcon: /* @__PURE__ */ t(Oi, { sx: { m: 0.2, p: 0 } }),
+          onClick: e,
+          sx: { height: 28, fontSize: "0.7rem", pr: 1, gap: 0, minWidth: "80px", textTransform: "none", justifyContent: "left" },
+          children: "Card"
+        }
+      ) }),
+      /* @__PURE__ */ t(
+        Pe,
+        {
+          className: "action-btn llm-env-target llm-env-dashboard-action",
+          "data-env-id": "dashboardpad-add-card-dropdown",
+          ref: d,
+          size: "small",
+          onClick: /* @__PURE__ */ a(() => x((p) => !p), "onClick"),
+          sx: { position: "absolute", right: 0, height: 28, width: 20 },
+          "aria-label": "Tipos de card",
+          children: /* @__PURE__ */ t(mt, { color: "secondary", sx: { fontSize: 18, mr: 0.5 } })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(We, { open: o, anchorEl: d.current, placement: "bottom-start", transition: !0, sx: { zIndex: 1300 }, children: /* @__PURE__ */ a(({ TransitionProps: p }) => /* @__PURE__ */ t(Ve, { ...p, children: /* @__PURE__ */ t(Re, { elevation: 8, sx: { maxHeight: 420, overflow: "auto", minWidth: 260 }, children: /* @__PURE__ */ t(je, { onClickAway: /* @__PURE__ */ a(() => x(!1), "onClickAway"), children: /* @__PURE__ */ t(gt, { dense: !0, children: Object.entries(Ta).map(([f, _], B) => {
+      const G = r.category[f];
+      return /* @__PURE__ */ y(W, { children: [
+        B > 0 && /* @__PURE__ */ t(Ue, {}),
+        /* @__PURE__ */ y(W, { component: "span", sx: { px: 2, pt: 1, display: "flex", alignItems: "center", gap: 0.5, typography: "overline" }, children: [
+          /* @__PURE__ */ t(G, { fontSize: "inherit" }),
+          f
+        ] }),
+        _.map((z) => {
+          const R = r.specificType[z.specificType];
+          return /* @__PURE__ */ y(Ee, { onClick: /* @__PURE__ */ a(() => c(z), "onClick"), draggable: !0, onDragStart: /* @__PURE__ */ a((P) => m(P, z), "onDragStart"), onDragEnd: u, children: [
+            /* @__PURE__ */ t(Ke, { children: /* @__PURE__ */ t(R, { fontSize: "small" }) }),
+            /* @__PURE__ */ t(Ye, { children: z.label })
+          ] }, z.specificType);
+        })
+      ] }, f);
+    }) }) }) }) }), "children") }),
+    i && /* @__PURE__ */ y(we, { children: [
+      /* @__PURE__ */ t(ke, { title: "Add filter", children: /* @__PURE__ */ t(
+        _t,
+        {
+          className: "action-btn llm-env-target llm-env-dashboard-action",
+          "data-env-id": "dashboardpad-add-filter",
+          ref: C,
+          variant: "outlined",
+          size: "small",
+          color: "secondary",
+          startIcon: /* @__PURE__ */ t(Pi, {}),
+          endIcon: /* @__PURE__ */ t(mt, {}),
+          onClick: /* @__PURE__ */ a(() => g((p) => !p), "onClick"),
+          sx: { height: 28, fontSize: "0.7rem", minWidth: 0, textTransform: "none" },
+          children: "Filtro"
+        }
+      ) }),
+      /* @__PURE__ */ t(We, { open: b, anchorEl: C.current, placement: "bottom-start", transition: !0, sx: { zIndex: 1300 }, children: /* @__PURE__ */ a(({ TransitionProps: p }) => /* @__PURE__ */ t(Ve, { ...p, children: /* @__PURE__ */ t(Re, { elevation: 8, sx: { minWidth: 220 }, children: /* @__PURE__ */ t(je, { onClickAway: /* @__PURE__ */ a(() => g(!1), "onClickAway"), children: /* @__PURE__ */ t(gt, { dense: !0, children: kt.map((f) => {
+        const _ = r.filterType[f.filterType];
+        return /* @__PURE__ */ y(
+          Ee,
+          {
+            onClick: /* @__PURE__ */ a(() => {
+              i(f.filterType), g(!1);
+            }, "onClick"),
+            children: [
+              /* @__PURE__ */ t(Ke, { children: /* @__PURE__ */ t(_, { fontSize: "small" }) }),
+              /* @__PURE__ */ t(Ye, { children: f.label })
+            ]
+          },
+          f.filterType
+        );
+      }) }) }) }) }), "children") })
+    ] })
+  ] });
+}, "ToolBox"), $n = /* @__PURE__ */ a((e) => {
+  const n = et(), i = me(), l = N((T) => T.dashboardDefinition), r = N((T) => T.publishedDashboard), o = N((T) => T.viewType), x = N((T) => T.renderGeneration), b = N((T) => T.llmCounter), g = (l == null ? void 0 : l.id) ?? null, [d, C] = L(null), [s, u] = L(), [m, c] = L(!1), [p, f] = L(!1), [_, B] = L(null), [G, z] = L(!1), R = te(null), P = te(null), H = te(null), j = te(null), E = he(), S = ze(() => `pad-${Math.random().toString(36).slice(2)}`, []);
+  q(() => {
+    var K;
+    if (e.turnOpen) return;
+    const T = i.getState().dashboardDefinition;
+    (K = T == null ? void 0 : T.cards) != null && K.some((re) => re.todoItem) && i.getState().updateDashboard({ cards: T.cards.map((re) => ({ ...re, todoItem: void 0 })) });
+  }, [e.turnOpen, i]);
+  const F = Y(() => {
+    const T = i.getState().dashboardDefinition;
+    if (!T || !e.onCompose) return;
+    const K = bt(T);
+    if (K) {
+      u(K), setTimeout(() => u(void 0), 2e3);
+      return;
+    }
+    e.onCompose(T);
+  }, [e.onCompose, i]), w = Y((T) => {
+    var K;
+    j.current = T.id ?? null, bt(T), i.getState().updateDashboard(T), (K = e.onChange) == null || K.call(e, T);
+  }, [e.onChange, i]), O = Y(async () => {
+    var K;
+    const T = i.getState().dashboardDefinition;
+    if (!(!(T != null && T.id) || !n)) {
+      c(!0);
+      try {
+        await at(n, T), (K = e.onChange) == null || K.call(e, T);
+      } catch (re) {
+        console.error("[@aintela/bi composer] Error saving dashboard:", re);
+      } finally {
+        c(!1);
+      }
+    }
+  }, [n, e.onChange, i]);
+  q(() => {
+    if (!n || !e.dashboardId || H.current || j.current === e.dashboardId) return;
+    C(null), i.getState().updateDashboard(void 0);
+    const T = n.getDashboard(e.dashboardId);
+    H.current = T, T.then((K) => w(Ne(K))).catch((K) => C(String(K))).finally(() => {
+      H.current = null;
+    });
+  }, [w, n, e.dashboardId, i]);
+  const k = Y(async () => {
+    if (n)
+      try {
+        w(await Ot(n, e.sessionId));
+      } catch (T) {
+        console.error("[@aintela/bi composer] Error creating new dashboard:", T);
+      }
+  }, [w, n, e.sessionId]), U = Y(() => {
+    i.getState().refreshDashboard();
+  }, [i]), J = Y(async () => {
+    const T = !p;
+    if (f(T), T && n) {
+      z(!0);
+      try {
+        B(await n.getDashboardHierarchy());
+      } catch (K) {
+        console.error("[@aintela/bi composer] Error fetching hierarchy:", K);
+      } finally {
+        z(!1);
+      }
+    }
+  }, [n, p]), Z = Y(async (T) => {
+    if (!(!T.id || !n)) {
+      f(!1);
+      try {
+        w(Ne(await n.getDashboard(T.id)));
+      } catch (K) {
+        console.error("[@aintela/bi composer] Error loading dashboard:", K);
+      }
+    }
+  }, [w, n]), ie = e.renderDashboardPicker, de = /* @__PURE__ */ a((T, K) => Be.cloneElement(K, { className: "llm-env-target llm-env-dashboard-action", "data-env-id": T, sx: { fontSize: 18 } }), "envIcon"), V = /* @__PURE__ */ a((T) => ({ border: T ? "0px" : `1px solid ${E.palette.divider}`, px: 1, py: 0, gap: 0.5, textTransform: "none" }), "viewToggleSx"), Q = /* @__PURE__ */ a((T, K) => ({ fontSize: "0.7rem", lineHeight: 1, maxWidth: T ? K : 0, overflow: "hidden", opacity: T ? 1 : 0, whiteSpace: "nowrap", transition: "max-width 0.25s ease, opacity 0.2s ease" }), "viewLabelSx");
+  return /* @__PURE__ */ y(ce, { className: "bi-dashboard-pad", sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ t(W, { sx: { display: "flex", py: 0.5, backgroundColor: E.palette.background.paper, borderBottom: `1px solid ${E.palette.divider}`, px: 1 }, children: /* @__PURE__ */ y(ce, { direction: "row", gap: 0.5, sx: { alignItems: "center", width: "100%", px: 1 }, children: [
+      !l && !d && /* @__PURE__ */ y(ce, { direction: "row", gap: 1, alignItems: "center", children: [
+        /* @__PURE__ */ t(ft, { size: 16 }),
+        /* @__PURE__ */ t(ae, { color: "text.secondary", children: "Carregando dashboard" })
+      ] }),
+      d && /* @__PURE__ */ y(ae, { color: "error", children: [
+        "Error creating dashboard: ",
+        d
+      ] }),
+      l && /* @__PURE__ */ y(we, { children: [
+        e.onBack && /* @__PURE__ */ t(Te, { onClick: e.onBack, icon: de("dashboard-pad-back", /* @__PURE__ */ t(Ai, {})), label: "Voltar" }),
+        /* @__PURE__ */ y(
+          on,
+          {
+            value: o,
+            exclusive: !0,
+            onChange: /* @__PURE__ */ a((T, K) => K && i.getState().setViewType(K), "onChange"),
+            size: "small",
+            className: "llm-env-target llm-env-view-toggle",
+            "data-env-id": "dashboard-pad-view-toggle",
+            sx: { height: 24, border: "0px", "& .Mui-selected": { border: `1px solid ${E.palette.divider}` } },
+            children: [
+              /* @__PURE__ */ y(qe, { value: "Sketch", className: "llm-env-target llm-env-action-sketch", "data-env-id": "dashboard-pad-view-sketch", sx: V(o == "Sketch"), children: [
+                /* @__PURE__ */ t(wt, { sx: { fontSize: 18 } }),
+                /* @__PURE__ */ t(ae, { component: "span", sx: Q(o === "Sketch", 50), children: "Sketch" })
+              ] }),
+              /* @__PURE__ */ y(qe, { value: "Generated", className: "llm-env-target llm-env-action-generated", "data-env-id": "dashboard-pad-view-generated", sx: V(o == "Generated"), children: [
+                /* @__PURE__ */ t(Ei, { sx: { fontSize: 18 } }),
+                /* @__PURE__ */ t(ae, { component: "span", sx: Q(o === "Generated", 70), children: "Dashboard" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(Ue, { orientation: "vertical", flexItem: !0, sx: { mx: 1 } }),
+        /* @__PURE__ */ t(W, { sx: { flex: 1, display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ t(
+          En,
+          {
+            onAddGeneric: /* @__PURE__ */ a(() => {
+              var T;
+              return (T = P.current) == null ? void 0 : T.addGenericCell();
+            }, "onAddGeneric"),
+            onAddTyped: /* @__PURE__ */ a((T, K, re) => {
+              var h;
+              return (h = P.current) == null ? void 0 : h.addTypedCell(T, K, re);
+            }, "onAddTyped"),
+            onAddFilter: /* @__PURE__ */ a((T) => {
+              var K;
+              return (K = P.current) == null ? void 0 : K.handleAddFilter(T);
+            }, "onAddFilter")
+          }
+        ) }),
+        /* @__PURE__ */ t(Ue, { orientation: "vertical", flexItem: !0, sx: { mx: 1 } }),
+        /* @__PURE__ */ y(ce, { direction: "row", gap: 0.25, alignItems: "center", children: [
+          n && /* @__PURE__ */ t(Te, { onClick: k, icon: de("dashboard-pad-new", /* @__PURE__ */ t(Mi, {})), label: "Novo" }),
+          n && /* @__PURE__ */ t(
+            Te,
+            {
+              onClick: m ? void 0 : O,
+              icon: /* @__PURE__ */ a(() => m ? /* @__PURE__ */ t(ft, { size: 14 }) : de("dashboard-pad-save", /* @__PURE__ */ t(_i, {})), "icon"),
+              label: "Salvar"
+            }
+          ),
+          /* @__PURE__ */ t(Te, { onClick: U, icon: de("dashboard-pad-refresh", /* @__PURE__ */ t(an, {})), label: "Atualizar" }),
+          n && ie && /* @__PURE__ */ t("div", { ref: R, children: /* @__PURE__ */ t(
+            Te,
+            {
+              onClick: J,
+              icon: /* @__PURE__ */ y(ce, { direction: "row", alignItems: "center", "data-env-id": "dashboard-pad-load", className: "llm-env-target llm-env-dashboard-action", children: [
+                /* @__PURE__ */ t($i, { sx: { fontSize: 18 } }),
+                /* @__PURE__ */ t(mt, { sx: { fontSize: 14, ml: -0.25 } })
+              ] }),
+              label: "Abrir"
+            }
+          ) }),
+          /* @__PURE__ */ t(ke, { open: !!s, title: s ?? "", placement: "bottom", slotProps: { tooltip: { sx: { backgroundColor: "error.dark" } } }, children: /* @__PURE__ */ y(
+            W,
+            {
+              className: "action-btn-fixed",
+              onClick: F,
+              sx: {
+                display: "inline-flex",
+                alignItems: "center",
+                height: 28,
+                borderRadius: 1,
+                px: 0.75,
+                cursor: "pointer",
+                color: E.palette.success.contrastText,
+                backgroundColor: E.palette.success.main,
+                "&:hover": { bgcolor: E.palette.success.light }
+              },
+              children: [
+                /* @__PURE__ */ t(ae, { component: "span", sx: { whiteSpace: "nowrap", fontSize: "0.7rem", lineHeight: 1, mr: 1 }, children: "Compose" }),
+                de("dashboard-pad-compose", /* @__PURE__ */ t(Ri, {}))
+              ]
+            }
+          ) })
+        ] })
+      ] })
+    ] }) }),
+    ie && /* @__PURE__ */ t(We, { open: p, anchorEl: R.current, placement: "bottom-end", transition: !0, sx: { zIndex: 1300 }, children: /* @__PURE__ */ a(({ TransitionProps: T }) => /* @__PURE__ */ t(Ve, { ...T, children: /* @__PURE__ */ t(Re, { elevation: 8, sx: { overflow: "hidden", minWidth: 320, maxWidth: 380 }, children: /* @__PURE__ */ t(je, { onClickAway: /* @__PURE__ */ a(() => f(!1), "onClickAway"), children: /* @__PURE__ */ t(W, { sx: { width: 360, maxWidth: "100%", height: 420 }, children: ie({ hierarchy: _, loading: G, selectedDashboardId: g, onSelect: /* @__PURE__ */ a((K) => void Z(K), "onSelect") }) }) }) }) }), "children") }),
+    o == "Sketch" && /* @__PURE__ */ y(ce, { sx: { flex: 1, minHeight: 0 }, children: [
+      e.showDebug && /* @__PURE__ */ t(Re, { variant: "outlined", sx: { maxHeight: 200, p: 1, overflow: "auto", "& pre": { bgcolor: "background.default", p: 1, borderRadius: 1, overflow: "auto", fontSize: 11, m: 0 } }, children: /* @__PURE__ */ t("pre", { children: JSON.stringify(l, void 0, 2) }) }),
+      /* @__PURE__ */ t("div", { style: { minHeight: "300px", flex: 1 }, children: /* @__PURE__ */ t(ot, { ref: P, renderId: S, headerExtra: e.headerExtra, renderDescription: e.renderDescription }) })
+    ] }),
+    o == "Generated" && (r == null ? void 0 : r.id) && /* @__PURE__ */ t(W, { sx: { flex: 1, minHeight: 0, overflow: "auto" }, children: /* @__PURE__ */ t(_e, { dashboard: r, codeGeneration: x, llmRenderCount: b, dragLocked: !1, editable: !0, onLayoutCommit: /* @__PURE__ */ a(() => i.getState().commitDashboardLayout(), "onLayoutCommit") }, r.id) })
+  ] });
+}, "DashboardPad");
+$n.displayName = "DashboardPad";
+const ht = 40, ka = 100, Ia = 150, An = Ct((e, n) => {
+  const i = e.defaultContentType ?? "default", l = te(0), r = Y(() => (l.current += 1, `Untitled-${l.current}`), []), [o, x] = L(() => e.tabs ?? [{ name: r(), contentType: i, id: Ie() }]), [b, g] = L(() => o[0].name), [d, C] = L(null), [s, u] = L(""), [m, c] = L(null), p = te(null), f = o.find((S) => S.name === b) ?? o[0] ?? null, _ = Y((S, F) => {
+    let w = S, O = 1;
+    for (; o.some((k) => k.name === w && k.name !== F); )
+      O += 1, w = `${S} (${O})`;
+    return w;
+  }, [o]), B = Y((S) => {
+    o.some((F) => F.name === S) && g(S);
+  }, [o]), G = Y((S, F) => {
+    var k;
+    const w = _(F ?? r()), O = { id: Ie(), name: w, contentType: S ?? i };
+    return x((U) => [...U, O]), g(w), (k = e.onTabCreate) == null || k.call(e, O), w;
+  }, [i, _, e.onTabCreate, r]), z = Y((S) => {
+    x((F) => {
+      var U, J;
+      const w = F.findIndex((Z) => Z.name === S);
+      if (w === -1) return F;
+      const O = F[w], k = F.filter((Z) => Z.name !== S);
+      if (k.length === 0) {
+        const Z = { name: r(), contentType: i, id: Ie() };
+        return g(Z.name), (U = e.onTabClose) == null || U.call(e, O), [Z];
+      }
+      return b === S && g(k[Math.min(w, k.length - 1)].name), (J = e.onTabClose) == null || J.call(e, O), k;
+    });
+  }, [b, i, e.onTabClose, r]);
+  Jt(n, () => ({ focusTab: B, createTab: G, closeTab: z, getActiveTab: /* @__PURE__ */ a(() => f, "getActiveTab"), getTabs: /* @__PURE__ */ a(() => o, "getTabs") }), [B, G, z, f, o]), q(() => {
+    var S;
+    f && ((S = e.onTabChange) == null || S.call(e, f));
+  }, [b]);
+  const R = /* @__PURE__ */ a((S) => {
+    C(S.name), u(S.name);
+  }, "startRename"), P = /* @__PURE__ */ a(() => {
+    var F;
+    if (!d) return;
+    const S = s.trim();
+    if (S && S !== d) {
+      const w = _(S, d), O = d;
+      x((U) => U.map((J) => J.name === d ? { ...J, name: w } : J)), b === d && g(w);
+      const k = o.find((U) => U.name === d);
+      k && ((F = e.onTabRename) == null || F.call(e, { ...k, name: w }, O));
+    }
+    C(null);
+  }, "commitRename"), H = /* @__PURE__ */ a((S) => {
+    S.key === "Enter" ? P() : S.key === "Escape" && C(null);
+  }, "handleRenameKeyDown");
+  q(() => {
+    d && p.current && (p.current.focus(), p.current.select());
+  }, [d]);
+  const j = /* @__PURE__ */ a((S) => {
+    var F;
+    (F = e.addMenuItems) != null && F.length ? c(S.currentTarget) : G();
+  }, "handleAddMenuOpen"), E = /* @__PURE__ */ t(Bi, { sx: { fontSize: 15, color: "text.secondary", flexShrink: 0 } });
+  return /* @__PURE__ */ y(W, { sx: { display: "flex", flexDirection: "column", height: "100%", overflow: "hidden" }, children: [
+    /* @__PURE__ */ y(W, { sx: { display: "flex", alignItems: "center", borderBottom: "1px solid", borderColor: "divider", backgroundColor: "background.paper", minHeight: ht, maxHeight: ht, overflow: "hidden" }, children: [
+      /* @__PURE__ */ t(W, { sx: { display: "flex", alignItems: "center", flex: 1, overflow: "auto", backgroundColor: "background.default", "&::-webkit-scrollbar": { height: 0 } }, children: o.map((S) => {
+        var O;
+        const F = S.name === b, w = S.name === d;
+        return /* @__PURE__ */ y(
+          W,
+          {
+            onClick: /* @__PURE__ */ a(() => {
+              w || g(S.name);
+            }, "onClick"),
+            onDoubleClick: /* @__PURE__ */ a(() => R(S), "onDoubleClick"),
+            sx: /* @__PURE__ */ a((k) => ({
+              display: "flex",
+              alignItems: "center",
+              gap: 0.5,
+              minWidth: ka,
+              maxWidth: Ia,
+              height: ht,
+              px: 1.5,
+              cursor: "pointer",
+              userSelect: "none",
+              borderBottom: "2px solid",
+              borderColor: F ? "primary.main" : "transparent",
+              backgroundColor: F ? k.palette.action.selected : k.palette.background.paper,
+              "&:hover": { backgroundColor: F ? k.palette.action.selected : k.palette.action.hover },
+              transition: "background-color 0.15s, border-color 0.15s"
+            }), "sx"),
+            children: [
+              ((O = e.renderTabIcon) == null ? void 0 : O.call(e, S)) ?? E,
+              w ? /* @__PURE__ */ t(
+                Fe,
+                {
+                  inputRef: p,
+                  value: s,
+                  onChange: /* @__PURE__ */ a((k) => u(k.target.value), "onChange"),
+                  onBlur: P,
+                  onKeyDown: H,
+                  variant: "standard",
+                  size: "small",
+                  slotProps: {
+                    input: { disableUnderline: !0, style: { fontSize: "0.75rem", fontWeight: 500, padding: "0px", height: 20, border: "0px" } },
+                    root: { style: { padding: "2px 0px 0px 0px", border: "0px" } }
+                  },
+                  sx: { minWidth: "30px", maxWidth: "80%" },
+                  onClick: /* @__PURE__ */ a((k) => k.stopPropagation(), "onClick")
+                }
+              ) : /* @__PURE__ */ t(ae, { variant: "caption", noWrap: !0, sx: { minWidth: "60px", fontWeight: F ? 600 : 400, color: F ? "text.primary" : "text.secondary", fontSize: "0.75rem" }, children: S.name }),
+              /* @__PURE__ */ t(
+                Pe,
+                {
+                  size: "small",
+                  onClick: /* @__PURE__ */ a((k) => {
+                    k.stopPropagation(), z(S.name);
+                  }, "onClick"),
+                  sx: { p: 0.2, opacity: F ? 0.7 : 0, "&:hover": { opacity: 1 }, transition: "opacity 0.15s" },
+                  "aria-label": "Fechar aba",
+                  children: /* @__PURE__ */ t(Fi, { sx: { fontSize: 14 } })
+                }
+              )
+            ]
+          },
+          S.name
+        );
+      }) }),
+      /* @__PURE__ */ t(Pe, { size: "small", onClick: j, sx: { mx: 0.5, flexShrink: 0 }, title: "Adicionar aba", children: /* @__PURE__ */ t(Ni, { sx: { fontSize: 18 } }) }),
+      e.addMenuItems && /* @__PURE__ */ t(Gi, { anchorEl: m, open: !!m, onClose: /* @__PURE__ */ a(() => c(null), "onClose"), anchorOrigin: { vertical: "bottom", horizontal: "left" }, transformOrigin: { vertical: "top", horizontal: "left" }, children: e.addMenuItems.map((S, F) => [
+        S.dividerBefore && /* @__PURE__ */ t(W, { component: "li", sx: { borderTop: "1px solid", borderColor: "divider" } }, `div-${F}`),
+        /* @__PURE__ */ y(
+          Ee,
+          {
+            onClick: /* @__PURE__ */ a(() => {
+              G(S.contentType), c(null);
+            }, "onClick"),
+            disabled: S.disabled,
+            children: [
+              S.icon && /* @__PURE__ */ t(Ke, { children: S.icon }),
+              /* @__PURE__ */ t(Ye, { children: S.label })
+            ]
+          },
+          S.label
+        )
+      ]) })
+    ] }),
+    o.map((S) => /* @__PURE__ */ t(W, { sx: { flex: 1, overflow: "auto", pr: 0, display: S.name === b ? "flex" : "none", flexDirection: "column" }, children: e.renderContent(S) }, S.id))
+  ] });
+});
+An.displayName = "DashboardPadEditor";
+const za = /* @__PURE__ */ a(({
+  orientation: e = "row",
+  datasets: n,
+  defaultTemplateDataset: i = "BI_TemplateModel",
+  agents: l,
+  agentId: r,
+  recommendedAgentId: o,
+  onAgentChange: x
+}) => {
+  const b = he(), g = me(), d = N((c) => {
+    var p;
+    return ((p = c.dashboardDefinition) == null ? void 0 : p.isDatasetParameterized) ?? !1;
+  }), C = N((c) => {
+    var p;
+    return (p = c.dashboardDefinition) == null ? void 0 : p.defaultDatasetName;
+  }), s = /* @__PURE__ */ a((c, p) => {
+    g.getState().updateDashboard({
+      isDatasetParameterized: p,
+      defaultDatasetName: p ? C ?? i : void 0
+    });
+  }, "handleToggle"), u = r ?? (o == null ? void 0 : o(d)) ?? "", m = e === "column";
+  return /* @__PURE__ */ y(
+    ce,
+    {
+      direction: m ? "column" : "row",
+      alignItems: m ? "stretch" : "center",
+      gap: m ? 0.75 : 1,
+      sx: m ? {} : { px: 1, py: 0.25, borderLeft: `1px solid ${b.palette.divider}` },
+      children: [
+        /* @__PURE__ */ y(ce, { direction: "row", alignItems: "center", gap: 0.5, children: [
+          /* @__PURE__ */ t(xt, { size: "small", checked: d, onChange: s, "data-env-id": "dashboard-pad-dataset-parameterized" }),
+          /* @__PURE__ */ t(ae, { variant: "body2", sx: { color: "text.secondary", whiteSpace: "nowrap", fontSize: m ? 11.5 : void 0 }, children: "DataSet Dinâmico" })
+        ] }),
+        d && /* @__PURE__ */ t(
+          Rt,
+          {
+            size: "small",
+            value: C ?? "",
+            onChange: /* @__PURE__ */ a((c) => g.getState().updateDashboard({ defaultDatasetName: c.target.value }), "onChange"),
+            displayEmpty: !0,
+            fullWidth: m,
+            sx: { minWidth: m ? void 0 : 160, fontSize: "0.8rem", "& .MuiSelect-select": { py: 0.5 } },
+            renderValue: /* @__PURE__ */ a((c) => {
+              var p;
+              return c ? ((p = n.find((f) => f.dataSetId === c)) == null ? void 0 : p.name) ?? c : "Default…";
+            }, "renderValue"),
+            children: n.map((c) => /* @__PURE__ */ t(Ee, { value: c.dataSetId, sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ y(W, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              /* @__PURE__ */ t("span", { children: c.name }),
+              c.isTemplate && /* @__PURE__ */ t(ae, { variant: "caption", sx: { color: "text.disabled" }, children: "(template)" })
+            ] }) }, c.dataSetId))
+          }
+        ),
+        l && /* @__PURE__ */ t(W, { sx: m ? {} : { borderLeft: `1px solid ${b.palette.divider}`, pl: 1 }, children: /* @__PURE__ */ t(
+          Rt,
+          {
+            size: "small",
+            value: u,
+            onChange: /* @__PURE__ */ a((c) => {
+              const p = l.find((f) => f.id === c.target.value);
+              p && (x == null || x(p));
+            }, "onChange"),
+            displayEmpty: !0,
+            fullWidth: m,
+            sx: { minWidth: m ? void 0 : 180, fontSize: "0.8rem", "& .MuiSelect-select": { py: 0.5 } },
+            renderValue: /* @__PURE__ */ a((c) => {
+              var p;
+              return ((p = l.find((f) => f.id === c)) == null ? void 0 : p.name) ?? "Agent…";
+            }, "renderValue"),
+            "data-env-id": "dashboard-pad-agent-picker",
+            children: l.map((c) => /* @__PURE__ */ t(Ee, { value: c.id, sx: { fontSize: "0.8rem" }, children: c.name }, c.id))
+          }
+        ) })
+      ]
+    }
+  );
+}, "DatasetParameterizationControls"), Oa = /* @__PURE__ */ a(({ backgroundColor: e, zoom: n = 0.7, width: i = "80%", title: l, config: r }) => /* @__PURE__ */ t(W, { sx: /* @__PURE__ */ a((o) => ({ display: "inline-flex", justifyContent: "left", width: "100%", border: `1px solid ${o.palette.divider}`, borderRadius: "10px", p: 2, maxHeight: "500px", overflow: "auto" }), "sx"), children: /* @__PURE__ */ y(ce, { gap: 2, sx: /* @__PURE__ */ a((o) => ({ p: 1, borderRadius: 2, backgroundColor: e ?? o.palette.background.paper, width: i, zoom: n }), "sx"), children: [
+  l && /* @__PURE__ */ t(ae, { variant: "body1", children: l }),
+  /* @__PURE__ */ t(Je, { container: !0, spacing: 1, children: r.map((o, x) => /* @__PURE__ */ t(Je, { size: o.size, maxHeight: 300, children: /* @__PURE__ */ t(W, { sx: { width: "100%", height: o.specificType == "Gauge" || o.specificType == "MetricComparison" ? "100px" : `${Math.max(o.height ?? 0, nt)}px` }, children: o.card }) }, `example-pad-card-${x}`)) })
+] }) }), "ExamplePad"), rt = /* @__PURE__ */ a((e) => {
+  const n = Ae(), i = e.specificType ?? "Generic", l = n.specificType[i] ?? n.specificType.Generic;
+  return /* @__PURE__ */ y(W, { sx: { ...e.sx, width: "100%", height: "100%", p: 1, gap: 0.2, textAlign: "justify" }, className: "react-grid-placeholder-example", children: [
+    /* @__PURE__ */ t(l, { fontSize: "small", sx: { float: "left", shapeOutside: "margin-box", mr: 0.5 } }),
+    /* @__PURE__ */ t(ae, { sx: { fontSize: "14px" }, children: `[${e.name}] - ${e.description}` })
+  ] });
+}, "ExampleCardSketch"), Pa = rt, Ea = rt, $a = /* @__PURE__ */ a(({ backgroundColor: e, zoom: n = 0.8, width: i = "100%", title: l, config: r }) => /* @__PURE__ */ y(ce, { gap: 2, sx: /* @__PURE__ */ a((o) => ({ p: 1, borderRadius: 2, backgroundColor: e ?? o.palette.background.paper, width: i, maxHeight: "1400px" }), "sx"), children: [
+  l && /* @__PURE__ */ t(ae, { variant: "body1", children: l }),
+  /* @__PURE__ */ t(Je, { container: !0, spacing: 1, sx: { zoom: n }, children: r.map((o, x) => /* @__PURE__ */ t(Je, { size: o.size, children: /* @__PURE__ */ t(W, { sx: { width: "100%", height: o.height ?? nt, "& > *": { width: "100%", maxHeight: "500px" } }, children: o.card }) }, `prototype-pad-card-${x}`)) })
+] }), "PrototypePad");
+function Aa(e, n, i, l, r) {
+  if (l === void 0) return { size: e, height: n, card: i };
+  const o = i;
+  return r !== void 0 && typeof r != "string" ? { size: e, height: n, name: o, specificType: l, card: r } : {
+    size: e,
+    height: n,
+    name: o,
+    specificType: l,
+    description: r,
+    card: /* @__PURE__ */ t(rt, { name: o, specificType: l, description: r })
+  };
+}
+a(Aa, "c");
+const Ma = /* @__PURE__ */ a((e, n) => ({
+  i: e,
+  name: n,
+  filterType: "DateRangePicker",
+  mandatory: !0,
+  parametersNames: [`${n}_inicio`, `${n}_fim`]
+}), "dateRange"), _a = /* @__PURE__ */ a((e, n, i = !1) => ({
+  i: e,
+  name: n,
+  filterType: "DatePicker",
+  mandatory: i,
+  parametersNames: [n]
+}), "datePicker"), Ra = /* @__PURE__ */ a((e, n, i = !0, l = !1) => ({
+  i: e,
+  name: n,
+  filterType: "AutoComplete",
+  mandatory: l,
+  multipleSelection: i,
+  parametersNames: [n]
+}), "autoComplete");
+function Fa(e, n) {
+  const i = rn();
+  q(() => {
+    var l, r;
+    n == "update" ? (l = i.updateDashboardPad) == null || l.call(i, e) : (r = i.createDashboardPad) == null || r.call(i, e);
+  }, []);
+}
+a(Fa, "useDashboardPad");
+const Mn = {
+  visible: { opacity: 1, y: 0, transition: { duration: 0.18, ease: "easeOut" } },
+  hidden: { opacity: 0, y: -12, transition: { duration: 0.18, ease: "easeOut" } }
+}, _n = {
+  hidden: { opacity: 0, x: 16, transition: { duration: 0.1, ease: "easeOut" } },
+  visible: { opacity: 1, x: 0, transition: { duration: 0.32, ease: "easeOut", delay: 0.22 } }
+}, Rn = { duration: 0.28, ease: "easeOut" }, Fn = {
+  visible: { opacity: 1, transition: { duration: 0.15 } },
+  hidden: { opacity: 0, transition: { duration: 0.15 } }
+}, Nn = {
+  hidden: { opacity: 0, transition: { duration: 0.15 } },
+  visible: { opacity: 1, transition: { duration: 0.15 } }
+}, Bn = { duration: 0.15, ease: "linear" }, Ln = {
+  kpi: { category: "Métrica", specificType: "MetricComparison" },
+  line: { category: "Gráfico", specificType: "ChartLine" },
+  bars: { category: "Gráfico", specificType: "ChartBarV" },
+  table: { category: "Tabela", specificType: "TableAuto" },
+  donut: { category: "Gráfico", specificType: "ChartDonut" },
+  heatmap: { category: "Tabela", specificType: "TableHeatmap" }
+};
+function Gn(e) {
+  return e.cells.map((n) => n.kind);
+}
+a(Gn, "templateKinds");
+function Hn(e, n) {
+  const i = n ?? `${e.id}-${Date.now()}`;
+  return e.cells.map((l, r) => {
+    const o = Ln[l.kind];
+    return {
+      i: `${i}-${r}`,
+      x: l.x,
+      y: l.y,
+      w: l.w,
+      h: l.h,
+      isResizable: !0,
+      category: o.category,
+      specificType: o.specificType,
+      name: l.name,
+      actionDescription: l.description
+    };
+  });
+}
+a(Hn, "seedFromTemplate");
+const At = [
+  {
+    id: "t1",
+    name: "Visão executiva",
+    desc: "KPIs principais + tendência mensal",
+    recommended: !0,
+    cells: [
+      { name: "Receita Total", kind: "kpi", description: "Receita acumulada no período vs. período anterior", x: 0, y: 0, w: 4, h: 4 },
+      { name: "Ticket Médio", kind: "kpi", description: "Valor médio por pedido", x: 4, y: 0, w: 4, h: 4 },
+      { name: "Conversão", kind: "kpi", description: "% de leads que viraram clientes", x: 8, y: 0, w: 4, h: 4 },
+      { name: "Tendência Mensal", kind: "line", description: "Evolução de receita mês a mês", x: 0, y: 4, w: 12, h: 7 },
+      { name: "Top 10 Clientes", kind: "table", description: "Ranking dos clientes com maior receita", x: 0, y: 11, w: 7, h: 7 },
+      { name: "Receita por Canal", kind: "donut", description: "Distribuição percentual da receita por canal de venda", x: 7, y: 11, w: 5, h: 7 }
+    ]
+  },
+  {
+    id: "t2",
+    name: "Análise comercial",
+    desc: "Funil de vendas + receita por canal",
+    cells: [
+      { name: "Pipeline", kind: "kpi", description: "Valor total do pipeline aberto", x: 0, y: 0, w: 6, h: 4 },
+      { name: "Win Rate", kind: "kpi", description: "% de oportunidades fechadas vs. perdidas", x: 6, y: 0, w: 6, h: 4 },
+      { name: "Receita Semanal", kind: "line", description: "Receita semanal nos últimos 90 dias", x: 0, y: 4, w: 7, h: 6 },
+      { name: "Vendas por Vendedor", kind: "bars", description: "Volume de vendas por representante comercial", x: 7, y: 4, w: 5, h: 6 },
+      { name: "Funil de Vendas", kind: "line", description: "Conversão por estágio do funil", x: 0, y: 10, w: 5, h: 6 },
+      { name: "Top Oportunidades", kind: "table", description: "Maiores oportunidades em aberto, ordenadas por valor", x: 5, y: 10, w: 7, h: 6 },
+      { name: "Receita por Canal", kind: "donut", description: "Distribuição da receita por canal de venda", x: 0, y: 16, w: 5, h: 6 },
+      { name: "Atividade da Equipe", kind: "heatmap", description: "Heatmap de atividade por vendedor por dia", x: 5, y: 16, w: 7, h: 6 }
+    ]
+  },
+  {
+    id: "t3",
+    name: "Operação",
+    desc: "Volume, ocupação e cancelamentos",
+    cells: [
+      { name: "Volume Diário", kind: "kpi", description: "Total de operações no dia atual", x: 0, y: 0, w: 4, h: 4 },
+      { name: "Ocupação", kind: "kpi", description: "% de capacidade utilizada", x: 4, y: 0, w: 4, h: 4 },
+      { name: "Cancelamentos", kind: "kpi", description: "% de operações canceladas no período", x: 8, y: 0, w: 4, h: 4 },
+      { name: "Volume por Origem", kind: "bars", description: "Top origens por volume de operações", x: 0, y: 4, w: 7, h: 6 },
+      { name: "SLA", kind: "line", description: "Tempo médio de processamento ao longo do dia", x: 7, y: 4, w: 5, h: 6 },
+      { name: "Pendências", kind: "table", description: "Operações pendentes ordenadas por SLA", x: 0, y: 10, w: 7, h: 6 },
+      { name: "Status", kind: "donut", description: "Distribuição percentual dos status (Aberto, Em andamento, Concluído)", x: 7, y: 10, w: 5, h: 6 }
+    ]
+  },
+  {
+    id: "t4",
+    name: "Em branco",
+    desc: "Comece do zero — adicione cards conforme pensa",
+    cells: []
+  }
+], Na = At;
+function ge(e) {
+  var l, r, o;
+  const n = e.palette, i = e.typography.fontFamilyMono;
+  return {
+    raised: ((l = n.surface) == null ? void 0 : l.raised) ?? n.background.paper,
+    hover: ((r = n.surface) == null ? void 0 : r.hover) ?? n.action.hover,
+    borderSoft: ((o = n.border) == null ? void 0 : o.soft) ?? n.divider,
+    fontFamilyMono: i ?? "ui-monospace, SFMono-Regular, Menlo, monospace"
+  };
+}
+a(ge, "resolveComposerSurfaces");
+function Ba() {
+  const e = /* @__PURE__ */ a(() => typeof window > "u" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight }, "read"), [n, i] = L(e);
+  return q(() => {
+    if (typeof window > "u") return;
+    const l = /* @__PURE__ */ a(() => i(e()), "onResize");
+    return window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
+  }, []), n;
+}
+a(Ba, "useWindowSize");
+const Wt = /* @__PURE__ */ a((e) => e.toString().padStart(2, "0"), "pad2"), pt = /* @__PURE__ */ a((e) => `${e.getFullYear()}-${Wt(e.getMonth() + 1)}-${Wt(e.getDate())}`, "isoDate"), Wn = /* @__PURE__ */ a((e) => {
+  const n = he(), i = ge(n), l = me(), r = N((O) => {
+    var k;
+    return ((k = O.publishedDashboard) == null ? void 0 : k.jsFileName) ?? null;
+  }), o = N((O) => O.publishedDashboard), x = N((O) => O.llmCounter), b = N((O) => O.renderGeneration), g = N((O) => {
+    var k;
+    return ((k = O.publishedDashboard) == null ? void 0 : k.id) ?? null;
+  }), d = N((O) => {
+    var k;
+    return ((k = O.publishedDashboard) == null ? void 0 : k.name) || "Dashboard";
+  }), C = N((O) => {
+    var k, U;
+    return ((U = (k = O.publishedDashboard) == null ? void 0 : k.cards) == null ? void 0 : U.length) ?? 0;
+  }), [s, u] = L(0), [m, c] = L(!1), [p, f] = L(e.defaultCollapsed ?? !1), [_, B] = L({});
+  q(() => {
+    if (!o) return;
+    const O = {}, k = /* @__PURE__ */ new Date(), U = new Date(k.getTime() - 1e3 * 3600 * 24 * 30);
+    for (const J of o.filters ?? [])
+      J.mandatory && (J.filterType == "DateRangePicker" ? (O[`${J.name}_inicio`] = pt(U), O[`${J.name}_fim`] = pt(k)) : J.filterType == "DatePicker" && (O[J.name] = pt(k)));
+    B(O);
+  }, [o == null ? void 0 : o.filters, o]);
+  const G = /* @__PURE__ */ a((O) => {
+    var k;
+    (k = e.onCollapseChange) == null || k.call(e, O), f(O);
+  }, "changeCollapse");
+  q(() => {
+    G(e.defaultCollapsed ?? !1);
+  }, [e.defaultCollapsed]);
+  const z = p ? "25%" : e.width, { width: R, height: P } = Ba(), H = R > P ? 1.7 : 1, j = P > R ? 1.7 : 1, E = Math.min(R, P) * H, S = Math.min(R, P) * j, F = !!r, w = { color: n.palette.text.secondary, p: 0.5, "&:hover": { color: n.palette.text.primary, backgroundColor: i.hover } };
+  return /* @__PURE__ */ t(tt, { initial: !1, children: F && o && /* @__PURE__ */ y(
+    se.aside,
+    {
+      initial: { width: 0, opacity: 0 },
+      animate: { width: z, opacity: 1 },
+      exit: { width: 0, opacity: 0 },
+      transition: { duration: 0.32, ease: [0.22, 0.8, 0.32, 1] },
+      style: { overflow: "hidden", display: "inline-flex", flexDirection: "column", borderLeft: `1px solid ${n.palette.divider}`, backgroundColor: n.palette.background.default, minHeight: 0 },
+      children: [
+        /* @__PURE__ */ y(se.div, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.28, delay: 0.08, ease: "easeOut" }, style: { display: "inline-flex", flexDirection: "column", minHeight: 0, position: "relative", height: "100%" }, children: [
+          /* @__PURE__ */ y(v, { sx: { display: "inline-flex", alignItems: "center", width: "100%", gap: 1, px: 1.75, py: 1.25, borderBottom: `1px solid ${n.palette.divider}`, backgroundColor: n.palette.background.paper }, children: [
+            /* @__PURE__ */ t(v, { sx: { color: n.palette.primary.main, display: "inline-flex" }, children: /* @__PURE__ */ t(De, { size: 15 }) }),
+            /* @__PURE__ */ t(ee, { sx: { color: n.palette.text.primary, fontWeight: 500, fontSize: 12.5, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: d }),
+            !p && /* @__PURE__ */ y(we, { children: [
+              /* @__PURE__ */ t(ee, { sx: { color: n.palette.text.disabled, fontSize: 11, flexShrink: 0 }, children: "·" }),
+              /* @__PURE__ */ y(ee, { sx: { fontFamily: i.fontFamilyMono, color: n.palette.text.secondary, fontSize: 11, flexShrink: 0 }, children: [
+                C,
+                " ",
+                C === 1 ? "card" : "cards"
+              ] })
+            ] }),
+            /* @__PURE__ */ t(v, { sx: { flex: 1 } }),
+            /* @__PURE__ */ t(ue, { title: "Atualizar dados (ignora cache)", placement: "top", children: /* @__PURE__ */ t(Se, { size: "small", onClick: /* @__PURE__ */ a(() => u((O) => O + 1), "onClick"), sx: w, "aria-label": "Atualizar dados", children: /* @__PURE__ */ t(an, { sx: { fontSize: 18 } }) }) }),
+            /* @__PURE__ */ t(ue, { title: p ? "Expandir" : "Diminuir", placement: "top", children: /* @__PURE__ */ t(Se, { size: "small", onClick: /* @__PURE__ */ a(() => G(!p), "onClick"), sx: w, "aria-label": p ? "Expandir" : "Diminuir", children: /* @__PURE__ */ t(Le, { size: 14 }) }) }),
+            /* @__PURE__ */ t(ue, { title: "Tela cheia", placement: "top", children: /* @__PURE__ */ t(Se, { size: "small", onClick: /* @__PURE__ */ a(() => c(!0), "onClick"), sx: w, "aria-label": "Abrir em tela cheia", children: /* @__PURE__ */ t(Li, { sx: { fontSize: "18px" } }) }) })
+          ] }),
+          /* @__PURE__ */ y(v, { sx: { display: "inline-flex", height: "100%", width: "100%", minHeight: 0, overflow: "auto", backgroundColor: n.palette.background.default }, children: [
+            g && !p && /* @__PURE__ */ t(
+              _e,
+              {
+                dragLocked: !1,
+                llmRenderCount: x + s,
+                codeGeneration: b,
+                dashboard: o,
+                editable: !0,
+                onLayoutCommit: /* @__PURE__ */ a(() => l.getState().commitDashboardLayout(), "onLayoutCommit"),
+                onFiltersChanged: /* @__PURE__ */ a((O) => B(O), "onFiltersChanged")
+              },
+              g
+            ),
+            g && p && /* @__PURE__ */ t(oi, { llmRenderCount: x + s, codeGeneration: b, dashboard: o, parameters: _ }, g)
+          ] })
+        ] }),
+        /* @__PURE__ */ y(ln, { open: m, onClose: /* @__PURE__ */ a(() => c(!1), "onClose"), maxWidth: !1, fullScreen: !0, slotProps: { paper: { sx: { backgroundColor: n.palette.background.default, backgroundImage: "none", color: n.palette.text.primary } } }, children: [
+          /* @__PURE__ */ y(v, { sx: { display: "flex", alignItems: "center", gap: 1, px: 2, py: 1.25, borderBottom: `1px solid ${n.palette.divider}`, backgroundColor: n.palette.background.paper, flexShrink: 0 }, children: [
+            /* @__PURE__ */ t(v, { sx: { color: n.palette.primary.main, display: "inline-flex" }, children: /* @__PURE__ */ t(De, { size: 16 }) }),
+            /* @__PURE__ */ t(ee, { sx: { color: n.palette.text.primary, fontWeight: 500, fontSize: 13.5 }, children: d }),
+            /* @__PURE__ */ t(ee, { sx: { color: n.palette.text.disabled, fontSize: 12 }, children: "·" }),
+            /* @__PURE__ */ y(ee, { sx: { fontFamily: i.fontFamilyMono, color: n.palette.text.secondary, fontSize: 12 }, children: [
+              C,
+              " ",
+              C === 1 ? "card" : "cards"
+            ] }),
+            /* @__PURE__ */ t(v, { sx: { flex: 1 } }),
+            /* @__PURE__ */ t(ue, { title: "Fechar", placement: "left", children: /* @__PURE__ */ t(Se, { size: "small", onClick: /* @__PURE__ */ a(() => c(!1), "onClick"), sx: { ...w, p: 0.75 }, "aria-label": "Fechar", children: /* @__PURE__ */ t(Tt, { size: 14 }) }) })
+          ] }),
+          /* @__PURE__ */ t(v, { sx: { width: "100%", justifyContent: "center", display: "inline-flex" }, children: /* @__PURE__ */ t(v, { sx: { minHeight: 0, overflow: "hidden", width: E, height: S, backgroundColor: n.palette.background.default }, children: g && /* @__PURE__ */ t(_e, { dragLocked: !1, llmRenderCount: x, codeGeneration: b, dashboard: o }, g) }) })
+        ] })
+      ]
+    },
+    "dashboard-side-panel"
+  ) });
+}, "DashboardSidePanelInner");
+Wn.displayName = "DashboardSidePanel";
+const Vn = Be.memo(Wn), La = it(ve), Ga = [], He = /* @__PURE__ */ a(({ children: e }) => /* @__PURE__ */ t(ee, { sx: /* @__PURE__ */ a((n) => ({ fontSize: 9.5, color: n.palette.text.disabled, textTransform: "uppercase", letterSpacing: 0.6, fontWeight: 500, lineHeight: 1.6 }), "sx"), children: e }), "RailSectionLabel");
+function Vt(e, n) {
+  const i = new Map(e.map((b) => [b.i, b])), l = new Map(n.map((b) => [b.i, b]));
+  let r = 0, o = 0, x = 0;
+  for (const [b, g] of i) {
+    const d = l.get(b);
+    d ? JSON.stringify(g) !== JSON.stringify(d) && x++ : r++;
+  }
+  for (const b of l.keys()) i.has(b) || o++;
+  return { added: r, removed: o, modified: x };
+}
+a(Vt, "diffById");
+function jt(e, n, i) {
+  return {
+    background: n.raised,
+    border: `1px solid ${e.palette.divider}`,
+    color: e.palette.text.primary,
+    fontFamily: e.typography.fontFamily,
+    fontSize: 11,
+    fontWeight: 500,
+    px: 1,
+    py: 0.625,
+    borderRadius: 1,
+    cursor: i ? "not-allowed" : "pointer",
+    opacity: i ? 0.45 : 1,
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    gap: 0.625,
+    transition: "filter .12s, background-color .12s, border-color .12s, color .12s",
+    "&:hover": i ? void 0 : { backgroundColor: n.hover }
+  };
+}
+a(jt, "railActionPill");
+const Ha = /* @__PURE__ */ a(({ locked: e, name: n, onNameChange: i, layoutType: l, onLayoutTypeChange: r, onAddGenericCard: o, onAddTypedCard: x, onAddFilter: b, cardsOpened: g, filters: d, onEditFilter: C, onDeleteFilter: s, datasetControls: u }) => {
+  const m = he(), c = ge(m), p = Ae(), [f, _] = L(null), [B, G] = L(null), z = te(null), [R, P] = L(!1);
+  q(() => {
+    z.current && g && z.current.click();
+  }, [g]);
+  const H = { display: "flex", flexDirection: "column", gap: 0.5, px: 1, pt: 1, pb: 0.875, borderBottom: `1px solid ${c.borderSoft}` }, j = { fontSize: 12, color: m.palette.text.primary, "&:hover": { backgroundColor: c.hover } }, E = { backgroundColor: c.raised, border: `1px solid ${m.palette.divider}`, ml: 0.5, minWidth: 260, maxHeight: 420, overflow: "auto" };
+  return /* @__PURE__ */ y(
+    se.aside,
+    {
+      animate: { width: R ? 44 : "12vw" },
+      transition: { duration: 0.22, ease: [0.22, 0.8, 0.32, 1] },
+      style: { flexShrink: 0, display: "flex", flexDirection: "column", borderRight: `1px solid ${c.borderSoft}`, backgroundColor: m.palette.background.paper, overflow: "hidden", minHeight: 0 },
+      children: [
+        /* @__PURE__ */ y(v, { sx: { flexShrink: 0, display: "flex", alignItems: "center", gap: 0.625, pl: 1, pr: 1, py: 1.5, borderBottom: `1px solid ${c.borderSoft}` }, children: [
+          /* @__PURE__ */ t(ue, { title: R ? "Expandir painel" : "Recolher painel", placement: "right", children: /* @__PURE__ */ t(Se, { size: "small", onClick: /* @__PURE__ */ a(() => P((S) => !S), "onClick"), sx: { color: m.palette.text.primary, p: 0.5, flexShrink: 0, "&:hover": { color: m.palette.primary.main } }, "aria-label": R ? "Expandir painel" : "Recolher painel", children: /* @__PURE__ */ t(Le, { size: 13 }) }) }),
+          !R && /* @__PURE__ */ t(ee, { sx: { color: m.palette.text.primary, fontWeight: 500, fontSize: 11.5, lineHeight: 1.2, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: "Desenhe seu prompt" })
+        ] }),
+        !R && /* @__PURE__ */ y(v, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ y(v, { sx: { ...H, gap: 0.25 }, children: [
+            /* @__PURE__ */ t(He, { children: "Nome" }),
+            /* @__PURE__ */ t(v, { sx: { color: m.palette.text.primary, fontFamily: m.typography.fontFamily, fontSize: 12 }, children: /* @__PURE__ */ t(Ge, { placeHolderText: "novo dashboard", onEdit: i, text: n, fontSize: 12 }) })
+          ] }),
+          /* @__PURE__ */ y(v, { sx: { ...H, p: 1 }, children: [
+            /* @__PURE__ */ y(
+              v,
+              {
+                ref: z,
+                component: "button",
+                onClick: /* @__PURE__ */ a((S) => _(S.currentTarget), "onClick"),
+                disabled: e,
+                "data-env-id": "dashboardpad-add-card",
+                "data-env-key": "dashboardpad-add-card-dropdown",
+                className: "llm-env-target llm-env-dashboard-action",
+                sx: jt(m, c, e),
+                children: [
+                  /* @__PURE__ */ t(yt, { size: 11 }),
+                  /* @__PURE__ */ t(v, { component: "span", children: "Card" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ y(v, { component: "button", onClick: /* @__PURE__ */ a((S) => G(S.currentTarget), "onClick"), disabled: e, "data-env-id": "dashboardpad-add-filter", className: "llm-env-target llm-env-dashboard-action", sx: jt(m, c, e), children: [
+              /* @__PURE__ */ t(ji, { size: 11 }),
+              /* @__PURE__ */ t(v, { component: "span", children: "Filtro" })
+            ] })
+          ] }),
+          d.length > 0 ? /* @__PURE__ */ y(v, { sx: { p: 1, display: "flex", flexDirection: "column", gap: 0.625 }, children: [
+            /* @__PURE__ */ y(He, { children: [
+              "Filtros · ",
+              d.length
+            ] }),
+            d.map((S) => /* @__PURE__ */ t($t, { filter: S, onEdit: C, onDelete: s }, S.i))
+          ] }) : /* @__PURE__ */ t(v, { sx: { p: 1, display: "flex", alignItems: "flex-start" }, children: /* @__PURE__ */ y(ee, { sx: { fontSize: 10, color: m.palette.text.disabled, fontStyle: "italic", lineHeight: 1.4 }, children: [
+            "Nenhum filtro ainda. Use ",
+            /* @__PURE__ */ t("b", { children: "+ Filtro" }),
+            " para adicionar."
+          ] }) }),
+          /* @__PURE__ */ y(v, { sx: { ...H, borderBottom: "none", borderTop: `1px solid ${c.borderSoft}` }, children: [
+            /* @__PURE__ */ t(He, { children: "Layout" }),
+            /* @__PURE__ */ y(
+              Qi,
+              {
+                exclusive: !0,
+                size: "small",
+                value: l,
+                onChange: /* @__PURE__ */ a((S, F) => F && r(F), "onChange"),
+                disabled: e,
+                "data-env-id": "dashboard-pad-layout-toggle",
+                className: "llm-env-target llm-env-layout-toggle",
+                sx: {
+                  height: 24,
+                  "& .MuiToggleButton-root": {
+                    flex: 1,
+                    px: 0.875,
+                    py: 0,
+                    fontSize: 10.5,
+                    textTransform: "none",
+                    color: m.palette.text.secondary,
+                    border: `1px solid ${m.palette.divider}`,
+                    "&.Mui-selected": { color: m.palette.text.primary, backgroundColor: c.hover },
+                    "&.Mui-selected:hover": { backgroundColor: c.hover }
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ t(Gt, { value: "Boxed", "data-env-id": "dashboard-pad-layout-boxed", children: "Boxed" }),
+                  /* @__PURE__ */ t(Gt, { value: "Naked", "data-env-id": "dashboard-pad-layout-naked", children: "Naked" })
+                ]
+              }
+            )
+          ] }),
+          u && /* @__PURE__ */ y(v, { sx: { ...H, borderBottom: "none", borderTop: `1px solid ${c.borderSoft}` }, children: [
+            /* @__PURE__ */ t(He, { children: "Dataset / Agent" }),
+            u
+          ] })
+        ] }),
+        /* @__PURE__ */ t(Lt, { open: !!f, anchorEl: f, onClose: /* @__PURE__ */ a(() => _(null), "onClose"), anchorOrigin: { vertical: "top", horizontal: "right" }, transformOrigin: { vertical: "top", horizontal: "left" }, slotProps: { paper: { sx: E } }, children: /* @__PURE__ */ y(Bt, { dense: !0, children: [
+          /* @__PURE__ */ y(
+            dt,
+            {
+              onClick: /* @__PURE__ */ a(() => {
+                o(), _(null);
+              }, "onClick"),
+              sx: j,
+              children: [
+                /* @__PURE__ */ t(lt, { sx: { color: m.palette.primary.main, minWidth: 28 }, children: /* @__PURE__ */ t(yt, { size: 14 }) }),
+                /* @__PURE__ */ t(st, { primaryTypographyProps: { fontSize: 12, fontWeight: 500 }, secondaryTypographyProps: { fontSize: 10.5, color: m.palette.text.disabled }, primary: "Genérico", secondary: "Card sem tipo definido — você ou o agente preenche depois" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(Nt, { sx: { borderColor: c.borderSoft } }),
+          Object.entries(La).map(([S, F], w) => {
+            const O = p.category[S];
+            return /* @__PURE__ */ y(v, { children: [
+              w > 0 && /* @__PURE__ */ t(Nt, { sx: { borderColor: c.borderSoft } }),
+              /* @__PURE__ */ y(ee, { sx: { px: 2, pt: 1, pb: 0.5, fontSize: 10, textTransform: "uppercase", letterSpacing: 0.6, color: m.palette.text.disabled, display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                /* @__PURE__ */ t(O, { fontSize: "inherit" }),
+                " ",
+                S
+              ] }),
+              F.map((k) => {
+                const U = p.specificType[k.specificType];
+                return /* @__PURE__ */ y(
+                  dt,
+                  {
+                    onClick: /* @__PURE__ */ a(() => {
+                      x(k.category, k.specificType), _(null);
+                    }, "onClick"),
+                    sx: j,
+                    children: [
+                      /* @__PURE__ */ t(lt, { sx: { color: m.palette.text.secondary, minWidth: 28 }, children: /* @__PURE__ */ t(U, { fontSize: "small" }) }),
+                      /* @__PURE__ */ t(st, { primaryTypographyProps: { fontSize: 12 }, children: k.label })
+                    ]
+                  },
+                  k.specificType
+                );
+              })
+            ] }, S);
+          })
+        ] }) }),
+        /* @__PURE__ */ t(Lt, { open: !!B, anchorEl: B, onClose: /* @__PURE__ */ a(() => G(null), "onClose"), anchorOrigin: { vertical: "top", horizontal: "right" }, transformOrigin: { vertical: "top", horizontal: "left" }, slotProps: { paper: { sx: { ...E, minWidth: 220, maxHeight: void 0 } } }, children: /* @__PURE__ */ t(Bt, { dense: !0, children: kt.map((S) => {
+          const F = p.filterType[S.filterType];
+          return /* @__PURE__ */ y(
+            dt,
+            {
+              onClick: /* @__PURE__ */ a(() => {
+                b(S.filterType), G(null);
+              }, "onClick"),
+              sx: j,
+              children: [
+                /* @__PURE__ */ t(lt, { sx: { color: m.palette.text.secondary, minWidth: 28 }, children: /* @__PURE__ */ t(F, { fontSize: "small" }) }),
+                /* @__PURE__ */ t(st, { primaryTypographyProps: { fontSize: 12 }, children: S.label })
+              ]
+            },
+            S.filterType
+          );
+        }) }) })
+      ]
+    }
+  );
+}, "LeftRail");
+function jn(e) {
+  const [n, i] = L(!1), l = te(!0);
+  return q(() => {
+    if (l.current) {
+      l.current = !1;
+      return;
+    }
+    i(e > 0);
+    const r = window.setTimeout(() => i(!1), 2500);
+    return () => window.clearTimeout(r);
+  }, [e]), n;
+}
+a(jn, "usePulseTooltip");
+const Un = /* @__PURE__ */ a((e, n, i) => ({
+  initial: i > 0 ? { scale: 1.18, backgroundColor: e.palette.primary.main, borderColor: e.palette.primary.main } : !1,
+  animate: { scale: 1, backgroundColor: n.raised, borderColor: e.palette.divider },
+  transition: { duration: 2, ease: [0.22, 0.8, 0.32, 1] },
+  style: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 6,
+    backgroundColor: n.raised,
+    borderStyle: "solid",
+    borderWidth: 1,
+    borderColor: e.palette.divider,
+    borderRadius: 999,
+    paddingLeft: 10,
+    paddingRight: 4,
+    paddingTop: 3,
+    paddingBottom: 3,
+    fontSize: 11,
+    color: e.palette.text.primary,
+    transformOrigin: "center center"
+  }
+}), "chipMotionProps"), Kn = /* @__PURE__ */ a(({ cardCount: e, surfaces: n }) => /* @__PURE__ */ y(we, { children: [
+  /* @__PURE__ */ t(v, { sx: /* @__PURE__ */ a((i) => ({ color: i.palette.primary.main, display: "inline-flex" }), "sx"), children: /* @__PURE__ */ t(Le, { size: 12 }) }),
+  /* @__PURE__ */ t(v, { component: "span", sx: { fontWeight: 500 }, children: "Sketch" }),
+  /* @__PURE__ */ t(v, { component: "span", sx: /* @__PURE__ */ a((i) => ({ color: i.palette.text.disabled }), "sx"), children: "·" }),
+  /* @__PURE__ */ y(v, { component: "span", sx: /* @__PURE__ */ a((i) => ({ fontFamily: n.fontFamilyMono, color: i.palette.text.secondary }), "sx"), children: [
+    e,
+    " ",
+    e === 1 ? "card" : "cards"
+  ] })
+] }), "ChipHead"), Wa = /* @__PURE__ */ a(({ cardCount: e, expanded: n, locked: i, onToggle: l, pulseTick: r = 0 }) => {
+  const o = he(), x = ge(o), b = jn(r);
+  return /* @__PURE__ */ t(
+    ue,
+    {
+      title: "O agente atualizou o sketch — clique em editar para ver",
+      placement: "top-end",
+      arrow: !0,
+      slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, 5] } }] }, tooltip: { sx: { backgroundColor: x.raised, border: `1px solid ${o.palette.primary.dark}`, color: o.palette.primary.dark } } },
+      open: b,
+      disableHoverListener: !0,
+      disableFocusListener: !0,
+      disableTouchListener: !0,
+      children: /* @__PURE__ */ y(se.div, { ...Un(o, x, r), children: [
+        /* @__PURE__ */ t(Kn, { cardCount: e, surfaces: x }),
+        /* @__PURE__ */ t(ue, { title: n ? "Recolher sketch" : "Editar sketch", placement: "top", children: /* @__PURE__ */ t(
+          v,
+          {
+            component: "button",
+            onClick: l,
+            disabled: i,
+            sx: {
+              background: x.raised,
+              border: `1px solid ${o.palette.divider}`,
+              color: o.palette.text.primary,
+              fontFamily: o.typography.fontFamily,
+              fontSize: 11.5,
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 0.625,
+              pl: 1,
+              pr: 1.25,
+              py: 0.625,
+              borderRadius: 999,
+              cursor: i ? "not-allowed" : "pointer",
+              opacity: i ? 0.45 : 1,
+              transition: "background-color 2s, border-color 2s",
+              "&:hover": i ? void 0 : { backgroundColor: x.hover, borderColor: o.palette.primary.main }
+            },
+            children: n ? /* @__PURE__ */ t(Le, { size: 13 }) : /* @__PURE__ */ t(ea, { sx: { fontSize: 14 } })
+          }
+        ) })
+      ] }, r + i.toString())
+    }
+  );
+}, "SketchChip"), Va = /* @__PURE__ */ a(({ cardCount: e, locked: n, onCreate: i, pulseTick: l = 0 }) => {
+  const r = he(), o = ge(r), x = jn(l), b = n || !i;
+  return /* @__PURE__ */ t(
+    ue,
+    {
+      title: "O agente atualizou o sketch — clique em editar para ver",
+      placement: "top",
+      slotProps: { popper: { modifiers: [{ name: "offset", options: { offset: [0, 5] } }] }, tooltip: { sx: { backgroundColor: o.raised, color: r.palette.primary.main } } },
+      open: x,
+      disableHoverListener: !0,
+      disableFocusListener: !0,
+      disableTouchListener: !0,
+      children: /* @__PURE__ */ y(se.div, { ...Un(r, o, l), children: [
+        /* @__PURE__ */ t(Kn, { cardCount: e, surfaces: o }),
+        /* @__PURE__ */ y(
+          v,
+          {
+            component: "button",
+            onClick: i,
+            disabled: b,
+            "data-env-id": "dashboard-pad-new",
+            className: "llm-env-target llm-env-dashboard-action",
+            sx: {
+              background: o.raised,
+              border: "none",
+              color: r.palette.text.primary,
+              fontFamily: r.typography.fontFamily,
+              fontSize: 11.5,
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 0.625,
+              pl: 1,
+              pr: 1.25,
+              py: 0.625,
+              borderRadius: 999,
+              cursor: b ? "not-allowed" : "pointer",
+              opacity: b ? 0.45 : 1,
+              transition: "background-color .12s, border-color .12s",
+              "&:hover": b ? void 0 : { backgroundColor: o.hover, borderColor: r.palette.primary.main }
+            },
+            children: [
+              /* @__PURE__ */ t(v, { sx: { color: r.palette.primary.main, display: "inline-flex", backgroundColor: r.palette.background.default, borderRadius: 999, p: 0.25, border: `1px solid ${o.borderSoft}` }, children: /* @__PURE__ */ t(yt, { size: 11 }) }),
+              /* @__PURE__ */ t(v, { component: "span", sx: { fontWeight: 500 }, children: "Adicionar sketch" }),
+              /* @__PURE__ */ t(v, { component: "span", sx: { color: r.palette.text.disabled, fontFamily: o.fontFamilyMono, fontSize: 10.5 }, children: "desenhe o layout antes de pedir" })
+            ]
+          }
+        )
+      ] }, l)
+    }
+  );
+}, "AddSketchChip"), Yn = Ct(({ onCreateSketch: e, onBeforeSend: n, sketchExpanded: i, bottomSlot: l, zoomLevel: r, onSketchExpandedChange: o, seedDraft: x, compact: b, datasetControls: g, renderDescription: d }, C) => {
+  const s = me(), [u, m] = L(x);
+  q(() => {
+    m(x);
+  }, [x]);
+  const c = te(null), p = N((D) => D.agentPulseTick), f = N((D) => {
+    var $;
+    return (($ = D.dashboardDefinition) == null ? void 0 : $.id) ?? null;
+  }), _ = N((D) => {
+    var $;
+    return (($ = D.dashboardDefinition) == null ? void 0 : $.name) ?? "";
+  }), B = N((D) => {
+    var $, oe;
+    return ((oe = ($ = D.dashboardDefinition) == null ? void 0 : $.cards) == null ? void 0 : oe.length) ?? 0;
+  }), G = N((D) => {
+    var $, oe;
+    return ((oe = ($ = D.dashboardDefinition) == null ? void 0 : $.filters) == null ? void 0 : oe.length) ?? 0;
+  }), z = N((D) => D.currentSessionId), R = N((D) => {
+    var $;
+    return ($ = D.dashboardDefinition) == null ? void 0 : $.filters;
+  }) ?? Ga, P = N((D) => {
+    var $;
+    return (($ = D.dashboardDefinition) == null ? void 0 : $.layoutType) ?? "Boxed";
+  }), H = N((D) => D.turnOpen), j = N((D) => {
+    var $;
+    return (($ = D.dashboardDefinition) == null ? void 0 : $.clientSideChanges) ?? null;
+  }), E = N((D) => D.dashboardDefinition), S = N((D) => D.lastSentDashboard), [F, w] = L(!1), O = ze(() => {
+    if (!E && !S) return { hasAny: !1, text: null };
+    if (!E || !S) return { hasAny: !0, text: "Sketch alterado" };
+    const D = Vt(E.cards ?? [], S.cards ?? []), $ = Vt(E.filters ?? [], S.filters ?? []), oe = (E.name ?? "") !== (S.name ?? ""), fe = (E.layoutType ?? "Boxed") !== (S.layoutType ?? "Boxed");
+    if (D.added + D.removed + D.modified + $.added + $.removed + $.modified === 0 && !oe && !fe) return { hasAny: !1, text: null };
+    const pe = [];
+    return D.added && pe.push(`+${D.added} ${D.added === 1 ? "card" : "cards"}`), D.removed && pe.push(`-${D.removed} ${D.removed === 1 ? "card" : "cards"}`), D.modified && pe.push(`${D.modified} ${D.modified === 1 ? "card alterado" : "cards alterados"}`), $.added && pe.push(`+${$.added} ${$.added === 1 ? "filtro" : "filtros"}`), $.removed && pe.push(`-${$.removed} ${$.removed === 1 ? "filtro" : "filtros"}`), $.modified && pe.push(`${$.modified} ${$.modified === 1 ? "filtro alterado" : "filtros alterados"}`), pe.length === 0 && pe.push("Sketch alterado"), { hasAny: !0, text: pe.join(" · ") };
+  }, [E, S]), k = O.hasAny, U = O.text, J = !!f || B > 0 || G > 0, Z = /* @__PURE__ */ a(async (D) => {
+    m(""), s.getState().commitForSend(), n && await n(D);
+  }, "handleOnBefore"), ie = i ?? !1, de = /* @__PURE__ */ a((D) => o == null ? void 0 : o(D), "setSketchExpanded"), V = /* @__PURE__ */ a(() => {
+    w(!0), setTimeout(() => w(!1), 1e3);
+  }, "handleForceOpenCard"), Q = /* @__PURE__ */ a((D) => {
+    const $ = D.length === 0 ? "Untitled Dashboard" : D;
+    s.getState().recordSketchChange("dashboard:name", `Renamed dashboard to '${$}'`), s.getState().updateDashboard({ name: $ });
+  }, "handleNameChange"), T = /* @__PURE__ */ a((D) => {
+    s.getState().recordSketchChange("dashboard:layoutType", `Set layout type to ${D}`), s.getState().updateDashboard({ layoutType: D });
+  }, "handleLayoutTypeChange"), K = /* @__PURE__ */ a(() => {
+    var D;
+    return (D = c.current) == null ? void 0 : D.addGenericCell();
+  }, "handleAddGenericCard"), re = /* @__PURE__ */ a((D, $) => {
+    var oe;
+    return (oe = c.current) == null ? void 0 : oe.addTypedCell(D, $, "");
+  }, "handleAddTypedCard"), h = /* @__PURE__ */ a((D) => {
+    var $;
+    return ($ = c.current) == null ? void 0 : $.handleAddFilter(D);
+  }, "handleAddFilter"), I = /* @__PURE__ */ a((D) => {
+    var oe;
+    const $ = ((oe = s.getState().dashboardDefinition) == null ? void 0 : oe.filters) ?? [];
+    s.getState().recordSketchChange(`filter:${D.i}:edit`, `Edited filter '${D.name}'`), s.getState().updateDashboard({ filters: $.map((fe) => fe.i === D.i ? { ...D } : fe) });
+  }, "handleEditFilter"), A = /* @__PURE__ */ a((D) => {
+    var fe;
+    const $ = ((fe = s.getState().dashboardDefinition) == null ? void 0 : fe.filters) ?? [], oe = $.find((be) => be.i === D);
+    s.getState().recordSketchChange(`filter:${D}:delete`, `Deleted filter '${(oe == null ? void 0 : oe.name) ?? D}'`), s.getState().updateDashboard({ filters: $.filter((be) => be.i !== D) });
+  }, "handleDeleteFilter"), M = /* @__PURE__ */ y(v, { sx: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ y(tt, { mode: "wait", initial: !1, children: [
+      !J && !ie && /* @__PURE__ */ t(se.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: "auto" }, exit: { opacity: 0, height: 0 }, transition: { duration: 0.18, ease: "easeOut" }, children: /* @__PURE__ */ t(v, { sx: { px: 1.25, py: 1, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ t(Va, { onCreate: e, locked: H, cardCount: B, pulseTick: p }) }) }, "add-sketch"),
+      ie && /* @__PURE__ */ t(se.div, { style: { overflow: "hidden" }, initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: "auto" }, exit: { opacity: 0, height: 0 }, transition: { duration: 0.25, ease: "easeOut" }, children: /* @__PURE__ */ y(v, { sx: /* @__PURE__ */ a((D) => ({ flexShrink: 0, height: "min(50vh, 300px)", minHeight: 280, display: "flex", flexDirection: "row", overflow: "auto", background: D.palette.background.default }), "sx"), children: [
+        /* @__PURE__ */ t(
+          Ha,
+          {
+            locked: H,
+            name: _,
+            onNameChange: Q,
+            layoutType: P,
+            onLayoutTypeChange: T,
+            onAddGenericCard: K,
+            onAddTypedCard: re,
+            onAddFilter: h,
+            cardsOpened: F,
+            filters: R,
+            onEditFilter: I,
+            onDeleteFilter: A,
+            datasetControls: g
+          }
+        ),
+        /* @__PURE__ */ t(v, { sx: { flex: 1, pt: 1, minWidth: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ t(ot, { ref: c, zoomLevel: r, onAddCard: V, renderId: "composer-pad", hideInternalHeader: !0, hideFiltersInSketch: !0, renderDescription: d }) })
+      ] }) }, "sketch-expanded")
+    ] }),
+    J && /* @__PURE__ */ t(
+      se.div,
+      {
+        initial: { opacity: ie ? 0 : 1, height: 0, display: ie ? "flex" : "none" },
+        animate: { opacity: ie ? 0 : 1, height: "auto", display: ie ? "none" : "flex" },
+        exit: { opacity: J ? 1 : 0, height: 0, display: "flex" },
+        transition: { duration: 0.5, ease: "easeInOut" },
+        children: /* @__PURE__ */ y(v, { sx: { display: "flex", alignItems: "center", gap: 1, px: 1.25, py: 0.875 }, children: [
+          /* @__PURE__ */ t(Wa, { cardCount: B, expanded: ie, locked: H, onToggle: /* @__PURE__ */ a(() => de(!ie), "onToggle"), pulseTick: p }),
+          /* @__PURE__ */ t(ee, { sx: /* @__PURE__ */ a((D) => ({ color: D.palette.text.primary, fontWeight: 500, fontSize: 11.5, lineHeight: 1.2, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }), "sx"), children: _ })
+        ] })
+      },
+      "filled-sketch"
+    )
+  ] }), X = ze(() => {
+    const D = "Será enviado junto com a mensagem", $ = Dt(j ?? void 0);
+    return $ ? `${D}:
+
+${$}` : D;
+  }, [j]);
+  return /* @__PURE__ */ t(
+    Vi,
+    {
+      ref: C,
+      seedDraft: u,
+      showLastPrompts: !1,
+      topSlot: M,
+      topSlotCollapsible: J || ie,
+      topSlotExpanded: ie,
+      onTopSlotExpandedChange: de,
+      onBeforeSend: Z,
+      sendButtonProps: { "data-env-id": "dashboard-pad-compose", className: "llm-env-target llm-env-dashboard-action" },
+      allowEmptyDraft: k,
+      submitAdornment: U ? /* @__PURE__ */ t(ue, { placement: "top", title: X, slotProps: { tooltip: { sx: { whiteSpace: "pre-line", maxWidth: 360, fontSize: 11.5, lineHeight: 1.4, fontFamily: /* @__PURE__ */ a((D) => D.typography.fontFamily, "fontFamily") } } }, children: /* @__PURE__ */ t(v, { sx: /* @__PURE__ */ a((D) => ({ display: "inline-flex", alignItems: "center", gap: 0.5, px: 0.875, py: 0.25, mr: 0.75, borderRadius: 999, border: `1px solid ${D.palette.primary.dark}`, color: D.palette.primary.main, fontFamily: D.typography.fontFamily, fontSize: 10.5, lineHeight: 1.2, whiteSpace: "nowrap", pointerEvents: "auto" }), "sx"), children: U }) }) : null,
+      inputMinHeight: ie || b ? 40 : 120
+    },
+    z ?? "no-session"
+  );
+});
+Yn.displayName = "DrawablePrompt";
+const qn = Be.memo(Yn), Jn = [
+  {
+    label: "Compare vendas e reservas por semana, focando em rotas internacionais",
+    prompt: "Crie uma sugestão de dashboard de vendas e reservas por semana, focando em rotas nacionais. Envie um rascunho pronto para carregar na minha interface."
+  },
+  {
+    label: "Me ajude a entender como o Dashboard Composer funciona",
+    prompt: "Me ajude a entender como o Dashboard Composer funciona. Apresente os tipos de gráficos e depois envie um guia ao vivo, do passo a passo da interface"
+  }
+];
+function ja({ kinds: e, accent: n }) {
+  const i = he(), l = ge(i), r = n ? i.palette.primary.main : i.palette.text.disabled;
+  return e.length === 0 ? /* @__PURE__ */ t(v, { sx: { width: "100%", height: 56, display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 0.375 }, children: Array.from({ length: 6 }).map((o, x) => /* @__PURE__ */ t(v, { sx: { background: i.palette.background.default, border: `1px dashed ${l.borderSoft}`, borderRadius: 0.5 } }, x)) }) : /* @__PURE__ */ t(v, { sx: { width: "100%", height: 56, display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 0.375 }, children: e.slice(0, 6).map((o, x) => /* @__PURE__ */ y(
+    v,
+    {
+      sx: {
+        background: i.palette.background.default,
+        border: `1px solid ${n ? i.palette.primary.main : l.borderSoft}`,
+        borderRadius: 0.5,
+        p: 0.5,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: r
+      },
+      children: [
+        o === "kpi" && /* @__PURE__ */ t(v, { sx: { fontSize: 8, fontWeight: 600 }, children: "R$ ··" }),
+        o === "line" && /* @__PURE__ */ t("svg", { width: "100%", height: "14", viewBox: "0 0 40 14", preserveAspectRatio: "none", children: /* @__PURE__ */ t("path", { d: "M0 11 L8 7 L16 9 L24 4 L32 6 L40 2", stroke: r, strokeWidth: "1", fill: "none" }) }),
+        o === "bars" && /* @__PURE__ */ t("svg", { width: "100%", height: "14", viewBox: "0 0 40 14", preserveAspectRatio: "none", children: [3, 7, 5, 9, 6, 11, 8, 12].map((b, g) => /* @__PURE__ */ t("rect", { x: g * 5 + 0.5, y: 14 - b, width: 3.5, height: b, fill: r }, g)) }),
+        o === "table" && /* @__PURE__ */ t(v, { sx: { width: "90%", display: "flex", flexDirection: "column", gap: "1px" }, children: [0, 1, 2].map((b) => /* @__PURE__ */ t(v, { sx: { height: 1.5, background: r, borderRadius: "0.5px" } }, b)) }),
+        o === "donut" && /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", children: /* @__PURE__ */ t("circle", { cx: "7", cy: "7", r: "5", stroke: r, strokeWidth: "2", fill: "none", strokeDasharray: "20 30" }) }),
+        o === "heatmap" && /* @__PURE__ */ t(v, { sx: { display: "grid", gridTemplateColumns: "repeat(4, 1fr)", gap: "0.5px", width: "70%" }, children: Array.from({ length: 8 }).map((b, g) => /* @__PURE__ */ t(v, { sx: { aspectRatio: "1", background: r, opacity: 0.2 + g / 8 * 0.7 } }, g)) })
+      ]
+    },
+    `Template${x}`
+  )) });
+}
+a(ja, "TemplatePreview");
+function Ua(e) {
+  if (!e) return "";
+  const n = Date.now() - e, i = 6e4, l = 60 * i, r = 24 * l;
+  return n < i ? "agora" : n < l ? `${Math.floor(n / i)}m` : n < r ? `${Math.floor(n / l)}h` : n < 7 * r ? `${Math.floor(n / r)}d` : `${Math.floor(n / (7 * r))}sem`;
+}
+a(Ua, "formatRelativeTime");
+const Mt = /* @__PURE__ */ a(({
+  onDraftPromptChange: e,
+  onApplyTemplate: n,
+  composerSlot: i,
+  ambientWrapper: l,
+  recentSessions: r,
+  onSelectSession: o,
+  onSearchAllSessions: x,
+  suggestions: b = Jn,
+  templates: g = At
+}) => {
+  const d = he(), C = ge(d), s = l ?? ((c) => c), u = {
+    background: "transparent",
+    border: "none",
+    textAlign: "left",
+    padding: "6px 0",
+    color: d.palette.text.secondary,
+    fontFamily: d.typography.fontFamily,
+    fontSize: 13,
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    gap: 1,
+    "&:hover": { color: d.palette.text.primary }
+  }, m = { fontSize: 11, color: d.palette.text.disabled, textTransform: "uppercase", letterSpacing: 0.5, mb: 1 };
+  return /* @__PURE__ */ y(v, { sx: { flex: 1, minHeight: 0, overflow: "auto", display: "flex", flexDirection: "column", gap: 3.5, padding: { xs: 3, md: "40px 56px" }, background: d.palette.background.default }, children: [
+    s(
+      /* @__PURE__ */ y(v, { children: [
+        /* @__PURE__ */ t(ee, { sx: { fontSize: 11, color: d.palette.primary.main, textTransform: "uppercase", letterSpacing: 0.8, mb: 1, fontWeight: 500 }, children: "Novo dashboard" }),
+        /* @__PURE__ */ y(ee, { component: "h1", sx: { fontSize: 30, fontWeight: 600, color: d.palette.text.primary, margin: 0, lineHeight: 1.2, letterSpacing: -0.4 }, children: [
+          "Descreva o que você quer, peça ajuda",
+          " ",
+          /* @__PURE__ */ t(v, { component: "span", sx: { color: d.palette.text.disabled }, children: "ou comece de um template." })
+        ] })
+      ] }),
+      "hero"
+    ),
+    i,
+    s(
+      /* @__PURE__ */ y(v, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" }, gap: { xs: 3, md: 5 } }, children: [
+        /* @__PURE__ */ y(v, { children: [
+          /* @__PURE__ */ t(ee, { sx: m, children: "Sugestões" }),
+          /* @__PURE__ */ t(v, { sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: b.map((c) => /* @__PURE__ */ y(v, { component: "button", onClick: /* @__PURE__ */ a(() => e(c.prompt), "onClick"), sx: u, children: [
+            /* @__PURE__ */ t(v, { component: "span", sx: { color: d.palette.text.disabled }, children: "↗" }),
+            /* @__PURE__ */ t("span", { children: c.label })
+          ] }, c.label)) })
+        ] }),
+        /* @__PURE__ */ y(v, { children: [
+          /* @__PURE__ */ t(ee, { sx: m, children: "Sessões recentes" }),
+          !r || r.length === 0 ? /* @__PURE__ */ t(ee, { sx: { fontSize: 12, color: d.palette.text.disabled, fontStyle: "italic", py: 0.5 }, children: "Você ainda não tem sessões salvas. Crie um novo dashboard acima." }) : /* @__PURE__ */ y(v, { sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: [
+            r.map((c, p) => /* @__PURE__ */ y(
+              v,
+              {
+                component: "button",
+                onClick: /* @__PURE__ */ a(() => o == null ? void 0 : o(c.sessionId), "onClick"),
+                disabled: !o,
+                sx: { ...u, minWidth: 0, cursor: o ? "pointer" : "default", "&:hover": o ? u["&:hover"] : void 0 },
+                children: [
+                  /* @__PURE__ */ t(v, { component: "span", sx: { color: d.palette.text.disabled, flexShrink: 0 }, children: "↺" }),
+                  /* @__PURE__ */ t(v, { component: "span", sx: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: c.name }),
+                  /* @__PURE__ */ y(v, { component: "span", sx: { color: d.palette.text.disabled, fontFamily: C.fontFamilyMono, fontSize: 11, flexShrink: 0 }, children: [
+                    c.cardCount,
+                    " ",
+                    c.cardCount === 1 ? "card" : "cards",
+                    c.updatedAt ? ` · ${Ua(c.updatedAt)}` : ""
+                  ] })
+                ]
+              },
+              c.sessionId + p
+            )),
+            x && /* @__PURE__ */ y(v, { component: "button", onClick: x, sx: { ...u, color: d.palette.primary.main, fontSize: 12.5, mt: 0.5, "&:hover": { filter: "brightness(1.1)" } }, children: [
+              /* @__PURE__ */ t(v, { component: "span", sx: { color: d.palette.text.disabled }, children: "⌕" }),
+              /* @__PURE__ */ t("span", { children: "Buscar todas as sessões" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      "suggestions"
+    ),
+    s(
+      /* @__PURE__ */ y(v, { children: [
+        /* @__PURE__ */ y(v, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1.25, fontSize: 11, color: d.palette.text.disabled, textTransform: "uppercase", letterSpacing: 0.5 }, children: [
+          /* @__PURE__ */ t("span", { children: "ou comece de um template" }),
+          /* @__PURE__ */ t(v, { sx: { flex: 1, height: "1px", background: C.borderSoft } })
+        ] }),
+        /* @__PURE__ */ t(v, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr 1fr", md: "repeat(4, 1fr)" }, gap: 1.25 }, children: g.map((c) => /* @__PURE__ */ y(
+          v,
+          {
+            component: "button",
+            onClick: /* @__PURE__ */ a(() => n(c), "onClick"),
+            sx: {
+              background: d.palette.background.paper,
+              border: `1px solid ${d.palette.divider}`,
+              borderRadius: 1.25,
+              padding: 1.5,
+              cursor: "pointer",
+              textAlign: "left",
+              fontFamily: d.typography.fontFamily,
+              display: "flex",
+              flexDirection: "column",
+              gap: 1,
+              transition: "border-color .15s, transform .15s",
+              "&:hover": { borderColor: d.palette.primary.main, transform: "translateY(-1px)" }
+            },
+            children: [
+              /* @__PURE__ */ t(ja, { kinds: Gn(c), accent: c.recommended }),
+              /* @__PURE__ */ y(v, { children: [
+                /* @__PURE__ */ t(ee, { sx: { fontSize: 12.5, color: d.palette.text.primary, fontWeight: 500 }, children: c.name }),
+                /* @__PURE__ */ t(ee, { sx: { fontSize: 10.5, color: d.palette.text.secondary, mt: 0.25, lineHeight: 1.4 }, children: c.desc }),
+                /* @__PURE__ */ t(ee, { sx: { fontSize: 10, color: d.palette.text.disabled, fontFamily: C.fontFamilyMono, mt: 0.5 }, children: c.cells.length === 0 ? "em branco" : `${c.cells.length} cards` })
+              ] })
+            ]
+          },
+          c.id
+        )) })
+      ] }),
+      "templates"
+    )
+  ] });
+}, "EntryEmptyState");
+Mt.displayName = "EntryEmptyState";
+const le = 6, Me = 12, Ut = 320, Ka = 220, Kt = 150, Yt = 3e3;
+function Ya(e, n, i, l) {
+  const r = window.innerWidth, o = window.innerHeight, x = e && e !== "auto" ? [e] : ["bottom", "top", "right", "left"];
+  for (const b of x) {
+    let g = 0, d = 0;
+    switch (b) {
+      case "bottom":
+        g = n.top + n.height + le + Me, d = n.left + n.width / 2 - i / 2;
+        break;
+      case "top":
+        g = n.top - le - Me - l, d = n.left + n.width / 2 - i / 2;
+        break;
+      case "right":
+        g = n.top + n.height / 2 - l / 2, d = n.left + n.width + le + Me;
+        break;
+      case "left":
+        g = n.top + n.height / 2 - l / 2, d = n.left - le - Me - i;
+        break;
+    }
+    if (d = Math.max(8, Math.min(d, r - i - 8)), g = Math.max(8, Math.min(g, o - l - 8)), g >= 0 && g + l <= o && d >= 0 && d + i <= r || b === x[x.length - 1]) return { top: g, left: d, resolvedPlacement: b };
+  }
+  return { top: n.top + n.height + Me, left: n.left, resolvedPlacement: "bottom" };
+}
+a(Ya, "computePlacement");
+const Xn = /* @__PURE__ */ a(({ steps: e, overlayOpacity: n = 0.6, allowInteraction: i = !1, onComplete: l, onDismiss: r, resolveElement: o = zt }) => {
+  const x = he(), b = ge(x), [g, d] = L(0), [C, s] = L(null), [u, m] = L({ width: Ut, height: 120 }), c = te(null), p = te(0), f = e[g], _ = g === 0, B = g === e.length - 1, G = Y(() => {
+    var S;
+    if (!f) return;
+    const E = o(f.target);
+    if (E) {
+      const F = E.getBoundingClientRect();
+      s({ top: F.top, left: F.left, width: F.width, height: F.height }), (S = E.scrollIntoView) == null || S.call(E, { behavior: "smooth", block: "nearest", inline: "nearest" });
+    } else
+      s(null);
+  }, [f, o]);
+  q(() => {
+    if (!f) return;
+    let E = !1, S = 0, F;
+    const w = /* @__PURE__ */ a(() => {
+      console.warn(`[@aintela/bi SpotlightOverlay] Step ${g + 1}/${e.length} could not resolve its target within ${Yt} ms; skipping.`, { target: f.target, title: f.title }), g < e.length - 1 ? d((U) => U + 1) : (console.warn("[@aintela/bi SpotlightOverlay] All steps failed to resolve; dismissing tour."), r());
+    }, "giveUpOnStep"), O = /* @__PURE__ */ a(() => {
+      var J;
+      if (E) return;
+      const U = o(f.target);
+      if (U) {
+        const Z = U.getBoundingClientRect();
+        if (Z.width > 0 && Z.height > 0) {
+          s({ top: Z.top, left: Z.left, width: Z.width, height: Z.height }), (J = U.scrollIntoView) == null || J.call(U, { behavior: "smooth", block: "nearest", inline: "nearest" });
+          return;
+        }
+      }
+      if (S += Kt, S >= Yt) {
+        w();
+        return;
+      }
+      F = window.setTimeout(O, Kt);
+    }, "attempt");
+    O();
+    const k = /* @__PURE__ */ a(() => {
+      cancelAnimationFrame(p.current), p.current = requestAnimationFrame(G);
+    }, "onScroll");
+    return window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
+      E = !0, F !== void 0 && window.clearTimeout(F), window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k), cancelAnimationFrame(p.current);
+    };
+  }, [f, o, r, G, g, e.length]), q(() => {
+    if (c.current) {
+      const { offsetWidth: E, offsetHeight: S } = c.current;
+      m({ width: E, height: S });
+    }
+  }, [g, C]);
+  const z = Y(() => {
+    B ? (l == null || l(), r()) : d((E) => E + 1);
+  }, [B, l, r]), R = Y(() => {
+    _ || d((E) => E - 1);
+  }, [_]);
+  if (q(() => {
+    const E = /* @__PURE__ */ a((S) => {
+      S.key === "Escape" ? r() : S.key === "ArrowRight" || S.key === "Enter" ? z() : S.key === "ArrowLeft" && R();
+    }, "onKey");
+    return window.addEventListener("keydown", E), () => window.removeEventListener("keydown", E);
+  }, [r, z, R]), !f || typeof document > "u") return null;
+  const P = C ? `polygon(
+            0% 0%, 0% 100%, 100% 100%, 100% 0%, 0% 0%,
+            ${C.left - le}px ${C.top - le}px,
+            ${C.left + C.width + le}px ${C.top - le}px,
+            ${C.left + C.width + le}px ${C.top + C.height + le}px,
+            ${C.left - le}px ${C.top + C.height + le}px,
+            ${C.left - le}px ${C.top - le}px
+          )` : void 0, H = C ? Ya(f.placement, C, u.width, u.height) : null, j = {
+    fontFamily: x.typography.fontFamily,
+    fontSize: 11.5,
+    fontWeight: 500,
+    px: 1.25,
+    py: 0.625,
+    borderRadius: 1,
+    cursor: "pointer",
+    transition: "filter .12s, background-color .12s, border-color .12s",
+    border: "1px solid transparent"
+  };
+  return ta(
+    /* @__PURE__ */ y(v, { className: "llm-guide-overlay-root", sx: { position: "fixed", inset: 0, zIndex: 9999 }, children: [
+      C && /* @__PURE__ */ t(
+        v,
+        {
+          onClick: i ? r : void 0,
+          sx: {
+            position: "absolute",
+            inset: 0,
+            backgroundColor: Ce(x.palette.common.black, n),
+            clipPath: P,
+            transition: "clip-path 0.3s ease",
+            pointerEvents: i ? "none" : "auto"
+          }
+        }
+      ),
+      C && /* @__PURE__ */ t(
+        v,
+        {
+          className: "llm-guide-spotlight-ring",
+          sx: {
+            position: "absolute",
+            top: C.top - le,
+            left: C.left - le,
+            width: C.width + le * 2,
+            height: C.height + le * 2,
+            borderRadius: "6px",
+            border: `2px solid ${x.palette.primary.main}`,
+            boxShadow: `0 0 0 4px ${Ce(x.palette.primary.main, 0.2)}, 0 8px 24px ${Ce(x.palette.primary.main, 0.13)}`,
+            transition: "all 0.3s ease",
+            pointerEvents: "none"
+          }
+        }
+      ),
+      H && /* @__PURE__ */ y(
+        v,
+        {
+          ref: c,
+          sx: {
+            position: "absolute",
+            top: H.top,
+            left: H.left,
+            maxWidth: Ut,
+            minWidth: Ka,
+            p: 2,
+            borderRadius: 1.5,
+            backgroundColor: x.palette.background.paper,
+            border: `1px solid ${x.palette.divider}`,
+            boxShadow: x.shadows[8],
+            transition: "top 0.3s ease, left 0.3s ease",
+            pointerEvents: "auto",
+            display: "flex",
+            flexDirection: "column",
+            gap: 1.25,
+            fontFamily: x.typography.fontFamily
+          },
+          children: [
+            /* @__PURE__ */ y(v, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: 1 }, children: [
+              /* @__PURE__ */ y(v, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ y(ee, { sx: { fontSize: 10, color: x.palette.primary.main, textTransform: "uppercase", letterSpacing: 0.6, fontWeight: 500, mb: f.title ? 0.5 : 0 }, children: [
+                  "Guia · ",
+                  g + 1,
+                  " / ",
+                  e.length
+                ] }),
+                f.title && /* @__PURE__ */ t(ee, { sx: { fontSize: 13.5, fontWeight: 600, color: x.palette.text.primary, lineHeight: 1.3, mb: 0.5 }, children: f.title }),
+                /* @__PURE__ */ t(ee, { sx: { fontSize: 12.5, color: x.palette.text.secondary, lineHeight: 1.5 }, children: f.description })
+              ] }),
+              /* @__PURE__ */ t(v, { component: "button", onClick: r, "aria-label": "Fechar guia", sx: { ...j, background: "transparent", border: "none", color: x.palette.text.disabled, p: 0.5, display: "inline-flex", "&:hover": { color: x.palette.text.primary } }, children: /* @__PURE__ */ t(Tt, { size: 12 }) })
+            ] }),
+            /* @__PURE__ */ y(v, { sx: { display: "flex", justifyContent: "flex-end", alignItems: "center", gap: 0.75 }, children: [
+              !_ && /* @__PURE__ */ t(v, { component: "button", onClick: R, sx: { ...j, background: "transparent", color: x.palette.text.secondary, "&:hover": { color: x.palette.text.primary, backgroundColor: b.raised } }, children: "Anterior" }),
+              /* @__PURE__ */ t(v, { component: "button", onClick: z, sx: { ...j, background: x.palette.primary.main, color: x.palette.primary.contrastText, fontWeight: 600, "&:hover": { filter: "brightness(1.05)" } }, children: B ? "Concluir" : "Próximo" })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}, "SpotlightOverlay"), qa = "aintela-bi-composer", Ja = 2, Xa = /* @__PURE__ */ a((e) => {
+  var de;
+  const { sessionId: n = null, routeSessionId: i, composerMode: l, onForceExecutionMode: r, recentSessionsResolved: o } = e, x = he(), b = ge(x), g = me(), d = et(), C = N((V) => {
+    var Q;
+    return ((Q = V.dashboardDefinition) == null ? void 0 : Q.jsFileName) ?? null;
+  }), s = N((V) => {
+    var Q;
+    return ((Q = V.dashboardDefinition) == null ? void 0 : Q.name) ?? null;
+  }), u = N((V) => V.turnOpen), m = N((V) => V.sketchExpanded), c = Y((V) => g.getState().setSketchExpanded(V), [g]), [p, f] = L(""), [_, B] = L(void 0), [G, z] = L(!1), [R, P] = L(!1), H = C !== null, j = te(null);
+  q(() => {
+    var Q;
+    const V = s == null ? void 0 : s.trim();
+    return (Q = e.onDashboardNameChange) == null || Q.call(e, V || null), () => {
+      var T;
+      return (T = e.onDashboardNameChange) == null ? void 0 : T.call(e, null);
+    };
+  }, [s]), q(() => {
+    g.getState().currentSessionId !== n && g.getState().setCurrentSessionId(n);
+  }, [n, g]), q(() => {
+    u && P(!1);
+  }, [u]), q(() => {
+    (C || void 0) !== _ && P(!0), B(C ?? void 0);
+  }, [C]), q(() => {
+    var K;
+    const V = g.getState().dashboardDefinition, Q = (V == null ? void 0 : V.originalSessionId) ?? null;
+    if (Q && Q !== (i ?? null) && (g.getState().updateDashboard(void 0), j.current = null), !i && Q && (g.getState().updateDashboard(void 0), j.current = null), !i || !d || j.current === i) return;
+    if ((K = g.getState().dashboardDefinition) != null && K.id) {
+      j.current = i;
+      return;
+    }
+    let T = !1;
+    return (async () => {
+      var re;
+      try {
+        const h = await d.getDashboardBySession(i);
+        if (T) return;
+        if ((re = g.getState().dashboardDefinition) != null && re.id) {
+          j.current = i;
+          return;
+        }
+        if (!h) {
+          console.warn("[@aintela/bi composer] no dashboard found for session", i), j.current = i;
+          return;
+        }
+        g.getState().loadDashboard(Ne(h)), j.current = i;
+      } catch (h) {
+        console.error("[@aintela/bi composer] failed to load dashboard for session", h);
+      }
+    })(), () => {
+      T = !0;
+    };
+  }, [i, d, g]);
+  const E = Y(
+    async (V) => {
+      var K, re, h, I;
+      const Q = n;
+      let T = g.getState().dashboardDefinition;
+      if (T != null && T.id && T.originalSessionId && T.originalSessionId !== Q && T.originalSessionId !== i && (g.getState().updateDashboard(void 0), T = g.getState().dashboardDefinition), T != null && T.id) {
+        V && g.getState().updateDashboard({
+          originalSessionId: i !== g.getState().currentSessionId ? g.getState().currentSessionId : T.originalSessionId,
+          ...V.name !== void 0 && { name: V.name },
+          ...V.cards !== void 0 && { cards: V.cards },
+          ...V.filters !== void 0 && { filters: V.filters }
+        });
+        return;
+      }
+      if (!Q || !d) {
+        V ? (g.getState().updateDashboard({ name: V.name ?? "Untitled Dashboard", cards: V.cards ?? [], filters: V.filters ?? [] }), c(!0)) : (g.getState().updateDashboard({ name: "Untitled Dashboard", cards: [], filters: [] }), c(!0));
+        return;
+      }
+      try {
+        const A = !V && T && ((((K = T.cards) == null ? void 0 : K.length) ?? 0) > 0 || (((re = T.filters) == null ? void 0 : re.length) ?? 0) > 0) ? { name: T.name, cards: T.cards, filters: T.filters, layoutType: T.layoutType } : void 0, M = V ?? A;
+        M && !M.layoutType && (M.layoutType = "Naked");
+        const X = await Ot(d, Q, M), ne = g.getState().dashboardDefinition;
+        g.getState().updateDashboard({
+          ...X,
+          name: (M == null ? void 0 : M.name) ?? (ne == null ? void 0 : ne.name) ?? X.name,
+          cards: (M == null ? void 0 : M.cards) ?? ((h = ne == null ? void 0 : ne.cards) != null && h.length ? ne.cards : X.cards),
+          filters: (M == null ? void 0 : M.filters) ?? ((I = ne == null ? void 0 : ne.filters) != null && I.length ? ne.filters : X.filters)
+        }), c(!0);
+      } catch (A) {
+        console.error("[@aintela/bi composer] createDraft failed", A);
+      }
+    },
+    [d, n, i, c, g]
+  ), S = Y(() => {
+    c(!0), E();
+  }, [E, c]), F = Y(async (V) => {
+    var Q;
+    await E(), await ((Q = e.onBeforeSend) == null ? void 0 : Q.call(e, V));
+  }, [E, e.onBeforeSend]), w = Y((V) => {
+    if (V.cells.length === 0) {
+      r();
+      return;
+    }
+    E({ name: V.name, cards: Hn(V), filters: [] });
+  }, [E, r]), O = Zi(), k = O ? Fn : Mn, U = O ? Nn : _n, J = O ? Bn : Rn, Z = Y(
+    (V, Q) => /* @__PURE__ */ t(se.div, { variants: k, initial: "hidden", animate: "visible", exit: "hidden", children: V }, Q),
+    [k]
+  ), ie = /* @__PURE__ */ a(() => /* @__PURE__ */ t(se.div, { layoutId: qa, transition: J, style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ t(
+    qn,
+    {
+      onCreateSketch: S,
+      onBeforeSend: F,
+      sketchExpanded: m,
+      onSketchExpandedChange: c,
+      seedDraft: p,
+      zoomLevel: H ? 0.8 : 0.95,
+      compact: l !== "empty",
+      bottomSlot: l === "empty" ? e.progressStrip : void 0,
+      datasetControls: e.datasetControls,
+      renderDescription: e.renderDescription
+    }
+  ) }), "renderPromptForBranch");
+  return /* @__PURE__ */ t(tt, { mode: "popLayout", initial: !1, children: l === "empty" ? /* @__PURE__ */ t(se.div, { initial: { opacity: 1 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2, ease: "easeOut" }, style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ t(
+    Mt,
+    {
+      onDraftPromptChange: f,
+      onApplyTemplate: w,
+      composerSlot: ie(),
+      ambientWrapper: Z,
+      recentSessions: o,
+      onSelectSession: e.onSelectSession,
+      onSearchAllSessions: e.onSearchAllSessions,
+      suggestions: e.suggestions,
+      templates: e.templates
+    }
+  ) }, "empty-layout") : /* @__PURE__ */ t(se.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2, ease: "easeOut" }, style: { minHeight: 0, width: "100%", height: "100%", display: "flex", background: x.palette.background.default }, children: /* @__PURE__ */ y(Ft, { direction: "row", sx: { display: "inline-flex", width: "100%", height: "100%", flexWrap: "nowrap" }, children: [
+    /* @__PURE__ */ y(
+      Ft,
+      {
+        sx: {
+          minWidth: "20%",
+          width: H ? e.chatColumnWidthWithDashboard ?? "80%" : "100%",
+          minHeight: 0,
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden",
+          '& [data-message-role="user"]': { backgroundColor: `${b.hover} !important`, border: `1px solid ${b.borderSoft} !important`, borderRadius: "12px !important" },
+          '& [data-message-role="user"], & [data-message-role="user"] span, & [data-message-role="user"] p': { fontSize: "12.5px", lineHeight: 1.55 }
+        },
+        children: [
+          /* @__PURE__ */ t(v, { className: "bi-composer-chat-pane", sx: { minHeight: 0, width: "100%", flex: 5, overflow: "hidden", display: "flex", flexDirection: "column" }, children: e.chatPane }),
+          /* @__PURE__ */ t(se.div, { variants: U, initial: "hidden", animate: "visible", exit: "hidden", style: { width: "100%", flex: 1 }, children: /* @__PURE__ */ t(v, { sx: { backgroundColor: x.palette.background.default, flex: 1 }, children: ie() }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(Vn, { width: e.sidePanelWidth ?? "70%", defaultCollapsed: !R, onCollapseChange: z }),
+    (de = e.renderProgressPanel) == null ? void 0 : de.call(e, { hasDashboard: H, dashboardCollapsed: G, turnOpen: u })
+  ] }) }, "execution-layout") });
+}, "ComposerInner"), Zn = /* @__PURE__ */ a((e) => {
+  const n = me(), i = et(), l = te(null);
+  q(() => {
+    const z = l.current;
+    if (!z || typeof ResizeObserver > "u") return;
+    const R = /* @__PURE__ */ a(() => {
+      const H = z.getBoundingClientRect();
+      n.getState().setViewport({ width: H.width, height: H.height });
+    }, "publish");
+    R();
+    const P = new ResizeObserver(R);
+    return P.observe(z), () => P.disconnect();
+  }, [n]);
+  const [r, o] = L([]);
+  q(() => {
+    if (e.recentSessions || !i) return;
+    let z = !1;
+    return (async () => {
+      try {
+        const R = await i.listDashboards();
+        if (z) return;
+        const P = R.filter((H) => !!H.originalSessionId).map((H) => {
+          var E;
+          const j = H.updatedAt ? H.updatedAt instanceof Date ? H.updatedAt.getTime() : Date.parse(String(H.updatedAt)) : 0;
+          return { sessionId: H.originalSessionId, name: H.name || "Dashboard", cardCount: ((E = H.cards) == null ? void 0 : E.length) ?? 0, updatedAt: Number.isFinite(j) ? j : 0 };
+        });
+        P.sort((H, j) => (j.updatedAt ?? 0) - (H.updatedAt ?? 0)), o(P.slice(0, Ja));
+      } catch (R) {
+        console.error("[@aintela/bi composer] failed to list dashboards", R);
+      }
+    })(), () => {
+      z = !0;
+    };
+  }, [i, e.recentSessions, e.routeSessionId]);
+  const x = e.recentSessions ?? r, b = N((z) => z.turnOpen), g = N((z) => z.hasCompletedOnce), d = N((z) => z.producedDashboardId), C = N((z) => {
+    var R;
+    return !!((R = z.dashboardDefinition) != null && R.jsFileName);
+  }), s = N((z) => {
+    var R;
+    return ((R = z.dashboardDefinition) == null ? void 0 : R.id) ?? null;
+  }), u = N((z) => {
+    var R, P;
+    return ((P = (R = z.dashboardDefinition) == null ? void 0 : R.cards) == null ? void 0 : P.length) ?? 0;
+  }), m = N((z) => {
+    var R, P;
+    return ((P = (R = z.dashboardDefinition) == null ? void 0 : R.filters) == null ? void 0 : P.length) ?? 0;
+  }), c = te({ id: s, cards: u, filters: m, firstTime: !0 });
+  q(() => {
+    if (b) return;
+    const z = c.current, R = !z.id && !!s, P = z.cards === 0 && u > 0, H = z.filters === 0 && m > 0, j = z.firstTime;
+    c.current = { id: s, cards: u, filters: m, firstTime: !1 }, !j && (R || P || H) && n.getState().setSketchExpanded(!0);
+  }, [s, u, m, b, n]);
+  const p = N((z) => z.guideSteps), f = N((z) => z.guideOptions), _ = N((z) => z.dismissGuide);
+  q(() => {
+    p && p.length > 0 && xn(p) && n.getState().setSketchExpanded(!0);
+  }, [p, n]);
+  const B = ze(() => b ? "generating" : !g && !e.routeSessionId ? "empty" : d || C ? "done-dashboard" : "done-text", [b, g, d, C, e.routeSessionId]), G = Y(() => {
+    n.getState().setHasCompletedOnce(!0), n.getState().setSketchExpanded(!1);
+  }, [n]);
+  return /* @__PURE__ */ y(we, { children: [
+    /* @__PURE__ */ t("div", { className: "bi-composer-root", ref: l, style: { display: "inherit", height: "100%" }, children: /* @__PURE__ */ t(Xa, { ...e, composerMode: B, onForceExecutionMode: G, recentSessionsResolved: x }) }),
+    p && p.length > 0 && /* @__PURE__ */ t(Xn, { steps: p, overlayOpacity: f == null ? void 0 : f.overlayOpacity, allowInteraction: f == null ? void 0 : f.allowInteraction, onComplete: f == null ? void 0 : f.onComplete, onDismiss: _, resolveElement: e.resolveGuideElement ?? zt })
+  ] });
+}, "ComposerView");
+Zn.displayName = "ComposerView";
+const vt = 20, Za = 60;
+function Qa(e) {
+  for (const n of e.artifactData ?? [])
+    if ((n == null ? void 0 : n.type) === "Dashboard" && n.id) return n.id;
+  return null;
+}
+a(Qa, "detectProducedDashboardId");
+function Qn() {
+  const e = me(), n = Tn(), i = Y((b) => {
+    var B, G, z, R;
+    const { viewport: g, dashboardDefinition: d } = e.getState(), C = Math.round(g.height), s = g.width === 0 ? 0 : Math.round(g.width / 2 - Za), u = s, m = Math.round(1080 * 0.9), c = Math.round(m / 12), p = ((d == null ? void 0 : d.cards) ?? []).map((P) => ({
+      ...P,
+      widthPx: typeof P.w == "number" && c > 0 ? Math.round(c * P.w * 0.95) : void 0,
+      heightPx: typeof P.h == "number" ? Math.round(P.h * vt * 0.95) : void 0
+    }));
+    let f;
+    try {
+      const P = JSON.parse(b), H = (((G = (B = P == null ? void 0 : P.userPrompt) == null ? void 0 : B.trim()) == null ? void 0 : G.length) ?? 0) > 0 ? P.userPrompt : void 0, j = ((z = P == null ? void 0 : P.cards) == null ? void 0 : z.length) ?? 0, E = ((R = P == null ? void 0 : P.filters) == null ? void 0 : R.length) ?? 0, S = j > 0 ? `${j} card(s) ` : "", F = E > 0 ? ` - ${E} filter(s) ` : "";
+      f = H ?? `${S}${F}(${(P == null ? void 0 : P.layoutType) ?? ""})`;
+    } catch {
+      f = void 0;
+    }
+    const _ = {
+      id: (d == null ? void 0 : d.id) ?? "",
+      name: (d == null ? void 0 : d.name) ?? "",
+      cards: p,
+      filters: (d == null ? void 0 : d.filters) ?? [],
+      layoutType: (d == null ? void 0 : d.layoutType) ?? "Boxed",
+      remarks: d == null ? void 0 : d.remarks,
+      userPrompt: b,
+      screenData: {
+        chatBox: { heightPx: C, widthPx: u },
+        dashboardPreviewBox: { heightPx: C, widthPx: s },
+        dashboardVisualizationBox: { heightPx: C, widthPx: m },
+        gridRowHeightPixelsPerUnit: vt,
+        gridColumnWidthPixelsPerUnit: c,
+        gridColumnWidthPixelsPerUnitFullView: c
+      },
+      isDatasetParameterized: (d == null ? void 0 : d.isDatasetParameterized) ?? !1,
+      defaultDatasetName: d == null ? void 0 : d.defaultDatasetName,
+      clientSideChanges: Dt(d == null ? void 0 : d.clientSideChanges)
+    };
+    return d != null && d.clientSideChanges && Object.keys(d.clientSideChanges).length > 0 && e.getState().clearClientSideChanges(), { promptAsString: f ?? "", json: JSON.stringify(_) };
+  }, [e]), l = Y(() => {
+    const b = e.getState();
+    b.setTurnOpen(!0), b.dismissGuide(), b.setHasCompletedOnce(!1), b.setProducedDashboardId(null), b.setSketchExpanded(!1);
+  }, [e]), r = Y((b) => {
+    const g = e.getState();
+    g.setProducedDashboardId(Qa(b)), g.setHasCompletedOnce(!0), g.setTurnOpen(!1);
+  }, [e]), o = Y((b, g) => e.getState().ingestToolEvent(b, g), [e]), x = Y((b) => {
+    e.getState().currentSessionId !== b && e.getState().setCurrentSessionId(b);
+  }, [e]);
+  return ze(() => ({ onRenderPrompt: i, onTurnOpen: l, onTurnComplete: r, ingestToolEvent: o, setSessionId: x, environment: n }), [i, l, r, o, x, n]);
+}
+a(Qn, "useComposerChatBridge");
+const eo = /* @__PURE__ */ a(() => {
+  const e = Qn(), n = Ui((l) => {
+    var r;
+    return ((r = l.session) == null ? void 0 : r.id) ?? null;
+  }), { eventBusService: i } = Ki();
+  return q(() => {
+    e.setSessionId(n);
+  }, [n, e]), q(() => {
+    const l = i;
+    if (!(l != null && l.gatewayOnToolEvent)) return;
+    const r = /* @__PURE__ */ a((o, x) => e.ingestToolEvent(o, x), "handler");
+    return l.gatewayOnToolEvent(r), () => {
+      var o;
+      return (o = l.gatewayOffToolEvent) == null ? void 0 : o.call(l, r);
+    };
+  }, [i, e]), null;
+}, "ComposerChatBinding"), to = "0 0 40%", ei = /* @__PURE__ */ a(() => {
+  const e = he(), n = ge(e), i = N((p) => {
+    var f;
+    return ((f = p.dashboardDefinition) == null ? void 0 : f.jsFileName) ?? null;
+  }), l = N((p) => {
+    var f;
+    return ((f = p.dashboardDefinition) == null ? void 0 : f.id) ?? null;
+  }), r = N((p) => {
+    var f;
+    return ((f = p.dashboardDefinition) == null ? void 0 : f.name) || "Dashboard";
+  }), o = N((p) => {
+    var f, _;
+    return ((_ = (f = p.dashboardDefinition) == null ? void 0 : f.cards) == null ? void 0 : _.length) ?? 0;
+  }), [x, b] = L("expanded"), [g, d] = L(!1), C = !!i && !!l, [s, u] = L(!1);
+  if (q(() => {
+    if (!C) {
+      u(!1);
+      return;
+    }
+    u(!0);
+    const p = window.setTimeout(() => u(!1), 2500);
+    return () => window.clearTimeout(p);
+  }, [C]), !C || !l) return null;
+  const m = { color: e.palette.text.secondary, p: 0.5, "&:hover": { color: e.palette.text.primary, backgroundColor: n.hover } }, c = /* @__PURE__ */ y(we, { children: [
+    /* @__PURE__ */ t(ee, { sx: { color: e.palette.text.disabled, fontSize: 11 }, children: "·" }),
+    /* @__PURE__ */ y(ee, { sx: { fontFamily: n.fontFamilyMono, color: e.palette.text.secondary, fontSize: 11 }, children: [
+      o,
+      " ",
+      o === 1 ? "card" : "cards"
+    ] })
+  ] });
+  return x === "minimized" ? /* @__PURE__ */ t(v, { sx: { flexShrink: 0, px: 1.5, py: 1, borderBottom: `1px solid ${n.borderSoft}`, backgroundColor: e.palette.background.paper }, children: /* @__PURE__ */ y(
+    v,
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick: /* @__PURE__ */ a(() => b("expanded"), "onClick"),
+      onKeyDown: /* @__PURE__ */ a((p) => {
+        p.key === "Enter" && b("expanded");
+      }, "onKeyDown"),
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 0.75,
+        px: 1.25,
+        py: 0.5,
+        borderRadius: 999,
+        cursor: "pointer",
+        backgroundColor: n.raised,
+        border: `1px solid ${e.palette.divider}`,
+        color: e.palette.text.primary,
+        fontFamily: e.typography.fontFamily,
+        fontSize: 11.5,
+        transition: "background-color .12s, border-color .12s",
+        "&:hover": { backgroundColor: n.hover, borderColor: e.palette.primary.main }
+      },
+      children: [
+        /* @__PURE__ */ t(v, { sx: { color: e.palette.primary.main, display: "inline-flex" }, children: /* @__PURE__ */ t(De, { size: 13 }) }),
+        /* @__PURE__ */ t(v, { component: "span", sx: { fontWeight: 500 }, children: r }),
+        c,
+        /* @__PURE__ */ t(v, { component: "span", sx: { color: e.palette.text.disabled, mx: 0.25 }, children: "|" }),
+        /* @__PURE__ */ t(v, { component: "span", sx: { color: e.palette.primary.main, fontWeight: 500 }, children: "expandir" })
+      ]
+    }
+  ) }) : /* @__PURE__ */ y(we, { children: [
+    /* @__PURE__ */ t(se.div, { initial: { opacity: 0, y: -8, scaleY: 0.96 }, animate: { opacity: 1, y: 0, scaleY: 1 }, transition: { duration: 0.32, ease: [0.22, 0.8, 0.32, 1] }, style: { transformOrigin: "top center", flex: to, minHeight: 200, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ y(v, { sx: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column", borderBottom: `1px solid ${n.borderSoft}`, backgroundColor: e.palette.background.default, overflow: "hidden", position: "relative" }, children: [
+      /* @__PURE__ */ y(v, { sx: { display: "flex", alignItems: "center", gap: 1, px: 1.5, py: 0.875, borderBottom: `1px solid ${n.borderSoft}`, backgroundColor: e.palette.background.paper, flexShrink: 0 }, children: [
+        /* @__PURE__ */ t(v, { sx: { color: e.palette.primary.main, display: "inline-flex" }, children: /* @__PURE__ */ t(De, { size: 14 }) }),
+        /* @__PURE__ */ t(ee, { sx: { color: e.palette.text.primary, fontWeight: 500, fontSize: 12 }, children: r }),
+        c,
+        /* @__PURE__ */ t(v, { sx: { flex: 1 } }),
+        /* @__PURE__ */ t(ue, { title: "Tela cheia", placement: "top", children: /* @__PURE__ */ t(Se, { size: "small", onClick: /* @__PURE__ */ a(() => d(!0), "onClick"), sx: m, "aria-label": "Abrir em tela cheia", children: /* @__PURE__ */ t(Le, { size: 13 }) }) }),
+        /* @__PURE__ */ t(ue, { title: "Minimizar", placement: "top", children: /* @__PURE__ */ t(Se, { size: "small", onClick: /* @__PURE__ */ a(() => b("minimized"), "onClick"), sx: { ...m, transform: "rotate(180deg)" }, "aria-label": "Minimizar", children: /* @__PURE__ */ t(Yi, { size: 13 }) }) })
+      ] }),
+      /* @__PURE__ */ t(tt, { children: s && /* @__PURE__ */ y(
+        se.div,
+        {
+          initial: { opacity: 0, y: -6 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -4 },
+          transition: { duration: 0.25, ease: "easeOut" },
+          style: {
+            position: "absolute",
+            top: 8,
+            right: 12,
+            zIndex: 2,
+            pointerEvents: "none",
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 6,
+            background: e.palette.primary.main,
+            color: e.palette.primary.contrastText,
+            fontFamily: e.typography.fontFamily,
+            fontSize: 11,
+            fontWeight: 600,
+            padding: "4px 10px 4px 8px",
+            borderRadius: 999,
+            boxShadow: `0 4px 14px ${Ce(e.palette.primary.main, 0.35)}`
+          },
+          children: [
+            /* @__PURE__ */ t(De, { size: 11 }),
+            "Dashboard pronto"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(v, { sx: { flex: 1, minHeight: 0, overflow: "auto" }, children: /* @__PURE__ */ t(_e, { dashboardId: l }) })
+    ] }) }),
+    /* @__PURE__ */ y(ln, { open: g, onClose: /* @__PURE__ */ a(() => d(!1), "onClose"), maxWidth: !1, fullScreen: !0, slotProps: { paper: { sx: { backgroundColor: e.palette.background.default, backgroundImage: "none", color: e.palette.text.primary } } }, children: [
+      /* @__PURE__ */ y(v, { sx: { display: "flex", alignItems: "center", gap: 1, px: 2, py: 1.25, borderBottom: `1px solid ${e.palette.divider}`, backgroundColor: e.palette.background.paper, flexShrink: 0 }, children: [
+        /* @__PURE__ */ t(v, { sx: { color: e.palette.primary.main, display: "inline-flex" }, children: /* @__PURE__ */ t(De, { size: 16 }) }),
+        /* @__PURE__ */ t(ee, { sx: { color: e.palette.text.primary, fontWeight: 500, fontSize: 13.5 }, children: r }),
+        c,
+        /* @__PURE__ */ t(v, { sx: { flex: 1 } }),
+        /* @__PURE__ */ t(ue, { title: "Fechar", placement: "left", children: /* @__PURE__ */ t(Se, { size: "small", onClick: /* @__PURE__ */ a(() => d(!1), "onClick"), sx: { ...m, p: 0.75 }, "aria-label": "Fechar", children: /* @__PURE__ */ t(Tt, { size: 14 }) }) })
+      ] }),
+      /* @__PURE__ */ t(v, { sx: { flex: 1, minHeight: 0, overflow: "auto" }, children: /* @__PURE__ */ t(_e, { dashboardId: l }) })
+    ] })
+  ] });
+}, "DashboardPinInner");
+ei.displayName = "DashboardPin";
+const no = Be.memo(ei), _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CARD_TYPE_CATALOG: ve,
+  CATEGORY_ICONS: Dn,
+  COLOR_MAP: kn,
+  CardScketch: fa,
+  CardSketch: Et,
+  CardTypeIconsProvider: ha,
+  ClonedComponent: yn,
+  ComposerChatBinding: eo,
+  ComposerProvider: sa,
+  ComposerView: Zn,
+  DEFAULT_PAD_HEIGHT_PX: nt,
+  DRAFT_SAVE_DEBOUNCE_MS: vn,
+  DashboardPad: $n,
+  DashboardPadEditor: An,
+  DashboardPadSketch: ot,
+  DashboardPin: no,
+  DashboardSidePanel: Vn,
+  DatasetParameterizationControls: za,
+  DrawablePrompt: qn,
+  ENV_HIGHLIGHT_CLASS: Xe,
+  EntryEmptyState: Mt,
+  EnvironmentProvider: qi,
+  ExampleCardSkath: Ea,
+  ExampleCardSketch: rt,
+  ExampleCardSketh: Pa,
+  ExamplePad: Oa,
+  FILTER_TYPE_CATALOG: kt,
+  FILTER_TYPE_ICONS: On,
+  FilterSketch: $t,
+  GRID_ROW_HEIGHT_PX: vt,
+  GUIDE_SHOW_DELAY_MS: Cn,
+  HoverButton: Te,
+  InertEnvironmentProvider: Ji,
+  PAD_INTERNAL_CLASSES: fn,
+  PAD_INTERNAL_IDS: mn,
+  PrototypePad: $a,
+  SPECIFIC_TYPE_ICONS: In,
+  SPECIFIC_TYPE_ICON_NAMES: zn,
+  STARTER_TEMPLATES: Na,
+  SpotlightOverlay: Xn,
+  TEMPLATE_KIND_TO_SKETCH: Ln,
+  TextSketh: ga,
+  TitleSkath: xa,
+  TitleSketch: Ge,
+  ToolBox: En,
+  VIEWER_COMMIT_DEBOUNCE_MS: Sn,
+  activityPanelVariants: _n,
+  activityPanelVariantsReduced: Nn,
+  ambientVariants: Mn,
+  ambientVariantsReduced: Fn,
+  autoComplete: Ra,
+  c: Aa,
+  categoryPrefix: oa,
+  composerLayoutTransition: Rn,
+  composerLayoutTransitionReduced: Bn,
+  createComposerStore: wn,
+  createDashboardDraft: Ot,
+  datePicker: _a,
+  dateRange: Ma,
+  defaultCardTypeIcons: Pn,
+  defaultComposerSuggestions: Jn,
+  defaultComposerTemplates: At,
+  environmentFromStore: ca,
+  fromUpsertResponse: Ne,
+  groupCardCatalog: it,
+  guideStepsRequireSketch: xn,
+  isElementVisible: It,
+  isSimplePadDefinition: dn,
+  joinClientSideChanges: Dt,
+  padConfigToDashboard: sn,
+  pickBestElement: un,
+  randomId: Ie,
+  resolveComposerSurfaces: ge,
+  resolveEnvironmentElements: Ze,
+  resolveGuideElement: zt,
+  sanitizeToJsVariable: $e,
+  seedFromTemplate: Hn,
+  sketchCardItemComparer: na,
+  sketchFilterComparer: ia,
+  targetSuggestsPadInternal: gn,
+  templateKinds: Gn,
+  toDraftPayload: bn,
+  toSelectorList: pn,
+  upsertDashboardDraft: at,
+  useCardTypeIcons: Ae,
+  useComposer: N,
+  useComposerChatBridge: Qn,
+  useComposerEnvironment: Tn,
+  useComposerStore: me,
+  useComposerStoreOptional: da,
+  useDashboardPad: Fa,
+  useEnvironment: rn,
+  useEnvironmentOptional: Xi,
+  validateSketch: bt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  wn as $,
+  $a as A,
+  zn as B,
+  ve as C,
+  nt as D,
+  Xe as E,
+  kt as F,
+  vt as G,
+  Te as H,
+  Na as I,
+  Xn as J,
+  ga as K,
+  xa as L,
+  Ge as M,
+  En as N,
+  _n as O,
+  fn as P,
+  Nn as Q,
+  Mn as R,
+  In as S,
+  Ln as T,
+  Fn as U,
+  Sn as V,
+  Ra as W,
+  Aa as X,
+  oa as Y,
+  Rn as Z,
+  Bn as _,
+  Dn as a,
+  Ot as a0,
+  _a as a1,
+  Ma as a2,
+  Pn as a3,
+  Jn as a4,
+  At as a5,
+  ca as a6,
+  Ne as a7,
+  it as a8,
+  xn as a9,
+  _o as aA,
+  It as aa,
+  dn as ab,
+  Dt as ac,
+  sn as ad,
+  un as ae,
+  Ie as af,
+  ge as ag,
+  Ze as ah,
+  zt as ai,
+  $e as aj,
+  Hn as ak,
+  na as al,
+  ia as am,
+  gn as an,
+  Gn as ao,
+  bn as ap,
+  pn as aq,
+  at as ar,
+  Ae as as,
+  N as at,
+  Qn as au,
+  Tn as av,
+  me as aw,
+  da as ax,
+  Fa as ay,
+  bt as az,
+  kn as b,
+  fa as c,
+  Et as d,
+  ha as e,
+  yn as f,
+  eo as g,
+  sa as h,
+  Zn as i,
+  vn as j,
+  $n as k,
+  An as l,
+  ot as m,
+  no as n,
+  Vn as o,
+  za as p,
+  qn as q,
+  Mt as r,
+  Ea as s,
+  rt as t,
+  Pa as u,
+  Oa as v,
+  On as w,
+  $t as x,
+  Cn as y,
+  mn as z
+};
+//# sourceMappingURL=index-DULVx84u.js.map