drizzle-cube 0.4.22 → 0.4.24

package/dist/client/index.js

@@ -1,27 +1,27 @@
-import { D as ve, A as Ce, e as we, P as Ne } from "./chunks/components-GzooQM5J.js";
-import { i as Lt, a as Pt, C as Qt, h as Ft, g as _t, b as Vt, j as jt, f as Ut, d as Ot, M as $t, c as qt, n as Kt, T as zt, R as Wt, Q as Jt, O as Xt, S as Yt, V as Gt, I as Ht, H as Zt, K as es, W as ts, G as ss, J as cs, X as rs, L as ns, N as as, U as os, Y as ds, Z as ls, z as is, q as us, x as ms, t as hs, s as fs, w as ps, p as gs, v as bs, o as xs, r as ys, y as vs, u as Cs, k as ws, l as Ns, m as ks, F as Ss, E as Ts, B as Ds } from "./chunks/components-GzooQM5J.js";
-import { jsx as e, jsxs as u, Fragment as ne } from "react/jsx-runtime";
-import Y, { useRef as g, createContext as ke, useContext as Se, useState as j, useCallback as f, useEffect as V } from "react";
-import { e as Te, f as De, h as Ae, s as Ie, i as de } from "./chunks/vendor-B2EH3V58.js";
-import { a as B, b as Me } from "./chunks/icons-DFJw-2HU.js";
-import { D as Is, i as Ms, c as Es, f as Rs, h as Bs, g as Ls, r as Ps, e as Qs, s as Fs } from "./chunks/icons-DFJw-2HU.js";
-import { Q as Ee } from "./chunks/chart-markdown-Du4Z2iqK.js";
-import { f as Re } from "./chunks/providers-CCw8Kjlc.js";
-import { h as Vs, a as js, S as Us, e as Os, d as $s, i as qs, b as Ks, g as zs, u as Ws, j as Js, c as Xs, w as Ys } from "./chunks/providers-CCw8Kjlc.js";
-import { L as me } from "./chunks/charts-core-B4Rbfdcn.js";
-import { u as Hs } from "./chunks/charts-core-B4Rbfdcn.js";
-import { useNotebookLayout as Be } from "./hooks.js";
-import { L as ec, g as tc, c as sc, b as cc, i as rc, p as nc, a as ac } from "./chunks/charts-loader-DbrwgvCK.js";
-import { E as dc, a as lc, p as ic, q as uc, m as mc, l as hc, r as fc, C as pc, D as gc, o as bc, B as xc, n as yc, w as vc, t as Cc, d as wc, f as Nc, s as kc, e as Sc, i as Tc, c as Dc, h as Ac, g as Ic, u as Mc, b as Ec, y as Rc, A as Bc, x as Lc, k as Pc, v as Qc, z as Fc, j as _c } from "./chunks/analysis-builder-shared-CrENEvEk.js";
-import { u as jc } from "./chunks/chart-bubble-ZfNe8t5k.js";
-import { c as Oc, f as $c } from "./chunks/index-CApFCBF9.js";
-import { f as Kc, d as zc, n as Wc, j as Jc, l as Xc, k as Yc, i as Gc, m as Hc, h as Zc, g as er, u as tr, u as sr, e as cr, b as rr, a as nr, v as ar } from "./chunks/useDirtyStateTracking-CjhwBXRw.js";
-import { c as dr, b as lr, f as ir, g as ur, a as mr, i as hr, t as fr } from "./chunks/funnel-utils-CyonoNeC.js";
-import { T as gr, c as br, g as xr, a as yr, i as vr, r as Cr, s as wr, b as Nr, w as kr } from "./chunks/theme-Dp3hFed1.js";
-import { d as Tr, b as Dr, u as Ar, e as Ir, c as Mr, a as Er } from "./chunks/useExplainAI-IiW55BaQ.js";
-import { i as Br, a as Lr } from "./chunks/flow-utils-CjQZG5qq.js";
-import { h as Qr } from "./chunks/syntaxHighlighting-DAMSW_A6.js";
-const he = () => ({
+import { D as ve, A as Ce, e as we, g as Ne, P as ke } from "./chunks/components-Dz6XHgnZ.js";
+import { j as Lt, a as Qt, C as Ft, i as _t, h as Vt, b as jt, k as Ut, f as Ot, d as $t, M as qt, c as Kt, o as zt, U as Wt, S as Jt, R as Xt, Q as Yt, T as Gt, W as Ht, J as Zt, I as es, L as ts, X as ss, H as cs, K as rs, Y as ns, N as as, O as os, V as ds, Z as ls, _ as is, B as us, r as ms, y as hs, v as fs, s as ps, x as gs, q as bs, w as xs, p as ys, t as vs, z as Cs, u as ws, l as Ns, m as ks, n as Ss, G as Ts, F as Ds, E as As } from "./chunks/components-Dz6XHgnZ.js";
+import { jsx as e, jsxs as u, Fragment as ae } from "react/jsx-runtime";
+import G, { useRef as x, createContext as Se, useContext as Te, useState as _, useCallback as p, useEffect as F } from "react";
+import { e as De, f as Ae, h as Ie, s as Me, i as le } from "./chunks/vendor-B2EH3V58.js";
+import { a as M, b as Ee } from "./chunks/icons-DFJw-2HU.js";
+import { D as Ms, i as Es, c as Rs, f as Bs, h as Ps, g as Ls, r as Qs, e as Fs, s as _s } from "./chunks/icons-DFJw-2HU.js";
+import { Q as Re } from "./chunks/chart-markdown-Du4Z2iqK.js";
+import { f as Be } from "./chunks/providers-CCw8Kjlc.js";
+import { h as js, a as Us, S as Os, e as $s, d as qs, i as Ks, b as zs, g as Ws, u as Js, j as Xs, c as Ys, w as Gs } from "./chunks/providers-CCw8Kjlc.js";
+import { L as he } from "./chunks/charts-core-B4Rbfdcn.js";
+import { u as Zs } from "./chunks/charts-core-B4Rbfdcn.js";
+import { useNotebookLayout as Pe } from "./hooks.js";
+import { L as tc, g as sc, c as cc, b as rc, i as nc, p as ac, a as oc } from "./chunks/charts-loader-DbrwgvCK.js";
+import { E as lc, a as ic, p as uc, q as mc, m as hc, l as fc, r as pc, C as gc, D as bc, o as xc, B as yc, n as vc, w as Cc, t as wc, d as Nc, f as kc, s as Sc, e as Tc, i as Dc, c as Ac, h as Ic, g as Mc, u as Ec, b as Rc, y as Bc, A as Pc, x as Lc, k as Qc, v as Fc, z as _c, j as Vc } from "./chunks/analysis-builder-shared-KSvGUzx6.js";
+import { u as Uc } from "./chunks/chart-bubble-ZfNe8t5k.js";
+import { c as $c, f as qc } from "./chunks/index-CApFCBF9.js";
+import { f as zc, d as Wc, n as Jc, j as Xc, l as Yc, k as Gc, i as Hc, m as Zc, h as er, g as tr, u as sr, u as cr, e as rr, b as nr, a as ar, v as or } from "./chunks/useDirtyStateTracking-CjhwBXRw.js";
+import { c as lr, b as ir, f as ur, g as mr, a as hr, i as fr, t as pr } from "./chunks/funnel-utils-CyonoNeC.js";
+import { T as br, c as xr, g as yr, a as vr, i as Cr, r as wr, s as Nr, b as kr, w as Sr } from "./chunks/theme-Dp3hFed1.js";
+import { d as Dr, b as Ar, u as Ir, e as Mr, c as Er, a as Rr } from "./chunks/useExplainAI-IiW55BaQ.js";
+import { i as Pr, a as Lr } from "./chunks/flow-utils-CjQZG5qq.js";
+import { h as Fr } from "./chunks/syntaxHighlighting-DAMSW_A6.js";
+const fe = () => ({
   blocks: [],
   messages: [],
   isStreaming: !1,
@@ -31,54 +31,54 @@ const he = () => ({
 function Le(t, s) {
   return {
     // Block actions
-    addBlock: (c) => t((a) => ({
-      blocks: [...a.blocks, c]
+    addBlock: (c) => t((n) => ({
+      blocks: [...n.blocks, c]
     })),
-    removeBlock: (c) => t((a) => ({
-      blocks: a.blocks.filter((n) => n.id !== c)
+    removeBlock: (c) => t((n) => ({
+      blocks: n.blocks.filter((a) => a.id !== c)
     })),
-    moveBlock: (c, a) => t((n) => {
-      const r = n.blocks.findIndex((d) => d.id === c);
+    moveBlock: (c, n) => t((a) => {
+      const r = a.blocks.findIndex((l) => l.id === c);
       if (r === -1) return {};
-      if (a === "up" && r === 0) return {};
-      if (a === "down" && r === n.blocks.length - 1) return {};
-      const o = [...n.blocks], l = a === "up" ? r - 1 : r + 1;
-      return [o[r], o[l]] = [o[l], o[r]], { blocks: o };
+      if (n === "up" && r === 0) return {};
+      if (n === "down" && r === a.blocks.length - 1) return {};
+      const o = [...a.blocks], i = n === "up" ? r - 1 : r + 1;
+      return [o[r], o[i]] = [o[i], o[r]], { blocks: o };
     }),
-    updateBlock: (c, a) => t((n) => ({
-      blocks: n.blocks.map(
-        (r) => r.id === c && r.type === "portlet" ? { ...r, ...a } : r
+    updateBlock: (c, n) => t((a) => ({
+      blocks: a.blocks.map(
+        (r) => r.id === c && r.type === "portlet" ? { ...r, ...n } : r
       )
     })),
     // Chat actions
-    addMessage: (c) => t((a) => ({
-      messages: [...a.messages, c]
+    addMessage: (c) => t((n) => ({
+      messages: [...n.messages, c]
     })),
-    appendToLastAssistantMessage: (c) => t((a) => {
-      const n = [...a.messages], r = n[n.length - 1];
-      return r && r.role === "assistant" && (n[n.length - 1] = {
+    appendToLastAssistantMessage: (c) => t((n) => {
+      const a = [...n.messages], r = a[a.length - 1];
+      return r && r.role === "assistant" && (a[a.length - 1] = {
         ...r,
         content: r.content + c
-      }), { messages: n };
+      }), { messages: a };
     }),
-    setLastAssistantError: (c) => t((a) => {
-      const n = [...a.messages], r = n[n.length - 1];
-      return r && r.role === "assistant" && (n[n.length - 1] = { ...r, error: c }), { messages: n };
+    setLastAssistantError: (c) => t((n) => {
+      const a = [...n.messages], r = a[a.length - 1];
+      return r && r.role === "assistant" && (a[a.length - 1] = { ...r, error: c }), { messages: a };
     }),
-    addToolCallToLastAssistant: (c) => t((a) => {
-      const n = [...a.messages], r = n[n.length - 1];
-      return r && r.role === "assistant" && (n[n.length - 1] = {
+    addToolCallToLastAssistant: (c) => t((n) => {
+      const a = [...n.messages], r = a[a.length - 1];
+      return r && r.role === "assistant" && (a[a.length - 1] = {
         ...r,
         toolCalls: [...r.toolCalls || [], c]
-      }), { messages: n };
+      }), { messages: a };
     }),
-    updateLastToolCall: (c) => t((a) => {
-      const n = [...a.messages], r = n[n.length - 1];
+    updateLastToolCall: (c) => t((n) => {
+      const a = [...n.messages], r = a[a.length - 1];
       if (r?.role === "assistant" && r.toolCalls?.length) {
-        const o = [...r.toolCalls], l = c.id ? o.findIndex((d) => d.id === c.id) : o.length - 1;
-        l !== -1 && (o[l] = { ...o[l], ...c }, n[n.length - 1] = { ...r, toolCalls: o });
+        const o = [...r.toolCalls], i = c.id ? o.findIndex((l) => l.id === c.id) : o.length - 1;
+        i !== -1 && (o[i] = { ...o[i], ...c }, a[a.length - 1] = { ...r, toolCalls: o });
       }
-      return { messages: n };
+      return { messages: a };
     }),
     // Session/UI actions
     setIsStreaming: (c) => t({ isStreaming: c }),
@@ -97,14 +97,14 @@ function Le(t, s) {
       messages: c.messages || []
     }),
     // Reset
-    reset: () => t(he())
+    reset: () => t(fe())
   };
 }
-function Pe() {
-  const t = he();
-  return De()(
-    Ae(
-      Ie((s, c) => ({
+function Qe() {
+  const t = fe();
+  return Ae()(
+    Ie(
+      Me((s, c) => ({
         ...t,
         ...Le(s, c)
       })),
@@ -112,29 +112,29 @@ function Pe() {
     )
   );
 }
-const fe = ke(null);
-function Qe({
+const pe = Se(null);
+function Fe({
   children: t,
   initialConfig: s
 }) {
-  const c = g(null);
+  const c = x(null);
   if (!c.current) {
-    const a = Pe();
-    s && a.getState().load(s), c.current = a;
+    const n = Qe();
+    s && n.getState().load(s), c.current = n;
   }
-  return /* @__PURE__ */ e(fe.Provider, { value: c.current, children: t });
+  return /* @__PURE__ */ e(pe.Provider, { value: c.current, children: t });
 }
-function P(t) {
-  const s = Se(fe);
+function B(t) {
+  const s = Te(pe);
   if (!s)
     throw new Error("useNotebookStore must be used within NotebookStoreProvider");
-  return Te(s, t);
+  return De(s, t);
 }
-const Fe = (t) => t.blocks, St = (t) => t.messages, Tt = (t) => t.isStreaming, Dt = (t) => t.sessionId, At = (t) => t.inputValue, _e = (t) => ({
+const _e = (t) => t.blocks, Tt = (t) => t.messages, Dt = (t) => t.isStreaming, At = (t) => t.sessionId, It = (t) => t.inputValue, Ve = (t) => ({
   messages: t.messages,
   isStreaming: t.isStreaming,
   inputValue: t.inputValue
-}), Ve = (t) => ({
+}), je = (t) => ({
   addMessage: t.addMessage,
   appendToLastAssistantMessage: t.appendToLastAssistantMessage,
   setLastAssistantError: t.setLastAssistantError,
@@ -143,74 +143,75 @@ const Fe = (t) => t.blocks, St = (t) => t.messages, Tt = (t) => t.isStreaming, D
   setIsStreaming: t.setIsStreaming,
   setInputValue: t.setInputValue,
   setSessionId: t.setSessionId
-}), je = (t) => ({
+}), Ue = (t) => ({
   addBlock: t.addBlock,
   removeBlock: t.removeBlock,
   moveBlock: t.moveBlock,
   updateBlock: t.updateBlock
-}), ce = { width: "16px", height: "16px", color: "currentColor" }, Ue = B("chevronUp"), Oe = B("chevronDown"), $e = B("edit"), qe = B("delete"), Ke = Y.memo(function({
+}), re = { width: "16px", height: "16px", color: "currentColor" }, Oe = M("chevronUp"), $e = M("chevronDown"), qe = M("edit"), Ke = M("delete"), ze = G.memo(function({
   block: s,
-  onRemove: c,
+  colorPalette: c,
+  onRemove: n,
   onMoveUp: a,
-  onMoveDown: n,
-  onEdit: r,
-  isFirst: o,
+  onMoveDown: r,
+  onEdit: o,
+  isFirst: i,
   isLast: l
 }) {
-  const [d, T] = j(null), w = f((A) => {
-    T(A);
+  const [y, N] = _(null), S = p((v) => {
+    N(v);
   }, []);
   return /* @__PURE__ */ u("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__ */ u("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__ */ u("div", { className: "dc:flex dc:items-center dc:gap-2 dc:flex-1 dc:min-w-0", children: [
         /* @__PURE__ */ e("h3", { className: "dc:font-semibold dc:text-sm text-dc-text dc:truncate", children: s.title || "Untitled" }),
-        d && /* @__PURE__ */ e(
+        y && /* @__PURE__ */ e(
           ve,
           {
-            chartConfig: d.chartConfig,
-            displayConfig: d.displayConfig,
-            queryObject: d.queryObject,
-            data: d.data,
-            chartType: d.chartType,
-            cacheInfo: d.cacheInfo ?? void 0
+            chartConfig: y.chartConfig,
+            displayConfig: y.displayConfig,
+            queryObject: y.queryObject,
+            data: y.data,
+            chartType: y.chartType,
+            cacheInfo: y.cacheInfo ?? void 0
           }
         )
       ] }),
       /* @__PURE__ */ u("div", { className: "dc:flex dc:items-center dc:gap-1 dc:shrink-0 dc:ml-4 dc:-mr-2", children: [
-        !o && /* @__PURE__ */ e(
+        !i && /* @__PURE__ */ e(
           "button",
           {
             onClick: () => a(s.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__ */ e(Ue, { style: ce })
+            children: /* @__PURE__ */ e(Oe, { style: re })
           }
         ),
         !l && /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => n(s.id),
+            onClick: () => r(s.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__ */ e(Oe, { style: ce })
+            children: /* @__PURE__ */ e($e, { style: re })
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => r(s),
+            onClick: () => o(s),
             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__ */ e($e, { style: ce })
+            children: /* @__PURE__ */ e(qe, { style: re })
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => c(s.id),
+            onClick: () => n(s.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__ */ e(qe, { style: ce })
+            children: /* @__PURE__ */ e(Ke, { style: re })
           }
         )
       ] })
@@ -222,17 +223,18 @@ const Fe = (t) => t.blocks, St = (t) => t.messages, Tt = (t) => t.isStreaming, D
         chartType: s.chartType,
         chartConfig: s.chartConfig,
         displayConfig: s.displayConfig,
+        colorPalette: c,
         height: 400,
         eagerLoad: !0,
-        onDebugDataReady: w
+        onDebugDataReady: S
       }
     ) })
   ] });
-}), re = { width: "16px", height: "16px", color: "currentColor" }, ze = B("documentText"), We = B("chevronUp"), Je = B("chevronDown"), Xe = B("delete");
-function Ye({ children: t, ...s }) {
+}), ne = { width: "16px", height: "16px", color: "currentColor" }, We = M("documentText"), Je = M("chevronUp"), Xe = M("chevronDown"), Ye = M("delete");
+function Ge({ children: t, ...s }) {
   return /* @__PURE__ */ e("div", { className: "dc:overflow-x-auto dc:my-2", children: /* @__PURE__ */ e("table", { ...s, children: t }) });
 }
-const Ge = {
+const He = {
   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,43 +249,43 @@ const Ge = {
     li: { props: { className: "dc:text-sm text-dc-text" } },
     hr: { props: { className: "dc:my-3 border-dc-border" } },
     blockquote: { props: { className: "dc:border-l-4 border-dc-accent dc:pl-3 dc:my-2 dc:italic text-dc-text-secondary dc:text-sm" } },
-    table: { component: Ye, props: { className: "dc:w-full dc:border-collapse dc:text-sm" } },
+    table: { component: Ge, props: { className: "dc:w-full dc:border-collapse dc:text-sm" } },
     thead: { props: { className: "bg-dc-surface-secondary" } },
     th: { props: { className: "dc:px-3 dc:py-2 dc:text-left dc:font-semibold dc:text-xs text-dc-text-secondary dc:uppercase dc:tracking-wider border-dc-border dc:border-b" } },
     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" } }
   }
-}, He = Y.memo(function({
+}, Ze = G.memo(function({
   block: s,
   onRemove: c,
-  onMoveUp: a,
-  onMoveDown: n,
+  onMoveUp: n,
+  onMoveDown: a,
   isFirst: r,
   isLast: o
 }) {
   return /* @__PURE__ */ u("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__ */ u("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__ */ u("div", { className: "dc:flex dc:items-center dc:gap-2 dc:flex-1 dc:min-w-0", children: [
-        /* @__PURE__ */ e(ze, { style: re }),
+        /* @__PURE__ */ e(We, { style: ne }),
         /* @__PURE__ */ e("h3", { className: "dc:font-semibold dc:text-sm text-dc-text dc:truncate", children: s.title || "Markdown" })
       ] }),
       /* @__PURE__ */ u("div", { className: "dc:flex dc:items-center dc:gap-1 dc:shrink-0 dc:ml-4 dc:-mr-2", children: [
         !r && /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => a(s.id),
+            onClick: () => n(s.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__ */ e(We, { style: re })
+            children: /* @__PURE__ */ e(Je, { style: ne })
           }
         ),
         !o && /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => n(s.id),
+            onClick: () => a(s.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__ */ e(Je, { style: re })
+            children: /* @__PURE__ */ e(Xe, { style: ne })
           }
         ),
         /* @__PURE__ */ e(
@@ -292,78 +294,80 @@ const Ge = {
             onClick: () => c(s.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__ */ e(Xe, { style: re })
+            children: /* @__PURE__ */ e(Ye, { style: ne })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "dc:p-4 dc:min-w-0 dc:overflow-hidden", children: /* @__PURE__ */ e(Ee, { options: Ge, children: s.content }) })
+    /* @__PURE__ */ e("div", { className: "dc:p-4 dc:min-w-0 dc:overflow-hidden", children: /* @__PURE__ */ e(Re, { options: He, children: s.content }) })
   ] });
-}), ue = Y.memo(function() {
-  const s = P(Fe), { removeBlock: c, moveBlock: a, updateBlock: n } = P(de(je)), r = g(null), [o, l] = j(null), d = g(s.length);
-  V(() => {
-    s.length > d.current && r.current?.scrollIntoView({ behavior: "smooth" }), d.current = s.length;
-  }, [s.length]);
-  const T = f((p) => c(p), [c]), w = f((p) => a(p, "up"), [a]), A = f((p) => a(p, "down"), [a]), v = f((p) => l(p), []), I = f((p) => {
-    if (!o) return;
-    const D = we(p), { analysisConfig: k } = D;
-    if (k) {
-      const b = k.charts[k.analysisType];
-      n(o.id, {
-        title: p.title,
-        query: JSON.stringify(k.query),
-        chartType: b?.chartType || "bar",
-        chartConfig: b?.chartConfig,
-        displayConfig: b?.displayConfig
+}), me = G.memo(function({ colorPalette: s }) {
+  const c = s ?? Ne(), n = B(_e), { removeBlock: a, moveBlock: r, updateBlock: o } = B(le(Ue)), i = x(null), [l, y] = _(null), N = x(n.length);
+  F(() => {
+    n.length > N.current && i.current?.scrollIntoView({ behavior: "smooth" }), N.current = n.length;
+  }, [n.length]);
+  const S = p((g) => a(g), [a]), v = p((g) => r(g, "up"), [r]), k = p((g) => r(g, "down"), [r]), O = p((g) => y(g), []), R = p((g) => {
+    if (!l) return;
+    const A = we(g), { analysisConfig: d } = A;
+    if (d) {
+      const m = d.charts[d.analysisType];
+      o(l.id, {
+        title: g.title,
+        query: JSON.stringify(d.query),
+        chartType: m?.chartType || "bar",
+        chartConfig: m?.chartConfig,
+        displayConfig: m?.displayConfig
       });
     }
-    l(null);
-  }, [o, n]);
-  return s.length === 0 ? /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full", children: /* @__PURE__ */ u("div", { className: "dc:text-center dc:max-w-sm dc:px-6", children: [
+    y(null);
+  }, [l, o]);
+  return n.length === 0 ? /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full", children: /* @__PURE__ */ u("div", { className: "dc:text-center dc:max-w-sm dc:px-6", children: [
     /* @__PURE__ */ e("h3", { className: "dc:text-base dc:font-semibold text-dc-text dc:mb-2", children: "Your notebook is empty" }),
     /* @__PURE__ */ e("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__ */ u("div", { className: "dc:h-full dc:overflow-y-auto dc:p-4", children: [
-    s.map((p, D) => {
-      const k = D === 0, b = D === s.length - 1;
-      return p.type === "portlet" ? /* @__PURE__ */ e(
-        Ke,
+    n.map((g, A) => {
+      const d = A === 0, m = A === n.length - 1;
+      return g.type === "portlet" ? /* @__PURE__ */ e(
+        ze,
         {
-          block: p,
-          onRemove: T,
-          onMoveUp: w,
-          onMoveDown: A,
-          onEdit: v,
-          isFirst: k,
-          isLast: b
+          block: g,
+          colorPalette: c,
+          onRemove: S,
+          onMoveUp: v,
+          onMoveDown: k,
+          onEdit: O,
+          isFirst: d,
+          isLast: m
         },
-        p.id
-      ) : p.type === "markdown" ? /* @__PURE__ */ e(
-        He,
+        g.id
+      ) : g.type === "markdown" ? /* @__PURE__ */ e(
+        Ze,
         {
-          block: p,
-          onRemove: T,
-          onMoveUp: w,
-          onMoveDown: A,
-          isFirst: k,
-          isLast: b
+          block: g,
+          onRemove: S,
+          onMoveUp: v,
+          onMoveDown: k,
+          isFirst: d,
+          isLast: m
         },
-        p.id
+        g.id
       ) : null;
     }),
-    /* @__PURE__ */ e("div", { ref: r }),
+    /* @__PURE__ */ e("div", { ref: i }),
     /* @__PURE__ */ e(
-      Ne,
+      ke,
       {
-        isOpen: !!o,
-        onClose: () => l(null),
-        onSave: I,
-        portlet: o ? {
-          id: o.id,
-          title: o.title,
-          query: o.query,
-          chartType: o.chartType,
-          chartConfig: o.chartConfig,
-          displayConfig: o.displayConfig,
+        isOpen: !!l,
+        onClose: () => y(null),
+        onSave: R,
+        colorPalette: c,
+        portlet: l ? {
+          id: l.id,
+          title: l.title,
+          query: l.query,
+          chartType: l.chartType,
+          chartConfig: l.chartConfig,
+          displayConfig: l.displayConfig,
           w: 5,
           h: 4,
           x: 0,
@@ -375,7 +379,7 @@ const Ge = {
     )
   ] });
 });
-function Ze(t) {
+function et(t) {
   if (t.startsWith("{") || t.includes('"type":"error"'))
     try {
       const s = JSON.parse(t.replace(/^Error:\s*/, "")), c = s.error?.type || s.type || "";
@@ -394,166 +398,166 @@ function Ze(t) {
   }
   return t;
 }
-function et(t) {
-  const { agentEndpoint: s, agentApiKey: c, agentProvider: a, agentModel: n, agentProviderEndpoint: r } = t, { cubeApi: o } = Re(), l = g(null), [d, T] = j(!1), w = g(t);
-  w.current = t;
-  const A = f(async (I, p, D) => {
-    function k(i) {
-      const x = w.current;
-      switch (i.type) {
+function tt(t) {
+  const { agentEndpoint: s, agentApiKey: c, agentProvider: n, agentModel: a, agentProviderEndpoint: r } = t, { cubeApi: o } = Be(), i = x(null), [l, y] = _(!1), N = x(t);
+  N.current = t;
+  const S = p(async (k, O, R) => {
+    function g(d) {
+      const m = N.current;
+      switch (d.type) {
         case "text_delta":
-          x.onTextDelta(i.data);
+          m.onTextDelta(d.data);
           break;
         case "tool_use_start":
-          x.onToolStart(i.data.id, i.data.name, i.data.input);
+          m.onToolStart(d.data.id, d.data.name, d.data.input);
           break;
         case "tool_use_result":
-          x.onToolResult(i.data.id, i.data.name, i.data.result, i.data.isError);
+          m.onToolResult(d.data.id, d.data.name, d.data.result, d.data.isError);
           break;
         case "add_portlet":
-          x.onAddPortlet({
-            ...i.data,
+          m.onAddPortlet({
+            ...d.data,
             type: "portlet"
           });
           break;
         case "add_markdown":
-          x.onAddMarkdown({
-            ...i.data,
+          m.onAddMarkdown({
+            ...d.data,
             type: "markdown"
           });
           break;
         case "dashboard_saved":
-          x.onDashboardSaved?.(i.data);
+          m.onDashboardSaved?.(d.data);
           break;
         case "turn_complete":
-          x.onTurnComplete?.();
+          m.onTurnComplete?.();
           break;
         case "done":
-          x.onDone(i.data.sessionId, i.data.traceId);
+          m.onDone(d.data.sessionId, d.data.traceId);
           break;
         case "error":
-          x.onError(i.data.message);
+          m.onError(d.data.message);
           break;
       }
     }
-    l.current && l.current.abort();
-    const b = new AbortController();
-    l.current = b, T(!0);
+    i.current && i.current.abort();
+    const A = new AbortController();
+    i.current = A, y(!0);
     try {
-      const i = o.apiUrl || "/cubejs-api/v1", x = s || `${i}/agent/chat`, y = {
+      const d = o.apiUrl || "/cubejs-api/v1", m = s || `${d}/agent/chat`, b = {
         "Content-Type": "application/json",
         ...o.headers
       };
-      c && (y["X-Agent-Api-Key"] = c), a && (y["X-Agent-Provider"] = a), n && (y["X-Agent-Model"] = n), r && (y["X-Agent-Provider-Endpoint"] = r);
-      const S = await fetch(x, {
+      c && (b["X-Agent-Api-Key"] = c), n && (b["X-Agent-Provider"] = n), a && (b["X-Agent-Model"] = a), r && (b["X-Agent-Provider-Endpoint"] = r);
+      const T = await fetch(m, {
         method: "POST",
-        headers: y,
+        headers: b,
         credentials: o.credentials ?? "include",
         body: JSON.stringify({
-          message: I,
-          ...p ? { sessionId: p } : {},
-          ...D && D.length > 0 ? { history: D } : {}
+          message: k,
+          ...O ? { sessionId: O } : {},
+          ...R && R.length > 0 ? { history: R } : {}
         }),
-        signal: b.signal
+        signal: A.signal
       });
-      if (!S.ok) {
-        const M = await S.json().catch(() => ({}));
-        throw new Error(M.error || `Agent request failed: ${S.status}`);
+      if (!T.ok) {
+        const L = await T.json().catch(() => ({}));
+        throw new Error(L.error || `Agent request failed: ${T.status}`);
       }
-      if (!S.body)
+      if (!T.body)
         throw new Error("No response body received");
-      const W = S.body.getReader(), U = new TextDecoder();
-      let Q = "";
+      const K = T.body.getReader(), $ = new TextDecoder();
+      let P = "";
       for (; ; ) {
-        const { done: M, value: C } = await W.read();
-        if (M) break;
-        Q += U.decode(C, { stream: !0 });
-        const E = Q.split(`
+        const { done: L, value: E } = await K.read();
+        if (L) break;
+        P += $.decode(E, { stream: !0 });
+        const C = P.split(`
 
 `);
-        Q = E.pop() || "";
-        for (const N of E) {
-          const L = N.trim().split(`
+        P = C.pop() || "";
+        for (const w of C) {
+          const I = w.trim().split(`
 `);
-          for (const q of L)
-            if (q.startsWith("data: "))
+          for (const V of I)
+            if (V.startsWith("data: "))
               try {
-                const K = JSON.parse(q.slice(6));
-                k(K);
+                const W = JSON.parse(V.slice(6));
+                g(W);
               } catch {
               }
         }
       }
-      if (Q.trim()) {
-        const M = Q.trim().split(`
+      if (P.trim()) {
+        const L = P.trim().split(`
 `);
-        for (const C of M)
-          if (C.startsWith("data: "))
+        for (const E of L)
+          if (E.startsWith("data: "))
             try {
-              const E = JSON.parse(C.slice(6));
-              k(E);
+              const C = JSON.parse(E.slice(6));
+              g(C);
             } catch {
             }
       }
-    } catch (i) {
-      if (i.name !== "AbortError") {
-        const x = i instanceof Error ? i.message : "Stream failed";
-        w.current.onError(Ze(x));
+    } catch (d) {
+      if (d.name !== "AbortError") {
+        const m = d instanceof Error ? d.message : "Stream failed";
+        N.current.onError(et(m));
       }
     } finally {
-      T(!1), l.current = null;
+      y(!1), i.current = null;
     }
-  }, [o, s, c, a, n, r]), v = f(() => {
-    l.current && (l.current.abort(), l.current = null, T(!1));
+  }, [o, s, c, n, a, r]), v = p(() => {
+    i.current && (i.current.abort(), i.current = null, y(!1));
   }, []);
   return {
-    sendMessage: A,
-    isStreaming: d,
+    sendMessage: S,
+    isStreaming: l,
     abort: v
   };
 }
-function tt(t) {
+function st(t) {
   const s = [];
-  let c = t, a = 0;
+  let c = t, n = 0;
   for (; c; ) {
-    const n = c.match(/^(.*?)`([^`]+)`(.*)$/);
-    if (n) {
-      const [, o, l, d] = n;
-      o && s.push(/* @__PURE__ */ e("span", { children: o }, a++)), s.push(
-        /* @__PURE__ */ e("code", { className: "dc:px-1 dc:py-0.5 dc:rounded dc:text-xs bg-dc-surface dc:font-mono", children: l }, a++)
-      ), c = d;
+    const a = c.match(/^(.*?)`([^`]+)`(.*)$/);
+    if (a) {
+      const [, o, i, l] = a;
+      o && s.push(/* @__PURE__ */ e("span", { children: o }, n++)), s.push(
+        /* @__PURE__ */ e("code", { className: "dc:px-1 dc:py-0.5 dc:rounded dc:text-xs bg-dc-surface dc:font-mono", children: i }, n++)
+      ), c = l;
       continue;
     }
     const r = c.match(/^(.*?)\*\*([^*]+)\*\*(.*)$/);
     if (r) {
-      const [, o, l, d] = r;
-      o && s.push(/* @__PURE__ */ e("span", { children: o }, a++)), s.push(/* @__PURE__ */ e("strong", { className: "dc:font-semibold", children: l }, a++)), c = d;
+      const [, o, i, l] = r;
+      o && s.push(/* @__PURE__ */ e("span", { children: o }, n++)), s.push(/* @__PURE__ */ e("strong", { className: "dc:font-semibold", children: i }, n++)), c = l;
       continue;
     }
-    s.push(/* @__PURE__ */ e("span", { children: c }, a));
+    s.push(/* @__PURE__ */ e("span", { children: c }, n));
     break;
   }
   return s;
 }
-const st = {
+const ct = {
   discover_cubes: "Discovering cubes",
   get_cube_metadata: "Reading metadata",
   execute_query: "Executing query",
   add_portlet: "Adding visualization",
   add_markdown: "Adding explanation"
 };
-function ct({ toolCall: t, loadingComponent: s }) {
-  const [c, a] = j(!1), n = st[t.name] || t.name, r = t.status === "running";
+function rt({ toolCall: t, loadingComponent: s }) {
+  const [c, n] = _(!1), a = ct[t.name] || t.name, r = t.status === "running";
   return /* @__PURE__ */ u("div", { className: "dc:my-1 dc:text-xs", children: [
     /* @__PURE__ */ u(
       "button",
       {
-        onClick: () => a(!c),
+        onClick: () => n(!c),
         className: "dc:flex dc:items-center dc:gap-1.5 text-dc-text-secondary dc:hover:opacity-80 dc:transition-opacity",
         children: [
-          r ? s ? /* @__PURE__ */ e("span", { className: "dc:inline-flex dc:items-center dc:justify-center dc:h-3 dc:w-3", children: s }) : /* @__PURE__ */ e(me, { size: "xs" }) : /* @__PURE__ */ e("span", { className: "dc:text-xs", children: t.status === "error" ? "✗" : "✓" }),
+          r ? s ? /* @__PURE__ */ e("span", { className: "dc:inline-flex dc:items-center dc:justify-center dc:h-3 dc:w-3", children: s }) : /* @__PURE__ */ e(he, { size: "xs" }) : /* @__PURE__ */ e("span", { className: "dc:text-xs", children: t.status === "error" ? "✗" : "✓" }),
           /* @__PURE__ */ u("span", { children: [
-            n,
+            a,
             r ? "..." : ""
           ] }),
           !r && /* @__PURE__ */ e("span", { className: "dc:text-[10px] dc:opacity-60", children: c ? "▲" : "▼" })
@@ -563,63 +567,63 @@ function ct({ toolCall: t, loadingComponent: s }) {
     c && t.result != null && /* @__PURE__ */ e("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 t.result == "string" ? t.result : JSON.stringify(t.result, null, 2) })
   ] });
 }
-const rt = {
+const nt = {
   animation: "dc-msg-in 100ms ease-out"
-}, nt = Y.memo(function({ message: s, loadingComponent: c }) {
-  const a = s.role === "user", n = !!s.content?.trim(), r = !!s.error, o = s.toolCalls && s.toolCalls.length > 0;
-  return !a && !n && !r && !o ? null : /* @__PURE__ */ e(
+}, at = G.memo(function({ message: s, loadingComponent: c }) {
+  const n = s.role === "user", a = !!s.content?.trim(), r = !!s.error, o = s.toolCalls && s.toolCalls.length > 0;
+  return !n && !a && !r && !o ? null : /* @__PURE__ */ e(
     "div",
     {
-      className: `dc:flex dc:mb-3 ${a ? "dc:justify-end" : "dc:justify-start"}`,
-      style: rt,
+      className: `dc:flex dc:mb-3 ${n ? "dc:justify-end" : "dc:justify-start"}`,
+      style: nt,
       children: /* @__PURE__ */ u(
         "div",
         {
-          className: `dc:max-w-[85%] dc:rounded-lg dc:px-3 dc:py-2 dc:text-sm ${a ? "bg-dc-accent text-dc-accent-text dc:rounded-br-sm" : r && !n ? "bg-dc-warning-bg text-dc-text dc:rounded-bl-sm" : "bg-dc-surface-secondary text-dc-text dc:rounded-bl-sm"}`,
+          className: `dc:max-w-[85%] dc:rounded-lg dc:px-3 dc:py-2 dc:text-sm ${n ? "bg-dc-accent text-dc-accent-text dc:rounded-br-sm" : r && !a ? "bg-dc-warning-bg text-dc-text dc:rounded-bl-sm" : "bg-dc-surface-secondary text-dc-text dc:rounded-bl-sm"}`,
           children: [
-            n && /* @__PURE__ */ e("div", { className: "dc:whitespace-pre-wrap dc:break-words", children: a ? s.content : tt(s.content) }),
-            r && /* @__PURE__ */ u("div", { className: `dc:flex dc:items-start dc:gap-2 ${n ? "dc:mt-2 dc:pt-2 dc:border-t dc:border-current dc:border-opacity-10" : ""}`, children: [
+            a && /* @__PURE__ */ e("div", { className: "dc:whitespace-pre-wrap dc:break-words", children: n ? s.content : st(s.content) }),
+            r && /* @__PURE__ */ u("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__ */ e("span", { className: "dc:text-base dc:leading-none dc:mt-0.5 text-dc-warning dc:flex-shrink-0", children: "⚠" }),
               /* @__PURE__ */ e("span", { className: "text-dc-text-secondary", children: s.error })
             ] }),
-            o && /* @__PURE__ */ e("div", { className: n || r ? "dc:mt-1 dc:border-t dc:border-current dc:border-opacity-10 dc:pt-1" : "", children: s.toolCalls.map((l, d) => /* @__PURE__ */ e(ct, { toolCall: l, loadingComponent: c }, l.id || d)) })
+            o && /* @__PURE__ */ e("div", { className: a || r ? "dc:mt-1 dc:border-t dc:border-current dc:border-opacity-10 dc:pt-1" : "", children: s.toolCalls.map((i, l) => /* @__PURE__ */ e(rt, { toolCall: i, loadingComponent: c }, i.id || l)) })
           ]
         }
       )
     }
   );
-}), at = Y.memo(function({
+}), ot = G.memo(function({
   value: s,
   onChange: c,
-  onSend: a,
-  onStop: n,
+  onSend: n,
+  onStop: a,
   onContinue: r,
   isStreaming: o = !1,
-  showContinue: l = !1,
-  disabled: d = !1,
-  placeholder: T = "Ask about your data..."
+  showContinue: i = !1,
+  disabled: l = !1,
+  placeholder: y = "Ask about your data..."
 }) {
-  const w = g(null);
-  V(() => {
-    const v = w.current;
+  const N = x(null);
+  F(() => {
+    const v = N.current;
     v && (v.style.height = "auto", v.style.height = `${Math.min(v.scrollHeight, 150)}px`);
   }, [s]);
-  const A = f(
+  const S = p(
     (v) => {
-      v.key === "Enter" && !v.shiftKey && (v.preventDefault(), !d && s.trim() && a());
+      v.key === "Enter" && !v.shiftKey && (v.preventDefault(), !l && s.trim() && n());
     },
-    [d, s, a]
+    [l, s, n]
   );
   return /* @__PURE__ */ u("div", { className: "dc:flex dc:gap-2 dc:items-end dc:p-3 border-dc-border dc:border-t", children: [
     /* @__PURE__ */ e(
       "textarea",
       {
-        ref: w,
+        ref: N,
         value: s,
         onChange: (v) => c(v.target.value),
-        onKeyDown: A,
-        placeholder: T,
-        disabled: d,
+        onKeyDown: S,
+        placeholder: y,
+        disabled: l,
         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"
       }
@@ -627,16 +631,16 @@ const rt = {
     o ? /* @__PURE__ */ e(
       "button",
       {
-        onClick: n,
+        onClick: a,
         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__ */ u(ne, { children: [
-      l && !s.trim() && /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ u(ae, { children: [
+      i && !s.trim() && /* @__PURE__ */ e(
         "button",
         {
           onClick: () => {
-            r?.(), w.current?.focus();
+            r?.(), N.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"
@@ -645,133 +649,133 @@ const rt = {
       /* @__PURE__ */ e(
         "button",
         {
-          onClick: a,
-          disabled: d || !s.trim(),
+          onClick: n,
+          disabled: l || !s.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"
         }
       )
     ] })
   ] });
-}), ot = B("thumbUp"), dt = B("thumbDown"), lt = Y.memo(function({
+}), dt = M("thumbUp"), lt = M("thumbDown"), it = G.memo(function({
   agentEndpoint: s,
   agentApiKey: c,
-  agentProvider: a,
-  agentModel: n,
+  agentProvider: n,
+  agentModel: a,
   agentProviderEndpoint: r,
   onClear: o,
-  onDashboardSaved: l,
-  onScore: d,
-  loadingComponent: T,
-  initialPrompt: w
+  onDashboardSaved: i,
+  onScore: l,
+  loadingComponent: y,
+  initialPrompt: N
 }) {
-  const A = g(null), v = g(!1), [I, p] = j(null), [D, k] = j(/* @__PURE__ */ new Set()), [b, i] = j(!1), x = g(!1), { messages: y, isStreaming: S, inputValue: W } = P(de(_e)), {
-    addMessage: U,
-    appendToLastAssistantMessage: Q,
-    setLastAssistantError: M,
-    addToolCallToLastAssistant: C,
-    updateLastToolCall: E,
-    setIsStreaming: N,
-    setInputValue: L,
-    setSessionId: q
-  } = P(de(Ve)), K = P((m) => m.sessionId), J = P((m) => m.addBlock), H = P((m) => m.reset), R = P((m) => m.blocks.filter((_) => _.type === "portlet").length), X = g(y);
-  X.current = y;
-  const O = g(S);
-  O.current = S;
-  const G = g(K);
-  G.current = K;
-  const z = f(() => {
-    x.current && (x.current = !1, U({
+  const S = x(null), v = x(!1), [k, O] = _(null), [R, g] = _(/* @__PURE__ */ new Set()), [A, d] = _(!1), m = x(!1), { messages: b, isStreaming: T, inputValue: K } = B(le(Ve)), {
+    addMessage: $,
+    appendToLastAssistantMessage: P,
+    setLastAssistantError: L,
+    addToolCallToLastAssistant: E,
+    updateLastToolCall: C,
+    setIsStreaming: w,
+    setInputValue: I,
+    setSessionId: V
+  } = B(le(je)), W = B((h) => h.sessionId), z = B((h) => h.addBlock), H = B((h) => h.reset), Z = B((h) => h.blocks.filter((Q) => Q.type === "portlet").length), D = x(b);
+  D.current = b;
+  const J = x(T);
+  J.current = T;
+  const j = x(W);
+  j.current = W;
+  const U = p(() => {
+    m.current && (m.current = !1, $({
       id: `msg-${Date.now()}`,
       role: "assistant",
       content: "",
       toolCalls: [],
       timestamp: Date.now()
     }));
-  }, [U]), te = g(y.length);
-  V(() => {
-    y.length > te.current && A.current?.scrollIntoView({ behavior: "smooth" }), te.current = y.length;
-  }, [y]), V(() => {
-    b && A.current?.scrollIntoView({ behavior: "smooth" });
-  }, [b]);
-  const { sendMessage: Z, abort: h } = et({
+  }, [$]), ee = x(b.length);
+  F(() => {
+    b.length > ee.current && S.current?.scrollIntoView({ behavior: "smooth" }), ee.current = b.length;
+  }, [b]), F(() => {
+    A && S.current?.scrollIntoView({ behavior: "smooth" });
+  }, [A]);
+  const { sendMessage: te, abort: X } = tt({
     agentEndpoint: s,
     agentApiKey: c,
-    agentProvider: a,
-    agentModel: n,
+    agentProvider: n,
+    agentModel: a,
     agentProviderEndpoint: r,
-    onTextDelta: f((m) => {
-      i(!1), z(), Q(m);
-    }, [z, Q]),
-    onToolStart: f((m, _, $) => {
-      i(!1), z(), C({ id: m, name: _, input: $, status: "running" });
-    }, [z, C]),
-    onToolResult: f((m, _, $, ye) => {
-      E({ id: m, status: ye ? "error" : "complete", result: $ });
-    }, [E]),
-    onAddPortlet: f((m) => {
-      J(m);
-    }, [J]),
-    onAddMarkdown: f((m) => {
-      J(m);
-    }, [J]),
-    onDashboardSaved: l,
-    onTurnComplete: f(() => {
-      x.current = !0, i(!0);
+    onTextDelta: p((h) => {
+      d(!1), U(), P(h);
+    }, [U, P]),
+    onToolStart: p((h, Q, q) => {
+      d(!1), U(), E({ id: h, name: Q, input: q, status: "running" });
+    }, [U, E]),
+    onToolResult: p((h, Q, q, ye) => {
+      C({ id: h, status: ye ? "error" : "complete", result: q });
+    }, [C]),
+    onAddPortlet: p((h) => {
+      z(h);
+    }, [z]),
+    onAddMarkdown: p((h) => {
+      z(h);
+    }, [z]),
+    onDashboardSaved: i,
+    onTurnComplete: p(() => {
+      m.current = !0, d(!0);
     }, []),
-    onDone: f((m, _) => {
-      x.current = !1, q(m), N(!1), i(!1), _ && p(_);
-    }, [q, N]),
-    onError: f((m) => {
-      i(!1), z(), M(m), N(!1);
-    }, [z, M, N])
-  }), F = f((m) => {
-    if (!m || O.current) return;
-    x.current = !1;
-    const _ = X.current.map(($) => ({
-      role: $.role,
-      content: $.content,
-      ...$.toolCalls && $.toolCalls.length > 0 ? { toolCalls: $.toolCalls } : {}
+    onDone: p((h, Q) => {
+      m.current = !1, V(h), w(!1), d(!1), Q && O(Q);
+    }, [V, w]),
+    onError: p((h) => {
+      d(!1), U(), L(h), w(!1);
+    }, [U, L, w])
+  }), f = p((h) => {
+    if (!h || J.current) return;
+    m.current = !1;
+    const Q = D.current.map((q) => ({
+      role: q.role,
+      content: q.content,
+      ...q.toolCalls && q.toolCalls.length > 0 ? { toolCalls: q.toolCalls } : {}
     }));
-    U({
+    $({
       id: `msg-${Date.now()}`,
       role: "user",
-      content: m,
+      content: h,
       timestamp: Date.now()
-    }), U({
+    }), $({
       id: `msg-${Date.now() + 1}`,
       role: "assistant",
       content: "",
       toolCalls: [],
       timestamp: Date.now()
-    }), L(""), N(!0), i(!0), Z(m, G.current, _);
-  }, [U, L, N, Z]);
-  V(() => {
-    if (w && !v.current && y.length === 0) {
+    }), I(""), w(!0), d(!0), te(h, j.current, Q);
+  }, [$, I, w, te]);
+  F(() => {
+    if (N && !v.current && b.length === 0) {
       v.current = !0;
-      const m = setTimeout(() => F(w), 100);
+      const h = setTimeout(() => f(N), 100);
       return () => {
-        clearTimeout(m), v.current = !1;
+        clearTimeout(h), v.current = !1;
       };
     }
-  }, [w, y.length, F]);
-  const ee = g(W);
-  ee.current = W;
-  const ae = f(() => {
-    F(ee.current.trim());
-  }, [F]), se = f(() => {
-    h(), N(!1);
-  }, [h, N]), oe = f(() => {
-    L("");
-  }, [L]), pe = f(() => {
-    h(), N(!1), i(!1), H(), p(null), k(/* @__PURE__ */ new Set()), o?.();
-  }, [h, N, H, o]), ge = f(() => {
-    F(
+  }, [N, b.length, f]);
+  const Y = x(K);
+  Y.current = K;
+  const se = p(() => {
+    f(Y.current.trim());
+  }, [f]), oe = p(() => {
+    X(), w(!1);
+  }, [X, w]), ce = p(() => {
+    I("");
+  }, [I]), de = p(() => {
+    X(), w(!1), d(!1), H(), O(null), g(/* @__PURE__ */ new Set()), o?.();
+  }, [X, w, H, o]), ge = p(() => {
+    f(
       "Save the current notebook as a dashboard with a professional layout, section headers, and appropriate filters."
     );
-  }, [F]), le = f((m) => {
-    !I || !d || (d({ traceId: I, value: m }), k((_) => new Set(_).add(I)));
-  }, [I, d]), be = !!l && !S && R > 0 && y.length > 0, xe = !!d && !S && I && y.length > 0 && !D.has(I), ie = I ? D.has(I) : !1;
+  }, [f]), ie = p((h) => {
+    !k || !l || (l({ traceId: k, value: h }), g((Q) => new Set(Q).add(k)));
+  }, [k, l]), be = !!i && !T && Z > 0 && b.length > 0, xe = !!l && !T && k && b.length > 0 && !R.has(k), ue = k ? R.has(k) : !1;
   return /* @__PURE__ */ u("div", { className: "dc:flex dc:flex-col dc:h-full bg-dc-surface", children: [
     /* @__PURE__ */ u("div", { className: "dc:flex dc:items-center dc:justify-between dc:px-4 dc:py-3 border-dc-border dc:border-b", children: [
       /* @__PURE__ */ e("h3", { className: "dc:text-sm dc:font-semibold text-dc-text", children: "AI Assistant" }),
@@ -785,11 +789,11 @@ const rt = {
             children: "Save as Dashboard"
           }
         ),
-        y.length > 0 && /* @__PURE__ */ e(
+        b.length > 0 && /* @__PURE__ */ e(
           "button",
           {
-            onClick: pe,
-            disabled: S,
+            onClick: de,
+            disabled: T,
             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"
@@ -798,25 +802,25 @@ const rt = {
       ] })
     ] }),
     /* @__PURE__ */ u("div", { className: "dc:flex-1 dc:overflow-y-auto dc:px-4 dc:py-3", children: [
-      y.length === 0 ? /* @__PURE__ */ e(ut, {}) : y.map((m) => /* @__PURE__ */ e(
-        nt,
+      b.length === 0 ? /* @__PURE__ */ e(mt, {}) : b.map((h) => /* @__PURE__ */ e(
+        at,
         {
-          message: m,
-          loadingComponent: T
+          message: h,
+          loadingComponent: y
         },
-        m.id
+        h.id
       )),
-      b && /* @__PURE__ */ e(it, { loadingComponent: T }),
-      (xe || ie) && /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:gap-3 dc:py-4 dc:mt-2", children: ie ? /* @__PURE__ */ e("span", { className: "dc:text-sm text-dc-text-secondary", children: "Thanks for your feedback!" }) : /* @__PURE__ */ u(ne, { children: [
+      A && /* @__PURE__ */ e(ut, { loadingComponent: y }),
+      (xe || ue) && /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:gap-3 dc:py-4 dc:mt-2", children: ue ? /* @__PURE__ */ e("span", { className: "dc:text-sm text-dc-text-secondary", children: "Thanks for your feedback!" }) : /* @__PURE__ */ u(ae, { children: [
         /* @__PURE__ */ e("span", { className: "dc:text-sm text-dc-text-secondary", children: "Was this helpful?" }),
         /* @__PURE__ */ u("div", { className: "dc:flex dc:items-center dc:gap-2", children: [
           /* @__PURE__ */ u(
             "button",
             {
-              onClick: () => le(1),
+              onClick: () => ie(1),
               className: "dc:flex dc:items-center dc:gap-1.5 dc:px-3 dc:py-1.5 dc:rounded-lg dc:text-sm dc:font-medium border-dc-border dc:border text-dc-success hover:bg-dc-success-bg dc:transition-colors bg-dc-surface dc:cursor-pointer",
               children: [
-                /* @__PURE__ */ e(ot, { className: "dc:w-4 dc:h-4" }),
+                /* @__PURE__ */ e(dt, { className: "dc:w-4 dc:h-4" }),
                 "Yes"
               ]
             }
@@ -824,46 +828,46 @@ const rt = {
           /* @__PURE__ */ u(
             "button",
             {
-              onClick: () => le(0),
+              onClick: () => ie(0),
               className: "dc:flex dc:items-center dc:gap-1.5 dc:px-3 dc:py-1.5 dc:rounded-lg dc:text-sm dc:font-medium border-dc-border dc:border text-dc-error hover:bg-dc-danger-bg dc:transition-colors bg-dc-surface dc:cursor-pointer",
               children: [
-                /* @__PURE__ */ e(dt, { className: "dc:w-4 dc:h-4" }),
+                /* @__PURE__ */ e(lt, { className: "dc:w-4 dc:h-4" }),
                 "No"
               ]
             }
           )
         ] })
       ] }) }),
-      /* @__PURE__ */ e("div", { ref: A })
+      /* @__PURE__ */ e("div", { ref: S })
     ] }),
     /* @__PURE__ */ e(
-      at,
+      ot,
       {
-        value: W,
-        onChange: L,
-        onSend: ae,
-        onStop: se,
-        onContinue: oe,
-        isStreaming: S,
-        showContinue: !S && y.length > 0
+        value: K,
+        onChange: I,
+        onSend: se,
+        onStop: oe,
+        onContinue: ce,
+        isStreaming: T,
+        showContinue: !T && b.length > 0
       }
     )
   ] });
 });
-function it({ loadingComponent: t }) {
+function ut({ loadingComponent: t }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: "dc:flex dc:mb-3 dc:justify-start",
       style: { animation: "dc-msg-in 100ms ease-out" },
       children: /* @__PURE__ */ u("div", { className: "dc:rounded-lg dc:px-3 dc:py-2 dc:text-sm bg-dc-surface-secondary text-dc-text-secondary dc:rounded-bl-sm dc:flex dc:items-center dc:gap-2", children: [
-        t ? /* @__PURE__ */ e("span", { className: "dc:inline-flex dc:items-center dc:justify-center dc:h-4 dc:w-4", children: t }) : /* @__PURE__ */ e(me, { size: "xs" }),
+        t ? /* @__PURE__ */ e("span", { className: "dc:inline-flex dc:items-center dc:justify-center dc:h-4 dc:w-4", children: t }) : /* @__PURE__ */ e(he, { size: "xs" }),
         /* @__PURE__ */ e("span", { children: "Thinking..." })
       ] })
     }
   );
 }
-function ut() {
+function mt() {
   return /* @__PURE__ */ e("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full", children: /* @__PURE__ */ u("div", { className: "dc:text-center dc:max-w-xs", children: [
     /* @__PURE__ */ e("div", { className: "dc:text-lg dc:font-semibold text-dc-text dc:mb-2", children: "Data Analysis Assistant" }),
     /* @__PURE__ */ e("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." }),
@@ -874,23 +878,23 @@ function ut() {
     ] })
   ] }) });
 }
-function mt({
+function ht({
   blocks: t,
   pulsingBlockId: s,
   nudge: c,
-  onExpand: a
+  onExpand: n
 }) {
-  const n = B("bookOpen"), r = B("documentText");
+  const a = M("bookOpen"), r = M("documentText");
   return /* @__PURE__ */ u(
     "button",
     {
       type: "button",
-      onClick: a,
+      onClick: n,
       className: "dc:h-full dc:flex-shrink-0 dc:flex dc:flex-col dc:items-center dc:pt-3 dc:gap-2 bg-dc-surface border-dc-border dc:border-r dc:cursor-pointer dc:hover:bg-dc-surface-hover dc:transition-colors",
       style: c ? { animation: "dc-strip-nudge 0.8s ease-in-out 2", width: 48 } : { width: 48 },
       title: "Expand notebook",
       children: [
-        /* @__PURE__ */ e(n, { className: "dc:w-5 dc:h-5 text-dc-text-muted" }),
+        /* @__PURE__ */ e(a, { className: "dc:w-5 dc:h-5 text-dc-text-muted" }),
         /* @__PURE__ */ e(
           "div",
           {
@@ -904,15 +908,15 @@ function mt({
                 children: "No blocks"
               }
             ) : t.map((o) => {
-              const l = o.id === s;
-              let d;
-              return o.type === "portlet" ? d = Me(o.chartType) : d = r, /* @__PURE__ */ e(
+              const i = o.id === s;
+              let l;
+              return o.type === "portlet" ? l = Ee(o.chartType) : l = r, /* @__PURE__ */ e(
                 "div",
                 {
                   className: "dc:w-6 dc:h-6 dc:flex dc:items-center dc:justify-center dc:rounded",
-                  style: l ? { animation: "dc-icon-pulse 0.6s ease-in-out 3" } : void 0,
+                  style: i ? { animation: "dc-icon-pulse 0.6s ease-in-out 3" } : void 0,
                   title: o.type === "portlet" ? o.title : o.title || "Markdown",
-                  children: /* @__PURE__ */ e(d, { className: "dc:w-4 dc:h-4 text-dc-text-muted" })
+                  children: /* @__PURE__ */ e(l, { className: "dc:w-4 dc:h-4 text-dc-text-muted" })
                 },
                 o.id
               );
@@ -923,8 +927,8 @@ function mt({
     }
   );
 }
-function ht({ onExpand: t }) {
-  const s = B("sparkles");
+function ft({ onExpand: t }) {
+  const s = M("sparkles");
   return /* @__PURE__ */ u(
     "button",
     {
@@ -946,140 +950,141 @@ function ht({ onExpand: t }) {
     }
   );
 }
-function ft({
+function pt({
   agentEndpoint: t,
   agentApiKey: s,
   agentProvider: c,
-  agentModel: a,
-  agentProviderEndpoint: n,
+  agentModel: n,
+  agentProviderEndpoint: a,
   onSave: r,
   onDirtyStateChange: o,
-  onDashboardSaved: l,
-  onScore: d,
-  loadingComponent: T,
-  className: w,
-  initialPrompt: A
+  onDashboardSaved: i,
+  onScore: l,
+  colorPalette: y,
+  loadingComponent: N,
+  className: S,
+  initialPrompt: v
 }) {
-  const [v, I] = j(60), p = g(null), D = g(!1), { containerRef: k, layoutMode: b } = Be(), [i, x] = j("chat"), [y, S] = j(null), [W, U] = j(!1), Q = g(b), M = P((h) => h.blocks), C = M.length, E = P((h) => h.messages.length), N = P((h) => h.isStreaming), L = P((h) => h.save);
-  V(() => {
-    Q.current === "narrow" && b === "wide" && x("chat"), Q.current = b;
-  }, [b]);
-  const q = g(C);
-  V(() => {
-    if (b === "narrow" && i === "chat" && C > q.current) {
-      const h = M[M.length - 1];
-      if (h) {
-        S(h.id);
-        const F = setTimeout(() => S(null), 2e3);
-        return () => clearTimeout(F);
+  const [k, O] = _(60), R = x(null), g = x(!1), { containerRef: A, layoutMode: d } = Pe(), [m, b] = _("chat"), [T, K] = _(null), [$, P] = _(!1), L = x(d), E = B((f) => f.blocks), C = E.length, w = B((f) => f.messages.length), I = B((f) => f.isStreaming), V = B((f) => f.save);
+  F(() => {
+    L.current === "narrow" && d === "wide" && b("chat"), L.current = d;
+  }, [d]);
+  const W = x(C);
+  F(() => {
+    if (d === "narrow" && m === "chat" && C > W.current) {
+      const f = E[E.length - 1];
+      if (f) {
+        K(f.id);
+        const Y = setTimeout(() => K(null), 2e3);
+        return () => clearTimeout(Y);
       }
     }
-    q.current = C;
-  }, [C, M, b, i]);
-  const K = g(!1);
-  V(() => {
-    if (N)
-      K.current = !0;
-    else if (K.current && b === "narrow" && i === "chat" && C > 0) {
-      K.current = !1, U(!0);
-      const h = setTimeout(() => U(!1), 1700);
-      return () => clearTimeout(h);
+    W.current = C;
+  }, [C, E, d, m]);
+  const z = x(!1);
+  F(() => {
+    if (I)
+      z.current = !0;
+    else if (z.current && d === "narrow" && m === "chat" && C > 0) {
+      z.current = !1, P(!0);
+      const f = setTimeout(() => P(!1), 1700);
+      return () => clearTimeout(f);
     }
-  }, [N, b, i, C]);
-  const J = f(
-    (h) => {
-      k(h), p.current = h;
+  }, [I, d, m, C]);
+  const H = p(
+    (f) => {
+      A(f), R.current = f;
     },
-    [k]
-  ), H = g({ blockCount: C, msgCount: E });
-  V(() => {
-    const h = C !== H.current.blockCount || E !== H.current.msgCount;
-    o?.(h);
-  }, [C, E, o]);
-  const R = g(), X = g(!1), O = g(r);
-  O.current = r;
-  const G = g(C > 0 || E > 0);
-  V(() => {
-    if ((C > 0 || E > 0) && (G.current = !0), !(!O.current || !G.current)) {
-      if (N) {
-        X.current = !0, R.current && clearTimeout(R.current);
+    [A]
+  ), Z = x({ blockCount: C, msgCount: w });
+  F(() => {
+    const f = C !== Z.current.blockCount || w !== Z.current.msgCount;
+    o?.(f);
+  }, [C, w, o]);
+  const D = x(), J = x(!1), j = x(r);
+  j.current = r;
+  const U = x(C > 0 || w > 0);
+  F(() => {
+    if ((C > 0 || w > 0) && (U.current = !0), !(!j.current || !U.current)) {
+      if (I) {
+        J.current = !0, D.current && clearTimeout(D.current);
         return;
       }
-      return R.current && clearTimeout(R.current), R.current = setTimeout(() => {
-        X.current = !1;
-        const h = L();
-        O.current?.(h);
+      return D.current && clearTimeout(D.current), D.current = setTimeout(() => {
+        J.current = !1;
+        const f = V();
+        j.current?.(f);
       }, 1e3), () => {
-        R.current && clearTimeout(R.current);
+        D.current && clearTimeout(D.current);
       };
     }
-  }, [C, E, N, L]), V(() => {
-    !N && X.current && O.current && G.current && (R.current && clearTimeout(R.current), R.current = setTimeout(() => {
-      X.current = !1;
-      const h = L();
-      O.current?.(h);
+  }, [C, w, I, V]), F(() => {
+    !I && J.current && j.current && U.current && (D.current && clearTimeout(D.current), D.current = setTimeout(() => {
+      J.current = !1;
+      const f = V();
+      j.current?.(f);
     }, 1e3));
-  }, [N, L]);
-  const z = f(() => {
-    O.current && (R.current && clearTimeout(R.current), O.current({ blocks: [], messages: [] }));
-  }, []), te = f((h) => {
-    h.preventDefault(), D.current = !0;
-    const F = (ae) => {
-      if (!D.current || !p.current) return;
-      const se = p.current.getBoundingClientRect(), oe = (ae.clientX - se.left) / se.width * 100;
-      I(Math.min(Math.max(oe, 30), 80));
-    }, ee = () => {
-      D.current = !1, document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", ee);
+  }, [I, V]);
+  const ee = p(() => {
+    j.current && (D.current && clearTimeout(D.current), j.current({ blocks: [], messages: [] }));
+  }, []), te = p((f) => {
+    f.preventDefault(), g.current = !0;
+    const Y = (oe) => {
+      if (!g.current || !R.current) return;
+      const ce = R.current.getBoundingClientRect(), de = (oe.clientX - ce.left) / ce.width * 100;
+      O(Math.min(Math.max(de, 30), 80));
+    }, se = () => {
+      g.current = !1, document.removeEventListener("mousemove", Y), document.removeEventListener("mouseup", se);
     };
-    document.addEventListener("mousemove", F), document.addEventListener("mouseup", ee);
-  }, []), Z = /* @__PURE__ */ e(
-    lt,
+    document.addEventListener("mousemove", Y), document.addEventListener("mouseup", se);
+  }, []), X = /* @__PURE__ */ e(
+    it,
     {
       agentEndpoint: t,
       agentApiKey: s,
       agentProvider: c,
-      agentModel: a,
-      agentProviderEndpoint: n,
-      onClear: z,
-      onDashboardSaved: l,
-      onScore: d,
-      loadingComponent: T,
-      initialPrompt: A
+      agentModel: n,
+      agentProviderEndpoint: a,
+      onClear: ee,
+      onDashboardSaved: i,
+      onScore: l,
+      loadingComponent: N,
+      initialPrompt: v
     }
   );
-  return b === "narrow" ? /* @__PURE__ */ e(
+  return d === "narrow" ? /* @__PURE__ */ e(
     "div",
     {
-      ref: J,
-      className: `dc:flex dc:h-full dc:w-full dc:overflow-hidden bg-dc-surface-secondary ${w || ""}`,
-      children: i === "chat" ? /* @__PURE__ */ u(ne, { children: [
+      ref: H,
+      className: `dc:flex dc:h-full dc:w-full dc:overflow-hidden bg-dc-surface-secondary ${S || ""}`,
+      children: m === "chat" ? /* @__PURE__ */ u(ae, { children: [
         /* @__PURE__ */ e(
-          mt,
+          ht,
           {
-            blocks: M,
-            pulsingBlockId: y,
-            nudge: W,
-            onExpand: () => x("notebook")
+            blocks: E,
+            pulsingBlockId: T,
+            nudge: $,
+            onExpand: () => b("notebook")
           }
         ),
-        /* @__PURE__ */ e("div", { className: "dc:h-full dc:overflow-hidden dc:flex-1", children: Z })
-      ] }) : /* @__PURE__ */ u(ne, { children: [
-        /* @__PURE__ */ e("div", { className: "dc:h-full dc:overflow-hidden dc:flex-1", children: /* @__PURE__ */ e(ue, {}) }),
-        /* @__PURE__ */ e(ht, { onExpand: () => x("chat") })
+        /* @__PURE__ */ e("div", { className: "dc:h-full dc:overflow-hidden dc:flex-1", children: X })
+      ] }) : /* @__PURE__ */ u(ae, { children: [
+        /* @__PURE__ */ e("div", { className: "dc:h-full dc:overflow-hidden dc:flex-1", children: /* @__PURE__ */ e(me, { colorPalette: y }) }),
+        /* @__PURE__ */ e(ft, { onExpand: () => b("chat") })
       ] })
     }
   ) : /* @__PURE__ */ u(
     "div",
     {
-      ref: J,
-      className: `dc:flex dc:h-full dc:w-full dc:overflow-hidden bg-dc-surface-secondary ${w || ""}`,
+      ref: H,
+      className: `dc:flex dc:h-full dc:w-full dc:overflow-hidden bg-dc-surface-secondary ${S || ""}`,
       children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: "dc:h-full dc:overflow-hidden",
-            style: { width: `${v}%` },
-            children: /* @__PURE__ */ e(ue, {})
+            style: { width: `${k}%` },
+            children: /* @__PURE__ */ e(me, { colorPalette: y })
           }
         ),
         /* @__PURE__ */ e(
@@ -1093,25 +1098,26 @@ function ft({
           "div",
           {
             className: "dc:h-full dc:overflow-hidden",
-            style: { width: `${100 - v}%` },
-            children: Z
+            style: { width: `${100 - k}%` },
+            children: X
           }
         )
       ]
     }
   );
 }
-const It = Y.memo(function({
+const Mt = G.memo(function({
   config: s,
-  ...c
+  colorPalette: c,
+  ...n
 }) {
-  return /* @__PURE__ */ e(Qe, { initialConfig: s, children: /* @__PURE__ */ e(ft, { ...c }) });
+  return /* @__PURE__ */ e(Fe, { initialConfig: s, children: /* @__PURE__ */ e(pt, { ...n, colorPalette: c }) });
 });
-function Mt() {
+function Et() {
   return /* @__PURE__ */ e("div", { children: "Analytics Page - Coming in Phase 4" });
 }
-const pt = B("segment");
-function Et({
+const gt = M("segment");
+function Rt({
   className: t = ""
 }) {
   return /* @__PURE__ */ e(
@@ -1120,7 +1126,7 @@ function Et({
       className: `dc:flex dc:items-center dc:justify-center bg-dc-bg-secondary ${t}`,
       children: /* @__PURE__ */ u("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ e(
-          pt,
+          gt,
           {
             className: "dc:w-8 dc:h-8 dc:mx-auto dc:mb-2 text-dc-text-muted dc:opacity-50"
           }
@@ -1131,178 +1137,178 @@ function Et({
   );
 }
 export {
-  It as AgenticNotebook,
+  Mt as AgenticNotebook,
   Lt as AnalysisBuilder,
-  Pt as AnalyticsDashboard,
-  Mt as AnalyticsPage,
+  Qt as AnalyticsDashboard,
+  Et as AnalyticsPage,
   Ce as AnalyticsPortlet,
-  Qt as ChartErrorBoundary,
-  Ft as ConfirmModal,
-  Vs as CubeClient,
-  js as CubeProvider,
-  Is as DEFAULT_ICONS,
-  _t as DashboardEditModal,
-  Vt as DashboardGrid,
-  jt as DashboardStoreProvider,
-  Et as DashboardThumbnailPlaceholder,
-  Ut as DrillBreadcrumb,
-  Ot as DrillMenu,
-  dc as ExecutionPlanPanel,
-  lc as ExplainAIPanel,
-  ec as LazyChart,
-  me as LoadingIndicator,
-  $t as Modal,
-  Qe as NotebookStoreProvider,
-  Ne as PortletAnalysisModal,
-  qt as PortletContainer,
-  Us as ScrollContainerProvider,
-  gr as THEME_PRESETS,
-  br as applyTheme,
-  dr as buildFunnelConfigFromQueries,
-  lr as buildServerFunnelQuery,
-  Os as captureThumbnail,
-  ic as compressAndEncode,
-  $s as createCubeClient,
-  Oc as createDashboardLayout,
-  Kt as createDashboardStore,
-  zt as createDefaultConfig,
-  Wt as createDefaultFlowConfig,
-  Jt as createDefaultFunnelConfig,
-  Xt as createDefaultQueryConfig,
-  Yt as createDefaultRetentionConfig,
-  Gt as createDefaultWorkspace,
-  Tr as createExplainQueryKey,
-  Kc as createFlowQueryKey,
-  zc as createFunnelQueryKey,
-  Pe as createNotebookStore,
-  uc as decodeAndDecompress,
-  mc as detectAsymmetricDateRanges,
-  hc as detectMeasureCollisions,
-  $c as formatChartData,
-  ir as formatDuration,
-  Wc as generateQueryLabel,
-  fc as generateShareUrl,
-  pc as getAvailableBindingKeyDimensions,
-  tc as getAvailableChartTypes,
-  ur as getBindingKeyField,
-  gc as getBindingKeyLabel,
-  Me as getChartTypeIcon,
-  Jc as getCombinedFields,
-  mr as getCubeNameFromQuery,
-  Ms as getFieldTypeIcon,
-  B as getIcon,
-  Es as getIconData,
-  Rs as getIconRegistry,
-  Bs as getIconsByCategory,
+  Ft as ChartErrorBoundary,
+  _t as ConfirmModal,
+  js as CubeClient,
+  Us as CubeProvider,
+  Ms as DEFAULT_ICONS,
+  Vt as DashboardEditModal,
+  jt as DashboardGrid,
+  Ut as DashboardStoreProvider,
+  Rt as DashboardThumbnailPlaceholder,
+  Ot as DrillBreadcrumb,
+  $t as DrillMenu,
+  lc as ExecutionPlanPanel,
+  ic as ExplainAIPanel,
+  tc as LazyChart,
+  he as LoadingIndicator,
+  qt as Modal,
+  Fe as NotebookStoreProvider,
+  ke as PortletAnalysisModal,
+  Kt as PortletContainer,
+  Os as ScrollContainerProvider,
+  br as THEME_PRESETS,
+  xr as applyTheme,
+  lr as buildFunnelConfigFromQueries,
+  ir as buildServerFunnelQuery,
+  $s as captureThumbnail,
+  uc as compressAndEncode,
+  qs as createCubeClient,
+  $c as createDashboardLayout,
+  zt as createDashboardStore,
+  Wt as createDefaultConfig,
+  Jt as createDefaultFlowConfig,
+  Xt as createDefaultFunnelConfig,
+  Yt as createDefaultQueryConfig,
+  Gt as createDefaultRetentionConfig,
+  Ht as createDefaultWorkspace,
+  Dr as createExplainQueryKey,
+  zc as createFlowQueryKey,
+  Wc as createFunnelQueryKey,
+  Qe as createNotebookStore,
+  mc as decodeAndDecompress,
+  hc as detectAsymmetricDateRanges,
+  fc as detectMeasureCollisions,
+  qc as formatChartData,
+  ur as formatDuration,
+  Jc as generateQueryLabel,
+  pc as generateShareUrl,
+  gc as getAvailableBindingKeyDimensions,
+  sc as getAvailableChartTypes,
+  mr as getBindingKeyField,
+  bc as getBindingKeyLabel,
+  Ee as getChartTypeIcon,
+  Xc as getCombinedFields,
+  hr as getCubeNameFromQuery,
+  Es as getFieldTypeIcon,
+  M as getIcon,
+  Rs as getIconData,
+  Bs as getIconRegistry,
+  Ps as getIconsByCategory,
   Ls as getMeasureTypeIcon,
-  Xc as getQueryIndices,
-  Yc as getQueryLabels,
-  xr as getTheme,
-  yr as getThemeVariable,
-  sc as getUnavailableChartTypes,
-  bc as getValidationSummary,
-  Qr as highlightCodeBlocks,
-  cc as isChartTypeAvailable,
-  vr as isDarkMode,
-  Ht as isFlowConfig,
-  Zt as isFunnelConfig,
-  hr as isFunnelData,
-  xc as isMinimumFunnelConfigValid,
-  es as isMultiQuery,
-  ts as isMultiQueryConfig,
-  Gc as isMultiQueryData,
-  yc as isMultiQueryValid,
-  ss as isQueryConfig,
-  cs as isRetentionConfig,
-  Br as isSankeyData,
+  Yc as getQueryIndices,
+  Gc as getQueryLabels,
+  yr as getTheme,
+  vr as getThemeVariable,
+  cc as getUnavailableChartTypes,
+  xc as getValidationSummary,
+  Fr as highlightCodeBlocks,
+  rc as isChartTypeAvailable,
+  Cr as isDarkMode,
+  Zt as isFlowConfig,
+  es as isFunnelConfig,
+  fr as isFunnelData,
+  yc as isMinimumFunnelConfigValid,
+  ts as isMultiQuery,
+  ss as isMultiQueryConfig,
+  Hc as isMultiQueryData,
+  vc as isMultiQueryValid,
+  cs as isQueryConfig,
+  rs as isRetentionConfig,
+  Pr as isSankeyData,
   Lr as isServerFlowQuery,
-  rs as isServerFunnelQuery,
-  vc as isShareableSize,
-  ns as isSingleQuery,
-  qs as isThumbnailCaptureAvailable,
-  as as isValidAnalysisConfig,
-  os as isValidAnalysisWorkspace,
-  rc as isValidChartType,
-  Hc as mergeQueryResults,
-  Zc as mergeResultsByKey,
-  er as mergeResultsConcat,
-  ds as migrateConfig,
-  ls as migrateLegacyPortlet,
-  Cc as parseShareUrl,
-  nc as preloadChart,
-  ac as preloadCharts,
-  Ps as registerIcons,
-  Qs as resetIcons,
-  Cr as resetTheme,
-  is as selectAllActions,
-  je as selectBlockActions,
-  Fe as selectBlocks,
-  wc as selectBreakdowns,
-  Nc as selectChartConfig,
-  Ve as selectChatActions,
-  _e as selectChatState,
-  kc as selectCurrentState,
-  us as selectDebugData,
-  ms as selectDebugDataActions,
-  hs as selectEditModeActions,
-  fs as selectEditModeState,
-  Sc as selectFilters,
-  Tc as selectFunnelState,
-  At as selectInputValue,
-  Tt as selectIsStreaming,
-  ps as selectLayoutActions,
-  gs as selectLayoutState,
-  St as selectMessages,
-  Dc as selectMetrics,
-  bs as selectModalActions,
-  xs as selectModalState,
-  Ac as selectMultiQueryState,
-  ys as selectPortletDebugData,
-  Dt as selectSessionId,
-  vs as selectThumbnailDirty,
-  Ic as selectUIState,
-  Fs as setIcon,
-  wr as setTheme,
-  Nr as setThemeVariable,
-  fr as transformServerFunnelResult,
-  et as useAgentChat,
-  Mc as useAnalysisBuilder,
-  Ec as useAnalysisBuilderStore,
-  Re as useCubeApi,
-  Ks as useCubeContext,
-  zs as useCubeFeatures,
-  Hs as useCubeFieldLabel,
-  tr as useCubeLoadQuery,
-  Ws as useCubeMeta,
-  Js as useCubeMetaQuery,
-  sr as useCubeQuery,
-  Cs as useDashboard,
-  ws as useDashboardStore,
-  Ns as useDashboardStoreApi,
-  ks as useDashboardStoreOptional,
-  Ss as useDrillInteraction,
-  Dr as useDryRunQueries,
-  Ar as useDryRunQuery,
-  Ts as useElementVisibility,
-  Ir as useExplainAI,
-  Mr as useExplainQuery,
-  cr as useFlowQuery,
-  rr as useFunnelQuery,
-  nr as useMultiCubeLoadQuery,
-  Er as useMultiDryRunQueries,
-  P as useNotebookStore,
-  Xs as useScrollContainer,
-  Ds as useScrollDetection,
-  jc as useTheme,
-  Rc as validateBindingKeyExists,
-  Bc as validateBindingKeyForSteps,
+  ns as isServerFunnelQuery,
+  Cc as isShareableSize,
+  as as isSingleQuery,
+  Ks as isThumbnailCaptureAvailable,
+  os as isValidAnalysisConfig,
+  ds as isValidAnalysisWorkspace,
+  nc as isValidChartType,
+  Zc as mergeQueryResults,
+  er as mergeResultsByKey,
+  tr as mergeResultsConcat,
+  ls as migrateConfig,
+  is as migrateLegacyPortlet,
+  wc as parseShareUrl,
+  ac as preloadChart,
+  oc as preloadCharts,
+  Qs as registerIcons,
+  Fs as resetIcons,
+  wr as resetTheme,
+  us as selectAllActions,
+  Ue as selectBlockActions,
+  _e as selectBlocks,
+  Nc as selectBreakdowns,
+  kc as selectChartConfig,
+  je as selectChatActions,
+  Ve as selectChatState,
+  Sc as selectCurrentState,
+  ms as selectDebugData,
+  hs as selectDebugDataActions,
+  fs as selectEditModeActions,
+  ps as selectEditModeState,
+  Tc as selectFilters,
+  Dc as selectFunnelState,
+  It as selectInputValue,
+  Dt as selectIsStreaming,
+  gs as selectLayoutActions,
+  bs as selectLayoutState,
+  Tt as selectMessages,
+  Ac as selectMetrics,
+  xs as selectModalActions,
+  ys as selectModalState,
+  Ic as selectMultiQueryState,
+  vs as selectPortletDebugData,
+  At as selectSessionId,
+  Cs as selectThumbnailDirty,
+  Mc as selectUIState,
+  _s as setIcon,
+  Nr as setTheme,
+  kr as setThemeVariable,
+  pr as transformServerFunnelResult,
+  tt as useAgentChat,
+  Ec as useAnalysisBuilder,
+  Rc as useAnalysisBuilderStore,
+  Be as useCubeApi,
+  zs as useCubeContext,
+  Ws as useCubeFeatures,
+  Zs as useCubeFieldLabel,
+  sr as useCubeLoadQuery,
+  Js as useCubeMeta,
+  Xs as useCubeMetaQuery,
+  cr as useCubeQuery,
+  ws as useDashboard,
+  Ns as useDashboardStore,
+  ks as useDashboardStoreApi,
+  Ss as useDashboardStoreOptional,
+  Ts as useDrillInteraction,
+  Ar as useDryRunQueries,
+  Ir as useDryRunQuery,
+  Ds as useElementVisibility,
+  Mr as useExplainAI,
+  Er as useExplainQuery,
+  rr as useFlowQuery,
+  nr as useFunnelQuery,
+  ar as useMultiCubeLoadQuery,
+  Rr as useMultiDryRunQueries,
+  B as useNotebookStore,
+  Ys as useScrollContainer,
+  As as useScrollDetection,
+  Uc as useTheme,
+  Bc as validateBindingKeyExists,
+  Pc as validateBindingKeyForSteps,
   Lc as validateFunnelConfig,
-  ar as validateMergeKey,
-  Pc as validateMergeKeys,
-  Qc as validateMultiQueryConfig,
-  Fc as validateStepQueries,
-  _c as validateTimeDimensionAlignment,
-  Ys as warnIfScreenshotLibMissing,
-  kr as watchThemeChanges
+  or as validateMergeKey,
+  Qc as validateMergeKeys,
+  Fc as validateMultiQueryConfig,
+  _c as validateStepQueries,
+  Vc as validateTimeDimensionAlignment,
+  Gs as warnIfScreenshotLibMissing,
+  Sr as watchThemeChanges
 };
 //# sourceMappingURL=index.js.map