drizzle-cube 0.4.21 → 0.4.22

package/dist/client/index.js

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