@redocly/replay 0.28.0-next.4 → 0.28.0-next.6

package/dist/{replay-AiPanel-DU5aVA3q.js → replay-AiPanel-DfOpKMDQ.js}

@@ -1,31 +1,31 @@
-import { jsxs as h, jsx as i, Fragment as Ne } from "react/jsx-runtime";
-import { useCallback as _, useMemo as A, useState as G, Fragment as gt, useRef as F, useEffect as B, useLayoutEffect as je } from "react";
-import c, { css as pe } from "styled-components";
-import { T as te, a5 as Te, a6 as mt, j as vt, z as Ue, s as yt, v as xt, c as wt, a7 as he, a8 as ge, a9 as V, aa as be, ab as bt, ac as Ct, ad as We, ae as Tt, af as kt, H as me, X as ue, ag as Ye, E as Ge, ah as Ce, ai as U, aj as It } from "./replay-index-BH8cTSEK.js";
-import { l as At, n as St, p as Lt, q as Pt, T as Et, t as Rt, v as Ot, x as qe, C as I, y as Dt, z as Ke, L as Mt, B as Q, D as _t, E as zt, F as Vt, G as $t, H as N } from "./replay-useAiChatQueries-BTuu2xLG.js";
+import { jsxs as m, jsx as i, Fragment as Fe } from "react/jsx-runtime";
+import { useCallback as _, useMemo as A, useState as q, Fragment as ht, useRef as N, useEffect as B, useLayoutEffect as je } from "react";
+import c, { css as ue } from "styled-components";
+import { T as be, ac as Ce, ad as mt, ae as gt, E as vt, c as yt, af as fe, ag as pe, ah as V, ai as xe, aj as xt, ak as wt, al as ke, h as bt, am as Ct, an as Ue, ao as kt, ap as Tt, U as he, a2 as le, aq as We, N as Ye, ar as we, as as U, at as It } from "./replay-index-Dx8O3ZoA.js";
+import { l as At, n as St, p as Lt, q as Pt, T as Et, t as Rt, v as Ot, x as qe, C as I, y as Dt, z as Ge, L as Mt, B as Q, D as _t, E as zt, F as Vt, G as $t, H as F } from "./replay-useAiChatQueries-BULoKr4E.js";
 import { AI_SEARCH_MAX_MESSAGE_LENGTH as Ht } from "@redocly/theme/core/constants/search";
 import { Button as P } from "@redocly/theme/components/Button/Button";
 import { SendIcon as Bt } from "@redocly/theme/icons/SendIcon/SendIcon";
-import { StopIcon as Ft } from "@redocly/theme/icons/StopIcon/StopIcon";
-import { M as z } from "./replay-db-BImXgUGU.js";
-import { CheckboxIcon as Nt } from "@redocly/theme/icons/CheckboxIcon/CheckboxIcon";
+import { StopIcon as Nt } from "@redocly/theme/icons/StopIcon/StopIcon";
+import { M as z } from "./replay-db-CifZMdnr.js";
+import { CheckboxIcon as Ft } from "@redocly/theme/icons/CheckboxIcon/CheckboxIcon";
 import { CheckmarkFilledIcon as jt } from "@redocly/theme/icons/CheckmarkFilledIcon/CheckmarkFilledIcon";
 import { CloseFilledIcon as Ut } from "@redocly/theme/icons/CloseFilledIcon/CloseFilledIcon";
 import { AddIcon as Wt } from "@redocly/theme/icons/AddIcon/AddIcon";
 import { SubtractIcon as Yt } from "@redocly/theme/icons/SubtractIcon/SubtractIcon";
-import { capitalize as oe } from "@redocly/theme/core/utils";
-import { ChevronDownIcon as Gt } from "@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";
-import { ChevronRightIcon as qt } from "@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";
+import { capitalize as re } from "@redocly/theme/core/utils";
+import { ChevronDownIcon as qt } from "@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";
+import { ChevronRightIcon as Gt } from "@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";
 import { Dropdown as Kt } from "@redocly/theme/components/Dropdown/Dropdown";
-import { DropdownMenu as Xt } from "@redocly/theme/components/Dropdown/DropdownMenu";
-import { DropdownMenuItem as Xe } from "@redocly/theme/components/Dropdown/DropdownMenuItem";
-import { CheckmarkIcon as Jt } from "@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";
+import { DropdownMenu as Jt } from "@redocly/theme/components/Dropdown/DropdownMenu";
+import { DropdownMenuItem as Ke } from "@redocly/theme/components/Dropdown/DropdownMenuItem";
+import { CheckmarkIcon as Xt } from "@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";
 import { SettingsCogIcon as Zt } from "@redocly/theme/icons/SettingsCogIcon/SettingsCogIcon";
 import { ChatGptIcon as Qt } from "@redocly/theme/icons/ChatGptIcon/ChatGptIcon";
 import { GeminiIcon as en } from "@redocly/theme/icons/GeminiIcon/GeminiIcon";
 import { ClaudeIcon as tn } from "@redocly/theme/icons/ClaudeIcon/ClaudeIcon";
 import { Tooltip as W } from "@redocly/theme/components/Tooltip/Tooltip";
-import { g as ke } from "./replay-SemanticSearchService-BWwCFW3F.js";
+import { g as Te } from "./replay-SemanticSearchService-CPIb_cUk.js";
 import "@tanstack/react-query";
 import { Typography as Z } from "@redocly/theme/components/Typography/Typography";
 import { TrashCanIcon as nn } from "@redocly/theme/icons/TrashCanIcon/TrashCanIcon";
