@aintela/bi 0.2.1 → 0.2.3

package/dist/index-C4_VSDeU.js

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