drizzle-cube 0.4.8 → 0.4.10

package/dist/client/index.js

@@ -1,192 +1,227 @@
-import { A as q } from "./chunks/components-O0hh7ooo.js";
-import { g as Ke, a as je, C as $e, f as Ue, e as ze, D as Oe, h as qe, c as We, b as Je, M as He, d as Ge, P as Xe, l as Ye, R as Ze, O as et, N as tt, L as st, Q as at, T as ct, G as ot, F as rt, I as nt, U as dt, E as lt, H as it, V as ut, J as mt, K as pt, S as ht, W as ft, X as bt, x as gt, o as xt, v as yt, q as vt, s as Ct, t as Nt, n as kt, r as wt, m as St, p as Dt, w as Mt, u as At, i as Tt, j as It, k as Et, B as Rt, z as Bt, y as Lt } from "./chunks/components-O0hh7ooo.js";
-import { jsx as a, jsxs as g, Fragment as W } from "react/jsx-runtime";
-import B, { useRef as C, createContext as J, useContext as H, useEffect as Q, useCallback as f, useState as _ } from "react";
-import { c as G, d as X, e as Y, s as Z, f as V } from "./chunks/vendor-AVsJ2ni0.js";
-import { Q as ee } from "./chunks/chart-markdown-Du4Z2iqK.js";
-import { f as te } from "./chunks/providers-CgxXm6Ll.js";
-import { h as Ft, a as Pt, S as Vt, e as _t, d as Kt, i as jt, b as $t, g as Ut, u as zt, j as Ot, c as qt, w as Wt } from "./chunks/providers-CgxXm6Ll.js";
-import { L as Ht, u as Gt } from "./chunks/charts-core-DmGfleFz.js";
-import { L as Yt, g as Zt, c as es, b as ts, i as ss, p as as, a as cs } from "./chunks/charts-loader-HYQFVOo4.js";
-import { a as se } from "./chunks/icons-DAeqv1iX.js";
-import { D as rs, h as ns, i as ds, b as ls, e as is, f as us, g as ms, r as ps, c as hs, s as fs } from "./chunks/icons-DAeqv1iX.js";
-import { E as gs, a as xs, p as ys, q as vs, m as Cs, l as Ns, r as ks, C as ws, D as Ss, o as Ds, B as Ms, n as As, w as Ts, t as Is, d as Es, f as Rs, s as Bs, e as Ls, i as Qs, c as Fs, h as Ps, g as Vs, u as _s, b as Ks, y as js, A as $s, x as Us, k as zs, v as Os, z as qs, j as Ws } from "./chunks/analysis-builder-shared-NBk6y0md.js";
-import { u as Hs } from "./chunks/chart-bubble-Bf42A1-B.js";
-import { c as Xs, f as Ys } from "./chunks/index-CApFCBF9.js";
-import { e as ea, c as ta, l as sa, h as aa, k as ca, j as oa, i as ra, m as na, g as da, f as la, u as ia, u as ua, d as ma, b as pa, a as ha, v as fa } from "./chunks/useDirtyStateTracking-Cu1HSjmo.js";
-import { c as ga, b as xa, f as ya, g as va, a as Ca, i as Na, t as ka } from "./chunks/funnel-utils-CyonoNeC.js";
-import { T as Sa, c as Da, g as Ma, a as Aa, i as Ta, r as Ia, s as Ea, b as Ra, w as Ba } from "./chunks/theme-Dp3hFed1.js";
-import { createExplainQueryKey as Qa, useDryRunQueries as Fa, useDryRunQuery as Pa, useExplainAI as Va, useExplainQuery as _a, useMultiDryRunQueries as Ka } from "./hooks.js";
-import { i as $a, a as Ua } from "./chunks/flow-utils-CjQZG5qq.js";
-import { h as Oa } from "./chunks/syntaxHighlighting-BQfjio-i.js";
-const j = () => ({
+import { D as J, A as H, e as G, P as X } from "./chunks/components-ClQziOcT.js";
+import { i as Je, a as He, C as Ge, h as Xe, g as Ye, b as Ze, j as et, f as tt, d as st, M as at, c as ct, n as ot, T as rt, R as nt, Q as dt, O as it, S as lt, V as ut, I as mt, H as pt, K as ht, W as ft, G as gt, J as bt, X as yt, L as xt, N as Ct, U as vt, Y as kt, Z as Nt, z as wt, q as St, x as Dt, t as Mt, s as At, w as Tt, p as It, v as Et, o as Bt, r as Rt, y as Lt, u as Qt, k as Ft, l as Pt, m as Vt, F as _t, E as jt, B as Kt } from "./chunks/components-ClQziOcT.js";
+import { jsx as a, jsxs as y, Fragment as Y } from "react/jsx-runtime";
+import L, { useRef as N, createContext as Z, useContext as ee, useState as F, useCallback as p, useEffect as Q } from "react";
+import { c as te, d as se, e as ae, s as ce, f as K } from "./chunks/vendor-AVsJ2ni0.js";
+import { a as P } from "./chunks/icons-DAeqv1iX.js";
+import { D as Ot, h as qt, i as $t, b as zt, e as Wt, f as Jt, g as Ht, r as Gt, c as Xt, s as Yt } from "./chunks/icons-DAeqv1iX.js";
+import { Q as oe } from "./chunks/chart-markdown-Du4Z2iqK.js";
+import { f as re } from "./chunks/providers-CgxXm6Ll.js";
+import { h as es, a as ts, S as ss, e as as, d as cs, i as os, b as rs, g as ns, u as ds, j as is, c as ls, w as us } from "./chunks/providers-CgxXm6Ll.js";
+import { L as ps, u as hs } from "./chunks/charts-core-DmGfleFz.js";
+import { L as gs, g as bs, c as ys, b as xs, i as Cs, p as vs, a as ks } from "./chunks/charts-loader-CH0_S06T.js";
+import { E as ws, a as Ss, p as Ds, q as Ms, m as As, l as Ts, r as Is, C as Es, D as Bs, o as Rs, B as Ls, n as Qs, w as Fs, t as Ps, d as Vs, f as _s, s as js, e as Ks, i as Us, c as Os, h as qs, g as $s, u as zs, b as Ws, y as Js, A as Hs, x as Gs, k as Xs, v as Ys, z as Zs, j as ea } from "./chunks/analysis-builder-shared-D56zYeV0.js";
+import { u as sa } from "./chunks/chart-bubble-Bf42A1-B.js";
+import { c as ca, f as oa } from "./chunks/index-CApFCBF9.js";
+import { e as na, c as da, l as ia, h as la, k as ua, j as ma, i as pa, m as ha, g as fa, f as ga, u as ba, u as ya, d as xa, b as Ca, a as va, v as ka } from "./chunks/useDirtyStateTracking-Cu1HSjmo.js";
+import { c as wa, b as Sa, f as Da, g as Ma, a as Aa, i as Ta, t as Ia } from "./chunks/funnel-utils-CyonoNeC.js";
+import { T as Ba, c as Ra, g as La, a as Qa, i as Fa, r as Pa, s as Va, b as _a, w as ja } from "./chunks/theme-Dp3hFed1.js";
+import { createExplainQueryKey as Ua, useDryRunQueries as Oa, useDryRunQuery as qa, useExplainAI as $a, useExplainQuery as za, useMultiDryRunQueries as Wa } from "./hooks.js";
+import { i as Ha, a as Ga } from "./chunks/flow-utils-CjQZG5qq.js";
+import { h as Ya } from "./chunks/syntaxHighlighting-BQfjio-i.js";
+const O = () => ({
   blocks: [],
   messages: [],
   isStreaming: !1,
   sessionId: null,
   inputValue: ""
 });
-function ae(t, e) {
+function ne(e, t) {
   return {
     // Block actions
-    addBlock: (s) => t((c) => ({
+    addBlock: (s) => e((c) => ({
       blocks: [...c.blocks, s]
     })),
-    removeBlock: (s) => t((c) => ({
-      blocks: c.blocks.filter((o) => o.id !== s)
+    removeBlock: (s) => e((c) => ({
+      blocks: c.blocks.filter((r) => r.id !== s)
     })),
-    moveBlock: (s, c) => t((o) => {
-      const r = o.blocks.findIndex((m) => m.id === s);
-      if (r === -1) return {};
-      if (c === "up" && r === 0) return {};
-      if (c === "down" && r === o.blocks.length - 1) return {};
-      const n = [...o.blocks], i = c === "up" ? r - 1 : r + 1;
-      return [n[r], n[i]] = [n[i], n[r]], { blocks: n };
+    moveBlock: (s, c) => e((r) => {
+      const o = r.blocks.findIndex((d) => d.id === s);
+      if (o === -1) return {};
+      if (c === "up" && o === 0) return {};
+      if (c === "down" && o === r.blocks.length - 1) return {};
+      const n = [...r.blocks], u = c === "up" ? o - 1 : o + 1;
+      return [n[o], n[u]] = [n[u], n[o]], { blocks: n };
     }),
+    updateBlock: (s, c) => e((r) => ({
+      blocks: r.blocks.map(
+        (o) => o.id === s && o.type === "portlet" ? { ...o, ...c } : o
+      )
+    })),
     // Chat actions
-    addMessage: (s) => t((c) => ({
+    addMessage: (s) => e((c) => ({
       messages: [...c.messages, s]
     })),
-    appendToLastAssistantMessage: (s) => t((c) => {
-      const o = [...c.messages], r = o[o.length - 1];
-      return r && r.role === "assistant" && (o[o.length - 1] = {
-        ...r,
-        content: r.content + s
-      }), { messages: o };
+    appendToLastAssistantMessage: (s) => e((c) => {
+      const r = [...c.messages], o = r[r.length - 1];
+      return o && o.role === "assistant" && (r[r.length - 1] = {
+        ...o,
+        content: o.content + s
+      }), { messages: r };
     }),
-    addToolCallToLastAssistant: (s) => t((c) => {
-      const o = [...c.messages], r = o[o.length - 1];
-      return r && r.role === "assistant" && (o[o.length - 1] = {
-        ...r,
-        toolCalls: [...r.toolCalls || [], s]
-      }), { messages: o };
+    addToolCallToLastAssistant: (s) => e((c) => {
+      const r = [...c.messages], o = r[r.length - 1];
+      return o && o.role === "assistant" && (r[r.length - 1] = {
+        ...o,
+        toolCalls: [...o.toolCalls || [], s]
+      }), { messages: r };
     }),
-    updateLastToolCall: (s) => t((c) => {
-      const o = [...c.messages], r = o[o.length - 1];
-      if (r?.role === "assistant" && r.toolCalls?.length) {
-        const n = [...r.toolCalls], i = s.id ? n.findIndex((m) => m.id === s.id) : n.length - 1;
-        i !== -1 && (n[i] = { ...n[i], ...s }, o[o.length - 1] = { ...r, toolCalls: n });
+    updateLastToolCall: (s) => e((c) => {
+      const r = [...c.messages], o = r[r.length - 1];
+      if (o?.role === "assistant" && o.toolCalls?.length) {
+        const n = [...o.toolCalls], u = s.id ? n.findIndex((d) => d.id === s.id) : n.length - 1;
+        u !== -1 && (n[u] = { ...n[u], ...s }, r[r.length - 1] = { ...o, toolCalls: n });
       }
-      return { messages: o };
+      return { messages: r };
     }),
     // Session/UI actions
-    setIsStreaming: (s) => t({ isStreaming: s }),
-    setSessionId: (s) => t({ sessionId: s }),
-    setInputValue: (s) => t({ inputValue: s }),
+    setIsStreaming: (s) => e({ isStreaming: s }),
+    setSessionId: (s) => e({ sessionId: s }),
+    setInputValue: (s) => e({ inputValue: s }),
     // Persistence
     save: () => {
-      const s = e();
+      const s = t();
       return {
         blocks: s.blocks,
         messages: s.messages
       };
     },
-    load: (s) => t({
+    load: (s) => e({
       blocks: s.blocks || [],
       messages: s.messages || []
     }),
     // Reset
-    reset: () => t(j())
+    reset: () => e(O())
   };
 }
-function ce() {
-  const t = j();
-  return X()(
-    Y(
-      Z((e, s) => ({
-        ...t,
-        ...ae(e, s)
+function de() {
+  const e = O();
+  return se()(
+    ae(
+      ce((t, s) => ({
+        ...e,
+        ...ne(t, s)
       })),
       { name: "NotebookStore" }
     )
   );
 }
-const $ = J(null);
-function oe({
-  children: t,
-  initialConfig: e
+const q = Z(null);
+function ie({
+  children: e,
+  initialConfig: t
 }) {
-  const s = C(null);
+  const s = N(null);
   if (!s.current) {
-    const c = ce();
-    e && c.getState().load(e), s.current = c;
+    const c = de();
+    t && c.getState().load(t), s.current = c;
   }
-  return /* @__PURE__ */ a($.Provider, { value: s.current, children: t });
+  return /* @__PURE__ */ a(q.Provider, { value: s.current, children: e });
 }
-function k(t) {
-  const e = H($);
-  if (!e)
+function D(e) {
+  const t = ee(q);
+  if (!t)
     throw new Error("useNotebookStore must be used within NotebookStoreProvider");
-  return G(e, t);
+  return te(t, e);
 }
-const re = (t) => t.blocks, Ee = (t) => t.messages, Re = (t) => t.isStreaming, Be = (t) => t.sessionId, Le = (t) => t.inputValue, ne = (t) => ({
-  messages: t.messages,
-  isStreaming: t.isStreaming,
-  inputValue: t.inputValue
-}), de = (t) => ({
-  addMessage: t.addMessage,
-  appendToLastAssistantMessage: t.appendToLastAssistantMessage,
-  addToolCallToLastAssistant: t.addToolCallToLastAssistant,
-  updateLastToolCall: t.updateLastToolCall,
-  setIsStreaming: t.setIsStreaming,
-  setInputValue: t.setInputValue,
-  setSessionId: t.setSessionId
-}), le = (t) => ({
-  addBlock: t.addBlock,
-  removeBlock: t.removeBlock,
-  moveBlock: t.moveBlock
-}), ie = B.memo(function({
-  block: e,
+const le = (e) => e.blocks, _e = (e) => e.messages, je = (e) => e.isStreaming, Ke = (e) => e.sessionId, Ue = (e) => e.inputValue, ue = (e) => ({
+  messages: e.messages,
+  isStreaming: e.isStreaming,
+  inputValue: e.inputValue
+}), me = (e) => ({
+  addMessage: e.addMessage,
+  appendToLastAssistantMessage: e.appendToLastAssistantMessage,
+  addToolCallToLastAssistant: e.addToolCallToLastAssistant,
+  updateLastToolCall: e.updateLastToolCall,
+  setIsStreaming: e.setIsStreaming,
+  setInputValue: e.setInputValue,
+  setSessionId: e.setSessionId
+}), pe = (e) => ({
+  addBlock: e.addBlock,
+  removeBlock: e.removeBlock,
+  moveBlock: e.moveBlock,
+  updateBlock: e.updateBlock
+}), V = { width: "16px", height: "16px", color: "currentColor" }, he = P("chevronUp"), fe = P("chevronDown"), ge = P("edit"), be = P("delete"), ye = L.memo(function({
+  block: t,
   onRemove: s,
   onMoveUp: c,
-  onMoveDown: o,
-  isFirst: r,
-  isLast: n
+  onMoveDown: r,
+  onEdit: o,
+  isFirst: n,
+  isLast: u
 }) {
-  return /* @__PURE__ */ g("div", { className: "dc:group dc:relative dc:mb-4", children: [
-    /* @__PURE__ */ g("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: [
-      !r && /* @__PURE__ */ a(
-        "button",
-        {
-          onClick: () => c(e.id),
-          className: "dc:p-1 dc:rounded dc:text-xs bg-dc-surface text-dc-text-secondary dc:hover:opacity-80 border-dc-border dc:border",
-          title: "Move up",
-          children: "▲"
-        }
-      ),
-      !n && /* @__PURE__ */ a(
-        "button",
-        {
-          onClick: () => o(e.id),
-          className: "dc:p-1 dc:rounded dc:text-xs bg-dc-surface text-dc-text-secondary dc:hover:opacity-80 border-dc-border dc:border",
-          title: "Move down",
-          children: "▼"
-        }
-      ),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          onClick: () => s(e.id),
-          className: "dc:p-1 dc:rounded dc:text-xs text-dc-error dc:hover:opacity-80 bg-dc-surface border-dc-border dc:border",
-          title: "Remove",
-          children: "✕"
-        }
-      )
+  const [d, g] = F(null), h = p((x) => {
+    g(x);
+  }, []);
+  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: [
+        /* @__PURE__ */ a("h3", { className: "dc:font-semibold dc:text-sm text-dc-text dc:truncate", children: t.title || "Untitled" }),
+        d && /* @__PURE__ */ a(
+          J,
+          {
+            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: [
+        !n && /* @__PURE__ */ a(
+          "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__ */ a(he, { style: V })
+          }
+        ),
+        !u && /* @__PURE__ */ a(
+          "button",
+          {
+            onClick: () => r(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__ */ a(fe, { style: V })
+          }
+        ),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            onClick: () => o(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__ */ a(ge, { style: V })
+          }
+        ),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            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__ */ a(be, { style: V })
+          }
+        )
+      ] })
     ] }),
-    e.title && /* @__PURE__ */ a("h4", { className: "dc:text-sm dc:font-semibold text-dc-text dc:mb-2 dc:px-1", children: e.title }),
-    /* @__PURE__ */ a("div", { className: "dc:rounded-lg dc:overflow-hidden border-dc-border dc:border bg-dc-surface", children: /* @__PURE__ */ a(
-      q,
+    /* @__PURE__ */ a("div", { className: "dc:flex-1 dc:min-h-0", children: /* @__PURE__ */ a(
+      H,
       {
-        query: e.query,
-        chartType: e.chartType,
-        chartConfig: e.chartConfig,
-        displayConfig: e.displayConfig,
+        query: t.query,
+        chartType: t.chartType,
+        chartConfig: t.chartConfig,
+        displayConfig: t.displayConfig,
         height: 400,
-        eagerLoad: !0
+        eagerLoad: !0,
+        onDebugDataReady: h
       }
     ) })
   ] });
-}), ue = {
+}), xe = {
   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" } },
@@ -207,20 +242,20 @@ const re = (t) => t.blocks, Ee = (t) => t.messages, Re = (t) => t.isStreaming, 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" } }
   }
-}, me = B.memo(function({
-  block: e,
+}, Ce = L.memo(function({
+  block: t,
   onRemove: s,
   onMoveUp: c,
-  onMoveDown: o,
-  isFirst: r,
+  onMoveDown: r,
+  isFirst: o,
   isLast: n
 }) {
-  return /* @__PURE__ */ g("div", { className: "dc:group dc:relative dc:mb-4", children: [
-    /* @__PURE__ */ g("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: [
-      !r && /* @__PURE__ */ a(
+  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: [
+      !o && /* @__PURE__ */ a(
         "button",
         {
-          onClick: () => c(e.id),
+          onClick: () => c(t.id),
           className: "dc:p-1 dc:rounded dc:text-xs bg-dc-surface text-dc-text-secondary dc:hover:opacity-80 border-dc-border dc:border",
           title: "Move up",
           children: "▲"
@@ -229,7 +264,7 @@ const re = (t) => t.blocks, Ee = (t) => t.messages, Re = (t) => t.isStreaming, B
       !n && /* @__PURE__ */ a(
         "button",
         {
-          onClick: () => o(e.id),
+          onClick: () => r(t.id),
           className: "dc:p-1 dc:rounded dc:text-xs bg-dc-surface text-dc-text-secondary dc:hover:opacity-80 border-dc-border dc:border",
           title: "Move down",
           children: "▼"
@@ -238,270 +273,306 @@ const re = (t) => t.blocks, Ee = (t) => t.messages, Re = (t) => t.isStreaming, B
       /* @__PURE__ */ a(
         "button",
         {
-          onClick: () => s(e.id),
+          onClick: () => s(t.id),
           className: "dc:p-1 dc:rounded dc:text-xs text-dc-error dc:hover:opacity-80 bg-dc-surface border-dc-border dc:border",
           title: "Remove",
           children: "✕"
         }
       )
     ] }),
-    e.title && /* @__PURE__ */ a("h4", { className: "dc:text-sm dc:font-semibold text-dc-text dc:mb-2 dc:px-1", children: e.title }),
-    /* @__PURE__ */ a("div", { className: "dc:rounded-lg dc:p-4 bg-dc-surface border-dc-border dc:border", children: /* @__PURE__ */ a(ee, { options: ue, children: e.content }) })
+    t.title && /* @__PURE__ */ a("h4", { className: "dc:text-sm dc:font-semibold text-dc-text dc:mb-2 dc:px-1", children: t.title }),
+    /* @__PURE__ */ a("div", { className: "dc:rounded-lg dc:p-4 bg-dc-surface border-dc-border dc:border", children: /* @__PURE__ */ a(oe, { options: xe, children: t.content }) })
   ] });
-}), pe = B.memo(function() {
-  const e = k(re), { removeBlock: s, moveBlock: c } = k(V(le)), o = C(null), r = C(e.length);
+}), ve = L.memo(function() {
+  const t = D(le), { removeBlock: s, moveBlock: c, updateBlock: r } = D(K(pe)), o = N(null), [n, u] = F(null), d = N(t.length);
   Q(() => {
-    e.length > r.current && o.current?.scrollIntoView({ behavior: "smooth" }), r.current = e.length;
-  }, [e.length]);
-  const n = f((l) => s(l), [s]), i = f((l) => c(l, "up"), [c]), m = f((l) => c(l, "down"), [c]);
-  return e.length === 0 ? /* @__PURE__ */ a("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full", children: /* @__PURE__ */ g("div", { className: "dc:text-center dc:max-w-sm dc:px-6", children: [
-    /* @__PURE__ */ a("div", { className: "dc:text-4xl dc:mb-4 dc:opacity-30", children: "📊" }),
+    t.length > d.current && o.current?.scrollIntoView({ behavior: "smooth" }), d.current = t.length;
+  }, [t.length]);
+  const g = p((i) => s(i), [s]), h = p((i) => c(i, "up"), [c]), x = p((i) => c(i, "down"), [c]), m = p((i) => u(i), []), b = p((i) => {
+    if (!n) return;
+    const w = G(i), { analysisConfig: k } = w;
+    if (k) {
+      const v = k.charts[k.analysisType];
+      r(n.id, {
+        title: i.title,
+        query: JSON.stringify(k.query),
+        chartType: v?.chartType || "bar",
+        chartConfig: v?.chartConfig,
+        displayConfig: v?.displayConfig
+      });
+    }
+    u(null);
+  }, [n, r]);
+  return t.length === 0 ? /* @__PURE__ */ a("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: [
     /* @__PURE__ */ a("h3", { className: "dc:text-base dc:font-semibold text-dc-text dc:mb-2", children: "Your notebook is empty" }),
     /* @__PURE__ */ a("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__ */ g("div", { className: "dc:h-full dc:overflow-y-auto dc:p-4", children: [
-    e.map((l, h) => {
-      const y = h === 0, u = h === e.length - 1;
-      return l.type === "portlet" ? /* @__PURE__ */ a(
-        ie,
+  ] }) }) : /* @__PURE__ */ y("div", { className: "dc:h-full dc:overflow-y-auto dc:p-4", children: [
+    t.map((i, w) => {
+      const k = w === 0, v = w === t.length - 1;
+      return i.type === "portlet" ? /* @__PURE__ */ a(
+        ye,
         {
-          block: l,
-          onRemove: n,
-          onMoveUp: i,
-          onMoveDown: m,
-          isFirst: y,
-          isLast: u
+          block: i,
+          onRemove: g,
+          onMoveUp: h,
+          onMoveDown: x,
+          onEdit: m,
+          isFirst: k,
+          isLast: v
         },
-        l.id
-      ) : l.type === "markdown" ? /* @__PURE__ */ a(
-        me,
+        i.id
+      ) : i.type === "markdown" ? /* @__PURE__ */ a(
+        Ce,
         {
-          block: l,
-          onRemove: n,
-          onMoveUp: i,
-          onMoveDown: m,
-          isFirst: y,
-          isLast: u
+          block: i,
+          onRemove: g,
+          onMoveUp: h,
+          onMoveDown: x,
+          isFirst: k,
+          isLast: v
         },
-        l.id
+        i.id
       ) : null;
     }),
-    /* @__PURE__ */ a("div", { ref: o })
+    /* @__PURE__ */ a("div", { ref: o }),
+    /* @__PURE__ */ a(
+      X,
+      {
+        isOpen: !!n,
+        onClose: () => u(null),
+        onSave: b,
+        portlet: n ? {
+          id: n.id,
+          title: n.title,
+          query: n.query,
+          chartType: n.chartType,
+          chartConfig: n.chartConfig,
+          displayConfig: n.displayConfig,
+          w: 5,
+          h: 4,
+          x: 0,
+          y: 0
+        } : null,
+        title: "Edit Visualization",
+        submitText: "Update"
+      }
+    )
   ] });
 });
-function he(t) {
+function ke(e) {
   const {
-    agentEndpoint: e,
+    agentEndpoint: t,
     agentApiKey: s,
     onAddPortlet: c,
-    onAddMarkdown: o,
-    onTextDelta: r,
+    onAddMarkdown: r,
+    onTextDelta: o,
     onToolStart: n,
-    onToolResult: i,
-    onTurnComplete: m,
-    onDone: l,
+    onToolResult: u,
+    onTurnComplete: d,
+    onDone: g,
     onError: h
-  } = t, { cubeApi: y } = te(), u = C(null), [b, v] = _(!1), A = f(async (S, x) => {
-    function N(p) {
-      switch (p.type) {
+  } = e, { cubeApi: x } = re(), m = N(null), [b, i] = F(!1), w = p(async (v, C) => {
+    function S(f) {
+      switch (f.type) {
         case "text_delta":
-          r(p.data);
+          o(f.data);
           break;
         case "tool_use_start":
-          n(p.data.id, p.data.name, p.data.input);
+          n(f.data.id, f.data.name, f.data.input);
           break;
         case "tool_use_result":
-          i(p.data.id, p.data.name, p.data.result);
+          u(f.data.id, f.data.name, f.data.result);
           break;
         case "add_portlet":
           c({
-            ...p.data,
+            ...f.data,
             type: "portlet"
           });
           break;
         case "add_markdown":
-          o({
-            ...p.data,
+          r({
+            ...f.data,
             type: "markdown"
           });
           break;
         case "turn_complete":
-          m?.();
+          d?.();
           break;
         case "done":
-          l(p.data.sessionId);
+          g(f.data.sessionId);
           break;
         case "error":
-          h(p.data.message);
+          h(f.data.message);
           break;
       }
     }
-    u.current && u.current.abort();
-    const D = new AbortController();
-    u.current = D, v(!0);
+    m.current && m.current.abort();
+    const A = new AbortController();
+    m.current = A, i(!0);
     try {
-      const p = y.apiUrl || "/cubejs-api/v1", w = e || `${p}/agent/chat`, T = {
+      const f = x.apiUrl || "/cubejs-api/v1", M = t || `${f}/agent/chat`, I = {
         "Content-Type": "application/json",
-        ...y.headers
+        ...x.headers
       };
-      s && (T["X-Agent-Api-Key"] = s);
-      const I = await fetch(w, {
+      s && (I["X-Agent-Api-Key"] = s);
+      const E = await fetch(M, {
         method: "POST",
-        headers: T,
-        credentials: y.credentials ?? "include",
+        headers: I,
+        credentials: x.credentials ?? "include",
         body: JSON.stringify({
-          message: S,
-          ...x ? { sessionId: x } : {}
+          message: v,
+          ...C ? { sessionId: C } : {}
         }),
-        signal: D.signal
+        signal: A.signal
       });
-      if (!I.ok) {
-        const d = await I.json().catch(() => ({}));
-        throw new Error(d.error || `Agent request failed: ${I.status}`);
+      if (!E.ok) {
+        const l = await E.json().catch(() => ({}));
+        throw new Error(l.error || `Agent request failed: ${E.status}`);
       }
-      if (!I.body)
+      if (!E.body)
         throw new Error("No response body received");
-      const F = I.body.getReader(), P = new TextDecoder();
-      let E = "";
+      const _ = E.body.getReader(), j = new TextDecoder();
+      let B = "";
       for (; ; ) {
-        const { done: d, value: R } = await F.read();
-        if (d) break;
-        E += P.decode(R, { stream: !0 });
-        const M = E.split(`
+        const { done: l, value: R } = await _.read();
+        if (l) break;
+        B += j.decode(R, { stream: !0 });
+        const T = B.split(`
 
 `);
-        E = M.pop() || "";
-        for (const U of M) {
-          const z = U.trim().split(`
+        B = T.pop() || "";
+        for (const $ of T) {
+          const z = $.trim().split(`
 `);
-          for (const K of z)
-            if (K.startsWith("data: "))
+          for (const U of z)
+            if (U.startsWith("data: "))
               try {
-                const O = JSON.parse(K.slice(6));
-                N(O);
+                const W = JSON.parse(U.slice(6));
+                S(W);
               } catch {
               }
         }
       }
-      if (E.trim()) {
-        const d = E.trim().split(`
+      if (B.trim()) {
+        const l = B.trim().split(`
 `);
-        for (const R of d)
+        for (const R of l)
           if (R.startsWith("data: "))
             try {
-              const M = JSON.parse(R.slice(6));
-              N(M);
+              const T = JSON.parse(R.slice(6));
+              S(T);
             } catch {
             }
       }
-    } catch (p) {
-      p.name !== "AbortError" && h(p instanceof Error ? p.message : "Stream failed");
+    } catch (f) {
+      f.name !== "AbortError" && h(f instanceof Error ? f.message : "Stream failed");
     } finally {
-      v(!1), u.current = null;
+      i(!1), m.current = null;
     }
-  }, [y, e, s, c, o, r, n, i, m, l, h]), L = f(() => {
-    u.current && (u.current.abort(), u.current = null, v(!1));
+  }, [x, t, s, c, r, o, n, u, d, g, h]), k = p(() => {
+    m.current && (m.current.abort(), m.current = null, i(!1));
   }, []);
   return {
-    sendMessage: A,
+    sendMessage: w,
     isStreaming: b,
-    abort: L
+    abort: k
   };
 }
-function fe(t) {
-  const e = [];
-  let s = t, c = 0;
+function Ne(e) {
+  const t = [];
+  let s = e, c = 0;
   for (; s; ) {
-    const o = s.match(/^(.*?)`([^`]+)`(.*)$/);
-    if (o) {
-      const [, n, i, m] = o;
-      n && e.push(/* @__PURE__ */ a("span", { children: n }, c++)), e.push(
-        /* @__PURE__ */ a("code", { className: "dc:px-1 dc:py-0.5 dc:rounded dc:text-xs bg-dc-surface dc:font-mono", children: i }, c++)
-      ), s = m;
+    const r = s.match(/^(.*?)`([^`]+)`(.*)$/);
+    if (r) {
+      const [, n, u, d] = r;
+      n && t.push(/* @__PURE__ */ a("span", { children: n }, c++)), t.push(
+        /* @__PURE__ */ a("code", { className: "dc:px-1 dc:py-0.5 dc:rounded dc:text-xs bg-dc-surface dc:font-mono", children: u }, c++)
+      ), s = d;
       continue;
     }
-    const r = s.match(/^(.*?)\*\*([^*]+)\*\*(.*)$/);
-    if (r) {
-      const [, n, i, m] = r;
-      n && e.push(/* @__PURE__ */ a("span", { children: n }, c++)), e.push(/* @__PURE__ */ a("strong", { className: "dc:font-semibold", children: i }, c++)), s = m;
+    const o = s.match(/^(.*?)\*\*([^*]+)\*\*(.*)$/);
+    if (o) {
+      const [, n, u, d] = o;
+      n && t.push(/* @__PURE__ */ a("span", { children: n }, c++)), t.push(/* @__PURE__ */ a("strong", { className: "dc:font-semibold", children: u }, c++)), s = d;
       continue;
     }
-    e.push(/* @__PURE__ */ a("span", { children: s }, c));
+    t.push(/* @__PURE__ */ a("span", { children: s }, c));
     break;
   }
-  return e;
+  return t;
 }
-const be = {
+const we = {
   discover_cubes: "Discovering cubes",
   get_cube_metadata: "Reading metadata",
   execute_query: "Executing query",
   add_portlet: "Adding visualization",
   add_markdown: "Adding explanation"
 };
-function ge({ toolCall: t }) {
-  const [e, s] = _(!1), c = be[t.name] || t.name, o = t.status === "running";
-  return /* @__PURE__ */ g("div", { className: "dc:my-1 dc:text-xs", children: [
-    /* @__PURE__ */ g(
+function Se({ toolCall: e }) {
+  const [t, s] = F(!1), c = we[e.name] || e.name, r = e.status === "running";
+  return /* @__PURE__ */ y("div", { className: "dc:my-1 dc:text-xs", children: [
+    /* @__PURE__ */ y(
       "button",
       {
-        onClick: () => s(!e),
+        onClick: () => s(!t),
         className: "dc:flex dc:items-center dc:gap-1.5 text-dc-text-secondary dc:hover:opacity-80 dc:transition-opacity",
         children: [
-          o ? /* @__PURE__ */ a("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__ */ a("span", { className: "dc:text-xs", children: t.status === "error" ? "✗" : "✓" }),
-          /* @__PURE__ */ g("span", { children: [
+          r ? /* @__PURE__ */ a("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__ */ a("span", { className: "dc:text-xs", children: e.status === "error" ? "✗" : "✓" }),
+          /* @__PURE__ */ y("span", { children: [
             c,
-            o ? "..." : ""
+            r ? "..." : ""
           ] }),
-          !o && /* @__PURE__ */ a("span", { className: "dc:text-[10px] dc:opacity-60", children: e ? "▲" : "▼" })
+          !r && /* @__PURE__ */ a("span", { className: "dc:text-[10px] dc:opacity-60", children: t ? "▲" : "▼" })
         ]
       }
     ),
-    e && t.result != null && /* @__PURE__ */ a("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) })
+    t && e.result != null && /* @__PURE__ */ a("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 xe = B.memo(function({ message: e }) {
-  const s = e.role === "user", c = !!e.content?.trim(), o = e.toolCalls && e.toolCalls.length > 0;
-  return !s && !c && !o ? null : /* @__PURE__ */ a("div", { className: `dc:flex dc:mb-3 ${s ? "dc:justify-end" : "dc:justify-start"}`, children: /* @__PURE__ */ g(
+const De = L.memo(function({ message: t }) {
+  const s = t.role === "user", c = !!t.content?.trim(), r = t.toolCalls && t.toolCalls.length > 0;
+  return !s && !c && !r ? null : /* @__PURE__ */ a("div", { className: `dc:flex dc:mb-3 ${s ? "dc:justify-end" : "dc:justify-start"}`, children: /* @__PURE__ */ y(
     "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" : "bg-dc-surface-secondary text-dc-text dc:rounded-bl-sm"}`,
       children: [
-        c && /* @__PURE__ */ a("div", { className: "dc:whitespace-pre-wrap dc:break-words", children: s ? e.content : fe(e.content) }),
-        o && /* @__PURE__ */ a("div", { className: c ? "dc:mt-1 dc:border-t dc:border-current dc:border-opacity-10 dc:pt-1" : "", children: e.toolCalls.map((r, n) => /* @__PURE__ */ a(ge, { toolCall: r }, r.id || n)) })
+        c && /* @__PURE__ */ a("div", { className: "dc:whitespace-pre-wrap dc:break-words", children: s ? t.content : Ne(t.content) }),
+        r && /* @__PURE__ */ a("div", { className: c ? "dc:mt-1 dc:border-t dc:border-current dc:border-opacity-10 dc:pt-1" : "", children: t.toolCalls.map((o, n) => /* @__PURE__ */ a(Se, { toolCall: o }, o.id || n)) })
       ]
     }
   ) });
-}), ye = B.memo(function({
-  value: e,
+}), Me = L.memo(function({
+  value: t,
   onChange: s,
   onSend: c,
-  onStop: o,
-  onContinue: r,
+  onStop: r,
+  onContinue: o,
   isStreaming: n = !1,
-  showContinue: i = !1,
-  disabled: m = !1,
-  placeholder: l = "Ask about your data..."
+  showContinue: u = !1,
+  disabled: d = !1,
+  placeholder: g = "Ask about your data..."
 }) {
-  const h = C(null);
+  const h = N(null);
   Q(() => {
-    const u = h.current;
-    u && (u.style.height = "auto", u.style.height = `${Math.min(u.scrollHeight, 150)}px`);
-  }, [e]);
-  const y = f(
-    (u) => {
-      u.key === "Enter" && !u.shiftKey && (u.preventDefault(), !m && e.trim() && c());
+    const m = h.current;
+    m && (m.style.height = "auto", m.style.height = `${Math.min(m.scrollHeight, 150)}px`);
+  }, [t]);
+  const x = p(
+    (m) => {
+      m.key === "Enter" && !m.shiftKey && (m.preventDefault(), !d && t.trim() && c());
     },
-    [m, e, c]
+    [d, t, c]
   );
-  return /* @__PURE__ */ g("div", { className: "dc:flex dc:gap-2 dc:items-end dc:p-3 border-dc-border dc:border-t", children: [
+  return /* @__PURE__ */ y("div", { className: "dc:flex dc:gap-2 dc:items-end dc:p-3 border-dc-border dc:border-t", children: [
     /* @__PURE__ */ a(
       "textarea",
       {
         ref: h,
-        value: e,
-        onChange: (u) => s(u.target.value),
-        onKeyDown: y,
-        placeholder: l,
-        disabled: m,
+        value: t,
+        onChange: (m) => s(m.target.value),
+        onKeyDown: x,
+        placeholder: g,
+        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"
       }
@@ -509,16 +580,16 @@ const xe = B.memo(function({ message: e }) {
     n ? /* @__PURE__ */ a(
       "button",
       {
-        onClick: o,
+        onClick: r,
         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__ */ g(W, { children: [
-      i && !e.trim() && /* @__PURE__ */ a(
+    ) : /* @__PURE__ */ y(Y, { children: [
+      u && !t.trim() && /* @__PURE__ */ a(
         "button",
         {
           onClick: () => {
-            r?.(), h.current?.focus();
+            o?.(), h.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"
@@ -528,201 +599,201 @@ const xe = B.memo(function({ message: e }) {
         "button",
         {
           onClick: c,
-          disabled: m || !e.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"
         }
       )
     ] })
   ] });
-}), ve = B.memo(function({
-  agentEndpoint: e,
+}), Ae = L.memo(function({
+  agentEndpoint: t,
   agentApiKey: s,
   onClear: c
 }) {
-  const o = C(null), r = C(!1), { messages: n, isStreaming: i, inputValue: m } = k(V(ne)), {
-    addMessage: l,
+  const r = N(null), o = N(!1), { messages: n, isStreaming: u, inputValue: d } = D(K(ue)), {
+    addMessage: g,
     appendToLastAssistantMessage: h,
-    addToolCallToLastAssistant: y,
-    updateLastToolCall: u,
+    addToolCallToLastAssistant: x,
+    updateLastToolCall: m,
     setIsStreaming: b,
-    setInputValue: v,
-    setSessionId: A
-  } = k(V(de)), L = k((d) => d.sessionId), S = k((d) => d.addBlock), x = k((d) => d.reset), N = f(() => {
-    r.current && (r.current = !1, l({
+    setInputValue: i,
+    setSessionId: w
+  } = D(K(me)), k = D((l) => l.sessionId), v = D((l) => l.addBlock), C = D((l) => l.reset), S = p(() => {
+    o.current && (o.current = !1, g({
       id: `msg-${Date.now()}`,
       role: "assistant",
       content: "",
       toolCalls: [],
       timestamp: Date.now()
     }));
-  }, [l]), D = C(n.length);
+  }, [g]), A = N(n.length);
   Q(() => {
-    n.length > D.current && o.current?.scrollIntoView({ behavior: "smooth" }), D.current = n.length;
+    n.length > A.current && r.current?.scrollIntoView({ behavior: "smooth" }), A.current = n.length;
   }, [n]);
-  const { sendMessage: p, abort: w } = he({
-    agentEndpoint: e,
+  const { sendMessage: f, abort: M } = ke({
+    agentEndpoint: t,
     agentApiKey: s,
-    onTextDelta: f((d) => {
-      N(), h(d);
-    }, [N, h]),
-    onToolStart: f((d, R, M) => {
-      N(), y({ id: d, name: R, input: M, status: "running" });
-    }, [N, y]),
-    onToolResult: f((d, R, M) => {
-      u({ id: d, status: "complete", result: M });
-    }, [u]),
-    onAddPortlet: f((d) => {
-      S(d);
-    }, [S]),
-    onAddMarkdown: f((d) => {
-      S(d);
-    }, [S]),
-    onTurnComplete: f(() => {
-      r.current = !0;
+    onTextDelta: p((l) => {
+      S(), h(l);
+    }, [S, h]),
+    onToolStart: p((l, R, T) => {
+      S(), x({ id: l, name: R, input: T, status: "running" });
+    }, [S, x]),
+    onToolResult: p((l, R, T) => {
+      m({ id: l, status: "complete", result: T });
+    }, [m]),
+    onAddPortlet: p((l) => {
+      v(l);
+    }, [v]),
+    onAddMarkdown: p((l) => {
+      v(l);
+    }, [v]),
+    onTurnComplete: p(() => {
+      o.current = !0;
     }, []),
-    onDone: f((d) => {
-      r.current = !1, A(d), b(!1);
-    }, [A, b]),
-    onError: f((d) => {
-      N(), h(`
+    onDone: p((l) => {
+      o.current = !1, w(l), b(!1);
+    }, [w, b]),
+    onError: p((l) => {
+      S(), h(`
 
-Error: ${d}`), b(!1);
-    }, [N, h, b])
-  }), T = f((d) => {
-    !d || i || (r.current = !1, l({
+Error: ${l}`), b(!1);
+    }, [S, h, b])
+  }), I = p((l) => {
+    !l || u || (o.current = !1, g({
       id: `msg-${Date.now()}`,
       role: "user",
-      content: d,
+      content: l,
       timestamp: Date.now()
-    }), l({
+    }), g({
       id: `msg-${Date.now() + 1}`,
       role: "assistant",
       content: "",
       toolCalls: [],
       timestamp: Date.now()
-    }), v(""), b(!0), p(d, L));
-  }, [i, l, v, b, p, L]), I = f(() => {
-    T(m.trim());
-  }, [m, T]), F = f(() => {
-    w(), b(!1);
-  }, [w, b]), P = f(() => {
-    v("");
-  }, [v]), E = f(() => {
-    w(), b(!1), x(), c?.();
-  }, [w, b, x, c]);
-  return /* @__PURE__ */ g("div", { className: "dc:flex dc:flex-col dc:h-full bg-dc-surface", children: [
-    /* @__PURE__ */ g("div", { className: "dc:flex dc:items-center dc:justify-between dc:px-4 dc:py-3 border-dc-border dc:border-b", children: [
+    }), i(""), b(!0), f(l, k));
+  }, [u, g, i, b, f, k]), E = p(() => {
+    I(d.trim());
+  }, [d, I]), _ = p(() => {
+    M(), b(!1);
+  }, [M, b]), j = p(() => {
+    i("");
+  }, [i]), B = p(() => {
+    M(), b(!1), C(), c?.();
+  }, [M, b, C, 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: [
       /* @__PURE__ */ a("h3", { className: "dc:text-sm dc:font-semibold text-dc-text", children: "AI Assistant" }),
       n.length > 0 && /* @__PURE__ */ a(
         "button",
         {
-          onClick: E,
-          disabled: i,
+          onClick: B,
+          disabled: u,
           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__ */ g("div", { className: "dc:flex-1 dc:overflow-y-auto dc:px-4 dc:py-3", children: [
-      n.length === 0 ? /* @__PURE__ */ a(Ce, {}) : n.map((d) => /* @__PURE__ */ a(xe, { message: d }, d.id)),
-      /* @__PURE__ */ a("div", { ref: o })
+    /* @__PURE__ */ y("div", { className: "dc:flex-1 dc:overflow-y-auto dc:px-4 dc:py-3", children: [
+      n.length === 0 ? /* @__PURE__ */ a(Te, {}) : n.map((l) => /* @__PURE__ */ a(De, { message: l }, l.id)),
+      /* @__PURE__ */ a("div", { ref: r })
     ] }),
     /* @__PURE__ */ a(
-      ye,
+      Me,
       {
-        value: m,
-        onChange: v,
-        onSend: I,
-        onStop: F,
-        onContinue: P,
-        isStreaming: i,
-        showContinue: !i && n.length > 0
+        value: d,
+        onChange: i,
+        onSend: E,
+        onStop: _,
+        onContinue: j,
+        isStreaming: u,
+        showContinue: !u && n.length > 0
       }
     )
   ] });
 });
-function Ce() {
-  return /* @__PURE__ */ a("div", { className: "dc:flex dc:items-center dc:justify-center dc:h-full", children: /* @__PURE__ */ g("div", { className: "dc:text-center dc:max-w-xs", children: [
+function Te() {
+  return /* @__PURE__ */ a("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: [
     /* @__PURE__ */ a("div", { className: "dc:text-lg dc:font-semibold text-dc-text dc:mb-2", children: "Data Analysis Assistant" }),
     /* @__PURE__ */ a("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__ */ g("div", { className: "dc:space-y-2 dc:text-xs text-dc-text-muted", children: [
+    /* @__PURE__ */ y("div", { className: "dc:space-y-2 dc:text-xs text-dc-text-muted", children: [
       /* @__PURE__ */ a("p", { children: '"Show me employee productivity trends"' }),
       /* @__PURE__ */ a("p", { children: '"What are the top departments by headcount?"' }),
       /* @__PURE__ */ a("p", { children: '"Compare revenue across product categories"' })
     ] })
   ] }) });
 }
-function Ne({
-  agentEndpoint: t,
-  agentApiKey: e,
+function Ie({
+  agentEndpoint: e,
+  agentApiKey: t,
   onSave: s,
   onDirtyStateChange: c,
-  className: o
+  className: r
 }) {
-  const [r, n] = _(60), i = C(null), m = C(!1), l = k((x) => x.blocks.length), h = k((x) => x.messages.length), y = k((x) => x.save), u = C({ blockCount: l, msgCount: h });
+  const [o, n] = F(60), u = N(null), d = N(!1), g = D((C) => C.blocks.length), h = D((C) => C.messages.length), x = D((C) => C.save), m = N({ blockCount: g, msgCount: h });
   Q(() => {
-    const x = l !== u.current.blockCount || h !== u.current.msgCount;
-    c?.(x);
-  }, [l, h, c]);
-  const b = C(), v = C(s);
-  v.current = s;
-  const A = C(l > 0 || h > 0);
+    const C = g !== m.current.blockCount || h !== m.current.msgCount;
+    c?.(C);
+  }, [g, h, c]);
+  const b = N(), i = N(s);
+  i.current = s;
+  const w = N(g > 0 || h > 0);
   Q(() => {
-    if ((l > 0 || h > 0) && (A.current = !0), !(!v.current || !A.current))
+    if ((g > 0 || h > 0) && (w.current = !0), !(!i.current || !w.current))
       return b.current && clearTimeout(b.current), b.current = setTimeout(() => {
-        const x = y();
-        v.current?.(x);
+        const C = x();
+        i.current?.(C);
       }, 1e3), () => {
         b.current && clearTimeout(b.current);
       };
-  }, [l, h, y]);
-  const L = f(() => {
-    v.current && (b.current && clearTimeout(b.current), v.current({ blocks: [], messages: [] }));
-  }, []), S = f((x) => {
-    x.preventDefault(), m.current = !0;
-    const N = (p) => {
-      if (!m.current || !i.current) return;
-      const w = i.current.getBoundingClientRect(), T = (p.clientX - w.left) / w.width * 100;
-      n(Math.min(Math.max(T, 30), 80));
-    }, D = () => {
-      m.current = !1, document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", D);
+  }, [g, h, x]);
+  const k = p(() => {
+    i.current && (b.current && clearTimeout(b.current), i.current({ blocks: [], messages: [] }));
+  }, []), v = p((C) => {
+    C.preventDefault(), d.current = !0;
+    const S = (f) => {
+      if (!d.current || !u.current) return;
+      const M = u.current.getBoundingClientRect(), I = (f.clientX - M.left) / M.width * 100;
+      n(Math.min(Math.max(I, 30), 80));
+    }, A = () => {
+      d.current = !1, document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", A);
     };
-    document.addEventListener("mousemove", N), document.addEventListener("mouseup", D);
+    document.addEventListener("mousemove", S), document.addEventListener("mouseup", A);
   }, []);
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ y(
     "div",
     {
-      ref: i,
-      className: `dc:flex dc:h-full dc:w-full dc:overflow-hidden bg-dc-surface-secondary ${o || ""}`,
+      ref: u,
+      className: `dc:flex dc:h-full dc:w-full dc:overflow-hidden bg-dc-surface-secondary ${r || ""}`,
       children: [
         /* @__PURE__ */ a(
           "div",
           {
             className: "dc:h-full dc:overflow-hidden",
-            style: { width: `${r}%` },
-            children: /* @__PURE__ */ a(pe, {})
+            style: { width: `${o}%` },
+            children: /* @__PURE__ */ a(ve, {})
           }
         ),
         /* @__PURE__ */ a(
           "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: S
+            onMouseDown: v
           }
         ),
         /* @__PURE__ */ a(
           "div",
           {
             className: "dc:h-full dc:overflow-hidden",
-            style: { width: `${100 - r}%` },
+            style: { width: `${100 - o}%` },
             children: /* @__PURE__ */ a(
-              ve,
+              Ae,
               {
-                agentEndpoint: t,
-                agentApiKey: e,
-                onClear: L
+                agentEndpoint: e,
+                agentApiKey: t,
+                onClear: k
               }
             )
           }
@@ -731,26 +802,26 @@ function Ne({
     }
   );
 }
-const Qe = B.memo(function({
-  config: e,
+const Oe = L.memo(function({
+  config: t,
   ...s
 }) {
-  return /* @__PURE__ */ a(oe, { initialConfig: e, children: /* @__PURE__ */ a(Ne, { ...s }) });
+  return /* @__PURE__ */ a(ie, { initialConfig: t, children: /* @__PURE__ */ a(Ie, { ...s }) });
 });
-function Fe() {
+function qe() {
   return /* @__PURE__ */ a("div", { children: "Analytics Page - Coming in Phase 4" });
 }
-const ke = se("segment");
-function Pe({
-  className: t = ""
+const Ee = P("segment");
+function $e({
+  className: e = ""
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `dc:flex dc:items-center dc:justify-center bg-dc-bg-secondary ${t}`,
-      children: /* @__PURE__ */ g("div", { className: "dc:text-center", children: [
+      className: `dc:flex dc:items-center dc:justify-center bg-dc-bg-secondary ${e}`,
+      children: /* @__PURE__ */ y("div", { className: "dc:text-center", children: [
         /* @__PURE__ */ a(
-          ke,
+          Ee,
           {
             className: "dc:w-8 dc:h-8 dc:mx-auto dc:mb-2 text-dc-text-muted dc:opacity-50"
           }
@@ -761,178 +832,178 @@ function Pe({
   );
 }
 export {
-  Qe as AgenticNotebook,
-  Ke as AnalysisBuilder,
-  je as AnalyticsDashboard,
-  Fe as AnalyticsPage,
-  q as AnalyticsPortlet,
-  $e as ChartErrorBoundary,
-  Ue as ConfirmModal,
-  Ft as CubeClient,
-  Pt as CubeProvider,
-  rs as DEFAULT_ICONS,
-  ze as DashboardEditModal,
-  Oe as DashboardGrid,
-  qe as DashboardStoreProvider,
-  Pe as DashboardThumbnailPlaceholder,
-  We as DrillBreadcrumb,
-  Je as DrillMenu,
-  gs as ExecutionPlanPanel,
-  xs as ExplainAIPanel,
-  Yt as LazyChart,
-  Ht as LoadingIndicator,
-  He as Modal,
-  oe as NotebookStoreProvider,
-  Ge as PortletAnalysisModal,
-  Xe as PortletContainer,
-  Vt as ScrollContainerProvider,
-  Sa as THEME_PRESETS,
-  Da as applyTheme,
-  ga as buildFunnelConfigFromQueries,
-  xa as buildServerFunnelQuery,
-  _t as captureThumbnail,
-  ys as compressAndEncode,
-  Kt as createCubeClient,
-  Xs as createDashboardLayout,
-  Ye as createDashboardStore,
-  Ze as createDefaultConfig,
-  et as createDefaultFlowConfig,
-  tt as createDefaultFunnelConfig,
-  st as createDefaultQueryConfig,
-  at as createDefaultRetentionConfig,
-  ct as createDefaultWorkspace,
-  Qa as createExplainQueryKey,
-  ea as createFlowQueryKey,
-  ta as createFunnelQueryKey,
-  ce as createNotebookStore,
-  vs as decodeAndDecompress,
-  Cs as detectAsymmetricDateRanges,
-  Ns as detectMeasureCollisions,
-  Ys as formatChartData,
-  ya as formatDuration,
-  sa as generateQueryLabel,
-  ks as generateShareUrl,
-  ws as getAvailableBindingKeyDimensions,
-  Zt as getAvailableChartTypes,
-  va as getBindingKeyField,
-  Ss as getBindingKeyLabel,
-  ns as getChartTypeIcon,
-  aa as getCombinedFields,
-  Ca as getCubeNameFromQuery,
-  ds as getFieldTypeIcon,
-  se as getIcon,
-  ls as getIconData,
-  is as getIconRegistry,
-  us as getIconsByCategory,
-  ms as getMeasureTypeIcon,
-  ca as getQueryIndices,
-  oa as getQueryLabels,
-  Ma as getTheme,
-  Aa as getThemeVariable,
-  es as getUnavailableChartTypes,
-  Ds as getValidationSummary,
-  Oa as highlightCodeBlocks,
-  ts as isChartTypeAvailable,
-  Ta as isDarkMode,
-  ot as isFlowConfig,
-  rt as isFunnelConfig,
-  Na as isFunnelData,
-  Ms as isMinimumFunnelConfigValid,
-  nt as isMultiQuery,
-  dt as isMultiQueryConfig,
-  ra as isMultiQueryData,
-  As as isMultiQueryValid,
-  lt as isQueryConfig,
-  it as isRetentionConfig,
-  $a as isSankeyData,
-  Ua as isServerFlowQuery,
-  ut as isServerFunnelQuery,
-  Ts as isShareableSize,
-  mt as isSingleQuery,
-  jt as isThumbnailCaptureAvailable,
-  pt as isValidAnalysisConfig,
-  ht as isValidAnalysisWorkspace,
-  ss as isValidChartType,
-  na as mergeQueryResults,
-  da as mergeResultsByKey,
-  la as mergeResultsConcat,
-  ft as migrateConfig,
-  bt as migrateLegacyPortlet,
-  Is as parseShareUrl,
-  as as preloadChart,
-  cs as preloadCharts,
-  ps as registerIcons,
-  hs as resetIcons,
-  Ia as resetTheme,
-  gt as selectAllActions,
-  le as selectBlockActions,
-  re as selectBlocks,
-  Es as selectBreakdowns,
-  Rs as selectChartConfig,
-  de as selectChatActions,
-  ne as selectChatState,
-  Bs as selectCurrentState,
-  xt as selectDebugData,
-  yt as selectDebugDataActions,
-  vt as selectEditModeActions,
-  Ct as selectEditModeState,
-  Ls as selectFilters,
-  Qs as selectFunnelState,
-  Le as selectInputValue,
-  Re as selectIsStreaming,
-  Nt as selectLayoutActions,
-  kt as selectLayoutState,
-  Ee as selectMessages,
-  Fs as selectMetrics,
-  wt as selectModalActions,
-  St as selectModalState,
-  Ps as selectMultiQueryState,
-  Dt as selectPortletDebugData,
-  Be as selectSessionId,
-  Mt as selectThumbnailDirty,
-  Vs as selectUIState,
-  fs as setIcon,
-  Ea as setTheme,
-  Ra as setThemeVariable,
-  ka as transformServerFunnelResult,
-  he as useAgentChat,
-  _s as useAnalysisBuilder,
-  Ks as useAnalysisBuilderStore,
-  te as useCubeApi,
-  $t as useCubeContext,
-  Ut as useCubeFeatures,
-  Gt as useCubeFieldLabel,
-  ia as useCubeLoadQuery,
-  zt as useCubeMeta,
-  Ot as useCubeMetaQuery,
-  ua as useCubeQuery,
-  At as useDashboard,
-  Tt as useDashboardStore,
-  It as useDashboardStoreApi,
-  Et as useDashboardStoreOptional,
-  Rt as useDrillInteraction,
-  Fa as useDryRunQueries,
-  Pa as useDryRunQuery,
-  Bt as useElementVisibility,
-  Va as useExplainAI,
-  _a as useExplainQuery,
-  ma as useFlowQuery,
-  pa as useFunnelQuery,
-  ha as useMultiCubeLoadQuery,
-  Ka as useMultiDryRunQueries,
-  k as useNotebookStore,
-  qt as useScrollContainer,
-  Lt as useScrollDetection,
-  Hs as useTheme,
-  js as validateBindingKeyExists,
-  $s as validateBindingKeyForSteps,
-  Us as validateFunnelConfig,
-  fa as validateMergeKey,
-  zs as validateMergeKeys,
-  Os as validateMultiQueryConfig,
-  qs as validateStepQueries,
-  Ws as validateTimeDimensionAlignment,
-  Wt as warnIfScreenshotLibMissing,
-  Ba as watchThemeChanges
+  Oe as AgenticNotebook,
+  Je as AnalysisBuilder,
+  He as AnalyticsDashboard,
+  qe as AnalyticsPage,
+  H as AnalyticsPortlet,
+  Ge as ChartErrorBoundary,
+  Xe as ConfirmModal,
+  es as CubeClient,
+  ts as CubeProvider,
+  Ot as DEFAULT_ICONS,
+  Ye as DashboardEditModal,
+  Ze as DashboardGrid,
+  et as DashboardStoreProvider,
+  $e as DashboardThumbnailPlaceholder,
+  tt as DrillBreadcrumb,
+  st as DrillMenu,
+  ws as ExecutionPlanPanel,
+  Ss as ExplainAIPanel,
+  gs as LazyChart,
+  ps as LoadingIndicator,
+  at as Modal,
+  ie as NotebookStoreProvider,
+  X as PortletAnalysisModal,
+  ct as PortletContainer,
+  ss as ScrollContainerProvider,
+  Ba as THEME_PRESETS,
+  Ra as applyTheme,
+  wa as buildFunnelConfigFromQueries,
+  Sa as buildServerFunnelQuery,
+  as as captureThumbnail,
+  Ds as compressAndEncode,
+  cs as createCubeClient,
+  ca as createDashboardLayout,
+  ot as createDashboardStore,
+  rt as createDefaultConfig,
+  nt as createDefaultFlowConfig,
+  dt as createDefaultFunnelConfig,
+  it as createDefaultQueryConfig,
+  lt as createDefaultRetentionConfig,
+  ut as createDefaultWorkspace,
+  Ua as createExplainQueryKey,
+  na as createFlowQueryKey,
+  da as createFunnelQueryKey,
+  de as createNotebookStore,
+  Ms as decodeAndDecompress,
+  As as detectAsymmetricDateRanges,
+  Ts as detectMeasureCollisions,
+  oa as formatChartData,
+  Da as formatDuration,
+  ia as generateQueryLabel,
+  Is as generateShareUrl,
+  Es as getAvailableBindingKeyDimensions,
+  bs as getAvailableChartTypes,
+  Ma as getBindingKeyField,
+  Bs as getBindingKeyLabel,
+  qt as getChartTypeIcon,
+  la as getCombinedFields,
+  Aa as getCubeNameFromQuery,
+  $t as getFieldTypeIcon,
+  P as getIcon,
+  zt as getIconData,
+  Wt as getIconRegistry,
+  Jt as getIconsByCategory,
+  Ht as getMeasureTypeIcon,
+  ua as getQueryIndices,
+  ma as getQueryLabels,
+  La as getTheme,
+  Qa as getThemeVariable,
+  ys as getUnavailableChartTypes,
+  Rs as getValidationSummary,
+  Ya as highlightCodeBlocks,
+  xs as isChartTypeAvailable,
+  Fa as isDarkMode,
+  mt as isFlowConfig,
+  pt as isFunnelConfig,
+  Ta as isFunnelData,
+  Ls as isMinimumFunnelConfigValid,
+  ht as isMultiQuery,
+  ft as isMultiQueryConfig,
+  pa as isMultiQueryData,
+  Qs as isMultiQueryValid,
+  gt as isQueryConfig,
+  bt as isRetentionConfig,
+  Ha as isSankeyData,
+  Ga as isServerFlowQuery,
+  yt as isServerFunnelQuery,
+  Fs as isShareableSize,
+  xt as isSingleQuery,
+  os as isThumbnailCaptureAvailable,
+  Ct as isValidAnalysisConfig,
+  vt as isValidAnalysisWorkspace,
+  Cs as isValidChartType,
+  ha as mergeQueryResults,
+  fa as mergeResultsByKey,
+  ga as mergeResultsConcat,
+  kt as migrateConfig,
+  Nt as migrateLegacyPortlet,
+  Ps as parseShareUrl,
+  vs as preloadChart,
+  ks as preloadCharts,
+  Gt as registerIcons,
+  Xt as resetIcons,
+  Pa as resetTheme,
+  wt as selectAllActions,
+  pe as selectBlockActions,
+  le as selectBlocks,
+  Vs as selectBreakdowns,
+  _s as selectChartConfig,
+  me as selectChatActions,
+  ue as selectChatState,
+  js as selectCurrentState,
+  St as selectDebugData,
+  Dt as selectDebugDataActions,
+  Mt as selectEditModeActions,
+  At as selectEditModeState,
+  Ks as selectFilters,
+  Us as selectFunnelState,
+  Ue as selectInputValue,
+  je as selectIsStreaming,
+  Tt as selectLayoutActions,
+  It as selectLayoutState,
+  _e as selectMessages,
+  Os as selectMetrics,
+  Et as selectModalActions,
+  Bt as selectModalState,
+  qs as selectMultiQueryState,
+  Rt as selectPortletDebugData,
+  Ke as selectSessionId,
+  Lt as selectThumbnailDirty,
+  $s as selectUIState,
+  Yt as setIcon,
+  Va as setTheme,
+  _a as setThemeVariable,
+  Ia as transformServerFunnelResult,
+  ke as useAgentChat,
+  zs as useAnalysisBuilder,
+  Ws as useAnalysisBuilderStore,
+  re as useCubeApi,
+  rs as useCubeContext,
+  ns as useCubeFeatures,
+  hs as useCubeFieldLabel,
+  ba as useCubeLoadQuery,
+  ds as useCubeMeta,
+  is as useCubeMetaQuery,
+  ya as useCubeQuery,
+  Qt as useDashboard,
+  Ft as useDashboardStore,
+  Pt as useDashboardStoreApi,
+  Vt as useDashboardStoreOptional,
+  _t as useDrillInteraction,
+  Oa as useDryRunQueries,
+  qa as useDryRunQuery,
+  jt as useElementVisibility,
+  $a as useExplainAI,
+  za as useExplainQuery,
+  xa as useFlowQuery,
+  Ca as useFunnelQuery,
+  va as useMultiCubeLoadQuery,
+  Wa as useMultiDryRunQueries,
+  D as useNotebookStore,
+  ls as useScrollContainer,
+  Kt as useScrollDetection,
+  sa as useTheme,
+  Js as validateBindingKeyExists,
+  Hs as validateBindingKeyForSteps,
+  Gs as validateFunnelConfig,
+  ka as validateMergeKey,
+  Xs as validateMergeKeys,
+  Ys as validateMultiQueryConfig,
+  Zs as validateStepQueries,
+  ea as validateTimeDimensionAlignment,
+  us as warnIfScreenshotLibMissing,
+  ja as watchThemeChanges
 };
 //# sourceMappingURL=index.js.map