@redocly/replay 0.27.0-next.5 → 0.27.0-next.6

package/dist/{replay-AiPanel-CynVcVmm.js → replay-AiPanel-DvOGYsWl.js}

@@ -1,13 +1,13 @@
-import { jsx as i, jsxs as h, Fragment as Ne } from "react/jsx-runtime";
-import { useState as K, useEffect as H, useCallback as R, useMemo as S, Fragment as mt, useRef as F, useLayoutEffect as Fe, createContext as yt, useContext as xt } from "react";
-import s, { css as ue, keyframes as wt } from "styled-components";
-import { Tooltip as Y, AI_SEARCH_MAX_MESSAGE_LENGTH as bt, Button as V, SubtractIcon as Ct, AddIcon as kt, CheckmarkFilledIcon as Tt, CloseFilledIcon as At, CheckboxIcon as St, capitalize as Q, ChevronDownIcon as It, ChevronRightIcon as Lt, SettingsCogIcon as Pt, Dropdown as Et, DropdownMenu as Ot, DropdownMenuItem as je, CheckmarkIcon as Rt, ClaudeIcon as $t, GeminiIcon as Dt, ChatGptIcon as Mt, Typography as ne, TrashCanIcon as zt, AiStarsGradientIcon as _t, NewChatIcon as Vt, RecentlyViewedIcon as Bt, CloseIcon as Ht, ArrowLeftIcon as Nt } from "@redocly/theme";
-import { F as ye, G as Ue, T as Ft, H as xe, m as We, i as jt, j as Ut, J as Wt, K as fe, L as pe, N, O as ve, P as Yt, Q as Gt, U as Ye, V as Kt, W as qt, R as he, C as ce, X as Ge, o as Ke, Y as me, Z as W, _ as Zt } from "./replay-index-O_Pq5an3.js";
-import { k as Jt, l as Xt, n as Qt, T as en, p as tn, q as nn, t as qe, C as k, v as rn, x as Ze, L as on, y as q, z as an, B as sn, D as cn, E as ln, F as j } from "./replay-useAiChatQueries-vdKvbmp2.js";
-import { M as $ } from "./replay-db-Dw-X2WGx.js";
+import { jsx as i, jsxs as h, Fragment as Fe } from "react/jsx-runtime";
+import { useState as K, useEffect as B, useCallback as $, useMemo as S, Fragment as yt, useRef as F, useLayoutEffect as je, createContext as xt, useContext as wt } from "react";
+import c, { css as fe, keyframes as bt } from "styled-components";
+import { Tooltip as Y, AI_SEARCH_MAX_MESSAGE_LENGTH as Ct, Button as V, SubtractIcon as kt, AddIcon as Tt, CheckmarkFilledIcon as It, CloseFilledIcon as St, CheckboxIcon as At, capitalize as ee, ChevronDownIcon as Lt, ChevronRightIcon as Pt, SettingsCogIcon as Et, Dropdown as Rt, DropdownMenu as Ot, DropdownMenuItem as We, CheckmarkIcon as $t, ClaudeIcon as Dt, GeminiIcon as Mt, ChatGptIcon as zt, Typography as re, TrashCanIcon as _t, AiStarsGradientIcon as Vt, NewChatIcon as Ht, RecentlyViewedIcon as Bt, CloseIcon as Nt, ArrowLeftIcon as Ft } from "@redocly/theme";
+import { G as xe, H as Ue, T as X, J as we, K as jt, b as Wt, m as Ye, i as Ut, j as Yt, L as Gt, N as pe, O as he, P as N, Q as me, U as Kt, V as qt, W as Ge, X as Zt, Y as Jt, R as ge, E as le, Z as Ke, p as qe, _ as ye, $ as U, a0 as Xt } from "./replay-index-DXnDNeqk.js";
+import { l as Qt, n as en, p as tn, q as nn, T as rn, t as on, v as an, x as Ze, C as k, y as sn, z as Je, L as cn, B as q, D as ln, E as dn, F as un, G as fn, H as j } from "./replay-useAiChatQueries-Btd-PmIH.js";
+import { M as D } from "./replay-db-BtdwaWh3.js";
 import "@tanstack/react-query";
-import { Link as dn } from "react-router-dom";
-const ee = s.div`
+import { Link as pn } from "react-router-dom";
+const te = c.div`
   width: var(--search-ai-thinking-dot-size);
   height: var(--search-ai-thinking-dot-size);
   border-radius: 50%;
@@ -38,41 +38,41 @@ const ee = s.div`
       transform: scale(1);
     }
   }
-`, Je = 280;
-function we() {
+`, Xe = 280;
+function be() {
   const [e, t] = K(
-    () => ye().getIndexingActivityState().inProgress
+    () => xe().getIndexingActivityState().inProgress
   );
-  return H(() => ye().subscribe("indexing-activity", (r) => {
+  return B(() => xe().subscribe("indexing-activity", (r) => {
     t(r.inProgress);
-  }), []), /* @__PURE__ */ i(un, { $open: e, children: /* @__PURE__ */ i(fn, { children: /* @__PURE__ */ i(pn, { $open: e, "aria-hidden": !e, children: /* @__PURE__ */ i(
+  }), []), /* @__PURE__ */ i(hn, { $open: e, children: /* @__PURE__ */ i(gn, { children: /* @__PURE__ */ i(vn, { $open: e, "aria-hidden": !e, children: /* @__PURE__ */ i(
     Y,
     {
       tip: "We're building a search index of your project. Until it's ready, the assistant may need more context in each reply to stay accurate, which can use more tokens.",
       placement: "top",
       width: "240px",
       arrowPosition: "left",
-      children: /* @__PURE__ */ h(hn, { role: "status", "aria-live": "polite", "aria-label": "Indexing in progress...", children: [
-        /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(ee, {}) }),
-        /* @__PURE__ */ i(gn, { children: "Indexing in progress..." })
+      children: /* @__PURE__ */ h(mn, { role: "status", "aria-live": "polite", "aria-label": "Indexing in progress...", children: [
+        /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(te, {}) }),
+        /* @__PURE__ */ i(yn, { children: "Indexing in progress..." })
       ] })
     }
   ) }) }) });
 }
-const un = s.div`
+const hn = c.div`
   display: grid;
   grid-template-rows: ${({ $open: e }) => e ? "1fr" : "0fr"};
-  transition: grid-template-rows ${Je}ms ease-out;
-`, fn = s.div`
+  transition: grid-template-rows ${Xe}ms ease-out;
+`, gn = c.div`
   min-height: 0;
   overflow: hidden;
-`, pn = s.div`
+`, vn = c.div`
   opacity: ${({ $open: e }) => e ? 1 : 0};
-  transition: opacity ${Je}ms ease-out;
+  transition: opacity ${Xe}ms ease-out;
   pointer-events: ${({ $open: e }) => e ? "auto" : "none"};
   padding: var(--spacing-xs);
   padding-top: var(--spacing-xxs);
-`, hn = s.div`
+`, mn = c.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -82,10 +82,10 @@ const un = s.div`
   border-radius: var(--border-radius);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-`, gn = s.div`
+`, yn = c.div`
   flex: 1;
   min-width: 0;
-`, vn = (e) => /* @__PURE__ */ i(
+`, xn = (e) => /* @__PURE__ */ i(
   "svg",
   {
     width: "16",
@@ -102,7 +102,7 @@ const un = s.div`
       }
     )
   }
-), mn = s(vn).attrs({
+), wn = c(xn).attrs({
   "data-component-name": "icons/SendIcon/SendIcon"
 })`
   path {
@@ -111,7 +111,7 @@ const un = s.div`
 
   height: ${({ size: e }) => e || "16px"};
   width: ${({ size: e }) => e || "16px"};
-`, yn = (e) => /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none", ...e, children: /* @__PURE__ */ i("path", { d: "M10.5 3.5V10.5H3.5V3.5H10.5ZM10.5 2.625H3.5C3.26794 2.625 3.04538 2.71719 2.88128 2.88128C2.71719 3.04538 2.625 3.26794 2.625 3.5V10.5C2.625 10.7321 2.71719 10.9546 2.88128 11.1187C3.04538 11.2828 3.26794 11.375 3.5 11.375H10.5C10.7321 11.375 10.9546 11.2828 11.1187 11.1187C11.2828 10.9546 11.375 10.7321 11.375 10.5V3.5C11.375 3.26794 11.2828 3.04538 11.1187 2.88128C10.9546 2.71719 10.7321 2.625 10.5 2.625Z" }) }), xn = s(yn).attrs({
+`, bn = (e) => /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none", ...e, children: /* @__PURE__ */ i("path", { d: "M10.5 3.5V10.5H3.5V3.5H10.5ZM10.5 2.625H3.5C3.26794 2.625 3.04538 2.71719 2.88128 2.88128C2.71719 3.04538 2.625 3.26794 2.625 3.5V10.5C2.625 10.7321 2.71719 10.9546 2.88128 11.1187C3.04538 11.2828 3.26794 11.375 3.5 11.375H10.5C10.7321 11.375 10.9546 11.2828 11.1187 11.1187C11.2828 10.9546 11.375 10.7321 11.375 10.5V3.5C11.375 3.26794 11.2828 3.04538 11.1187 2.88128C10.9546 2.71719 10.7321 2.625 10.5 2.625Z" }) }), Cn = c(bn).attrs({
   "data-component-name": "icons/StopIcon/StopIcon"
 })`
   path {
@@ -121,60 +121,60 @@ const un = s.div`
   height: ${({ size: e }) => e || "16px"};
   width: ${({ size: e }) => e || "16px"};
 `;
-function wn({
+function kn({
   placeholder: e = "Ask anything...",
   className: t,
   disabled: n,
   isStreaming: r = !1,
   onStop: o,
   modelSelector: a,
-  value: c,
-  onValueChange: d,
-  onSubmit: l,
+  value: s,
+  onValueChange: l,
+  onSubmit: d,
   textareaRef: u
 }) {
-  const f = c.trim(), p = !n && f.length > 0 && !r, g = !n && f.length > 0, y = (b) => {
-    d(b.target.value);
+  const f = s.trim(), p = !n && f.length > 0 && !r, g = !n && f.length > 0, m = (b) => {
+    l(b.target.value);
   }, v = () => {
-    !f || n || r || l();
+    !f || n || r || d();
   }, x = () => {
     !r || !o || o();
   };
-  return /* @__PURE__ */ h(bn, { className: t, $isActive: g, children: [
+  return /* @__PURE__ */ h(Tn, { className: t, $isActive: g, children: [
     /* @__PURE__ */ i(
-      Cn,
+      In,
       {
         ref: u,
         rows: 1,
-        maxLength: bt,
+        maxLength: Ct,
         placeholder: e,
-        value: c,
+        value: s,
         disabled: n,
         spellCheck: !1,
-        onChange: y,
+        onChange: m,
         onKeyDown: (b) => {
           b.key === "Enter" && !b.shiftKey && !b.nativeEvent.isComposing && (b.preventDefault(), r && o ? x() : v());
         }
       }
     ),
-    /* @__PURE__ */ h(kn, { children: [
+    /* @__PURE__ */ h(Sn, { children: [
       a,
       r && o ? /* @__PURE__ */ i(
-        An,
+        Ln,
         {
           type: "button",
           size: "small",
           "aria-label": "Stop generating",
-          icon: /* @__PURE__ */ i(xn, { color: "var(--icon-color-on-color)" }),
+          icon: /* @__PURE__ */ i(Cn, { color: "var(--icon-color-on-color)" }),
           onClick: x
         }
       ) : /* @__PURE__ */ i(
-        Tn,
+        An,
         {
           type: "button",
           size: "small",
           "aria-label": "Send message",
-          icon: /* @__PURE__ */ i(mn, { color: "var(--icon-color-on-color)" }),
+          icon: /* @__PURE__ */ i(wn, { color: "var(--icon-color-on-color)" }),
           onClick: v,
           disabled: !p
         }
@@ -182,7 +182,7 @@ function wn({
     ] })
   ] });
 }
-const bn = s.div`
+const Tn = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
@@ -201,13 +201,13 @@ const bn = s.div`
       var(--replay-ai-gradient-soft) border-box;
   }
 
-  ${({ $isActive: e }) => e && ue`
+  ${({ $isActive: e }) => e && fe`
       border-color: transparent;
       background:
         linear-gradient(var(--layer-color), var(--layer-color)) padding-box,
         var(--replay-ai-gradient-soft) border-box;
     `}
-`, Cn = s.textarea`
+`, In = c.textarea`
   max-height: 150px;
   min-height: var(--search-ai-conversation-input-min-height);
 
@@ -227,12 +227,12 @@ const bn = s.div`
     color: var(--text-color-helper);
     text-indent: 2px;
   }
-`, kn = s.div`
+`, Sn = c.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--spacing-xs);
-`, Tn = s(V)`
+`, An = c(V)`
   box-sizing: border-box;
   background: var(--search-ai-gradient);
 
