@redocly/replay 0.27.0-next.11 → 0.27.0-next.12

package/dist/{replay-AiPanel-dW2Pdoub.js → replay-AiPanel-BSTr2GYJ.js}

@@ -1,110 +1,101 @@
-import { jsx as i, jsxs as h, Fragment as je } from "react/jsx-runtime";
-import { useCallback as D, useMemo as A, useState as G, Fragment as mt, useRef as N, useEffect as H, useLayoutEffect as We, createContext as yt, useContext as xt } from "react";
-import c, { css as X, keyframes as bt } from "styled-components";
-import { G as Ue, T as te, H as Te, J as wt, b as Ct, m as Ye, i as kt, j as Tt, K as It, L as ge, N as ve, O as z, P as Ce, Q as At, U as St, V as Ge, W as Lt, X as Pt, R as me, E as pe, Y as Ie, Z as qe, p as Ke, _ as ke, $ as W, a0 as Et } from "./replay-index-CFZkwpIx.js";
-import { l as Rt, n as Ot, p as $t, q as Dt, T as Mt, t as zt, v as _t, x as Ze, C as I, y as Vt, z as Je, L as Bt, B as Q, D as Ht, E as Nt, F as Ft, G as jt, H as F } from "./replay-useAiChatQueries-BMjLNwal.js";
-import { AI_SEARCH_MAX_MESSAGE_LENGTH as Wt, Button as B, SubtractIcon as Ut, AddIcon as Yt, CheckmarkFilledIcon as Gt, CloseFilledIcon as qt, CheckboxIcon as Kt, capitalize as re, ChevronDownIcon as Zt, ChevronRightIcon as Jt, SettingsCogIcon as Xt, Dropdown as Qt, DropdownMenu as en, DropdownMenuItem as Xe, CheckmarkIcon as tn, ClaudeIcon as nn, GeminiIcon as on, ChatGptIcon as rn, Tooltip as U, Typography as se, TrashCanIcon as an, AiStarsGradientIcon as sn, NewChatIcon as cn, RecentlyViewedIcon as ln, CloseIcon as dn, ArrowLeftIcon as un } from "@redocly/theme";
-import { M } from "./replay-db-Caq6VjXp.js";
+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, a3 as Te, a4 as mt, h as vt, x as Ue, q as yt, s as xt, a5 as wt, a6 as he, a7 as ge, a8 as V, a9 as be, aa as bt, ab as Ct, ac as We, ad as Tt, ae as kt, F as me, V as ue, af as Ye, C as Ge, ag as Ce, ah as U, ai as It } from "./replay-index-DTgR-CHk.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-C95MI7Um.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-MC__pYDy.js";
+import { CheckboxIcon as Nt } 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 { Dropdown as Kt } from "@redocly/theme/components/Dropdown/Dropdown";
+import { DropdownMenu as Jt } from "@redocly/theme/components/Dropdown/DropdownMenu";
+import { DropdownMenuItem as Je } 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-wDxOxK17.js";
 import "@tanstack/react-query";