@@ -42,18 +42,18 @@ function ln({
   onStop: o,
   modelSelector: a,
   value: s,
-  onValueChange: d,
-  onSubmit: l,
+  onValueChange: l,
+  onSubmit: d,
   textareaRef: u
 }) {
-  const f = s.trim(), p = !n && f.length > 0 && !r, g = !n && f.length > 0, y = (w) => {
-    d(w.target.value);
-  }, m = () => {
-    !f || n || r || l();
+  const f = s.trim(), h = !n && f.length > 0 && !r, p = !n && f.length > 0, y = (w) => {
+    l(w.target.value);
+  }, g = () => {
+    !f || n || r || d();
   }, x = () => {
     !r || !o || o();
   };
-  return /* @__PURE__ */ h(dn, { className: t, $isActive: g, children: [
+  return /* @__PURE__ */ m(dn, { className: t, $isActive: p, children: [
     /* @__PURE__ */ i(
       un,
       {
@@ -66,11 +66,11 @@ function ln({
         spellCheck: !1,
         onChange: y,
         onKeyDown: (w) => {
-          w.key === "Enter" && !w.shiftKey && !w.nativeEvent.isComposing && (w.preventDefault(), r && o ? x() : m());
+          w.key === "Enter" && !w.shiftKey && !w.nativeEvent.isComposing && (w.preventDefault(), r && o ? x() : g());
         }
       }
     ),
-    /* @__PURE__ */ h(fn, { children: [
+    /* @__PURE__ */ m(fn, { children: [
       a,
       r && o ? /* @__PURE__ */ i(
         hn,
@@ -78,7 +78,7 @@ function ln({
           type: "button",
           size: "small",
           "aria-label": "Stop generating",
-          icon: /* @__PURE__ */ i(Ft, { color: "var(--icon-color-on-color)" }),
+          icon: /* @__PURE__ */ i(Nt, { color: "var(--icon-color-on-color)" }),
           onClick: x
         }
       ) : /* @__PURE__ */ i(
@@ -88,8 +88,8 @@ function ln({
           size: "small",
           "aria-label": "Send message",
           icon: /* @__PURE__ */ i(Bt, { color: "var(--icon-color-on-color)" }),
-          onClick: m,
-          disabled: !p
+          onClick: g,
+          disabled: !h
         }
       )
     ] })
@@ -114,7 +114,7 @@ const dn = c.div`
       var(--replay-ai-gradient-soft) border-box;
   }
 
-  ${({ $isActive: e }) => e && pe`
+  ${({ $isActive: e }) => e && ue`
       border-color: transparent;
       background:
         linear-gradient(var(--layer-color), var(--layer-color)) padding-box,
@@ -159,8 +159,8 @@ const dn = c.div`
   box-sizing: border-box;
   background: var(--color-warm-grey-9);
   border-radius: var(--border-radius-xxl);
-`, gn = /* @__PURE__ */ new Set(["collection", "workflow", "step", "operation", "workflow-run"]);
-function ve(e) {
+`, mn = /* @__PURE__ */ new Set(["collection", "workflow", "step", "operation", "workflow-run"]);
+function me(e) {
   return `replay://step?${new URLSearchParams({
     collectionId: e.collectionId.trim(),
     workflowId: e.workflowId.trim(),
@@ -174,7 +174,7 @@ function D(e, t) {
   const r = n.trim();
   return r.length > 0 ? r : null;
 }
-function mn(e) {
+function gn(e) {
   let t;
   try {
     t = new URL(e);
@@ -184,7 +184,7 @@ function mn(e) {
   if (t.protocol !== "replay:")
     return null;
   const n = t.hostname.toLowerCase();
-  if (!gn.has(n))
+  if (!mn.has(n))
     return null;
   const r = t.searchParams;
   switch (n) {
@@ -207,123 +207,110 @@ function mn(e) {
     case "workflow-run": {
       const o = D(r, "collectionId"), a = D(r, "workflowId");
       if (!o || !a) return null;
-      const s = D(r, "historyId"), d = s === "null" || s === "undefined" ? null : s;
+      const s = D(r, "historyId"), l = s === "null" || s === "undefined" ? null : s;
       return {
         kind: "workflow-run",
         collectionId: o,
         workflowId: a,
-        ...d ? { historyId: d } : {}
+        ...l ? { historyId: l } : {}
       };
     }
     default:
       return null;
   }
 }
-function vn(e, t, n) {
-  return e.tabsState.tabs.get({ noproxy: !0 }).findIndex(({ data: r }) => mt(r, vt.WorkflowRun) && r.collectionId === t && r.workflowId === n);
-}
-function yn(e, t, n, r = {}) {
-  switch (n.kind) {
+function vn(e, t, n = {}) {
+  switch (t.kind) {
     case "collection":
-      t.openCollectionTab({
-        collectionId: n.collectionId,
-        activeTabName: Te.COLLECTION_SETTINGS
+      e.openCollectionTab({
+        collectionId: t.collectionId,
+        activeTabName: Ce.COLLECTION_SETTINGS
       });
       break;
     case "workflow":
-      t.openWorkflowTab({
-        collectionId: n.collectionId,
-        workflowId: n.workflowId,
-        activeTabName: Te.WORKFLOW_SETTINGS
+      e.openWorkflowTab({
+        collectionId: t.collectionId,
+        workflowId: t.workflowId,
+        activeTabName: Ce.WORKFLOW_SETTINGS
       });
       break;
     case "step":
-      t.openStepTabFromCollection({
-        collectionId: n.collectionId,
-        workflowId: n.workflowId,
-        stepId: n.stepId,
-        state: te.Normal
+      e.openStepTabFromCollection({
+        collectionId: t.collectionId,
+        workflowId: t.workflowId,
+        stepId: t.stepId,
+        state: be.Normal
       });
       break;
     case "workflow-run": {
-      const o = r.workflowRunHistoryIds?.[Pt(n.collectionId, n.workflowId)] ?? [], a = n.historyId && o.includes(n.historyId) ? n.historyId : o.at(-1) ?? n.historyId;
-      if (a) {
-        t.openWorkflowRunTabFromHistory(a, { state: te.Normal });
-        break;
-      }
-      const s = vn(
-        e,
-        n.collectionId,
-        n.workflowId
-      );
-      if (s !== -1) {
-        e.tabsState.tabs.get({ noproxy: !0 })[s].state === te.Preview && t.changeTabState(s, te.Normal), t.handleTabChange(s);
+      const r = n.workflowRunHistoryIds?.[Pt(t.collectionId, t.workflowId)] ?? [], o = t.historyId && r.includes(t.historyId) ? t.historyId : r.at(-1) ?? t.historyId;
+      if (o) {
+        e.openWorkflowRunTabFromHistory(o, { state: be.Normal });
         break;
       }
-      t.openWorkflowRunTab({
-        collectionId: n.collectionId,
-        workflowId: n.workflowId
+      e.focusWorkflowRunTab({
+        collectionId: t.collectionId,
+        workflowId: t.workflowId
+      }) || e.openWorkflowRunTab({
+        collectionId: t.collectionId,
+        workflowId: t.workflowId
       });
       break;
     }
     case "operation": {
-      const o = At(e, n.operationId);
-      if (!o.ok) {
+      const r = At(e.apis, t.operationId);
+      if (!r.ok) {
         console.warn("[executeReplayChatLink] Operation not resolved", {
-          operationId: n.operationId,
-          message: o.message
+          operationId: t.operationId,
+          message: r.message
         });
         return;
       }
-      St(
-        e,
-        Lt(o.value),
-        t
-      );
+      St(Lt(r.value), e);
       break;
     }
   }
 }
-function xn(e, t, n, r = {}) {
-  const o = mn(n);
-  o && yn(e, t, o, r);
+function yn(e, t, n = {}) {
+  const r = gn(t);
+  r && vn(e, r, n);
 }
 function Je({
   workflowRunHistoryIds: e
 } = {}) {
-  const t = Ue(), { getApiOperation: n } = yt(), {
-    handleTabChange: r,
+  const t = mt(), { getApiOperation: n } = gt(), {
+    focusOperationTab: r,
     addNewTab: o,
     openCollectionTab: a,
     openWorkflowTab: s,
-    openStepTabFromCollection: d,
-    openWorkflowRunTab: l,
+    openStepTabFromCollection: l,
+    openWorkflowRunTab: d,
     openWorkflowRunTabFromHistory: u,
-    changeTabState: f
-  } = xt();
+    focusWorkflowRunTab: f
+  } = vt();
   return _(
-    (p) => {
-      const g = p.target;
-      if (!(g instanceof Element))
+    (h) => {
+      const p = h.target;
+      if (!(p instanceof Element))
         return;
-      const y = g.closest("a[href]");
+      const y = p.closest("a[href]");
       if (!(y instanceof HTMLAnchorElement))
         return;
-      const m = y.getAttribute("href");
-      m?.startsWith("replay:") && (p.preventDefault(), p.stopPropagation(), xn(
-        t,
+      const g = y.getAttribute("href");
+      g?.startsWith("replay:") && (h.preventDefault(), h.stopPropagation(), yn(
         {
+          apis: t,
           getApiOperation: n,
-          handleTabChange: r,
+          focusOperationTab: r,
           addNewTab: o,
           openCollectionTab: a,
           openWorkflowTab: s,
-          openStepTabFromCollection: d,
-          openWorkflowRunTab: l,
+          openStepTabFromCollection: l,
+          openWorkflowRunTab: d,
           openWorkflowRunTabFromHistory: u,
-          changeTabState: f
+          focusWorkflowRunTab: f
         },
-        m,
+        g,
         { workflowRunHistoryIds: e }
       ));
     },
@@ -335,19 +322,19 @@ function Je({
       o,
       a,
       s,
-      d,
       l,
+      d,
       u,
       f
     ]
   );
 }
-class wn {
+class xn {
   diff(t, n, r = {}) {
     let o;
     typeof r == "function" ? (o = r, r = {}) : "callback" in r && (o = r.callback);
-    const a = this.castInput(t, r), s = this.castInput(n, r), d = this.removeEmpty(this.tokenize(a, r)), l = this.removeEmpty(this.tokenize(s, 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;
@@ -359,12 +346,12 @@ class wn {
         return;
       } else
         return v;
-    }, d = n.length, l = t.length;
-    let u = 1, f = d + l;
+    }, 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 m = this.extractCommon(y[0], n, t, 0, r);
-    if (y[0].oldPos + 1 >= l && m + 1 >= d)
+    const h = (a = r.timeout) !== null && a !== void 0 ? a : 1 / 0, p = Date.now() + h, y = [{ oldPos: -1, lastComponent: void 0 }];
+    let g = this.extractCommon(y[0], n, t, 0, r);
+    if (y[0].oldPos + 1 >= d && g + 1 >= l)
       return s(this.buildValues(y[0].lastComponent, n, t));
     let x = -1 / 0, b = 1 / 0;
     const w = () => {
@@ -372,32 +359,32 @@ class wn {
         let S;
         const R = y[v - 1], O = y[v + 1];
         R && (y[v - 1] = void 0);
-        let q = !1;
+        let G = !1;
         if (O) {
           const ee = O.oldPos - v;
-          q = O && 0 <= ee && ee < d;
+          G = O && 0 <= ee && ee < l;
         }
-        const $ = R && R.oldPos + 1 < l;
-        if (!q && !$) {
+        const $ = R && R.oldPos + 1 < d;
+        if (!G && !$) {
           y[v] = void 0;
           continue;
         }
-        if (!$ || q && R.oldPos < O.oldPos ? S = this.addToPath(O, !0, !1, 0, r) : S = this.addToPath(R, !1, !0, 1, r), m = this.extractCommon(S, n, t, v, r), S.oldPos + 1 >= l && m + 1 >= d)
+        if (!$ || G && R.oldPos < O.oldPos ? S = this.addToPath(O, !0, !1, 0, r) : S = this.addToPath(R, !1, !0, 1, r), g = this.extractCommon(S, n, t, v, r), S.oldPos + 1 >= d && g + 1 >= l)
           return s(this.buildValues(S.lastComponent, n, t)) || !0;
-        y[v] = S, S.oldPos + 1 >= l && (b = Math.min(b, v - 1)), m + 1 >= d && (x = Math.max(x, v + 1));
+        y[v] = S, S.oldPos + 1 >= d && (b = Math.min(b, v - 1)), g + 1 >= l && (x = Math.max(x, v + 1));
       }
       u++;
     };
     if (o)
       (function v() {
         setTimeout(function() {
-          if (u > f || Date.now() > g)
+          if (u > f || Date.now() > p)
             return o(void 0);
           w() || v();
         }, 0);
       })();
     else
-      for (; u <= f && Date.now() <= g; ) {
+      for (; u <= f && Date.now() <= p; ) {
         const v = w();
         if (v)
           return v;
@@ -414,11 +401,11 @@ class wn {
     };
   }
   extractCommon(t, n, r, o, a) {
-    const s = n.length, d = r.length;
-    let l = t.oldPos, u = l - o, f = 0;
-    for (; u + 1 < s && 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();
@@ -453,27 +440,27 @@ class wn {
       o.push(t), a = t.previousComponent, delete t.previousComponent, t = a;
     o.reverse();
     const s = o.length;
-    let d = 0, l = 0, u = 0;
-    for (; d < s; d++) {
-      const f = o[d];
+    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 m = r[u + y];
-            return m.length > g.length ? m : g;
-          }), f.value = this.join(p);
+          let h = n.slice(d, d + f.count);
+          h = h.map(function(p, y) {
+            const g = r[u + y];
+            return g.length > p.length ? g : p;
+          }), f.value = this.join(h);
         } 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 bn extends wn {
+class wn extends xn {
   constructor() {
     super(...arguments), this.tokenize = kn;
   }
@@ -485,9 +472,9 @@ class bn extends wn {
 `) && (n = n.slice(0, -1))), super.equals(t, n, r);
   }
 }
-const Cn = new bn();
-function Tn(e, t, n) {
-  return Cn.diff(e, t, n);
+const bn = new wn();
+function Cn(e, t, n) {
+  return bn.diff(e, t, n);
 }
 function kn(e, t) {
   t.stripTrailingCr && (e = e.replace(/\r\n/g, `
@@ -500,9 +487,9 @@ function kn(e, t) {
   }
   return n;
 }
-const In = 500;
-function An(e, t) {
-  const n = Sn(e, t);
+const Tn = 500;
+function In(e, t) {
+  const n = An(e, t);
   if (n.length === 0) return [];
   const r = [];
   let o = 0;
@@ -510,30 +497,30 @@ function An(e, t) {
     let a = o;
     const s = n[o].type === "context";
     for (; a < n.length && n[a].type === "context" === s; ) a++;
-    const d = n.slice(o, 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 Sn(e, t) {
+function An(e, t) {
   if (e === void 0)
     return t === void 0 ? [] : j(t, "add");
   if (t === void 0) return j(e, "remove");
   if (e === t) return j(t, "context");
-  const n = Ln(e, t);
+  const n = Sn(e, t);
   return n ? n.flatMap(
     (r) => j(r.value, r.added ? "add" : r.removed ? "remove" : "context")
   ) : [...j(e, "remove"), ...j(t, "add")];
 }
-function Ln(e, t) {
+function Sn(e, t) {
   try {
-    return Tn(e, t, { timeout: In });
+    return Cn(e, t, { timeout: Tn });
   } catch {
     return;
   }
@@ -544,40 +531,40 @@ function j(e, t) {
   return n.length > 1 && n[n.length - 1] === "" && n.pop(), n.map((r) => ({ type: t, text: r }));
 }
 const Ie = 1, Ae = (e) => e && e.hasAdditions !== e.hasRemovals, Se = (e) => e && (e.hasAdditions || e.hasRemovals);
-function Pn(e, t, n) {
+function Ln(e, t, n) {
   if (e.hasAdditions || e.hasRemovals)
-    return ne(e.rows);
+    return te(e.rows);
   const r = n[t - 1], o = n[t + 1], a = Ae(r) ? Ie : 0, s = Ae(o) ? Ie : 0;
-  if (a + s >= e.rows.length) return ne(e.rows);
-  const d = e.rows.slice(0, a), l = s > 0 ? e.rows.slice(-s) : [], u = [];
-  return u.push(...ne(d)), Se(r) && Se(o) && u.push({ kind: "separator" }), u.push(...ne(l)), u;
+  if (a + s >= e.rows.length) return te(e.rows);
+  const l = e.rows.slice(0, a), d = s > 0 ? e.rows.slice(-s) : [], u = [];
+  return u.push(...te(l)), Se(r) && Se(o) && u.push({ kind: "separator" }), u.push(...te(d)), u;
 }
-function ne(e) {
+function te(e) {
   return e.map((t) => ({
     kind: "row",
     row: t
   }));
 }
-const En = 200;
+const Pn = 200;
 function Le({ oldValue: e, newValue: t }) {
-  const n = A(() => An(e, t), [e, t]), r = A(() => n.flatMap(Pn), [n]);
-  return A(() => n.some((a) => a.hasAdditions || a.hasRemovals), [n]) ? /* @__PURE__ */ i(On, { $maxHeight: En, children: r.map((a, s) => {
+  const n = A(() => In(e, t), [e, t]), r = A(() => n.flatMap(Ln), [n]);
+  return A(() => n.some((a) => a.hasAdditions || a.hasRemovals), [n]) ? /* @__PURE__ */ i(Rn, { $maxHeight: Pn, children: r.map((a, s) => {
     if (a.kind === "separator")
-      return /* @__PURE__ */ i(Vn, { children: /* @__PURE__ */ i(Pe, { children: "···" }) }, s);
-    const { row: d } = a, l = Rn(d.type);
-    return /* @__PURE__ */ h(l, { children: [
-      /* @__PURE__ */ h(zn, { children: [
-        d.type === "remove" && /* @__PURE__ */ i(Yt, { size: "12px" }),
-        d.type === "add" && /* @__PURE__ */ i(Wt, { size: "12px" })
+      return /* @__PURE__ */ i(zn, { children: /* @__PURE__ */ i(Pe, { children: "···" }) }, s);
+    const { row: l } = a, d = En(l.type);
+    return /* @__PURE__ */ m(d, { children: [
+      /* @__PURE__ */ m(_n, { children: [
+        l.type === "remove" && /* @__PURE__ */ i(Yt, { size: "12px" }),
+        l.type === "add" && /* @__PURE__ */ i(Wt, { size: "12px" })
       ] }),
-      /* @__PURE__ */ i(Pe, { children: d.text === "" ? " " : d.text })
+      /* @__PURE__ */ i(Pe, { children: l.text === "" ? " " : l.text })
     ] }, s);
   }) }) : null;
 }
-function Rn(e) {
-  return e === "remove" ? Dn : e === "add" ? Mn : _n;
+function En(e) {
+  return e === "remove" ? On : e === "add" ? Dn : Mn;
 }
-const On = c.div`
+const Rn = c.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -588,22 +575,22 @@ const On = c.div`
   &::-webkit-scrollbar-track {
     margin: var(--spacing-xxs) 0;
   }
-`, le = c.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);
-`, Dn = c(le)`
+`, On = c(se)`
   background: var(--admonition-danger-bg-color);
   color: var(--color-raspberry-7);
-`, Mn = c(le)`
+`, Dn = c(se)`
   background: var(--admonition-success-bg-color);
   color: var(--color-green-7);
-`, _n = c(le)`
+`, Mn = c(se)`
   background: transparent;
   color: var(--text-color-secondary);
-`, zn = c.span`
+`, _n = c.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -618,24 +605,24 @@ const On = c.div`
   font-weight: var(--font-weight-regular);
   white-space: pre-wrap;
   word-break: break-all;
-`, Vn = c(le)`
+`, zn = c(se)`
   user-select: none;
-`, $n = (e) => typeof e != "object" || e === null ? !1 : "kind" in e && e.kind === "batch" ? "changes" in e ? Array.isArray(e.changes) && e.changes.every(Ee) : !1 : Ee(e);
+`, Vn = (e) => typeof e != "object" || e === null ? !1 : "kind" in e && e.kind === "batch" ? "changes" in e ? Array.isArray(e.changes) && e.changes.every(Ee) : !1 : Ee(e);
 function Ee(e) {
   return typeof e != "object" || e === null || !("id" in e) || !("target" in e) || !("included" in e) || !("kind" in e) ? !1 : e.kind === "single";
 }
-const Hn = {
+const $n = {
   approveLabel: "Approve",
   denyLabel: "Deny"
 };
-function Bn(e, t) {
+function Hn(e, t) {
   const n = C(t, "action");
   if (n) {
     const o = Et[n];
     if (o) return o;
   }
   const r = Rt[e];
-  return r || Hn;
+  return r || $n;
 }
 function C(e, t) {
   if (!e || typeof e != "object") return null;
@@ -644,43 +631,43 @@ function C(e, t) {
   const r = n[t];
   return typeof r != "string" ? null : r.trim() || null;
 }
-function re(e, t) {
+function ne(e, t) {
   if (!(typeof t > "u"))
     return e ? `${e}: ${t}` : t;
 }
-function Fn(e) {
+function Bn(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 Nn(e, t) {
   if (!e || typeof e != "object") return;
-  const n = ae(e, he), r = ae(n, ge);
+  const n = ie(e, fe), r = ie(n, pe);
   if (!(t in r)) return;
   const o = r[t];
-  if (Array.isArray(o) && o.length !== 0 && o.every($n))
+  if (Array.isArray(o) && o.length !== 0 && o.every(Vn))
     return o;
 }
-function Ze(e, t) {
+function Xe(e, t) {
   return Ot(e) && qe(e) && e.toolCallId === t;
 }
-function jn(e, t, n) {
-  const r = e.parts.map((l) => Ze(l, t) ? { ...l, input: Un(l.input, n) } : l), o = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, a = ae(o, he), d = { ...ae(a, ge), [t]: wt(n) };
+function Fn(e, t, n) {
+  const r = e.parts.map((d) => Xe(d, t) ? { ...d, input: jn(d.input, n) } : d), o = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, a = ie(o, fe), l = { ...ie(a, pe), [t]: yt(n) };
   return {
     ...e,
     parts: r,
     metadata: {
       ...o,
-      [he]: {
+      [fe]: {
         ...a,
-        [ge]: d
+        [pe]: l
       }
     }
   };
 }
-function ae(e, t) {
+function ie(e, t) {
   const n = e[t];
   return typeof n == "object" && n !== null ? n : {};
 }
-function Un(e, t) {
+function jn(e, t) {
   if (!e || !("changes" in e) || !Array.isArray(e.changes)) return e;
   const { changes: n, ...r } = e;
   return {
@@ -691,39 +678,39 @@ function Un(e, t) {
     }))
   };
 }
-function Wn({
+function Un({
   preview: e,
   isIncluded: t,
   onToggle: n,
   readOnly: r
 }) {
-  const { primaryLabel: o, categoryLabel: a, diffLineKey: s } = Yn(e.target);
+  const { primaryLabel: o, categoryLabel: a, diffLineKey: s } = Wn(e.target);
   return /* @__PURE__ */ i(
-    Gn,
+    Yn,
     {
       isIncluded: t,
       onToggle: n,
       readOnly: r,
       primaryLabel: o,
       categoryLabel: a,
-      children: e.kind === "batch" ? /* @__PURE__ */ i(or, { children: e.changes.map((d) => /* @__PURE__ */ i(
+      children: e.kind === "batch" ? /* @__PURE__ */ i(rr, { children: e.changes.map((l) => /* @__PURE__ */ i(
         Le,
         {
-          oldValue: re(d.target.key, d.oldValue),
-          newValue: re(d.target.key, d.newValue)
+          oldValue: ne(l.target.key, l.oldValue),
+          newValue: ne(l.target.key, l.newValue)
         },
-        d.id
+        l.id
       )) }) : /* @__PURE__ */ i(
         Le,
         {
-          oldValue: re(s, e.oldValue),
-          newValue: re(s, e.newValue)
+          oldValue: ne(s, e.oldValue),
+          newValue: ne(s, e.newValue)
         }
       )
     }
   );
 }
-function Yn(e) {
+function Wn(e) {
   const t = e.schemeId ?? e.type;
   return e.stepId || e.schemeId ? {
     primaryLabel: e.stepId ?? t,
@@ -735,7 +722,7 @@ function Yn(e) {
     diffLineKey: void 0
   };
 }
-function Gn({
+function Yn({
   isIncluded: e,
   onToggle: t,
   readOnly: n,
@@ -743,13 +730,13 @@ function Gn({
   categoryLabel: o,
   children: a
 }) {
-  return /* @__PURE__ */ h(qn, { $dimmed: n && !e, children: [
-    /* @__PURE__ */ h(Kn, { children: [
-      n ? /* @__PURE__ */ i(tr, { children: e ? /* @__PURE__ */ i(nr, { size: "16px" }) : /* @__PURE__ */ i(rr, { size: "16px" }) }) : /* @__PURE__ */ h(Qn, { children: [
-        /* @__PURE__ */ i(Zn, { checked: e }),
-        /* @__PURE__ */ i(er, { type: "checkbox", checked: e, onChange: t })
+  return /* @__PURE__ */ m(qn, { $dimmed: n && !e, children: [
+    /* @__PURE__ */ m(Gn, { children: [
+      n ? /* @__PURE__ */ i(er, { children: e ? /* @__PURE__ */ i(tr, { size: "16px" }) : /* @__PURE__ */ i(nr, { size: "16px" }) }) : /* @__PURE__ */ m(Zn, { children: [
+        /* @__PURE__ */ i(Xn, { checked: e }),
+        /* @__PURE__ */ i(Qn, { type: "checkbox", checked: e, onChange: t })
       ] }),
-      /* @__PURE__ */ i(Xn, { children: r }),
+      /* @__PURE__ */ i(Kn, { children: r }),
       o ? /* @__PURE__ */ i(Jn, { children: o }) : null
     ] }),
     a
@@ -767,12 +754,12 @@ const qn = c.div`
   &:last-child {
     border-bottom: none;
   }
-`, Kn = c.div`
+`, Gn = c.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
   min-width: 0;
-`, Xn = c.span`
+`, Kn = c.span`
   flex: 1;
   min-width: 0;
   color: var(--text-color-primary);
@@ -789,17 +776,17 @@ const qn = c.div`
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   color: var(--text-color-secondary);
-`, Zn = c(Nt).attrs({ "aria-hidden": !0 })`
+`, Xn = c(Ft).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);
-`, Qn = c.span`
+`, Zn = c.span`
   position: relative;
   display: inline-flex;
   flex-shrink: 0;
   width: 16px;
   height: 16px;
-`, er = c.input`
+`, Qn = c.input`
   position: absolute;
   inset: 0;
   width: 16px;
@@ -807,30 +794,30 @@ const qn = c.div`
   margin: 0;
   opacity: 0;
   cursor: pointer;
-`, tr = c.span`
+`, er = c.span`
   display: inline-flex;
   flex-shrink: 0;
   width: 16px;
   height: 16px;
   align-items: center;
   justify-content: center;
-`, nr = c(jt)`
+`, tr = c(jt)`
   color: var(--color-success-base);
-`, rr = c(Ut)`
+`, nr = c(Ut)`
   color: var(--text-color-description);
-`, or = c.div`
+`, rr = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   min-width: 0;
 `;
-function Qe({
+function Ze({
   previews: e,
   handleToggle: t,
   readOnly: n
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ i(ir, { children: e.map((r, o) => /* @__PURE__ */ i(
-    Wn,
+  return e.length === 0 ? null : /* @__PURE__ */ i(or, { children: e.map((r, o) => /* @__PURE__ */ i(
+    Un,
     {
       preview: r,
       isIncluded: r.included,
@@ -840,126 +827,126 @@ function Qe({
     r.id
   )) });
 }
-const ir = c.div`
+const or = c.div`
   display: flex;
   flex-direction: column;
-`, ar = {
-  update_step: lr,
-  update_security: dr,
-  run_request: hr,
-  web_search: gr,
-  manage_environment: fr,
-  manage_collection: pr
+`, ir = {
+  update_step: cr,
+  update_security: lr,
+  run_request: pr,
+  web_search: hr,
+  manage_environment: ur,
+  manage_collection: fr
 };
-function sr(e, t) {
-  const n = ar[e];
-  return n ? n(t) : cr(e);
+function ar(e, t) {
+  const n = ir[e];
+  return n ? n(t) : sr(e);
 }
-function cr(e) {
+function sr(e) {
   return [{ kind: "text", text: e.split("_").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" ") }];
 }
-function lr(e) {
-  return et(e, "Update step");
+function cr(e) {
+  return Qe(e, "Update step");
 }
-function dr(e) {
-  const t = ur(e);
-  if (t.size > 1) return k("Update security");
+function lr(e) {
+  const t = dr(e);
+  if (t.size > 1) return T("Update security");
   const [n] = t;
-  return et(e, "Update security", n);
+  return Qe(e, "Update security", n);
 }
-function ur(e) {
+function dr(e) {
   const t = e && "changes" in e ? e.changes : void 0;
   if (!Array.isArray(t)) return /* @__PURE__ */ new Set();
-  const n = X(e, "stepId"), r = t.map((o) => X(o, "stepId") ?? n);
+  const n = J(e, "stepId"), r = t.map((o) => J(o, "stepId") ?? n);
   return new Set(r.filter((o) => !!o));
 }
-function et(e, t, n) {
+function Qe(e, t, n) {
   const { collectionId: r, workflowId: o, stepId: a } = mr(e), s = n ?? a;
-  return !r || !o || !s ? k(t) : ye(
+  return !r || !o || !s ? T(t) : ge(
     `${t} `,
-    ve({ collectionId: r, workflowId: o, stepId: s }),
+    me({ collectionId: r, workflowId: o, stepId: s }),
     s
   );
 }
-function k(e) {
+function T(e) {
   return [{ kind: "text", text: e }];
 }
 function E(e, t) {
   return t ? `${e} "${t}"` : e;
 }
-function ye(e, t, n) {
+function ge(e, t, n) {
   return [
     { kind: "text", text: e },
     { kind: "link", href: t, label: n }
   ];
 }
-function fr(e) {
+function ur(e) {
   const t = C(e, "action"), n = C(e, "environment"), r = n ? ` in environment "${n}"` : "";
   switch (t) {
     case "add_environment":
-      return k(E("Add environment", n));
+      return T(E("Add environment", n));
     case "set_active_environment":
-      return k(
+      return T(
         n ? `Switch active environment to ${n}` : "Switch active environment"
       );
     case "upsert_input":
-      return k(E("Set input", C(e, "name")) + r);
+      return T(E("Set input", C(e, "name")) + r);
     case "remove_input":
-      return k(
+      return T(
         E("Remove input", C(e, "inputName")) + r
       );
     case "upsert_server":
-      return k(E("Set server", C(e, "apiId")) + r);
+      return T(E("Set server", C(e, "apiId")) + r);
     case "remove_server":
-      return k(
+      return T(
         E("Remove server", C(e, "apiId")) + r
       );
     default:
-      return k("Manage environment");
+      return T("Manage environment");
   }
 }
-function pr(e) {
+function fr(e) {
   switch (C(e, "action")) {
     case "create_collection":
-      return k(E("Create collection", C(e, "title")));
+      return T(E("Create collection", C(e, "title")));
     case "delete_collection":
-      return k(
+      return T(
         E("Delete collection", C(e, "collectionId"))
       );
     case "create_workflow":
-      return k(E("Create workflow", C(e, "name")));
+      return T(E("Create workflow", C(e, "name")));
     case "delete_workflow":
-      return k(E("Delete workflow", C(e, "workflowId")));
+      return T(E("Delete workflow", C(e, "workflowId")));
     case "create_step":
-      return k(E("Create step", C(e, "stepName")));
+      return T(E("Create step", C(e, "stepName")));
     case "delete_step": {
       const n = C(e, "collectionId"), r = C(e, "workflowId"), o = C(e, "stepId");
-      return !n || !r || !o ? k("Delete step") : ye(
+      return !n || !r || !o ? T("Delete step") : ge(
         "Delete step ",
-        ve({ collectionId: n, workflowId: r, stepId: o }),
+        me({ collectionId: n, workflowId: r, stepId: o }),
         o
       );
     }
     case "move_step": {
       const n = C(e, "collectionId"), r = C(e, "workflowId"), o = C(e, "stepId");
-      return !n || !r || !o ? k("Move step") : ye(
+      return !n || !r || !o ? T("Move step") : ge(
         "Move step ",
-        ve({ collectionId: n, workflowId: r, stepId: o }),
+        me({ collectionId: n, workflowId: r, stepId: o }),
         o
       );
     }
     case "save_tab_to_collection":
-      return k(
+      return T(
         E("Save tab as step", C(e, "newStepName"))
       );
     default:
-      return k("Manage collection");
+      return T("Manage collection");
   }
 }
-function hr() {
+function pr() {
   return [{ kind: "text", text: "Run current request" }];
 }
-function gr(e) {
+function hr(e) {
   return [
     {
       kind: "text",
@@ -974,23 +961,23 @@ function gr(e) {
 }
 function mr(e) {
   return {
-    collectionId: X(e, "collectionId"),
-    workflowId: X(e, "workflowId"),
-    stepId: X(e, "stepId")
+    collectionId: J(e, "collectionId"),
+    workflowId: J(e, "workflowId"),
+    stepId: J(e, "stepId")
   };
 }
-function X(e, t) {
+function J(e, t) {
   if (typeof e != "object" || e === null || !(t in e)) return null;
   const n = e[t];
   return typeof n == "string" && n.trim() || null;
 }
-function tt({ toolName: e, input: t }) {
-  const n = sr(e, t), r = Je();
-  return /* @__PURE__ */ i(vr, { onClick: r, children: /* @__PURE__ */ i(yr, { children: n.map(
-    (o, a) => o.kind === "text" ? /* @__PURE__ */ i("span", { children: o.text }, a) : /* @__PURE__ */ i(xr, { href: o.href, children: o.label }, a)
+function et({ toolName: e, input: t }) {
+  const n = ar(e, t), r = Je();
+  return /* @__PURE__ */ i(gr, { onClick: r, children: /* @__PURE__ */ i(vr, { children: n.map(
+    (o, a) => o.kind === "text" ? /* @__PURE__ */ i("span", { children: o.text }, a) : /* @__PURE__ */ i(yr, { href: o.href, children: o.label }, a)
   ) }) });
 }
-const vr = c.div`
+const gr = c.div`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -1000,13 +987,13 @@ const vr = c.div`
   &:not(:last-child) {
     border-bottom: 1px solid var(--border-color-secondary);
   }
-`, yr = c.span`
+`, vr = 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);
-`, xr = c.a`
+`, yr = c.a`
   color: var(--link-color-primary);
   cursor: pointer;
   text-decoration: none;
@@ -1015,11 +1002,11 @@ const vr = c.div`
     color: var(--link-color-primary, var(--text-color-link));
   }
 `;
-function nt(e, t, n) {
+function tt(e, t, n) {
   const r = { type: e };
   return t !== void 0 && (r.key = t), n && (r.stepId = n), r;
 }
-function T({
+function k({
   id: e,
   targetType: t,
   targetKey: n,
@@ -1030,14 +1017,14 @@ function T({
   return {
     kind: "single",
     id: e,
-    target: nt(t, n, r),
+    target: tt(t, n, r),
     oldValue: o,
     newValue: a,
     included: !0
   };
 }
 function H(e, t, n) {
-  return T({ id: e, targetType: t, targetStepId: n, oldValue: void 0, newValue: void 0 });
+  return k({ id: e, targetType: t, targetStepId: n, oldValue: void 0, newValue: void 0 });
 }
 function Y({
   data: e,
@@ -1046,68 +1033,75 @@ function Y({
   batchTargetKey: r,
   targetStepId: o,
   getOldValue: a,
-  getNewValue: s = (l, u) => String(u ?? ""),
-  resolveTargetKey: d = (l) => l
+  getNewValue: s = (d, u) => String(u ?? ""),
+  resolveTargetKey: l = (d) => d
 }) {
-  const l = Object.entries(e).filter(([, p]) => p !== void 0);
-  if (l.length === 0)
+  const d = Object.entries(e).filter(([, h]) => h !== void 0);
+  if (d.length === 0)
     return H(t, n, o);
-  if (l.length >= 2) {
-    const p = l.map(
-      ([g, y]) => T({
-        id: `${t}:${g}`,
+  if (d.length >= 2) {
+    const h = d.map(
+      ([p, y]) => k({
+        id: `${t}:${p}`,
         targetType: n,
-        targetKey: d(g),
-        oldValue: a(g),
-        newValue: s(g, y)
+        targetKey: l(p),
+        oldValue: a(p),
+        newValue: s(p, y)
       })
     );
     return {
       kind: "batch",
       id: t,
-      target: nt(n, r, o),
-      changes: p,
+      target: tt(n, r, o),
+      changes: h,
       included: !0
     };
   }
-  const [u, f] = l[0];
-  return T({
+  const [u, f] = d[0];
+  return k({
     id: t,
     targetType: n,
-    targetKey: d(u),
+    targetKey: l(u),
     targetStepId: o,
     oldValue: a(u),
     newValue: s(u, f)
   });
 }
-function wr({
-  store: e,
-  input: t
+function xr({
+  collections: e,
+  activeTab: t,
+  input: n
 }) {
-  if (!br(t)) return [];
-  const n = /* @__PURE__ */ new Map(), r = (o) => {
-    const a = n.get(o);
-    if (a) return a;
-    const s = Ke(e, t.collectionId, t.workflowId, o), d = s.ok ? s.value : null, l = d ? Array.from(d.security.get({ noproxy: !0 })) : [];
-    return n.set(o, l), l;
+  if (!wr(n)) return [];
+  const r = /* @__PURE__ */ new Map(), o = (a) => {
+    const s = r.get(a);
+    if (s) return s;
+    const l = Ge(
+      e,
+      t,
+      n.collectionId,
+      n.workflowId,
+      a
+    ), d = l.ok ? Array.from(l.value.step.security) : [];
+    return r.set(a, d), d;
   };
-  return t.changes.map((o, a) => {
-    const s = o.stepId?.trim(), d = s || t.stepId;
-    return Cr(r(d), o, a, s);
+  return n.changes.map((a, s) => {
+    const l = a.stepId?.trim(), d = l || n.stepId;
+    return br(o(d), a, s, l);
   });
 }
-function br(e) {
+function wr(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 Cr(e, t, n, r) {
+function br(e, t, n, r) {
   const o = `security[${n}]`;
   switch (t.action) {
     case I.ADD: {
-      const { type: a, schemeId: s, data: d } = t;
-      return !d || Object.keys(d).length === 0 ? K(
-        T({
+      const { type: a, schemeId: s, data: l } = t;
+      return !l || Object.keys(l).length === 0 ? K(
+        k({
           id: o,
           targetType: a,
           targetStepId: r,
@@ -1117,7 +1111,7 @@ function Cr(e, t, n, r) {
         s
       ) : K(
         Y({
-          data: d,
+          data: l,
           baseId: o,
           targetType: a,
           targetStepId: r,
@@ -1128,38 +1122,38 @@ function Cr(e, t, n, r) {
       );
     }
     case I.UPDATE: {
-      const { type: a, data: s } = t, d = t.index !== void 0 ? e[t.index] : void 0, l = t.schemeId || xe(d);
+      const { type: a, data: s } = t, l = t.index !== void 0 ? e[t.index] : void 0, d = t.schemeId || ve(l);
       return !s || Object.keys(s).length === 0 ? K(
-        T({
+        k({
           id: o,
           targetType: a,
           targetStepId: r,
-          oldValue: Oe(d),
+          oldValue: Oe(l),
           newValue: a
         }),
-        l
+        d
       ) : K(
         Y({
           data: s,
           baseId: o,
           targetType: a,
           targetStepId: r,
-          getOldValue: (u) => d ? Tr(d, u) : void 0
+          getOldValue: (u) => l ? Cr(l, u) : void 0
         }),
-        l
+        d
       );
     }
     case I.REMOVE: {
       const a = Dt(e, t), s = a.ok ? a.entry : void 0;
       return K(
-        T({
+        k({
           id: o,
           targetType: s?.securityType ?? "Security",
           targetStepId: r,
           oldValue: Oe(s),
           newValue: void 0
         }),
-        xe(s)
+        ve(s)
       );
     }
   }
@@ -1167,7 +1161,7 @@ function Cr(e, t, n, r) {
 function K(e, t) {
   return t ? { ...e, target: { ...e.target, schemeId: t } } : e;
 }
-function Tr(e, t) {
+function Cr(e, t) {
   switch (e.securityType) {
     case V.NoAuth:
       return;
@@ -1179,11 +1173,11 @@ function Tr(e, t) {
     }
     case V.APIKey: {
       const n = e[V.APIKey];
-      return t === "location" ? ie(n, t)?.toLowerCase() : ie(n, t);
+      return t === "location" ? oe(n, t)?.toLowerCase() : oe(n, t);
     }
     default: {
       const n = e[e.securityType];
-      return ie(n, t);
+      return oe(n, t);
     }
   }
 }
@@ -1191,67 +1185,74 @@ function Re(e, t) {
   if (t === "grantType") return e.grantType || void 0;
   if (!e.grantType) return;
   const n = e[e.grantType];
-  return ie(n, t);
+  return oe(n, t);
 }
-function ie(e, t) {
+function oe(e, t) {
   const n = e[t];
   return n !== void 0 && n !== "" ? String(n) : void 0;
 }
 function Oe(e) {
   if (!e || e.securityType === V.NoAuth) return;
-  const t = xe(e);
+  const t = ve(e);
   return t ? `${e.securityType} (${t})` : e.securityType;
 }
-function xe(e) {
+function ve(e) {
   return !e || e.securityType === V.NoAuth ? void 0 : e[e.securityType]?.schemeName || void 0;
 }
 function kr({
-  store: e,
-  input: t
+  collections: e,
+  activeTab: t,
+  input: n
 }) {
-  if (!Ir(t)) return [];
-  const n = Ke(e, t.collectionId, t.workflowId, t.stepId), r = n.ok ? n.value : null;
-  return t.changes.map((o, a) => Ar(r, o, a));
-}
-function Ir(e) {
+  if (!Tr(n)) return [];
+  const r = Ge(
+    e,
+    t,
+    n.collectionId,
+    n.workflowId,
+    n.stepId
+  ), o = r.ok ? r.value.step : null;
+  return n.changes.map((a, s) => Ir(o, a, s));
+}
+function Tr(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 Ar(e, t, n) {
+function Ir(e, t, n) {
   const r = t.id ?? `${t.field}[${n}]`;
   switch (t.field) {
     case "method":
     case "url":
     case "description":
-      return Sr(e, t, r);
+      return Ar(e, t, r);
     case "parameters":
-      return Lr(e, t, r);
+      return Sr(e, t, r);
     case "outputs":
-      return Pr(e, t, r);
+      return Lr(e, t, r);
     case "body":
-      return Er(e, t, r);
+      return Pr(e, t, r);
     case "successCriteria":
-      return Rr(e, t, r);
+      return Er(e, t, r);
   }
 }
-function Sr(e, t, n) {
-  const r = oe(t.field);
+function Ar(e, t, n) {
+  const r = re(t.field);
   switch (t.action) {
     case I.ADD:
-      return T({
+      return k({
         id: n,
         targetType: r,
         oldValue: void 0,
         newValue: t.data
       });
     case I.UPDATE:
-      return T({
+      return k({
         id: n,
         targetType: r,
         oldValue: De(e, t.field),
         newValue: t.data
       });
     case I.REMOVE:
-      return T({
+      return k({
         id: n,
         targetType: r,
         oldValue: De(e, t.field),
@@ -1259,14 +1260,14 @@ function Sr(e, t, n) {
       });
   }
 }
-function Lr(e, t, n) {
+function Sr(e, t, n) {
   switch (t.action) {
     case I.ADD: {
       if (!t.data) return H(n, "parameter");
       const { in: r, name: o, value: a } = t.data;
-      return T({
+      return k({
         id: n,
-        targetType: oe(r),
+        targetType: re(r),
         targetKey: o,
         oldValue: void 0,
         newValue: a
@@ -1275,9 +1276,9 @@ function Lr(e, t, n) {
     case I.UPDATE: {
       if (!t.id && !t.data?.name) return H(n, "parameter");
       const r = Me(e, t), o = t.data?.in ?? r?.in ?? "parameter";
-      return T({
+      return k({
         id: n,
-        targetType: oe(o),
+        targetType: re(o),
         targetKey: t.data?.name ?? r?.key,
         oldValue: r ? r.value ?? "" : void 0,
         newValue: t.data?.value
@@ -1286,9 +1287,9 @@ function Lr(e, t, n) {
     case I.REMOVE: {
       if (!t.id && !t.data?.name) return H(n, "parameter");
       const r = Me(e, t), o = t.data?.in ?? r?.in ?? "parameter";
-      return T({
+      return k({
         id: n,
-        targetType: oe(o),
+        targetType: re(o),
         targetKey: r?.key ?? t.data?.name,
         oldValue: r ? r.value ?? "" : void 0,
         newValue: void 0
@@ -1296,16 +1297,16 @@ function Lr(e, t, n) {
     }
   }
 }
-function Pr(e, t, n) {
+function Lr(e, t, n) {
   switch (t.action) {
     case I.ADD:
-      return t.data ? T({
+      return t.data ? k({
         id: n,
         targetType: "Output",
         targetKey: t.data.name,
         oldValue: void 0,
         newValue: t.data.expression
-      }) : T({
+      }) : k({
         id: n,
         targetType: "Output",
         oldValue: void 0,
@@ -1313,14 +1314,14 @@ function Pr(e, t, n) {
       });
     case I.UPDATE: {
       if (!t.data)
-        return T({
+        return k({
           id: n,
           targetType: "Output",
           oldValue: void 0,
           newValue: void 0
         });
       const r = t.id && e ? ze(e, t.id) : void 0;
-      return T({
+      return k({
         id: n,
         targetType: "Output",
         targetKey: t.data.name,
@@ -1331,7 +1332,7 @@ function Pr(e, t, n) {
     case I.REMOVE: {
       if (!t.id && !t.data?.name) return H(n, "Output");
       let r = t.id && e ? ze(e, t.id) : void 0;
-      return !r && e && t.data?.name && (r = Mr(e, t.data.name)), T({
+      return !r && e && t.data?.name && (r = Dr(e, t.data.name)), k({
         id: n,
         targetType: "Output",
         targetKey: r?.key ?? t.data?.name,
@@ -1341,7 +1342,7 @@ function Pr(e, t, n) {
     }
   }
 }
-function Er(e, t, n) {
+function Pr(e, t, n) {
   const { data: r } = t;
   switch (t.action) {
     case I.ADD:
@@ -1351,11 +1352,11 @@ function Er(e, t, n) {
         targetType: "Body",
         getOldValue: () => {
         },
-        getNewValue: (o) => o === "content" ? fe(r.content, r.contentType) : ce(r[o]),
+        getNewValue: (o) => o === "content" ? de(r.content, r.contentType) : ae(r[o]),
         resolveTargetKey: (o) => o === "content" ? void 0 : o
       });
     case I.UPDATE: {
-      const o = e?.requestBody.type.get(), a = r.contentType ?? o;
+      const o = e?.requestBody.type, a = r.contentType ?? o;
       return Y({
         data: r,
         baseId: n,
@@ -1363,20 +1364,20 @@ function Er(e, t, n) {
         getOldValue: (s) => {
           if (e) {
             if (s === "content")
-              return fe(e.requestBody.content.get(), o) || void 0;
+              return de(e.requestBody.content, o) || void 0;
             if (s === "contentType") return o;
           }
         },
-        getNewValue: (s) => s === "content" ? fe(r.content, a) : ce(r[s]),
+        getNewValue: (s) => s === "content" ? de(r.content, a) : ae(r[s]),
         resolveTargetKey: (s) => s === "content" ? void 0 : s
       });
     }
     case I.REMOVE: {
-      const o = e ? be({
-        contentType: e.requestBody.type.get(),
-        content: e.requestBody.content.get()
+      const o = e ? xe({
+        contentType: e.requestBody.type,
+        content: e.requestBody.content
       }) : void 0;
-      return T({
+      return k({
         id: n,
         targetType: "Body",
         oldValue: o,
@@ -1385,7 +1386,7 @@ function Er(e, t, n) {
     }
   }
 }
-function Rr(e, t, n) {
+function Er(e, t, n) {
   switch (t.action) {
     case I.ADD:
       return t.data ? Y({
@@ -1394,7 +1395,7 @@ function Rr(e, t, n) {
         targetType: "successCriteria",
         getOldValue: () => {
         },
-        getNewValue: (r) => ce(t.data[r])
+        getNewValue: (r) => ae(t.data[r])
       }) : H(n, "successCriteria");
     case I.UPDATE: {
       if (!t.data) return H(n, "successCriteria");
@@ -1410,17 +1411,17 @@ function Rr(e, t, n) {
             if (o === "type") return r.type;
           }
         },
-        getNewValue: (o) => ce(t.data[o])
+        getNewValue: (o) => ae(t.data[o])
       });
     }
     case I.REMOVE: {
       if (typeof t.id != "string") return H(n, "successCriteria");
       const r = e ? _e(e, t.id) : void 0;
-      return T({
+      return k({
         id: n,
         targetType: "successCriteria",
         targetKey: r?.condition,
-        oldValue: r ? be(r) : void 0,
+        oldValue: r ? xe(r) : void 0,
         newValue: void 0
       });
     }
@@ -1430,159 +1431,155 @@ function De(e, t) {
   if (e)
     switch (t) {
       case "method":
-        return e.xOperation.ornull?.method.get();
+        return e.xOperation?.method;
       case "url":
-        return e.xOperation.ornull?.url.get();
+        return e.xOperation?.url;
       case "description":
-        return e.description.get();
+        return e.description;
     }
 }
 function Me(e, t) {
-  let n = t.id && e ? Or(e, t.id) : null;
-  return !n && e && t.data?.name && (n = Dr(e, t.data.name)), n;
+  let n = t.id && e ? Rr(e, t.id) : null;
+  return !n && e && t.data?.name && (n = Or(e, t.data.name)), n;
 }
-function rt(e, t) {
+function nt(e, t) {
   for (const n of ["path", "query", "header", "cookie"]) {
-    const r = e.parameters[Mt[n]].get().find((o) => bt(o) && t(o));
+    const r = e.parameters[Mt[n]].find(
+      (o) => xt(o) && t(o)
+    );
     if (r) return r;
   }
   return null;
 }
-function Or(e, t) {
-  return rt(e, (n) => n.id === t);
+function Rr(e, t) {
+  return nt(e, (n) => n.id === t);
 }
-function Dr(e, t) {
-  return rt(e, (n) => n.key === t);
+function Or(e, t) {
+  return nt(e, (n) => n.key === t);
 }
 function _e(e, t) {
-  return e.successCriteria.get().find((n) => n.condition === t);
+  return e.successCriteria.find((n) => n.condition === t);
 }
-function ot(e, t) {
-  for (const n of e.outputs.get())
+function rt(e, t) {
+  for (const n of e.outputs)
     if (t(n))
-      return {
-        key: se(n.key),
-        value: se(n.value)
-      };
+      return { key: n.key, value: n.value };
 }
 function ze(e, t) {
-  return ot(e, (n) => se(n.id) === t);
-}
-function Mr(e, t) {
-  return ot(e, (n) => se(n.key) === t);
+  return rt(e, (n) => n.id === t);
 }
-function se(e) {
-  return typeof e == "string" ? e : e.get();
+function Dr(e, t) {
+  return rt(e, (n) => n.key === t);
 }
-function ce(e) {
-  return e == null ? "" : typeof e == "string" ? e : be(e);
+function ae(e) {
+  return e == null ? "" : typeof e == "string" ? e : xe(e);
 }
-function fe(e, t) {
-  if (!e || t !== Ct.JSON) return e;
+function de(e, t) {
+  if (!e || t !== wt.JSON) return e;
   try {
     return JSON.stringify(JSON.parse(e), null, 2);
   } catch {
     return e;
   }
 }
-const _r = {
-  update_security: wr,
+const Mr = {
+  update_security: xr,
   update_step: kr
 };
-function it(e, t) {
-  const n = Ue(), r = A(() => {
-    const l = e ? _r[e] : void 0;
-    if (!l) return [];
+function ot(e, t) {
+  const n = ke(bt), r = ke(Ct), o = A(() => {
+    const u = e ? Mr[e] : void 0;
+    if (!u) return [];
     try {
-      return l({ store: n, input: t });
-    } catch (u) {
-      return console.error("Unable to build change previews", u), [];
+      return u({ collections: n, activeTab: r, input: t });
+    } catch (f) {
+      return console.error("Unable to build change previews", f), [];
     }
-  }, [e, n, t]), [o, a] = G(
-    () => Object.fromEntries(r.map((l) => [l.id, l.included]))
-  ), s = A(
-    () => r.map((l) => ({ ...l, included: o[l.id] ?? l.included })),
-    [r, o]
+  }, [e, n, r, t]), [a, s] = q(
+    () => Object.fromEntries(o.map((u) => [u.id, u.included]))
+  ), l = A(
+    () => o.map((u) => ({ ...u, included: a[u.id] ?? u.included })),
+    [o, a]
   ), d = _(
-    (l) => {
-      a(typeof l == "function" ? (u) => {
-        const f = r.map((p) => ({
+    (u) => {
+      s(typeof u == "function" ? (f) => {
+        const h = o.map((p) => ({
           ...p,
-          included: u[p.id] ?? p.included
+          included: f[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(u(h).map((p) => [p.id, p.included]));
+      } : Object.fromEntries(u.map((f) => [f.id, f.included])));
     },
-    [r]
+    [o]
   );
-  return { previews: s, setPreviews: d };
+  return { previews: l, setPreviews: d };
 }
-function zr({
+function _r({
   toolCallId: e,
   toolName: t,
   input: n,
   onApprove: r,
   onDeny: o
 }) {
-  const { updateMessages: a } = Q(), { previews: s, setPreviews: d } = it(t, n), { includedCount: l, totalCount: u } = A(
+  const { updateMessages: a } = Q(), { previews: s, setPreviews: l } = ot(t, n), { includedCount: d, totalCount: u } = A(
     () => ({
-      includedCount: s.filter((m) => m.included).length,
+      includedCount: s.filter((g) => g.included).length,
       totalCount: s.length
     }),
     [s]
-  ), { approveLabel: f, denyLabel: p } = A(
-    () => Bn(t, n),
+  ), { approveLabel: f, denyLabel: h } = A(
+    () => Hn(t, n),
     [t, n]
-  ), g = _(() => {
-    a((m) => {
+  ), p = _(() => {
+    a((g) => {
       const x = [];
-      for (let b = 0; b < m.length; b++) {
-        const w = m[b], { parts: v } = w, S = w.role === "assistant", R = v.some(
-          (O) => Ze(O, e)
+      for (let b = 0; b < g.length; b++) {
+        const w = g[b], { parts: v } = w, S = w.role === "assistant", R = v.some(
+          (O) => Xe(O, e)
         );
         if (S && R) {
-          const O = jn(w, e, s);
+          const O = Fn(w, e, s);
           x.push({ index: b, message: O });
         }
       }
       return x;
     }), r();
   }, [s, r, a, e]), y = _(
-    (m) => {
-      d(
+    (g) => {
+      l(
         (x) => x.map(
-          (b, w) => w === m ? { ...b, included: !b.included } : b
+          (b, w) => w === g ? { ...b, included: !b.included } : b
         )
       );
     },
-    [d]
+    [l]
   );
-  return /* @__PURE__ */ h(Vr, { children: [
-    /* @__PURE__ */ i(tt, { toolName: t, input: n }),
-    s.length ? /* @__PURE__ */ i($r, { children: /* @__PURE__ */ i(Qe, { previews: s, handleToggle: y }) }) : null,
-    s.length ? /* @__PURE__ */ i(We, {}) : null,
-    /* @__PURE__ */ h(Hr, { children: [
-      u > 1 ? /* @__PURE__ */ h(Br, { children: [
-        l,
+  return /* @__PURE__ */ m(zr, { children: [
+    /* @__PURE__ */ i(et, { toolName: t, input: n }),
+    s.length ? /* @__PURE__ */ i(Vr, { children: /* @__PURE__ */ i(Ze, { previews: s, handleToggle: y }) }) : null,
+    s.length ? /* @__PURE__ */ i(Ue, {}) : null,
+    /* @__PURE__ */ m($r, { children: [
+      u > 1 ? /* @__PURE__ */ m(Hr, { children: [
+        d,
         " of ",
         u,
         " selected"
       ] }) : null,
-      /* @__PURE__ */ i(Fr, { size: "small", variant: "secondary", onClick: o, children: p }),
+      /* @__PURE__ */ i(Br, { size: "small", variant: "secondary", onClick: o, children: h }),
       /* @__PURE__ */ i(
         Nr,
         {
           size: "small",
           variant: "primary",
-          onClick: g,
-          disabled: u > 0 ? l === 0 : !1,
+          onClick: p,
+          disabled: u > 0 ? d === 0 : !1,
           children: f
         }
       )
     ] })
   ] });
 }
-const Vr = c.div`
+const zr = c.div`
   display: flex;
   color: var(--text-color-primary);
   flex-direction: column;
@@ -1593,25 +1590,25 @@ const Vr = c.div`
   border: 1px solid var(--border-color-secondary);
   background: var(--layer-color);
   line-height: var(--line-height-sm);
-`, $r = c.div`
+`, Vr = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
   min-width: 0;
-`, Hr = c.div`
+`, $r = 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);
-`, Br = c.span`
+`, Hr = 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);
-`, Fr = c(P)`
+`, Br = c(P)`
   background: none;
 `, Nr = c(P)`
   border: 1px solid var(--button-bg-color);
@@ -1621,7 +1618,7 @@ const Vr = c.div`
     border: 1px solid var(--button-border-color-disabled);
   }
 `;
-function jr({
+function Fr({
   approvalId: e,
   toolCallId: t,
   toolName: n,
@@ -1633,7 +1630,7 @@ function jr({
     o({ id: e, approved: !1 });
   }, [e, o]);
   return /* @__PURE__ */ i(
-    zr,
+    _r,
     {
       onApprove: a,
       onDeny: s,
@@ -1643,7 +1640,7 @@ function jr({
     }
   );
 }
-function Ur({
+function jr({
   toolName: e,
   toolCallId: t,
   input: n,
@@ -1654,33 +1651,33 @@ function Ur({
   const s = A(
     () => Nn(o, t),
     [o, t]
-  ), { previews: d } = it(
+  ), { previews: l } = ot(
     s ? void 0 : e,
     n
-  ), l = A(() => {
-    const g = s ?? d;
+  ), d = A(() => {
+    const p = s ?? l;
     if (r)
-      return g.map((m) => ({ ...m, included: !1 }));
-    const y = Fn(n);
-    return g.map((m, x) => ({
-      ...m,
-      included: y[x] ?? m.included
+      return p.map((g) => ({ ...g, included: !1 }));
+    const y = Bn(n);
+    return p.map((g, x) => ({
+      ...g,
+      included: y[x] ?? g.included
     }));
-  }, [s, 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(Wr, { children: [
-    /* @__PURE__ */ i(tt, { toolName: e, input: n }),
-    /* @__PURE__ */ i(Yr, { children: /* @__PURE__ */ i(Qe, { previews: l, readOnly: !0 }) }),
-    /* @__PURE__ */ i(We, {}),
-    /* @__PURE__ */ h(Gr, { children: [
-      /* @__PURE__ */ i(qr, { children: p }),
-      a ? /* @__PURE__ */ i(Kr, { size: "small", variant: "outlined", onClick: a, children: "Undo" }) : null
+  const u = d.filter((p) => p.included).length, h = u === 0 ? "Nothing applied" : `${u} ${u === 1 ? "change" : "changes"} applied`;
+  return /* @__PURE__ */ m(Ur, { children: [
+    /* @__PURE__ */ i(et, { toolName: e, input: n }),
+    /* @__PURE__ */ i(Wr, { children: /* @__PURE__ */ i(Ze, { previews: d, readOnly: !0 }) }),
+    /* @__PURE__ */ i(Ue, {}),
+    /* @__PURE__ */ m(Yr, { children: [
+      /* @__PURE__ */ i(qr, { children: h }),
+      a ? /* @__PURE__ */ i(Gr, { size: "small", variant: "outlined", onClick: a, children: "Undo" }) : null
     ] })
   ] });
 }
-const Wr = c.div`
+const Ur = c.div`
   display: flex;
   color: var(--text-color-primary);
   flex-direction: column;
@@ -1690,11 +1687,11 @@ const Wr = c.div`
   border: 1px solid var(--border-color-secondary);
   background: var(--layer-color);
   line-height: var(--line-height-sm);
-`, Yr = c.div`
+`, Wr = c.div`
   display: flex;
   flex-direction: column;
   min-width: 0;
-`, Gr = c.div`
+`, Yr = c.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1705,62 +1702,62 @@ const Wr = c.div`
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   color: var(--text-color-secondary);
-`, Kr = c(P)`
+`, Gr = c(P)`
   padding-top: 0;
   padding-bottom: 0;
 `;
-function Xr({ items: e, isLast: t }) {
-  const [n, r] = G(t), o = _(() => {
+function Kr({ items: e, isLast: t }) {
+  const [n, r] = q(t), o = _(() => {
     r((s) => !s);
   }, []), a = A(() => e.filter((s) => s.kind === "action"), [e]);
-  return /* @__PURE__ */ h(Zr, { children: [
-    /* @__PURE__ */ h(Qr, { type: "button", onClick: o, "aria-expanded": n, children: [
-      /* @__PURE__ */ i(eo, { children: n ? /* @__PURE__ */ i(Gt, { size: "12px", color: "var(--icon-color-additional)" }) : /* @__PURE__ */ i(qt, { size: "12px", color: "var(--icon-color-additional)" }) }),
-      /* @__PURE__ */ h(to, { children: [
+  return /* @__PURE__ */ m(Xr, { children: [
+    /* @__PURE__ */ m(Zr, { type: "button", onClick: o, "aria-expanded": n, children: [
+      /* @__PURE__ */ i(Qr, { children: n ? /* @__PURE__ */ i(qt, { size: "12px", color: "var(--icon-color-additional)" }) : /* @__PURE__ */ i(Gt, { size: "12px", color: "var(--icon-color-additional)" }) }),
+      /* @__PURE__ */ m(eo, { children: [
         a.length,
         " ",
         a.length === 1 ? "action" : "actions"
       ] })
     ] }),
-    n && /* @__PURE__ */ i(no, { children: a.map((s, d) => /* @__PURE__ */ i(Jr, { text: s.text }, d)) })
+    n && /* @__PURE__ */ i(to, { children: a.map((s, l) => /* @__PURE__ */ i(Jr, { text: s.text }, l)) })
   ] });
 }
 function Jr({ text: e }) {
-  return /* @__PURE__ */ h(ro, { children: [
-    /* @__PURE__ */ h(oo, { children: [
-      /* @__PURE__ */ i(io, { "aria-hidden": !0 }),
-      /* @__PURE__ */ i(ao, { children: /* @__PURE__ */ i(so, { "aria-hidden": !0 }) }),
-      /* @__PURE__ */ i(at, { "aria-hidden": !0 })
+  return /* @__PURE__ */ m(no, { children: [
+    /* @__PURE__ */ m(ro, { children: [
+      /* @__PURE__ */ i(oo, { "aria-hidden": !0 }),
+      /* @__PURE__ */ i(io, { children: /* @__PURE__ */ i(ao, { "aria-hidden": !0 }) }),
+      /* @__PURE__ */ i(it, { "aria-hidden": !0 })
     ] }),
-    /* @__PURE__ */ i(co, { children: e })
+    /* @__PURE__ */ i(so, { children: e })
   ] });
 }
-const Zr = c.div`
+const Xr = c.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   min-width: 0;
-`, Qr = c.button`
+`, Zr = c.button`
   display: flex;
   align-items: center;
   cursor: pointer;
   user-select: none;
   width: fit-content;
   padding: 0;
-`, eo = c.span`
+`, Qr = c.span`
   display: flex;
   align-items: center;
   flex-shrink: 0;
-`, to = c.span`
+`, eo = 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);
-`, no = c.div`
+`, to = c.div`
   display: flex;
   flex-direction: column;
   gap: 0;
-`, at = c.span`
+`, it = c.span`
   display: block;
   width: 1px;
   flex-shrink: 0;
@@ -1768,7 +1765,7 @@ const Zr = c.div`
   background: var(--border-color-secondary);
   flex: 1 1 auto;
   min-height: 8px;
-`, ro = c.div`
+`, no = c.div`
   display: flex;
   flex-direction: row;
   align-items: stretch;
@@ -1776,11 +1773,11 @@ const Zr = c.div`
   min-width: 0;
 
   &:last-child {
-    ${at} {
+    ${it} {
       display: none;
     }
   }
-`, oo = c.div`
+`, ro = c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1789,14 +1786,14 @@ const Zr = c.div`
   flex: 0 0 auto;
   align-self: stretch;
   min-height: 0;
-`, io = c.span`
+`, oo = c.span`
   display: block;
   width: 1px;
   height: 4px;
   flex: 0 0 auto;
   flex-shrink: 0;
   background: var(--border-color-secondary);
-`, ao = c.div`
+`, io = c.div`
   width: 12px;
   height: 12px;
   flex: 0 0 auto;
@@ -1804,7 +1801,7 @@ const Zr = c.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`, so = c.span`
+`, ao = c.span`
   width: 4px;
   height: 4px;
   flex-shrink: 0;
@@ -1812,7 +1809,7 @@ const Zr = c.div`
   box-sizing: border-box;
   border: 1px solid var(--border-color-secondary);
   background: transparent;
-`, co = c.span`
+`, so = c.span`
   flex: 1;
   min-width: 0;
   align-self: flex-start;
@@ -1821,18 +1818,18 @@ const Zr = c.div`
   line-height: var(--line-height-sm);
   color: var(--text-color-helper);
 `;
-function lo({
+function co({
   items: e,
   messageMetadata: t
 }) {
-  return /* @__PURE__ */ i(fo, { children: e.map((n, r) => {
+  return /* @__PURE__ */ i(uo, { children: e.map((n, r) => {
     if (n.kind === "reasoning-block") {
       const s = r === e.length - 1;
-      return /* @__PURE__ */ i(Xr, { items: n.items, isLast: s }, n.key);
+      return /* @__PURE__ */ i(Kr, { items: n.items, isLast: s }, n.key);
     }
     if (n.kind === "text")
       return /* @__PURE__ */ i(
-        uo,
+        lo,
         {
           rawMarkdown: n.text,
           workflowRunHistoryIds: n.workflowRunHistoryIds
@@ -1841,7 +1838,7 @@ function lo({
       );
     const { part: o } = n, a = _t(o.type);
     return a && qe(o) ? /* @__PURE__ */ i(
-      jr,
+      Fr,
       {
         approvalId: o.approval.id,
         toolCallId: o.toolCallId,
@@ -1850,7 +1847,7 @@ function lo({
       },
       n.key
     ) : a && zt(o) ? /* @__PURE__ */ i(
-      Ur,
+      jr,
       {
         toolName: a,
         toolCallId: o.toolCallId,
@@ -1862,18 +1859,18 @@ function lo({
     ) : null;
   }) });
 }
-function uo({
+function lo({
   rawMarkdown: e,
   workflowRunHistoryIds: t
 }) {
   const n = Je({ workflowRunHistoryIds: t });
-  return /* @__PURE__ */ i(po, { onClick: n, children: /* @__PURE__ */ i(Tt, { rawMarkdown: e, parser: kt }) });
+  return /* @__PURE__ */ i(fo, { onClick: n, children: /* @__PURE__ */ i(kt, { rawMarkdown: e, parser: Tt }) });
 }
-const fo = c.div`
+const uo = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
-`, po = c.div`
+`, fo = c.div`
   white-space: normal;
 
   max-width: 100%;
@@ -1886,12 +1883,12 @@ const fo = c.div`
   p:last-child {
     margin-bottom: 0;
   }
-`, st = c.div`
+`, at = 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);
-`, J = c.div`
+`, X = c.div`
   width: var(--search-ai-thinking-dot-size);
   height: var(--search-ai-thinking-dot-size);
   border-radius: 50%;
@@ -1923,14 +1920,14 @@ const fo = c.div`
     }
   }
 `;
-function ho() {
-  return /* @__PURE__ */ h(go, { children: [
-    /* @__PURE__ */ i(J, {}),
-    /* @__PURE__ */ i(J, {}),
-    /* @__PURE__ */ i(J, {})
+function po() {
+  return /* @__PURE__ */ m(ho, { children: [
+    /* @__PURE__ */ i(X, {}),
+    /* @__PURE__ */ i(X, {}),
+    /* @__PURE__ */ i(X, {})
   ] });
 }
-const go = c.div`
+const ho = c.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1938,44 +1935,44 @@ const go = c.div`
   height: 24px;
 `;
 function mo() {
-  return /* @__PURE__ */ h(vo, { children: [
-    /* @__PURE__ */ i(ho, {}),
-    /* @__PURE__ */ i(yo, { children: "Thinking" })
+  return /* @__PURE__ */ m(go, { children: [
+    /* @__PURE__ */ i(po, {}),
+    /* @__PURE__ */ i(vo, { children: "Thinking" })
   ] });
 }
-const vo = c.div`
+const go = c.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xxs);
-`, yo = c.span`
+`, vo = 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 xo({ items: e }) {
-  return /* @__PURE__ */ i(gt, { children: e.map((t) => t.kind !== "text" ? null : /* @__PURE__ */ i(st, { children: t.text }, t.key)) });
+function yo({ items: e }) {
+  return /* @__PURE__ */ i(ht, { children: e.map((t) => t.kind !== "text" ? null : /* @__PURE__ */ i(at, { children: t.text }, t.key)) });
 }
-const wo = "Something went wrong. Please try again.";
-function bo(e) {
+const xo = "Something went wrong. Please try again.";
+function wo(e) {
   const t = e?.message?.trim();
-  return t || wo;
+  return t || xo;
 }
-function Co({ message: e, isLastMessage: t }) {
-  const { chatStatus: n, chatError: r } = Q(), { role: o, parts: a } = e, s = o === z.ASSISTANT, d = A(() => Vt(a), [a]), l = d.length > 0, u = n === "error" && t && s && !l;
-  return !l && !u ? null : /* @__PURE__ */ i(ct, { $role: o, children: /* @__PURE__ */ i(
+function bo({ message: e, isLastMessage: t }) {
+  const { chatStatus: n, chatError: r } = Q(), { role: o, parts: a } = e, s = o === z.ASSISTANT, l = A(() => Vt(a), [a]), d = l.length > 0, u = n === "error" && t && s && !d;
+  return !d && !u ? null : /* @__PURE__ */ i(st, { $role: o, children: /* @__PURE__ */ i(
     ko,
     {
       isFailedEmptyAssistant: u,
       chatError: r,
       isAssistant: s,
-      contentItems: d,
+      contentItems: l,
       messageMetadata: e.metadata
     }
   ) });
 }
-function To() {
-  return /* @__PURE__ */ i(ct, { $role: z.ASSISTANT, children: /* @__PURE__ */ i(we, { children: /* @__PURE__ */ i(mo, {}) }) });
+function Co() {
+  return /* @__PURE__ */ i(st, { $role: z.ASSISTANT, children: /* @__PURE__ */ i(ye, { children: /* @__PURE__ */ i(mo, {}) }) });
 }
 function ko({
   isFailedEmptyAssistant: e,
@@ -1984,9 +1981,9 @@ function ko({
   contentItems: r,
   messageMetadata: o
 }) {
-  return e ? /* @__PURE__ */ i(we, { children: /* @__PURE__ */ i(st, { children: bo(t) }) }) : /* @__PURE__ */ i(we, { children: n ? /* @__PURE__ */ i(lo, { items: r, messageMetadata: o }) : /* @__PURE__ */ i(xo, { items: r }) });
+  return e ? /* @__PURE__ */ i(ye, { children: /* @__PURE__ */ i(at, { children: wo(t) }) }) : /* @__PURE__ */ i(ye, { children: n ? /* @__PURE__ */ i(co, { items: r, messageMetadata: o }) : /* @__PURE__ */ i(yo, { items: r }) });
 }
-const ct = c.div`
+const st = c.div`
   display: flex;
   flex-direction: column;
   padding: var(--spacing-xs) var(--spacing-sm);
@@ -2001,24 +1998,24 @@ const ct = c.div`
   word-wrap: break-word;
   white-space: pre-wrap;
   max-width: 100%;
-`, we = c.div`
+`, ye = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   min-width: 0;
   width: 100%;
 `;
-function Io() {
+function To() {
   const { messages: e, isStreaming: t } = Q(), n = e.at(-1), r = A(() => {
     const o = n?.role === z.ASSISTANT, a = n?.parts.at(-1)?.type === "text";
     return t && !(o && a);
   }, [t, n?.parts, n?.role]);
-  return /* @__PURE__ */ h(Ao, { children: [
-    e.map((o, a) => /* @__PURE__ */ i(Ve, { $role: o.role, children: /* @__PURE__ */ i($e, { $role: o.role, children: /* @__PURE__ */ i(Co, { message: o, isLastMessage: a === e.length - 1 }) }) }, o.id)),
-    r && /* @__PURE__ */ i(Ve, { $role: z.ASSISTANT, children: /* @__PURE__ */ i($e, { $role: z.ASSISTANT, children: /* @__PURE__ */ i(To, {}) }) })
+  return /* @__PURE__ */ m(Io, { children: [
+    e.map((o, a) => /* @__PURE__ */ i(Ve, { $role: o.role, children: /* @__PURE__ */ i($e, { $role: o.role, children: /* @__PURE__ */ i(bo, { message: o, isLastMessage: a === e.length - 1 }) }) }, o.id)),
+    r && /* @__PURE__ */ i(Ve, { $role: z.ASSISTANT, children: /* @__PURE__ */ i($e, { $role: z.ASSISTANT, children: /* @__PURE__ */ i(Co, {}) }) })
   ] });
 }
-const Ao = c.div`
+const Io = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
@@ -2036,20 +2033,20 @@ const Ao = c.div`
   width: 100%;
   max-width: 100%;
 `;
-function So(e) {
-  const t = F(void 0);
+function Ao(e) {
+  const t = N(void 0);
   return B(() => {
     t.current = e;
   }), t.current;
 }
-const lt = c.div`
+const ct = c.div`
   display: flex;
   flex-direction: column;
   flex: 1;
   width: 100%;
   overflow: auto;
   padding: var(--spacing-xs);
-`, Lo = (e) => /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none", ...e, children: [
+`, So = (e) => /* @__PURE__ */ m("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none", ...e, children: [
   /* @__PURE__ */ i(
     "path",
     {
@@ -2064,7 +2061,7 @@ const lt = c.div`
       fill: "url(#replay-icon-gradient)"
     }
   ),
-  /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ h(
+  /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ m(
     "linearGradient",
     {
       id: "replay-icon-gradient",
@@ -2081,63 +2078,63 @@ const lt = c.div`
       ]
     }
   ) })
-] }), Po = c(Lo)`
+] }), Lo = c(So)`
   height: ${({ size: e }) => e || "14px"};
   width: ${({ size: e }) => e || "14px"};
 `;
-function Eo(e) {
+function Po(e) {
   const t = "var(--font-size-base)";
   switch (e) {
-    case me:
-      return /* @__PURE__ */ i(Po, { size: t });
-    case ue.OPENAI:
+    case he:
+      return /* @__PURE__ */ i(Lo, { size: t });
+    case le.OPENAI:
       return /* @__PURE__ */ i(Qt, { size: t, color: "var(--text-color-primary)" });
-    case ue.GEMINI:
+    case le.GEMINI:
       return /* @__PURE__ */ i(en, { size: t });
-    case ue.ANTHROPIC:
+    case le.ANTHROPIC:
       return /* @__PURE__ */ i(tn, { size: t, color: "var(--replay-claude-icon-color)" });
   }
 }
-function Ro({
+function Eo({
   models: e,
   selectedModelId: t,
   placement: n,
   onModelSelect: r,
   onSettingsOpen: o
 }) {
-  const a = e.find((p) => p.id === t), s = a?.label ?? "Replay AI", d = a?.id, l = e.filter((p) => p.provider === me), u = e.filter((p) => p.provider !== me), f = l.length > 0 && u.length > 0;
-  return /* @__PURE__ */ i(_o, { children: /* @__PURE__ */ i(
-    zo,
+  const a = e.find((h) => h.id === t), s = a?.label ?? "Replay AI", l = a?.id, d = e.filter((h) => h.provider === he), u = e.filter((h) => h.provider !== he), f = d.length > 0 && u.length > 0;
+  return /* @__PURE__ */ i(Mo, { children: /* @__PURE__ */ i(
+    _o,
     {
-      trigger: /* @__PURE__ */ i(Oo, { label: s }),
+      trigger: /* @__PURE__ */ i(Ro, { label: s }),
       placement: n,
       alignment: "start",
       withArrow: !0,
-      children: /* @__PURE__ */ h(Vo, { children: [
-        /* @__PURE__ */ h(Bo, { children: [
-          l.map((p) => /* @__PURE__ */ i(
+      children: /* @__PURE__ */ m(zo, { children: [
+        /* @__PURE__ */ m(Ho, { children: [
+          d.map((h) => /* @__PURE__ */ i(
             He,
             {
-              model: p,
-              activeModelId: d,
+              model: h,
+              activeModelId: l,
               onModelSelect: r
             },
-            p.id
+            h.id
           )),
           f && /* @__PURE__ */ i(Be, { "aria-hidden": !0 }),
-          u.length > 0 && /* @__PURE__ */ i(Ne, { children: u.map((p) => /* @__PURE__ */ i(
+          u.length > 0 && /* @__PURE__ */ i(Fe, { children: u.map((h) => /* @__PURE__ */ i(
             He,
             {
-              model: p,
-              activeModelId: d,
+              model: h,
+              activeModelId: l,
               onModelSelect: r
             },
-            p.id
+            h.id
           )) })
         ] }),
         o && e.length > 0 && /* @__PURE__ */ i(Be, { "aria-hidden": !0 }),
         o && /* @__PURE__ */ i(
-          Fo,
+          Bo,
           {
             prefix: /* @__PURE__ */ i(Zt, { size: "var(--font-size-base)", color: "var(--text-color-secondary)" }),
             content: "Manage models",
@@ -2148,31 +2145,31 @@ function Ro({
     }
   ) });
 }
-function Oo({
+function Ro({
   label: e,
   icon: t,
   onClick: n,
   onKeyDown: r
 }) {
-  return /* @__PURE__ */ h(Do, { onClick: n, onKeyDown: r, children: [
-    /* @__PURE__ */ i(Mo, { children: e }),
+  return /* @__PURE__ */ m(Oo, { onClick: n, onKeyDown: r, children: [
+    /* @__PURE__ */ i(Do, { children: e }),
     t
   ] });
 }
 function He({ model: e, activeModelId: t, onModelSelect: n }) {
   const r = e.id === t;
   return /* @__PURE__ */ i(
-    Xe,
+    Ke,
     {
-      prefix: Eo(e.provider),
-      suffix: r ? /* @__PURE__ */ i(Ho, { size: "var(--font-size-base)", color: "var(--text-color-primary)" }) : void 0,
+      prefix: Po(e.provider),
+      suffix: r ? /* @__PURE__ */ i($o, { size: "var(--font-size-base)", color: "var(--text-color-primary)" }) : void 0,
       onAction: () => n(e.id),
       active: r,
-      children: /* @__PURE__ */ i($o, { children: e.label })
+      children: /* @__PURE__ */ i(Vo, { children: e.label })
     }
   );
 }
-const Do = c.div`
+const Oo = c.div`
   display: flex;
   align-items: center;
   min-width: 0;
@@ -2187,7 +2184,7 @@ const Do = c.div`
   &:hover {
     background: var(--layer-color-active);
   }
-`, Mo = c.span`
+`, Do = c.span`
   overflow: hidden;
   text-overflow: ellipsis;
   font-family: var(--font-family-base);
@@ -2196,13 +2193,13 @@ const Do = c.div`
   line-height: var(--line-height-base);
   color: var(--text-color-primary);
   white-space: nowrap;
-`, _o = c.div`
+`, Mo = c.div`
   --dropdown-menu-padding-top: 0;
 
   min-width: 0;
   flex: 1;
   position: relative;
-`, zo = c(Kt)`
+`, _o = c(Kt)`
   width: 100%;
   min-width: 0;
   flex: 1;
@@ -2211,7 +2208,7 @@ const Do = c.div`
     width: 100%;
     max-width: 200px;
   }
-`, Vo = c(Xt)`
+`, zo = c(Jt)`
   --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);
@@ -2220,13 +2217,13 @@ const Do = c.div`
   margin: 5px 0;
   border-radius: var(--border-radius-lg);
   background: var(--bg-color);
-`, $o = c.span`
+`, Vo = c.span`
   flex: 1;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, Ho = c(Jt)`
+`, $o = c(Xt)`
   margin-left: var(--spacing-xxs);
 `, Be = c.li`
   flex-shrink: 0;
@@ -2235,44 +2232,44 @@ const Do = c.div`
   height: 1px;
   margin: 0;
   background: var(--border-color-secondary);
-`, Bo = c.li`
+`, Ho = c.li`
   display: flex;
   flex-direction: column;
   gap: var(--dropdown-menu-item-gap);
   list-style: none;
   min-height: 0;
   overflow-y: auto;
-`, Fo = c(Xe)`
+`, Bo = c(Ke)`
   flex-shrink: 0;
 `, No = 280;
-function dt({ pinToBottom: e = !1 }) {
-  const [t, n] = G(
-    () => ke().getIndexingActivityState().inProgress
+function lt({ pinToBottom: e = !1 }) {
+  const [t, n] = q(
+    () => Te().getIndexingActivityState().inProgress
   );
-  return B(() => ke().subscribe("indexing-activity", (o) => {
+  return B(() => Te().subscribe("indexing-activity", (o) => {
     n(o.inProgress);
-  }), []), /* @__PURE__ */ i(jo, { $open: t, $pinToBottom: e, "aria-hidden": !t, children: /* @__PURE__ */ i(
+  }), []), /* @__PURE__ */ i(Fo, { $open: t, $pinToBottom: e, "aria-hidden": !t, children: /* @__PURE__ */ i(
     W,
     {
       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(Uo, { role: "status", "aria-live": "polite", "aria-label": "Indexing in progress...", children: [
-        /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(J, {}) }),
-        /* @__PURE__ */ i(Wo, { children: "Indexing in progress..." })
+      children: /* @__PURE__ */ m(jo, { role: "status", "aria-live": "polite", "aria-label": "Indexing in progress...", children: [
+        /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(X, {}) }),
+        /* @__PURE__ */ i(Uo, { children: "Indexing in progress..." })
       ] })
     }
   ) });
 }
-const jo = c.div`
+const Fo = c.div`
   width: 100%;
   display: block;
 
-  ${({ $pinToBottom: e }) => e ? pe`
+  ${({ $pinToBottom: e }) => e ? ue`
           order: 1;
           margin-top: auto;
-        ` : pe`
+        ` : ue`
           position: absolute;
           left: 0;
           right: 0;
@@ -2285,10 +2282,10 @@ const jo = c.div`
   transition: opacity ${No}ms ease-out;
   pointer-events: ${({ $open: e }) => e ? "auto" : "none"};
 
-  ${J} {
+  ${X} {
     animation-play-state: ${({ $open: e }) => e ? "running" : "paused"};
   }
-`, Uo = c.div`
+`, jo = c.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -2298,11 +2295,11 @@ const jo = c.div`
   border-radius: 4px;
   font-size: var(--font-size-sm);
   line-height: 12px;
-`, Wo = c.div`
+`, Uo = c.div`
   flex: 1;
   min-width: 0;
 `;
-function Yo() {
+function Wo() {
   const {
     chatId: e,
     isLoading: t,
@@ -2311,8 +2308,8 @@ function Yo() {
     availableModels: o,
     selectedModelId: a,
     selectModel: s,
-    onSettingsOpen: d
-  } = Ye(), { messages: l, isStreaming: u, sendMessage: f, stopGeneration: p } = Q(), { isOpen: g } = Ge(), [y, m] = G(""), x = F(null), b = F(null), w = F(!0), v = l.length > 0, S = t || v, R = So(l.length), q = R !== void 0 && R > 0 && !v, $ = _((L = "smooth") => {
+    onSettingsOpen: l
+  } = We(), { messages: d, isStreaming: u, sendMessage: f, stopGeneration: h } = Q(), { isOpen: p } = Ye(), [y, g] = q(""), x = N(null), b = N(null), w = N(!0), v = d.length > 0, S = t || v, R = Ao(d.length), G = R !== void 0 && R > 0 && !v, $ = _((L = "smooth") => {
     b.current && b.current.scrollTo({
       top: b.current.scrollHeight,
       behavior: L
@@ -2325,58 +2322,58 @@ function Yo() {
   B(() => {
     const L = b.current;
     if (!L) return;
-    const de = (ht) => {
-      ht.deltaY < 0 && (w.current = !1);
+    const ce = (pt) => {
+      pt.deltaY < 0 && (w.current = !1);
     };
-    return L.addEventListener("wheel", de, { passive: !0 }), () => L.removeEventListener("wheel", de);
+    return L.addEventListener("wheel", ce, { passive: !0 }), () => L.removeEventListener("wheel", ce);
   }, []);
-  const pt = _(async () => {
-    y && (m(""), w.current = !0, await f(y), x.current && requestAnimationFrame(() => x.current?.focus()));
+  const ft = _(async () => {
+    y && (g(""), w.current = !0, await f(y), x.current && requestAnimationFrame(() => x.current?.focus()));
   }, [f, y]);
   return B(() => {
-    g && (x.current && x.current.focus(), w.current = !0, $());
-  }, [g, l.length, $]), B(() => {
+    p && (x.current && x.current.focus(), w.current = !0, $());
+  }, [p, d.length, $]), B(() => {
     u && w.current && $();
   }), B(
     function() {
-      g && x.current && (x.current.focus(), $("instant"));
+      p && x.current && (x.current.focus(), $("instant"));
     },
-    [e, g, $]
+    [e, p, $]
   ), B(
     function() {
-      !g || n === null || (m(n), r());
+      !p || n === null || (g(n), r());
     },
-    [g, n, r]
-  ), /* @__PURE__ */ h(lt, { children: [
+    [p, n, r]
+  ), /* @__PURE__ */ m(ct, { children: [
     /* @__PURE__ */ i(
-      Go,
+      Yo,
       {
         ref: b,
         $isExpanded: S,
-        $isAnimated: u || q,
+        $isAnimated: u || G,
         onScroll: ee,
-        children: t ? /* @__PURE__ */ i(Ko, { children: /* @__PURE__ */ i(Ce, { size: "20px" }) }) : /* @__PURE__ */ i(Io, {})
+        children: t ? /* @__PURE__ */ i(Go, { children: /* @__PURE__ */ i(we, { size: "20px" }) }) : /* @__PURE__ */ i(To, {})
       }
     ),
-    /* @__PURE__ */ h(qo, { $isExpanded: !S, children: [
-      /* @__PURE__ */ i(dt, { pinToBottom: !S }),
+    /* @__PURE__ */ m(qo, { $isExpanded: !S, children: [
+      /* @__PURE__ */ i(lt, { pinToBottom: !S }),
       /* @__PURE__ */ i(
         ln,
         {
           value: y,
-          onValueChange: m,
-          onSubmit: pt,
+          onValueChange: g,
+          onSubmit: ft,
           isStreaming: u,
-          onStop: p,
+          onStop: h,
           textareaRef: x,
           modelSelector: /* @__PURE__ */ i(
-            Ro,
+            Eo,
             {
               models: o,
               selectedModelId: a,
               placement: v ? "top" : "bottom",
               onModelSelect: s,
-              onSettingsOpen: d
+              onSettingsOpen: l
             }
           )
         }
@@ -2384,7 +2381,7 @@ function Yo() {
     ] })
   ] });
 }
-const Go = c.div`
+const Yo = c.div`
   flex: ${({ $isExpanded: e }) => e ? 1 : 0};
   width: 100%;
   overflow: auto;
@@ -2398,7 +2395,7 @@ const Go = c.div`
   flex-direction: column;
   width: 100%;
   flex: ${({ $isExpanded: e }) => e ? 1 : 0};
-`, Ko = c.div`
+`, Go = c.div`
   display: flex;
   justify-content: center;
   height: 100%;
@@ -2409,7 +2406,7 @@ const Go = c.div`
   LAST_WEEK: "last_week",
   LAST_MONTH: "last_month",
   OLDER: "older"
-}, Xo = {
+}, Ko = {
   [M.TODAY]: "Today",
   [M.YESTERDAY]: "Yesterday",
   [M.LAST_WEEK]: "Last 7 days",
@@ -2420,7 +2417,7 @@ function Jo(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") ? M.TODAY : n.isSame(o, "day") ? M.YESTERDAY : !n.isBefore(a, "day") && n.isBefore(o, "day") ? M.LAST_WEEK : !n.isBefore(s, "day") && n.isBefore(a, "day") ? M.LAST_MONTH : M.OLDER;
 }
-function Zo(e) {
+function Xo(e) {
   const t = [];
   for (const n of e) {
     const r = Jo(n.updatedAt), o = t[t.length - 1];
@@ -2428,7 +2425,7 @@ function Zo(e) {
   }
   return t;
 }
-function Qo(e) {
+function Zo(e) {
   const {
     scrollRef: t,
     sentinelRef: n,
@@ -2438,57 +2435,57 @@ function Qo(e) {
     observerResetKey: s
   } = e;
   je(() => {
-    const d = t.current, l = n.current;
-    if (!d || !l) return;
+    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());
+        const h = f[0];
+        h && h.isIntersecting && r && (o || a());
       },
-      { root: d, rootMargin: "80px" }
+      { root: l, rootMargin: "80px" }
     );
-    return u.observe(l), () => {
+    return u.observe(d), () => {
       u.disconnect();
     };
   }, [s, a, r, o, t, n]);
 }
-const ut = c(lt)`
+const dt = c(ct)`
   gap: var(--spacing-xxs);
   user-select: none;
-`, ei = c.div`
+`, Qo = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
-`, ti = c.div`
+`, ei = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
-`, ni = c(ut)`
+`, ti = c(dt)`
   display: flex;
   flex-grow: 1;
   align-items: center;
   flex-direction: column;
   padding: var(--spacing-md);
-`, ri = c.div`
+`, ni = c.div`
   display: flex;
   flex-grow: 1;
   align-items: center;
   justify-content: center;
-`, oi = c.div`
+`, ri = c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   max-width: 75%;
   gap: var(--spacing-xxs);
-`, ii = c.div`
+`, oi = c.div`
   display: flex;
   justify-content: center;
   padding: var(--spacing-xs);
-`, ai = c(Z)`
+`, ii = c(Z)`
   padding-left: var(--spacing-xs);
   font-size: var(--font-size-sm);
   color: var(--color-warm-grey-7);
-`, si = c.div`
+`, ai = c.div`
   display: flex;
   flex-grow: 1;
 
@@ -2496,7 +2493,7 @@ const ut = c(lt)`
     flex-grow: 1;
     min-width: 0;
   }
-`, ci = c.div`
+`, si = c.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -2519,18 +2516,18 @@ const ut = c(lt)`
       display: inline-flex;
     }
   }
-`, li = c(Z)`
+`, ci = c(Z)`
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-`, di = c.div`
+`, li = c.div`
   height: 1px;
   flex-shrink: 0;
 `;
-function ui(e) {
+function di(e) {
   const { chat: t, onSelect: n, onRemove: r } = e;
-  return /* @__PURE__ */ i(si, { children: /* @__PURE__ */ i(W, { tip: U(t.updatedAt).format("MMM DD, YYYY, hh:mm:ss A"), className: "expanded", children: /* @__PURE__ */ h(ci, { role: "button", onClick: () => n?.(t.id), children: [
-    /* @__PURE__ */ i(li, { children: t.title ?? "New chat" }),
+  return /* @__PURE__ */ i(ai, { children: /* @__PURE__ */ i(W, { tip: U(t.updatedAt).format("MMM DD, YYYY, hh:mm:ss A"), className: "expanded", children: /* @__PURE__ */ m(si, { role: "button", onClick: () => n?.(t.id), children: [
+    /* @__PURE__ */ i(ci, { children: t.title ?? "New chat" }),
     /* @__PURE__ */ i(
       P,
       {
@@ -2545,12 +2542,12 @@ function ui(e) {
     )
   ] }) }) });
 }
-function fi(e) {
+function ui(e) {
   const { group: t, onChatSelect: n, onChatRemove: r } = e;
-  return /* @__PURE__ */ h(ti, { children: [
-    /* @__PURE__ */ i(ai, { children: Xo[t.bucket] }),
+  return /* @__PURE__ */ m(ei, { children: [
+    /* @__PURE__ */ i(ii, { children: Ko[t.bucket] }),
     t.chats.map((o) => /* @__PURE__ */ i(
-      ui,
+      di,
       {
         chat: o,
         onSelect: n,
@@ -2560,41 +2557,41 @@ function fi(e) {
     ))
   ] });
 }
-function pi() {
-  return /* @__PURE__ */ i(ri, { children: /* @__PURE__ */ h(oi, { children: [
+function fi() {
+  return /* @__PURE__ */ i(ni, { children: /* @__PURE__ */ m(ri, { children: [
     /* @__PURE__ */ i(Z, { textAlign: "center", fontWeight: "var(--font-weight-semibold)", children: "No chat history" }),
     /* @__PURE__ */ i(Z, { textAlign: "center", children: "Ask questions or let the assistant take action for you." })
   ] }) });
 }
-function hi() {
-  return /* @__PURE__ */ i(ni, { children: /* @__PURE__ */ i(Ce, {}) });
+function pi() {
+  return /* @__PURE__ */ i(ti, { children: /* @__PURE__ */ i(we, {}) });
 }
-const gi = 50;
+const hi = 50;
 function mi(e) {
-  const { onChatSelect: t, onChatRemove: n } = e, r = F(null), o = F(null), { data: a, isPending: s, hasNextPage: d, isFetchingNextPage: l, fetchNextPage: u } = $t(gi), f = A(() => (a?.pages ?? []).flatMap((g) => g.items), [a?.pages]), p = A(() => Zo(f), [f]);
-  return Qo({
+  const { onChatSelect: t, onChatRemove: n } = e, r = N(null), o = N(null), { data: a, isPending: s, hasNextPage: l, isFetchingNextPage: d, fetchNextPage: u } = $t(hi), f = A(() => (a?.pages ?? []).flatMap((p) => p.items), [a?.pages]), h = A(() => Xo(f), [f]);
+  return Zo({
     scrollRef: r,
     sentinelRef: o,
-    hasNextPage: d,
-    isFetchingNextPage: l,
+    hasNextPage: l,
+    isFetchingNextPage: d,
     fetchNextPage: u,
     observerResetKey: a?.pages.length
-  }), s && !a ? /* @__PURE__ */ i(hi, {}) : f.length === 0 ? /* @__PURE__ */ i(pi, {}) : /* @__PURE__ */ h(ut, { ref: r, children: [
-    /* @__PURE__ */ i(ei, { children: p.map((g) => /* @__PURE__ */ i(
-      fi,
+  }), s && !a ? /* @__PURE__ */ i(pi, {}) : f.length === 0 ? /* @__PURE__ */ i(fi, {}) : /* @__PURE__ */ m(dt, { ref: r, children: [
+    /* @__PURE__ */ i(Qo, { children: h.map((p) => /* @__PURE__ */ i(
+      ui,
       {
-        group: g,
+        group: p,
         onChatSelect: t,
         onChatRemove: n
       },
-      `${g.bucket}-${g.chats[0]?.id ?? ""}`
+      `${p.bucket}-${p.chats[0]?.id ?? ""}`
     )) }),
-    d && /* @__PURE__ */ i(di, { ref: o, "aria-hidden": !0 }),
-    l && /* @__PURE__ */ i(ii, { children: /* @__PURE__ */ i(Ce, {}) })
+    l && /* @__PURE__ */ i(li, { ref: o, "aria-hidden": !0 }),
+    d && /* @__PURE__ */ i(oi, { children: /* @__PURE__ */ i(we, {}) })
   ] });
 }
-function vi() {
-  const e = F(null), [t, n] = G(!1);
+function gi() {
+  const e = N(null), [t, n] = q(!1);
   return je(() => {
     if (!e.current) return;
     const r = e.current;
@@ -2609,16 +2606,16 @@ function vi() {
     value: t
   };
 }
-function yi(e) {
-  const { ref: t, value: n } = vi();
-  return /* @__PURE__ */ i(xi, { children: /* @__PURE__ */ i(W, { tip: e.value, className: "no-overflow", disabled: !n, children: /* @__PURE__ */ i(wi, { ref: t, children: e.value }) }) });
+function vi(e) {
+  const { ref: t, value: n } = gi();
+  return /* @__PURE__ */ i(yi, { children: /* @__PURE__ */ i(W, { tip: e.value, className: "no-overflow", disabled: !n, children: /* @__PURE__ */ i(xi, { ref: t, children: e.value }) }) });
 }
-const xi = c.div`
+const yi = c.div`
   overflow: hidden;
   .tooltip-no-overflow {
     overflow: hidden;
   }
-`, wi = c.div`
+`, xi = c.div`
   color: var(--text-color-primary);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
@@ -2627,14 +2624,14 @@ const xi = c.div`
   text-overflow: ellipsis;
   user-select: none;
 `;
-function ft(e) {
+function ut(e) {
   const { children: t, buttons: n } = e;
-  return /* @__PURE__ */ h(bi, { children: [
-    /* @__PURE__ */ i(Ci, { children: t }),
-    n && /* @__PURE__ */ i(Ti, { children: n })
+  return /* @__PURE__ */ m(wi, { children: [
+    /* @__PURE__ */ i(bi, { children: t }),
+    n && /* @__PURE__ */ i(Ci, { children: n })
   ] });
 }
-const bi = c.div`
+const wi = c.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -2642,20 +2639,20 @@ const bi = c.div`
   gap: var(--spacing-xs);
   width: 100%;
   flex-shrink: 0;
-`, Ci = c.div`
+`, bi = c.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
   min-width: 0;
   flex: 1;
-`, Ti = c.div`
+`, Ci = c.div`
   display: flex;
   align-items: center;
   gap: 2px;
 `;
 function ki(e) {
   const { title: t, onCreateNewChat: n, onViewHistory: r, onClose: o } = e;
-  return /* @__PURE__ */ h(ft, { buttons: /* @__PURE__ */ h(Ne, { children: [
+  return /* @__PURE__ */ m(ut, { buttons: /* @__PURE__ */ m(Fe, { children: [
     /* @__PURE__ */ i(W, { tip: "New chat", children: /* @__PURE__ */ i(
       P,
       {
@@ -2676,7 +2673,7 @@ function ki(e) {
         icon: /* @__PURE__ */ i(sn, {})
       }
     ) }),
-    /* @__PURE__ */ i(Ai, { children: /* @__PURE__ */ i(It, {}) }),
+    /* @__PURE__ */ i(Ii, { children: /* @__PURE__ */ i(It, {}) }),
     /* @__PURE__ */ i(W, { tip: "Close", arrowPosition: "left", children: /* @__PURE__ */ i(
       P,
       {
@@ -2688,19 +2685,19 @@ function ki(e) {
       }
     ) })
   ] }), children: [
-    /* @__PURE__ */ i(Ii, { children: /* @__PURE__ */ i(rn, { size: "14px" }) }),
-    /* @__PURE__ */ i(yi, { value: t })
+    /* @__PURE__ */ i(Ti, { children: /* @__PURE__ */ i(rn, { size: "14px" }) }),
+    /* @__PURE__ */ i(vi, { value: t })
   ] });
 }
-const Ii = c.div`
+const Ti = c.div`
   display: flex;
-`, Ai = c.div`
+`, Ii = c.div`
   display: flex;
   height: 14px;
 `;
-function Si(e) {
+function Ai(e) {
   const { onReturnFromHistory: t } = e;
-  return /* @__PURE__ */ h(ft, { children: [
+  return /* @__PURE__ */ m(ut, { children: [
     /* @__PURE__ */ i(
       P,
       {
@@ -2711,22 +2708,22 @@ function Si(e) {
         icon: /* @__PURE__ */ i(cn, {})
       }
     ),
-    /* @__PURE__ */ i(Li, { children: /* @__PURE__ */ i(Z, { children: "Chat history" }) })
+    /* @__PURE__ */ i(Si, { children: /* @__PURE__ */ i(Z, { children: "Chat history" }) })
   ] });
 }
-const Li = c.div`
+const Si = c.div`
   user-select: none;
 `;
 function ma() {
-  const [e, t] = G(N.CHAT), n = Ge(), r = Ye(), o = () => {
-    t(N.HISTORY);
+  const [e, t] = q(F.CHAT), n = Ye(), r = We(), o = () => {
+    t(F.HISTORY);
   }, a = () => {
-    t(N.CHAT);
-  }, s = async (d) => {
-    r.selectChat(d), t(N.CHAT);
+    t(F.CHAT);
+  }, s = async (l) => {
+    r.selectChat(l), t(F.CHAT);
   };
-  return /* @__PURE__ */ h(Pi, { children: [
-    /* @__PURE__ */ h(Fe, { isActive: e === N.CHAT, children: [
+  return /* @__PURE__ */ m(Li, { children: [
+    /* @__PURE__ */ m(Ne, { isActive: e === F.CHAT, children: [
       /* @__PURE__ */ i(
         ki,
         {
@@ -2736,24 +2733,24 @@ function ma() {
           onClose: n.closePanel
         }
       ),
-      /* @__PURE__ */ i(Yo, {})
+      /* @__PURE__ */ i(Wo, {})
     ] }),
-    /* @__PURE__ */ h(Fe, { isActive: e === N.HISTORY, isSliding: !0, children: [
-      /* @__PURE__ */ i(Si, { onReturnFromHistory: a }),
+    /* @__PURE__ */ m(Ne, { isActive: e === F.HISTORY, isSliding: !0, children: [
+      /* @__PURE__ */ i(Ai, { onReturnFromHistory: a }),
       /* @__PURE__ */ i(mi, { onChatSelect: s, onChatRemove: r.removeChat }),
-      /* @__PURE__ */ i(Ri, { children: /* @__PURE__ */ i(dt, { pinToBottom: !0 }) })
+      /* @__PURE__ */ i(Ei, { children: /* @__PURE__ */ i(lt, { pinToBottom: !0 }) })
     ] })
   ] });
 }
-function Fe(e) {
-  const { children: t, isActive: n, isSliding: r = !1 } = e, o = /* @__PURE__ */ i(Ei, { inert: !n, children: t });
-  return r ? /* @__PURE__ */ i(Oi, { $isExpanded: n, children: o }) : o;
+function Ne(e) {
+  const { children: t, isActive: n, isSliding: r = !1 } = e, o = /* @__PURE__ */ i(Pi, { inert: !n, children: t });
+  return r ? /* @__PURE__ */ i(Ri, { $isExpanded: n, children: o }) : o;
 }
-const Pi = c.div`
+const Li = c.div`
   position: relative;
   height: 100%;
   overflow: clip;
-`, Ei = c.div`
+`, Pi = c.div`
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -2761,12 +2758,12 @@ const Pi = c.div`
   border-radius: var(--border-radius-md);
   background: var(--bg-color);
   margin-left: var(--spacing-xxs);
-`, Ri = c.div`
+`, Ei = c.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   padding: 0 var(--spacing-xs) var(--spacing-xs);
-`, Oi = c.div`
+`, Ri = c.div`
   position: absolute;
   inset: 0;
   transform: translateX(${(e) => e.$isExpanded ? "0%" : "100%"});