drizzle-cube 0.4.20 → 0.4.22

package/dist/client/index.js

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