@@ -242,26 +242,26 @@ const bn = s.div`
     width: 24px;
     height: 24px;
   }
-`, An = s(V)`
+`, Ln = c(V)`
   box-sizing: border-box;
   background: var(--color-warm-grey-9);
   border-radius: var(--border-radius-xxl);
-`, Sn = /* @__PURE__ */ new Set(["collection", "workflow", "step", "operation", "workflow-run"]);
-function Xe(e) {
+`, Pn = /* @__PURE__ */ new Set(["collection", "workflow", "step", "operation", "workflow-run"]);
+function Qe(e) {
   return `replay://step?${new URLSearchParams({
     collectionId: e.collectionId.trim(),
     workflowId: e.workflowId.trim(),
     stepId: e.stepId.trim()
   }).toString()}`;
 }
-function M(e, t) {
+function R(e, t) {
   const n = e.get(t);
   if (n == null)
     return null;
   const r = n.trim();
   return r.length > 0 ? r : null;
 }
-function In(e) {
+function En(e) {
   let t;
   try {
     t = new URL(e);
@@ -271,47 +271,57 @@ function In(e) {
   if (t.protocol !== "replay:")
     return null;
   const n = t.hostname.toLowerCase();
-  if (!Sn.has(n))
+  if (!Pn.has(n))
     return null;
   const r = t.searchParams;
   switch (n) {
     case "collection": {
-      const o = M(r, "collectionId");
+      const o = R(r, "collectionId");
       return o ? { kind: "collection", collectionId: o } : null;
     }
     case "workflow": {
-      const o = M(r, "collectionId"), a = M(r, "workflowId");
+      const o = R(r, "collectionId"), a = R(r, "workflowId");
       return !o || !a ? null : { kind: "workflow", collectionId: o, workflowId: a };
     }
     case "step": {
-      const o = M(r, "collectionId"), a = M(r, "workflowId"), c = M(r, "stepId");
-      return !o || !a || !c ? null : { kind: "step", collectionId: o, workflowId: a, stepId: c };
+      const o = R(r, "collectionId"), a = R(r, "workflowId"), s = R(r, "stepId");
+      return !o || !a || !s ? null : { kind: "step", collectionId: o, workflowId: a, stepId: s };
     }
     case "operation": {
-      const o = M(r, "operationId");
+      const o = R(r, "operationId");
       return o ? { kind: "operation", operationId: o } : null;
     }
     case "workflow-run": {
-      const o = M(r, "collectionId"), a = M(r, "workflowId");
-      return !o || !a ? null : { kind: "workflow-run", collectionId: o, workflowId: a };
+      const o = R(r, "collectionId"), a = R(r, "workflowId");
+      if (!o || !a) return null;
+      const s = R(r, "historyId"), l = s === "null" || s === "undefined" ? null : s;
+      return {
+        kind: "workflow-run",
+        collectionId: o,
+        workflowId: a,
+        ...l ? { historyId: l } : {}
+      };
     }
     default:
       return null;
   }
 }
-function Ln(e, t, n) {
+function Rn(e, t, n) {
+  return e.tabsState.tabs.get({ noproxy: !0 }).findIndex(({ data: r }) => jt(r, Wt.WorkflowRun) && r.collectionId === t && r.workflowId === n);
+}
+function On(e, t, n, r = {}) {
   switch (n.kind) {
     case "collection":
       t.openCollectionTab({
         collectionId: n.collectionId,
-        activeTabName: xe.COLLECTION_SETTINGS
+        activeTabName: we.COLLECTION_SETTINGS
       });
       break;
     case "workflow":
       t.openWorkflowTab({
         collectionId: n.collectionId,
         workflowId: n.workflowId,
-        activeTabName: xe.WORKFLOW_SETTINGS
+        activeTabName: we.WORKFLOW_SETTINGS
       });
       break;
     case "step":
@@ -319,67 +329,89 @@ function Ln(e, t, n) {
         collectionId: n.collectionId,
         workflowId: n.workflowId,
         stepId: n.stepId,
-        state: Ft.Normal
+        state: X.Normal
       });
       break;
-    case "workflow-run":
+    case "workflow-run": {
+      const o = r.workflowRunHistoryIds?.[nn(n.collectionId, n.workflowId)] ?? [], a = n.historyId && o.includes(n.historyId) ? n.historyId : o.at(-1) ?? n.historyId;
+      if (a) {
+        t.openWorkflowRunTabFromHistory(a, { state: X.Normal });
+        break;
+      }
+      const s = Rn(
+        e,
+        n.collectionId,
+        n.workflowId
+      );
+      if (s !== -1) {
+        e.tabsState.tabs.get({ noproxy: !0 })[s].state === X.Preview && t.changeTabState(s, X.Normal), t.handleTabChange(s);
+        break;
+      }
       t.openWorkflowRunTab({
         collectionId: n.collectionId,
         workflowId: n.workflowId
       });
       break;
+    }
     case "operation": {
-      const r = Jt(e, n.operationId);
-      if (!r.ok) {
+      const o = Qt(e, n.operationId);
+      if (!o.ok) {
         console.warn("[executeReplayChatLink] Operation not resolved", {
           operationId: n.operationId,
-          message: r.message
+          message: o.message
         });
         return;
       }
-      Xt(
+      en(
         e,
-        Qt(r.value),
+        tn(o.value),
         t
       );
       break;
     }
   }
 }
-function Pn(e, t, n) {
-  const r = In(n);
-  r && Ln(e, t, r);
-}
-function Qe() {
-  const e = We(), { getApiOperation: t } = jt(), {
-    handleTabChange: n,
-    addNewTab: r,
-    openCollectionTab: o,
-    openWorkflowTab: a,
-    openStepTabFromCollection: c,
-    openWorkflowRunTab: d
-  } = Ut();
-  return R(
-    (l) => {
-      const u = l.target;
-      if (!(u instanceof Element))
+function $n(e, t, n, r = {}) {
+  const o = En(n);
+  o && On(e, t, o, r);
+}
+function et({
+  workflowRunHistoryIds: e
+} = {}) {
+  const t = Ye(), { getApiOperation: n } = Ut(), {
+    handleTabChange: r,
+    addNewTab: o,
+    openCollectionTab: a,
+    openWorkflowTab: s,
+    openStepTabFromCollection: l,
+    openWorkflowRunTab: d,
+    openWorkflowRunTabFromHistory: u,
+    changeTabState: f
+  } = Yt();
+  return $(
+    (p) => {
+      const g = p.target;
+      if (!(g instanceof Element))
         return;
-      const f = u.closest("a[href]");
-      if (!(f instanceof HTMLAnchorElement))
+      const m = g.closest("a[href]");
+      if (!(m instanceof HTMLAnchorElement))
         return;
-      const p = f.getAttribute("href");
-      p?.startsWith("replay:") && (l.preventDefault(), l.stopPropagation(), Pn(
-        e,
+      const v = m.getAttribute("href");
+      v?.startsWith("replay:") && (p.preventDefault(), p.stopPropagation(), $n(
+        t,
         {
-          getApiOperation: t,
-          handleTabChange: n,
-          addNewTab: r,
-          openCollectionTab: o,
-          openWorkflowTab: a,
-          openStepTabFromCollection: c,
-          openWorkflowRunTab: d
+          getApiOperation: n,
+          handleTabChange: r,
+          addNewTab: o,
+          openCollectionTab: a,
+          openWorkflowTab: s,
+          openStepTabFromCollection: l,
+          openWorkflowRunTab: d,
+          openWorkflowRunTabFromHistory: u,
+          changeTabState: f
         },
-        p
+        v,
+        { workflowRunHistoryIds: e }
       ));
     },
     [
@@ -389,88 +421,91 @@ function Qe() {
       r,
       o,
       a,
-      c,
-      d
+      s,
+      l,
+      d,
+      u,
+      f
     ]
   );
 }
-class En {
+class Dn {
   diff(t, n, r = {}) {
     let o;
     typeof r == "function" ? (o = r, r = {}) : "callback" in r && (o = r.callback);
-    const a = this.castInput(t, r), c = this.castInput(n, r), d = this.removeEmpty(this.tokenize(a, r)), l = this.removeEmpty(this.tokenize(c, r));
-    return this.diffWithOptionsObj(d, l, r, o);
+    const a = this.castInput(t, r), s = this.castInput(n, r), l = this.removeEmpty(this.tokenize(a, r)), d = this.removeEmpty(this.tokenize(s, r));
+    return this.diffWithOptionsObj(l, d, r, o);
   }
   diffWithOptionsObj(t, n, r, o) {
     var a;
-    const c = (m) => {
-      if (m = this.postProcess(m, r), o) {
+    const s = (y) => {
+      if (y = this.postProcess(y, r), o) {
         setTimeout(function() {
-          o(m);
+          o(y);
         }, 0);
         return;
       } else
-        return m;
-    }, d = n.length, l = t.length;
-    let u = 1, f = d + l;
+        return y;
+    }, l = n.length, d = t.length;
+    let u = 1, f = l + d;
     r.maxEditLength != null && (f = Math.min(f, r.maxEditLength));
-    const p = (a = r.timeout) !== null && a !== void 0 ? a : 1 / 0, g = Date.now() + p, y = [{ oldPos: -1, lastComponent: void 0 }];
-    let v = this.extractCommon(y[0], n, t, 0, r);
-    if (y[0].oldPos + 1 >= l && v + 1 >= d)
-      return c(this.buildValues(y[0].lastComponent, n, t));
+    const p = (a = r.timeout) !== null && a !== void 0 ? a : 1 / 0, g = Date.now() + p, m = [{ oldPos: -1, lastComponent: void 0 }];
+    let v = this.extractCommon(m[0], n, t, 0, r);
+    if (m[0].oldPos + 1 >= d && v + 1 >= l)
+      return s(this.buildValues(m[0].lastComponent, n, t));
     let x = -1 / 0, w = 1 / 0;
     const b = () => {
-      for (let m = Math.max(x, -u); m <= Math.min(w, u); m += 2) {
-        let I;
-        const z = y[m - 1], P = y[m + 1];
-        z && (y[m - 1] = void 0);
-        let D = !1;
+      for (let y = Math.max(x, -u); y <= Math.min(w, u); y += 2) {
+        let A;
+        const z = m[y - 1], P = m[y + 1];
+        z && (m[y - 1] = void 0);
+        let M = !1;
         if (P) {
-          const J = P.oldPos - m;
-          D = P && 0 <= J && J < d;
+          const J = P.oldPos - y;
+          M = P && 0 <= J && J < l;
         }
-        const Z = z && z.oldPos + 1 < l;
-        if (!D && !Z) {
-          y[m] = void 0;
+        const Z = z && z.oldPos + 1 < d;
+        if (!M && !Z) {
+          m[y] = void 0;
           continue;
         }
-        if (!Z || D && z.oldPos < P.oldPos ? I = this.addToPath(P, !0, !1, 0, r) : I = this.addToPath(z, !1, !0, 1, r), v = this.extractCommon(I, n, t, m, r), I.oldPos + 1 >= l && v + 1 >= d)
-          return c(this.buildValues(I.lastComponent, n, t)) || !0;
-        y[m] = I, I.oldPos + 1 >= l && (w = Math.min(w, m - 1)), v + 1 >= d && (x = Math.max(x, m + 1));
+        if (!Z || M && z.oldPos < P.oldPos ? A = this.addToPath(P, !0, !1, 0, r) : A = this.addToPath(z, !1, !0, 1, r), v = this.extractCommon(A, n, t, y, r), A.oldPos + 1 >= d && v + 1 >= l)
+          return s(this.buildValues(A.lastComponent, n, t)) || !0;
+        m[y] = A, A.oldPos + 1 >= d && (w = Math.min(w, y - 1)), v + 1 >= l && (x = Math.max(x, y + 1));
       }
       u++;
     };
     if (o)
-      (function m() {
+      (function y() {
         setTimeout(function() {
           if (u > f || Date.now() > g)
             return o(void 0);
-          b() || m();
+          b() || y();
         }, 0);
       })();
     else
       for (; u <= f && Date.now() <= g; ) {
-        const m = b();
-        if (m)
-          return m;
+        const y = b();
+        if (y)
+          return y;
       }
   }
   addToPath(t, n, r, o, a) {
-    const c = t.lastComponent;
-    return c && !a.oneChangePerToken && c.added === n && c.removed === r ? {
+    const s = t.lastComponent;
+    return s && !a.oneChangePerToken && s.added === n && s.removed === r ? {
       oldPos: t.oldPos + o,
-      lastComponent: { count: c.count + 1, added: n, removed: r, previousComponent: c.previousComponent }
+      lastComponent: { count: s.count + 1, added: n, removed: r, previousComponent: s.previousComponent }
     } : {
       oldPos: t.oldPos + o,
-      lastComponent: { count: 1, added: n, removed: r, previousComponent: c }
+      lastComponent: { count: 1, added: n, removed: r, previousComponent: s }
     };
   }
   extractCommon(t, n, r, o, a) {
-    const c = n.length, d = r.length;
-    let l = t.oldPos, u = l - o, f = 0;
-    for (; u + 1 < c && l + 1 < d && this.equals(r[l + 1], n[u + 1], a); )
-      u++, l++, f++, a.oneChangePerToken && (t.lastComponent = { count: 1, previousComponent: t.lastComponent, added: !1, removed: !1 });
-    return f && !a.oneChangePerToken && (t.lastComponent = { count: f, previousComponent: t.lastComponent, added: !1, removed: !1 }), t.oldPos = l, u;
+    const s = n.length, l = r.length;
+    let d = t.oldPos, u = d - o, f = 0;
+    for (; u + 1 < s && d + 1 < l && this.equals(r[d + 1], n[u + 1], a); )
+      u++, d++, f++, a.oneChangePerToken && (t.lastComponent = { count: 1, previousComponent: t.lastComponent, added: !1, removed: !1 });
+    return f && !a.oneChangePerToken && (t.lastComponent = { count: f, previousComponent: t.lastComponent, added: !1, removed: !1 }), t.oldPos = d, u;
   }
   equals(t, n, r) {
     return r.comparator ? r.comparator(t, n) : t === n || !!r.ignoreCase && t.toLowerCase() === n.toLowerCase();
@@ -504,30 +539,30 @@ class En {
     for (; t; )
       o.push(t), a = t.previousComponent, delete t.previousComponent, t = a;
     o.reverse();
-    const c = o.length;
-    let d = 0, l = 0, u = 0;
-    for (; d < c; d++) {
-      const f = o[d];
+    const s = o.length;
+    let l = 0, d = 0, u = 0;
+    for (; l < s; l++) {
+      const f = o[l];
       if (f.removed)
         f.value = this.join(r.slice(u, u + f.count)), u += f.count;
       else {
         if (!f.added && this.useLongestToken) {
-          let p = n.slice(l, l + f.count);
-          p = p.map(function(g, y) {
-            const v = r[u + y];
+          let p = n.slice(d, d + f.count);
+          p = p.map(function(g, m) {
+            const v = r[u + m];
             return v.length > g.length ? v : g;
           }), f.value = this.join(p);
         } else
-          f.value = this.join(n.slice(l, l + f.count));
-        l += f.count, f.added || (u += f.count);
+          f.value = this.join(n.slice(d, d + f.count));
+        d += f.count, f.added || (u += f.count);
       }
     }
     return o;
   }
 }
-class On extends En {
+class Mn extends Dn {
   constructor() {
-    super(...arguments), this.tokenize = Dn;
+    super(...arguments), this.tokenize = Vn;
   }
   equals(t, n, r) {
     return r.ignoreWhitespace ? ((!r.newlineIsToken || !t.includes(`