-import { Link as fn } from "react-router";
-const pn = (e) => /* @__PURE__ */ i(
-  "svg",
-  {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: /* @__PURE__ */ i(
-      "path",
-      {
-        d: "M13.0094 7.61066L3.38435 2.79816C3.30892 2.76043 3.22418 2.74532 3.14035 2.75463C3.05652 2.76394 2.97717 2.79729 2.91186 2.85066C2.84948 2.90294 2.80292 2.97158 2.77742 3.04886C2.75191 3.12615 2.74847 3.20902 2.76748 3.28816L3.92685 7.56253H8.87498V8.43753H3.92685L2.74998 12.6988C2.73214 12.7649 2.73006 12.8342 2.7439 12.9013C2.75774 12.9683 2.78712 13.0312 2.82968 13.0848C2.87223 13.1384 2.92677 13.1813 2.98891 13.21C3.05106 13.2387 3.11907 13.2524 3.18748 13.25C3.25597 13.2496 3.3234 13.2331 3.38435 13.2019L13.0094 8.38941C13.081 8.35269 13.1412 8.29692 13.1832 8.22821C13.2252 8.15951 13.2474 8.08055 13.2474 8.00003C13.2474 7.91951 13.2252 7.84056 13.1832 7.77185C13.1412 7.70315 13.081 7.64737 13.0094 7.61066Z",
-        fill: "white"
-      }
-    )
-  }
-), hn = c(pn).attrs({
-  "data-component-name": "icons/SendIcon/SendIcon"
-})`
-  path {
-    fill: ${({ color: e }) => Ue(e)};
-  }
-
-  height: ${({ size: e }) => e || "16px"};
-  width: ${({ size: e }) => e || "16px"};
-`, gn = (e) => /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none", ...e, children: /* @__PURE__ */ i("path", { d: "M10.5 3.5V10.5H3.5V3.5H10.5ZM10.5 2.625H3.5C3.26794 2.625 3.04538 2.71719 2.88128 2.88128C2.71719 3.04538 2.625 3.26794 2.625 3.5V10.5C2.625 10.7321 2.71719 10.9546 2.88128 11.1187C3.04538 11.2828 3.26794 11.375 3.5 11.375H10.5C10.7321 11.375 10.9546 11.2828 11.1187 11.1187C11.2828 10.9546 11.375 10.7321 11.375 10.5V3.5C11.375 3.26794 11.2828 3.04538 11.1187 2.88128C10.9546 2.71719 10.7321 2.625 10.5 2.625Z" }) }), vn = c(gn).attrs({
-  "data-component-name": "icons/StopIcon/StopIcon"
-})`
-  path {
-    fill: ${({ color: e }) => Ue(e)};
-  }
-
-  height: ${({ size: e }) => e || "16px"};
-  width: ${({ size: e }) => e || "16px"};
-`;
-function mn({
+import { Typography as Z } from "@redocly/theme/components/Typography/Typography";
+import { TrashCanIcon as nn } from "@redocly/theme/icons/TrashCanIcon/TrashCanIcon";
+import { AiStarsGradientIcon as rn } from "@redocly/theme/icons/AiStarsGradientIcon/AiStarsGradientIcon";
+import { CloseIcon as on } from "@redocly/theme/icons/CloseIcon/CloseIcon";
+import { NewChatIcon as an } from "@redocly/theme/icons/NewChatIcon/NewChatIcon";
+import { RecentlyViewedIcon as sn } from "@redocly/theme/icons/RecentlyViewedIcon/RecentlyViewedIcon";
+import { ArrowLeftIcon as cn } from "@redocly/theme/icons/ArrowLeftIcon/ArrowLeftIcon";
+function ln({
   placeholder: e = "Ask anything...",
   className: t,
   disabled: n,
-  isStreaming: o = !1,
-  onStop: r,
+  isStreaming: r = !1,
+  onStop: o,
   modelSelector: a,
   value: s,
   onValueChange: d,
   onSubmit: l,
   textareaRef: u
 }) {
-  const f = s.trim(), p = !n && f.length > 0 && !o, g = !n && f.length > 0, m = (w) => {
+  const f = s.trim(), p = !n && f.length > 0 && !r, g = !n && f.length > 0, y = (w) => {
     d(w.target.value);
-  }, v = () => {
-    !f || n || o || l();
+  }, m = () => {
+    !f || n || r || l();
   }, x = () => {
-    !o || !r || r();
+    !r || !o || o();
   };
-  return /* @__PURE__ */ h(yn, { className: t, $isActive: g, children: [
+  return /* @__PURE__ */ h(dn, { className: t, $isActive: g, children: [
     /* @__PURE__ */ i(
-      xn,
+      un,
       {
         ref: u,
         rows: 1,
-        maxLength: Wt,
+        maxLength: Ht,
         placeholder: e,
         value: s,
         disabled: n,
         spellCheck: !1,
-        onChange: m,
+        onChange: y,
         onKeyDown: (w) => {
-          w.key === "Enter" && !w.shiftKey && !w.nativeEvent.isComposing && (w.preventDefault(), o && r ? x() : v());
+          w.key === "Enter" && !w.shiftKey && !w.nativeEvent.isComposing && (w.preventDefault(), r && o ? x() : m());
         }
       }
     ),
-    /* @__PURE__ */ h(bn, { children: [
+    /* @__PURE__ */ h(fn, { children: [
       a,
-      o && r ? /* @__PURE__ */ i(
-        Cn,
+      r && o ? /* @__PURE__ */ i(
+        hn,
         {
           type: "button",
           size: "small",
           "aria-label": "Stop generating",
-          icon: /* @__PURE__ */ i(vn, { color: "var(--icon-color-on-color)" }),
+          icon: /* @__PURE__ */ i(Ft, { color: "var(--icon-color-on-color)" }),
           onClick: x
         }
       ) : /* @__PURE__ */ i(
-        wn,
+        pn,
         {
           type: "button",
           size: "small",
           "aria-label": "Send message",
-          icon: /* @__PURE__ */ i(hn, { color: "var(--icon-color-on-color)" }),
-          onClick: v,
+          icon: /* @__PURE__ */ i(Bt, { color: "var(--icon-color-on-color)" }),
+          onClick: m,
           disabled: !p
         }
       )
     ] })
   ] });
 }
-const yn = c.div`
+const dn = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
@@ -123,13 +114,13 @@ const yn = c.div`
       var(--replay-ai-gradient-soft) border-box;
   }
 
-  ${({ $isActive: e }) => e && X`
+  ${({ $isActive: e }) => e && pe`
       border-color: transparent;
       background:
         linear-gradient(var(--layer-color), var(--layer-color)) padding-box,
         var(--replay-ai-gradient-soft) border-box;
     `}
-`, xn = c.textarea`
+`, un = c.textarea`
   max-height: 150px;
   min-height: var(--search-ai-conversation-input-min-height);
 
@@ -149,12 +140,12 @@ const yn = c.div`
     color: var(--text-color-helper);
     text-indent: 2px;
   }
-`, bn = c.div`
+`, fn = c.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--spacing-xs);
-`, wn = c(B)`
+`, pn = c(P)`
   box-sizing: border-box;
   background: var(--search-ai-gradient);
 
@@ -164,26 +155,26 @@ const yn = c.div`
     width: 24px;
     height: 24px;
   }
-`, Cn = c(B)`
+`, hn = c(P)`
   box-sizing: border-box;
   background: var(--color-warm-grey-9);
   border-radius: var(--border-radius-xxl);
-`, kn = /* @__PURE__ */ new Set(["collection", "workflow", "step", "operation", "workflow-run"]);
-function ye(e) {
+`, gn = /* @__PURE__ */ new Set(["collection", "workflow", "step", "operation", "workflow-run"]);
+function ve(e) {
   return `replay://step?${new URLSearchParams({
     collectionId: e.collectionId.trim(),
     workflowId: e.workflowId.trim(),
     stepId: e.stepId.trim()
   }).toString()}`;
 }
-function O(e, t) {
+function D(e, t) {
   const n = e.get(t);
   if (n == null)
     return null;
-  const o = n.trim();
-  return o.length > 0 ? o : null;
+  const r = n.trim();
+  return r.length > 0 ? r : null;
 }
-function Tn(e) {
+function mn(e) {
   let t;
   try {
     t = new URL(e);
@@ -193,33 +184,33 @@ function Tn(e) {
   if (t.protocol !== "replay:")
     return null;
   const n = t.hostname.toLowerCase();
-  if (!kn.has(n))
+  if (!gn.has(n))
     return null;
-  const o = t.searchParams;
+  const r = t.searchParams;
   switch (n) {
     case "collection": {
-      const r = O(o, "collectionId");
-      return r ? { kind: "collection", collectionId: r } : null;
+      const o = D(r, "collectionId");
+      return o ? { kind: "collection", collectionId: o } : null;
     }
     case "workflow": {
-      const r = O(o, "collectionId"), a = O(o, "workflowId");
-      return !r || !a ? null : { kind: "workflow", collectionId: r, workflowId: a };
+      const o = D(r, "collectionId"), a = D(r, "workflowId");
+      return !o || !a ? null : { kind: "workflow", collectionId: o, workflowId: a };
     }
     case "step": {
-      const r = O(o, "collectionId"), a = O(o, "workflowId"), s = O(o, "stepId");
-      return !r || !a || !s ? null : { kind: "step", collectionId: r, workflowId: a, stepId: s };
+      const o = D(r, "collectionId"), a = D(r, "workflowId"), s = D(r, "stepId");
+      return !o || !a || !s ? null : { kind: "step", collectionId: o, workflowId: a, stepId: s };
     }
     case "operation": {
-      const r = O(o, "operationId");
-      return r ? { kind: "operation", operationId: r } : null;
+      const o = D(r, "operationId");
+      return o ? { kind: "operation", operationId: o } : null;
     }
     case "workflow-run": {
-      const r = O(o, "collectionId"), a = O(o, "workflowId");
-      if (!r || !a) return null;
-      const s = O(o, "historyId"), d = s === "null" || s === "undefined" ? null : s;
+      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;
       return {
         kind: "workflow-run",
-        collectionId: r,
+        collectionId: o,
         workflowId: a,
         ...d ? { historyId: d } : {}
       };
@@ -228,10 +219,10 @@ function Tn(e) {
       return null;
   }
 }
-function In(e, t, n) {
-  return e.tabsState.tabs.get({ noproxy: !0 }).findIndex(({ data: o }) => wt(o, Ct.WorkflowRun) && o.collectionId === t && o.workflowId === n);
+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 An(e, t, n, o = {}) {
+function yn(e, t, n, r = {}) {
   switch (n.kind) {
     case "collection":
       t.openCollectionTab({
@@ -255,12 +246,12 @@ function An(e, t, n, o = {}) {
       });
       break;
     case "workflow-run": {
-      const r = o.workflowRunHistoryIds?.[Dt(n.collectionId, n.workflowId)] ?? [], a = n.historyId && r.includes(n.historyId) ? n.historyId : r.at(-1) ?? n.historyId;
+      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 = In(
+      const s = vn(
         e,
         n.collectionId,
         n.workflowId
@@ -276,55 +267,55 @@ function An(e, t, n, o = {}) {
       break;
     }
     case "operation": {
-      const r = Rt(e, n.operationId);
-      if (!r.ok) {
+      const o = At(e, n.operationId);
+      if (!o.ok) {
         console.warn("[executeReplayChatLink] Operation not resolved", {
           operationId: n.operationId,
-          message: r.message
+          message: o.message
         });
         return;
       }
-      Ot(
+      St(
         e,
-        $t(r.value),
+        Lt(o.value),
         t
       );
       break;
     }
   }
 }
-function Sn(e, t, n, o = {}) {
-  const r = Tn(n);
-  r && An(e, t, r, o);
+function xn(e, t, n, r = {}) {
+  const o = mn(n);
+  o && yn(e, t, o, r);
 }
-function Qe({
+function Xe({
   workflowRunHistoryIds: e
 } = {}) {
-  const t = Ye(), { getApiOperation: n } = kt(), {
-    handleTabChange: o,
-    addNewTab: r,
+  const t = Ue(), { getApiOperation: n } = yt(), {
+    handleTabChange: r,
+    addNewTab: o,
     openCollectionTab: a,
     openWorkflowTab: s,
     openStepTabFromCollection: d,
     openWorkflowRunTab: l,
     openWorkflowRunTabFromHistory: u,
     changeTabState: f
-  } = Tt();
-  return D(
+  } = xt();
+  return _(
     (p) => {
       const g = p.target;
       if (!(g instanceof Element))
         return;
-      const m = g.closest("a[href]");
-      if (!(m instanceof HTMLAnchorElement))
+      const y = g.closest("a[href]");
+      if (!(y instanceof HTMLAnchorElement))
         return;
-      const v = m.getAttribute("href");
-      v?.startsWith("replay:") && (p.preventDefault(), p.stopPropagation(), Sn(
+      const m = y.getAttribute("href");
+      m?.startsWith("replay:") && (p.preventDefault(), p.stopPropagation(), xn(
         t,
         {
           getApiOperation: n,
-          handleTabChange: o,
-          addNewTab: r,
+          handleTabChange: r,
+          addNewTab: o,
           openCollectionTab: a,
           openWorkflowTab: s,
           openStepTabFromCollection: d,
@@ -332,7 +323,7 @@ function Qe({
           openWorkflowRunTabFromHistory: u,
           changeTabState: f
         },
-        v,
+        m,
         { workflowRunHistoryIds: e }
       ));
     },
@@ -340,8 +331,8 @@ function Qe({
       e,
       t,
       n,
-      o,
       r,
+      o,
       a,
       s,
       d,
@@ -351,91 +342,91 @@ function Qe({
     ]
   );
 }
-class Ln {
-  diff(t, n, o = {}) {
-    let r;
-    typeof o == "function" ? (r = o, o = {}) : "callback" in o && (r = o.callback);
-    const a = this.castInput(t, o), s = this.castInput(n, o), d = this.removeEmpty(this.tokenize(a, o)), l = this.removeEmpty(this.tokenize(s, o));
-    return this.diffWithOptionsObj(d, l, o, r);
+class wn {
+  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);
   }
-  diffWithOptionsObj(t, n, o, r) {
+  diffWithOptionsObj(t, n, r, o) {
     var a;
-    const s = (y) => {
-      if (y = this.postProcess(y, o), r) {
+    const s = (v) => {
+      if (v = this.postProcess(v, r), o) {
         setTimeout(function() {
-          r(y);
+          o(v);
         }, 0);
         return;
       } else
-        return y;
+        return v;
     }, d = n.length, l = t.length;
     let u = 1, f = d + l;
-    o.maxEditLength != null && (f = Math.min(f, o.maxEditLength));
-    const p = (a = o.timeout) !== null && a !== void 0 ? a : 1 / 0, g = Date.now() + p, m = [{ oldPos: -1, lastComponent: void 0 }];
-    let v = this.extractCommon(m[0], n, t, 0, o);
-    if (m[0].oldPos + 1 >= l && v + 1 >= d)
-      return s(this.buildValues(m[0].lastComponent, n, t));
+    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)
+      return s(this.buildValues(y[0].lastComponent, n, t));
     let x = -1 / 0, b = 1 / 0;
     const w = () => {
-      for (let y = Math.max(x, -u); y <= Math.min(b, u); y += 2) {
+      for (let v = Math.max(x, -u); v <= Math.min(b, u); v += 2) {
         let S;
-        const E = m[y - 1], R = m[y + 1];
-        E && (m[y - 1] = void 0);
+        const R = y[v - 1], O = y[v + 1];
+        R && (y[v - 1] = void 0);
         let q = !1;
-        if (R) {
-          const ee = R.oldPos - y;
-          q = R && 0 <= ee && ee < d;
+        if (O) {
+          const ee = O.oldPos - v;
+          q = O && 0 <= ee && ee < d;
         }
-        const _ = E && E.oldPos + 1 < l;
-        if (!q && !_) {
-          m[y] = void 0;
+        const $ = R && R.oldPos + 1 < l;
+        if (!q && !$) {
+          y[v] = void 0;
           continue;
         }
-        if (!_ || q && E.oldPos < R.oldPos ? S = this.addToPath(R, !0, !1, 0, o) : S = this.addToPath(E, !1, !0, 1, o), v = this.extractCommon(S, n, t, y, o), S.oldPos + 1 >= l && v + 1 >= d)
+        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)
           return s(this.buildValues(S.lastComponent, n, t)) || !0;
-        m[y] = S, S.oldPos + 1 >= l && (b = Math.min(b, y - 1)), v + 1 >= d && (x = Math.max(x, y + 1));
+        y[v] = S, S.oldPos + 1 >= l && (b = Math.min(b, v - 1)), m + 1 >= d && (x = Math.max(x, v + 1));
       }
       u++;
     };
-    if (r)
-      (function y() {
+    if (o)
+      (function v() {
         setTimeout(function() {
           if (u > f || Date.now() > g)
-            return r(void 0);
-          w() || y();
+            return o(void 0);
+          w() || v();
         }, 0);
       })();
     else
       for (; u <= f && Date.now() <= g; ) {
-        const y = w();
-        if (y)
-          return y;
+        const v = w();
+        if (v)
+          return v;
       }
   }
-  addToPath(t, n, o, r, a) {
+  addToPath(t, n, r, o, a) {
     const s = t.lastComponent;
-    return s && !a.oneChangePerToken && s.added === n && s.removed === o ? {
-      oldPos: t.oldPos + r,
-      lastComponent: { count: s.count + 1, added: n, removed: o, previousComponent: s.previousComponent }
+    return s && !a.oneChangePerToken && s.added === n && s.removed === r ? {
+      oldPos: t.oldPos + o,
+      lastComponent: { count: s.count + 1, added: n, removed: r, previousComponent: s.previousComponent }
     } : {
-      oldPos: t.oldPos + r,
-      lastComponent: { count: 1, added: n, removed: o, previousComponent: s }
+      oldPos: t.oldPos + o,
+      lastComponent: { count: 1, added: n, removed: r, previousComponent: s }
     };
   }
-  extractCommon(t, n, o, r, a) {
-    const s = n.length, d = o.length;
-    let l = t.oldPos, u = l - r, f = 0;
-    for (; u + 1 < s && l + 1 < d && this.equals(o[l + 1], n[u + 1], a); )
+  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;
   }
-  equals(t, n, o) {
-    return o.comparator ? o.comparator(t, n) : t === n || !!o.ignoreCase && t.toLowerCase() === n.toLowerCase();
+  equals(t, n, r) {
+    return r.comparator ? r.comparator(t, n) : t === n || !!r.ignoreCase && t.toLowerCase() === n.toLowerCase();
   }
   removeEmpty(t) {
     const n = [];
-    for (let o = 0; o < t.length; o++)
-      t[o] && n.push(t[o]);
+    for (let r = 0; r < t.length; r++)
+      t[r] && n.push(t[r]);
     return n;
   }
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -455,94 +446,94 @@ class Ln {
   get useLongestToken() {
     return !1;
   }
-  buildValues(t, n, o) {
-    const r = [];
+  buildValues(t, n, r) {
+    const o = [];
     let a;
     for (; t; )
-      r.push(t), a = t.previousComponent, delete t.previousComponent, t = a;
-    r.reverse();
-    const s = r.length;
+      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 = r[d];
+      const f = o[d];
       if (f.removed)
-        f.value = this.join(o.slice(u, u + f.count)), u += f.count;
+        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, m) {
-            const v = o[u + m];
-            return v.length > g.length ? v : g;
+          p = p.map(function(g, y) {
+            const m = r[u + y];
+            return m.length > g.length ? m : g;
           }), f.value = this.join(p);
         } else
           f.value = this.join(n.slice(l, l + f.count));
         l += f.count, f.added || (u += f.count);
       }
     }
-    return r;
+    return o;
   }
 }
-class Pn extends Ln {
+class bn extends wn {
   constructor() {
-    super(...arguments), this.tokenize = On;
+    super(...arguments), this.tokenize = kn;
   }
-  equals(t, n, o) {
-    return o.ignoreWhitespace ? ((!o.newlineIsToken || !t.includes(`
-`)) && (t = t.trim()), (!o.newlineIsToken || !n.includes(`
-`)) && (n = n.trim())) : o.ignoreNewlineAtEof && !o.newlineIsToken && (t.endsWith(`
+  equals(t, n, r) {
+    return r.ignoreWhitespace ? ((!r.newlineIsToken || !t.includes(`
+`)) && (t = t.trim()), (!r.newlineIsToken || !n.includes(`
+`)) && (n = n.trim())) : r.ignoreNewlineAtEof && !r.newlineIsToken && (t.endsWith(`
 `) && (t = t.slice(0, -1)), n.endsWith(`
-`) && (n = n.slice(0, -1))), super.equals(t, n, o);
+`) && (n = n.slice(0, -1))), super.equals(t, n, r);
   }
 }
-const En = new Pn();
-function Rn(e, t, n) {
-  return En.diff(e, t, n);
+const Cn = new bn();
+function Tn(e, t, n) {
+  return Cn.diff(e, t, n);
 }
-function On(e, t) {
+function kn(e, t) {
   t.stripTrailingCr && (e = e.replace(/\r\n/g, `
 `));
-  const n = [], o = e.split(/(\n|\r\n)/);
-  o[o.length - 1] || o.pop();
-  for (let r = 0; r < o.length; r++) {
-    const a = o[r];
-    r % 2 && !t.newlineIsToken ? n[n.length - 1] += a : n.push(a);
+  const n = [], r = e.split(/(\n|\r\n)/);
+  r[r.length - 1] || r.pop();
+  for (let o = 0; o < r.length; o++) {
+    const a = r[o];
+    o % 2 && !t.newlineIsToken ? n[n.length - 1] += a : n.push(a);
   }
   return n;
 }
-const $n = 500;
-function Dn(e, t) {
-  const n = Mn(e, t);
+const In = 500;
+function An(e, t) {
+  const n = Sn(e, t);
   if (n.length === 0) return [];
-  const o = [];
-  let r = 0;
-  for (; r < n.length; ) {
-    let a = r;
-    const s = n[r].type === "context";
+  const r = [];
+  let o = 0;
+  for (; o < n.length; ) {
+    let a = o;
+    const s = n[o].type === "context";
     for (; a < n.length && n[a].type === "context" === s; ) a++;
-    const d = n.slice(r, a);
-    o.push({
-      start: r,
+    const d = 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")
-    }), r = a;
+    }), o = a;
   }
-  return o;
+  return r;
 }
-function Mn(e, t) {
+function Sn(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 = zn(e, t);
+  const n = Ln(e, t);
   return n ? n.flatMap(
-    (o) => j(o.value, o.added ? "add" : o.removed ? "remove" : "context")
+    (r) => j(r.value, r.added ? "add" : r.removed ? "remove" : "context")
   ) : [...j(e, "remove"), ...j(t, "add")];
 }
-function zn(e, t) {
+function Ln(e, t) {
   try {
-    return Rn(e, t, { timeout: $n });
+    return Tn(e, t, { timeout: In });
   } catch {
     return;
   }
@@ -550,16 +541,16 @@ function zn(e, t) {
 function j(e, t) {
   const n = e.split(`
 `);
-  return n.length > 1 && n[n.length - 1] === "" && n.pop(), n.map((o) => ({ type: t, text: o }));
+  return n.length > 1 && n[n.length - 1] === "" && n.pop(), n.map((r) => ({ type: t, text: r }));
 }
-const Ae = 1, Se = (e) => e && e.hasAdditions !== e.hasRemovals, Le = (e) => e && (e.hasAdditions || e.hasRemovals);
-function _n(e, t, n) {
+const Ie = 1, Ae = (e) => e && e.hasAdditions !== e.hasRemovals, Se = (e) => e && (e.hasAdditions || e.hasRemovals);
+function Pn(e, t, n) {
   if (e.hasAdditions || e.hasRemovals)
     return ne(e.rows);
-  const o = n[t - 1], r = n[t + 1], a = Se(o) ? Ae : 0, s = Se(r) ? Ae : 0;
+  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)), Le(o) && Le(r) && u.push({ kind: "separator" }), u.push(...ne(l)), u;
+  return u.push(...ne(d)), Se(r) && Se(o) && u.push({ kind: "separator" }), u.push(...ne(l)), u;
 }
 function ne(e) {
   return e.map((t) => ({
@@ -567,26 +558,26 @@ function ne(e) {
     row: t
   }));
 }
-const Vn = 200;
-function Pe({ oldValue: e, newValue: t }) {
-  const n = A(() => Dn(e, t), [e, t]), o = A(() => n.flatMap(_n), [n]);
-  return A(() => n.some((a) => a.hasAdditions || a.hasRemovals), [n]) ? /* @__PURE__ */ i(Hn, { $maxHeight: Vn, children: o.map((a, s) => {
+const En = 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) => {
     if (a.kind === "separator")
-      return /* @__PURE__ */ i(Un, { children: /* @__PURE__ */ i(Ee, { children: "···" }) }, s);
-    const { row: d } = a, l = Bn(d.type);
+      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(Wn, { children: [
-        d.type === "remove" && /* @__PURE__ */ i(Ut, { size: "12px" }),
-        d.type === "add" && /* @__PURE__ */ i(Yt, { size: "12px" })
+      /* @__PURE__ */ h(zn, { children: [
+        d.type === "remove" && /* @__PURE__ */ i(Yt, { size: "12px" }),
+        d.type === "add" && /* @__PURE__ */ i(Wt, { size: "12px" })
       ] }),
-      /* @__PURE__ */ i(Ee, { children: d.text === "" ? " " : d.text })
+      /* @__PURE__ */ i(Pe, { children: d.text === "" ? " " : d.text })
     ] }, s);
   }) }) : null;
 }
-function Bn(e) {
-  return e === "remove" ? Nn : e === "add" ? Fn : jn;
+function Rn(e) {
+  return e === "remove" ? Dn : e === "add" ? Mn : _n;
 }
-const Hn = c.div`
+const On = c.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -597,29 +588,29 @@ const Hn = c.div`
   &::-webkit-scrollbar-track {
     margin: var(--spacing-xxs) 0;
   }
-`, ue = c.div`
+`, le = 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);
-`, Nn = c(ue)`
+`, Dn = c(le)`
   background: var(--admonition-danger-bg-color);
   color: var(--color-raspberry-7);
-`, Fn = c(ue)`
+`, Mn = c(le)`
   background: var(--admonition-success-bg-color);
   color: var(--color-green-7);
-`, jn = c(ue)`
+`, _n = c(le)`
   background: transparent;
   color: var(--text-color-secondary);
-`, Wn = c.span`
+`, zn = c.span`
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 16px;
   height: 20px;
   flex-shrink: 0;
-`, Ee = c.span`
+`, Pe = c.span`
   width: 100%;
   min-width: 0;
   line-height: var(--line-height-sm);
@@ -627,112 +618,112 @@ const Hn = c.div`
   font-weight: var(--font-weight-regular);
   white-space: pre-wrap;
   word-break: break-all;
-`, Un = c(ue)`
+`, Vn = c(le)`
   user-select: none;
-`, Yn = (e) => typeof e != "object" || e === null ? !1 : "kind" in e && e.kind === "batch" ? "changes" in e ? Array.isArray(e.changes) && e.changes.every(Re) : !1 : Re(e);
-function Re(e) {
+`, $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);
+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 Gn = {
+const Hn = {
   approveLabel: "Approve",
   denyLabel: "Deny"
 };
-function qn(e, t) {
+function Bn(e, t) {
   const n = C(t, "action");
   if (n) {
-    const r = Mt[n];
-    if (r) return r;
+    const o = Et[n];
+    if (o) return o;
   }
-  const o = zt[e];
-  return o || Gn;
+  const r = Rt[e];
+  return r || Hn;
 }
 function C(e, t) {
   if (!e || typeof e != "object") return null;
   const n = e.payload;
   if (!n || typeof n != "object") return null;
-  const o = n[t];
-  return typeof o != "string" ? null : o.trim() || null;
+  const r = n[t];
+  return typeof r != "string" ? null : r.trim() || null;
 }
-function oe(e, t) {
+function re(e, t) {
   if (!(typeof t > "u"))
     return e ? `${e}: ${t}` : t;
 }
-function Kn(e) {
+function Fn(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 Zn(e, t) {
+function Nn(e, t) {
   if (!e || typeof e != "object") return;
-  const n = ce(e, ge), o = ce(n, ve);
-  if (!(t in o)) return;
-  const r = o[t];
-  if (Array.isArray(r) && r.length !== 0 && r.every(Yn))
-    return r;
+  const n = ae(e, he), r = ae(n, ge);
+  if (!(t in r)) return;
+  const o = r[t];
+  if (Array.isArray(o) && o.length !== 0 && o.every($n))
+    return o;
 }
-function et(e, t) {
-  return _t(e) && Ze(e) && e.toolCallId === t;
+function Ze(e, t) {
+  return Ot(e) && qe(e) && e.toolCallId === t;
 }
-function Jn(e, t, n) {
-  const o = e.parts.map((l) => et(l, t) ? { ...l, input: Xn(l.input, n) } : l), r = e.metadata && typeof e.metadata == "object" ? e.metadata : {}, a = ce(r, ge), d = { ...ce(a, ve), [t]: It(n) };
+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) };
   return {
     ...e,
-    parts: o,
+    parts: r,
     metadata: {
-      ...r,
-      [ge]: {
+      ...o,
+      [he]: {
         ...a,
-        [ve]: d
+        [ge]: d
       }
     }
   };
 }
-function ce(e, t) {
+function ae(e, t) {
   const n = e[t];
   return typeof n == "object" && n !== null ? n : {};
 }
-function Xn(e, t) {
+function Un(e, t) {
   if (!e || !("changes" in e) || !Array.isArray(e.changes)) return e;
-  const { changes: n, ...o } = e;
+  const { changes: n, ...r } = e;
   return {
-    ...o,
-    changes: n.map((r, a) => ({
-      ...r,
+    ...r,
+    changes: n.map((o, a) => ({
+      ...o,
       approved: t[a]?.included ?? !1
     }))
   };
 }
-function Qn({
+function Wn({
   preview: e,
   isIncluded: t,
   onToggle: n,
-  readOnly: o
+  readOnly: r
 }) {
-  const { primaryLabel: r, categoryLabel: a, diffLineKey: s } = eo(e.target);
+  const { primaryLabel: o, categoryLabel: a, diffLineKey: s } = Yn(e.target);
   return /* @__PURE__ */ i(
-    to,
+    Gn,
     {
       isIncluded: t,
       onToggle: n,
-      readOnly: o,
-      primaryLabel: r,
+      readOnly: r,
+      primaryLabel: o,
       categoryLabel: a,
-      children: e.kind === "batch" ? /* @__PURE__ */ i(po, { children: e.changes.map((d) => /* @__PURE__ */ i(
-        Pe,
+      children: e.kind === "batch" ? /* @__PURE__ */ i(or, { children: e.changes.map((d) => /* @__PURE__ */ i(
+        Le,
         {
-          oldValue: oe(d.target.key, d.oldValue),
-          newValue: oe(d.target.key, d.newValue)
+          oldValue: re(d.target.key, d.oldValue),
+          newValue: re(d.target.key, d.newValue)
         },
         d.id
       )) }) : /* @__PURE__ */ i(
-        Pe,
+        Le,
         {
-          oldValue: oe(s, e.oldValue),
-          newValue: oe(s, e.newValue)
+          oldValue: re(s, e.oldValue),
+          newValue: re(s, e.newValue)
         }
       )
     }
   );
 }
-function eo(e) {
+function Yn(e) {
   const t = e.schemeId ?? e.type;
   return e.stepId || e.schemeId ? {
     primaryLabel: e.stepId ?? t,
@@ -744,27 +735,27 @@ function eo(e) {
     diffLineKey: void 0
   };
 }
-function to({
+function Gn({
   isIncluded: e,
   onToggle: t,
   readOnly: n,
-  primaryLabel: o,
-  categoryLabel: r,
+  primaryLabel: r,
+  categoryLabel: o,
   children: a
 }) {
-  return /* @__PURE__ */ h(no, { $dimmed: n && !e, children: [
-    /* @__PURE__ */ h(oo, { children: [
-      n ? /* @__PURE__ */ i(lo, { children: e ? /* @__PURE__ */ i(uo, { size: "16px" }) : /* @__PURE__ */ i(fo, { size: "16px" }) }) : /* @__PURE__ */ h(so, { children: [
-        /* @__PURE__ */ i(ao, { checked: e }),
-        /* @__PURE__ */ i(co, { type: "checkbox", checked: e, onChange: t })
+  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 })
       ] }),
-      /* @__PURE__ */ i(ro, { children: o }),
-      r ? /* @__PURE__ */ i(io, { children: r }) : null
+      /* @__PURE__ */ i(Jn, { children: r }),
+      o ? /* @__PURE__ */ i(Xn, { children: o }) : null
     ] }),
     a
   ] });
 }
-const no = c.div`
+const qn = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
@@ -776,12 +767,12 @@ const no = c.div`
   &:last-child {
     border-bottom: none;
   }
-`, oo = c.div`
+`, Kn = c.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
   min-width: 0;
-`, ro = c.span`
+`, Jn = c.span`
   flex: 1;
   min-width: 0;
   color: var(--text-color-primary);
@@ -791,24 +782,24 @@ const no = c.div`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, io = c.span`
+`, Xn = c.span`
   flex-shrink: 0;
   font-family: var(--code-block-font-family, var(--font-family-monospace, monospace));
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   color: var(--text-color-secondary);
-`, ao = c(Kt).attrs({ "aria-hidden": !0 })`
+`, Zn = c(Nt).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);
-`, so = c.span`
+`, Qn = c.span`
   position: relative;
   display: inline-flex;
   flex-shrink: 0;
   width: 16px;
   height: 16px;
-`, co = c.input`
+`, er = c.input`
   position: absolute;
   inset: 0;
   width: 16px;
@@ -816,159 +807,159 @@ const no = c.div`
   margin: 0;
   opacity: 0;
   cursor: pointer;
-`, lo = c.span`
+`, tr = c.span`
   display: inline-flex;
   flex-shrink: 0;
   width: 16px;
   height: 16px;
   align-items: center;
   justify-content: center;
-`, uo = c(Gt)`
+`, nr = c(jt)`
   color: var(--color-success-base);
-`, fo = c(qt)`
+`, rr = c(Ut)`
   color: var(--text-color-description);
-`, po = c.div`
+`, or = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   min-width: 0;
 `;
-function tt({
+function Qe({
   previews: e,
   handleToggle: t,
   readOnly: n
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ i(ho, { children: e.map((o, r) => /* @__PURE__ */ i(
-    Qn,
+  return e.length === 0 ? null : /* @__PURE__ */ i(ir, { children: e.map((r, o) => /* @__PURE__ */ i(
+    Wn,
     {
-      preview: o,
-      isIncluded: o.included,
-      onToggle: t ? () => t(r) : void 0,
+      preview: r,
+      isIncluded: r.included,
+      onToggle: t ? () => t(o) : void 0,
       readOnly: n
     },
-    o.id
+    r.id
   )) });
 }
-const ho = c.div`
+const ir = c.div`
   display: flex;
   flex-direction: column;
-`, go = {
-  update_step: yo,
-  update_security: xo,
-  run_request: ko,
-  web_search: To,
-  manage_environment: wo,
-  manage_collection: Co
+`, ar = {
+  update_step: lr,
+  update_security: dr,
+  run_request: hr,
+  web_search: gr,
+  manage_environment: fr,
+  manage_collection: pr
 };
-function vo(e, t) {
-  const n = go[e];
-  return n ? n(t) : mo(e);
+function sr(e, t) {
+  const n = ar[e];
+  return n ? n(t) : cr(e);
 }
-function mo(e) {
+function cr(e) {
   return [{ kind: "text", text: e.split("_").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" ") }];
 }
-function yo(e) {
-  return nt(e, "Update step");
+function lr(e) {
+  return et(e, "Update step");
 }
-function xo(e) {
-  const t = bo(e);
-  if (t.size > 1) return T("Update security");
+function dr(e) {
+  const t = ur(e);
+  if (t.size > 1) return k("Update security");
   const [n] = t;
-  return nt(e, "Update security", n);
+  return et(e, "Update security", n);
 }
-function bo(e) {
+function ur(e) {
   const t = e && "changes" in e ? e.changes : void 0;
   if (!Array.isArray(t)) return /* @__PURE__ */ new Set();
-  const n = Z(e, "stepId"), o = t.map((r) => Z(r, "stepId") ?? n);
-  return new Set(o.filter((r) => !!r));
+  const n = J(e, "stepId"), r = t.map((o) => J(o, "stepId") ?? n);
+  return new Set(r.filter((o) => !!o));
 }
-function nt(e, t, n) {
-  const { collectionId: o, workflowId: r, stepId: a } = Io(e), s = n ?? a;
-  return !o || !r || !s ? T(t) : xe(
+function et(e, t, n) {
+  const { collectionId: r, workflowId: o, stepId: a } = mr(e), s = n ?? a;
+  return !r || !o || !s ? k(t) : ye(
     `${t} `,
-    ye({ collectionId: o, workflowId: r, stepId: s }),
+    ve({ collectionId: r, workflowId: o, stepId: s }),
     s
   );
 }
-function T(e) {
+function k(e) {
   return [{ kind: "text", text: e }];
 }
-function P(e, t) {
+function E(e, t) {
   return t ? `${e} "${t}"` : e;
 }
-function xe(e, t, n) {
+function ye(e, t, n) {
   return [
     { kind: "text", text: e },
     { kind: "link", href: t, label: n }
   ];
 }
-function wo(e) {
-  const t = C(e, "action"), n = C(e, "environment"), o = n ? ` in environment "${n}"` : "";
+function fr(e) {
+  const t = C(e, "action"), n = C(e, "environment"), r = n ? ` in environment "${n}"` : "";
   switch (t) {
     case "add_environment":
-      return T(P("Add environment", n));
+      return k(E("Add environment", n));
     case "set_active_environment":
-      return T(
+      return k(
         n ? `Switch active environment to ${n}` : "Switch active environment"
       );
     case "upsert_input":
-      return T(P("Set input", C(e, "name")) + o);
+      return k(E("Set input", C(e, "name")) + r);
     case "remove_input":
-      return T(
-        P("Remove input", C(e, "inputName")) + o
+      return k(
+        E("Remove input", C(e, "inputName")) + r
       );
     case "upsert_server":
-      return T(P("Set server", C(e, "apiId")) + o);
+      return k(E("Set server", C(e, "apiId")) + r);
     case "remove_server":
-      return T(
-        P("Remove server", C(e, "apiId")) + o
+      return k(
+        E("Remove server", C(e, "apiId")) + r
       );
     default:
-      return T("Manage environment");
+      return k("Manage environment");
   }
 }
-function Co(e) {
+function pr(e) {
   switch (C(e, "action")) {
     case "create_collection":
-      return T(P("Create collection", C(e, "title")));
+      return k(E("Create collection", C(e, "title")));
     case "delete_collection":
-      return T(
-        P("Delete collection", C(e, "collectionId"))
+      return k(
+        E("Delete collection", C(e, "collectionId"))
       );
     case "create_workflow":
-      return T(P("Create workflow", C(e, "name")));
+      return k(E("Create workflow", C(e, "name")));
     case "delete_workflow":
-      return T(P("Delete workflow", C(e, "workflowId")));
+      return k(E("Delete workflow", C(e, "workflowId")));
     case "create_step":
-      return T(P("Create step", C(e, "stepName")));
+      return k(E("Create step", C(e, "stepName")));
     case "delete_step": {
-      const n = C(e, "collectionId"), o = C(e, "workflowId"), r = C(e, "stepId");
-      return !n || !o || !r ? T("Delete step") : xe(
+      const n = C(e, "collectionId"), r = C(e, "workflowId"), o = C(e, "stepId");
+      return !n || !r || !o ? k("Delete step") : ye(
         "Delete step ",
-        ye({ collectionId: n, workflowId: o, stepId: r }),
-        r
+        ve({ collectionId: n, workflowId: r, stepId: o }),
+        o
       );
     }
     case "move_step": {
-      const n = C(e, "collectionId"), o = C(e, "workflowId"), r = C(e, "stepId");
-      return !n || !o || !r ? T("Move step") : xe(
+      const n = C(e, "collectionId"), r = C(e, "workflowId"), o = C(e, "stepId");
+      return !n || !r || !o ? k("Move step") : ye(
         "Move step ",
-        ye({ collectionId: n, workflowId: o, stepId: r }),
-        r
+        ve({ collectionId: n, workflowId: r, stepId: o }),
+        o
       );
     }
     case "save_tab_to_collection":
-      return T(
-        P("Save tab as step", C(e, "newStepName"))
+      return k(
+        E("Save tab as step", C(e, "newStepName"))
       );
     default:
-      return T("Manage collection");
+      return k("Manage collection");
   }
 }
-function ko() {
+function hr() {
   return [{ kind: "text", text: "Run current request" }];
 }
-function To(e) {
+function gr(e) {
   return [
     {
       kind: "text",
@@ -981,25 +972,25 @@ function To(e) {
     }
   ];
 }
-function Io(e) {
+function mr(e) {
   return {
-    collectionId: Z(e, "collectionId"),
-    workflowId: Z(e, "workflowId"),
-    stepId: Z(e, "stepId")
+    collectionId: J(e, "collectionId"),
+    workflowId: J(e, "workflowId"),
+    stepId: J(e, "stepId")
   };
 }
-function Z(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 ot({ toolName: e, input: t }) {
-  const n = vo(e, t), o = Qe();
-  return /* @__PURE__ */ i(Ao, { onClick: o, children: /* @__PURE__ */ i(So, { children: n.map(
-    (r, a) => r.kind === "text" ? /* @__PURE__ */ i("span", { children: r.text }, a) : /* @__PURE__ */ i(Lo, { href: r.href, children: r.label }, a)
+function tt({ toolName: e, input: t }) {
+  const n = sr(e, t), r = Xe();
+  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)
   ) }) });
 }
-const Ao = c.div`
+const vr = c.div`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -1009,13 +1000,13 @@ const Ao = c.div`
   &:not(:last-child) {
     border-bottom: 1px solid var(--border-color-secondary);
   }
-`, So = c.span`
+`, yr = 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);
-`, Lo = c.a`
+`, xr = c.a`
   color: var(--link-color-primary);
   cursor: pointer;
   text-decoration: none;
@@ -1024,102 +1015,102 @@ const Ao = c.div`
     color: var(--link-color-primary, var(--text-color-link));
   }
 `;
-function rt(e, t, n) {
-  const o = { type: e };
-  return t !== void 0 && (o.key = t), n && (o.stepId = n), o;
+function nt(e, t, n) {
+  const r = { type: e };
+  return t !== void 0 && (r.key = t), n && (r.stepId = n), r;
 }
-function k({
+function T({
   id: e,
   targetType: t,
   targetKey: n,
-  targetStepId: o,
-  oldValue: r,
+  targetStepId: r,
+  oldValue: o,
   newValue: a
 }) {
   return {
     kind: "single",
     id: e,
-    target: rt(t, n, o),
-    oldValue: r,
+    target: nt(t, n, r),
+    oldValue: o,
     newValue: a,
     included: !0
   };
 }
-function V(e, t, n) {
-  return k({ id: e, targetType: t, targetStepId: n, oldValue: void 0, newValue: void 0 });
+function H(e, t, n) {
+  return T({ id: e, targetType: t, targetStepId: n, oldValue: void 0, newValue: void 0 });
 }
 function Y({
   data: e,
   baseId: t,
   targetType: n,
-  batchTargetKey: o,
-  targetStepId: r,
+  batchTargetKey: r,
+  targetStepId: o,
   getOldValue: a,
   getNewValue: s = (l, u) => String(u ?? ""),
   resolveTargetKey: d = (l) => l
 }) {
   const l = Object.entries(e).filter(([, p]) => p !== void 0);
   if (l.length === 0)
-    return V(t, n, r);
+    return H(t, n, o);
   if (l.length >= 2) {
     const p = l.map(
-      ([g, m]) => k({
+      ([g, y]) => T({
         id: `${t}:${g}`,
         targetType: n,
         targetKey: d(g),
         oldValue: a(g),
-        newValue: s(g, m)
+        newValue: s(g, y)
       })
     );
     return {
       kind: "batch",
       id: t,
-      target: rt(n, o, r),
+      target: nt(n, r, o),
       changes: p,
       included: !0
     };
   }
   const [u, f] = l[0];
-  return k({
+  return T({
     id: t,
     targetType: n,
     targetKey: d(u),
-    targetStepId: r,
+    targetStepId: o,
     oldValue: a(u),
     newValue: s(u, f)
   });
 }
-function Po({
+function wr({
   store: e,
   input: t
 }) {
-  if (!Eo(t)) return [];
-  const n = /* @__PURE__ */ new Map(), o = (r) => {
-    const a = n.get(r);
+  if (!br(t)) return [];
+  const n = /* @__PURE__ */ new Map(), r = (o) => {
+    const a = n.get(o);
     if (a) return a;
-    const s = Je(e, t.collectionId, t.workflowId, r), d = s.ok ? s.value : null, l = d ? Array.from(d.security.get({ noproxy: !0 })) : [];
-    return n.set(r, l), l;
+    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;
   };
-  return t.changes.map((r, a) => {
-    const s = r.stepId?.trim(), d = s || t.stepId;
-    return Ro(o(d), r, a, s);
+  return t.changes.map((o, a) => {
+    const s = o.stepId?.trim(), d = s || t.stepId;
+    return Cr(r(d), o, a, s);
   });
 }
-function Eo(e) {
+function br(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 Ro(e, t, n, o) {
-  const r = `security[${n}]`;
+function Cr(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(
-        k({
-          id: r,
+        T({
+          id: o,
           targetType: a,
-          targetStepId: o,
+          targetStepId: r,
           oldValue: void 0,
           newValue: a
         }),
@@ -1127,9 +1118,9 @@ function Ro(e, t, n, o) {
       ) : K(
         Y({
           data: d,
-          baseId: r,
+          baseId: o,
           targetType: a,
-          targetStepId: o,
+          targetStepId: r,
           getOldValue: () => {
           }
         }),
@@ -1137,38 +1128,38 @@ function Ro(e, t, n, o) {
       );
     }
     case I.UPDATE: {
-      const { type: a, data: s } = t, d = t.index !== void 0 ? e[t.index] : void 0, l = t.schemeId || be(d);
+      const { type: a, data: s } = t, d = t.index !== void 0 ? e[t.index] : void 0, l = t.schemeId || xe(d);
       return !s || Object.keys(s).length === 0 ? K(
-        k({
-          id: r,
+        T({
+          id: o,
           targetType: a,
-          targetStepId: o,
-          oldValue: $e(d),
+          targetStepId: r,
+          oldValue: Oe(d),
           newValue: a
         }),
         l
       ) : K(
         Y({
           data: s,
-          baseId: r,
+          baseId: o,
           targetType: a,
-          targetStepId: o,
-          getOldValue: (u) => d ? Oo(d, u) : void 0
+          targetStepId: r,
+          getOldValue: (u) => d ? Tr(d, u) : void 0
         }),
         l
       );
     }
     case I.REMOVE: {
-      const a = Vt(e, t), s = a.ok ? a.entry : void 0;
+      const a = Dt(e, t), s = a.ok ? a.entry : void 0;
       return K(
-        k({
-          id: r,
+        T({
+          id: o,
           targetType: s?.securityType ?? "Security",
-          targetStepId: o,
-          oldValue: $e(s),
+          targetStepId: r,
+          oldValue: Oe(s),
           newValue: void 0
         }),
-        be(s)
+        xe(s)
       );
     }
   }
@@ -1176,18 +1167,18 @@ function Ro(e, t, n, o) {
 function K(e, t) {
   return t ? { ...e, target: { ...e.target, schemeId: t } } : e;
 }
-function Oo(e, t) {
+function Tr(e, t) {
   switch (e.securityType) {
-    case z.NoAuth:
+    case V.NoAuth:
       return;
-    case z.OAuth2:
-      return Oe(e[z.OAuth2], t);
-    case z.OpenIDConnect: {
-      const n = e[z.OpenIDConnect];
-      return t === "openIdConnectUrl" ? n.openIdConnectUrl || void 0 : t === "userInfoUrl" ? n.userInfoUrl || void 0 : Oe(n, t);
+    case V.OAuth2:
+      return Re(e[V.OAuth2], t);
+    case V.OpenIDConnect: {
+      const n = e[V.OpenIDConnect];
+      return t === "openIdConnectUrl" ? n.openIdConnectUrl || void 0 : t === "userInfoUrl" ? n.userInfoUrl || void 0 : Re(n, t);
     }
-    case z.APIKey: {
-      const n = e[z.APIKey];
+    case V.APIKey: {
+      const n = e[V.APIKey];
       return t === "location" ? ie(n, t)?.toLowerCase() : ie(n, t);
     }
     default: {
@@ -1196,7 +1187,7 @@ function Oo(e, t) {
     }
   }
 }
-function Oe(e, t) {
+function Re(e, t) {
   if (t === "grantType") return e.grantType || void 0;
   if (!e.grantType) return;
   const n = e[e.grantType];
@@ -1206,115 +1197,115 @@ function ie(e, t) {
   const n = e[t];
   return n !== void 0 && n !== "" ? String(n) : void 0;
 }
-function $e(e) {
-  if (!e || e.securityType === z.NoAuth) return;
-  const t = be(e);
+function Oe(e) {
+  if (!e || e.securityType === V.NoAuth) return;
+  const t = xe(e);
   return t ? `${e.securityType} (${t})` : e.securityType;
 }
-function be(e) {
-  return !e || e.securityType === z.NoAuth ? void 0 : e[e.securityType]?.schemeName || void 0;
+function xe(e) {
+  return !e || e.securityType === V.NoAuth ? void 0 : e[e.securityType]?.schemeName || void 0;
 }
-function $o({
+function kr({
   store: e,
   input: t
 }) {
-  if (!Do(t)) return [];
-  const n = Je(e, t.collectionId, t.workflowId, t.stepId), o = n.ok ? n.value : null;
-  return t.changes.map((r, a) => Mo(o, r, a));
+  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 Do(e) {
+function Ir(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 Mo(e, t, n) {
-  const o = t.id ?? `${t.field}[${n}]`;
+function Ar(e, t, n) {
+  const r = t.id ?? `${t.field}[${n}]`;
   switch (t.field) {
     case "method":
     case "url":
     case "description":
-      return zo(e, t, o);
+      return Sr(e, t, r);
     case "parameters":
-      return _o(e, t, o);
+      return Lr(e, t, r);
     case "outputs":
-      return Vo(e, t, o);
+      return Pr(e, t, r);
     case "body":
-      return Bo(e, t, o);
+      return Er(e, t, r);
     case "successCriteria":
-      return Ho(e, t, o);
+      return Rr(e, t, r);
   }
 }
-function zo(e, t, n) {
-  const o = re(t.field);
+function Sr(e, t, n) {
+  const r = oe(t.field);
   switch (t.action) {
     case I.ADD:
-      return k({
+      return T({
         id: n,
-        targetType: o,
+        targetType: r,
         oldValue: void 0,
         newValue: t.data
       });
     case I.UPDATE:
-      return k({
+      return T({
         id: n,
-        targetType: o,
+        targetType: r,
         oldValue: De(e, t.field),
         newValue: t.data
       });
     case I.REMOVE:
-      return k({
+      return T({
         id: n,
-        targetType: o,
+        targetType: r,
         oldValue: De(e, t.field),
         newValue: void 0
       });
   }
 }
-function _o(e, t, n) {
+function Lr(e, t, n) {
   switch (t.action) {
     case I.ADD: {
-      if (!t.data) return V(n, "parameter");
-      const { in: o, name: r, value: a } = t.data;
-      return k({
+      if (!t.data) return H(n, "parameter");
+      const { in: r, name: o, value: a } = t.data;
+      return T({
         id: n,
-        targetType: re(o),
-        targetKey: r,
+        targetType: oe(r),
+        targetKey: o,
         oldValue: void 0,
         newValue: a
       });
     }
     case I.UPDATE: {
-      if (!t.id && !t.data?.name) return V(n, "parameter");
-      const o = Me(e, t), r = t.data?.in ?? o?.in ?? "parameter";
-      return k({
+      if (!t.id && !t.data?.name) return H(n, "parameter");
+      const r = Me(e, t), o = t.data?.in ?? r?.in ?? "parameter";
+      return T({
         id: n,
-        targetType: re(r),
-        targetKey: t.data?.name ?? o?.key,
-        oldValue: o ? o.value ?? "" : void 0,
+        targetType: oe(o),
+        targetKey: t.data?.name ?? r?.key,
+        oldValue: r ? r.value ?? "" : void 0,
         newValue: t.data?.value
       });
     }
     case I.REMOVE: {
-      if (!t.id && !t.data?.name) return V(n, "parameter");
-      const o = Me(e, t), r = t.data?.in ?? o?.in ?? "parameter";
-      return k({
+      if (!t.id && !t.data?.name) return H(n, "parameter");
+      const r = Me(e, t), o = t.data?.in ?? r?.in ?? "parameter";
+      return T({
         id: n,
-        targetType: re(r),
-        targetKey: o?.key ?? t.data?.name,
-        oldValue: o ? o.value ?? "" : void 0,
+        targetType: oe(o),
+        targetKey: r?.key ?? t.data?.name,
+        oldValue: r ? r.value ?? "" : void 0,
         newValue: void 0
       });
     }
   }
 }
-function Vo(e, t, n) {
+function Pr(e, t, n) {
   switch (t.action) {
     case I.ADD:
-      return t.data ? k({
+      return t.data ? T({
         id: n,
         targetType: "Output",
         targetKey: t.data.name,
         oldValue: void 0,
         newValue: t.data.expression
-      }) : k({
+      }) : T({
         id: n,
         targetType: "Output",
         oldValue: void 0,
@@ -1322,79 +1313,79 @@ function Vo(e, t, n) {
       });
     case I.UPDATE: {
       if (!t.data)
-        return k({
+        return T({
           id: n,
           targetType: "Output",
           oldValue: void 0,
           newValue: void 0
         });
-      const o = t.id && e ? _e(e, t.id) : void 0;
-      return k({
+      const r = t.id && e ? ze(e, t.id) : void 0;
+      return T({
         id: n,
         targetType: "Output",
         targetKey: t.data.name,
-        oldValue: o?.value,
+        oldValue: r?.value,
         newValue: t.data.expression
       });
     }
     case I.REMOVE: {
-      if (!t.id && !t.data?.name) return V(n, "Output");
-      let o = t.id && e ? _e(e, t.id) : void 0;
-      return !o && e && t.data?.name && (o = jo(e, t.data.name)), k({
+      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({
         id: n,
         targetType: "Output",
-        targetKey: o?.key ?? t.data?.name,
-        oldValue: o?.value,
+        targetKey: r?.key ?? t.data?.name,
+        oldValue: r?.value,
         newValue: void 0
       });
     }
   }
 }
-function Bo(e, t, n) {
-  const { data: o } = t;
+function Er(e, t, n) {
+  const { data: r } = t;
   switch (t.action) {
     case I.ADD:
       return Y({
-        data: o,
+        data: r,
         baseId: n,
         targetType: "Body",
         getOldValue: () => {
         },
-        getNewValue: (r) => r === "content" ? he(o.content, o.contentType) : de(o[r]),
-        resolveTargetKey: (r) => r === "content" ? void 0 : r
+        getNewValue: (o) => o === "content" ? fe(r.content, r.contentType) : ce(r[o]),
+        resolveTargetKey: (o) => o === "content" ? void 0 : o
       });
     case I.UPDATE: {
-      const r = e?.requestBody.type.get(), a = o.contentType ?? r;
+      const o = e?.requestBody.type.get(), a = r.contentType ?? o;
       return Y({
-        data: o,
+        data: r,
         baseId: n,
         targetType: "Body",
         getOldValue: (s) => {
           if (e) {
             if (s === "content")
-              return he(e.requestBody.content.get(), r) || void 0;
-            if (s === "contentType") return r;
+              return fe(e.requestBody.content.get(), o) || void 0;
+            if (s === "contentType") return o;
           }
         },
-        getNewValue: (s) => s === "content" ? he(o.content, a) : de(o[s]),
+        getNewValue: (s) => s === "content" ? fe(r.content, a) : ce(r[s]),
         resolveTargetKey: (s) => s === "content" ? void 0 : s
       });
     }
     case I.REMOVE: {
-      const r = e ? Ce({
+      const o = e ? be({
         contentType: e.requestBody.type.get(),
         content: e.requestBody.content.get()
       }) : void 0;
-      return k({
+      return T({
         id: n,
         targetType: "Body",
-        oldValue: r,
+        oldValue: o,
         newValue: void 0
       });
     }
   }
 }
-function Ho(e, t, n) {
+function Rr(e, t, n) {
   switch (t.action) {
     case I.ADD:
       return t.data ? Y({
@@ -1403,33 +1394,33 @@ function Ho(e, t, n) {
         targetType: "successCriteria",
         getOldValue: () => {
         },
-        getNewValue: (o) => de(t.data[o])
-      }) : V(n, "successCriteria");
+        getNewValue: (r) => ce(t.data[r])
+      }) : H(n, "successCriteria");
     case I.UPDATE: {
-      if (!t.data) return V(n, "successCriteria");
-      const o = typeof t.id == "string" && e ? ze(e, t.id) : void 0;
+      if (!t.data) return H(n, "successCriteria");
+      const r = typeof t.id == "string" && e ? _e(e, t.id) : void 0;
       return Y({
         data: t.data,
         baseId: n,
         targetType: "successCriteria",
-        getOldValue: (r) => {
-          if (o) {
-            if (r === "condition") return o.condition;
-            if (r === "context") return o.context ?? void 0;
-            if (r === "type") return o.type;
+        getOldValue: (o) => {
+          if (r) {
+            if (o === "condition") return r.condition;
+            if (o === "context") return r.context ?? void 0;
+            if (o === "type") return r.type;
           }
         },
-        getNewValue: (r) => de(t.data[r])
+        getNewValue: (o) => ce(t.data[o])
       });
     }
     case I.REMOVE: {
-      if (typeof t.id != "string") return V(n, "successCriteria");
-      const o = e ? ze(e, t.id) : void 0;
-      return k({
+      if (typeof t.id != "string") return H(n, "successCriteria");
+      const r = e ? _e(e, t.id) : void 0;
+      return T({
         id: n,
         targetType: "successCriteria",
-        targetKey: o?.condition,
-        oldValue: o ? Ce(o) : void 0,
+        targetKey: r?.condition,
+        oldValue: r ? be(r) : void 0,
         newValue: void 0
       });
     }
@@ -1447,139 +1438,139 @@ function De(e, t) {
     }
 }
 function Me(e, t) {
-  let n = t.id && e ? No(e, t.id) : null;
-  return !n && e && t.data?.name && (n = Fo(e, t.data.name)), n;
+  let n = t.id && e ? Or(e, t.id) : null;
+  return !n && e && t.data?.name && (n = Dr(e, t.data.name)), n;
 }
-function it(e, t) {
+function rt(e, t) {
   for (const n of ["path", "query", "header", "cookie"]) {
-    const o = e.parameters[Bt[n]].get().find((r) => At(r) && t(r));
-    if (o) return o;
+    const r = e.parameters[Mt[n]].get().find((o) => bt(o) && t(o));
+    if (r) return r;
   }
   return null;
 }
-function No(e, t) {
-  return it(e, (n) => n.id === t);
+function Or(e, t) {
+  return rt(e, (n) => n.id === t);
 }
-function Fo(e, t) {
-  return it(e, (n) => n.key === t);
+function Dr(e, t) {
+  return rt(e, (n) => n.key === t);
 }
-function ze(e, t) {
+function _e(e, t) {
   return e.successCriteria.get().find((n) => n.condition === t);
 }
-function at(e, t) {
+function ot(e, t) {
   for (const n of e.outputs.get())
     if (t(n))
       return {
-        key: le(n.key),
-        value: le(n.value)
+        key: se(n.key),
+        value: se(n.value)
       };
 }
-function _e(e, t) {
-  return at(e, (n) => le(n.id) === t);
+function ze(e, t) {
+  return ot(e, (n) => se(n.id) === t);
 }
-function jo(e, t) {
-  return at(e, (n) => le(n.key) === t);
+function Mr(e, t) {
+  return ot(e, (n) => se(n.key) === t);
 }
-function le(e) {
+function se(e) {
   return typeof e == "string" ? e : e.get();
 }
-function de(e) {
-  return e == null ? "" : typeof e == "string" ? e : Ce(e);
+function ce(e) {
+  return e == null ? "" : typeof e == "string" ? e : be(e);
 }
-function he(e, t) {
-  if (!e || t !== St.JSON) return e;
+function fe(e, t) {
+  if (!e || t !== Ct.JSON) return e;
   try {
     return JSON.stringify(JSON.parse(e), null, 2);
   } catch {
     return e;
   }
 }
-const Wo = {
-  update_security: Po,
-  update_step: $o
+const _r = {
+  update_security: wr,
+  update_step: kr
 };
-function st(e, t) {
-  const n = Ye(), o = A(() => {
-    const l = e ? Wo[e] : void 0;
+function it(e, t) {
+  const n = Ue(), r = A(() => {
+    const l = e ? _r[e] : void 0;
     if (!l) return [];
     try {
       return l({ store: n, input: t });
     } catch (u) {
       return console.error("Unable to build change previews", u), [];
     }
-  }, [e, n, t]), [r, a] = G(
-    () => Object.fromEntries(o.map((l) => [l.id, l.included]))
+  }, [e, n, t]), [o, a] = G(
+    () => Object.fromEntries(r.map((l) => [l.id, l.included]))
   ), s = A(
-    () => o.map((l) => ({ ...l, included: r[l.id] ?? l.included })),
-    [o, r]
-  ), d = D(
+    () => r.map((l) => ({ ...l, included: o[l.id] ?? l.included })),
+    [r, o]
+  ), d = _(
     (l) => {
       a(typeof l == "function" ? (u) => {
-        const f = o.map((p) => ({
+        const f = r.map((p) => ({
           ...p,
           included: u[p.id] ?? p.included
         }));
         return Object.fromEntries(l(f).map((p) => [p.id, p.included]));
       } : Object.fromEntries(l.map((u) => [u.id, u.included])));
     },
-    [o]
+    [r]
   );
   return { previews: s, setPreviews: d };
 }
-function Uo({
+function zr({
   toolCallId: e,
   toolName: t,
   input: n,
-  onApprove: o,
-  onDeny: r
+  onApprove: r,
+  onDeny: o
 }) {
-  const { updateMessages: a } = Q(), { previews: s, setPreviews: d } = st(t, n), { includedCount: l, totalCount: u } = A(
+  const { updateMessages: a } = Q(), { previews: s, setPreviews: d } = it(t, n), { includedCount: l, totalCount: u } = A(
     () => ({
-      includedCount: s.filter((v) => v.included).length,
+      includedCount: s.filter((m) => m.included).length,
       totalCount: s.length
     }),
     [s]
   ), { approveLabel: f, denyLabel: p } = A(
-    () => qn(t, n),
+    () => Bn(t, n),
     [t, n]
-  ), g = D(() => {
-    a((v) => {
+  ), g = _(() => {
+    a((m) => {
       const x = [];
-      for (let b = 0; b < v.length; b++) {
-        const w = v[b], { parts: y } = w, S = w.role === "assistant", E = y.some(
-          (R) => et(R, e)
+      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)
         );
-        if (S && E) {
-          const R = Jn(w, e, s);
-          x.push({ index: b, message: R });
+        if (S && R) {
+          const O = jn(w, e, s);
+          x.push({ index: b, message: O });
         }
       }
       return x;
-    }), o();
-  }, [s, o, a, e]), m = D(
-    (v) => {
+    }), r();
+  }, [s, r, a, e]), y = _(
+    (m) => {
       d(
         (x) => x.map(
-          (b, w) => w === v ? { ...b, included: !b.included } : b
+          (b, w) => w === m ? { ...b, included: !b.included } : b
         )
       );
     },
     [d]
   );
-  return /* @__PURE__ */ h(Yo, { children: [
-    /* @__PURE__ */ i(ot, { toolName: t, input: n }),
-    s.length ? /* @__PURE__ */ i(Go, { children: /* @__PURE__ */ i(tt, { previews: s, handleToggle: m }) }) : null,
-    s.length ? /* @__PURE__ */ i(Ge, {}) : null,
-    /* @__PURE__ */ h(qo, { children: [
-      u > 1 ? /* @__PURE__ */ h(Ko, { children: [
+  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,
         " of ",
         u,
         " selected"
       ] }) : null,
-      /* @__PURE__ */ i(Zo, { size: "small", variant: "secondary", onClick: r, children: p }),
+      /* @__PURE__ */ i(Fr, { size: "small", variant: "secondary", onClick: o, children: p }),
       /* @__PURE__ */ i(
-        Jo,
+        Nr,
         {
           size: "small",
           variant: "primary",
@@ -1591,7 +1582,7 @@ function Uo({
     ] })
   ] });
 }
-const Yo = c.div`
+const Vr = c.div`
   display: flex;
   color: var(--text-color-primary);
   flex-direction: column;
@@ -1602,27 +1593,27 @@ const Yo = c.div`
   border: 1px solid var(--border-color-secondary);
   background: var(--layer-color);
   line-height: var(--line-height-sm);
-`, Go = c.div`
+`, $r = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
   min-width: 0;
-`, qo = c.div`
+`, Hr = 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);
-`, Ko = c.span`
+`, Br = 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);
-`, Zo = c(B)`
+`, Fr = c(P)`
   background: none;
-`, Jo = c(B)`
+`, Nr = c(P)`
   border: 1px solid var(--button-bg-color);
   padding-top: 0;
   padding-bottom: 0;
@@ -1630,66 +1621,66 @@ const Yo = c.div`
     border: 1px solid var(--button-border-color-disabled);
   }
 `;
-function Xo({
+function jr({
   approvalId: e,
   toolCallId: t,
   toolName: n,
-  input: o
+  input: r
 }) {
-  const { addToolApprovalResponse: r } = Q(), a = D(() => {
-    r({ id: e, approved: !0 });
-  }, [e, r]), s = D(() => {
-    r({ id: e, approved: !1 });
-  }, [e, r]);
+  const { addToolApprovalResponse: o } = Q(), a = _(() => {
+    o({ id: e, approved: !0 });
+  }, [e, o]), s = _(() => {
+    o({ id: e, approved: !1 });
+  }, [e, o]);
   return /* @__PURE__ */ i(
-    Uo,
+    zr,
     {
       onApprove: a,
       onDeny: s,
       toolCallId: t,
       toolName: n,
-      input: o
+      input: r
     }
   );
 }
-function Qo({
+function Ur({
   toolName: e,
   toolCallId: t,
   input: n,
-  isDenied: o,
-  messageMetadata: r,
+  isDenied: r,
+  messageMetadata: o,
   onUndo: a
 }) {
   const s = A(
-    () => Zn(r, t),
-    [r, t]
-  ), { previews: d } = st(
+    () => Nn(o, t),
+    [o, t]
+  ), { previews: d } = it(
     s ? void 0 : e,
     n
   ), l = A(() => {
     const g = s ?? d;
-    if (o)
-      return g.map((v) => ({ ...v, included: !1 }));
-    const m = Kn(n);
-    return g.map((v, x) => ({
-      ...v,
-      included: m[x] ?? v.included
+    if (r)
+      return g.map((m) => ({ ...m, included: !1 }));
+    const y = Fn(n);
+    return g.map((m, x) => ({
+      ...m,
+      included: y[x] ?? m.included
     }));
-  }, [s, d, n, o]);
+  }, [s, d, n, r]);
   if (l.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(er, { children: [
-    /* @__PURE__ */ i(ot, { toolName: e, input: n }),
-    /* @__PURE__ */ i(tr, { children: /* @__PURE__ */ i(tt, { previews: l, readOnly: !0 }) }),
-    /* @__PURE__ */ i(Ge, {}),
-    /* @__PURE__ */ h(nr, { children: [
-      /* @__PURE__ */ i(or, { children: p }),
-      a ? /* @__PURE__ */ i(rr, { size: "small", variant: "outlined", onClick: a, children: "Undo" }) : null
+  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 er = c.div`
+const Wr = c.div`
   display: flex;
   color: var(--text-color-primary);
   flex-direction: column;
@@ -1699,77 +1690,77 @@ const er = c.div`
   border: 1px solid var(--border-color-secondary);
   background: var(--layer-color);
   line-height: var(--line-height-sm);
-`, tr = c.div`
+`, Yr = c.div`
   display: flex;
   flex-direction: column;
   min-width: 0;
-`, nr = c.div`
+`, Gr = c.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: var(--spacing-xs) var(--spacing-sm);
   gap: var(--spacing-xs);
-`, or = c.span`
+`, qr = c.span`
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   color: var(--text-color-secondary);
-`, rr = c(B)`
+`, Kr = c(P)`
   padding-top: 0;
   padding-bottom: 0;
 `;
-function ir({ items: e, isLast: t }) {
-  const [n, o] = G(t), r = D(() => {
-    o((s) => !s);
+function Jr({ items: e, isLast: t }) {
+  const [n, r] = G(t), o = _(() => {
+    r((s) => !s);
   }, []), a = A(() => e.filter((s) => s.kind === "action"), [e]);
-  return /* @__PURE__ */ h(sr, { children: [
-    /* @__PURE__ */ h(cr, { type: "button", onClick: r, "aria-expanded": n, children: [
-      /* @__PURE__ */ i(lr, { children: n ? /* @__PURE__ */ i(Zt, { size: "12px", color: "var(--icon-color-additional)" }) : /* @__PURE__ */ i(Jt, { size: "12px", color: "var(--icon-color-additional)" }) }),
-      /* @__PURE__ */ h(dr, { children: [
+  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: [
         a.length,
         " ",
         a.length === 1 ? "action" : "actions"
       ] })
     ] }),
-    n && /* @__PURE__ */ i(ur, { children: a.map((s, d) => /* @__PURE__ */ i(ar, { text: s.text }, d)) })
+    n && /* @__PURE__ */ i(no, { children: a.map((s, d) => /* @__PURE__ */ i(Xr, { text: s.text }, d)) })
   ] });
 }
-function ar({ text: e }) {
-  return /* @__PURE__ */ h(fr, { children: [
-    /* @__PURE__ */ h(pr, { children: [
-      /* @__PURE__ */ i(hr, { "aria-hidden": !0 }),
-      /* @__PURE__ */ i(gr, { children: /* @__PURE__ */ i(vr, { "aria-hidden": !0 }) }),
-      /* @__PURE__ */ i(ct, { "aria-hidden": !0 })
+function Xr({ 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 })
     ] }),
-    /* @__PURE__ */ i(mr, { children: e })
+    /* @__PURE__ */ i(co, { children: e })
   ] });
 }
-const sr = c.div`
+const Zr = c.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   min-width: 0;
-`, cr = c.button`
+`, Qr = c.button`
   display: flex;
   align-items: center;
   cursor: pointer;
   user-select: none;
   width: fit-content;
   padding: 0;
-`, lr = c.span`
+`, eo = c.span`
   display: flex;
   align-items: center;
   flex-shrink: 0;
-`, dr = c.span`
+`, to = 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);
-`, ur = c.div`
+`, no = c.div`
   display: flex;
   flex-direction: column;
   gap: 0;
-`, ct = c.span`
+`, at = c.span`
   display: block;
   width: 1px;
   flex-shrink: 0;
@@ -1777,7 +1768,7 @@ const sr = c.div`
   background: var(--border-color-secondary);
   flex: 1 1 auto;
   min-height: 8px;
-`, fr = c.div`
+`, ro = c.div`
   display: flex;
   flex-direction: row;
   align-items: stretch;
@@ -1785,11 +1776,11 @@ const sr = c.div`
   min-width: 0;
 
   &:last-child {
-    ${ct} {
+    ${at} {
       display: none;
     }
   }
-`, pr = c.div`
+`, oo = c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1798,14 +1789,14 @@ const sr = c.div`
   flex: 0 0 auto;
   align-self: stretch;
   min-height: 0;
-`, hr = c.span`
+`, io = c.span`
   display: block;
   width: 1px;
   height: 4px;
   flex: 0 0 auto;
   flex-shrink: 0;
   background: var(--border-color-secondary);
-`, gr = c.div`
+`, ao = c.div`
   width: 12px;
   height: 12px;
   flex: 0 0 auto;
@@ -1813,7 +1804,7 @@ const sr = c.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`, vr = c.span`
+`, so = c.span`
   width: 4px;
   height: 4px;
   flex-shrink: 0;
@@ -1821,7 +1812,7 @@ const sr = c.div`
   box-sizing: border-box;
   border: 1px solid var(--border-color-secondary);
   background: transparent;
-`, mr = c.span`
+`, co = c.span`
   flex: 1;
   min-width: 0;
   align-self: flex-start;
@@ -1830,59 +1821,59 @@ const sr = c.div`
   line-height: var(--line-height-sm);
   color: var(--text-color-helper);
 `;
-function yr({
+function lo({
   items: e,
   messageMetadata: t
 }) {
-  return /* @__PURE__ */ i(br, { children: e.map((n, o) => {
+  return /* @__PURE__ */ i(fo, { children: e.map((n, r) => {
     if (n.kind === "reasoning-block") {
-      const s = o === e.length - 1;
-      return /* @__PURE__ */ i(ir, { items: n.items, isLast: s }, n.key);
+      const s = r === e.length - 1;
+      return /* @__PURE__ */ i(Jr, { items: n.items, isLast: s }, n.key);
     }
     if (n.kind === "text")
       return /* @__PURE__ */ i(
-        xr,
+        uo,
         {
           rawMarkdown: n.text,
           workflowRunHistoryIds: n.workflowRunHistoryIds
         },
         n.key
       );
-    const { part: r } = n, a = Ht(r.type);
-    return a && Ze(r) ? /* @__PURE__ */ i(
-      Xo,
+    const { part: o } = n, a = _t(o.type);
+    return a && qe(o) ? /* @__PURE__ */ i(
+      jr,
       {
-        approvalId: r.approval.id,
-        toolCallId: r.toolCallId,
+        approvalId: o.approval.id,
+        toolCallId: o.toolCallId,
         toolName: a,
-        input: r.input
+        input: o.input
       },
       n.key
-    ) : a && Nt(r) ? /* @__PURE__ */ i(
-      Qo,
+    ) : a && zt(o) ? /* @__PURE__ */ i(
+      Ur,
       {
         toolName: a,
-        toolCallId: r.toolCallId,
-        input: r.input,
-        isDenied: r.state === "output-denied",
+        toolCallId: o.toolCallId,
+        input: o.input,
+        isDenied: o.state === "output-denied",
         messageMetadata: t
       },
       n.key
     ) : null;
   }) });
 }
-function xr({
+function uo({
   rawMarkdown: e,
   workflowRunHistoryIds: t
 }) {
-  const n = Qe({ workflowRunHistoryIds: t });
-  return /* @__PURE__ */ i(wr, { onClick: n, children: /* @__PURE__ */ i(Lt, { rawMarkdown: e, parser: Pt }) });
+  const n = Xe({ workflowRunHistoryIds: t });
+  return /* @__PURE__ */ i(po, { onClick: n, children: /* @__PURE__ */ i(Tt, { rawMarkdown: e, parser: kt }) });
 }
-const br = c.div`
+const fo = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
-`, wr = c.div`
+`, po = c.div`
   white-space: normal;
 
   max-width: 100%;
@@ -1895,12 +1886,12 @@ const br = c.div`
   p:last-child {
     margin-bottom: 0;
   }
-`, lt = c.div`
+`, st = 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%;
@@ -1932,78 +1923,78 @@ const br = c.div`
     }
   }
 `;
-function Cr() {
-  return /* @__PURE__ */ h(kr, { children: [
-    /* @__PURE__ */ i(J, {}),
-    /* @__PURE__ */ i(J, {}),
-    /* @__PURE__ */ i(J, {})
+function ho() {
+  return /* @__PURE__ */ h(go, { children: [
+    /* @__PURE__ */ i(X, {}),
+    /* @__PURE__ */ i(X, {}),
+    /* @__PURE__ */ i(X, {})
   ] });
 }
-const kr = c.div`
+const go = c.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 24px;
   height: 24px;
 `;
-function Tr() {
-  return /* @__PURE__ */ h(Ir, { children: [
-    /* @__PURE__ */ i(Cr, {}),
-    /* @__PURE__ */ i(Ar, { children: "Thinking" })
+function mo() {
+  return /* @__PURE__ */ h(vo, { children: [
+    /* @__PURE__ */ i(ho, {}),
+    /* @__PURE__ */ i(yo, { children: "Thinking" })
   ] });
 }
-const Ir = c.div`
+const vo = c.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xxs);
-`, Ar = c.span`
+`, yo = 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 Sr({ items: e }) {
-  return /* @__PURE__ */ i(mt, { children: e.map((t) => t.kind !== "text" ? null : /* @__PURE__ */ i(lt, { children: t.text }, t.key)) });
+function xo({ items: e }) {
+  return /* @__PURE__ */ i(gt, { children: e.map((t) => t.kind !== "text" ? null : /* @__PURE__ */ i(st, { children: t.text }, t.key)) });
 }
-const Lr = "Something went wrong. Please try again.";
-function Pr(e) {
+const wo = "Something went wrong. Please try again.";
+function bo(e) {
   const t = e?.message?.trim();
-  return t || Lr;
+  return t || wo;
 }
-function Er({ message: e, isLastMessage: t }) {
-  const { chatStatus: n, chatError: o } = Q(), { role: r, parts: a } = e, s = r === M.ASSISTANT, d = A(() => Ft(a), [a]), l = d.length > 0, u = n === "error" && t && s && !l;
-  return !l && !u ? null : /* @__PURE__ */ i(dt, { $role: r, children: /* @__PURE__ */ i(
-    Or,
+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(
+    ko,
     {
       isFailedEmptyAssistant: u,
-      chatError: o,
+      chatError: r,
       isAssistant: s,
       contentItems: d,
       messageMetadata: e.metadata
     }
   ) });
 }
-function Rr() {
-  return /* @__PURE__ */ i(dt, { $role: M.ASSISTANT, children: /* @__PURE__ */ i(we, { children: /* @__PURE__ */ i(Tr, {}) }) });
+function To() {
+  return /* @__PURE__ */ i(ct, { $role: z.ASSISTANT, children: /* @__PURE__ */ i(we, { children: /* @__PURE__ */ i(mo, {}) }) });
 }
-function Or({
+function ko({
   isFailedEmptyAssistant: e,
   chatError: t,
   isAssistant: n,
-  contentItems: o,
-  messageMetadata: r
+  contentItems: r,
+  messageMetadata: o
 }) {
-  return e ? /* @__PURE__ */ i(we, { children: /* @__PURE__ */ i(lt, { children: Pr(t) }) }) : /* @__PURE__ */ i(we, { children: n ? /* @__PURE__ */ i(yr, { items: o, messageMetadata: r }) : /* @__PURE__ */ i(Sr, { items: 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 }) });
 }
-const dt = c.div`
+const ct = c.div`
   display: flex;
   flex-direction: column;
   padding: var(--spacing-xs) var(--spacing-sm);
   gap: var(--spacing-xxs);
   min-width: 0;
-  width: ${({ $role: e }) => e === M.ASSISTANT ? "100%" : "fit-content"};
-  border-radius: ${({ $role: e }) => e === M.USER ? "6px 0px 6px 6px" : "0px 6px 6px 6px"};
-  background: ${({ $role: e }) => e === M.USER ? "var(--replay-ai-user-message-gradient)" : "transparent"};
+  width: ${({ $role: e }) => e === z.ASSISTANT ? "100%" : "fit-content"};
+  border-radius: ${({ $role: e }) => e === z.USER ? "6px 0px 6px 6px" : "0px 6px 6px 6px"};
+  background: ${({ $role: e }) => e === z.USER ? "var(--replay-ai-user-message-gradient)" : "transparent"};
   border: none;
   color: var(--text-color-primary);
   box-sizing: border-box;
@@ -2017,17 +2008,17 @@ const dt = c.div`
   min-width: 0;
   width: 100%;
 `;
-function $r() {
-  const { messages: e, isStreaming: t } = Q(), n = e.at(-1), o = A(() => {
-    const r = n?.role === M.ASSISTANT, a = n?.parts.at(-1)?.type === "text";
-    return t && !(r && a);
+function Io() {
+  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(Dr, { children: [
-    e.map((r, a) => /* @__PURE__ */ i(Ve, { $role: r.role, children: /* @__PURE__ */ i(Be, { $role: r.role, children: /* @__PURE__ */ i(Er, { message: r, isLastMessage: a === e.length - 1 }) }) }, r.id)),
-    o && /* @__PURE__ */ i(Ve, { $role: M.ASSISTANT, children: /* @__PURE__ */ i(Be, { $role: M.ASSISTANT, children: /* @__PURE__ */ i(Rr, {}) }) })
+  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, {}) }) })
   ] });
 }
-const Dr = c.div`
+const Ao = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
@@ -2035,30 +2026,30 @@ const Dr = c.div`
 `, Ve = c.div`
   display: flex;
   width: 100%;
-  justify-content: ${({ $role: e }) => e === M.USER ? "flex-end" : "flex-start"};
-`, Be = c.div`
+  justify-content: ${({ $role: e }) => e === z.USER ? "flex-end" : "flex-start"};
+`, $e = c.div`
   display: flex;
   flex-direction: column;
-  align-items: ${({ $role: e }) => e === M.USER ? "flex-end" : "stretch"};
+  align-items: ${({ $role: e }) => e === z.USER ? "flex-end" : "stretch"};
   gap: var(--spacing-xs);
   min-width: 0;
   width: 100%;
   max-width: 100%;
 `;
-function Mr(e) {
-  const t = N(void 0);
-  return H(() => {
+function So(e) {
+  const t = F(void 0);
+  return B(() => {
     t.current = e;
   }), t.current;
 }
-const ut = c.div`
+const lt = c.div`
   display: flex;
   flex-direction: column;
   flex: 1;
   width: 100%;
   overflow: auto;
   padding: var(--spacing-xs);
-`, zr = (e) => /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none", ...e, children: [
+`, Lo = (e) => /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none", ...e, children: [
   /* @__PURE__ */ i(
     "path",
     {
@@ -2090,98 +2081,98 @@ const ut = c.div`
       ]
     }
   ) })
-] }), _r = c(zr)`
+] }), Po = c(Lo)`
   height: ${({ size: e }) => e || "14px"};
   width: ${({ size: e }) => e || "14px"};
 `;
-function Vr(e) {
+function Eo(e) {
   const t = "var(--font-size-base)";
   switch (e) {
     case me:
-      return /* @__PURE__ */ i(_r, { size: t });
-    case pe.OPENAI:
-      return /* @__PURE__ */ i(rn, { size: t, color: "var(--text-color-primary)" });
-    case pe.GEMINI:
-      return /* @__PURE__ */ i(on, { size: t });
-    case pe.ANTHROPIC:
-      return /* @__PURE__ */ i(nn, { size: t, color: "var(--replay-claude-icon-color)" });
+      return /* @__PURE__ */ i(Po, { size: t });
+    case ue.OPENAI:
+      return /* @__PURE__ */ i(Qt, { size: t, color: "var(--text-color-primary)" });
+    case ue.GEMINI:
+      return /* @__PURE__ */ i(en, { size: t });
+    case ue.ANTHROPIC:
+      return /* @__PURE__ */ i(tn, { size: t, color: "var(--replay-claude-icon-color)" });
   }
 }
-function Br({
+function Ro({
   models: e,
   selectedModelId: t,
   placement: n,
-  onModelSelect: o,
-  onSettingsOpen: r
+  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(jr, { children: /* @__PURE__ */ i(
-    Wr,
+  return /* @__PURE__ */ i(_o, { children: /* @__PURE__ */ i(
+    zo,
     {
-      trigger: /* @__PURE__ */ i(Hr, { label: s }),
+      trigger: /* @__PURE__ */ i(Oo, { label: s }),
       placement: n,
       alignment: "start",
       withArrow: !0,
-      children: /* @__PURE__ */ h(Ur, { children: [
-        /* @__PURE__ */ h(qr, { children: [
+      children: /* @__PURE__ */ h(Vo, { children: [
+        /* @__PURE__ */ h(Bo, { children: [
           l.map((p) => /* @__PURE__ */ i(
             He,
             {
               model: p,
               activeModelId: d,
-              onModelSelect: o
+              onModelSelect: r
             },
             p.id
           )),
-          f && /* @__PURE__ */ i(Ne, { "aria-hidden": !0 }),
-          u.length > 0 && /* @__PURE__ */ i(je, { children: u.map((p) => /* @__PURE__ */ i(
+          f && /* @__PURE__ */ i(Be, { "aria-hidden": !0 }),
+          u.length > 0 && /* @__PURE__ */ i(Ne, { children: u.map((p) => /* @__PURE__ */ i(
             He,
             {
               model: p,
               activeModelId: d,
-              onModelSelect: o
+              onModelSelect: r
             },
             p.id
           )) })
         ] }),
-        r && e.length > 0 && /* @__PURE__ */ i(Ne, { "aria-hidden": !0 }),
-        r && /* @__PURE__ */ i(
-          Kr,
+        o && e.length > 0 && /* @__PURE__ */ i(Be, { "aria-hidden": !0 }),
+        o && /* @__PURE__ */ i(
+          Fo,
           {
-            prefix: /* @__PURE__ */ i(Xt, { size: "var(--font-size-base)", color: "var(--text-color-secondary)" }),
+            prefix: /* @__PURE__ */ i(Zt, { size: "var(--font-size-base)", color: "var(--text-color-secondary)" }),
             content: "Manage models",
-            onAction: () => r("ai-providers")
+            onAction: () => o("ai-providers")
           }
         )
       ] })
     }
   ) });
 }
-function Hr({
+function Oo({
   label: e,
   icon: t,
   onClick: n,
-  onKeyDown: o
+  onKeyDown: r
 }) {
-  return /* @__PURE__ */ h(Nr, { onClick: n, onKeyDown: o, children: [
-    /* @__PURE__ */ i(Fr, { children: e }),
+  return /* @__PURE__ */ h(Do, { onClick: n, onKeyDown: r, children: [
+    /* @__PURE__ */ i(Mo, { children: e }),
     t
   ] });
 }
 function He({ model: e, activeModelId: t, onModelSelect: n }) {
-  const o = e.id === t;
+  const r = e.id === t;
   return /* @__PURE__ */ i(
-    Xe,
+    Je,
     {
-      prefix: Vr(e.provider),
-      suffix: o ? /* @__PURE__ */ i(Gr, { size: "var(--font-size-base)", color: "var(--text-color-primary)" }) : void 0,
+      prefix: Eo(e.provider),
+      suffix: r ? /* @__PURE__ */ i(Ho, { size: "var(--font-size-base)", color: "var(--text-color-primary)" }) : void 0,
       onAction: () => n(e.id),
-      active: o,
-      children: /* @__PURE__ */ i(Yr, { children: e.label })
+      active: r,
+      children: /* @__PURE__ */ i($o, { children: e.label })
     }
   );
 }
-const Nr = c.div`
+const Do = c.div`
   display: flex;
   align-items: center;
   min-width: 0;
@@ -2196,7 +2187,7 @@ const Nr = c.div`
   &:hover {
     background: var(--layer-color-active);
   }
-`, Fr = c.span`
+`, Mo = c.span`
   overflow: hidden;
   text-overflow: ellipsis;
   font-family: var(--font-family-base);
@@ -2205,13 +2196,13 @@ const Nr = c.div`
   line-height: var(--line-height-base);
   color: var(--text-color-primary);
   white-space: nowrap;
-`, jr = c.div`
+`, _o = c.div`
   --dropdown-menu-padding-top: 0;
 
   min-width: 0;
   flex: 1;
   position: relative;
-`, Wr = c(Qt)`
+`, zo = c(Kt)`
   width: 100%;
   min-width: 0;
   flex: 1;
@@ -2220,7 +2211,7 @@ const Nr = c.div`
     width: 100%;
     max-width: 200px;
   }
-`, Ur = c(en)`
+`, Vo = 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);
@@ -2229,59 +2220,59 @@ const Nr = c.div`
   margin: 5px 0;
   border-radius: var(--border-radius-lg);
   background: var(--bg-color);
-`, Yr = c.span`
+`, $o = c.span`
   flex: 1;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, Gr = c(tn)`
+`, Ho = c(Xt)`
   margin-left: var(--spacing-xxs);
-`, Ne = c.li`
+`, Be = c.li`
   flex-shrink: 0;
   list-style: none;
   width: 100%;
   height: 1px;
   margin: 0;
   background: var(--border-color-secondary);
-`, qr = c.li`
+`, Bo = c.li`
   display: flex;
   flex-direction: column;
   gap: var(--dropdown-menu-item-gap);
   list-style: none;
   min-height: 0;
   overflow-y: auto;
-`, Kr = c(Xe)`
+`, Fo = c(Je)`
   flex-shrink: 0;
-`, Zr = 280;
-function ft({ pinToBottom: e = !1 }) {
+`, No = 280;
+function dt({ pinToBottom: e = !1 }) {
   const [t, n] = G(
-    () => Ie().getIndexingActivityState().inProgress
+    () => ke().getIndexingActivityState().inProgress
   );
-  return H(() => Ie().subscribe("indexing-activity", (r) => {
-    n(r.inProgress);
-  }), []), /* @__PURE__ */ i(Jr, { $open: t, $pinToBottom: e, "aria-hidden": !t, children: /* @__PURE__ */ i(
-    U,
+  return B(() => ke().subscribe("indexing-activity", (o) => {
+    n(o.inProgress);
+  }), []), /* @__PURE__ */ i(jo, { $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(Xr, { role: "status", "aria-live": "polite", "aria-label": "Indexing in progress...", children: [
-        /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(J, {}) }),
-        /* @__PURE__ */ i(Qr, { children: "Indexing in progress..." })
+      children: /* @__PURE__ */ h(Uo, { role: "status", "aria-live": "polite", "aria-label": "Indexing in progress...", children: [
+        /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(X, {}) }),
+        /* @__PURE__ */ i(Wo, { children: "Indexing in progress..." })
       ] })
     }
   ) });
 }
-const Jr = c.div`
+const jo = c.div`
   width: 100%;
   display: block;
 
-  ${({ $pinToBottom: e }) => e ? X`
+  ${({ $pinToBottom: e }) => e ? pe`
           order: 1;
           margin-top: auto;
-        ` : X`
+        ` : pe`
           position: absolute;
           left: 0;
           right: 0;
@@ -2291,13 +2282,13 @@ const Jr = c.div`
         `}
 
   opacity: ${({ $open: e }) => e ? 1 : 0};
-  transition: opacity ${Zr}ms ease-out;
+  transition: opacity ${No}ms ease-out;
   pointer-events: ${({ $open: e }) => e ? "auto" : "none"};
 
-  ${J} {
+  ${X} {
     animation-play-state: ${({ $open: e }) => e ? "running" : "paused"};
   }
-`, Xr = c.div`
+`, Uo = c.div`
   width: 100%;
   display: flex;
   align-items: center;
@@ -2307,83 +2298,83 @@ const Jr = c.div`
   border-radius: 4px;
   font-size: var(--font-size-sm);
   line-height: 12px;
-`, Qr = c.div`
+`, Wo = c.div`
   flex: 1;
   min-width: 0;
 `;
-function ei() {
+function Yo() {
   const {
     chatId: e,
     isLoading: t,
     pendingComposerPreset: n,
-    clearPendingComposerPreset: o,
-    availableModels: r,
+    clearPendingComposerPreset: r,
+    availableModels: o,
     selectedModelId: a,
     selectModel: s,
     onSettingsOpen: d
-  } = qe(), { messages: l, isStreaming: u, sendMessage: f, stopGeneration: p } = Q(), { isOpen: g } = Ke(), [m, v] = G(""), x = N(null), b = N(null), w = N(!0), y = l.length > 0, S = t || y, E = Mr(l.length), q = E !== void 0 && E > 0 && !y, _ = D((L = "smooth") => {
+  } = 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") => {
     b.current && b.current.scrollTo({
       top: b.current.scrollHeight,
       behavior: L
     });
-  }, []), ee = D(() => {
+  }, []), ee = _(() => {
     const L = b.current;
     if (!L) return;
     L.scrollHeight - L.scrollTop - L.clientHeight < 50 && (w.current = !0);
   }, []);
-  H(() => {
+  B(() => {
     const L = b.current;
     if (!L) return;
-    const fe = (vt) => {
-      vt.deltaY < 0 && (w.current = !1);
+    const de = (ht) => {
+      ht.deltaY < 0 && (w.current = !1);
     };
-    return L.addEventListener("wheel", fe, { passive: !0 }), () => L.removeEventListener("wheel", fe);
+    return L.addEventListener("wheel", de, { passive: !0 }), () => L.removeEventListener("wheel", de);
   }, []);
-  const gt = D(async () => {
-    m && (v(""), w.current = !0, await f(m), x.current && requestAnimationFrame(() => x.current?.focus()));
-  }, [f, m]);
-  return H(() => {
-    g && (x.current && x.current.focus(), w.current = !0, _());
-  }, [g, l.length, _]), H(() => {
-    u && w.current && _();
-  }), H(
+  const pt = _(async () => {
+    y && (m(""), 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(() => {
+    u && w.current && $();
+  }), B(
     function() {
-      g && x.current && (x.current.focus(), _("instant"));
+      g && x.current && (x.current.focus(), $("instant"));
     },
-    [e, g, _]
-  ), H(
+    [e, g, $]
+  ), B(
     function() {
-      !g || n === null || (v(n), o());
+      !g || n === null || (m(n), r());
     },
-    [g, n, o]
-  ), /* @__PURE__ */ h(ut, { children: [
+    [g, n, r]
+  ), /* @__PURE__ */ h(lt, { children: [
     /* @__PURE__ */ i(
-      ti,
+      Go,
       {
         ref: b,
         $isExpanded: S,
         $isAnimated: u || q,
         onScroll: ee,
-        children: t ? /* @__PURE__ */ i(oi, { children: /* @__PURE__ */ i(ke, { size: "20px" }) }) : /* @__PURE__ */ i($r, {})
+        children: t ? /* @__PURE__ */ i(Ko, { children: /* @__PURE__ */ i(Ce, { size: "20px" }) }) : /* @__PURE__ */ i(Io, {})
       }
     ),
-    /* @__PURE__ */ h(ni, { $isExpanded: !S, children: [
-      /* @__PURE__ */ i(ft, { pinToBottom: !S }),
+    /* @__PURE__ */ h(qo, { $isExpanded: !S, children: [
+      /* @__PURE__ */ i(dt, { pinToBottom: !S }),
       /* @__PURE__ */ i(
-        mn,
+        ln,
         {
-          value: m,
-          onValueChange: v,
-          onSubmit: gt,
+          value: y,
+          onValueChange: m,
+          onSubmit: pt,
           isStreaming: u,
           onStop: p,
           textareaRef: x,
           modelSelector: /* @__PURE__ */ i(
-            Br,
+            Ro,
             {
-              models: r,
+              models: o,
               selectedModelId: a,
-              placement: y ? "top" : "bottom",
+              placement: v ? "top" : "bottom",
               onModelSelect: s,
               onSettingsOpen: d
             }
@@ -2393,7 +2384,7 @@ function ei() {
     ] })
   ] });
 }
-const ti = c.div`
+const Go = c.div`
   flex: ${({ $isExpanded: e }) => e ? 1 : 0};
   width: 100%;
   overflow: auto;
@@ -2401,103 +2392,103 @@ const ti = c.div`
   transition-property: flex;
   transition-duration: ${(e) => e.$isAnimated ? "var(--replay-transition-duration)" : "0s"};
   transition-timing-function: var(--replay-transition-timing-function);
-`, ni = c.div`
+`, qo = c.div`
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   flex: ${({ $isExpanded: e }) => e ? 1 : 0};
-`, oi = c.div`
+`, Ko = c.div`
   display: flex;
   justify-content: center;
   height: 100%;
   padding-top: var(--spacing-lg);
-`, $ = {
+`, M = {
   TODAY: "today",
   YESTERDAY: "yesterday",
   LAST_WEEK: "last_week",
   LAST_MONTH: "last_month",
   OLDER: "older"
-}, ri = {
-  [$.TODAY]: "Today",
-  [$.YESTERDAY]: "Yesterday",
-  [$.LAST_WEEK]: "Last 7 days",
-  [$.LAST_MONTH]: "Last 30 days",
-  [$.OLDER]: "Older"
+}, Jo = {
+  [M.TODAY]: "Today",
+  [M.YESTERDAY]: "Yesterday",
+  [M.LAST_WEEK]: "Last 7 days",
+  [M.LAST_MONTH]: "Last 30 days",
+  [M.OLDER]: "Older"
 };
-function ii(e, t = Date.now()) {
-  const n = W(e).startOf("day"), o = W(t).startOf("day"), r = W(t).subtract(1, "day").startOf("day"), a = W(t).subtract(7, "day").startOf("day"), s = W(t).subtract(30, "day").startOf("day");
-  return n.isSame(o, "day") ? $.TODAY : n.isSame(r, "day") ? $.YESTERDAY : !n.isBefore(a, "day") && n.isBefore(r, "day") ? $.LAST_WEEK : !n.isBefore(s, "day") && n.isBefore(a, "day") ? $.LAST_MONTH : $.OLDER;
+function Xo(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 ai(e) {
+function Zo(e) {
   const t = [];
   for (const n of e) {
-    const o = ii(n.updatedAt), r = t[t.length - 1];
-    !r || r.bucket !== o ? t.push({ bucket: o, chats: [n] }) : r.chats.push(n);
+    const r = Xo(n.updatedAt), o = t[t.length - 1];
+    !o || o.bucket !== r ? t.push({ bucket: r, chats: [n] }) : o.chats.push(n);
   }
   return t;
 }
-function si(e) {
+function Qo(e) {
   const {
     scrollRef: t,
     sentinelRef: n,
-    hasNextPage: o,
-    isFetchingNextPage: r,
+    hasNextPage: r,
+    isFetchingNextPage: o,
     fetchNextPage: a,
     observerResetKey: s
   } = e;
-  We(() => {
+  je(() => {
     const d = t.current, l = n.current;
     if (!d || !l) return;
     const u = new IntersectionObserver(
       (f) => {
         const p = f[0];
-        p && p.isIntersecting && o && (r || a());
+        p && p.isIntersecting && r && (o || a());
       },
       { root: d, rootMargin: "80px" }
     );
     return u.observe(l), () => {
       u.disconnect();
     };
-  }, [s, a, o, r, t, n]);
+  }, [s, a, r, o, t, n]);
 }
-const pt = c(ut)`
+const ut = c(lt)`
   gap: var(--spacing-xxs);
   user-select: none;
-`, ci = c.div`
+`, ei = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
-`, li = c.div`
+`, ti = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
-`, di = c(pt)`
+`, ni = c(ut)`
   display: flex;
   flex-grow: 1;
   align-items: center;
   flex-direction: column;
   padding: var(--spacing-md);
-`, ui = c.div`
+`, ri = c.div`
   display: flex;
   flex-grow: 1;
   align-items: center;
   justify-content: center;
-`, fi = c.div`
+`, oi = c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   max-width: 75%;
   gap: var(--spacing-xxs);
-`, pi = c.div`
+`, ii = c.div`
   display: flex;
   justify-content: center;
   padding: var(--spacing-xs);
-`, hi = c(se)`
+`, ai = c(Z)`
   padding-left: var(--spacing-xs);
   font-size: var(--font-size-sm);
   color: var(--color-warm-grey-7);
-`, gi = c.div`
+`, si = c.div`
   display: flex;
   flex-grow: 1;
 
@@ -2505,7 +2496,7 @@ const pt = c(ut)`
     flex-grow: 1;
     min-width: 0;
   }
-`, vi = c.div`
+`, ci = c.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -2516,7 +2507,7 @@ const pt = c(ut)`
   gap: calc(var(--spacing-xxs) * 2.5);
   cursor: pointer;
 
-  ${B} {
+  ${P} {
     display: none;
   }
 
@@ -2524,73 +2515,73 @@ const pt = c(ut)`
   &:hover {
     background-color: var(--color-hover-base);
 
-    ${B} {
+    ${P} {
       display: inline-flex;
     }
   }
-`, mi = c(se)`
+`, li = c(Z)`
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-`, yi = c.div`
+`, di = c.div`
   height: 1px;
   flex-shrink: 0;
 `;
-function xi(e) {
-  const { chat: t, onSelect: n, onRemove: o } = e;
-  return /* @__PURE__ */ i(gi, { children: /* @__PURE__ */ i(U, { tip: W(t.updatedAt).format("MMM DD, YYYY, hh:mm:ss A"), className: "expanded", children: /* @__PURE__ */ h(vi, { role: "button", onClick: () => n?.(t.id), children: [
-    /* @__PURE__ */ i(mi, { children: t.title ?? "New chat" }),
+function ui(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" }),
     /* @__PURE__ */ i(
-      B,
+      P,
       {
         variant: "ghost",
         size: "small",
         tone: "danger",
-        icon: /* @__PURE__ */ i(an, {}),
-        onClick: (r) => {
-          r.stopPropagation(), o?.(t.id);
+        icon: /* @__PURE__ */ i(nn, {}),
+        onClick: (o) => {
+          o.stopPropagation(), r?.(t.id);
         }
       }
     )
   ] }) }) });
 }
-function bi(e) {
-  const { group: t, onChatSelect: n, onChatRemove: o } = e;
-  return /* @__PURE__ */ h(li, { children: [
-    /* @__PURE__ */ i(hi, { children: ri[t.bucket] }),
-    t.chats.map((r) => /* @__PURE__ */ i(
-      xi,
+function fi(e) {
+  const { group: t, onChatSelect: n, onChatRemove: r } = e;
+  return /* @__PURE__ */ h(ti, { children: [
+    /* @__PURE__ */ i(ai, { children: Jo[t.bucket] }),
+    t.chats.map((o) => /* @__PURE__ */ i(
+      ui,
       {
-        chat: r,
+        chat: o,
         onSelect: n,
-        onRemove: o
+        onRemove: r
       },
-      r.id
+      o.id
     ))
   ] });
 }
-function wi() {
-  return /* @__PURE__ */ i(ui, { children: /* @__PURE__ */ h(fi, { children: [
-    /* @__PURE__ */ i(se, { textAlign: "center", fontWeight: "var(--font-weight-semibold)", children: "No chat history" }),
-    /* @__PURE__ */ i(se, { textAlign: "center", children: "Ask questions or let the assistant take action for you." })
+function pi() {
+  return /* @__PURE__ */ i(ri, { children: /* @__PURE__ */ h(oi, { 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 Ci() {
-  return /* @__PURE__ */ i(di, { children: /* @__PURE__ */ i(ke, {}) });
+function hi() {
+  return /* @__PURE__ */ i(ni, { children: /* @__PURE__ */ i(Ce, {}) });
 }
-const ki = 50;
-function Ti(e) {
-  const { onChatSelect: t, onChatRemove: n } = e, o = N(null), r = N(null), { data: a, isPending: s, hasNextPage: d, isFetchingNextPage: l, fetchNextPage: u } = jt(ki), f = A(() => (a?.pages ?? []).flatMap((g) => g.items), [a?.pages]), p = A(() => ai(f), [f]);
-  return si({
-    scrollRef: o,
-    sentinelRef: r,
+const gi = 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({
+    scrollRef: r,
+    sentinelRef: o,
     hasNextPage: d,
     isFetchingNextPage: l,
     fetchNextPage: u,
     observerResetKey: a?.pages.length
-  }), s && !a ? /* @__PURE__ */ i(Ci, {}) : f.length === 0 ? /* @__PURE__ */ i(wi, {}) : /* @__PURE__ */ h(pt, { ref: o, children: [
-    /* @__PURE__ */ i(ci, { children: p.map((g) => /* @__PURE__ */ i(
-      bi,
+  }), 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,
       {
         group: g,
         onChatSelect: t,
@@ -2598,212 +2589,36 @@ function Ti(e) {
       },
       `${g.bucket}-${g.chats[0]?.id ?? ""}`
     )) }),
-    d && /* @__PURE__ */ i(yi, { ref: r, "aria-hidden": !0 }),
-    l && /* @__PURE__ */ i(pi, { children: /* @__PURE__ */ i(ke, {}) })
+    d && /* @__PURE__ */ i(di, { ref: o, "aria-hidden": !0 }),
+    l && /* @__PURE__ */ i(ii, { children: /* @__PURE__ */ i(Ce, {}) })
   ] });
 }
-const Ii = yt(null);
-function Ai(e) {
-  const t = xt(Ii);
-  if (t?.components) {
-    const { LinkComponent: s } = t.components;
-    return /* @__PURE__ */ i(s, { ...e });
-  }
-  const { external: n, languageInsensitive: o, innerRef: r, ...a } = e;
-  return /* @__PURE__ */ i(fn, { ref: r, ...a });
-}
-const Si = () => bt`
-    0% {
-        color: var(--button-content-color);
-        background-color: var(--button-bg-color-active);
-    }
-
-    50% {
-        background-color: var(--button-bg-color);
-    }
-
-    100% {
-        color: var(--button-content-color);
-        background-color: var(--button-bg-color-active);
-    }
-`, Li = c(Ai)`
-  text-decoration: none;
-  &:focus-visible {
-    outline: 1px solid var(--button-border-color-focused);
-  }
-  border-radius: var(--button-border-radius);
-`;
-function Pi({
-  variant: e = "secondary",
-  tone: t = "default",
-  size: n = "medium",
-  extraClass: o = "",
-  className: r = ""
-}) {
-  return [
-    "button",
-    o,
-    `button-tone-${t}`,
-    `button-variant-${e}`,
-    `button-size-${n}`,
-    r
-  ].filter((s) => s).join(" ").trim();
-}
-const Ei = c.button`
-  width: ${({ $fullWidth: e }) => e ? "100%" : "auto"};
-
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--button-gap);
-  margin: var(--button-margin);
-  cursor: pointer;
-  text-wrap: var(--button-text-wrap);
-
-  color: var(--button-color);
-  background-color: var(--button-bg-color);
-  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
-  box-shadow: var(--button-box-shadow);
-  backdrop-filter: var(--button-backdrop-filter, none);
-
-  font-weight: var(--button-font-weight);
-  font-size: var(--button-font-size);
-  line-height: var(--button-line-height);
-  padding: ${({ $icon: e, $iconPosition: t, $iconOnly: n }) => e ? `var(--button-icon-${n ? "" : `${t || "left"}-`}padding)` : "var(--button-padding)"};
-  border-radius: var(--button-border-radius);
-
-  svg {
-    width: var(--button-icon-size);
-    height: var(--button-icon-size);
-  }
-
-  &:hover {
-    background-color: var(--button-bg-color-hover);
-    color: var(--button-color-hover);
-    border-color: var(--button-border-color-hover);
-  }
-
-  &:active,
-  &.active {
-    background-color: var(--button-bg-color-active);
-    border-color: var(--button-border-color-active);
-    color: var(--button-color-active);
-  }
-
-  &:focus-visible {
-    outline: 1px solid var(--button-border-color-focused);
-  }
-
-  &.button-tone-danger {
-    color: var(--button-content-color-danger);
-    border-color: var(--button-border-color-danger);
-    background-color: var(--button-bg-color-danger);
-
-    &:hover {
-      color: var(--button-content-color-danger-hover);
-      border-color: var(--button-border-color-danger-hover);
-      background-color: var(--button-bg-color-danger-hover);
-    }
-
-    &:active {
-      color: var(--button-content-color-danger-pressed);
-      border-color: var(--button-border-color-danger-pressed);
-      background-color: var(--button-bg-color-danger-pressed);
-    }
-  }
-
-  &:disabled {
-    pointer-events: none;
-    background-color: var(--button-bg-color-disabled);
-    color: var(--button-content-color-disabled);
-    border-color: var(--button-border-color-disabled);
-    border-width: var(--button-border-width-disabled);
-  }
-
-  ${({ $variant: e, $size: t }) => (e === "link" || e === "ghost") && t === "small" && X`
-      --button-font-size: var(--font-size-sm);
-      --button-line-height: var(--line-height-sm);
-      --button-icon-padding: var(--button-icon-padding-small) !important;
-    `}
-
-  ${({ $blinking: e }) => e && X`
-      pointer-events: none;
-      animation: ${Si()} 1.2s infinite;
-    `}
-`, Ri = (e) => {
-  const {
-    languageInsensitive: t,
-    fullWidth: n,
-    blinking: o,
-    iconPosition: r,
-    icon: a,
-    children: s,
-    variant: d,
-    tone: l,
-    size: u,
-    extraClass: f,
-    to: p,
-    external: g,
-    className: m,
-    ...v
-  } = e, x = "tabIndex" in e ? e.tabIndex : e.to ? -1 : void 0, b = /* @__PURE__ */ h(
-    Ei,
-    {
-      "data-component-name": "Button/Button",
-      ...v,
-      className: Pi({ variant: d, tone: l, size: u, extraClass: f, className: m }),
-      $fullWidth: n,
-      $blinking: o,
-      $iconPosition: r,
-      $icon: a,
-      $iconOnly: !s && a != null,
-      $variant: d,
-      $size: u,
-      tabIndex: x,
-      children: [
-        a && r !== "right" && a,
-        s,
-        a && r === "right" && a
-      ]
-    }
-  );
-  return p ? /* @__PURE__ */ i(
-    Li,
-    {
-      to: p,
-      external: g,
-      languageInsensitive: t,
-      onClick: e.onClick,
-      children: b
-    }
-  ) : b;
-}, ae = c(Ri)``;
-function Oi() {
-  const e = N(null), [t, n] = G(!1);
-  return We(() => {
+function vi() {
+  const e = F(null), [t, n] = G(!1);
+  return je(() => {
     if (!e.current) return;
-    const o = e.current;
-    function r() {
-      n(o.scrollWidth > o.clientWidth);
+    const r = e.current;
+    function o() {
+      n(r.scrollWidth > r.clientWidth);
     }
-    r();
-    const a = new ResizeObserver(r);
-    return a.observe(o), () => a.disconnect();
+    o();
+    const a = new ResizeObserver(o);
+    return a.observe(r), () => a.disconnect();
   }, []), {
     ref: e,
     value: t
   };
 }
-function $i(e) {
-  const { ref: t, value: n } = Oi();
-  return /* @__PURE__ */ i(Di, { children: /* @__PURE__ */ i(U, { tip: e.value, className: "no-overflow", disabled: !n, children: /* @__PURE__ */ i(Mi, { ref: t, children: e.value }) }) });
+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 }) }) });
 }
-const Di = c.div`
+const xi = c.div`
   overflow: hidden;
   .tooltip-no-overflow {
     overflow: hidden;
   }
-`, Mi = c.div`
+`, wi = c.div`
   color: var(--text-color-primary);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
@@ -2812,14 +2627,14 @@ const Di = c.div`
   text-overflow: ellipsis;
   user-select: none;
 `;
-function ht(e) {
+function ft(e) {
   const { children: t, buttons: n } = e;
-  return /* @__PURE__ */ h(zi, { children: [
-    /* @__PURE__ */ i(_i, { children: t }),
-    n && /* @__PURE__ */ i(Vi, { children: n })
+  return /* @__PURE__ */ h(bi, { children: [
+    /* @__PURE__ */ i(Ci, { children: t }),
+    n && /* @__PURE__ */ i(Ti, { children: n })
   ] });
 }
-const zi = c.div`
+const bi = c.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -2827,144 +2642,118 @@ const zi = c.div`
   gap: var(--spacing-xs);
   width: 100%;
   flex-shrink: 0;
-`, _i = c.div`
+`, Ci = c.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
   min-width: 0;
   flex: 1;
-`, Vi = c.div`
+`, Ti = c.div`
   display: flex;
   align-items: center;
   gap: 2px;
 `;
-function Bi(e) {
-  const { title: t, onCreateNewChat: n, onViewHistory: o, onClose: r } = e;
-  return /* @__PURE__ */ h(ht, { buttons: /* @__PURE__ */ h(je, { children: [
-    /* @__PURE__ */ i(U, { tip: "New chat", children: /* @__PURE__ */ i(
-      ae,
+function ki(e) {
+  const { title: t, onCreateNewChat: n, onViewHistory: r, onClose: o } = e;
+  return /* @__PURE__ */ h(ft, { buttons: /* @__PURE__ */ h(Ne, { children: [
+    /* @__PURE__ */ i(W, { tip: "New chat", children: /* @__PURE__ */ i(
+      P,
       {
         size: "small",
         variant: "text",
         "aria-label": "Create new chat",
         onClick: n,
-        icon: /* @__PURE__ */ i(cn, {})
+        icon: /* @__PURE__ */ i(an, {})
       }
     ) }),
-    /* @__PURE__ */ i(U, { tip: "Chat history", children: /* @__PURE__ */ i(
-      ae,
+    /* @__PURE__ */ i(W, { tip: "Chat history", children: /* @__PURE__ */ i(
+      P,
       {
         size: "small",
         variant: "text",
         "aria-label": "View chat history",
-        onClick: o,
-        icon: /* @__PURE__ */ i(ln, {})
+        onClick: r,
+        icon: /* @__PURE__ */ i(sn, {})
       }
     ) }),
-    /* @__PURE__ */ i(Ni, { children: /* @__PURE__ */ i(Et, {}) }),
-    /* @__PURE__ */ i(U, { tip: "Close", arrowPosition: "left", children: /* @__PURE__ */ i(
-      ae,
+    /* @__PURE__ */ i(Ai, { children: /* @__PURE__ */ i(It, {}) }),
+    /* @__PURE__ */ i(W, { tip: "Close", arrowPosition: "left", children: /* @__PURE__ */ i(
+      P,
       {
         variant: "text",
         size: "small",
         "aria-label": "Close panel",
-        icon: /* @__PURE__ */ i(dn, {}),
-        onClick: r
+        icon: /* @__PURE__ */ i(on, {}),
+        onClick: o
       }
     ) })
   ] }), children: [
-    /* @__PURE__ */ i(Hi, { children: /* @__PURE__ */ i(sn, { size: "14px" }) }),
-    /* @__PURE__ */ i($i, { value: t })
+    /* @__PURE__ */ i(Ii, { children: /* @__PURE__ */ i(rn, { size: "14px" }) }),
+    /* @__PURE__ */ i(yi, { value: t })
   ] });
 }
-const Hi = c.div`
+const Ii = c.div`
   display: flex;
-`, Ni = c.div`
+`, Ai = c.div`
   display: flex;
   height: 14px;
-`, Fi = /* @__PURE__ */ new Set([
-  "color",
-  "fontFamily",
-  "fontSize",
-  "fontStyle",
-  "fontWeight",
-  "lineHeight",
-  "letterSpacing",
-  "marginBottom",
-  "marginTop",
-  "textAlign"
-]), ji = c.span.withConfig({
-  shouldForwardProp: (e) => !Fi.has(e)
-}).attrs({
-  "data-component-name": "Typography/Typography"
-})`
-  color: ${({ color: e }) => e || "var(--text-color-primary)"};
-  font-family: ${({ fontFamily: e }) => e || "var(--font-family-base)"};
-  font-size: ${({ fontSize: e }) => e || "var(--font-size-base)"};
-  font-style: ${({ fontStyle: e }) => e};
-  font-weight: ${({ fontWeight: e }) => e || "var(--font-weight-regular)"};
-  line-height: ${({ lineHeight: e }) => e || "var(--line-height-base)"};
-  letter-spacing: ${({ letterSpacing: e }) => e};
-  margin-bottom: ${({ marginBottom: e }) => e};
-  margin-top: ${({ marginTop: e }) => e};
-  text-align: ${({ textAlign: e }) => e};
 `;
-function Wi(e) {
+function Si(e) {
   const { onReturnFromHistory: t } = e;
-  return /* @__PURE__ */ h(ht, { children: [
+  return /* @__PURE__ */ h(ft, { children: [
     /* @__PURE__ */ i(
-      ae,
+      P,
       {
         size: "small",
         variant: "text",
         "aria-label": "Return to chat",
         onClick: t,
-        icon: /* @__PURE__ */ i(un, {})
+        icon: /* @__PURE__ */ i(cn, {})
       }
     ),
-    /* @__PURE__ */ i(Ui, { children: /* @__PURE__ */ i(ji, { children: "Chat history" }) })
+    /* @__PURE__ */ i(Li, { children: /* @__PURE__ */ i(Z, { children: "Chat history" }) })
   ] });
 }
-const Ui = c.div`
+const Li = c.div`
   user-select: none;
 `;
-function aa() {
-  const [e, t] = G(F.CHAT), n = Ke(), o = qe(), r = () => {
-    t(F.HISTORY);
+function ma() {
+  const [e, t] = G(N.CHAT), n = Ge(), r = Ye(), o = () => {
+    t(N.HISTORY);
   }, a = () => {
-    t(F.CHAT);
+    t(N.CHAT);
   }, s = async (d) => {
-    o.selectChat(d), t(F.CHAT);
+    r.selectChat(d), t(N.CHAT);
   };
-  return /* @__PURE__ */ h(Yi, { children: [
-    /* @__PURE__ */ h(Fe, { isActive: e === F.CHAT, children: [
+  return /* @__PURE__ */ h(Pi, { children: [
+    /* @__PURE__ */ h(Fe, { isActive: e === N.CHAT, children: [
       /* @__PURE__ */ i(
-        Bi,
+        ki,
         {
-          title: o.title,
-          onCreateNewChat: o.createNewChat,
-          onViewHistory: r,
+          title: r.title,
+          onCreateNewChat: r.createNewChat,
+          onViewHistory: o,
           onClose: n.closePanel
         }
       ),
-      /* @__PURE__ */ i(ei, {})
+      /* @__PURE__ */ i(Yo, {})
     ] }),
-    /* @__PURE__ */ h(Fe, { isActive: e === F.HISTORY, isSliding: !0, children: [
-      /* @__PURE__ */ i(Wi, { onReturnFromHistory: a }),
-      /* @__PURE__ */ i(Ti, { onChatSelect: s, onChatRemove: o.removeChat }),
-      /* @__PURE__ */ i(qi, { children: /* @__PURE__ */ i(ft, { pinToBottom: !0 }) })
+    /* @__PURE__ */ h(Fe, { isActive: e === N.HISTORY, isSliding: !0, children: [
+      /* @__PURE__ */ i(Si, { onReturnFromHistory: a }),
+      /* @__PURE__ */ i(mi, { onChatSelect: s, onChatRemove: r.removeChat }),
+      /* @__PURE__ */ i(Ri, { children: /* @__PURE__ */ i(dt, { pinToBottom: !0 }) })
     ] })
   ] });
 }
 function Fe(e) {
-  const { children: t, isActive: n, isSliding: o = !1 } = e, r = /* @__PURE__ */ i(Gi, { inert: !n, children: t });
-  return o ? /* @__PURE__ */ i(Ki, { $isExpanded: n, children: r }) : r;
+  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;
 }
-const Yi = c.div`
+const Pi = c.div`
   position: relative;
   height: 100%;
   overflow: clip;
-`, Gi = c.div`
+`, Ei = c.div`
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -2972,12 +2761,12 @@ const Yi = c.div`
   border-radius: var(--border-radius-md);
   background: var(--bg-color);
   margin-left: var(--spacing-xxs);
-`, qi = c.div`
+`, Ri = c.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   padding: 0 var(--spacing-xs) var(--spacing-xs);
-`, Ki = c.div`
+`, Oi = c.div`
   position: absolute;
   inset: 0;
   transform: translateX(${(e) => e.$isExpanded ? "0%" : "100%"});
@@ -2989,5 +2778,5 @@ const Yi = c.div`
   }
 `;
 export {
-  aa as AiPanel
+  ma as AiPanel
 };