drizzle-cube 0.4.13 → 0.4.14

package/dist/client/index.js

@@ -1,32 +1,33 @@
-import { D as J, A as H, e as G, P as X } from "./chunks/components-ClQziOcT.js";
-import { i as He, a as Ge, C as Xe, h as Ye, g as Ze, b as et, j as tt, f as st, d as rt, M as at, c as ct, n as nt, T as ot, R as dt, Q as it, O as lt, S as ut, V as mt, I as pt, H as ht, K as ft, W as gt, G as bt, J as yt, X as xt, L as vt, N as Ct, U as kt, Y as Nt, Z as wt, z as St, q as At, x as Dt, t as Tt, s as Mt, w as It, p as Et, v as Bt, o as Lt, r as Rt, y as Pt, u as Qt, k as Ft, l as _t, m as Vt, F as jt, E as qt, B as Ut } from "./chunks/components-ClQziOcT.js";
-import { jsx as r, jsxs as y, Fragment as Y } from "react/jsx-runtime";
-import R, { useRef as N, createContext as Z, useContext as ee, useState as _, useCallback as f, useEffect as P } from "react";
-import { c as te, d as se, e as re, s as ae, f as K } from "./chunks/vendor-AVsJ2ni0.js";
-import { a as V } from "./chunks/icons-DAeqv1iX.js";
-import { D as Ot, h as $t, i as zt, b as Wt, e as Jt, f as Ht, g as Gt, r as Xt, c as Yt, s as Zt } from "./chunks/icons-DAeqv1iX.js";
-import { Q as ce } from "./chunks/chart-markdown-Du4Z2iqK.js";
-import { f as ne } from "./chunks/providers-CgxXm6Ll.js";
-import { h as ts, a as ss, S as rs, e as as, d as cs, i as ns, b as os, g as ds, u as is, j as ls, c as us, w as ms } from "./chunks/providers-CgxXm6Ll.js";
-import { L as hs, u as fs } from "./chunks/charts-core-DmGfleFz.js";
-import { L as bs, g as ys, c as xs, b as vs, i as Cs, p as ks, a as Ns } from "./chunks/charts-loader-CH0_S06T.js";
-import { E as Ss, a as As, p as Ds, q as Ts, m as Ms, l as Is, r as Es, C as Bs, D as Ls, o as Rs, B as Ps, n as Qs, w as Fs, t as _s, d as Vs, f as js, s as qs, e as Us, i as Ks, c as Os, h as $s, g as zs, u as Ws, b as Js, y as Hs, A as Gs, x as Xs, k as Ys, v as Zs, z as er, j as tr } from "./chunks/analysis-builder-shared-D56zYeV0.js";
-import { u as rr } from "./chunks/chart-bubble-Bf42A1-B.js";
-import { c as cr, f as nr } from "./chunks/index-CApFCBF9.js";
-import { e as dr, c as ir, l as lr, h as ur, k as mr, j as pr, i as hr, m as fr, g as gr, f as br, u as yr, u as xr, d as vr, b as Cr, a as kr, v as Nr } from "./chunks/useDirtyStateTracking-Cu1HSjmo.js";
-import { c as Sr, b as Ar, f as Dr, g as Tr, a as Mr, i as Ir, t as Er } from "./chunks/funnel-utils-CyonoNeC.js";
-import { T as Lr, c as Rr, g as Pr, a as Qr, i as Fr, r as _r, s as Vr, b as jr, w as qr } from "./chunks/theme-Dp3hFed1.js";
-import { createExplainQueryKey as Kr, useDryRunQueries as Or, useDryRunQuery as $r, useExplainAI as zr, useExplainQuery as Wr, useMultiDryRunQueries as Jr } from "./hooks.js";
-import { i as Gr, a as Xr } from "./chunks/flow-utils-CjQZG5qq.js";
-import { h as Zr } from "./chunks/syntaxHighlighting-BQfjio-i.js";
-const $ = () => ({
+import { D as re, A as ae, e as ce, P as ne } from "./chunks/components-BkeSy9xv.js";
+import { i as ot, a as dt, C as it, h as lt, g as ut, b as mt, j as pt, f as ht, d as ft, M as gt, c as bt, n as yt, T as xt, R as vt, Q as Ct, O as kt, S as Nt, V as wt, I as St, H as Dt, K as At, W as Tt, G as Mt, J as It, X as Et, L as Rt, N as Bt, U as Lt, Y as Pt, Z as Qt, z as Ft, q as _t, x as Vt, t as jt, s as qt, w as Ut, p as Kt, v as Ot, o as $t, r as zt, y as Wt, u as Jt, k as Gt, l as Ht, m as Xt, F as Yt, E as Zt, B as es } from "./chunks/components-BkeSy9xv.js";
+import { jsx as r, jsxs as x, Fragment as oe } from "react/jsx-runtime";
+import Q, { useRef as C, createContext as de, useContext as ie, useState as j, useCallback as g, useEffect as P } from "react";
+import { c as le, d as ue, e as me, s as pe, f as O } from "./chunks/vendor-AVsJ2ni0.js";
+import { a as q } from "./chunks/icons-DAeqv1iX.js";
+import { D as ss, h as rs, i as as, b as cs, e as ns, f as os, g as ds, r as is, c as ls, s as us } from "./chunks/icons-DAeqv1iX.js";
+import { Q as he } from "./chunks/chart-markdown-Du4Z2iqK.js";
+import { f as fe } from "./chunks/providers-CgxXm6Ll.js";
+import { h as ps, a as hs, S as fs, e as gs, d as bs, i as ys, b as xs, g as vs, u as Cs, j as ks, c as Ns, w as ws } from "./chunks/providers-CgxXm6Ll.js";
+import { L as ge } from "./chunks/charts-core-CU9u_HtL.js";
+import { u as Ds } from "./chunks/charts-core-CU9u_HtL.js";
+import { L as Ts, g as Ms, c as Is, b as Es, i as Rs, p as Bs, a as Ls } from "./chunks/charts-loader-AW3T1nv5.js";
+import { E as Qs, a as Fs, p as _s, q as Vs, m as js, l as qs, r as Us, C as Ks, D as Os, o as $s, B as zs, n as Ws, w as Js, t as Gs, d as Hs, f as Xs, s as Ys, e as Zs, i as er, c as tr, h as sr, g as rr, u as ar, b as cr, y as nr, A as or, x as dr, k as ir, v as lr, z as ur, j as mr } from "./chunks/analysis-builder-shared-EnM-8plh.js";
+import { u as hr } from "./chunks/chart-bubble-CemotLx-.js";
+import { c as gr, f as br } from "./chunks/index-CApFCBF9.js";
+import { e as xr, c as vr, l as Cr, h as kr, k as Nr, j as wr, i as Sr, m as Dr, g as Ar, f as Tr, u as Mr, u as Ir, d as Er, b as Rr, a as Br, v as Lr } from "./chunks/useDirtyStateTracking-Cu1HSjmo.js";
+import { c as Qr, b as Fr, f as _r, g as Vr, a as jr, i as qr, t as Ur } from "./chunks/funnel-utils-CyonoNeC.js";
+import { T as Or, c as $r, g as zr, a as Wr, i as Jr, r as Gr, s as Hr, b as Xr, w as Yr } from "./chunks/theme-Dp3hFed1.js";
+import { createExplainQueryKey as ea, useDryRunQueries as ta, useDryRunQuery as sa, useExplainAI as ra, useExplainQuery as aa, useMultiDryRunQueries as ca } from "./hooks.js";
+import { i as oa, a as da } from "./chunks/flow-utils-CjQZG5qq.js";
+import { h as la } from "./chunks/syntaxHighlighting-BQfjio-i.js";
+const J = () => ({
   blocks: [],
   messages: [],
   isStreaming: !1,
   sessionId: null,
   inputValue: ""
 });
-function oe(e, t) {
+function be(e, t) {
   return {
     // Block actions
     addBlock: (s) => e((c) => ({
@@ -36,7 +37,7 @@ function oe(e, t) {
       blocks: c.blocks.filter((a) => a.id !== s)
     })),
     moveBlock: (s, c) => e((a) => {
-      const n = a.blocks.findIndex((i) => i.id === s);
+      const n = a.blocks.findIndex((d) => d.id === s);
       if (n === -1) return {};
       if (c === "up" && n === 0) return {};
       if (c === "down" && n === a.blocks.length - 1) return {};
@@ -73,7 +74,7 @@ function oe(e, t) {
     updateLastToolCall: (s) => e((c) => {
       const a = [...c.messages], n = a[a.length - 1];
       if (n?.role === "assistant" && n.toolCalls?.length) {
-        const o = [...n.toolCalls], l = s.id ? o.findIndex((i) => i.id === s.id) : o.length - 1;
+        const o = [...n.toolCalls], l = s.id ? o.findIndex((d) => d.id === s.id) : o.length - 1;
         l !== -1 && (o[l] = { ...o[l], ...s }, a[a.length - 1] = { ...n, toolCalls: o });
       }
       return { messages: a };
@@ -95,44 +96,44 @@ function oe(e, t) {
       messages: s.messages || []
     }),
     // Reset
-    reset: () => e($())
+    reset: () => e(J())
   };
 }
-function de() {
-  const e = $();
-  return se()(
-    re(
-      ae((t, s) => ({
+function ye() {
+  const e = J();
+  return ue()(
+    me(
+      pe((t, s) => ({
         ...e,
-        ...oe(t, s)
+        ...be(t, s)
       })),
       { name: "NotebookStore" }
     )
   );
 }
-const z = Z(null);
-function ie({
+const G = de(null);
+function xe({
   children: e,
   initialConfig: t
 }) {
-  const s = N(null);
+  const s = C(null);
   if (!s.current) {
-    const c = de();
+    const c = ye();
     t && c.getState().load(t), s.current = c;
   }
-  return /* @__PURE__ */ r(z.Provider, { value: s.current, children: e });
+  return /* @__PURE__ */ r(G.Provider, { value: s.current, children: e });
 }
-function S(e) {
-  const t = ee(z);
+function A(e) {
+  const t = ie(G);
   if (!t)
     throw new Error("useNotebookStore must be used within NotebookStoreProvider");
-  return te(t, e);
+  return le(t, e);
 }
-const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, Ue = (e) => e.sessionId, Ke = (e) => e.inputValue, ue = (e) => ({
+const ve = (e) => e.blocks, Ye = (e) => e.messages, Ze = (e) => e.isStreaming, et = (e) => e.sessionId, tt = (e) => e.inputValue, Ce = (e) => ({
   messages: e.messages,
   isStreaming: e.isStreaming,
   inputValue: e.inputValue
-}), me = (e) => ({
+}), ke = (e) => ({
   addMessage: e.addMessage,
   appendToLastAssistantMessage: e.appendToLastAssistantMessage,
   setLastAssistantError: e.setLastAssistantError,
@@ -141,12 +142,12 @@ const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, U
   setIsStreaming: e.setIsStreaming,
   setInputValue: e.setInputValue,
   setSessionId: e.setSessionId
-}), pe = (e) => ({
+}), Ne = (e) => ({
   addBlock: e.addBlock,
   removeBlock: e.removeBlock,
   moveBlock: e.moveBlock,
   updateBlock: e.updateBlock
-}), j = { width: "16px", height: "16px", color: "currentColor" }, he = V("chevronUp"), fe = V("chevronDown"), ge = V("edit"), be = V("delete"), ye = R.memo(function({
+}), K = { width: "16px", height: "16px", color: "currentColor" }, we = q("chevronUp"), Se = q("chevronDown"), De = q("edit"), Ae = q("delete"), Te = Q.memo(function({
   block: t,
   onRemove: s,
   onMoveUp: c,
@@ -155,33 +156,33 @@ const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, U
   isFirst: o,
   isLast: l
 }) {
-  const [i, g] = _(null), b = f((v) => {
-    g(v);
+  const [d, w] = j(null), m = g((k) => {
+    w(k);
   }, []);
-  return /* @__PURE__ */ y("div", { className: "dc:relative dc:mb-4 bg-dc-surface dc:border border-dc-border dc:rounded-lg dc:flex dc:flex-col", children: [
-    /* @__PURE__ */ y("div", { className: "dc:flex dc:items-center dc:justify-between dc:px-3 dc:py-1.5 dc:border-b border-dc-border dc:shrink-0 bg-dc-surface-secondary dc:rounded-t-lg", children: [
-      /* @__PURE__ */ y("div", { className: "dc:flex dc:items-center dc:gap-2 dc:flex-1 dc:min-w-0", children: [
+  return /* @__PURE__ */ x("div", { className: "dc:relative dc:mb-4 bg-dc-surface dc:border border-dc-border dc:rounded-lg dc:flex dc:flex-col", children: [
+    /* @__PURE__ */ x("div", { className: "dc:flex dc:items-center dc:justify-between dc:px-3 dc:py-1.5 dc:border-b border-dc-border dc:shrink-0 bg-dc-surface-secondary dc:rounded-t-lg", children: [
+      /* @__PURE__ */ x("div", { className: "dc:flex dc:items-center dc:gap-2 dc:flex-1 dc:min-w-0", children: [
         /* @__PURE__ */ r("h3", { className: "dc:font-semibold dc:text-sm text-dc-text dc:truncate", children: t.title || "Untitled" }),
-        i && /* @__PURE__ */ r(
-          J,
+        d && /* @__PURE__ */ r(
+          re,
           {
-            chartConfig: i.chartConfig,
-            displayConfig: i.displayConfig,
-            queryObject: i.queryObject,
-            data: i.data,
-            chartType: i.chartType,
-            cacheInfo: i.cacheInfo ?? void 0
+            chartConfig: d.chartConfig,
+            displayConfig: d.displayConfig,
+            queryObject: d.queryObject,
+            data: d.data,
+            chartType: d.chartType,
+            cacheInfo: d.cacheInfo ?? void 0
           }
         )
       ] }),
-      /* @__PURE__ */ y("div", { className: "dc:flex dc:items-center dc:gap-1 dc:shrink-0 dc:ml-4 dc:-mr-2", children: [
+      /* @__PURE__ */ x("div", { className: "dc:flex dc:items-center dc:gap-1 dc:shrink-0 dc:ml-4 dc:-mr-2", children: [
         !o && /* @__PURE__ */ r(
           "button",
           {
             onClick: () => c(t.id),
             className: "dc:p-1 dc:bg-transparent dc:border-none dc:rounded-sm text-dc-text-secondary dc:cursor-pointer dc:hover:bg-dc-surface-hover dc:transition-colors",
             title: "Move up",
-            children: /* @__PURE__ */ r(he, { style: j })
+            children: /* @__PURE__ */ r(we, { style: K })
           }
         ),
         !l && /* @__PURE__ */ r(
@@ -190,7 +191,7 @@ const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, U
             onClick: () => a(t.id),
             className: "dc:p-1 dc:bg-transparent dc:border-none dc:rounded-sm text-dc-text-secondary dc:cursor-pointer dc:hover:bg-dc-surface-hover dc:transition-colors",
             title: "Move down",
-            children: /* @__PURE__ */ r(fe, { style: j })
+            children: /* @__PURE__ */ r(Se, { style: K })
           }
         ),
         /* @__PURE__ */ r(
@@ -199,7 +200,7 @@ const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, U
             onClick: () => n(t),
             className: "dc:p-1 dc:bg-transparent dc:border-none dc:rounded-sm text-dc-text-secondary dc:cursor-pointer dc:hover:bg-dc-surface-hover dc:transition-colors",
             title: "Edit visualization",
-            children: /* @__PURE__ */ r(ge, { style: j })
+            children: /* @__PURE__ */ r(De, { style: K })
           }
         ),
         /* @__PURE__ */ r(
@@ -208,13 +209,13 @@ const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, U
             onClick: () => s(t.id),
             className: "dc:p-1 dc:mr-0.5 dc:bg-transparent dc:border-none dc:rounded-sm dc:cursor-pointer dc:hover:bg-dc-danger-bg text-dc-danger dc:transition-colors",
             title: "Remove",
-            children: /* @__PURE__ */ r(be, { style: j })
+            children: /* @__PURE__ */ r(Ae, { style: K })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ r("div", { className: "dc:flex-1 dc:min-h-0", children: /* @__PURE__ */ r(
-      H,
+      ae,
       {
         query: t.query,
         chartType: t.chartType,
@@ -222,11 +223,11 @@ const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, U
         displayConfig: t.displayConfig,
         height: 400,
         eagerLoad: !0,
-        onDebugDataReady: b
+        onDebugDataReady: m
       }
     ) })
   ] });
-}), xe = {
+}), Me = {
   overrides: {
     h1: { props: { className: "dc:text-lg dc:font-bold text-dc-text dc:mb-2 dc:mt-3" } },
     h2: { props: { className: "dc:text-base dc:font-semibold text-dc-text dc:mb-2 dc:mt-3" } },
@@ -247,7 +248,7 @@ const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, U
     td: { props: { className: "dc:px-3 dc:py-2 dc:text-sm text-dc-text border-dc-border dc:border-b" } },
     tr: { props: { className: "dc:hover:opacity-80" } }
   }
-}, ve = R.memo(function({
+}, Ie = Q.memo(function({
   block: t,
   onRemove: s,
   onMoveUp: c,
@@ -255,8 +256,8 @@ const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, U
   isFirst: n,
   isLast: o
 }) {
-  return /* @__PURE__ */ y("div", { className: "dc:group dc:relative dc:mb-4", children: [
-    /* @__PURE__ */ y("div", { className: "dc:absolute dc:right-2 dc:top-2 dc:z-10 dc:flex dc:gap-1 dc:opacity-0 dc:group-hover:opacity-100 dc:transition-opacity", children: [
+  return /* @__PURE__ */ x("div", { className: "dc:group dc:relative dc:mb-4", children: [
+    /* @__PURE__ */ x("div", { className: "dc:absolute dc:right-2 dc:top-2 dc:z-10 dc:flex dc:gap-1 dc:opacity-0 dc:group-hover:opacity-100 dc:transition-opacity", children: [
       !n && /* @__PURE__ */ r(
         "button",
         {
@@ -286,66 +287,66 @@ const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, U
       )
     ] }),
     t.title && /* @__PURE__ */ r("h4", { className: "dc:text-sm dc:font-semibold text-dc-text dc:mb-2 dc:px-1", children: t.title }),
-    /* @__PURE__ */ r("div", { className: "dc:rounded-lg dc:p-4 bg-dc-surface border-dc-border dc:border", children: /* @__PURE__ */ r(ce, { options: xe, children: t.content }) })
+    /* @__PURE__ */ r("div", { className: "dc:rounded-lg dc:p-4 bg-dc-surface border-dc-border dc:border", children: /* @__PURE__ */ r(he, { options: Me, children: t.content }) })
   ] });
-}), Ce = R.memo(function() {
-  const t = S(le), { removeBlock: s, moveBlock: c, updateBlock: a } = S(K(pe)), n = N(null), [o, l] = _(null), i = N(t.length);
+}), Ee = Q.memo(function() {
+  const t = A(ve), { removeBlock: s, moveBlock: c, updateBlock: a } = A(O(Ne)), n = C(null), [o, l] = j(null), d = C(t.length);
   P(() => {
-    t.length > i.current && n.current?.scrollIntoView({ behavior: "smooth" }), i.current = t.length;
+    t.length > d.current && n.current?.scrollIntoView({ behavior: "smooth" }), d.current = t.length;
   }, [t.length]);
-  const g = f((d) => s(d), [s]), b = f((d) => c(d, "up"), [c]), v = f((d) => c(d, "down"), [c]), m = f((d) => l(d), []), A = f((d) => {
+  const w = g((p) => s(p), [s]), m = g((p) => c(p, "up"), [c]), k = g((p) => c(p, "down"), [c]), h = g((p) => l(p), []), N = g((p) => {
     if (!o) return;
-    const C = G(d), { analysisConfig: x } = C;
-    if (x) {
-      const k = x.charts[x.analysisType];
+    const i = ce(p), { analysisConfig: f } = i;
+    if (f) {
+      const b = f.charts[f.analysisType];
       a(o.id, {
-        title: d.title,
-        query: JSON.stringify(x.query),
-        chartType: k?.chartType || "bar",
-        chartConfig: k?.chartConfig,
-        displayConfig: k?.displayConfig
+        title: p.title,
+        query: JSON.stringify(f.query),
+        chartType: b?.chartType || "bar",
+        chartConfig: b?.chartConfig,
+        displayConfig: b?.displayConfig
       });
     }
     l(null);
   }, [o, a]);
-  return t.length === 0 ? /* @__PURE__ */ r("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full", children: /* @__PURE__ */ y("div", { className: "dc:text-center dc:max-w-sm dc:px-6", children: [
+  return t.length === 0 ? /* @__PURE__ */ r("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full", children: /* @__PURE__ */ x("div", { className: "dc:text-center dc:max-w-sm dc:px-6", children: [
     /* @__PURE__ */ r("h3", { className: "dc:text-base dc:font-semibold text-dc-text dc:mb-2", children: "Your notebook is empty" }),
     /* @__PURE__ */ r("p", { className: "dc:text-sm text-dc-text-secondary", children: "Ask the AI assistant a question about your data. Charts and insights will appear here as the assistant analyzes your data." })
-  ] }) }) : /* @__PURE__ */ y("div", { className: "dc:h-full dc:overflow-y-auto dc:p-4", children: [
-    t.map((d, C) => {
-      const x = C === 0, k = C === t.length - 1;
-      return d.type === "portlet" ? /* @__PURE__ */ r(
-        ye,
+  ] }) }) : /* @__PURE__ */ x("div", { className: "dc:h-full dc:overflow-y-auto dc:p-4", children: [
+    t.map((p, i) => {
+      const f = i === 0, b = i === t.length - 1;
+      return p.type === "portlet" ? /* @__PURE__ */ r(
+        Te,
         {
-          block: d,
-          onRemove: g,
-          onMoveUp: b,
-          onMoveDown: v,
-          onEdit: m,
-          isFirst: x,
-          isLast: k
+          block: p,
+          onRemove: w,
+          onMoveUp: m,
+          onMoveDown: k,
+          onEdit: h,
+          isFirst: f,
+          isLast: b
         },
-        d.id
-      ) : d.type === "markdown" ? /* @__PURE__ */ r(
-        ve,
+        p.id
+      ) : p.type === "markdown" ? /* @__PURE__ */ r(
+        Ie,
         {
-          block: d,
-          onRemove: g,
-          onMoveUp: b,
-          onMoveDown: v,
-          isFirst: x,
-          isLast: k
+          block: p,
+          onRemove: w,
+          onMoveUp: m,
+          onMoveDown: k,
+          isFirst: f,
+          isLast: b
         },
-        d.id
+        p.id
       ) : null;
     }),
     /* @__PURE__ */ r("div", { ref: n }),
     /* @__PURE__ */ r(
-      X,
+      ne,
       {
         isOpen: !!o,
         onClose: () => l(null),
-        onSave: A,
+        onSave: N,
         portlet: o ? {
           id: o.id,
           title: o.title,
@@ -364,7 +365,7 @@ const le = (e) => e.blocks, je = (e) => e.messages, qe = (e) => e.isStreaming, U
     )
   ] });
 });
-function ke(e) {
+function Re(e) {
   if (e.startsWith("{") || e.includes('"type":"error"'))
     try {
       const t = JSON.parse(e.replace(/^Error:\s*/, "")), s = t.error?.type || t.type || "";
@@ -383,144 +384,140 @@ function ke(e) {
   }
   return e;
 }
-function Ne(e) {
-  const {
-    agentEndpoint: t,
-    agentApiKey: s,
-    onAddPortlet: c,
-    onAddMarkdown: a,
-    onTextDelta: n,
-    onToolStart: o,
-    onToolResult: l,
-    onTurnComplete: i,
-    onDone: g,
-    onError: b
-  } = e, { cubeApi: v } = ne(), m = N(null), [A, d] = _(!1), C = f(async (k, D) => {
-    function I(h) {
-      switch (h.type) {
+function Be(e) {
+  const { agentEndpoint: t, agentApiKey: s } = e, { cubeApi: c } = fe(), a = C(null), [n, o] = j(!1), l = C(e);
+  l.current = e;
+  const d = g(async (m, k, h) => {
+    function N(i) {
+      const f = l.current;
+      switch (i.type) {
         case "text_delta":
-          n(h.data);
+          f.onTextDelta(i.data);
           break;
         case "tool_use_start":
-          o(h.data.id, h.data.name, h.data.input);
+          f.onToolStart(i.data.id, i.data.name, i.data.input);
           break;
         case "tool_use_result":
-          l(h.data.id, h.data.name, h.data.result, h.data.isError);
+          f.onToolResult(i.data.id, i.data.name, i.data.result, i.data.isError);
           break;
         case "add_portlet":
-          c({
-            ...h.data,
+          f.onAddPortlet({
+            ...i.data,
             type: "portlet"
           });
           break;
         case "add_markdown":
-          a({
-            ...h.data,
+          f.onAddMarkdown({
+            ...i.data,
             type: "markdown"
           });
           break;
+        case "dashboard_saved":
+          f.onDashboardSaved?.(i.data);
+          break;
         case "turn_complete":
-          i?.();
+          f.onTurnComplete?.();
           break;
         case "done":
-          g(h.data.sessionId);
+          f.onDone(i.data.sessionId);
           break;
         case "error":
-          b(h.data.message);
+          f.onError(i.data.message);
           break;
       }
     }
-    m.current && m.current.abort();
+    a.current && a.current.abort();
     const p = new AbortController();
-    m.current = p, d(!0);
+    a.current = p, o(!0);
     try {
-      const h = v.apiUrl || "/cubejs-api/v1", T = t || `${h}/agent/chat`, M = {
+      const i = c.apiUrl || "/cubejs-api/v1", f = t || `${i}/agent/chat`, b = {
         "Content-Type": "application/json",
-        ...v.headers
+        ...c.headers
       };
-      s && (M["X-Agent-Api-Key"] = s);
-      const w = await fetch(T, {
+      s && (b["X-Agent-Api-Key"] = s);
+      const v = await fetch(f, {
         method: "POST",
-        headers: M,
-        credentials: v.credentials ?? "include",
+        headers: b,
+        credentials: c.credentials ?? "include",
         body: JSON.stringify({
-          message: k,
-          ...D ? { sessionId: D } : {}
+          message: m,
+          ...k ? { sessionId: k } : {},
+          ...h && h.length > 0 ? { history: h } : {}
         }),
         signal: p.signal
       });
-      if (!w.ok) {
-        const B = await w.json().catch(() => ({}));
-        throw new Error(B.error || `Agent request failed: ${w.status}`);
+      if (!v.ok) {
+        const D = await v.json().catch(() => ({}));
+        throw new Error(D.error || `Agent request failed: ${v.status}`);
       }
-      if (!w.body)
+      if (!v.body)
         throw new Error("No response body received");
-      const Q = w.body.getReader(), q = new TextDecoder();
-      let E = "";
+      const S = v.body.getReader(), R = new TextDecoder();
+      let T = "";
       for (; ; ) {
-        const { done: B, value: u } = await Q.read();
-        if (B) break;
-        E += q.decode(u, { stream: !0 });
-        const L = E.split(`
+        const { done: D, value: y } = await S.read();
+        if (D) break;
+        T += R.decode(y, { stream: !0 });
+        const I = T.split(`
 
 `);
-        E = L.pop() || "";
-        for (const F of L) {
-          const U = F.trim().split(`
+        T = I.pop() || "";
+        for (const L of I) {
+          const F = L.trim().split(`
 `);
-          for (const O of U)
-            if (O.startsWith("data: "))
+          for (const B of F)
+            if (B.startsWith("data: "))
               try {
-                const W = JSON.parse(O.slice(6));
-                I(W);
+                const M = JSON.parse(B.slice(6));
+                N(M);
               } catch {
               }
         }
       }
-      if (E.trim()) {
-        const B = E.trim().split(`
+      if (T.trim()) {
+        const D = T.trim().split(`
 `);
-        for (const u of B)
-          if (u.startsWith("data: "))
+        for (const y of D)
+          if (y.startsWith("data: "))
             try {
-              const L = JSON.parse(u.slice(6));
-              I(L);
+              const I = JSON.parse(y.slice(6));
+              N(I);
             } catch {
             }
       }
-    } catch (h) {
-      if (h.name !== "AbortError") {
-        const T = h instanceof Error ? h.message : "Stream failed";
-        b(ke(T));
+    } catch (i) {
+      if (i.name !== "AbortError") {
+        const f = i instanceof Error ? i.message : "Stream failed";
+        l.current.onError(Re(f));
       }
     } finally {
-      d(!1), m.current = null;
+      o(!1), a.current = null;
     }
-  }, [v, t, s, c, a, n, o, l, i, g, b]), x = f(() => {
-    m.current && (m.current.abort(), m.current = null, d(!1));
+  }, [c, t, s]), w = g(() => {
+    a.current && (a.current.abort(), a.current = null, o(!1));
   }, []);
   return {
-    sendMessage: C,
-    isStreaming: A,
-    abort: x
+    sendMessage: d,
+    isStreaming: n,
+    abort: w
   };
 }
-function we(e) {
+function Le(e) {
   const t = [];
   let s = e, c = 0;
   for (; s; ) {
     const a = s.match(/^(.*?)`([^`]+)`(.*)$/);
     if (a) {
-      const [, o, l, i] = a;
+      const [, o, l, d] = a;
       o && t.push(/* @__PURE__ */ r("span", { children: o }, c++)), t.push(
         /* @__PURE__ */ r("code", { className: "dc:px-1 dc:py-0.5 dc:rounded dc:text-xs bg-dc-surface dc:font-mono", children: l }, c++)
-      ), s = i;
+      ), s = d;
       continue;
     }
     const n = s.match(/^(.*?)\*\*([^*]+)\*\*(.*)$/);
     if (n) {
-      const [, o, l, i] = n;
-      o && t.push(/* @__PURE__ */ r("span", { children: o }, c++)), t.push(/* @__PURE__ */ r("strong", { className: "dc:font-semibold", children: l }, c++)), s = i;
+      const [, o, l, d] = n;
+      o && t.push(/* @__PURE__ */ r("span", { children: o }, c++)), t.push(/* @__PURE__ */ r("strong", { className: "dc:font-semibold", children: l }, c++)), s = d;
       continue;
     }
     t.push(/* @__PURE__ */ r("span", { children: s }, c));
@@ -528,51 +525,60 @@ function we(e) {
   }
   return t;
 }
-const Se = {
+const Pe = {
   discover_cubes: "Discovering cubes",
   get_cube_metadata: "Reading metadata",
   execute_query: "Executing query",
   add_portlet: "Adding visualization",
   add_markdown: "Adding explanation"
 };
-function Ae({ toolCall: e }) {
-  const [t, s] = _(!1), c = Se[e.name] || e.name, a = e.status === "running";
-  return /* @__PURE__ */ y("div", { className: "dc:my-1 dc:text-xs", children: [
-    /* @__PURE__ */ y(
+function Qe({ toolCall: e, loadingComponent: t }) {
+  const [s, c] = j(!1), a = Pe[e.name] || e.name, n = e.status === "running";
+  return /* @__PURE__ */ x("div", { className: "dc:my-1 dc:text-xs", children: [
+    /* @__PURE__ */ x(
       "button",
       {
-        onClick: () => s(!t),
+        onClick: () => c(!s),
         className: "dc:flex dc:items-center dc:gap-1.5 text-dc-text-secondary dc:hover:opacity-80 dc:transition-opacity",
         children: [
-          a ? /* @__PURE__ */ r("span", { className: "dc:inline-block dc:w-3 dc:h-3 dc:border-2 border-dc-accent dc:border-t-transparent dc:rounded-full dc:animate-spin" }) : /* @__PURE__ */ r("span", { className: "dc:text-xs", children: e.status === "error" ? "✗" : "✓" }),
-          /* @__PURE__ */ y("span", { children: [
-            c,
-            a ? "..." : ""
+          n ? t ? /* @__PURE__ */ r("span", { className: "dc:inline-flex dc:items-center dc:justify-center dc:h-3 dc:w-3", children: t }) : /* @__PURE__ */ r(ge, { size: "xs" }) : /* @__PURE__ */ r("span", { className: "dc:text-xs", children: e.status === "error" ? "✗" : "✓" }),
+          /* @__PURE__ */ x("span", { children: [
+            a,
+            n ? "..." : ""
           ] }),
-          !a && /* @__PURE__ */ r("span", { className: "dc:text-[10px] dc:opacity-60", children: t ? "▲" : "▼" })
+          !n && /* @__PURE__ */ r("span", { className: "dc:text-[10px] dc:opacity-60", children: s ? "▲" : "▼" })
         ]
       }
     ),
-    t && e.result != null && /* @__PURE__ */ r("pre", { className: "dc:mt-1 dc:p-2 dc:rounded dc:text-[11px] dc:overflow-x-auto dc:max-h-32 dc:overflow-y-auto bg-dc-surface-secondary text-dc-text-secondary", children: typeof e.result == "string" ? e.result : JSON.stringify(e.result, null, 2) })
+    s && e.result != null && /* @__PURE__ */ r("pre", { className: "dc:mt-1 dc:p-2 dc:rounded dc:text-[11px] dc:overflow-x-auto dc:max-h-32 dc:overflow-y-auto bg-dc-surface-secondary text-dc-text-secondary", children: typeof e.result == "string" ? e.result : JSON.stringify(e.result, null, 2) })
   ] });
 }
-const De = R.memo(function({ message: t }) {
-  const s = t.role === "user", c = !!t.content?.trim(), a = !!t.error, n = t.toolCalls && t.toolCalls.length > 0;
-  return !s && !c && !a && !n ? null : /* @__PURE__ */ r("div", { className: `dc:flex dc:mb-3 ${s ? "dc:justify-end" : "dc:justify-start"}`, children: /* @__PURE__ */ y(
+const Fe = {
+  animation: "dc-msg-in 100ms ease-out"
+}, _e = Q.memo(function({ message: t, loadingComponent: s }) {
+  const c = t.role === "user", a = !!t.content?.trim(), n = !!t.error, o = t.toolCalls && t.toolCalls.length > 0;
+  return !c && !a && !n && !o ? null : /* @__PURE__ */ r(
     "div",
     {
-      className: `dc:max-w-[85%] dc:rounded-lg dc:px-3 dc:py-2 dc:text-sm ${s ? "bg-dc-accent text-dc-accent-text dc:rounded-br-sm" : a && !c ? "bg-dc-warning-bg text-dc-text dc:rounded-bl-sm" : "bg-dc-surface-secondary text-dc-text dc:rounded-bl-sm"}`,
-      children: [
-        c && /* @__PURE__ */ r("div", { className: "dc:whitespace-pre-wrap dc:break-words", children: s ? t.content : we(t.content) }),
-        a && /* @__PURE__ */ y("div", { className: `dc:flex dc:items-start dc:gap-2 ${c ? "dc:mt-2 dc:pt-2 dc:border-t dc:border-current dc:border-opacity-10" : ""}`, children: [
-          /* @__PURE__ */ r("span", { className: "dc:text-base dc:leading-none dc:mt-0.5 text-dc-warning dc:flex-shrink-0", children: "⚠" }),
-          /* @__PURE__ */ r("span", { className: "text-dc-text-secondary", children: t.error })
-        ] }),
-        n && /* @__PURE__ */ r("div", { className: c || a ? "dc:mt-1 dc:border-t dc:border-current dc:border-opacity-10 dc:pt-1" : "", children: t.toolCalls.map((o, l) => /* @__PURE__ */ r(Ae, { toolCall: o }, o.id || l)) })
-      ]
+      className: `dc:flex dc:mb-3 ${c ? "dc:justify-end" : "dc:justify-start"}`,
+      style: Fe,
+      children: /* @__PURE__ */ x(
+        "div",
+        {
+          className: `dc:max-w-[85%] dc:rounded-lg dc:px-3 dc:py-2 dc:text-sm ${c ? "bg-dc-accent text-dc-accent-text dc:rounded-br-sm" : n && !a ? "bg-dc-warning-bg text-dc-text dc:rounded-bl-sm" : "bg-dc-surface-secondary text-dc-text dc:rounded-bl-sm"}`,
+          children: [
+            a && /* @__PURE__ */ r("div", { className: "dc:whitespace-pre-wrap dc:break-words", children: c ? t.content : Le(t.content) }),
+            n && /* @__PURE__ */ x("div", { className: `dc:flex dc:items-start dc:gap-2 ${a ? "dc:mt-2 dc:pt-2 dc:border-t dc:border-current dc:border-opacity-10" : ""}`, children: [
+              /* @__PURE__ */ r("span", { className: "dc:text-base dc:leading-none dc:mt-0.5 text-dc-warning dc:flex-shrink-0", children: "⚠" }),
+              /* @__PURE__ */ r("span", { className: "text-dc-text-secondary", children: t.error })
+            ] }),
+            o && /* @__PURE__ */ r("div", { className: a || n ? "dc:mt-1 dc:border-t dc:border-current dc:border-opacity-10 dc:pt-1" : "", children: t.toolCalls.map((l, d) => /* @__PURE__ */ r(Qe, { toolCall: l, loadingComponent: s }, l.id || d)) })
+          ]
+        }
+      )
     }
-  ) });
-}), Te = R.memo(function({
+  );
+}), Ve = Q.memo(function({
   value: t,
   onChange: s,
   onSend: c,
@@ -580,30 +586,30 @@ const De = R.memo(function({ message: t }) {
   onContinue: n,
   isStreaming: o = !1,
   showContinue: l = !1,
-  disabled: i = !1,
-  placeholder: g = "Ask about your data..."
+  disabled: d = !1,
+  placeholder: w = "Ask about your data..."
 }) {
-  const b = N(null);
+  const m = C(null);
   P(() => {
-    const m = b.current;
-    m && (m.style.height = "auto", m.style.height = `${Math.min(m.scrollHeight, 150)}px`);
+    const h = m.current;
+    h && (h.style.height = "auto", h.style.height = `${Math.min(h.scrollHeight, 150)}px`);
   }, [t]);
-  const v = f(
-    (m) => {
-      m.key === "Enter" && !m.shiftKey && (m.preventDefault(), !i && t.trim() && c());
+  const k = g(
+    (h) => {
+      h.key === "Enter" && !h.shiftKey && (h.preventDefault(), !d && t.trim() && c());
     },
-    [i, t, c]
+    [d, t, c]
   );
-  return /* @__PURE__ */ y("div", { className: "dc:flex dc:gap-2 dc:items-end dc:p-3 border-dc-border dc:border-t", children: [
+  return /* @__PURE__ */ x("div", { className: "dc:flex dc:gap-2 dc:items-end dc:p-3 border-dc-border dc:border-t", children: [
     /* @__PURE__ */ r(
       "textarea",
       {
-        ref: b,
+        ref: m,
         value: t,
-        onChange: (m) => s(m.target.value),
-        onKeyDown: v,
-        placeholder: g,
-        disabled: i,
+        onChange: (h) => s(h.target.value),
+        onKeyDown: k,
+        placeholder: w,
+        disabled: d,
         rows: 1,
         className: "dc:flex-1 dc:resize-none dc:rounded-lg dc:px-3 dc:py-2 dc:text-sm bg-dc-surface-secondary text-dc-text border-dc-border dc:border dc:outline-none dc:focus:ring-1 focus:ring-dc-accent dc:disabled:opacity-50"
       }
@@ -615,12 +621,12 @@ const De = R.memo(function({ message: t }) {
         className: "dc:px-4 dc:py-2 dc:rounded-lg dc:text-sm dc:font-medium dc:transition-colors text-dc-error border-dc-border dc:border dc:hover:opacity-80 dc:shrink-0",
         children: "Stop"
       }
-    ) : /* @__PURE__ */ y(Y, { children: [
+    ) : /* @__PURE__ */ x(oe, { children: [
       l && !t.trim() && /* @__PURE__ */ r(
         "button",
         {
           onClick: () => {
-            n?.(), b.current?.focus();
+            n?.(), m.current?.focus();
           },
           className: "dc:px-4 dc:py-2 dc:rounded-lg dc:text-sm dc:font-medium dc:transition-colors border-dc-border dc:border text-dc-text-secondary dc:hover:opacity-80 dc:shrink-0",
           children: "Continue"
@@ -630,212 +636,267 @@ const De = R.memo(function({ message: t }) {
         "button",
         {
           onClick: c,
-          disabled: i || !t.trim(),
+          disabled: d || !t.trim(),
           className: "dc:px-4 dc:py-2 dc:rounded-lg dc:text-sm dc:font-medium dc:transition-colors bg-dc-accent text-dc-accent-text dc:hover:opacity-90 dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:shrink-0",
           children: "Send"
         }
       )
     ] })
   ] });
-}), Me = R.memo(function({
+}), je = Q.memo(function({
   agentEndpoint: t,
   agentApiKey: s,
-  onClear: c
+  onClear: c,
+  onDashboardSaved: a,
+  loadingComponent: n,
+  initialPrompt: o
 }) {
-  const a = N(null), n = N(!1), { messages: o, isStreaming: l, inputValue: i } = S(K(ue)), {
-    addMessage: g,
-    appendToLastAssistantMessage: b,
-    setLastAssistantError: v,
-    addToolCallToLastAssistant: m,
-    updateLastToolCall: A,
-    setIsStreaming: d,
-    setInputValue: C,
-    setSessionId: x
-  } = S(K(me)), k = S((u) => u.sessionId), D = S((u) => u.addBlock), I = S((u) => u.reset), p = f(() => {
-    n.current && (n.current = !1, g({
+  const l = C(null), d = C(!1), w = C(!1), { messages: m, isStreaming: k, inputValue: h } = A(O(Ce)), {
+    addMessage: N,
+    appendToLastAssistantMessage: p,
+    setLastAssistantError: i,
+    addToolCallToLastAssistant: f,
+    updateLastToolCall: b,
+    setIsStreaming: v,
+    setInputValue: S,
+    setSessionId: R
+  } = A(O(ke)), T = A((u) => u.sessionId), D = A((u) => u.addBlock), y = A((u) => u.reset), I = A((u) => u.blocks.filter((V) => V.type === "portlet").length), L = C(m);
+  L.current = m;
+  const F = C(k);
+  F.current = k;
+  const B = C(T);
+  B.current = T;
+  const M = g(() => {
+    w.current && (w.current = !1, N({
       id: `msg-${Date.now()}`,
       role: "assistant",
       content: "",
       toolCalls: [],
       timestamp: Date.now()
     }));
-  }, [g]), h = N(o.length);
+  }, [N]), $ = C(m.length);
   P(() => {
-    o.length > h.current && a.current?.scrollIntoView({ behavior: "smooth" }), h.current = o.length;
-  }, [o]);
-  const { sendMessage: T, abort: M } = Ne({
+    m.length > $.current && l.current?.scrollIntoView({ behavior: "smooth" }), $.current = m.length;
+  }, [m]);
+  const { sendMessage: z, abort: U } = Be({
     agentEndpoint: t,
     agentApiKey: s,
-    onTextDelta: f((u) => {
-      p(), b(u);
-    }, [p, b]),
-    onToolStart: f((u, L, F) => {
-      p(), m({ id: u, name: L, input: F, status: "running" });
-    }, [p, m]),
-    onToolResult: f((u, L, F, U) => {
-      A({ id: u, status: U ? "error" : "complete", result: F });
-    }, [A]),
-    onAddPortlet: f((u) => {
+    onTextDelta: g((u) => {
+      M(), p(u);
+    }, [M, p]),
+    onToolStart: g((u, V, E) => {
+      M(), f({ id: u, name: V, input: E, status: "running" });
+    }, [M, f]),
+    onToolResult: g((u, V, E, se) => {
+      b({ id: u, status: se ? "error" : "complete", result: E });
+    }, [b]),
+    onAddPortlet: g((u) => {
       D(u);
     }, [D]),
-    onAddMarkdown: f((u) => {
+    onAddMarkdown: g((u) => {
       D(u);
     }, [D]),
-    onTurnComplete: f(() => {
-      n.current = !0;
+    onDashboardSaved: a,
+    onTurnComplete: g(() => {
+      w.current = !0;
     }, []),
-    onDone: f((u) => {
-      n.current = !1, x(u), d(!1);
-    }, [x, d]),
-    onError: f((u) => {
-      p(), v(u), d(!1);
-    }, [p, v, d])
-  }), w = f((u) => {
-    !u || l || (n.current = !1, g({
+    onDone: g((u) => {
+      w.current = !1, R(u), v(!1);
+    }, [R, v]),
+    onError: g((u) => {
+      M(), i(u), v(!1);
+    }, [M, i, v])
+  }), _ = g((u) => {
+    if (!u || F.current) return;
+    w.current = !1;
+    const V = L.current.map((E) => ({
+      role: E.role,
+      content: E.content,
+      ...E.toolCalls && E.toolCalls.length > 0 ? { toolCalls: E.toolCalls } : {}
+    }));
+    N({
       id: `msg-${Date.now()}`,
       role: "user",
       content: u,
       timestamp: Date.now()
-    }), g({
+    }), N({
       id: `msg-${Date.now() + 1}`,
       role: "assistant",
       content: "",
       toolCalls: [],
       timestamp: Date.now()
-    }), C(""), d(!0), T(u, k));
-  }, [l, g, C, d, T, k]), Q = f(() => {
-    w(i.trim());
-  }, [i, w]), q = f(() => {
-    M(), d(!1);
-  }, [M, d]), E = f(() => {
-    C("");
-  }, [C]), B = f(() => {
-    M(), d(!1), I(), c?.();
-  }, [M, d, I, c]);
-  return /* @__PURE__ */ y("div", { className: "dc:flex dc:flex-col dc:h-full bg-dc-surface", children: [
-    /* @__PURE__ */ y("div", { className: "dc:flex dc:items-center dc:justify-between dc:px-4 dc:py-3 border-dc-border dc:border-b", children: [
+    }), S(""), v(!0), z(u, B.current, V);
+  }, [N, S, v, z]);
+  P(() => {
+    if (o && !d.current && m.length === 0) {
+      d.current = !0;
+      const u = setTimeout(() => _(o), 100);
+      return () => clearTimeout(u);
+    }
+  }, [o, m.length, _]);
+  const W = C(h);
+  W.current = h;
+  const H = g(() => {
+    _(W.current.trim());
+  }, [_]), X = g(() => {
+    U(), v(!1);
+  }, [U, v]), Y = g(() => {
+    S("");
+  }, [S]), Z = g(() => {
+    U(), v(!1), y(), c?.();
+  }, [U, v, y, c]), ee = g(() => {
+    _(
+      "Save the current notebook as a dashboard with a professional layout, section headers, and appropriate filters."
+    );
+  }, [_]), te = !!a && !k && I > 0 && m.length > 0;
+  return /* @__PURE__ */ x("div", { className: "dc:flex dc:flex-col dc:h-full bg-dc-surface", children: [
+    /* @__PURE__ */ x("div", { className: "dc:flex dc:items-center dc:justify-between dc:px-4 dc:py-3 border-dc-border dc:border-b", children: [
       /* @__PURE__ */ r("h3", { className: "dc:text-sm dc:font-semibold text-dc-text", children: "AI Assistant" }),
-      o.length > 0 && /* @__PURE__ */ r(
-        "button",
-        {
-          onClick: B,
-          disabled: l,
-          className: "dc:text-xs dc:px-2 dc:py-1 dc:rounded text-dc-text-secondary dc:hover:opacity-80 dc:disabled:opacity-40",
-          title: "Clear notebook and chat",
-          children: "Clear"
-        }
-      )
+      /* @__PURE__ */ x("div", { className: "dc:flex dc:items-center dc:gap-1", children: [
+        te && /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: ee,
+            className: "dc:text-xs dc:px-2 dc:py-1 dc:rounded text-dc-accent dc:hover:opacity-80",
+            title: "Save notebook as a dashboard",
+            children: "Save as Dashboard"
+          }
+        ),
+        m.length > 0 && /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: Z,
+            disabled: k,
+            className: "dc:text-xs dc:px-2 dc:py-1 dc:rounded text-dc-text-secondary dc:hover:opacity-80 dc:disabled:opacity-40",
+            title: "Clear notebook and chat",
+            children: "Clear"
+          }
+        )
+      ] })
     ] }),
-    /* @__PURE__ */ y("div", { className: "dc:flex-1 dc:overflow-y-auto dc:px-4 dc:py-3", children: [
-      o.length === 0 ? /* @__PURE__ */ r(Ie, {}) : o.map((u) => /* @__PURE__ */ r(De, { message: u }, u.id)),
-      /* @__PURE__ */ r("div", { ref: a })
+    /* @__PURE__ */ x("div", { className: "dc:flex-1 dc:overflow-y-auto dc:px-4 dc:py-3", children: [
+      m.length === 0 ? /* @__PURE__ */ r(qe, {}) : m.map((u) => /* @__PURE__ */ r(
+        _e,
+        {
+          message: u,
+          loadingComponent: n
+        },
+        u.id
+      )),
+      /* @__PURE__ */ r("div", { ref: l })
     ] }),
     /* @__PURE__ */ r(
-      Te,
+      Ve,
       {
-        value: i,
-        onChange: C,
-        onSend: Q,
-        onStop: q,
-        onContinue: E,
-        isStreaming: l,
-        showContinue: !l && o.length > 0
+        value: h,
+        onChange: S,
+        onSend: H,
+        onStop: X,
+        onContinue: Y,
+        isStreaming: k,
+        showContinue: !k && m.length > 0
       }
     )
   ] });
 });
-function Ie() {
-  return /* @__PURE__ */ r("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full", children: /* @__PURE__ */ y("div", { className: "dc:text-center dc:max-w-xs", children: [
+function qe() {
+  return /* @__PURE__ */ r("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full", children: /* @__PURE__ */ x("div", { className: "dc:text-center dc:max-w-xs", children: [
     /* @__PURE__ */ r("div", { className: "dc:text-lg dc:font-semibold text-dc-text dc:mb-2", children: "Data Analysis Assistant" }),
     /* @__PURE__ */ r("p", { className: "dc:text-sm text-dc-text-secondary dc:mb-4", children: "Ask me about your data and I'll create visualizations and insights." }),
-    /* @__PURE__ */ y("div", { className: "dc:space-y-2 dc:text-xs text-dc-text-muted", children: [
+    /* @__PURE__ */ x("div", { className: "dc:space-y-2 dc:text-xs text-dc-text-muted", children: [
       /* @__PURE__ */ r("p", { children: '"Show me employee productivity trends"' }),
       /* @__PURE__ */ r("p", { children: '"What are the top departments by headcount?"' }),
       /* @__PURE__ */ r("p", { children: '"Compare revenue across product categories"' })
     ] })
   ] }) });
 }
-function Ee({
+function Ue({
   agentEndpoint: e,
   agentApiKey: t,
   onSave: s,
   onDirtyStateChange: c,
-  className: a
+  onDashboardSaved: a,
+  loadingComponent: n,
+  className: o,
+  initialPrompt: l
 }) {
-  const [n, o] = _(60), l = N(null), i = N(!1), g = S((p) => p.blocks.length), b = S((p) => p.messages.length), v = S((p) => p.isStreaming), m = S((p) => p.save), A = N({ blockCount: g, msgCount: b });
+  const [d, w] = j(60), m = C(null), k = C(!1), h = A((y) => y.blocks.length), N = A((y) => y.messages.length), p = A((y) => y.isStreaming), i = A((y) => y.save), f = C({ blockCount: h, msgCount: N });
   P(() => {
-    const p = g !== A.current.blockCount || b !== A.current.msgCount;
-    c?.(p);
-  }, [g, b, c]);
-  const d = N(), C = N(!1), x = N(s);
-  x.current = s;
-  const k = N(g > 0 || b > 0);
+    const y = h !== f.current.blockCount || N !== f.current.msgCount;
+    c?.(y);
+  }, [h, N, c]);
+  const b = C(), v = C(!1), S = C(s);
+  S.current = s;
+  const R = C(h > 0 || N > 0);
   P(() => {
-    if ((g > 0 || b > 0) && (k.current = !0), !(!x.current || !k.current)) {
-      if (v) {
-        C.current = !0, d.current && clearTimeout(d.current);
+    if ((h > 0 || N > 0) && (R.current = !0), !(!S.current || !R.current)) {
+      if (p) {
+        v.current = !0, b.current && clearTimeout(b.current);
         return;
       }
-      return d.current && clearTimeout(d.current), d.current = setTimeout(() => {
-        C.current = !1;
-        const p = m();
-        x.current?.(p);
+      return b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+        v.current = !1;
+        const y = i();
+        S.current?.(y);
       }, 1e3), () => {
-        d.current && clearTimeout(d.current);
+        b.current && clearTimeout(b.current);
       };
     }
-  }, [g, b, v, m]), P(() => {
-    !v && C.current && x.current && k.current && (d.current && clearTimeout(d.current), d.current = setTimeout(() => {
-      C.current = !1;
-      const p = m();
-      x.current?.(p);
+  }, [h, N, p, i]), P(() => {
+    !p && v.current && S.current && R.current && (b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+      v.current = !1;
+      const y = i();
+      S.current?.(y);
     }, 1e3));
-  }, [v, m]);
-  const D = f(() => {
-    x.current && (d.current && clearTimeout(d.current), x.current({ blocks: [], messages: [] }));
-  }, []), I = f((p) => {
-    p.preventDefault(), i.current = !0;
-    const h = (M) => {
-      if (!i.current || !l.current) return;
-      const w = l.current.getBoundingClientRect(), Q = (M.clientX - w.left) / w.width * 100;
-      o(Math.min(Math.max(Q, 30), 80));
-    }, T = () => {
-      i.current = !1, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", T);
+  }, [p, i]);
+  const T = g(() => {
+    S.current && (b.current && clearTimeout(b.current), S.current({ blocks: [], messages: [] }));
+  }, []), D = g((y) => {
+    y.preventDefault(), k.current = !0;
+    const I = (F) => {
+      if (!k.current || !m.current) return;
+      const B = m.current.getBoundingClientRect(), M = (F.clientX - B.left) / B.width * 100;
+      w(Math.min(Math.max(M, 30), 80));
+    }, L = () => {
+      k.current = !1, document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", L);
     };
-    document.addEventListener("mousemove", h), document.addEventListener("mouseup", T);
+    document.addEventListener("mousemove", I), document.addEventListener("mouseup", L);
   }, []);
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "div",
     {
-      ref: l,
-      className: `dc:flex dc:h-full dc:w-full dc:overflow-hidden bg-dc-surface-secondary ${a || ""}`,
+      ref: m,
+      className: `dc:flex dc:h-full dc:w-full dc:overflow-hidden bg-dc-surface-secondary ${o || ""}`,
       children: [
         /* @__PURE__ */ r(
           "div",
           {
             className: "dc:h-full dc:overflow-hidden",
-            style: { width: `${n}%` },
-            children: /* @__PURE__ */ r(Ce, {})
+            style: { width: `${d}%` },
+            children: /* @__PURE__ */ r(Ee, {})
           }
         ),
         /* @__PURE__ */ r(
           "div",
           {
             className: "dc:w-1 dc:h-full dc:cursor-col-resize dc:flex-shrink-0 dc:transition-colors bg-dc-border dc:hover:bg-dc-accent",
-            onMouseDown: I
+            onMouseDown: D
           }
         ),
         /* @__PURE__ */ r(
           "div",
           {
             className: "dc:h-full dc:overflow-hidden",
-            style: { width: `${100 - n}%` },
+            style: { width: `${100 - d}%` },
             children: /* @__PURE__ */ r(
-              Me,
+              je,
               {
                 agentEndpoint: e,
                 agentApiKey: t,
-                onClear: D
+                onClear: T,
+                onDashboardSaved: a,
+                loadingComponent: n,
+                initialPrompt: l
               }
             )
           }
@@ -844,26 +905,26 @@ function Ee({
     }
   );
 }
-const Oe = R.memo(function({
+const st = Q.memo(function({
   config: t,
   ...s
 }) {
-  return /* @__PURE__ */ r(ie, { initialConfig: t, children: /* @__PURE__ */ r(Ee, { ...s }) });
+  return /* @__PURE__ */ r(xe, { initialConfig: t, children: /* @__PURE__ */ r(Ue, { ...s }) });
 });
-function $e() {
+function rt() {
   return /* @__PURE__ */ r("div", { children: "Analytics Page - Coming in Phase 4" });
 }
-const Be = V("segment");
-function ze({
+const Ke = q("segment");
+function at({
   className: e = ""
 }) {
   return /* @__PURE__ */ r(
     "div",
     {
       className: `dc:flex dc:items-center dc:justify-center bg-dc-bg-secondary ${e}`,
-      children: /* @__PURE__ */ y("div", { className: "dc:text-center", children: [
+      children: /* @__PURE__ */ x("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ r(
-          Be,
+          Ke,
           {
             className: "dc:w-8 dc:h-8 dc:mx-auto dc:mb-2 text-dc-text-muted dc:opacity-50"
           }
@@ -874,178 +935,178 @@ function ze({
   );
 }
 export {
-  Oe as AgenticNotebook,
-  He as AnalysisBuilder,
-  Ge as AnalyticsDashboard,
-  $e as AnalyticsPage,
-  H as AnalyticsPortlet,
-  Xe as ChartErrorBoundary,
-  Ye as ConfirmModal,
-  ts as CubeClient,
-  ss as CubeProvider,
-  Ot as DEFAULT_ICONS,
-  Ze as DashboardEditModal,
-  et as DashboardGrid,
-  tt as DashboardStoreProvider,
-  ze as DashboardThumbnailPlaceholder,
-  st as DrillBreadcrumb,
-  rt as DrillMenu,
-  Ss as ExecutionPlanPanel,
-  As as ExplainAIPanel,
-  bs as LazyChart,
-  hs as LoadingIndicator,
-  at as Modal,
-  ie as NotebookStoreProvider,
-  X as PortletAnalysisModal,
-  ct as PortletContainer,
-  rs as ScrollContainerProvider,
-  Lr as THEME_PRESETS,
-  Rr as applyTheme,
-  Sr as buildFunnelConfigFromQueries,
-  Ar as buildServerFunnelQuery,
-  as as captureThumbnail,
-  Ds as compressAndEncode,
-  cs as createCubeClient,
-  cr as createDashboardLayout,
-  nt as createDashboardStore,
-  ot as createDefaultConfig,
-  dt as createDefaultFlowConfig,
-  it as createDefaultFunnelConfig,
-  lt as createDefaultQueryConfig,
-  ut as createDefaultRetentionConfig,
-  mt as createDefaultWorkspace,
-  Kr as createExplainQueryKey,
-  dr as createFlowQueryKey,
-  ir as createFunnelQueryKey,
-  de as createNotebookStore,
-  Ts as decodeAndDecompress,
-  Ms as detectAsymmetricDateRanges,
-  Is as detectMeasureCollisions,
-  nr as formatChartData,
-  Dr as formatDuration,
-  lr as generateQueryLabel,
-  Es as generateShareUrl,
-  Bs as getAvailableBindingKeyDimensions,
-  ys as getAvailableChartTypes,
-  Tr as getBindingKeyField,
-  Ls as getBindingKeyLabel,
-  $t as getChartTypeIcon,
-  ur as getCombinedFields,
-  Mr as getCubeNameFromQuery,
-  zt as getFieldTypeIcon,
-  V as getIcon,
-  Wt as getIconData,
-  Jt as getIconRegistry,
-  Ht as getIconsByCategory,
-  Gt as getMeasureTypeIcon,
-  mr as getQueryIndices,
-  pr as getQueryLabels,
-  Pr as getTheme,
-  Qr as getThemeVariable,
-  xs as getUnavailableChartTypes,
-  Rs as getValidationSummary,
-  Zr as highlightCodeBlocks,
-  vs as isChartTypeAvailable,
-  Fr as isDarkMode,
-  pt as isFlowConfig,
-  ht as isFunnelConfig,
-  Ir as isFunnelData,
-  Ps as isMinimumFunnelConfigValid,
-  ft as isMultiQuery,
-  gt as isMultiQueryConfig,
-  hr as isMultiQueryData,
-  Qs as isMultiQueryValid,
-  bt as isQueryConfig,
-  yt as isRetentionConfig,
-  Gr as isSankeyData,
-  Xr as isServerFlowQuery,
-  xt as isServerFunnelQuery,
-  Fs as isShareableSize,
-  vt as isSingleQuery,
-  ns as isThumbnailCaptureAvailable,
-  Ct as isValidAnalysisConfig,
-  kt as isValidAnalysisWorkspace,
-  Cs as isValidChartType,
-  fr as mergeQueryResults,
-  gr as mergeResultsByKey,
-  br as mergeResultsConcat,
-  Nt as migrateConfig,
-  wt as migrateLegacyPortlet,
-  _s as parseShareUrl,
-  ks as preloadChart,
-  Ns as preloadCharts,
-  Xt as registerIcons,
-  Yt as resetIcons,
-  _r as resetTheme,
-  St as selectAllActions,
-  pe as selectBlockActions,
-  le as selectBlocks,
-  Vs as selectBreakdowns,
-  js as selectChartConfig,
-  me as selectChatActions,
-  ue as selectChatState,
-  qs as selectCurrentState,
-  At as selectDebugData,
-  Dt as selectDebugDataActions,
-  Tt as selectEditModeActions,
-  Mt as selectEditModeState,
-  Us as selectFilters,
-  Ks as selectFunnelState,
-  Ke as selectInputValue,
-  qe as selectIsStreaming,
-  It as selectLayoutActions,
-  Et as selectLayoutState,
-  je as selectMessages,
-  Os as selectMetrics,
-  Bt as selectModalActions,
-  Lt as selectModalState,
-  $s as selectMultiQueryState,
-  Rt as selectPortletDebugData,
-  Ue as selectSessionId,
-  Pt as selectThumbnailDirty,
-  zs as selectUIState,
-  Zt as setIcon,
-  Vr as setTheme,
-  jr as setThemeVariable,
-  Er as transformServerFunnelResult,
-  Ne as useAgentChat,
-  Ws as useAnalysisBuilder,
-  Js as useAnalysisBuilderStore,
-  ne as useCubeApi,
-  os as useCubeContext,
-  ds as useCubeFeatures,
-  fs as useCubeFieldLabel,
-  yr as useCubeLoadQuery,
-  is as useCubeMeta,
-  ls as useCubeMetaQuery,
-  xr as useCubeQuery,
-  Qt as useDashboard,
-  Ft as useDashboardStore,
-  _t as useDashboardStoreApi,
-  Vt as useDashboardStoreOptional,
-  jt as useDrillInteraction,
-  Or as useDryRunQueries,
-  $r as useDryRunQuery,
-  qt as useElementVisibility,
-  zr as useExplainAI,
-  Wr as useExplainQuery,
-  vr as useFlowQuery,
-  Cr as useFunnelQuery,
-  kr as useMultiCubeLoadQuery,
-  Jr as useMultiDryRunQueries,
-  S as useNotebookStore,
-  us as useScrollContainer,
-  Ut as useScrollDetection,
-  rr as useTheme,
-  Hs as validateBindingKeyExists,
-  Gs as validateBindingKeyForSteps,
-  Xs as validateFunnelConfig,
-  Nr as validateMergeKey,
-  Ys as validateMergeKeys,
-  Zs as validateMultiQueryConfig,
-  er as validateStepQueries,
-  tr as validateTimeDimensionAlignment,
-  ms as warnIfScreenshotLibMissing,
-  qr as watchThemeChanges
+  st as AgenticNotebook,
+  ot as AnalysisBuilder,
+  dt as AnalyticsDashboard,
+  rt as AnalyticsPage,
+  ae as AnalyticsPortlet,
+  it as ChartErrorBoundary,
+  lt as ConfirmModal,
+  ps as CubeClient,
+  hs as CubeProvider,
+  ss as DEFAULT_ICONS,
+  ut as DashboardEditModal,
+  mt as DashboardGrid,
+  pt as DashboardStoreProvider,
+  at as DashboardThumbnailPlaceholder,
+  ht as DrillBreadcrumb,
+  ft as DrillMenu,
+  Qs as ExecutionPlanPanel,
+  Fs as ExplainAIPanel,
+  Ts as LazyChart,
+  ge as LoadingIndicator,
+  gt as Modal,
+  xe as NotebookStoreProvider,
+  ne as PortletAnalysisModal,
+  bt as PortletContainer,
+  fs as ScrollContainerProvider,
+  Or as THEME_PRESETS,
+  $r as applyTheme,
+  Qr as buildFunnelConfigFromQueries,
+  Fr as buildServerFunnelQuery,
+  gs as captureThumbnail,
+  _s as compressAndEncode,
+  bs as createCubeClient,
+  gr as createDashboardLayout,
+  yt as createDashboardStore,
+  xt as createDefaultConfig,
+  vt as createDefaultFlowConfig,
+  Ct as createDefaultFunnelConfig,
+  kt as createDefaultQueryConfig,
+  Nt as createDefaultRetentionConfig,
+  wt as createDefaultWorkspace,
+  ea as createExplainQueryKey,
+  xr as createFlowQueryKey,
+  vr as createFunnelQueryKey,
+  ye as createNotebookStore,
+  Vs as decodeAndDecompress,
+  js as detectAsymmetricDateRanges,
+  qs as detectMeasureCollisions,
+  br as formatChartData,
+  _r as formatDuration,
+  Cr as generateQueryLabel,
+  Us as generateShareUrl,
+  Ks as getAvailableBindingKeyDimensions,
+  Ms as getAvailableChartTypes,
+  Vr as getBindingKeyField,
+  Os as getBindingKeyLabel,
+  rs as getChartTypeIcon,
+  kr as getCombinedFields,
+  jr as getCubeNameFromQuery,
+  as as getFieldTypeIcon,
+  q as getIcon,
+  cs as getIconData,
+  ns as getIconRegistry,
+  os as getIconsByCategory,
+  ds as getMeasureTypeIcon,
+  Nr as getQueryIndices,
+  wr as getQueryLabels,
+  zr as getTheme,
+  Wr as getThemeVariable,
+  Is as getUnavailableChartTypes,
+  $s as getValidationSummary,
+  la as highlightCodeBlocks,
+  Es as isChartTypeAvailable,
+  Jr as isDarkMode,
+  St as isFlowConfig,
+  Dt as isFunnelConfig,
+  qr as isFunnelData,
+  zs as isMinimumFunnelConfigValid,
+  At as isMultiQuery,
+  Tt as isMultiQueryConfig,
+  Sr as isMultiQueryData,
+  Ws as isMultiQueryValid,
+  Mt as isQueryConfig,
+  It as isRetentionConfig,
+  oa as isSankeyData,
+  da as isServerFlowQuery,
+  Et as isServerFunnelQuery,
+  Js as isShareableSize,
+  Rt as isSingleQuery,
+  ys as isThumbnailCaptureAvailable,
+  Bt as isValidAnalysisConfig,
+  Lt as isValidAnalysisWorkspace,
+  Rs as isValidChartType,
+  Dr as mergeQueryResults,
+  Ar as mergeResultsByKey,
+  Tr as mergeResultsConcat,
+  Pt as migrateConfig,
+  Qt as migrateLegacyPortlet,
+  Gs as parseShareUrl,
+  Bs as preloadChart,
+  Ls as preloadCharts,
+  is as registerIcons,
+  ls as resetIcons,
+  Gr as resetTheme,
+  Ft as selectAllActions,
+  Ne as selectBlockActions,
+  ve as selectBlocks,
+  Hs as selectBreakdowns,
+  Xs as selectChartConfig,
+  ke as selectChatActions,
+  Ce as selectChatState,
+  Ys as selectCurrentState,
+  _t as selectDebugData,
+  Vt as selectDebugDataActions,
+  jt as selectEditModeActions,
+  qt as selectEditModeState,
+  Zs as selectFilters,
+  er as selectFunnelState,
+  tt as selectInputValue,
+  Ze as selectIsStreaming,
+  Ut as selectLayoutActions,
+  Kt as selectLayoutState,
+  Ye as selectMessages,
+  tr as selectMetrics,
+  Ot as selectModalActions,
+  $t as selectModalState,
+  sr as selectMultiQueryState,
+  zt as selectPortletDebugData,
+  et as selectSessionId,
+  Wt as selectThumbnailDirty,
+  rr as selectUIState,
+  us as setIcon,
+  Hr as setTheme,
+  Xr as setThemeVariable,
+  Ur as transformServerFunnelResult,
+  Be as useAgentChat,
+  ar as useAnalysisBuilder,
+  cr as useAnalysisBuilderStore,
+  fe as useCubeApi,
+  xs as useCubeContext,
+  vs as useCubeFeatures,
+  Ds as useCubeFieldLabel,
+  Mr as useCubeLoadQuery,
+  Cs as useCubeMeta,
+  ks as useCubeMetaQuery,
+  Ir as useCubeQuery,
+  Jt as useDashboard,
+  Gt as useDashboardStore,
+  Ht as useDashboardStoreApi,
+  Xt as useDashboardStoreOptional,
+  Yt as useDrillInteraction,
+  ta as useDryRunQueries,
+  sa as useDryRunQuery,
+  Zt as useElementVisibility,
+  ra as useExplainAI,
+  aa as useExplainQuery,
+  Er as useFlowQuery,
+  Rr as useFunnelQuery,
+  Br as useMultiCubeLoadQuery,
+  ca as useMultiDryRunQueries,
+  A as useNotebookStore,
+  Ns as useScrollContainer,
+  es as useScrollDetection,
+  hr as useTheme,
+  nr as validateBindingKeyExists,
+  or as validateBindingKeyForSteps,
+  dr as validateFunnelConfig,
+  Lr as validateMergeKey,
+  ir as validateMergeKeys,
+  lr as validateMultiQueryConfig,
+  ur as validateStepQueries,
+  mr as validateTimeDimensionAlignment,
+  ws as warnIfScreenshotLibMissing,
+  Yr as watchThemeChanges
 };
 //# sourceMappingURL=index.js.map