@@ -537,11 +572,11 @@ class On extends En {
 `) && (n = n.slice(0, -1))), super.equals(t, n, r);
   }
 }
-const Rn = new On();
-function $n(e, t, n) {
-  return Rn.diff(e, t, n);
+const zn = new Mn();
+function _n(e, t, n) {
+  return zn.diff(e, t, n);
 }
-function Dn(e, t) {
+function Vn(e, t) {
   t.stripTrailingCr && (e = e.replace(/\r\n/g, `
 `));
   const n = [], r = e.split(/(\n|\r\n)/);
@@ -552,84 +587,84 @@ function Dn(e, t) {
   }
   return n;
 }
-const Mn = 500;
-function zn(e, t) {
-  const n = _n(e, t);
+const Hn = 500;
+function Bn(e, t) {
+  const n = Nn(e, t);
   if (n.length === 0) return [];
   const r = [];
   let o = 0;
   for (; o < n.length; ) {
     let a = o;
-    const c = n[o].type === "context";
-    for (; a < n.length && n[a].type === "context" === c; ) a++;
-    const d = n.slice(o, a);
+    const s = n[o].type === "context";
+    for (; a < n.length && n[a].type === "context" === s; ) a++;
+    const l = n.slice(o, a);
     r.push({
       start: o,
       end: a,
-      rows: d,
-      hasAdditions: d.some((l) => l.type === "add"),
-      hasRemovals: d.some((l) => l.type === "remove")
+      rows: l,
+      hasAdditions: l.some((d) => d.type === "add"),
+      hasRemovals: l.some((d) => d.type === "remove")
     }), o = a;
   }
   return r;
 }
-function _n(e, t) {
+function Nn(e, t) {
   if (e === void 0)
-    return t === void 0 ? [] : U(t, "add");
-  if (t === void 0) return U(e, "remove");
-  if (e === t) return U(t, "context");
-  const n = Vn(e, t);
+    return t === void 0 ? [] : W(t, "add");
+  if (t === void 0) return W(e, "remove");
+  if (e === t) return W(t, "context");
+  const n = Fn(e, t);
   return n ? n.flatMap(
-    (r) => U(r.value, r.added ? "add" : r.removed ? "remove" : "context")
-  ) : [...U(e, "remove"), ...U(t, "add")];
+    (r) => W(r.value, r.added ? "add" : r.removed ? "remove" : "context")
+  ) : [...W(e, "remove"), ...W(t, "add")];
 }
-function Vn(e, t) {
+function Fn(e, t) {
   try {
-    return $n(e, t, { timeout: Mn });
+    return _n(e, t, { timeout: Hn });
   } catch {
     return;
   }
 }
-function U(e, t) {
+function W(e, t) {
   const n = e.split(`
 `);
   return n.length > 1 && n[n.length - 1] === "" && n.pop(), n.map((r) => ({ type: t, text: r }));
 }
-const be = 1, Ce = (e) => e && e.hasAdditions !== e.hasRemovals, ke = (e) => e && (e.hasAdditions || e.hasRemovals);
-function Bn(e, t, n) {
+const Ce = 1, ke = (e) => e && e.hasAdditions !== e.hasRemovals, Te = (e) => e && (e.hasAdditions || e.hasRemovals);
+function jn(e, t, n) {
   if (e.hasAdditions || e.hasRemovals)
-    return X(e.rows);
-  const r = n[t - 1], o = n[t + 1], a = Ce(r) ? be : 0, c = Ce(o) ? be : 0;
-  if (a + c >= e.rows.length) return X(e.rows);
-  const d = e.rows.slice(0, a), l = c > 0 ? e.rows.slice(-c) : [], u = [];
-  return u.push(...X(d)), ke(r) && ke(o) && u.push({ kind: "separator" }), u.push(...X(l)), u;
+    return Q(e.rows);
+  const r = n[t - 1], o = n[t + 1], a = ke(r) ? Ce : 0, s = ke(o) ? Ce : 0;
+  if (a + s >= e.rows.length) return Q(e.rows);
+  const l = e.rows.slice(0, a), d = s > 0 ? e.rows.slice(-s) : [], u = [];
+  return u.push(...Q(l)), Te(r) && Te(o) && u.push({ kind: "separator" }), u.push(...Q(d)), u;
 }
-function X(e) {
+function Q(e) {
   return e.map((t) => ({
     kind: "row",
     row: t
   }));
 }
-const Hn = 200;
-function Te({ oldValue: e, newValue: t }) {
-  const n = S(() => zn(e, t), [e, t]), r = S(() => n.flatMap(Bn), [n]);
-  return S(() => n.some((a) => a.hasAdditions || a.hasRemovals), [n]) ? /* @__PURE__ */ i(Fn, { $maxHeight: Hn, children: r.map((a, c) => {
+const Wn = 200;
+function Ie({ oldValue: e, newValue: t }) {
+  const n = S(() => Bn(e, t), [e, t]), r = S(() => n.flatMap(jn), [n]);
+  return S(() => n.some((a) => a.hasAdditions || a.hasRemovals), [n]) ? /* @__PURE__ */ i(Yn, { $maxHeight: Wn, children: r.map((a, s) => {
     if (a.kind === "separator")
-      return /* @__PURE__ */ i(Gn, { children: /* @__PURE__ */ i(Ae, { children: "···" }) }, c);
-    const { row: d } = a, l = Nn(d.type);
-    return /* @__PURE__ */ h(l, { children: [
-      /* @__PURE__ */ h(Yn, { children: [
-        d.type === "remove" && /* @__PURE__ */ i(Ct, { size: "12px" }),
-        d.type === "add" && /* @__PURE__ */ i(kt, { size: "12px" })
+      return /* @__PURE__ */ i(Jn, { children: /* @__PURE__ */ i(Se, { children: "···" }) }, s);
+    const { row: l } = a, d = Un(l.type);
+    return /* @__PURE__ */ h(d, { children: [
+      /* @__PURE__ */ h(Zn, { children: [
+        l.type === "remove" && /* @__PURE__ */ i(kt, { size: "12px" }),
+        l.type === "add" && /* @__PURE__ */ i(Tt, { size: "12px" })
       ] }),
-      /* @__PURE__ */ i(Ae, { children: d.text === "" ? " " : d.text })
-    ] }, c);
+      /* @__PURE__ */ i(Se, { children: l.text === "" ? " " : l.text })
+    ] }, s);
   }) }) : null;
 }
-function Nn(e) {
-  return e === "remove" ? jn : e === "add" ? Un : Wn;
+function Un(e) {
+  return e === "remove" ? Gn : e === "add" ? Kn : qn;
 }
-const Fn = s.div`
+const Yn = c.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -640,29 +675,29 @@ const Fn = s.div`
   &::-webkit-scrollbar-track {
     margin: var(--spacing-xxs) 0;
   }
-`, ae = s.div`
+`, se = c.div`
   display: flex;
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   font-weight: var(--font-weight-regular);
   padding-right: var(--spacing-xxs);
-`, jn = s(ae)`
+`, Gn = c(se)`
   background: var(--admonition-danger-bg-color);
   color: var(--color-raspberry-7);
-`, Un = s(ae)`
+`, Kn = c(se)`
   background: var(--admonition-success-bg-color);
   color: var(--color-green-7);
-`, Wn = s(ae)`
+`, qn = c(se)`
   background: transparent;
   color: var(--text-color-secondary);
-`, Yn = s.span`
+`, Zn = c.span`
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 16px;
   height: 20px;
   flex-shrink: 0;
-`, Ae = s.span`
+`, Se = c.span`
   width: 100%;
   min-width: 0;
   line-height: var(--line-height-sm);
@@ -670,24 +705,24 @@ const Fn = s.div`
   font-weight: var(--font-weight-regular);
   white-space: pre-wrap;
   word-break: break-all;
-`, Gn = s(ae)`
+`, Jn = c(se)`
   user-select: none;
-`, Kn = (e) => typeof e != "object" || e === null ? !1 : "kind" in e && e.kind === "batch" ? "changes" in e ? Array.isArray(e.changes) && e.changes.every(Se) : !1 : Se(e);
-function Se(e) {
+`, Xn = (e) => typeof e != "object" || e === null ? !1 : "kind" in e && e.kind === "batch" ? "changes" in e ? Array.isArray(e.changes) && e.changes.every(Ae) : !1 : Ae(e);
+function Ae(e) {
   return typeof e != "object" || e === null || !("id" in e) || !("target" in e) || !("included" in e) || !("kind" in e) ? !1 : e.kind === "single";
 }
-const qn = {
+const Qn = {
   approveLabel: "Approve",
   denyLabel: "Deny"
 };
-function Zn(e, t) {
+function er(e, t) {
   const n = T(t, "action");
   if (n) {
-    const o = en[n];
+    const o = rn[n];
     if (o) return o;
   }
-  const r = tn[e];
-  return r || qn;
+  const r = on[e];
+  return r || Qn;
 }
 function T(e, t) {
   if (!e || typeof e != "object") return null;
@@ -696,43 +731,43 @@ function T(e, t) {
   const r = n[t];
   return typeof r != "string" ? null : r.trim() || null;
 }
-function Ie(e, t) {
+function Le(e, t) {
   if (!(typeof t > "u"))
     return e ? `${e}: ${t}` : t;
 }
-function Jn(e) {
+function tr(e) {
   return e ? "changes" in e ? Array.isArray(e.changes) ? e.changes.map((t) => !t || typeof t != "object" || !("approved" in t) ? !1 : t.approved === !0) : [] : [] : [];
 }
-function Xn(e, t) {
+function nr(e, t) {
   if (!e || typeof e != "object") return;
-  const n = re(e, fe), r = re(n, pe);
+  const n = oe(e, pe), r = oe(n, he);
   if (!(t in r)) return;
   const o = r[t];
-  if (Array.isArray(o) && o.length !== 0 && o.every(Kn))
+  if (Array.isArray(o) && o.length !== 0 && o.every(Xn))
     return o;
 }
-function et(e, t) {
-  return nn(e) && qe(e) && e.toolCallId === t;
+function tt(e, t) {
+  return an(e) && Ze(e) && e.toolCallId === t;
 }
-function Qn(e, t, n) {
-  const r = e.parts.map((l) => et(l, t) ? { ...l, input: er(l.input, n) } : l), o = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, a = re(o, fe), d = { ...re(a, pe), [t]: Wt(n) };
+function rr(e, t, n) {
+  const r = e.parts.map((d) => tt(d, t) ? { ...d, input: or(d.input, n) } : d), o = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, a = oe(o, pe), l = { ...oe(a, he), [t]: Gt(n) };
   return {
     ...e,
     parts: r,
     metadata: {
       ...o,
-      [fe]: {
+      [pe]: {
         ...a,
-        [pe]: d
+        [he]: l
       }
     }
   };
 }
-function re(e, t) {
+function oe(e, t) {
   const n = e[t];
   return typeof n == "object" && n !== null ? n : {};
 }
-function er(e, t) {
+function or(e, t) {
   if (!e || !("changes" in e) || !Array.isArray(e.changes)) return e;
   const { changes: n, ...r } = e;
   return {
@@ -743,7 +778,7 @@ function er(e, t) {
     }))
   };
 }
-function tr({
+function ir({
   preview: e,
   isIncluded: t,
   onToggle: n,
@@ -751,36 +786,36 @@ function tr({
 }) {
   if (e.kind === "batch")
     return /* @__PURE__ */ i(
-      Le,
+      Pe,
       {
         isIncluded: t,
         onToggle: n,
         readOnly: r,
         primaryLabel: e.target.type,
-        children: /* @__PURE__ */ i(fr, { children: e.changes.map((d) => /* @__PURE__ */ i(
-          Te,
+        children: /* @__PURE__ */ i(vr, { children: e.changes.map((l) => /* @__PURE__ */ i(
+          Ie,
           {
-            oldValue: Ie(d.target.key, d.oldValue),
-            newValue: Ie(d.target.key, d.newValue)
+            oldValue: Le(l.target.key, l.oldValue),
+            newValue: Le(l.target.key, l.newValue)
           },
-          d.id
+          l.id
         )) })
       }
     );
-  const { target: o, oldValue: a, newValue: c } = e;
+  const { target: o, oldValue: a, newValue: s } = e;
   return /* @__PURE__ */ i(
-    Le,
+    Pe,
     {
       isIncluded: t,
       onToggle: n,
       readOnly: r,
       primaryLabel: o.key ?? o.type,
       categoryLabel: o.key ? o.type : void 0,
-      children: /* @__PURE__ */ i(Te, { oldValue: a, newValue: c })
+      children: /* @__PURE__ */ i(Ie, { oldValue: a, newValue: s })
     }
   );
 }
-function Le({
+function Pe({
   isIncluded: e,
   onToggle: t,
   readOnly: n,
@@ -788,19 +823,19 @@ function Le({
   categoryLabel: o,
   children: a
 }) {
-  return /* @__PURE__ */ h(nr, { $dimmed: n && !e, children: [
-    /* @__PURE__ */ h(rr, { children: [
-      n ? /* @__PURE__ */ i(lr, { children: e ? /* @__PURE__ */ i(dr, { size: "16px" }) : /* @__PURE__ */ i(ur, { size: "16px" }) }) : /* @__PURE__ */ h(sr, { children: [
-        /* @__PURE__ */ i(ar, { checked: e }),
-        /* @__PURE__ */ i(cr, { type: "checkbox", checked: e, onChange: t })
+  return /* @__PURE__ */ h(ar, { $dimmed: n && !e, children: [
+    /* @__PURE__ */ h(sr, { children: [
+      n ? /* @__PURE__ */ i(pr, { children: e ? /* @__PURE__ */ i(hr, { size: "16px" }) : /* @__PURE__ */ i(gr, { size: "16px" }) }) : /* @__PURE__ */ h(ur, { children: [
+        /* @__PURE__ */ i(dr, { checked: e }),
+        /* @__PURE__ */ i(fr, { type: "checkbox", checked: e, onChange: t })
       ] }),
-      /* @__PURE__ */ i(or, { children: r }),
-      o ? /* @__PURE__ */ i(ir, { children: o }) : null
+      /* @__PURE__ */ i(cr, { children: r }),
+      o ? /* @__PURE__ */ i(lr, { children: o }) : null
     ] }),
     a
   ] });
 }
-const nr = s.div`
+const ar = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
@@ -812,12 +847,12 @@ const nr = s.div`
   &:last-child {
     border-bottom: none;
   }
-`, rr = s.div`
+`, sr = c.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
   min-width: 0;
-`, or = s.span`
+`, cr = c.span`
   flex: 1;
   min-width: 0;
   color: var(--text-color-primary);
@@ -827,24 +862,24 @@ const nr = s.div`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, ir = s.span`
+`, lr = c.span`
   flex-shrink: 0;
   font-family: var(--code-block-font-family, var(--font-family-monospace, monospace));
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   color: var(--text-color-secondary);
-`, ar = s(St).attrs({ "aria-hidden": !0 })`
+`, dr = c(At).attrs({ "aria-hidden": !0 })`
   --checkbox-border-color: var(--color-blueberry-6);
   --checkbox-box-color: var(--color-blueberry-6);
   --checkbox-box-color-active: var(--color-blueberry-6);
-`, sr = s.span`
+`, ur = c.span`
   position: relative;
   display: inline-flex;
   flex-shrink: 0;
   width: 16px;
   height: 16px;
-`, cr = s.input`
+`, fr = c.input`
   position: absolute;
   inset: 0;
   width: 16px;
@@ -852,30 +887,30 @@ const nr = s.div`
   margin: 0;
   opacity: 0;
   cursor: pointer;
-`, lr = s.span`
+`, pr = c.span`
   display: inline-flex;
   flex-shrink: 0;
   width: 16px;
   height: 16px;
   align-items: center;
   justify-content: center;
-`, dr = s(Tt)`
+`, hr = c(It)`
   color: var(--color-success-base);
-`, ur = s(At)`
+`, gr = c(St)`
   color: var(--text-color-description);
-`, fr = s.div`
+`, vr = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   min-width: 0;
 `;
-function tt({
+function nt({
   previews: e,
   handleToggle: t,
   readOnly: n
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ i(pr, { children: e.map((r, o) => /* @__PURE__ */ i(
-    tr,
+  return e.length === 0 ? null : /* @__PURE__ */ i(mr, { children: e.map((r, o) => /* @__PURE__ */ i(
+    ir,
     {
       preview: r,
       isIncluded: r.included,
@@ -885,109 +920,109 @@ function tt({
     r.id
   )) });
 }
-const pr = s.div`
+const mr = c.div`
   display: flex;
   flex-direction: column;
-`, hr = {
-  update_step: mr,
-  update_security: yr,
-  run_request: br,
-  web_search: Cr,
-  manage_environment: xr,
-  manage_collection: wr
+`, yr = {
+  update_step: br,
+  update_security: Cr,
+  run_request: Ir,
+  web_search: Sr,
+  manage_environment: kr,
+  manage_collection: Tr
 };
-function gr(e, t) {
-  const n = hr[e];
-  return n ? n(t) : vr(e);
+function xr(e, t) {
+  const n = yr[e];
+  return n ? n(t) : wr(e);
 }
-function vr(e) {
+function wr(e) {
   return [{ kind: "text", text: e.split("_").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" ") }];
 }
-function mr(e) {
-  return nt(e, "Update step");
+function br(e) {
+  return rt(e, "Update step");
 }
-function yr(e) {
-  return nt(e, "Update security");
+function Cr(e) {
+  return rt(e, "Update security");
 }
-function nt(e, t) {
-  const { collectionId: n, workflowId: r, stepId: o } = kr(e);
-  return !n || !r || !o ? A(t) : rt(
+function rt(e, t) {
+  const { collectionId: n, workflowId: r, stepId: o } = Ar(e);
+  return !n || !r || !o ? I(t) : ot(
     `${t} `,
-    Xe({ collectionId: n, workflowId: r, stepId: o }),
+    Qe({ collectionId: n, workflowId: r, stepId: o }),
     o
   );
 }
-function A(e) {
+function I(e) {
   return [{ kind: "text", text: e }];
 }
 function E(e, t) {
   return t ? `${e} "${t}"` : e;
 }
-function rt(e, t, n) {
+function ot(e, t, n) {
   return [
     { kind: "text", text: e },
     { kind: "link", href: t, label: n }
   ];
 }
-function xr(e) {
+function kr(e) {
   const t = T(e, "action"), n = T(e, "environment"), r = n ? ` in environment "${n}"` : "";
   switch (t) {
     case "add_environment":
-      return A(E("Add environment", n));
+      return I(E("Add environment", n));
     case "set_active_environment":
-      return A(
+      return I(
         n ? `Switch active environment to ${n}` : "Switch active environment"
       );
     case "upsert_input":
-      return A(E("Set input", T(e, "name")) + r);
+      return I(E("Set input", T(e, "name")) + r);
     case "remove_input":
-      return A(
+      return I(
         E("Remove input", T(e, "inputName")) + r
       );
     case "upsert_server":
-      return A(E("Set server", T(e, "apiId")) + r);
+      return I(E("Set server", T(e, "apiId")) + r);
     case "remove_server":
-      return A(
+      return I(
         E("Remove server", T(e, "apiId")) + r
       );
     default:
-      return A("Manage environment");
+      return I("Manage environment");
   }
 }
-function wr(e) {
+function Tr(e) {
   switch (T(e, "action")) {
     case "create_collection":
-      return A(E("Create collection", T(e, "title")));
+      return I(E("Create collection", T(e, "title")));
     case "delete_collection":
-      return A(
+      return I(
         E("Delete collection", T(e, "collectionId"))
       );
     case "create_workflow":
-      return A(E("Create workflow", T(e, "name")));
+      return I(E("Create workflow", T(e, "name")));
     case "delete_workflow":
-      return A(E("Delete workflow", T(e, "workflowId")));
+      return I(E("Delete workflow", T(e, "workflowId")));
     case "create_step":
-      return A(E("Create step", T(e, "stepName")));
+      return I(E("Create step", T(e, "stepName")));
     case "delete_step": {
       const n = T(e, "collectionId"), r = T(e, "workflowId"), o = T(e, "stepId");
-      return !n || !r || !o ? A("Delete step") : rt(
+      return !n || !r || !o ? I("Delete step") : ot(
         "Delete step ",
-        Xe({ collectionId: n, workflowId: r, stepId: o }),
+        Qe({ collectionId: n, workflowId: r, stepId: o }),
         o
       );
     }
     case "save_tab_to_collection":
-      return A(
+      return I(
         E("Save tab as step", T(e, "newStepName"))
       );
     default:
-      return A("Manage collection");
+      return I("Manage collection");
   }
 }
-function br() {
+function Ir() {
   return [{ kind: "text", text: "Run current request" }];
 }
-function Cr(e) {
+function Sr(e) {
   return [
     {
       kind: "text",
@@ -1000,25 +1035,25 @@ function Cr(e) {
     }
   ];
 }
-function kr(e) {
+function Ar(e) {
   return {
-    collectionId: le(e, "collectionId"),
-    workflowId: le(e, "workflowId"),
-    stepId: le(e, "stepId")
+    collectionId: de(e, "collectionId"),
+    workflowId: de(e, "workflowId"),
+    stepId: de(e, "stepId")
   };
 }
-function le(e, t) {
+function de(e, t) {
   if (!e || !(t in e)) return null;
   const n = e[t];
   return typeof n == "string" && n.trim() || null;
 }
-function ot({ toolName: e, input: t }) {
-  const n = gr(e, t), r = Qe();
-  return /* @__PURE__ */ i(Tr, { onClick: r, children: /* @__PURE__ */ i(Ar, { children: n.map(
-    (o, a) => o.kind === "text" ? /* @__PURE__ */ i("span", { children: o.text }, a) : /* @__PURE__ */ i(Sr, { href: o.href, children: o.label }, a)
+function it({ toolName: e, input: t }) {
+  const n = xr(e, t), r = et();
+  return /* @__PURE__ */ i(Lr, { onClick: r, children: /* @__PURE__ */ i(Pr, { children: n.map(
+    (o, a) => o.kind === "text" ? /* @__PURE__ */ i("span", { children: o.text }, a) : /* @__PURE__ */ i(Er, { href: o.href, children: o.label }, a)
   ) }) });
 }
-const Tr = s.div`
+const Lr = c.div`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -1028,13 +1063,13 @@ const Tr = s.div`
   &:not(:last-child) {
     border-bottom: 1px solid var(--border-color-secondary);
   }
-`, Ar = s.span`
+`, Pr = c.span`
   font-family: var(--font-family-base);
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
-`, Sr = s.a`
+`, Er = c.a`
   color: var(--link-color-primary);
   cursor: pointer;
   text-decoration: none;
@@ -1068,171 +1103,171 @@ function G({
   targetType: n,
   batchTargetKey: r,
   getOldValue: o,
-  getNewValue: a = (d, l) => String(l ?? ""),
-  resolveTargetKey: c = (d) => d
+  getNewValue: a = (l, d) => String(d ?? ""),
+  resolveTargetKey: s = (l) => l
 }) {
-  const d = Object.entries(e).filter(([, f]) => f !== void 0);
-  if (d.length === 0)
+  const l = Object.entries(e).filter(([, f]) => f !== void 0);
+  if (l.length === 0)
     return _(t, n);
-  if (d.length >= 2) {
-    const f = d.map(
-      ([g, y]) => C({
+  if (l.length >= 2) {
+    const f = l.map(
+      ([g, m]) => C({
         id: `${t}:${g}`,
         targetType: n,
-        targetKey: c(g),
+        targetKey: s(g),
         oldValue: o(g),
-        newValue: a(g, y)
+        newValue: a(g, m)
       })
     );
     return { kind: "batch", id: t, target: r !== void 0 ? { type: n, key: r } : { type: n }, changes: f, included: !0 };
   }
-  const [l, u] = d[0];
+  const [d, u] = l[0];
   return C({
     id: t,
     targetType: n,
-    targetKey: c(l),
-    oldValue: o(l),
-    newValue: a(l, u)
+    targetKey: s(d),
+    oldValue: o(d),
+    newValue: a(d, u)
   });
 }
-function Ir({
+function Rr({
   store: e,
   input: t
 }) {
-  if (!Lr(t)) return [];
+  if (!Or(t)) return [];
   const n = /* @__PURE__ */ new Map(), r = (o) => {
     const a = n.get(o);
     if (a) return a;
-    const c = Ze(e, t.collectionId, t.workflowId, o), d = c.ok ? c.value : null, l = d ? Array.from(d.security.get({ noproxy: !0 })) : [];
-    return n.set(o, l), l;
+    const s = Je(e, t.collectionId, t.workflowId, o), l = s.ok ? s.value : null, d = l ? Array.from(l.security.get({ noproxy: !0 })) : [];
+    return n.set(o, d), d;
   };
   return t.changes.map((o, a) => {
-    const c = o.stepId?.trim(), d = c || t.stepId;
-    return Pr(r(d), o, a, c);
+    const s = o.stepId?.trim(), l = s || t.stepId;
+    return $r(r(l), o, a, s);
   });
 }
-function Lr(e) {
+function Or(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = e;
   return typeof t.collectionId == "string" && typeof t.workflowId == "string" && typeof t.stepId == "string" && Array.isArray(t.changes) && t.changes.length > 0;
 }
-function B(e, t) {
+function H(e, t) {
   return e ? t ? `${e}: ${t}` : e : t;
 }
-function Pr(e, t, n, r) {
+function $r(e, t, n, r) {
   const o = `security[${n}]`;
   switch (t.action) {
     case k.ADD: {
-      const { type: a, schemeId: c, data: d } = t;
-      return !d || Object.keys(d).length === 0 ? C({
+      const { type: a, schemeId: s, data: l } = t;
+      return !l || Object.keys(l).length === 0 ? C({
         id: o,
         targetType: a,
-        targetKey: B(r, c),
+        targetKey: H(r, s),
         oldValue: void 0,
         newValue: a
       }) : G({
-        data: d,
+        data: l,
         baseId: o,
         targetType: a,
-        batchTargetKey: B(r, c),
+        batchTargetKey: H(r, s),
         getOldValue: () => {
         },
-        resolveTargetKey: (l) => B(r, l)
+        resolveTargetKey: (d) => H(r, d)
       });
     }
     case k.UPDATE: {
-      const { type: a, schemeId: c, data: d } = t, l = t.index !== void 0 ? e[t.index] : void 0;
-      return !d || Object.keys(d).length === 0 ? C({
+      const { type: a, schemeId: s, data: l } = t, d = t.index !== void 0 ? e[t.index] : void 0;
+      return !l || Object.keys(l).length === 0 ? C({
         id: o,
         targetType: a,
-        targetKey: B(r, c),
-        oldValue: Ee(l),
+        targetKey: H(r, s),
+        oldValue: Re(d),
         newValue: a
       }) : G({
-        data: d,
+        data: l,
         baseId: o,
         targetType: a,
-        batchTargetKey: B(r, c),
-        getOldValue: (u) => l ? Er(l, u) : void 0,
-        resolveTargetKey: (u) => B(r, u)
+        batchTargetKey: H(r, s),
+        getOldValue: (u) => d ? Dr(d, u) : void 0,
+        resolveTargetKey: (u) => H(r, u)
       });
     }
     case k.REMOVE: {
-      const a = rn(e, t), c = a.ok ? a.entry : void 0;
+      const a = sn(e, t), s = a.ok ? a.entry : void 0;
       return C({
         id: o,
-        targetType: c?.securityType ?? "Security",
-        targetKey: B(r, at(c)),
-        oldValue: Ee(c),
+        targetType: s?.securityType ?? "Security",
+        targetKey: H(r, st(s)),
+        oldValue: Re(s),
         newValue: void 0
       });
     }
   }
 }
-function Er(e, t) {
+function Dr(e, t) {
   switch (e.securityType) {
     case N.NoAuth:
       return;
     case N.OAuth2:
-      return Pe(e[N.OAuth2], t);
+      return Ee(e[N.OAuth2], t);
     case N.OpenIDConnect: {
       const n = e[N.OpenIDConnect];
-      return t === "openIdConnectUrl" ? n.openIdConnectUrl || void 0 : t === "userInfoUrl" ? n.userInfoUrl || void 0 : Pe(n, t);
+      return t === "openIdConnectUrl" ? n.openIdConnectUrl || void 0 : t === "userInfoUrl" ? n.userInfoUrl || void 0 : Ee(n, t);
     }
     default: {
       const n = e[e.securityType];
-      return it(n, t);
+      return at(n, t);
     }
   }
 }
-function Pe(e, t) {
+function Ee(e, t) {
   if (t === "grantType") return e.grantType || void 0;
   if (!e.grantType) return;
   const n = e[e.grantType];
-  return it(n, t);
+  return at(n, t);
 }
-function it(e, t) {
+function at(e, t) {
   const n = e[t];
   return n !== void 0 && n !== "" ? String(n) : void 0;
 }
-function Ee(e) {
+function Re(e) {
   if (!e || e.securityType === N.NoAuth) return;
-  const t = at(e);
+  const t = st(e);
   return t ? `${e.securityType} (${t})` : e.securityType;
 }
-function at(e) {
+function st(e) {
   return !e || e.securityType === N.NoAuth ? void 0 : e[e.securityType]?.schemeName || void 0;
 }
-function Or({
+function Mr({
   store: e,
   input: t
 }) {
-  if (!Rr(t)) return [];
-  const n = Ze(e, t.collectionId, t.workflowId, t.stepId), r = n.ok ? n.value : null;
-  return t.changes.map((o, a) => $r(r, o, a));
+  if (!zr(t)) return [];
+  const n = Je(e, t.collectionId, t.workflowId, t.stepId), r = n.ok ? n.value : null;
+  return t.changes.map((o, a) => _r(r, o, a));
 }
-function Rr(e) {
+function zr(e) {
   return typeof e != "object" || e === null ? !1 : "collectionId" in e && "workflowId" in e && "stepId" in e && "changes" in e && Array.isArray(e.changes) && e.changes.length > 0 && typeof e.collectionId == "string" && typeof e.workflowId == "string" && typeof e.stepId == "string";
 }
-function $r(e, t, n) {
+function _r(e, t, n) {
   const r = t.id ?? `${t.field}[${n}]`;
   switch (t.field) {
     case "method":
     case "url":
     case "description":
-      return Dr(e, t, r);
+      return Vr(e, t, r);
     case "parameters":
-      return Mr(e, t, r);
+      return Hr(e, t, r);
     case "outputs":
-      return zr(e, t, r);
+      return Br(e, t, r);
     case "body":
-      return _r(e, t, r);
+      return Nr(e, t, r);
     case "successCriteria":
-      return Vr(e, t, r);
+      return Fr(e, t, r);
   }
 }
-function Dr(e, t, n) {
-  const r = Q(t.field);
+function Vr(e, t, n) {
+  const r = ee(t.field);
   switch (t.action) {
     case k.ADD:
       return C({
@@ -1257,14 +1292,14 @@ function Dr(e, t, n) {
       });
   }
 }
-function Mr(e, t, n) {
+function Hr(e, t, n) {
   switch (t.action) {
     case k.ADD: {
       if (!t.data) return _(n, "parameter");
       const { in: r, name: o, value: a } = t.data;
       return C({
         id: n,
-        targetType: Q(r),
+        targetType: ee(r),
         targetKey: o,
         oldValue: void 0,
         newValue: a
@@ -1272,10 +1307,10 @@ function Mr(e, t, n) {
     }
     case k.UPDATE: {
       if (!t.id && !t.data?.name) return _(n, "parameter");
-      const r = Re(e, t), o = t.data?.in ?? r?.in ?? "parameter";
+      const r = $e(e, t), o = t.data?.in ?? r?.in ?? "parameter";
       return C({
         id: n,
-        targetType: Q(o),
+        targetType: ee(o),
         targetKey: t.data?.name ?? r?.key,
         oldValue: r ? r.value ?? "" : void 0,
         newValue: t.data?.value
@@ -1283,10 +1318,10 @@ function Mr(e, t, n) {
     }
     case k.REMOVE: {
       if (!t.id && !t.data?.name) return _(n, "parameter");
-      const r = Re(e, t), o = t.data?.in ?? r?.in ?? "parameter";
+      const r = $e(e, t), o = t.data?.in ?? r?.in ?? "parameter";
       return C({
         id: n,
-        targetType: Q(o),
+        targetType: ee(o),
         targetKey: r?.key ?? t.data?.name,
         oldValue: r ? r.value ?? "" : void 0,
         newValue: void 0
@@ -1294,7 +1329,7 @@ function Mr(e, t, n) {
     }
   }
 }
-function zr(e, t, n) {
+function Br(e, t, n) {
   switch (t.action) {
     case k.ADD:
       return t.data ? C({
@@ -1317,7 +1352,7 @@ function zr(e, t, n) {
           oldValue: void 0,
           newValue: void 0
         });
-      const r = t.id && e ? De(e, t.id) : void 0;
+      const r = t.id && e ? Me(e, t.id) : void 0;
       return C({
         id: n,
         targetType: "Output",
@@ -1328,8 +1363,8 @@ function zr(e, t, n) {
     }
     case k.REMOVE: {
       if (!t.id && !t.data?.name) return _(n, "Output");
-      let r = t.id && e ? De(e, t.id) : void 0;
-      return !r && e && t.data?.name && (r = Nr(e, t.data.name)), C({
+      let r = t.id && e ? Me(e, t.id) : void 0;
+      return !r && e && t.data?.name && (r = Ur(e, t.data.name)), C({
         id: n,
         targetType: "Output",
         targetKey: r?.key ?? t.data?.name,
@@ -1339,7 +1374,7 @@ function zr(e, t, n) {
     }
   }
 }
-function _r(e, t, n) {
+function Nr(e, t, n) {
   const { data: r } = t;
   switch (t.action) {
     case k.ADD:
@@ -1349,7 +1384,7 @@ function _r(e, t, n) {
         targetType: "Body",
         getOldValue: () => {
         },
-        getNewValue: (o) => o === "content" ? de(r.content, r.contentType) : ie(r[o]),
+        getNewValue: (o) => o === "content" ? ue(r.content, r.contentType) : ae(r[o]),
         resolveTargetKey: (o) => o === "content" ? void 0 : o
       });
     case k.UPDATE: {
@@ -1358,19 +1393,19 @@ function _r(e, t, n) {
         data: r,
         baseId: n,
         targetType: "Body",
-        getOldValue: (c) => {
+        getOldValue: (s) => {
           if (e) {
-            if (c === "content")
-              return de(e.requestBody.content.get(), o) || void 0;
-            if (c === "contentType") return o;
+            if (s === "content")
+              return ue(e.requestBody.content.get(), o) || void 0;
+            if (s === "contentType") return o;
           }
         },
-        getNewValue: (c) => c === "content" ? de(r.content, a) : ie(r[c]),
-        resolveTargetKey: (c) => c === "content" ? void 0 : c
+        getNewValue: (s) => s === "content" ? ue(r.content, a) : ae(r[s]),
+        resolveTargetKey: (s) => s === "content" ? void 0 : s
       });
     }
     case k.REMOVE: {
-      const o = e ? ve({
+      const o = e ? me({
         contentType: e.requestBody.type.get(),
         content: e.requestBody.content.get()
       }) : void 0;
@@ -1383,7 +1418,7 @@ function _r(e, t, n) {
     }
   }
 }
-function Vr(e, t, n) {
+function Fr(e, t, n) {
   switch (t.action) {
     case k.ADD:
       return t.data ? G({
@@ -1392,11 +1427,11 @@ function Vr(e, t, n) {
         targetType: "successCriteria",
         getOldValue: () => {
         },
-        getNewValue: (r) => ie(t.data[r])
+        getNewValue: (r) => ae(t.data[r])
       }) : _(n, "successCriteria");
     case k.UPDATE: {
       if (!t.data) return _(n, "successCriteria");
-      const r = typeof t.id == "string" && e ? $e(e, t.id) : void 0;
+      const r = typeof t.id == "string" && e ? De(e, t.id) : void 0;
       return G({
         data: t.data,
         baseId: n,
@@ -1408,17 +1443,17 @@ function Vr(e, t, n) {
             if (o === "type") return r.type;
           }
         },
-        getNewValue: (o) => ie(t.data[o])
+        getNewValue: (o) => ae(t.data[o])
       });
     }
     case k.REMOVE: {
       if (typeof t.id != "string") return _(n, "successCriteria");
-      const r = e ? $e(e, t.id) : void 0;
+      const r = e ? De(e, t.id) : void 0;
       return C({
         id: n,
         targetType: "successCriteria",
         targetKey: r?.condition,
-        oldValue: r ? ve(r) : void 0,
+        oldValue: r ? me(r) : void 0,
         newValue: void 0
       });
     }
@@ -1435,152 +1470,152 @@ function Oe(e, t) {
         return e.description.get();
     }
 }
-function Re(e, t) {
-  let n = t.id && e ? Br(e, t.id) : null;
-  return !n && e && t.data?.name && (n = Hr(e, t.data.name)), n;
+function $e(e, t) {
+  let n = t.id && e ? jr(e, t.id) : null;
+  return !n && e && t.data?.name && (n = Wr(e, t.data.name)), n;
 }
-function st(e, t) {
+function ct(e, t) {
   for (const n of ["path", "query", "header", "cookie"]) {
-    const r = e.parameters[on[n]].get().find((o) => Yt(o) && t(o));
+    const r = e.parameters[cn[n]].get().find((o) => Kt(o) && t(o));
     if (r) return r;
   }
   return null;
 }
-function Br(e, t) {
-  return st(e, (n) => n.id === t);
+function jr(e, t) {
+  return ct(e, (n) => n.id === t);
 }
-function Hr(e, t) {
-  return st(e, (n) => n.key === t);
+function Wr(e, t) {
+  return ct(e, (n) => n.key === t);
 }
-function $e(e, t) {
+function De(e, t) {
   return e.successCriteria.get().find((n) => n.condition === t);
 }
-function ct(e, t) {
+function lt(e, t) {
   for (const n of e.outputs.get())
     if (t(n))
       return {
-        key: oe(n.key),
-        value: oe(n.value)
+        key: ie(n.key),
+        value: ie(n.value)
       };
 }
-function De(e, t) {
-  return ct(e, (n) => oe(n.id) === t);
+function Me(e, t) {
+  return lt(e, (n) => ie(n.id) === t);
 }
-function Nr(e, t) {
-  return ct(e, (n) => oe(n.key) === t);
+function Ur(e, t) {
+  return lt(e, (n) => ie(n.key) === t);
 }
-function oe(e) {
+function ie(e) {
   return typeof e == "string" ? e : e.get();
 }
-function ie(e) {
-  return e == null ? "" : typeof e == "string" ? e : ve(e);
+function ae(e) {
+  return e == null ? "" : typeof e == "string" ? e : me(e);
 }
-function de(e, t) {
-  if (!e || t !== Gt.JSON) return e;
+function ue(e, t) {
+  if (!e || t !== qt.JSON) return e;
   try {
     return JSON.stringify(JSON.parse(e), null, 2);
   } catch {
     return e;
   }
 }
-const Fr = {
-  update_security: Ir,
-  update_step: Or
+const Yr = {
+  update_security: Rr,
+  update_step: Mr
 };
-function lt(e, t) {
-  const n = We(), r = S(() => {
-    const l = e ? Fr[e] : void 0;
-    if (!l) return [];
+function dt(e, t) {
+  const n = Ye(), r = S(() => {
+    const d = e ? Yr[e] : void 0;
+    if (!d) return [];
     try {
-      return l({ store: n, input: t });
+      return d({ store: n, input: t });
     } catch (u) {
       return console.error("Unable to build change previews", u), [];
     }
   }, [e, n, t]), [o, a] = K(
-    () => Object.fromEntries(r.map((l) => [l.id, l.included]))
-  ), c = S(
-    () => r.map((l) => ({ ...l, included: o[l.id] ?? l.included })),
+    () => Object.fromEntries(r.map((d) => [d.id, d.included]))
+  ), s = S(
+    () => r.map((d) => ({ ...d, included: o[d.id] ?? d.included })),
     [r, o]
-  ), d = R(
-    (l) => {
-      a(typeof l == "function" ? (u) => {
+  ), l = $(
+    (d) => {
+      a(typeof d == "function" ? (u) => {
         const f = r.map((p) => ({
           ...p,
           included: u[p.id] ?? p.included
         }));
-        return Object.fromEntries(l(f).map((p) => [p.id, p.included]));
-      } : Object.fromEntries(l.map((u) => [u.id, u.included])));
+        return Object.fromEntries(d(f).map((p) => [p.id, p.included]));
+      } : Object.fromEntries(d.map((u) => [u.id, u.included])));
     },
     [r]
   );
-  return { previews: c, setPreviews: d };
+  return { previews: s, setPreviews: l };
 }
-function jr({
+function Gr({
   toolCallId: e,
   toolName: t,
   input: n,
   onApprove: r,
   onDeny: o
 }) {
-  const { updateMessages: a } = q(), { previews: c, setPreviews: d } = lt(t, n), { includedCount: l, totalCount: u } = S(
+  const { updateMessages: a } = q(), { previews: s, setPreviews: l } = dt(t, n), { includedCount: d, totalCount: u } = S(
     () => ({
-      includedCount: c.filter((v) => v.included).length,
-      totalCount: c.length
+      includedCount: s.filter((v) => v.included).length,
+      totalCount: s.length
     }),
-    [c]
+    [s]
   ), { approveLabel: f, denyLabel: p } = S(
-    () => Zn(t, n),
+    () => er(t, n),
     [t, n]
-  ), g = R(() => {
+  ), g = $(() => {
     a((v) => {
       const x = [];
       for (let w = 0; w < v.length; w++) {
-        const b = v[w], { parts: m } = b, I = b.role === "assistant", z = m.some(
-          (P) => et(P, e)
+        const b = v[w], { parts: y } = b, A = b.role === "assistant", z = y.some(
+          (P) => tt(P, e)
         );
-        if (I && z) {
-          const P = Qn(b, e, c);
+        if (A && z) {
+          const P = rr(b, e, s);
           x.push({ index: w, message: P });
         }
       }
       return x;
     }), r();
-  }, [c, r, a, e]), y = R(
+  }, [s, r, a, e]), m = $(
     (v) => {
-      d(
+      l(
         (x) => x.map(
           (w, b) => b === v ? { ...w, included: !w.included } : w
         )
       );
     },
-    [d]
+    [l]
   );
-  return /* @__PURE__ */ h(Ur, { children: [
-    /* @__PURE__ */ i(ot, { toolName: t, input: n }),
-    c.length ? /* @__PURE__ */ i(Wr, { children: /* @__PURE__ */ i(tt, { previews: c, handleToggle: y }) }) : null,
-    c.length ? /* @__PURE__ */ i(Ye, {}) : null,
-    /* @__PURE__ */ h(Yr, { children: [
-      u > 1 ? /* @__PURE__ */ h(Gr, { children: [
-        l,
+  return /* @__PURE__ */ h(Kr, { children: [
+    /* @__PURE__ */ i(it, { toolName: t, input: n }),
+    s.length ? /* @__PURE__ */ i(qr, { children: /* @__PURE__ */ i(nt, { previews: s, handleToggle: m }) }) : null,
+    s.length ? /* @__PURE__ */ i(Ge, {}) : null,
+    /* @__PURE__ */ h(Zr, { children: [
+      u > 1 ? /* @__PURE__ */ h(Jr, { children: [
+        d,
         " of ",
         u,
         " selected"
       ] }) : null,
-      /* @__PURE__ */ i(Kr, { size: "small", variant: "secondary", onClick: o, children: p }),
+      /* @__PURE__ */ i(Xr, { size: "small", variant: "secondary", onClick: o, children: p }),
       /* @__PURE__ */ i(
-        qr,
+        Qr,
         {
           size: "small",
           variant: "primary",
           onClick: g,
-          disabled: u > 0 ? l === 0 : !1,
+          disabled: u > 0 ? d === 0 : !1,
           children: f
         }
       )
     ] })
   ] });
 }
-const Ur = s.div`
+const Kr = c.div`
   display: flex;
   color: var(--text-color-primary);
   flex-direction: column;
@@ -1591,27 +1626,27 @@ const Ur = s.div`
   border: 1px solid var(--border-color-secondary);
   background: var(--layer-color);
   line-height: var(--line-height-sm);
-`, Wr = s.div`
+`, qr = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
   min-width: 0;
-`, Yr = s.div`
+`, Zr = c.div`
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: center;
   padding: 0 var(--spacing-sm) var(--spacing-xs) var(--spacing-sm);
   gap: var(--spacing-xxs);
-`, Gr = s.span`
+`, Jr = c.span`
   flex: 1;
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   color: var(--text-color-secondary);
-`, Kr = s(V)`
+`, Xr = c(V)`
   background: none;
-`, qr = s(V)`
+`, Qr = c(V)`
   border: 1px solid var(--button-bg-color);
   padding-top: 0;
   padding-bottom: 0;
@@ -1619,29 +1654,29 @@ const Ur = s.div`
     border: 1px solid var(--button-border-color-disabled);
   }
 `;
-function Zr({
+function eo({
   approvalId: e,
   toolCallId: t,
   toolName: n,
   input: r
 }) {
-  const { addToolApprovalResponse: o } = q(), a = R(() => {
+  const { addToolApprovalResponse: o } = q(), a = $(() => {
     o({ id: e, approved: !0 });
-  }, [e, o]), c = R(() => {
+  }, [e, o]), s = $(() => {
     o({ id: e, approved: !1 });
   }, [e, o]);
   return /* @__PURE__ */ i(
-    jr,
+    Gr,
     {
       onApprove: a,
-      onDeny: c,
+      onDeny: s,
       toolCallId: t,
       toolName: n,
       input: r
     }
   );
 }
-function Jr({
+function to({
   toolName: e,
   toolCallId: t,
   input: n,
@@ -1649,36 +1684,36 @@ function Jr({
   messageMetadata: o,
   onUndo: a
 }) {
-  const c = S(
-    () => Xn(o, t),
+  const s = S(
+    () => nr(o, t),
     [o, t]
-  ), { previews: d } = lt(
-    c ? void 0 : e,
+  ), { previews: l } = dt(
+    s ? void 0 : e,
     n
-  ), l = S(() => {
-    const g = c ?? d;
+  ), d = S(() => {
+    const g = s ?? l;
     if (r)
       return g.map((v) => ({ ...v, included: !1 }));
-    const y = Jn(n);
+    const m = tr(n);
     return g.map((v, x) => ({
       ...v,
-      included: y[x] ?? v.included
+      included: m[x] ?? v.included
     }));
-  }, [c, d, n, r]);
-  if (l.length === 0)
+  }, [s, l, n, r]);
+  if (d.length === 0)
     return null;
-  const u = l.filter((g) => g.included).length, p = u === 0 ? "Nothing applied" : `${u} ${u === 1 ? "change" : "changes"} applied`;
-  return /* @__PURE__ */ h(Xr, { children: [
-    /* @__PURE__ */ i(ot, { toolName: e, input: n }),
-    /* @__PURE__ */ i(Qr, { children: /* @__PURE__ */ i(tt, { previews: l, readOnly: !0 }) }),
-    /* @__PURE__ */ i(Ye, {}),
-    /* @__PURE__ */ h(eo, { children: [
-      /* @__PURE__ */ i(to, { children: p }),
-      a ? /* @__PURE__ */ i(no, { size: "small", variant: "outlined", onClick: a, children: "Undo" }) : null
+  const u = d.filter((g) => g.included).length, p = u === 0 ? "Nothing applied" : `${u} ${u === 1 ? "change" : "changes"} applied`;
+  return /* @__PURE__ */ h(no, { children: [
+    /* @__PURE__ */ i(it, { toolName: e, input: n }),
+    /* @__PURE__ */ i(ro, { children: /* @__PURE__ */ i(nt, { previews: d, readOnly: !0 }) }),
+    /* @__PURE__ */ i(Ge, {}),
+    /* @__PURE__ */ h(oo, { children: [
+      /* @__PURE__ */ i(io, { children: p }),
+      a ? /* @__PURE__ */ i(ao, { size: "small", variant: "outlined", onClick: a, children: "Undo" }) : null
     ] })
   ] });
 }
-const Xr = s.div`
+const no = c.div`
   display: flex;
   color: var(--text-color-primary);
   flex-direction: column;
@@ -1688,77 +1723,77 @@ const Xr = s.div`
   border: 1px solid var(--border-color-secondary);
   background: var(--layer-color);
   line-height: var(--line-height-sm);
-`, Qr = s.div`
+`, ro = c.div`
   display: flex;
   flex-direction: column;
   min-width: 0;
-`, eo = s.div`
+`, oo = c.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: var(--spacing-xs) var(--spacing-sm);
   gap: var(--spacing-xs);
-`, to = s.span`
+`, io = c.span`
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   color: var(--text-color-secondary);
-`, no = s(V)`
+`, ao = c(V)`
   padding-top: 0;
   padding-bottom: 0;
 `;
-function ro({ items: e, isLast: t }) {
-  const [n, r] = K(t), o = R(() => {
-    r((c) => !c);
-  }, []), a = S(() => e.filter((c) => c.kind === "action"), [e]);
-  return /* @__PURE__ */ h(io, { children: [
-    /* @__PURE__ */ h(ao, { type: "button", onClick: o, "aria-expanded": n, children: [
-      /* @__PURE__ */ i(so, { children: n ? /* @__PURE__ */ i(It, { size: "12px", color: "var(--icon-color-additional)" }) : /* @__PURE__ */ i(Lt, { size: "12px", color: "var(--icon-color-additional)" }) }),
-      /* @__PURE__ */ h(co, { children: [
+function so({ items: e, isLast: t }) {
+  const [n, r] = K(t), o = $(() => {
+    r((s) => !s);
+  }, []), a = S(() => e.filter((s) => s.kind === "action"), [e]);
+  return /* @__PURE__ */ h(lo, { children: [
+    /* @__PURE__ */ h(uo, { type: "button", onClick: o, "aria-expanded": n, children: [
+      /* @__PURE__ */ i(fo, { children: n ? /* @__PURE__ */ i(Lt, { size: "12px", color: "var(--icon-color-additional)" }) : /* @__PURE__ */ i(Pt, { size: "12px", color: "var(--icon-color-additional)" }) }),
+      /* @__PURE__ */ h(po, { children: [
         a.length,
         " ",
         a.length === 1 ? "action" : "actions"
       ] })
     ] }),
-    n && /* @__PURE__ */ i(lo, { children: a.map((c, d) => /* @__PURE__ */ i(oo, { text: c.text }, d)) })
+    n && /* @__PURE__ */ i(ho, { children: a.map((s, l) => /* @__PURE__ */ i(co, { text: s.text }, l)) })
   ] });
 }
-function oo({ text: e }) {
-  return /* @__PURE__ */ h(uo, { children: [
-    /* @__PURE__ */ h(fo, { children: [
-      /* @__PURE__ */ i(po, { "aria-hidden": !0 }),
-      /* @__PURE__ */ i(ho, { children: /* @__PURE__ */ i(go, { "aria-hidden": !0 }) }),
-      /* @__PURE__ */ i(dt, { "aria-hidden": !0 })
+function co({ text: e }) {
+  return /* @__PURE__ */ h(go, { children: [
+    /* @__PURE__ */ h(vo, { children: [
+      /* @__PURE__ */ i(mo, { "aria-hidden": !0 }),
+      /* @__PURE__ */ i(yo, { children: /* @__PURE__ */ i(xo, { "aria-hidden": !0 }) }),
+      /* @__PURE__ */ i(ut, { "aria-hidden": !0 })
     ] }),
-    /* @__PURE__ */ i(vo, { children: e })
+    /* @__PURE__ */ i(wo, { children: e })
   ] });
 }
-const io = s.div`
+const lo = c.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   min-width: 0;
-`, ao = s.button`
+`, uo = c.button`
   display: flex;
   align-items: center;
   cursor: pointer;
   user-select: none;
   width: fit-content;
   padding: 0;
-`, so = s.span`
+`, fo = c.span`
   display: flex;
   align-items: center;
   flex-shrink: 0;
-`, co = s.span`
+`, po = c.span`
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   color: var(--text-color-description);
-`, lo = s.div`
+`, ho = c.div`
   display: flex;
   flex-direction: column;
   gap: 0;
-`, dt = s.span`
+`, ut = c.span`
   display: block;
   width: 1px;
   flex-shrink: 0;
@@ -1766,7 +1801,7 @@ const io = s.div`
   background: var(--border-color-secondary);
   flex: 1 1 auto;
   min-height: 8px;
-`, uo = s.div`
+`, go = c.div`
   display: flex;
   flex-direction: row;
   align-items: stretch;
@@ -1774,11 +1809,11 @@ const io = s.div`
   min-width: 0;
 
   &:last-child {
-    ${dt} {
+    ${ut} {
       display: none;
     }
   }
-`, fo = s.div`
+`, vo = c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1787,14 +1822,14 @@ const io = s.div`
   flex: 0 0 auto;
   align-self: stretch;
   min-height: 0;
-`, po = s.span`
+`, mo = c.span`
   display: block;
   width: 1px;
   height: 4px;
   flex: 0 0 auto;
   flex-shrink: 0;
   background: var(--border-color-secondary);
-`, ho = s.div`
+`, yo = c.div`
   width: 12px;
   height: 12px;
   flex: 0 0 auto;
@@ -1802,7 +1837,7 @@ const io = s.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`, go = s.span`
+`, xo = c.span`
   width: 4px;
   height: 4px;
   flex-shrink: 0;
@@ -1810,7 +1845,7 @@ const io = s.div`
   box-sizing: border-box;
   border: 1px solid var(--border-color-secondary);
   background: transparent;
-`, vo = s.span`
+`, wo = c.span`
   flex: 1;
   min-width: 0;
   align-self: flex-start;
@@ -1819,20 +1854,27 @@ const io = s.div`
   line-height: var(--line-height-sm);
   color: var(--text-color-helper);
 `;
-function mo({
+function bo({
   items: e,
   messageMetadata: t
 }) {
-  return /* @__PURE__ */ i(xo, { children: e.map((n, r) => {
+  return /* @__PURE__ */ i(ko, { children: e.map((n, r) => {
     if (n.kind === "reasoning-block") {
-      const c = r === e.length - 1;
-      return /* @__PURE__ */ i(ro, { items: n.items, isLast: c }, n.key);
+      const s = r === e.length - 1;
+      return /* @__PURE__ */ i(so, { items: n.items, isLast: s }, n.key);
     }
     if (n.kind === "text")
-      return /* @__PURE__ */ i(yo, { rawMarkdown: n.text }, n.key);
-    const { part: o } = n, a = an(o.type);
-    return a && qe(o) ? /* @__PURE__ */ i(
-      Zr,
+      return /* @__PURE__ */ i(
+        Co,
+        {
+          rawMarkdown: n.text,
+          workflowRunHistoryIds: n.workflowRunHistoryIds
+        },
+        n.key
+      );
+    const { part: o } = n, a = ln(o.type);
+    return a && Ze(o) ? /* @__PURE__ */ i(
+      eo,
       {
         approvalId: o.approval.id,
         toolCallId: o.toolCallId,
@@ -1840,8 +1882,8 @@ function mo({
         input: o.input
       },
       n.key
-    ) : a && sn(o) ? /* @__PURE__ */ i(
-      Jr,
+    ) : a && dn(o) ? /* @__PURE__ */ i(
+      to,
       {
         toolName: a,
         toolCallId: o.toolCallId,
@@ -1853,15 +1895,18 @@ function mo({
     ) : null;
   }) });
 }
-function yo({ rawMarkdown: e }) {
-  const t = Qe();
-  return /* @__PURE__ */ i(wo, { onClick: t, children: /* @__PURE__ */ i(Kt, { rawMarkdown: e, parser: qt }) });
+function Co({
+  rawMarkdown: e,
+  workflowRunHistoryIds: t
+}) {
+  const n = et({ workflowRunHistoryIds: t });
+  return /* @__PURE__ */ i(To, { onClick: n, children: /* @__PURE__ */ i(Zt, { rawMarkdown: e, parser: Jt }) });
 }
-const xo = s.div`
+const ko = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
-`, wo = s.div`
+`, To = c.div`
   white-space: normal;
 
   max-width: 100%;
@@ -1874,139 +1919,139 @@ const xo = s.div`
   p:last-child {
     margin-bottom: 0;
   }
-`, ut = s.div`
+`, ft = c.div`
   font-family: var(--font-family-base);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-primary);
 `;
-function bo() {
-  return /* @__PURE__ */ h(Co, { children: [
-    /* @__PURE__ */ i(ee, {}),
-    /* @__PURE__ */ i(ee, {}),
-    /* @__PURE__ */ i(ee, {})
+function Io() {
+  return /* @__PURE__ */ h(So, { children: [
+    /* @__PURE__ */ i(te, {}),
+    /* @__PURE__ */ i(te, {}),
+    /* @__PURE__ */ i(te, {})
   ] });
 }
-const Co = s.div`
+const So = c.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 24px;
   height: 24px;
 `;
-function ko() {
-  return /* @__PURE__ */ h(To, { children: [
-    /* @__PURE__ */ i(bo, {}),
-    /* @__PURE__ */ i(Ao, { children: "Thinking" })
+function Ao() {
+  return /* @__PURE__ */ h(Lo, { children: [
+    /* @__PURE__ */ i(Io, {}),
+    /* @__PURE__ */ i(Po, { children: "Thinking" })
   ] });
 }
-const To = s.div`
+const Lo = c.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xxs);
-`, Ao = s.span`
+`, Po = c.span`
   font-family: var(--font-family-base);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-helper);
 `;
-function So({ items: e }) {
-  return /* @__PURE__ */ i(mt, { children: e.map((t) => t.kind !== "text" ? null : /* @__PURE__ */ i(ut, { children: t.text }, t.key)) });
+function Eo({ items: e }) {
+  return /* @__PURE__ */ i(yt, { children: e.map((t) => t.kind !== "text" ? null : /* @__PURE__ */ i(ft, { children: t.text }, t.key)) });
 }
-const Io = "Something went wrong. Please try again.";
-function Lo(e) {
+const Ro = "Something went wrong. Please try again.";
+function Oo(e) {
   const t = e?.message?.trim();
-  return t || Io;
+  return t || Ro;
 }
-function Po({ message: e, isLastMessage: t }) {
-  const { chatStatus: n, chatError: r } = q(), { role: o, parts: a } = e, c = o === $.ASSISTANT, d = S(() => cn(a), [a]), l = d.length > 0, u = n === "error" && t && c && !l;
-  return !l && !u ? null : /* @__PURE__ */ i(ft, { $role: o, children: /* @__PURE__ */ i(
-    Oo,
+function $o({ message: e, isLastMessage: t }) {
+  const { chatStatus: n, chatError: r } = q(), { role: o, parts: a } = e, s = o === D.ASSISTANT, l = S(() => un(a), [a]), d = l.length > 0, u = n === "error" && t && s && !d;
+  return !d && !u ? null : /* @__PURE__ */ i(pt, { $role: o, children: /* @__PURE__ */ i(
+    Mo,
     {
       isFailedEmptyAssistant: u,
       chatError: r,
-      isAssistant: c,
-      contentItems: d,
+      isAssistant: s,
+      contentItems: l,
       messageMetadata: e.metadata
     }
   ) });
 }
-function Eo() {
-  return /* @__PURE__ */ i(ft, { $role: $.ASSISTANT, children: /* @__PURE__ */ i(ge, { children: /* @__PURE__ */ i(ko, {}) }) });
+function Do() {
+  return /* @__PURE__ */ i(pt, { $role: D.ASSISTANT, children: /* @__PURE__ */ i(ve, { children: /* @__PURE__ */ i(Ao, {}) }) });
 }
-function Oo({
+function Mo({
   isFailedEmptyAssistant: e,
   chatError: t,
   isAssistant: n,
   contentItems: r,
   messageMetadata: o
 }) {
-  return e ? /* @__PURE__ */ i(ge, { children: /* @__PURE__ */ i(ut, { children: Lo(t) }) }) : /* @__PURE__ */ i(ge, { children: n ? /* @__PURE__ */ i(mo, { items: r, messageMetadata: o }) : /* @__PURE__ */ i(So, { items: r }) });
+  return e ? /* @__PURE__ */ i(ve, { children: /* @__PURE__ */ i(ft, { children: Oo(t) }) }) : /* @__PURE__ */ i(ve, { children: n ? /* @__PURE__ */ i(bo, { items: r, messageMetadata: o }) : /* @__PURE__ */ i(Eo, { items: r }) });
 }
-const ft = s.div`
+const pt = c.div`
   display: flex;
   flex-direction: column;
   padding: var(--spacing-xs) var(--spacing-sm);
   gap: var(--spacing-xxs);
   min-width: 0;
-  width: ${({ $role: e }) => e === $.ASSISTANT ? "100%" : "fit-content"};
-  border-radius: ${({ $role: e }) => e === $.USER ? "6px 0px 6px 6px" : "0px 6px 6px 6px"};
-  background: ${({ $role: e }) => e === $.USER ? "var(--replay-ai-user-message-gradient)" : "transparent"};
+  width: ${({ $role: e }) => e === D.ASSISTANT ? "100%" : "fit-content"};
+  border-radius: ${({ $role: e }) => e === D.USER ? "6px 0px 6px 6px" : "0px 6px 6px 6px"};
+  background: ${({ $role: e }) => e === D.USER ? "var(--replay-ai-user-message-gradient)" : "transparent"};
   border: none;
   color: var(--text-color-primary);
   box-sizing: border-box;
   word-wrap: break-word;
   white-space: pre-wrap;
   max-width: 100%;
-`, ge = s.div`
+`, ve = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   min-width: 0;
   width: 100%;
 `;
-function Ro() {
+function zo() {
   const { messages: e, isStreaming: t } = q(), n = e.at(-1), r = S(() => {
-    const o = n?.role === $.ASSISTANT, a = n?.parts.at(-1)?.type === "text";
+    const o = n?.role === D.ASSISTANT, a = n?.parts.at(-1)?.type === "text";
     return t && !(o && a);
   }, [t, n?.parts, n?.role]);
-  return /* @__PURE__ */ h($o, { children: [
-    e.map((o, a) => /* @__PURE__ */ i(Me, { $role: o.role, children: /* @__PURE__ */ i(ze, { $role: o.role, children: /* @__PURE__ */ i(Po, { message: o, isLastMessage: a === e.length - 1 }) }) }, o.id)),
-    r && /* @__PURE__ */ i(Me, { $role: $.ASSISTANT, children: /* @__PURE__ */ i(ze, { $role: $.ASSISTANT, children: /* @__PURE__ */ i(Eo, {}) }) })
+  return /* @__PURE__ */ h(_o, { children: [
+    e.map((o, a) => /* @__PURE__ */ i(ze, { $role: o.role, children: /* @__PURE__ */ i(_e, { $role: o.role, children: /* @__PURE__ */ i($o, { message: o, isLastMessage: a === e.length - 1 }) }) }, o.id)),
+    r && /* @__PURE__ */ i(ze, { $role: D.ASSISTANT, children: /* @__PURE__ */ i(_e, { $role: D.ASSISTANT, children: /* @__PURE__ */ i(Do, {}) }) })
   ] });
 }
-const $o = s.div`
+const _o = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
   width: 100%;
-`, Me = s.div`
+`, ze = c.div`
   display: flex;
   width: 100%;
-  justify-content: ${({ $role: e }) => e === $.USER ? "flex-end" : "flex-start"};
-`, ze = s.div`
+  justify-content: ${({ $role: e }) => e === D.USER ? "flex-end" : "flex-start"};
+`, _e = c.div`
   display: flex;
   flex-direction: column;
-  align-items: ${({ $role: e }) => e === $.USER ? "flex-end" : "stretch"};
+  align-items: ${({ $role: e }) => e === D.USER ? "flex-end" : "stretch"};
   gap: var(--spacing-xs);
   min-width: 0;
   width: 100%;
   max-width: 100%;
 `;
-function Do(e) {
+function Vo(e) {
   const t = F(void 0);
-  return H(() => {
+  return B(() => {
     t.current = e;
   }), t.current;
 }
-const pt = s.div`
+const ht = c.div`
   display: flex;
   flex-direction: column;
   flex: 1;
   width: 100%;
   overflow: auto;
   padding: var(--spacing-xs);
-`, Mo = (e) => /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none", ...e, children: [
+`, Ho = (e) => /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none", ...e, children: [
   /* @__PURE__ */ i(
     "path",
     {
@@ -2038,65 +2083,65 @@ const pt = s.div`
       ]
     }
   ) })
-] }), zo = s(Mo)`
+] }), Bo = c(Ho)`
   height: ${({ size: e }) => e || "14px"};
   width: ${({ size: e }) => e || "14px"};
 `;
-function _o(e) {
+function No(e) {
   const t = "var(--font-size-base)";
   switch (e) {
-    case he:
-      return /* @__PURE__ */ i(zo, { size: t });
-    case ce.OPENAI:
-      return /* @__PURE__ */ i(Mt, { size: t, color: "var(--text-color-primary)" });
-    case ce.GEMINI:
-      return /* @__PURE__ */ i(Dt, { size: t });
-    case ce.ANTHROPIC:
-      return /* @__PURE__ */ i($t, { size: t, color: "var(--replay-claude-icon-color)" });
+    case ge:
+      return /* @__PURE__ */ i(Bo, { size: t });
+    case le.OPENAI:
+      return /* @__PURE__ */ i(zt, { size: t, color: "var(--text-color-primary)" });
+    case le.GEMINI:
+      return /* @__PURE__ */ i(Mt, { size: t });
+    case le.ANTHROPIC:
+      return /* @__PURE__ */ i(Dt, { size: t, color: "var(--replay-claude-icon-color)" });
   }
 }
-function Vo({
+function Fo({
   models: e,
   selectedModelId: t,
   placement: n,
   onModelSelect: r,
   onSettingsOpen: o
 }) {
-  const a = e.find((p) => p.id === t), c = a?.label ?? "Replay AI", d = a?.id, l = e.filter((p) => p.provider === he), u = e.filter((p) => p.provider !== he), f = l.length > 0 && u.length > 0;
-  return /* @__PURE__ */ i(Fo, { children: /* @__PURE__ */ i(
-    jo,
+  const a = e.find((p) => p.id === t), s = a?.label ?? "Replay AI", l = a?.id, d = e.filter((p) => p.provider === ge), u = e.filter((p) => p.provider !== ge), f = d.length > 0 && u.length > 0;
+  return /* @__PURE__ */ i(Yo, { children: /* @__PURE__ */ i(
+    Go,
     {
-      trigger: /* @__PURE__ */ i(Bo, { label: c }),
+      trigger: /* @__PURE__ */ i(jo, { label: s }),
       placement: n,
       alignment: "start",
       withArrow: !0,
-      children: /* @__PURE__ */ h(Uo, { children: [
-        /* @__PURE__ */ h(Go, { children: [
-          l.map((p) => /* @__PURE__ */ i(
-            _e,
+      children: /* @__PURE__ */ h(Ko, { children: [
+        /* @__PURE__ */ h(Jo, { children: [
+          d.map((p) => /* @__PURE__ */ i(
+            Ve,
             {
               model: p,
-              activeModelId: d,
+              activeModelId: l,
               onModelSelect: r
             },
             p.id
           )),
-          f && /* @__PURE__ */ i(Ve, { "aria-hidden": !0 }),
-          u.length > 0 && /* @__PURE__ */ i(Ne, { children: u.map((p) => /* @__PURE__ */ i(
-            _e,
+          f && /* @__PURE__ */ i(He, { "aria-hidden": !0 }),
+          u.length > 0 && /* @__PURE__ */ i(Fe, { children: u.map((p) => /* @__PURE__ */ i(
+            Ve,
             {
               model: p,
-              activeModelId: d,
+              activeModelId: l,
               onModelSelect: r
             },
             p.id
           )) })
         ] }),
-        o && e.length > 0 && /* @__PURE__ */ i(Ve, { "aria-hidden": !0 }),
+        o && e.length > 0 && /* @__PURE__ */ i(He, { "aria-hidden": !0 }),
         o && /* @__PURE__ */ i(
-          Ko,
+          Xo,
           {
-            prefix: /* @__PURE__ */ i(Pt, { size: "var(--font-size-base)", color: "var(--text-color-secondary)" }),
+            prefix: /* @__PURE__ */ i(Et, { size: "var(--font-size-base)", color: "var(--text-color-secondary)" }),
             content: "Manage models",
             onAction: () => o("ai-providers")
           }
@@ -2105,31 +2150,31 @@ function Vo({
     }
   ) });
 }
-function Bo({
+function jo({
   label: e,
   icon: t,
   onClick: n,
   onKeyDown: r
 }) {
-  return /* @__PURE__ */ h(Ho, { onClick: n, onKeyDown: r, children: [
-    /* @__PURE__ */ i(No, { children: e }),
+  return /* @__PURE__ */ h(Wo, { onClick: n, onKeyDown: r, children: [
+    /* @__PURE__ */ i(Uo, { children: e }),
     t
   ] });
 }
-function _e({ model: e, activeModelId: t, onModelSelect: n }) {
+function Ve({ model: e, activeModelId: t, onModelSelect: n }) {
   const r = e.id === t;
   return /* @__PURE__ */ i(
-    je,
+    We,
     {
-      prefix: _o(e.provider),
-      suffix: r ? /* @__PURE__ */ i(Yo, { size: "var(--font-size-base)", color: "var(--text-color-primary)" }) : void 0,
+      prefix: No(e.provider),
+      suffix: r ? /* @__PURE__ */ i(Zo, { size: "var(--font-size-base)", color: "var(--text-color-primary)" }) : void 0,
       onAction: () => n(e.id),
       active: r,
-      children: /* @__PURE__ */ i(Wo, { children: e.label })
+      children: /* @__PURE__ */ i(qo, { children: e.label })
     }
   );
 }
-const Ho = s.div`
+const Wo = c.div`
   display: flex;
   align-items: center;
   min-width: 0;
@@ -2144,7 +2189,7 @@ const Ho = s.div`
   &:hover {
     background: var(--layer-color-active);
   }
-`, No = s.span`
+`, Uo = c.span`
   overflow: hidden;
   text-overflow: ellipsis;
   font-family: var(--font-family-base);
@@ -2153,13 +2198,13 @@ const Ho = s.div`
   line-height: var(--line-height-base);
   color: var(--text-color-primary);
   white-space: nowrap;
-`, Fo = s.div`
+`, Yo = c.div`
   --dropdown-menu-padding-top: 0;
 
   min-width: 0;
   flex: 1;
   position: relative;
-`, jo = s(Et)`
+`, Go = c(Rt)`
   width: 100%;
   min-width: 0;
   flex: 1;
@@ -2168,7 +2213,7 @@ const Ho = s.div`
     width: 100%;
     max-width: 200px;
   }
-`, Uo = s(Ot)`
+`, Ko = c(Ot)`
   --dropdown-menu-item-gap: calc(var(--spacing-unit) / 2);
   --dropdown-menu-item-padding-vertical: var(--spacing-xxs);
   --dropdown-menu-item-padding-horizontal: var(--spacing-xs);
@@ -2177,32 +2222,32 @@ const Ho = s.div`
   margin: 5px 0;
   border-radius: var(--border-radius-lg);
   background: var(--bg-color);
-`, Wo = s.span`
+`, qo = c.span`
   flex: 1;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, Yo = s(Rt)`
+`, Zo = c($t)`
   margin-left: var(--spacing-xxs);
-`, Ve = s.li`
+`, He = c.li`
   flex-shrink: 0;
   list-style: none;
   width: 100%;
   height: 1px;
   margin: 0;
   background: var(--border-color-secondary);
-`, Go = s.li`
+`, Jo = c.li`
   display: flex;
   flex-direction: column;
   gap: var(--dropdown-menu-item-gap);
   list-style: none;
   min-height: 0;
   overflow-y: auto;
-`, Ko = s(je)`
+`, Xo = c(We)`
   flex-shrink: 0;
 `;
-function qo() {
+function Qo() {
   const {
     chatId: e,
     isLoading: t,
@@ -2210,78 +2255,78 @@ function qo() {
     clearPendingComposerPreset: r,
     availableModels: o,
     selectedModelId: a,
-    selectModel: c,
-    onSettingsOpen: d
-  } = Ge(), { messages: l, isStreaming: u, sendMessage: f, stopGeneration: p } = q(), { isOpen: g } = Ke(), [y, v] = K(""), x = F(null), w = F(null), b = F(!0), m = l.length > 0, I = Do(l.length), P = I !== void 0 && I > 0 && !m, D = R((L = "smooth") => {
+    selectModel: s,
+    onSettingsOpen: l
+  } = Ke(), { messages: d, isStreaming: u, sendMessage: f, stopGeneration: p } = q(), { isOpen: g } = qe(), [m, v] = K(""), x = F(null), w = F(null), b = F(!0), y = d.length > 0, A = Vo(d.length), P = A !== void 0 && A > 0 && !y, M = $((L = "smooth") => {
     w.current && w.current.scrollTo({
       top: w.current.scrollHeight,
       behavior: L
     });
-  }, []), Z = R(() => {
+  }, []), Z = $(() => {
     const L = w.current;
     if (!L) return;
     L.scrollHeight - L.scrollTop - L.clientHeight < 50 && (b.current = !0);
   }, []);
-  H(() => {
+  B(() => {
     const L = w.current;
     if (!L) return;
-    const se = (vt) => {
-      vt.deltaY < 0 && (b.current = !1);
+    const ce = (mt) => {
+      mt.deltaY < 0 && (b.current = !1);
     };
-    return L.addEventListener("wheel", se, { passive: !0 }), () => L.removeEventListener("wheel", se);
+    return L.addEventListener("wheel", ce, { passive: !0 }), () => L.removeEventListener("wheel", ce);
   }, []);
-  const J = R(async () => {
-    y && (v(""), b.current = !0, await f(y), x.current && requestAnimationFrame(() => x.current?.focus()));
-  }, [f, y]);
-  return H(() => {
-    g && (x.current && x.current.focus(), b.current = !0, D());
-  }, [g, l.length, D]), H(() => {
-    u && b.current && D();
-  }), H(
+  const J = $(async () => {
+    m && (v(""), b.current = !0, await f(m), x.current && requestAnimationFrame(() => x.current?.focus()));
+  }, [f, m]);
+  return B(() => {
+    g && (x.current && x.current.focus(), b.current = !0, M());
+  }, [g, d.length, M]), B(() => {
+    u && b.current && M();
+  }), B(
     function() {
-      g && x.current && (x.current.focus(), D("instant"));
+      g && x.current && (x.current.focus(), M("instant"));
     },
-    [e, g, D]
-  ), H(
+    [e, g, M]
+  ), B(
     function() {
       !g || n === null || (v(n), r());
     },
     [g, n, r]
-  ), /* @__PURE__ */ h(pt, { children: [
+  ), /* @__PURE__ */ h(ht, { children: [
     /* @__PURE__ */ i(
-      Zo,
+      ei,
       {
         ref: w,
-        $isExpanded: t || m,
+        $isExpanded: t || y,
         $isAnimated: u || P,
         onScroll: Z,
-        children: t ? /* @__PURE__ */ i(Jo, { children: /* @__PURE__ */ i(me, { size: "20px" }) }) : /* @__PURE__ */ i(Ro, {})
+        children: t ? /* @__PURE__ */ i(ti, { children: /* @__PURE__ */ i(ye, { size: "20px" }) }) : /* @__PURE__ */ i(zo, {})
       }
     ),
     /* @__PURE__ */ i(
-      wn,
+      kn,
       {
-        value: y,
+        value: m,
         onValueChange: v,
         onSubmit: J,
         isStreaming: u,
         onStop: p,
         textareaRef: x,
         modelSelector: /* @__PURE__ */ i(
-          Vo,
+          Fo,
           {
             models: o,
             selectedModelId: a,
-            placement: m ? "top" : "bottom",
-            onModelSelect: c,
-            onSettingsOpen: d
+            placement: y ? "top" : "bottom",
+            onModelSelect: s,
+            onSettingsOpen: l
           }
         )
       }
     )
   ] });
 }
-const Zo = s.div`
+const ei = c.div`
   flex: ${({ $isExpanded: e }) => e ? 1 : 0};
   width: 100%;
   overflow: auto;
@@ -2289,7 +2334,7 @@ const Zo = s.div`
   transition-property: flex;
   transition-duration: ${(e) => e.$isAnimated ? "var(--replay-transition-duration)" : "0s"};
   transition-timing-function: var(--replay-transition-timing-function);
-`, Jo = s.div`
+`, ti = c.div`
   display: flex;
   justify-content: center;
   height: 100%;
@@ -2300,86 +2345,86 @@ const Zo = s.div`
   LAST_WEEK: "last_week",
   LAST_MONTH: "last_month",
   OLDER: "older"
-}, Xo = {
+}, ni = {
   [O.TODAY]: "Today",
   [O.YESTERDAY]: "Yesterday",
   [O.LAST_WEEK]: "Last 7 days",
   [O.LAST_MONTH]: "Last 30 days",
   [O.OLDER]: "Older"
 };
-function Qo(e, t = Date.now()) {
-  const n = W(e).startOf("day"), r = W(t).startOf("day"), o = W(t).subtract(1, "day").startOf("day"), a = W(t).subtract(7, "day").startOf("day"), c = W(t).subtract(30, "day").startOf("day");
-  return n.isSame(r, "day") ? O.TODAY : n.isSame(o, "day") ? O.YESTERDAY : !n.isBefore(a, "day") && n.isBefore(o, "day") ? O.LAST_WEEK : !n.isBefore(c, "day") && n.isBefore(a, "day") ? O.LAST_MONTH : O.OLDER;
+function ri(e, t = Date.now()) {
+  const n = U(e).startOf("day"), r = U(t).startOf("day"), o = U(t).subtract(1, "day").startOf("day"), a = U(t).subtract(7, "day").startOf("day"), s = U(t).subtract(30, "day").startOf("day");
+  return n.isSame(r, "day") ? O.TODAY : n.isSame(o, "day") ? O.YESTERDAY : !n.isBefore(a, "day") && n.isBefore(o, "day") ? O.LAST_WEEK : !n.isBefore(s, "day") && n.isBefore(a, "day") ? O.LAST_MONTH : O.OLDER;
 }
-function ei(e) {
+function oi(e) {
   const t = [];
   for (const n of e) {
-    const r = Qo(n.updatedAt), o = t[t.length - 1];
+    const r = ri(n.updatedAt), o = t[t.length - 1];
     !o || o.bucket !== r ? t.push({ bucket: r, chats: [n] }) : o.chats.push(n);
   }
   return t;
 }
-function ti(e) {
+function ii(e) {
   const {
     scrollRef: t,
     sentinelRef: n,
     hasNextPage: r,
     isFetchingNextPage: o,
     fetchNextPage: a,
-    observerResetKey: c
+    observerResetKey: s
   } = e;
-  Fe(() => {
-    const d = t.current, l = n.current;
-    if (!d || !l) return;
+  je(() => {
+    const l = t.current, d = n.current;
+    if (!l || !d) return;
     const u = new IntersectionObserver(
       (f) => {
         const p = f[0];
         p && p.isIntersecting && r && (o || a());
       },
-      { root: d, rootMargin: "80px" }
+      { root: l, rootMargin: "80px" }
     );
-    return u.observe(l), () => {
+    return u.observe(d), () => {
       u.disconnect();
     };
-  }, [c, a, r, o, t, n]);
+  }, [s, a, r, o, t, n]);
 }
-const ht = s(pt)`
+const gt = c(ht)`
   gap: var(--spacing-xxs);
   user-select: none;
-`, ni = s.div`
+`, ai = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
-`, ri = s.div`
+`, si = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
-`, oi = s(ht)`
+`, ci = c(gt)`
   display: flex;
   flex-grow: 1;
   align-items: center;
   flex-direction: column;
   padding: var(--spacing-md);
-`, ii = s.div`
+`, li = c.div`
   display: flex;
   flex-grow: 1;
   align-items: center;
   justify-content: center;
-`, ai = s.div`
+`, di = c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   max-width: 75%;
   gap: var(--spacing-xxs);
-`, si = s.div`
+`, ui = c.div`
   display: flex;
   justify-content: center;
   padding: var(--spacing-xs);
-`, ci = s(ne)`
+`, fi = c(re)`
   padding-left: var(--spacing-xs);
   font-size: var(--font-size-sm);
   color: var(--color-warm-grey-7);
-`, li = s.div`
+`, pi = c.div`
   display: flex;
   flex-grow: 1;
 
@@ -2387,7 +2432,7 @@ const ht = s(pt)`
     flex-grow: 1;
     min-width: 0;
   }
-`, di = s.div`
+`, hi = c.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -2410,25 +2455,25 @@ const ht = s(pt)`
       display: inline-flex;
     }
   }
-`, ui = s(ne)`
+`, gi = c(re)`
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-`, fi = s.div`
+`, vi = c.div`
   height: 1px;
   flex-shrink: 0;
 `;
-function pi(e) {
+function mi(e) {
   const { chat: t, onSelect: n, onRemove: r } = e;
-  return /* @__PURE__ */ i(li, { children: /* @__PURE__ */ i(Y, { tip: W(t.updatedAt).format("MMM DD, YYYY, hh:mm:ss A"), className: "expanded", children: /* @__PURE__ */ h(di, { role: "button", onClick: () => n?.(t.id), children: [
-    /* @__PURE__ */ i(ui, { children: t.title ?? "New chat" }),
+  return /* @__PURE__ */ i(pi, { children: /* @__PURE__ */ i(Y, { tip: U(t.updatedAt).format("MMM DD, YYYY, hh:mm:ss A"), className: "expanded", children: /* @__PURE__ */ h(hi, { role: "button", onClick: () => n?.(t.id), children: [
+    /* @__PURE__ */ i(gi, { children: t.title ?? "New chat" }),
     /* @__PURE__ */ i(
       V,
       {
         variant: "ghost",
         size: "small",
         tone: "danger",
-        icon: /* @__PURE__ */ i(zt, {}),
+        icon: /* @__PURE__ */ i(_t, {}),
         onClick: (o) => {
           o.stopPropagation(), r?.(t.id);
         }
@@ -2436,12 +2481,12 @@ function pi(e) {
     )
   ] }) }) });
 }
-function hi(e) {
+function yi(e) {
   const { group: t, onChatSelect: n, onChatRemove: r } = e;
-  return /* @__PURE__ */ h(ri, { children: [
-    /* @__PURE__ */ i(ci, { children: Xo[t.bucket] }),
+  return /* @__PURE__ */ h(si, { children: [
+    /* @__PURE__ */ i(fi, { children: ni[t.bucket] }),
     t.chats.map((o) => /* @__PURE__ */ i(
-      pi,
+      mi,
       {
         chat: o,
         onSelect: n,
@@ -2451,28 +2496,28 @@ function hi(e) {
     ))
   ] });
 }
-function gi() {
-  return /* @__PURE__ */ i(ii, { children: /* @__PURE__ */ h(ai, { children: [
-    /* @__PURE__ */ i(ne, { textAlign: "center", fontWeight: "var(--font-weight-semibold)", children: "No chat history" }),
-    /* @__PURE__ */ i(ne, { textAlign: "center", children: "Ask questions or let the assistant take action for you." })
+function xi() {
+  return /* @__PURE__ */ i(li, { children: /* @__PURE__ */ h(di, { children: [
+    /* @__PURE__ */ i(re, { textAlign: "center", fontWeight: "var(--font-weight-semibold)", children: "No chat history" }),
+    /* @__PURE__ */ i(re, { textAlign: "center", children: "Ask questions or let the assistant take action for you." })
   ] }) });
 }
-function vi() {
-  return /* @__PURE__ */ i(oi, { children: /* @__PURE__ */ i(me, {}) });
+function wi() {
+  return /* @__PURE__ */ i(ci, { children: /* @__PURE__ */ i(ye, {}) });
 }
-const mi = 50;
-function yi(e) {
-  const { onChatSelect: t, onChatRemove: n } = e, r = F(null), o = F(null), { data: a, isPending: c, hasNextPage: d, isFetchingNextPage: l, fetchNextPage: u } = ln(mi), f = S(() => (a?.pages ?? []).flatMap((g) => g.items), [a?.pages]), p = S(() => ei(f), [f]);
-  return ti({
+const bi = 50;
+function Ci(e) {
+  const { onChatSelect: t, onChatRemove: n } = e, r = F(null), o = F(null), { data: a, isPending: s, hasNextPage: l, isFetchingNextPage: d, fetchNextPage: u } = fn(bi), f = S(() => (a?.pages ?? []).flatMap((g) => g.items), [a?.pages]), p = S(() => oi(f), [f]);
+  return ii({
     scrollRef: r,
     sentinelRef: o,
-    hasNextPage: d,
-    isFetchingNextPage: l,
+    hasNextPage: l,
+    isFetchingNextPage: d,
     fetchNextPage: u,
     observerResetKey: a?.pages.length
-  }), c && !a ? /* @__PURE__ */ i(vi, {}) : f.length === 0 ? /* @__PURE__ */ i(gi, {}) : /* @__PURE__ */ h(ht, { ref: r, children: [
-    /* @__PURE__ */ i(ni, { children: p.map((g) => /* @__PURE__ */ i(
-      hi,
+  }), s && !a ? /* @__PURE__ */ i(wi, {}) : f.length === 0 ? /* @__PURE__ */ i(xi, {}) : /* @__PURE__ */ h(gt, { ref: r, children: [
+    /* @__PURE__ */ i(ai, { children: p.map((g) => /* @__PURE__ */ i(
+      yi,
       {
         group: g,
         onChatSelect: t,
@@ -2480,21 +2525,21 @@ function yi(e) {
       },
       `${g.bucket}-${g.chats[0]?.id ?? ""}`
     )) }),
-    d && /* @__PURE__ */ i(fi, { ref: o, "aria-hidden": !0 }),
-    l && /* @__PURE__ */ i(si, { children: /* @__PURE__ */ i(me, {}) })
+    l && /* @__PURE__ */ i(vi, { ref: o, "aria-hidden": !0 }),
+    d && /* @__PURE__ */ i(ui, { children: /* @__PURE__ */ i(ye, {}) })
   ] });
 }
-const xi = yt(null);
-function wi(e) {
-  const t = xt(xi);
+const ki = xt(null);
+function Ti(e) {
+  const t = wt(ki);
   if (t?.components) {
-    const { LinkComponent: c } = t.components;
-    return /* @__PURE__ */ i(c, { ...e });
+    const { LinkComponent: s } = t.components;
+    return /* @__PURE__ */ i(s, { ...e });
   }
   const { external: n, languageInsensitive: r, innerRef: o, ...a } = e;
-  return /* @__PURE__ */ i(dn, { ref: o, ...a });
+  return /* @__PURE__ */ i(pn, { ref: o, ...a });
 }
-const bi = () => wt`
+const Ii = () => bt`
     0% {
         color: var(--button-content-color);
         background-color: var(--button-bg-color-active);
@@ -2508,14 +2553,14 @@ const bi = () => wt`
         color: var(--button-content-color);
         background-color: var(--button-bg-color-active);
     }
-`, Ci = s(wi)`
+`, Si = c(Ti)`
   text-decoration: none;
   &:focus-visible {
     outline: 1px solid var(--button-border-color-focused);
   }
   border-radius: var(--button-border-radius);
 `;
-function ki({
+function Ai({
   variant: e = "secondary",
   tone: t = "default",
   size: n = "medium",
@@ -2529,9 +2574,9 @@ function ki({
     `button-variant-${e}`,
     `button-size-${n}`,
     o
-  ].filter((c) => c).join(" ").trim();
+  ].filter((s) => s).join(" ").trim();
 }
-const Ti = s.button`
+const Li = c.button`
   width: ${({ $fullWidth: e }) => e ? "100%" : "auto"};
 
   display: inline-flex;
@@ -2602,55 +2647,55 @@ const Ti = s.button`
     border-width: var(--button-border-width-disabled);
   }
 
-  ${({ $variant: e, $size: t }) => (e === "link" || e === "ghost") && t === "small" && ue`
+  ${({ $variant: e, $size: t }) => (e === "link" || e === "ghost") && t === "small" && fe`
       --button-font-size: var(--font-size-sm);
       --button-line-height: var(--line-height-sm);
       --button-icon-padding: var(--button-icon-padding-small) !important;
     `}
 
-  ${({ $blinking: e }) => e && ue`
+  ${({ $blinking: e }) => e && fe`
       pointer-events: none;
-      animation: ${bi()} 1.2s infinite;
+      animation: ${Ii()} 1.2s infinite;
     `}
-`, Ai = (e) => {
+`, Pi = (e) => {
   const {
     languageInsensitive: t,
     fullWidth: n,
     blinking: r,
     iconPosition: o,
     icon: a,
-    children: c,
-    variant: d,
-    tone: l,
+    children: s,
+    variant: l,
+    tone: d,
     size: u,
     extraClass: f,
     to: p,
     external: g,
-    className: y,
+    className: m,
     ...v
   } = e, x = "tabIndex" in e ? e.tabIndex : e.to ? -1 : void 0, w = /* @__PURE__ */ h(
-    Ti,
+    Li,
     {
       "data-component-name": "Button/Button",
       ...v,
-      className: ki({ variant: d, tone: l, size: u, extraClass: f, className: y }),
+      className: Ai({ variant: l, tone: d, size: u, extraClass: f, className: m }),
       $fullWidth: n,
       $blinking: r,
       $iconPosition: o,
       $icon: a,
-      $iconOnly: !c && a != null,
-      $variant: d,
+      $iconOnly: !s && a != null,
+      $variant: l,
       $size: u,
       tabIndex: x,
       children: [
         a && o !== "right" && a,
-        c,
+        s,
         a && o === "right" && a
       ]
     }
   );
   return p ? /* @__PURE__ */ i(
-    Ci,
+    Si,
     {
       to: p,
       external: g,
@@ -2659,10 +2704,10 @@ const Ti = s.button`
       children: w
     }
   ) : w;
-}, te = s(Ai)``;
-function Si() {
+}, ne = c(Pi)``;
+function Ei() {
   const e = F(null), [t, n] = K(!1);
-  return Fe(() => {
+  return je(() => {
     if (!e.current) return;
     const r = e.current;
     function o() {
@@ -2676,16 +2721,16 @@ function Si() {
     value: t
   };
 }
-function Ii(e) {
-  const { ref: t, value: n } = Si();
-  return /* @__PURE__ */ i(Li, { children: /* @__PURE__ */ i(Y, { tip: e.value, className: "no-overflow", disabled: !n, children: /* @__PURE__ */ i(Pi, { ref: t, children: e.value }) }) });
+function Ri(e) {
+  const { ref: t, value: n } = Ei();
+  return /* @__PURE__ */ i(Oi, { children: /* @__PURE__ */ i(Y, { tip: e.value, className: "no-overflow", disabled: !n, children: /* @__PURE__ */ i($i, { ref: t, children: e.value }) }) });
 }
-const Li = s.div`
+const Oi = c.div`
   overflow: hidden;
   .tooltip-no-overflow {
     overflow: hidden;
   }
-`, Pi = s.div`
+`, $i = c.div`
   color: var(--text-color-primary);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
@@ -2694,14 +2739,14 @@ const Li = s.div`
   text-overflow: ellipsis;
   user-select: none;
 `;
-function gt(e) {
+function vt(e) {
   const { children: t, buttons: n } = e;
-  return /* @__PURE__ */ h(Ei, { children: [
-    /* @__PURE__ */ i(Oi, { children: t }),
-    n && /* @__PURE__ */ i(Ri, { children: n })
+  return /* @__PURE__ */ h(Di, { children: [
+    /* @__PURE__ */ i(Mi, { children: t }),
+    n && /* @__PURE__ */ i(zi, { children: n })
   ] });
 }
-const Ei = s.div`
+const Di = c.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -2709,32 +2754,32 @@ const Ei = s.div`
   gap: var(--spacing-xs);
   width: 100%;
   flex-shrink: 0;
-`, Oi = s.div`
+`, Mi = c.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
   min-width: 0;
   flex: 1;
-`, Ri = s.div`
+`, zi = c.div`
   display: flex;
   align-items: center;
   gap: 2px;
 `;
-function $i(e) {
+function _i(e) {
   const { title: t, onCreateNewChat: n, onViewHistory: r, onClose: o } = e;
-  return /* @__PURE__ */ h(gt, { buttons: /* @__PURE__ */ h(Ne, { children: [
+  return /* @__PURE__ */ h(vt, { buttons: /* @__PURE__ */ h(Fe, { children: [
     /* @__PURE__ */ i(Y, { tip: "New chat", children: /* @__PURE__ */ i(
-      te,
+      ne,
       {
         size: "small",
         variant: "text",
         "aria-label": "Create new chat",
         onClick: n,
-        icon: /* @__PURE__ */ i(Vt, {})
+        icon: /* @__PURE__ */ i(Ht, {})
       }
     ) }),
     /* @__PURE__ */ i(Y, { tip: "Chat history", children: /* @__PURE__ */ i(
-      te,
+      ne,
       {
         size: "small",
         variant: "text",
@@ -2743,28 +2788,28 @@ function $i(e) {
         icon: /* @__PURE__ */ i(Bt, {})
       }
     ) }),
-    /* @__PURE__ */ i(Mi, { children: /* @__PURE__ */ i(Zt, {}) }),
+    /* @__PURE__ */ i(Hi, { children: /* @__PURE__ */ i(Xt, {}) }),
     /* @__PURE__ */ i(Y, { tip: "Close", arrowPosition: "left", children: /* @__PURE__ */ i(
-      te,
+      ne,
       {
         variant: "text",
         size: "small",
         "aria-label": "Close panel",
-        icon: /* @__PURE__ */ i(Ht, {}),
+        icon: /* @__PURE__ */ i(Nt, {}),
         onClick: o
       }
     ) })
   ] }), children: [
-    /* @__PURE__ */ i(Di, { children: /* @__PURE__ */ i(_t, { size: "14px" }) }),
-    /* @__PURE__ */ i(Ii, { value: t })
+    /* @__PURE__ */ i(Vi, { children: /* @__PURE__ */ i(Vt, { size: "14px" }) }),
+    /* @__PURE__ */ i(Ri, { value: t })
   ] });
 }
-const Di = s.div`
+const Vi = c.div`
   display: flex;
-`, Mi = s.div`
+`, Hi = c.div`
   display: flex;
   height: 14px;
-`, zi = /* @__PURE__ */ new Set([
+`, Bi = /* @__PURE__ */ new Set([
   "color",
   "fontFamily",
   "fontSize",
@@ -2775,8 +2820,8 @@ const Di = s.div`
   "marginBottom",
   "marginTop",
   "textAlign"
-]), _i = s.span.withConfig({
-  shouldForwardProp: (e) => !zi.has(e)
+]), Ni = c.span.withConfig({
+  shouldForwardProp: (e) => !Bi.has(e)
 }).attrs({
   "data-component-name": "Typography/Typography"
 })`
@@ -2791,37 +2836,37 @@ const Di = s.div`
   margin-top: ${({ marginTop: e }) => e};
   text-align: ${({ textAlign: e }) => e};
 `;
-function Vi(e) {
+function Fi(e) {
   const { onReturnFromHistory: t } = e;
-  return /* @__PURE__ */ h(gt, { children: [
+  return /* @__PURE__ */ h(vt, { children: [
     /* @__PURE__ */ i(
-      te,
+      ne,
       {
         size: "small",
         variant: "text",
         "aria-label": "Return to chat",
         onClick: t,
-        icon: /* @__PURE__ */ i(Nt, {})
+        icon: /* @__PURE__ */ i(Ft, {})
       }
     ),
-    /* @__PURE__ */ i(Bi, { children: /* @__PURE__ */ i(_i, { children: "Chat history" }) })
+    /* @__PURE__ */ i(ji, { children: /* @__PURE__ */ i(Ni, { children: "Chat history" }) })
   ] });
 }
-const Bi = s.div`
+const ji = c.div`
   user-select: none;
 `;
-function Xi() {
-  const [e, t] = K(j.CHAT), n = Ke(), r = Ge(), o = () => {
+function na() {
+  const [e, t] = K(j.CHAT), n = qe(), r = Ke(), o = () => {
     t(j.HISTORY);
   }, a = () => {
     t(j.CHAT);
-  }, c = async (d) => {
-    r.selectChat(d), t(j.CHAT);
+  }, s = async (l) => {
+    r.selectChat(l), t(j.CHAT);
   };
-  return /* @__PURE__ */ h(Hi, { children: [
+  return /* @__PURE__ */ h(Wi, { children: [
     /* @__PURE__ */ h(Be, { isActive: e === j.CHAT, children: [
       /* @__PURE__ */ i(
-        $i,
+        _i,
         {
           title: r.title,
           onCreateNewChat: r.createNewChat,
@@ -2829,25 +2874,25 @@ function Xi() {
           onClose: n.closePanel
         }
       ),
-      /* @__PURE__ */ i(qo, {}),
-      /* @__PURE__ */ i(He, { children: /* @__PURE__ */ i(we, {}) })
+      /* @__PURE__ */ i(Qo, {}),
+      /* @__PURE__ */ i(Ne, { children: /* @__PURE__ */ i(be, {}) })
     ] }),
     /* @__PURE__ */ h(Be, { isActive: e === j.HISTORY, isSliding: !0, children: [
-      /* @__PURE__ */ i(Vi, { onReturnFromHistory: a }),
-      /* @__PURE__ */ i(yi, { onChatSelect: c, onChatRemove: r.removeChat }),
-      /* @__PURE__ */ i(He, { children: /* @__PURE__ */ i(we, {}) })
+      /* @__PURE__ */ i(Fi, { onReturnFromHistory: a }),
+      /* @__PURE__ */ i(Ci, { onChatSelect: s, onChatRemove: r.removeChat }),
+      /* @__PURE__ */ i(Ne, { children: /* @__PURE__ */ i(be, {}) })
     ] })
   ] });
 }
 function Be(e) {
-  const { children: t, isActive: n, isSliding: r = !1 } = e, o = /* @__PURE__ */ i(Ni, { inert: !n, children: t });
-  return r ? /* @__PURE__ */ i(Fi, { $isExpanded: n, children: o }) : o;
+  const { children: t, isActive: n, isSliding: r = !1 } = e, o = /* @__PURE__ */ i(Ui, { inert: !n, children: t });
+  return r ? /* @__PURE__ */ i(Yi, { $isExpanded: n, children: o }) : o;
 }
-const Hi = s.div`
+const Wi = c.div`
   position: relative;
   height: 100%;
   overflow: clip;
-`, Ni = s.div`
+`, Ui = c.div`
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -2855,7 +2900,7 @@ const Hi = s.div`
   border-radius: var(--border-radius-md);
   background: var(--bg-color);
   margin-left: var(--spacing-xxs);
-`, Fi = s.div`
+`, Yi = c.div`
   position: absolute;
   inset: 0;
   transform: translateX(${(e) => e.$isExpanded ? "0%" : "100%"});
@@ -2865,9 +2910,9 @@ const Hi = s.div`
   @media (prefers-reduced-motion: reduce) {
     transition-duration: 0ms;
   }
-`, He = s.div`
+`, Ne = c.div`
   width: 100%;
 `;
 export {
-  Xi as AiPanel
+  na as AiPanel
 };