local-operator-ui 0.11.0 → 0.11.2

package/out/renderer/assets/{index-wVqUqdGp.js → index-COjrqaom.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BvMg8RoK.js","./fonts-Bb3Axuvj.js","./fonts-B9KBGB-g.css","./index-ClmkH6IK.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-sjSQ3pUv.js","./graph-BLYSrmBS.js","./_baseUniq-DEnIwqeZ.js","./layout-CNdPM3EZ.js","./_basePickBy-B8VDBNMq.js","./clone-CB3yEbFy.js","./c4Diagram-VJAJSXHY-DZAmVkcX.js","./chunk-D6G4REZN-DbujHPxG.js","./flowDiagram-4HSFHLVR-QV5jY4yk.js","./chunk-RZ5BOZE2-CUtI6bpt.js","./channel-BaWS2P4w.js","./erDiagram-Q7BY3M3F-xM-l45kg.js","./gitGraphDiagram-7IBYFJ6S-C2VL8kHA.js","./chunk-4BMEZGHF-LXzWRzt0.js","./chunk-XZIHB7SX-BeYgUVS6.js","./radar-MK3ICKWK-DwOpwmYh.js","./ganttDiagram-APWFNJXF-CAR2eCVK.js","./infoDiagram-PH2N3AL5-BRVBGsSX.js","./pieDiagram-IB7DONF6-Bd9suVWv.js","./arc-Dg0I-9m1.js","./quadrantDiagram-7GDLP6J5-Bs4DyNjf.js","./xychartDiagram-VJFVF3MP-BIx1OvAe.js","./requirementDiagram-KVF5MWMF-DymCgMvI.js","./sequenceDiagram-X6HHIX6F-DvLeGWo9.js","./classDiagram-GIVACNV2-crUyrp4C.js","./chunk-A2AXSNBT-Bnzaay7E.js","./classDiagram-v2-COTLJTTW-crUyrp4C.js","./stateDiagram-DGXRK772-DyugZZym.js","./chunk-AEK57VVT-D6E6iv2X.js","./stateDiagram-v2-YXO3MK2T-BD7GaWgL.js","./journeyDiagram-U35MCT3I-CiYS6pRL.js","./timeline-definition-BDJGKUSR-B6m24a_n.js","./mindmap-definition-ALO5MXBD-B8OKj4Qj.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-BcF1dSLj.js","./sankeyDiagram-QLVOVGJD-vLIhFWzQ.js","./diagram-VNBRO52H-ZbJyeILZ.js","./diagram-SSKATNLV-CASziOFr.js","./blockDiagram-JOT3LUYC-D2Cng1Yf.js","./architectureDiagram-IEHRJDOE-BEROcdGh.js"])))=>i.map(i=>d[i]);
-import { i as createStyled, l as resolveProps, m as useTheme, n as useTheme$1, r as reactExports, o as React, p as useEnhancedEffect$1, q as clsx, t as useForkRef$1, v as extendSxProp, j as jsxRuntimeExports, w as handleBreakpoints, x as resolveBreakpointValues, y as createUnarySpacing, z as deepmerge, A as mergeBreakpointsInOrder, F as composeClasses$1, G as generateUtilityClass$1, I as createTheme$1, J as getValue$1, h as React$1, K as requireReactDom, g as getDefaultExportFromCjs, L as defaultTheme$2, M as THEME_ID, N as generateUtilityClasses$1, O as useDefaultProps, s as styled$1, P as capitalize$1, Q as memoTheme, _ as _inheritsLoose, S as _objectWithoutPropertiesLoose$k, U as TransitionGroupContext, V as _extends$w, W as duration, u as useTheme$2, X as useTimeout$1, Y as useId$1, Z as ButtonBase, b as alpha$1, $ as createSimplePaletteValueFilter, a0 as CircularProgress, a1 as Paper, a2 as darken$1, a3 as lighten$1, a4 as useEventCallback$1, a5 as useRtl, a6 as globalCss, a7 as formatMuiErrorMessage$1, a8 as rootShouldForwardProp, T as Typography, a9 as css$1, k as keyframes, aa as getPath$2, ab as isFocusVisible, ac as typographyClasses, ad as slotShouldForwardProp, ae as clamp, af as emphasize, ag as Timeout$1, c as createLucideIcon, a as Button, B as Box, ah as FontAwesomeIcon, ai as faExclamationTriangle, D as DEFAULT_THEME, aj as faChevronLeft, ak as faChevronRight, al as faRobot, am as faCheck, an as faTimes, ao as faEraser, ap as faPen, aq as faFileImport, ar as faUpload, as as GlobalStyles, at as requireReact, au as faComment, av as faSave, aw as faEdit, ax as faTrashAlt, ay as faInfoCircle, az as faGear, aA as faPlus, aB as faServer, aC as faStar, aD as faTag, aE as faIdCard, aF as faCalendarAlt, aG as faCodeBranch, aH as faShieldAlt, aI as faArrowLeft, aJ as faClock, C as Code, aK as faSliders, aL as faTrash, aM as faHome, aN as faDownload, aO as faFileAlt, aP as faDesktop, aQ as faImage, aR as faMusic, aS as faVideo, aT as faLaptop, aU as faUsers, aV as faDatabase, aW as faBoxOpen, aX as faBook, aY as faHdd, aZ as faBox, a_ as faArchive, a$ as faNetworkWired, b0 as faFolder, b1 as faFolderOpen, b2 as faFolderTree, b3 as faArrowDown, b4 as faPaperclip, b5 as faStop, b6 as faPaperPlane, b7 as faFile, b8 as faExclamationCircle, b9 as faChevronDown, ba as isDevelopmentMode, bb as faCommentSlash, bc as faArrowRight, bd as faBrain, be as faWandMagicSparkles, bf as faExternalLinkAlt, bg as faKey, bh as radientTheme, bi as faGlobe, bj as faSearch, bk as PropTypes, bl as shouldForwardProp, bm as TransitionGroup, bn as commonjsGlobal, bo as faLock, bp as faPuzzlePiece, H as HardDrive, bq as faSignOut, br as themes$1, bs as faMoon, bt as faSun, bu as faHexagonNodes, bv as faSkull, bw as faLeaf, bx as faCode, by as faMountain, bz as faFire, bA as faIcicles, bB as faBolt, bC as faAdjust, bD as faWaveSquare, bE as faUser, bF as faEnvelope, bG as faHistory, bH as faListAlt, bI as faCreditCard, bJ as faPlusCircle, bK as faChartLine, bL as faShield, bM as library$1, bN as icons$1, f as CssBaseline, e as ThemeProvider$1, d as getTheme, R as ReactDOM$1, E as ErrorBoundary } from "./fonts-Bb3Axuvj.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-liIbjSlr.js","./fonts-BuD2eBgu.js","./fonts-B9KBGB-g.css","./index-DySkHkA1.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-CO3cKjWG.js","./graph-BD1RWHrJ.js","./_baseUniq-CMJX1dq8.js","./layout-Doljgpbq.js","./_basePickBy-BwLeRk2i.js","./clone-AkGHvUSu.js","./c4Diagram-VJAJSXHY-D8FgDK5j.js","./chunk-D6G4REZN-DEs3PtRP.js","./flowDiagram-4HSFHLVR-CuLnAVLZ.js","./chunk-RZ5BOZE2-D7Ur-zdF.js","./channel-Bw1lGN0d.js","./erDiagram-Q7BY3M3F-CE-mGjcw.js","./gitGraphDiagram-7IBYFJ6S-B0RVbCe3.js","./chunk-4BMEZGHF-YlpGyuLZ.js","./chunk-XZIHB7SX-5D_UAIQF.js","./radar-MK3ICKWK-DpiFvqjL.js","./ganttDiagram-APWFNJXF-HGEcVNK0.js","./infoDiagram-PH2N3AL5-BmzNZtVy.js","./pieDiagram-IB7DONF6-DxWkg81y.js","./arc-CbFc2Fwi.js","./quadrantDiagram-7GDLP6J5-DhiTce2H.js","./xychartDiagram-VJFVF3MP-6LqtFFyz.js","./requirementDiagram-KVF5MWMF-D_RtpMVe.js","./sequenceDiagram-X6HHIX6F-DKsfkllV.js","./classDiagram-GIVACNV2-FGJrs60K.js","./chunk-A2AXSNBT-4c6OK32N.js","./classDiagram-v2-COTLJTTW-FGJrs60K.js","./stateDiagram-DGXRK772-DEAItQI7.js","./chunk-AEK57VVT-BBOCO-aR.js","./stateDiagram-v2-YXO3MK2T-DaDyU-tp.js","./journeyDiagram-U35MCT3I-BTfGUC5S.js","./timeline-definition-BDJGKUSR-VT7KewsR.js","./mindmap-definition-ALO5MXBD-RRZYStOO.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-C-DuH5Nd.js","./sankeyDiagram-QLVOVGJD-DVZvgx2b.js","./diagram-VNBRO52H-DxYagTVG.js","./diagram-SSKATNLV-B9JFQ016.js","./blockDiagram-JOT3LUYC-CxL3mRr9.js","./architectureDiagram-IEHRJDOE-C5riAJAU.js"])))=>i.map(i=>d[i]);
+import { i as createStyled, l as resolveProps, m as useTheme, n as useTheme$1, r as reactExports, o as React, p as useEnhancedEffect$1, q as clsx, t as useForkRef$1, v as extendSxProp, j as jsxRuntimeExports, w as handleBreakpoints, x as resolveBreakpointValues, y as createUnarySpacing, z as deepmerge, A as mergeBreakpointsInOrder, F as composeClasses$1, G as generateUtilityClass$1, I as createTheme$1, J as getValue$1, h as React$1, K as requireReactDom, g as getDefaultExportFromCjs, L as defaultTheme$2, M as THEME_ID, N as generateUtilityClasses$1, O as useDefaultProps, s as styled$1, P as capitalize$1, Q as memoTheme, _ as _inheritsLoose, S as _objectWithoutPropertiesLoose$k, U as TransitionGroupContext, V as _extends$w, W as duration, u as useTheme$2, X as useTimeout$1, Y as useId$1, Z as ButtonBase, b as alpha$1, $ as createSimplePaletteValueFilter, a0 as CircularProgress, a1 as Paper, a2 as darken$1, a3 as lighten$1, a4 as useEventCallback$1, a5 as useRtl, a6 as globalCss, a7 as formatMuiErrorMessage$1, a8 as rootShouldForwardProp, T as Typography, a9 as css$1, k as keyframes, aa as getPath$2, ab as isFocusVisible, ac as typographyClasses, ad as slotShouldForwardProp, ae as clamp, af as emphasize, ag as Timeout$1, c as createLucideIcon, a as Button, B as Box, ah as FontAwesomeIcon, ai as faExclamationTriangle, D as DEFAULT_THEME, aj as faChevronLeft, ak as faChevronRight, al as faRobot, am as faCheck, an as faTimes, ao as faEraser, ap as faPen, aq as faFileImport, ar as faUpload, as as GlobalStyles, at as requireReact, au as faComment, av as faSave, aw as faEdit, ax as faTrashAlt, ay as faInfoCircle, az as faGear, aA as faPlus, aB as faServer, aC as faStar, aD as faTag, aE as faIdCard, aF as faCalendarAlt, aG as faCodeBranch, aH as faShieldAlt, aI as faArrowLeft, aJ as faClock, C as Code, aK as faSliders, aL as faTrash, aM as faHome, aN as faDownload, aO as faFileAlt, aP as faDesktop, aQ as faImage, aR as faMusic, aS as faVideo, aT as faLaptop, aU as faUsers, aV as faDatabase, aW as faBoxOpen, aX as faBook, aY as faHdd, aZ as faBox, a_ as faArchive, a$ as faNetworkWired, b0 as faFolder, b1 as faFolderOpen, b2 as faFolderTree, b3 as faArrowDown, b4 as faPaperclip, b5 as faStop, b6 as faPaperPlane, b7 as faExclamationCircle, b8 as faFile, b9 as faChevronDown, ba as isDevelopmentMode, bb as faCommentSlash, bc as faArrowRight, bd as faBrain, be as faWandMagicSparkles, bf as faExternalLinkAlt, bg as faKey, bh as radientTheme, bi as faGlobe, bj as faSearch, bk as PropTypes, bl as shouldForwardProp, bm as TransitionGroup, bn as commonjsGlobal, bo as faLock, bp as faPuzzlePiece, H as HardDrive, bq as faSignOut, br as themes$1, bs as faMoon, bt as faSun, bu as faHexagonNodes, bv as faSkull, bw as faLeaf, bx as faCode, by as faMountain, bz as faFire, bA as faIcicles, bB as faBolt, bC as faAdjust, bD as faWaveSquare, bE as faUser, bF as faEnvelope, bG as faHistory, bH as faListAlt, bI as faCreditCard, bJ as faPlusCircle, bK as faChartLine, bL as faShield, bM as library$1, bN as icons$1, f as CssBaseline, e as ThemeProvider$1, d as getTheme, R as ReactDOM$1, E as ErrorBoundary } from "./fonts-BuD2eBgu.js";
 const styled = createStyled();
 function getThemeProps(params) {
   const {
@@ -1434,18 +1434,18 @@ var QueryCache = class extends Subscribable {
     this.#queries = /* @__PURE__ */ new Map();
   }
   #queries;
-  build(client, options, state2) {
+  build(client2, options, state2) {
     const queryKey = options.queryKey;
     const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options);
     let query = this.get(queryHash);
     if (!query) {
       query = new Query({
-        client,
+        client: client2,
         queryKey,
         queryHash,
-        options: client.defaultQueryOptions(options),
+        options: client2.defaultQueryOptions(options),
         state: state2,
-        defaultOptions: client.getQueryDefaults(queryKey)
+        defaultOptions: client2.getQueryDefaults(queryKey)
       });
       this.add(query);
     }
@@ -1752,11 +1752,11 @@ var MutationCache = class extends Subscribable {
   #mutations;
   #scopes;
   #mutationId;
-  build(client, options, state2) {
+  build(client2, options, state2) {
     const mutation = new Mutation({
       mutationCache: this,
       mutationId: ++this.#mutationId,
-      options: client.defaultMutationOptions(options),
+      options: client2.defaultMutationOptions(options),
       state: state2
     });
     this.add(mutation);
@@ -2254,10 +2254,10 @@ var QueryClient = class {
   }
 };
 var QueryObserver = class extends Subscribable {
-  constructor(client, options) {
+  constructor(client2, options) {
     super();
     this.options = options;
-    this.#client = client;
+    this.#client = client2;
     this.#selectError = null;
     this.#currentThenable = pendingThenable();
     if (!this.options.experimental_prefetchInRender) {
@@ -2703,8 +2703,8 @@ function shouldAssignObserverCurrentProperties(observer, optimisticResult) {
   return false;
 }
 var InfiniteQueryObserver = class extends QueryObserver {
-  constructor(client, options) {
-    super(client, options);
+  constructor(client2, options) {
+    super(client2, options);
   }
   bindMethods() {
     super.bindMethods();
@@ -2767,9 +2767,9 @@ var MutationObserver$1 = class MutationObserver2 extends Subscribable {
   #currentResult = void 0;
   #currentMutation;
   #mutateOptions;
-  constructor(client, options) {
+  constructor(client2, options) {
     super();
-    this.#client = client;
+    this.#client = client2;
     this.setOptions(options);
     this.bindMethods();
     this.#updateResult();
@@ -2859,23 +2859,23 @@ var QueryClientContext = reactExports.createContext(
   void 0
 );
 var useQueryClient = (queryClient2) => {
-  const client = reactExports.useContext(QueryClientContext);
-  if (!client) {
+  const client2 = reactExports.useContext(QueryClientContext);
+  if (!client2) {
     throw new Error("No QueryClient set, use QueryClientProvider to set one");
   }
-  return client;
+  return client2;
 };
 var QueryClientProvider = ({
-  client,
+  client: client2,
   children: children2
 }) => {
   reactExports.useEffect(() => {
-    client.mount();
+    client2.mount();
     return () => {
-      client.unmount();
+      client2.unmount();
     };
-  }, [client]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(QueryClientContext.Provider, { value: client, children: children2 });
+  }, [client2]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(QueryClientContext.Provider, { value: client2, children: children2 });
 };
 var IsRestoringContext = reactExports.createContext(false);
 var useIsRestoring = () => reactExports.useContext(IsRestoringContext);
@@ -2940,21 +2940,21 @@ var fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observ
   errorResetBoundary.clearReset();
 });
 function useBaseQuery(options, Observer2, queryClient2) {
-  const client = useQueryClient();
+  const client2 = useQueryClient();
   const isRestoring = useIsRestoring();
   const errorResetBoundary = useQueryErrorResetBoundary();
-  const defaultedOptions = client.defaultQueryOptions(options);
-  client.getDefaultOptions().queries?._experimental_beforeQuery?.(
+  const defaultedOptions = client2.defaultQueryOptions(options);
+  client2.getDefaultOptions().queries?._experimental_beforeQuery?.(
     defaultedOptions
   );
   defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic";
   ensureSuspenseTimers(defaultedOptions);
   ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary);
   useClearResetErrorBoundary(errorResetBoundary);
-  const isNewCacheEntry = !client.getQueryCache().get(defaultedOptions.queryHash);
+  const isNewCacheEntry = !client2.getQueryCache().get(defaultedOptions.queryHash);
   const [observer] = reactExports.useState(
     () => new Observer2(
-      client,
+      client2,
       defaultedOptions
     )
   );
@@ -2982,12 +2982,12 @@ function useBaseQuery(options, Observer2, queryClient2) {
     result,
     errorResetBoundary,
     throwOnError: defaultedOptions.throwOnError,
-    query: client.getQueryCache().get(defaultedOptions.queryHash),
+    query: client2.getQueryCache().get(defaultedOptions.queryHash),
     suspense: defaultedOptions.suspense
   })) {
     throw result.error;
   }
-  client.getDefaultOptions().queries?._experimental_afterQuery?.(
+  client2.getDefaultOptions().queries?._experimental_afterQuery?.(
     defaultedOptions,
     result
   );
@@ -2997,7 +2997,7 @@ function useBaseQuery(options, Observer2, queryClient2) {
       fetchOptimistic(defaultedOptions, observer, errorResetBoundary)
     ) : (
       // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in
-      client.getQueryCache().get(defaultedOptions.queryHash)?.promise
+      client2.getQueryCache().get(defaultedOptions.queryHash)?.promise
     );
     promise?.catch(noop$5).finally(() => {
       observer.updateResult();
@@ -3009,10 +3009,10 @@ function useQuery(options, queryClient2) {
   return useBaseQuery(options, QueryObserver);
 }
 function useMutation(options, queryClient2) {
-  const client = useQueryClient();
+  const client2 = useQueryClient();
   const [observer] = reactExports.useState(
     () => new MutationObserver$1(
-      client,
+      client2,
       options
     )
   );
@@ -7495,26 +7495,26 @@ function isDeepEqual(obj1, obj2, visited) {
   return true;
 }
 function PostHogProvider(_a2) {
-  var children2 = _a2.children, client = _a2.client, apiKey = _a2.apiKey, options = _a2.options;
+  var children2 = _a2.children, client2 = _a2.client, apiKey = _a2.apiKey, options = _a2.options;
   var previousInitializationRef = reactExports.useRef(null);
   var posthog = reactExports.useMemo(function() {
-    if (client) {
+    if (client2) {
       if (apiKey) {
         console.warn("[PostHog.js] You have provided both `client` and `apiKey` to `PostHogProvider`. `apiKey` will be ignored in favour of `client`.");
       }
       if (options) {
         console.warn("[PostHog.js] You have provided both `client` and `options` to `PostHogProvider`. `options` will be ignored in favour of `client`.");
       }
-      return client;
+      return client2;
     }
     if (apiKey) {
       return aa;
     }
     console.warn("[PostHog.js] No `apiKey` or `client` were provided to `PostHogProvider`. Using default global `window.posthog` instance. You must initialize it manually. This is not recommended behavior.");
     return aa;
-  }, [client, apiKey, JSON.stringify(options)]);
+  }, [client2, apiKey, JSON.stringify(options)]);
   reactExports.useEffect(function() {
-    if (client) {
+    if (client2) {
       return;
     }
     var previousInitialization = previousInitializationRef.current;
@@ -7539,23 +7539,23 @@ function PostHogProvider(_a2) {
         options: options !== null && options !== void 0 ? options : {}
       };
     }
-  }, [client, apiKey, JSON.stringify(options)]);
+  }, [client2, apiKey, JSON.stringify(options)]);
   return React$1.createElement(PostHogContext.Provider, { value: { client: posthog } }, children2);
 }
 var usePostHog = function() {
-  var client = reactExports.useContext(PostHogContext).client;
-  return client;
+  var client2 = reactExports.useContext(PostHogContext).client;
+  return client2;
 };
 function useFeatureFlagEnabled(flag2) {
-  var client = usePostHog();
+  var client2 = usePostHog();
   var _a2 = reactExports.useState(function() {
-    return client.isFeatureEnabled(flag2);
+    return client2.isFeatureEnabled(flag2);
   }), featureEnabled = _a2[0], setFeatureEnabled = _a2[1];
   reactExports.useEffect(function() {
-    return client.onFeatureFlags(function() {
-      setFeatureEnabled(client.isFeatureEnabled(flag2));
+    return client2.onFeatureFlags(function() {
+      setFeatureEnabled(client2.isFeatureEnabled(flag2));
     });
-  }, [client, flag2]);
+  }, [client2, flag2]);
   return featureEnabled;
 }
 var extendStatics = function(d2, b2) {
@@ -7605,8 +7605,8 @@ var __POSTHOG_ERROR_MESSAGES = {
     } else if (typeof additionalProperties === "object") {
       currentProperties = additionalProperties;
     }
-    var client = this.context.client;
-    client.captureException(error, currentProperties);
+    var client2 = this.context.client;
+    client2.captureException(error, currentProperties);
   };
   PostHogErrorBoundary.prototype.render = function() {
     var _a2 = this.props, children2 = _a2.children, fallback2 = _a2.fallback;
@@ -29397,6 +29397,53 @@ const SchedulesApi = {
     return response.json();
   }
 };
+const SpeechApi = {
+  /**
+   * Generates speech from text.
+   * @param baseUrl - The base URL of the API.
+   * @param request - The speech request details.
+   * @returns A promise that resolves to the audio data as a Blob.
+   */
+  create: async (baseUrl, request) => {
+    const response = await fetch(`${baseUrl}/v1/tools/speech`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(request)
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(
+        `Failed to generate speech: ${response.status} ${errorText}`
+      );
+    }
+    return response.blob();
+  },
+  /**
+   * Generates speech from an agent's last message.
+   * @param baseUrl - The base URL of the API.
+   * @param agentId - The ID of the agent.
+   * @param request - The speech request details.
+   * @returns A promise that resolves to the audio data as a Blob.
+   */
+  createForAgent: async (baseUrl, agentId, request) => {
+    const response = await fetch(`${baseUrl}/v1/agents/${agentId}/speech`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(request)
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(
+        `Failed to generate speech: ${response.status} ${errorText}`
+      );
+    }
+    return response.blob();
+  }
+};
 const getImageUrl = (baseUrl, imagePath) => {
   const normalizedBaseUrl = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
   let normalizedPath = imagePath;
@@ -29415,6 +29462,15 @@ const getVideoUrl = (baseUrl, videoPath) => {
   const encodedPath = encodeURIComponent(normalizedPath);
   return `${normalizedBaseUrl}/v1/static/videos?path=${encodedPath}`;
 };
+const getAudioUrl = (baseUrl, audioPath) => {
+  const normalizedBaseUrl = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+  let normalizedPath = audioPath;
+  if (normalizedPath.startsWith("file://")) {
+    normalizedPath = normalizedPath.substring(7);
+  }
+  const encodedPath = encodeURIComponent(normalizedPath);
+  return `${normalizedBaseUrl}/v1/static/audio?path=${encodedPath}`;
+};
 const getHtmlUrl = (baseUrl, htmlPath) => {
   const normalizedBaseUrl = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
   let normalizedPath = htmlPath;
@@ -29427,6 +29483,7 @@ const getHtmlUrl = (baseUrl, htmlPath) => {
 const StaticApi = {
   getImageUrl,
   getVideoUrl,
+  getAudioUrl,
   getHtmlUrl
 };
 const TranscriptionApi = {
@@ -30064,6 +30121,12 @@ class LocalOperatorClient {
   get transcription() {
     return this.bindBaseUrlToApi(TranscriptionApi);
   }
+  /**
+   * Get the Speech API client with methods bound to the base URL
+   */
+  get speech() {
+    return this.bindBaseUrlToApi(SpeechApi);
+  }
   /**
    * Bind the base URL to all methods of an API client
    *
@@ -35326,8 +35389,8 @@ const useConfig = () => {
     queryKey: configQueryKey,
     queryFn: async () => {
       try {
-        const client = createLocalOperatorClient(apiConfig.baseUrl);
-        const response = await client.config.getConfig();
+        const client2 = createLocalOperatorClient(apiConfig.baseUrl);
+        const response = await client2.config.getConfig();
         if (response.status >= 400) {
           throw new Error(response.message || "Failed to fetch configuration");
         }
@@ -35539,8 +35602,8 @@ const useAgents = (page = 1, perPage = 50, refetchInterval = 0, name2, sort, dir
     queryKey: [...agentsQueryKey, page, perPage, name2, sort, direction],
     queryFn: async () => {
       try {
-        const client = createLocalOperatorClient(apiConfig.baseUrl);
-        const response = await client.agents.listAgents(
+        const client2 = createLocalOperatorClient(apiConfig.baseUrl);
+        const response = await client2.agents.listAgents(
           page,
           perPage,
           name2,
@@ -35580,8 +35643,8 @@ const useAgent = (agentId) => {
     queryFn: async () => {
       if (!agentId) return null;
       try {
-        const client = createLocalOperatorClient(apiConfig.baseUrl);
-        const response = await client.agents.getAgent(agentId);
+        const client2 = createLocalOperatorClient(apiConfig.baseUrl);
+        const response = await client2.agents.getAgent(agentId);
         if (response.status >= 400) {
           throw new Error(
             response.message || `Failed to fetch agent ${agentId}`
@@ -35601,11 +35664,11 @@ const useAgent = (agentId) => {
 };
 const useCreateAgent = () => {
   const queryClient2 = useQueryClient();
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   return useMutation({
     mutationFn: async (newAgent) => {
       try {
-        const response = await client.agents.createAgent(newAgent);
+        const response = await client2.agents.createAgent(newAgent);
         if (response.status >= 400) {
           throw new Error(response.message || "Failed to create agent");
         }
@@ -35627,11 +35690,11 @@ const useCreateAgent = () => {
 };
 const useUploadAgentToRadientMutation = () => {
   const queryClient2 = useQueryClient();
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   return useMutation({
     mutationFn: async (agentId) => {
       try {
-        const response = await client.agents.uploadAgentToRadient(agentId);
+        const response = await client2.agents.uploadAgentToRadient(agentId);
         if (response.status >= 400) {
           throw new Error(
             response.message || `Failed to upload agent ${agentId} to Radient`
@@ -35657,11 +35720,11 @@ const useUploadAgentToRadientMutation = () => {
 };
 const useDeleteAgent = () => {
   const queryClient2 = useQueryClient();
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   return useMutation({
     mutationFn: async (agentId) => {
       try {
-        const response = await client.agents.deleteAgent(agentId);
+        const response = await client2.agents.deleteAgent(agentId);
         if (response.status >= 400) {
           throw new Error(
             response.message || `Failed to delete agent ${agentId}`
@@ -35689,11 +35752,11 @@ const useDeleteAgent = () => {
 };
 const useImportAgent = () => {
   const queryClient2 = useQueryClient();
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   return useMutation({
     mutationFn: async (file) => {
       try {
-        const response = await client.agents.importAgent(file);
+        const response = await client2.agents.importAgent(file);
         if (response.status >= 400) {
           throw new Error(response.message || "Failed to import agent");
         }
@@ -35715,11 +35778,11 @@ const useImportAgent = () => {
   });
 };
 const useExportAgent = () => {
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   return useMutation({
     mutationFn: async (agentId) => {
       try {
-        return await client.agents.exportAgent(agentId);
+        return await client2.agents.exportAgent(agentId);
       } catch (error) {
         const errorMessage = error instanceof Error ? error.message : `An unknown error occurred while exporting agent ${agentId}`;
         showErrorToast(errorMessage);
@@ -36008,30 +36071,30 @@ const useAgentSelectionStore = create$3()(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1q = [
+const __iconNode$1v = [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
 ];
-const Archive = createLucideIcon("archive", __iconNode$1q);
+const Archive = createLucideIcon("archive", __iconNode$1v);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1p = [
+const __iconNode$1u = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1p);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1u);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1o = [
+const __iconNode$1t = [
   ["path", { d: "M2 10v3", key: "1fnikh" }],
   ["path", { d: "M6 6v11", key: "11sgs0" }],
   ["path", { d: "M10 3v18", key: "yhl04a" }],
@@ -36039,14 +36102,14 @@ const __iconNode$1o = [
   ["path", { d: "M18 5v13", key: "123xd1" }],
   ["path", { d: "M22 10v3", key: "154ddg" }]
 ];
-const AudioLines = createLucideIcon("audio-lines", __iconNode$1o);
+const AudioLines = createLucideIcon("audio-lines", __iconNode$1t);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1n = [
+const __iconNode$1s = [
   [
     "path",
     {
@@ -36055,14 +36118,14 @@ const __iconNode$1n = [
     }
   ]
 ];
-const Book = createLucideIcon("book", __iconNode$1n);
+const Book = createLucideIcon("book", __iconNode$1s);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1m = [
+const __iconNode$1r = [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -36070,25 +36133,25 @@ const __iconNode$1m = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$1m);
+const Bot = createLucideIcon("bot", __iconNode$1r);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1l = [
+const __iconNode$1q = [
   ["path", { d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16", key: "jecpp" }],
   ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
 ];
-const Briefcase = createLucideIcon("briefcase", __iconNode$1l);
+const Briefcase = createLucideIcon("briefcase", __iconNode$1q);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1k = [
+const __iconNode$1p = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -36100,163 +36163,175 @@ const __iconNode$1k = [
   ["path", { d: "M12 18h.01", key: "mhygvu" }],
   ["path", { d: "M16 18h.01", key: "kzsmim" }]
 ];
-const CalendarDays = createLucideIcon("calendar-days", __iconNode$1k);
+const CalendarDays = createLucideIcon("calendar-days", __iconNode$1p);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1j = [
+const __iconNode$1o = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$1j);
+const Calendar = createLucideIcon("calendar", __iconNode$1o);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1i = [
+const __iconNode$1n = [
   ["line", { x1: "18", x2: "18", y1: "20", y2: "10", key: "1xfpm4" }],
   ["line", { x1: "12", x2: "12", y1: "20", y2: "4", key: "be30l9" }],
   ["line", { x1: "6", x2: "6", y1: "20", y2: "14", key: "1r4le6" }]
 ];
-const ChartNoAxesColumn = createLucideIcon("chart-no-axes-column", __iconNode$1i);
+const ChartNoAxesColumn = createLucideIcon("chart-no-axes-column", __iconNode$1n);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1h = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1h);
+const __iconNode$1m = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1m);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1g = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1g);
+const __iconNode$1l = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1l);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1f = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1f);
+const __iconNode$1k = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1k);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1e = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1e);
+const __iconNode$1j = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$1j);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1d = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1d);
+const __iconNode$1i = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$1i);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1c = [
+const __iconNode$1h = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1c);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1h);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1b = [
+const __iconNode$1g = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$1b);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$1g);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1a = [
+const __iconNode$1f = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M17 12h.01", key: "1m0b6t" }],
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M7 12h.01", key: "eqddd0" }]
 ];
-const CircleEllipsis = createLucideIcon("circle-ellipsis", __iconNode$1a);
+const CircleEllipsis = createLucideIcon("circle-ellipsis", __iconNode$1f);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$19 = [
+const __iconNode$1e = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const CircleHelp = createLucideIcon("circle-help", __iconNode$19);
+const CircleHelp = createLucideIcon("circle-help", __iconNode$1e);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$18 = [
+const __iconNode$1d = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "10", x2: "10", y1: "15", y2: "9", key: "c1nkhi" }],
+  ["line", { x1: "14", x2: "14", y1: "15", y2: "9", key: "h65svq" }]
+];
+const CirclePause = createLucideIcon("circle-pause", __iconNode$1d);
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$1c = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polygon", { points: "10 8 16 12 10 16 10 8", key: "1cimsy" }]
 ];
-const CirclePlay = createLucideIcon("circle-play", __iconNode$18);
+const CirclePlay = createLucideIcon("circle-play", __iconNode$1c);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$17 = [
+const __iconNode$1b = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }],
   ["path", { d: "M12 8v8", key: "napkw2" }]
 ];
-const CirclePlus = createLucideIcon("circle-plus", __iconNode$17);
+const CirclePlus = createLucideIcon("circle-plus", __iconNode$1b);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$16 = [
+const __iconNode$1a = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2", key: "4jdomd" }],
   ["path", { d: "M16 4h2a2 2 0 0 1 2 2v4", key: "3hqy98" }],
   ["path", { d: "M21 14H11", key: "1bme5i" }],
   ["path", { d: "m15 10-4 4 4 4", key: "5dvupr" }]
 ];
-const ClipboardCopy = createLucideIcon("clipboard-copy", __iconNode$16);
+const ClipboardCopy = createLucideIcon("clipboard-copy", __iconNode$1a);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$15 = [
+const __iconNode$19 = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -36270,72 +36345,72 @@ const __iconNode$15 = [
   ["path", { d: "M8 11h.01", key: "1dfujw" }],
   ["path", { d: "M8 16h.01", key: "18s6g9" }]
 ];
-const ClipboardList = createLucideIcon("clipboard-list", __iconNode$15);
+const ClipboardList = createLucideIcon("clipboard-list", __iconNode$19);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$14 = [
+const __iconNode$18 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
 ];
-const Clock$1 = createLucideIcon("clock", __iconNode$14);
+const Clock$1 = createLucideIcon("clock", __iconNode$18);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$13 = [
+const __iconNode$17 = [
   ["path", { d: "M12 13v8", key: "1l5pq0" }],
   ["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242", key: "1pljnt" }],
   ["path", { d: "m8 17 4-4 4 4", key: "1quai1" }]
 ];
-const CloudUpload = createLucideIcon("cloud-upload", __iconNode$13);
+const CloudUpload = createLucideIcon("cloud-upload", __iconNode$17);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$12 = [
+const __iconNode$16 = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$12);
+const CodeXml = createLucideIcon("code-xml", __iconNode$16);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$11 = [
+const __iconNode$15 = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$11);
+const Copy = createLucideIcon("copy", __iconNode$15);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$10 = [
+const __iconNode$14 = [
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
   ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
 ];
-const Download = createLucideIcon("download", __iconNode$10);
+const Download = createLucideIcon("download", __iconNode$14);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$$ = [
+const __iconNode$13 = [
   ["path", { d: "M21.54 15H17a2 2 0 0 0-2 2v4.54", key: "1djwo0" }],
   [
     "path",
@@ -36347,38 +36422,38 @@ const __iconNode$$ = [
   ["path", { d: "M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05", key: "14pb5j" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Earth = createLucideIcon("earth", __iconNode$$);
+const Earth = createLucideIcon("earth", __iconNode$13);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$_ = [
+const __iconNode$12 = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$_);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$12);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$Z = [
+const __iconNode$11 = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$Z);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$11);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$Y = [
+const __iconNode$10 = [
   [
     "path",
     {
@@ -36389,65 +36464,65 @@ const __iconNode$Y = [
   ["path", { d: "M22 21H7", key: "t4ddhn" }],
   ["path", { d: "m5 11 9 9", key: "1mo9qw" }]
 ];
-const Eraser = createLucideIcon("eraser", __iconNode$Y);
+const Eraser = createLucideIcon("eraser", __iconNode$10);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$X = [
+const __iconNode$$ = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$X);
+const ExternalLink = createLucideIcon("external-link", __iconNode$$);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$W = [
+const __iconNode$_ = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["circle", { cx: "10", cy: "12", r: "2", key: "737tya" }],
   ["path", { d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22", key: "wt3hpn" }]
 ];
-const FileImage = createLucideIcon("file-image", __iconNode$W);
+const FileImage = createLucideIcon("file-image", __iconNode$_);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$V = [
+const __iconNode$Z = [
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M4 7V4a2 2 0 0 1 2-2 2 2 0 0 0-2 2", key: "1vk7w2" }],
   ["path", { d: "M4.063 20.999a2 2 0 0 0 2 1L18 22a2 2 0 0 0 2-2V7l-5-5H6", key: "1jink5" }],
   ["path", { d: "m5 11-3 3", key: "1dgrs4" }],
   ["path", { d: "m5 17-3-3h10", key: "1mvvaf" }]
 ];
-const FileOutput = createLucideIcon("file-output", __iconNode$V);
+const FileOutput = createLucideIcon("file-output", __iconNode$Z);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$U = [
+const __iconNode$Y = [
   ["path", { d: "M12 17h.01", key: "p32p05" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }],
   ["path", { d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3", key: "mhlwft" }]
 ];
-const FileQuestion = createLucideIcon("file-question", __iconNode$U);
+const FileQuestion = createLucideIcon("file-question", __iconNode$Y);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$T = [
+const __iconNode$X = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M8 13h2", key: "yr2amv" }],
@@ -36455,64 +36530,64 @@ const __iconNode$T = [
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
 ];
-const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$T);
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$X);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$S = [
+const __iconNode$W = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$S);
+const FileText = createLucideIcon("file-text", __iconNode$W);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$R = [
+const __iconNode$V = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M12 12v6", key: "3ahymv" }],
   ["path", { d: "m15 15-3-3-3 3", key: "15xj92" }]
 ];
-const FileUp = createLucideIcon("file-up", __iconNode$R);
+const FileUp = createLucideIcon("file-up", __iconNode$V);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$Q = [
+const __iconNode$U = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "m10 11 5 3-5 3v-6Z", key: "7ntvm4" }]
 ];
-const FileVideo = createLucideIcon("file-video", __iconNode$Q);
+const FileVideo = createLucideIcon("file-video", __iconNode$U);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$P = [
+const __iconNode$T = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$P);
+const File$1 = createLucideIcon("file", __iconNode$T);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$O = [
+const __iconNode$S = [
   [
     "path",
     {
@@ -36523,14 +36598,14 @@ const __iconNode$O = [
   ["path", { d: "M6.453 15h11.094", key: "3shlmq" }],
   ["path", { d: "M8.5 2h7", key: "csnxdl" }]
 ];
-const FlaskConical = createLucideIcon("flask-conical", __iconNode$O);
+const FlaskConical = createLucideIcon("flask-conical", __iconNode$S);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$N = [
+const __iconNode$R = [
   [
     "path",
     {
@@ -36539,14 +36614,14 @@ const __iconNode$N = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$N);
+const FolderOpen = createLucideIcon("folder-open", __iconNode$R);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$M = [
+const __iconNode$Q = [
   [
     "path",
     {
@@ -36557,14 +36632,14 @@ const __iconNode$M = [
   ["path", { d: "M22 10v6", key: "1lu8f3" }],
   ["path", { d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5", key: "1r8lef" }]
 ];
-const GraduationCap = createLucideIcon("graduation-cap", __iconNode$M);
+const GraduationCap = createLucideIcon("graduation-cap", __iconNode$Q);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$L = [
+const __iconNode$P = [
   [
     "path",
     {
@@ -36574,14 +36649,14 @@ const __iconNode$L = [
   ],
   ["path", { d: "M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27", key: "1uw2ng" }]
 ];
-const HeartPulse = createLucideIcon("heart-pulse", __iconNode$L);
+const HeartPulse = createLucideIcon("heart-pulse", __iconNode$P);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$K = [
+const __iconNode$O = [
   [
     "path",
     {
@@ -36590,26 +36665,26 @@ const __iconNode$K = [
     }
   ]
 ];
-const Heart = createLucideIcon("heart", __iconNode$K);
+const Heart = createLucideIcon("heart", __iconNode$O);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$J = [
+const __iconNode$N = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
 ];
-const History = createLucideIcon("history", __iconNode$J);
+const History = createLucideIcon("history", __iconNode$N);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$I = [
+const __iconNode$M = [
   ["path", { d: "M12 3v12", key: "1x0j5s" }],
   ["path", { d: "m8 11 4 4 4-4", key: "1dohi6" }],
   [
@@ -36620,38 +36695,38 @@ const __iconNode$I = [
     }
   ]
 ];
-const Import = createLucideIcon("import", __iconNode$I);
+const Import = createLucideIcon("import", __iconNode$M);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$H = [
+const __iconNode$L = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-const Info$1 = createLucideIcon("info", __iconNode$H);
+const Info$1 = createLucideIcon("info", __iconNode$L);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$G = [
+const __iconNode$K = [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
 ];
-const Key = createLucideIcon("key", __iconNode$G);
+const Key = createLucideIcon("key", __iconNode$K);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$F = [
+const __iconNode$J = [
   [
     "path",
     {
@@ -36674,27 +36749,27 @@ const __iconNode$F = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$F);
+const Layers = createLucideIcon("layers", __iconNode$J);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$E = [
+const __iconNode$I = [
   ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
   ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
   ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
   ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
 ];
-const LayoutGrid = createLucideIcon("layout-grid", __iconNode$E);
+const LayoutGrid = createLucideIcon("layout-grid", __iconNode$I);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$D = [
+const __iconNode$H = [
   [
     "path",
     {
@@ -36705,114 +36780,114 @@ const __iconNode$D = [
   ["path", { d: "M9 18h6", key: "x1upvd" }],
   ["path", { d: "M10 22h4", key: "ceow96" }]
 ];
-const Lightbulb = createLucideIcon("lightbulb", __iconNode$D);
+const Lightbulb = createLucideIcon("lightbulb", __iconNode$H);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$C = [
+const __iconNode$G = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-const Link = createLucideIcon("link", __iconNode$C);
+const Link = createLucideIcon("link", __iconNode$G);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$B = [
+const __iconNode$F = [
   ["path", { d: "M21 12h-8", key: "1bmf0i" }],
   ["path", { d: "M21 6H8", key: "1pqkrb" }],
   ["path", { d: "M21 18h-8", key: "1tm79t" }],
   ["path", { d: "M3 6v4c0 1.1.9 2 2 2h3", key: "1ywdgy" }],
   ["path", { d: "M3 10v6c0 1.1.9 2 2 2h3", key: "2wc746" }]
 ];
-const ListTree = createLucideIcon("list-tree", __iconNode$B);
+const ListTree = createLucideIcon("list-tree", __iconNode$F);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$A = [
+const __iconNode$E = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-const Mail = createLucideIcon("mail", __iconNode$A);
+const Mail = createLucideIcon("mail", __iconNode$E);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$z = [
+const __iconNode$D = [
   ["polyline", { points: "15 3 21 3 21 9", key: "mznyad" }],
   ["polyline", { points: "9 21 3 21 3 15", key: "1avn1i" }],
   ["line", { x1: "21", x2: "14", y1: "3", y2: "10", key: "ota7mn" }],
   ["line", { x1: "3", x2: "10", y1: "21", y2: "14", key: "1atl0r" }]
 ];
-const Maximize2 = createLucideIcon("maximize-2", __iconNode$z);
+const Maximize2 = createLucideIcon("maximize-2", __iconNode$D);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$y = [
+const __iconNode$C = [
   ["path", { d: "m3 11 18-5v12L3 14v-3z", key: "n962bs" }],
   ["path", { d: "M11.6 16.8a3 3 0 1 1-5.8-1.6", key: "1yl0tm" }]
 ];
-const Megaphone = createLucideIcon("megaphone", __iconNode$y);
+const Megaphone = createLucideIcon("megaphone", __iconNode$C);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$x = [
+const __iconNode$B = [
   ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", key: "vv11sd" }]
 ];
-const MessageCircle = createLucideIcon("message-circle", __iconNode$x);
+const MessageCircle = createLucideIcon("message-circle", __iconNode$B);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$w = [
+const __iconNode$A = [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$w);
+const MessageSquare = createLucideIcon("message-square", __iconNode$A);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$v = [
+const __iconNode$z = [
   ["path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z", key: "131961" }],
   ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
   ["line", { x1: "12", x2: "12", y1: "19", y2: "22", key: "x3vr5v" }]
 ];
-const Mic = createLucideIcon("mic", __iconNode$v);
+const Mic = createLucideIcon("mic", __iconNode$z);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$u = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-const Minus$1 = createLucideIcon("minus", __iconNode$u);
+const __iconNode$y = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+const Minus$1 = createLucideIcon("minus", __iconNode$y);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$t = [
+const __iconNode$x = [
   ["path", { d: "M12 2v20", key: "t6zp3m" }],
   ["path", { d: "m15 19-3 3-3-3", key: "11eu04" }],
   ["path", { d: "m19 9 3 3-3 3", key: "1mg7y2" }],
@@ -36820,14 +36895,14 @@ const __iconNode$t = [
   ["path", { d: "m5 9-3 3 3 3", key: "j64kie" }],
   ["path", { d: "m9 5 3-3 3 3", key: "l8vdw6" }]
 ];
-const Move = createLucideIcon("move", __iconNode$t);
+const Move = createLucideIcon("move", __iconNode$x);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$s = [
+const __iconNode$w = [
   ["path", { d: "m14.622 17.897-10.68-2.913", key: "vj2p1u" }],
   [
     "path",
@@ -36844,38 +36919,38 @@ const __iconNode$s = [
     }
   ]
 ];
-const Paintbrush = createLucideIcon("paintbrush", __iconNode$s);
+const Paintbrush = createLucideIcon("paintbrush", __iconNode$w);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$r = [
+const __iconNode$v = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M15 3v18", key: "14nvp0" }],
   ["path", { d: "m8 9 3 3-3 3", key: "12hl5m" }]
 ];
-const PanelRightClose = createLucideIcon("panel-right-close", __iconNode$r);
+const PanelRightClose = createLucideIcon("panel-right-close", __iconNode$v);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q = [
+const __iconNode$u = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M15 3v18", key: "14nvp0" }],
   ["path", { d: "m10 15-3-3 3-3", key: "1pgupc" }]
 ];
-const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$q);
+const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$u);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p = [
+const __iconNode$t = [
   ["path", { d: "M12 20h9", key: "t2du7b" }],
   [
     "path",
@@ -36886,14 +36961,14 @@ const __iconNode$p = [
   ],
   ["path", { d: "m15 5 3 3", key: "1w25hb" }]
 ];
-const PencilLine = createLucideIcon("pencil-line", __iconNode$p);
+const PencilLine = createLucideIcon("pencil-line", __iconNode$t);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$o = [
+const __iconNode$s = [
   [
     "path",
     {
@@ -36902,14 +36977,14 @@ const __iconNode$o = [
     }
   ]
 ];
-const Pen = createLucideIcon("pen", __iconNode$o);
+const Pen = createLucideIcon("pen", __iconNode$s);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$n = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -36919,37 +36994,37 @@ const __iconNode$n = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$n);
+const Pencil = createLucideIcon("pencil", __iconNode$r);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [
+const __iconNode$q = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus$1 = createLucideIcon("plus", __iconNode$m);
+const Plus$1 = createLucideIcon("plus", __iconNode$q);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [
+const __iconNode$p = [
   ["path", { d: "M2 3h20", key: "91anmk" }],
   ["path", { d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3", key: "2k9sn8" }],
   ["path", { d: "m7 21 5-5 5 5", key: "bip4we" }]
 ];
-const Presentation = createLucideIcon("presentation", __iconNode$l);
+const Presentation = createLucideIcon("presentation", __iconNode$p);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$o = [
   [
     "path",
     {
@@ -36958,25 +37033,25 @@ const __iconNode$k = [
     }
   ]
 ];
-const Puzzle = createLucideIcon("puzzle", __iconNode$k);
+const Puzzle = createLucideIcon("puzzle", __iconNode$o);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [
+const __iconNode$n = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
 ];
-const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$j);
+const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$n);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
+const __iconNode$m = [
   [
     "path",
     {
@@ -36987,28 +37062,28 @@ const __iconNode$i = [
   ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
   ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
 ];
-const Save = createLucideIcon("save", __iconNode$i);
+const Save = createLucideIcon("save", __iconNode$m);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [
+const __iconNode$l = [
   ["path", { d: "m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "7g6ntu" }],
   ["path", { d: "m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "ijws7r" }],
   ["path", { d: "M7 21h10", key: "1b0cd5" }],
   ["path", { d: "M12 3v18", key: "108xh3" }],
   ["path", { d: "M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2", key: "3gwbw2" }]
 ];
-const Scale = createLucideIcon("scale", __iconNode$h);
+const Scale = createLucideIcon("scale", __iconNode$l);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [
+const __iconNode$k = [
   ["path", { d: "M15 12h-5", key: "r7krc0" }],
   ["path", { d: "M15 8h-5", key: "1khuty" }],
   ["path", { d: "M19 17V5a2 2 0 0 0-2-2H4", key: "zz82l3" }],
@@ -37020,25 +37095,25 @@ const __iconNode$g = [
     }
   ]
 ];
-const ScrollText = createLucideIcon("scroll-text", __iconNode$g);
+const ScrollText = createLucideIcon("scroll-text", __iconNode$k);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$j = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$f);
+const Search = createLucideIcon("search", __iconNode$j);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$i = [
   [
     "path",
     {
@@ -37048,28 +37123,28 @@ const __iconNode$e = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Settings$1 = createLucideIcon("settings", __iconNode$e);
+const Settings$1 = createLucideIcon("settings", __iconNode$i);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$h = [
   ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }],
   ["circle", { cx: "6", cy: "12", r: "3", key: "w7nqdw" }],
   ["circle", { cx: "18", cy: "19", r: "3", key: "1xt0gg" }],
   ["line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49", key: "47mynk" }],
   ["line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49", key: "1n3mei" }]
 ];
-const Share2 = createLucideIcon("share-2", __iconNode$d);
+const Share2 = createLucideIcon("share-2", __iconNode$h);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$g = [
   [
     "path",
     {
@@ -37078,14 +37153,14 @@ const __iconNode$c = [
     }
   ]
 ];
-const Shield = createLucideIcon("shield", __iconNode$c);
+const Shield = createLucideIcon("shield", __iconNode$g);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$f = [
   ["circle", { cx: "8", cy: "21", r: "1", key: "jimo8o" }],
   ["circle", { cx: "19", cy: "21", r: "1", key: "13723u" }],
   [
@@ -37096,14 +37171,14 @@ const __iconNode$b = [
     }
   ]
 ];
-const ShoppingCart = createLucideIcon("shopping-cart", __iconNode$b);
+const ShoppingCart = createLucideIcon("shopping-cart", __iconNode$f);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$e = [
   ["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7", key: "1m0v6g" }],
   [
     "path",
@@ -37113,26 +37188,36 @@ const __iconNode$a = [
     }
   ]
 ];
-const SquarePen = createLucideIcon("square-pen", __iconNode$a);
+const SquarePen = createLucideIcon("square-pen", __iconNode$e);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [
+const __iconNode$d = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const SquareX = createLucideIcon("square-x", __iconNode$9);
+const SquareX = createLucideIcon("square-x", __iconNode$d);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$c = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
+];
+const Square = createLucideIcon("square", __iconNode$c);
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$b = [
   [
     "path",
     {
@@ -37141,14 +37226,14 @@ const __iconNode$8 = [
     }
   ]
 ];
-const Star = createLucideIcon("star", __iconNode$8);
+const Star = createLucideIcon("star", __iconNode$b);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [
+const __iconNode$a = [
   ["path", { d: "m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7", key: "ztvudi" }],
   ["path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8", key: "1b2hhj" }],
   ["path", { d: "M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4", key: "2ebpfo" }],
@@ -37161,14 +37246,14 @@ const __iconNode$7 = [
     }
   ]
 ];
-const Store = createLucideIcon("store", __iconNode$7);
+const Store = createLucideIcon("store", __iconNode$a);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$9 = [
   [
     "path",
     {
@@ -37178,45 +37263,98 @@ const __iconNode$6 = [
   ],
   ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }]
 ];
-const Tag$1 = createLucideIcon("tag", __iconNode$6);
+const Tag$1 = createLucideIcon("tag", __iconNode$9);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$8 = [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
   ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
   ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
 ];
-const Trash2 = createLucideIcon("trash-2", __iconNode$5);
+const Trash2 = createLucideIcon("trash-2", __iconNode$8);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$7 = [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ];
-const User = createLucideIcon("user", __iconNode$4);
+const User = createLucideIcon("user", __iconNode$7);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$6 = [
   ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
   ["path", { d: "M16 3.128a4 4 0 0 1 0 7.744", key: "16gr8j" }],
   ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
 ];
-const Users = createLucideIcon("users", __iconNode$3);
+const Users = createLucideIcon("users", __iconNode$6);
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$5 = [
+  [
+    "path",
+    {
+      d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
+      key: "uqj9uw"
+    }
+  ],
+  ["path", { d: "M16 9a5 5 0 0 1 0 6", key: "1q6k2b" }]
+];
+const Volume1 = createLucideIcon("volume-1", __iconNode$5);
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$4 = [
+  [
+    "path",
+    {
+      d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
+      key: "uqj9uw"
+    }
+  ],
+  ["path", { d: "M16 9a5 5 0 0 1 0 6", key: "1q6k2b" }],
+  ["path", { d: "M19.364 18.364a9 9 0 0 0 0-12.728", key: "ijwkga" }]
+];
+const Volume2 = createLucideIcon("volume-2", __iconNode$4);
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
+  [
+    "path",
+    {
+      d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
+      key: "uqj9uw"
+    }
+  ],
+  ["line", { x1: "22", x2: "16", y1: "9", y2: "15", key: "1ewh16" }],
+  ["line", { x1: "16", x2: "22", y1: "9", y2: "15", key: "5ykzw1" }]
+];
+const VolumeX = createLucideIcon("volume-x", __iconNode$3);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
@@ -38443,8 +38581,8 @@ const useAgentSystemPrompt = (agentId) => {
     queryKey: agentSystemPromptQueryKey(agentId),
     queryFn: async () => {
       try {
-        const client = createLocalOperatorClient(apiConfig.baseUrl);
-        const response = await client.agents.getAgentSystemPrompt(agentId);
+        const client2 = createLocalOperatorClient(apiConfig.baseUrl);
+        const response = await client2.agents.getAgentSystemPrompt(agentId);
         if (response.status >= 400) {
           throw new Error(
             response.message || "Failed to fetch agent system prompt"
@@ -38465,11 +38603,11 @@ const useAgentSystemPrompt = (agentId) => {
 };
 const useUpdateAgentSystemPrompt = (agentId) => {
   const queryClient2 = useQueryClient();
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   return useMutation({
     mutationFn: async (systemPrompt) => {
       try {
-        const response = await client.agents.updateAgentSystemPrompt(
+        const response = await client2.agents.updateAgentSystemPrompt(
           agentId,
           systemPrompt
         );
@@ -38584,8 +38722,8 @@ const useCredentials = () => {
     queryKey: credentialsQueryKey,
     queryFn: async () => {
       try {
-        const client = createLocalOperatorClient(apiConfig.baseUrl);
-        const response = await client.credentials.listCredentials();
+        const client2 = createLocalOperatorClient(apiConfig.baseUrl);
+        const response = await client2.credentials.listCredentials();
         if (response.status >= 400) {
           throw new Error(response.message || "Failed to fetch credentials");
         }
@@ -38849,8 +38987,8 @@ const useClearAgentConversation = () => {
   );
   return useMutation({
     mutationFn: async ({ agentId }) => {
-      const client = createLocalOperatorClient(apiConfig.baseUrl);
-      return client.agents.clearAgentConversation(agentId);
+      const client2 = createLocalOperatorClient(apiConfig.baseUrl);
+      return client2.agents.clearAgentConversation(agentId);
     },
     onSuccess: (_2, variables) => {
       queryClient2.invalidateQueries({
@@ -38953,8 +39091,8 @@ const useConversationMessages = (conversationId, pageSize2 = 20) => {
           };
         }
         const page = pageParam;
-        const client = createLocalOperatorClient(apiConfig.baseUrl);
-        const response = await client.agents.getAgentExecutionHistory(
+        const client2 = createLocalOperatorClient(apiConfig.baseUrl);
+        const response = await client2.agents.getAgentExecutionHistory(
           conversationId,
           page,
           pageSize2
@@ -39144,10 +39282,10 @@ const useModelsStore = create$3()(
         }
         set2({ isLoading: true, error: null });
         try {
-          const client = createLocalOperatorClient(baseUrl);
-          const providersResponse = await client.models.listProviders();
+          const client2 = createLocalOperatorClient(baseUrl);
+          const providersResponse = await client2.models.listProviders();
           const providers = providersResponse.result?.providers || [];
-          const modelsResponse = await client.models.listModels(
+          const modelsResponse = await client2.models.listModels(
             "",
             "recommended",
             "descending"
@@ -39329,7 +39467,7 @@ const useJobPolling = ({
   const queryClient2 = useQueryClient();
   const { getMessages, setMessages } = useChatStore();
   const lastProcessedJobDataRef = reactExports.useRef(null);
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   const previousConversationIdRef = reactExports.useRef(conversationId);
   const { shouldEnableQuery, getConnectivityError } = useConnectivityGate();
   const checkForActiveJobs = reactExports.useCallback(
@@ -39346,8 +39484,8 @@ const useJobPolling = ({
         return false;
       }
       try {
-        const pendingResponse = await client.jobs.listJobs(agentId, "pending");
-        const processingResponse = await client.jobs.listJobs(
+        const pendingResponse = await client2.jobs.listJobs(agentId, "pending");
+        const processingResponse = await client2.jobs.listJobs(
           agentId,
           "processing"
         );
@@ -39373,7 +39511,7 @@ const useJobPolling = ({
       }
     },
     [
-      client.jobs,
+      client2.jobs,
       currentJobId,
       shouldEnableQuery,
       getConnectivityError,
@@ -39397,11 +39535,11 @@ const useJobPolling = ({
             return;
           }
           try {
-            const pendingResponse = await client.jobs.listJobs(
+            const pendingResponse = await client2.jobs.listJobs(
               conversationId,
               "pending"
             );
-            const processingResponse = await client.jobs.listJobs(
+            const processingResponse = await client2.jobs.listJobs(
               conversationId,
               "processing"
             );
@@ -39427,7 +39565,7 @@ const useJobPolling = ({
     previousConversationIdRef.current = conversationId;
   }, [
     conversationId,
-    client.jobs,
+    client2.jobs,
     shouldEnableQuery,
     getConnectivityError,
     setCurrentJobId
@@ -39446,8 +39584,8 @@ const useJobPolling = ({
         return false;
       }
       try {
-        const client2 = createLocalOperatorClient(apiConfig.baseUrl);
-        const response = await client2.agents.getAgentExecutionHistory(
+        const client22 = createLocalOperatorClient(apiConfig.baseUrl);
+        const response = await client22.agents.getAgentExecutionHistory(
           agentId,
           1,
           // First page
@@ -39532,9 +39670,9 @@ const useJobPolling = ({
     queryKey: ["job", currentJobId],
     queryFn: async () => {
       if (!currentJobId) return null;
-      const client2 = createLocalOperatorClient(apiConfig.baseUrl);
+      const client22 = createLocalOperatorClient(apiConfig.baseUrl);
       try {
-        const response = await client2.jobs.getJobStatus(currentJobId);
+        const response = await client22.jobs.getJobStatus(currentJobId);
         return response.result;
       } catch (err) {
         const errorObj = err;
@@ -41028,11 +41166,11 @@ const useRadientUserQuery = () => {
 };
 const useUpdateConfig = () => {
   const queryClient2 = useQueryClient();
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   return useMutation({
     mutationFn: async (update) => {
       try {
-        const response = await client.config.updateConfig(update);
+        const response = await client2.config.updateConfig(update);
         if (response.status >= 400) {
           throw new Error(response.message || "Failed to update configuration");
         }
@@ -41836,13 +41974,13 @@ const useStreamingMessage = ({
     }
     try {
       setIsRefetching(true);
-      const client = createLocalOperatorClient(baseUrl);
+      const client2 = createLocalOperatorClient(baseUrl);
       const registryEntry = globalConnectionRegistry.get(messageId);
       const agentId = registryEntry?.conversationId || conversationId;
       if (!agentId) {
         return;
       }
-      const response = await client.agents.getAgentExecutionHistory(
+      const response = await client2.agents.getAgentExecutionHistory(
         agentId,
         1,
         20
@@ -41917,11 +42055,11 @@ const useStreamingMessage = ({
               const doRefetch = async () => {
                 try {
                   setIsRefetching(true);
-                  const client = createLocalOperatorClient(baseUrl);
+                  const client2 = createLocalOperatorClient(baseUrl);
                   const entry = globalConnectionRegistry.get(messageId);
                   const agentId = entry?.conversationId || conversationId;
                   if (!agentId) return;
-                  const response = await client.agents.getAgentExecutionHistory(
+                  const response = await client2.agents.getAgentExecutionHistory(
                     agentId,
                     1,
                     20
@@ -42231,8 +42369,8 @@ const useSystemPrompt = () => {
     queryKey: systemPromptQueryKey,
     queryFn: async () => {
       try {
-        const client = createLocalOperatorClient(apiConfig.baseUrl);
-        const response = await client.config.getSystemPrompt();
+        const client2 = createLocalOperatorClient(apiConfig.baseUrl);
+        const response = await client2.config.getSystemPrompt();
         if (response === null) {
           return null;
         }
@@ -42254,14 +42392,14 @@ const useSystemPrompt = () => {
 };
 const useUpdateAgent = () => {
   const queryClient2 = useQueryClient();
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   return useMutation({
     mutationFn: async ({
       agentId,
       update
     }) => {
       try {
-        const response = await client.agents.updateAgent(agentId, update);
+        const response = await client2.agents.updateAgent(agentId, update);
         if (response.status >= 400) {
           throw new Error(
             response.message || `Failed to update agent ${agentId}`
@@ -42304,11 +42442,11 @@ const useUpdateAgent = () => {
 };
 const useUpdateCredential = () => {
   const queryClient2 = useQueryClient();
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   return useMutation({
     mutationFn: async (credentialUpdate) => {
       try {
-        const response = await client.credentials.updateCredential(credentialUpdate);
+        const response = await client2.credentials.updateCredential(credentialUpdate);
         if (response.status >= 400) {
           throw new Error(response.message || "Failed to update credential");
         }
@@ -42352,11 +42490,11 @@ const useUpdateCredential = () => {
 };
 const useUpdateSystemPrompt = () => {
   const queryClient2 = useQueryClient();
-  const client = createLocalOperatorClient(apiConfig.baseUrl);
+  const client2 = createLocalOperatorClient(apiConfig.baseUrl);
   return useMutation({
     mutationFn: async (update) => {
       try {
-        const response = await client.config.updateSystemPrompt(update);
+        const response = await client2.config.updateSystemPrompt(update);
         if (response.status >= 400) {
           throw new Error(response.message || "Failed to update system prompt");
         }
@@ -46751,10 +46889,10 @@ const truncateText$1 = (text4, maxLength) => {
 const getReleaseUrl = (updateInfo) => {
   if (updateInfo.releaseNotes && typeof updateInfo.releaseNotes !== "string") {
     const releaseNotesObj = updateInfo.releaseNotes;
-    const defaultUrl = `https://github.com/local-operator/local-operator-ui/releases/tag/v${updateInfo.version}`;
+    const defaultUrl = `https://github.com/damianvtran/local-operator-ui/releases/tag/v${updateInfo.version}`;
     return releaseNotesObj.path || defaultUrl;
   }
-  return `https://github.com/local-operator/local-operator-ui/releases/tag/v${updateInfo.version}`;
+  return `https://github.com/damianvtran/local-operator-ui/releases/tag/v${updateInfo.version}`;
 };
 /*!
  * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
@@ -87074,7 +87212,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return __vitePreload(() => import("./index-BvMg8RoK.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
+      return __vitePreload(() => import("./index-liIbjSlr.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -87251,7 +87389,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return __vitePreload(() => import("./index-ClmkH6IK.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
+      return __vitePreload(() => import("./index-DySkHkA1.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -169692,7 +169830,7 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-OKDRZEBW-sjSQ3pUv.js"), true ? __vite__mapDeps([6,7,8,9,10,11,1,2]) : void 0, import.meta.url), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-OKDRZEBW-CO3cKjWG.js"), true ? __vite__mapDeps([6,7,8,9,10,11,1,2]) : void 0, import.meta.url), "loader")
     }
   ]);
 }, "registerDefaultLayoutLoaders");
@@ -170282,7 +170420,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./c4Diagram-VJAJSXHY-DZAmVkcX.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-VJAJSXHY-D8FgDK5j.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([12,13,1,2]) : void 0, import.meta.url);
   return { id, diagram: diagram2 };
@@ -170302,7 +170440,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-QV5jY4yk.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CuLnAVLZ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id2, diagram: diagram2 };
@@ -170328,7 +170466,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-QV5jY4yk.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CuLnAVLZ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id3, diagram: diagram2 };
@@ -170345,7 +170483,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./erDiagram-Q7BY3M3F-xM-l45kg.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q7BY3M3F-CE-mGjcw.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([17,15,16,1,2]) : void 0, import.meta.url);
   return { id: id4, diagram: diagram2 };
@@ -170362,7 +170500,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./gitGraphDiagram-7IBYFJ6S-C2VL8kHA.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-7IBYFJ6S-B0RVbCe3.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([18,19,20,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id5, diagram: diagram2 };
@@ -170379,7 +170517,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./ganttDiagram-APWFNJXF-CAR2eCVK.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-APWFNJXF-HGEcVNK0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([22,1,2]) : void 0, import.meta.url);
   return { id: id6, diagram: diagram2 };
@@ -170396,7 +170534,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./infoDiagram-PH2N3AL5-BRVBGsSX.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-PH2N3AL5-BmzNZtVy.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([23,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id7, diagram: diagram2 };
@@ -170412,7 +170550,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./pieDiagram-IB7DONF6-Bd9suVWv.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-IB7DONF6-DxWkg81y.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,21,8,10,11,25,1,2]) : void 0, import.meta.url);
   return { id: id8, diagram: diagram2 };
@@ -170428,7 +170566,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./quadrantDiagram-7GDLP6J5-Bs4DyNjf.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-7GDLP6J5-DhiTce2H.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([26,1,2]) : void 0, import.meta.url);
   return { id: id9, diagram: diagram2 };
@@ -170445,7 +170583,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./xychartDiagram-VJFVF3MP-BIx1OvAe.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-VJFVF3MP-6LqtFFyz.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([27,1,2]) : void 0, import.meta.url);
   return { id: id10, diagram: diagram2 };
@@ -170462,7 +170600,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./requirementDiagram-KVF5MWMF-DymCgMvI.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-KVF5MWMF-D_RtpMVe.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,15,1,2]) : void 0, import.meta.url);
   return { id: id11, diagram: diagram2 };
@@ -170479,7 +170617,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sequenceDiagram-X6HHIX6F-DvLeGWo9.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-X6HHIX6F-DKsfkllV.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,13,20,1,2]) : void 0, import.meta.url);
   return { id: id12, diagram: diagram2 };
@@ -170499,7 +170637,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-GIVACNV2-crUyrp4C.js");
+    const { diagram: diagram22 } = await import("./classDiagram-GIVACNV2-FGJrs60K.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,31,15,1,2]) : void 0, import.meta.url);
   return { id: id13, diagram: diagram2 };
@@ -170519,7 +170657,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-v2-COTLJTTW-crUyrp4C.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-COTLJTTW-FGJrs60K.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,31,15,1,2]) : void 0, import.meta.url);
   return { id: id14, diagram: diagram2 };
@@ -170539,7 +170677,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-DGXRK772-DyugZZym.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-DGXRK772-DEAItQI7.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([33,34,15,7,8,9,10,1,2]) : void 0, import.meta.url);
   return { id: id15, diagram: diagram2 };
@@ -170562,7 +170700,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-v2-YXO3MK2T-BD7GaWgL.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-YXO3MK2T-DaDyU-tp.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,34,15,1,2]) : void 0, import.meta.url);
   return { id: id16, diagram: diagram2 };
@@ -170579,7 +170717,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./journeyDiagram-U35MCT3I-CiYS6pRL.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-U35MCT3I-BTfGUC5S.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([36,13,25,1,2]) : void 0, import.meta.url);
   return { id: id17, diagram: diagram2 };
@@ -170649,7 +170787,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-QV5jY4yk.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CuLnAVLZ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id18, diagram: diagram2 };
@@ -170666,7 +170804,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./timeline-definition-BDJGKUSR-B6m24a_n.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-BDJGKUSR-VT7KewsR.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,25,1,2]) : void 0, import.meta.url);
   return { id: id19, diagram: diagram2 };
@@ -170683,7 +170821,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./mindmap-definition-ALO5MXBD-B8OKj4Qj.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-ALO5MXBD-RRZYStOO.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,39,1,2]) : void 0, import.meta.url);
   return { id: id20, diagram: diagram2 };
@@ -170700,7 +170838,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./kanban-definition-NDS4AKOZ-BcF1dSLj.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-NDS4AKOZ-C-DuH5Nd.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,1,2]) : void 0, import.meta.url);
   return { id: id21, diagram: diagram2 };
@@ -170717,7 +170855,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sankeyDiagram-QLVOVGJD-vLIhFWzQ.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-QLVOVGJD-DVZvgx2b.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,1,2]) : void 0, import.meta.url);
   return { id: id22, diagram: diagram2 };
@@ -170734,7 +170872,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-VNBRO52H-ZbJyeILZ.js");
+    const { diagram: diagram22 } = await import("./diagram-VNBRO52H-DxYagTVG.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,19,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id23, diagram: diagram2 };
@@ -170750,7 +170888,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-SSKATNLV-CASziOFr.js");
+    const { diagram: diagram22 } = await import("./diagram-SSKATNLV-B9JFQ016.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,19,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id24, diagram: diagram2 };
@@ -170766,7 +170904,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./blockDiagram-JOT3LUYC-D2Cng1Yf.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-JOT3LUYC-CxL3mRr9.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,11,8,7,16,1,2]) : void 0, import.meta.url);
   return { id: id25, diagram: diagram2 };
@@ -170783,7 +170921,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./architectureDiagram-IEHRJDOE-BEROcdGh.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-IEHRJDOE-C5riAJAU.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,19,20,21,8,10,11,39,1,2]) : void 0, import.meta.url);
   return { id: id26, diagram: diagram2 };
@@ -172296,7 +172434,7 @@ const getFileTypeFromPath = (filePath) => {
   return "other";
 };
 const RESOURCE_NAME_REGEX$2 = /name=([^;,]+)/;
-const PATH_SEPARATOR_REGEX$4 = /[/\\]/;
+const PATH_SEPARATOR_REGEX$5 = /[/\\]/;
 const DATA_URI_REGEX = /^data:([^;,]+)/;
 const getFileName$3 = (path2) => {
   if (path2.startsWith("data:image/")) {
@@ -172328,7 +172466,7 @@ const getFileName$3 = (path2) => {
     }
     return "Pasted File";
   }
-  const parts = path2.split(PATH_SEPARATOR_REGEX$4);
+  const parts = path2.split(PATH_SEPARATOR_REGEX$5);
   return parts[parts.length - 1];
 };
 const canvasSupportedExtensions = /* @__PURE__ */ new Set([
@@ -172560,7 +172698,7 @@ const isVideo$2 = (path2) => {
   const lowerPath = path2.toLowerCase();
   return videoExtensions.some((ext) => lowerPath.endsWith(ext));
 };
-const getAttachmentUrl$2 = (client, path2) => {
+const getAttachmentUrl$2 = (client2, path2) => {
   if (path2.startsWith("http")) {
     return path2;
   }
@@ -172569,10 +172707,10 @@ const getAttachmentUrl$2 = (client, path2) => {
   }
   const normalizedPath = path2.startsWith("file://") ? path2 : `file://${path2}`;
   if (isImage$2(path2)) {
-    return client.static.getImageUrl(normalizedPath);
+    return client2.static.getImageUrl(normalizedPath);
   }
   if (isVideo$2(path2)) {
-    return client.static.getVideoUrl(normalizedPath);
+    return client2.static.getVideoUrl(normalizedPath);
   }
   return path2;
 };
@@ -172628,12 +172766,12 @@ const CanvasFileViewer = ({
     );
     return Object.values(filesByBaseName);
   }, [files]);
-  const client = reactExports.useMemo(() => {
+  const client2 = reactExports.useMemo(() => {
     return createLocalOperatorClient(apiConfig.baseUrl);
   }, []);
   const getUrl2 = reactExports.useCallback(
-    (path2) => getAttachmentUrl$2(client, path2),
-    [client]
+    (path2) => getAttachmentUrl$2(client2, path2),
+    [client2]
   );
   const handleFileClick = reactExports.useCallback(
     async (fileDoc) => {
@@ -172938,7 +173076,7 @@ const CanvasTabsComponent = ({
 };
 const CanvasTabs = reactExports.memo(CanvasTabsComponent);
 const useAgentExecutionVariables = (agentId) => {
-  const client = reactExports.useMemo(
+  const client2 = reactExports.useMemo(
     () => createLocalOperatorClient(apiConfig.baseUrl),
     []
   );
@@ -172948,7 +173086,7 @@ const useAgentExecutionVariables = (agentId) => {
       if (!agentId) {
         throw new Error("Agent ID is required to fetch execution variables.");
       }
-      return client.agents.listAgentExecutionVariables(agentId);
+      return client2.agents.listAgentExecutionVariables(agentId);
     },
     enabled: !!agentId
     // Only run the query if agentId is provided
@@ -172956,12 +173094,12 @@ const useAgentExecutionVariables = (agentId) => {
 };
 const useCreateAgentExecutionVariable = () => {
   const queryClient2 = useQueryClient();
-  const client = reactExports.useMemo(
+  const client2 = reactExports.useMemo(
     () => createLocalOperatorClient(apiConfig.baseUrl),
     []
   );
   return useMutation({
-    mutationFn: async ({ agentId, variableData }) => client.agents.createAgentExecutionVariable(agentId, variableData),
+    mutationFn: async ({ agentId, variableData }) => client2.agents.createAgentExecutionVariable(agentId, variableData),
     onSuccess: (_data, variables) => {
       queryClient2.invalidateQueries({
         queryKey: ["agentExecutionVariables", variables.agentId]
@@ -172975,12 +173113,12 @@ const useCreateAgentExecutionVariable = () => {
 };
 const useUpdateAgentExecutionVariable = () => {
   const queryClient2 = useQueryClient();
-  const client = reactExports.useMemo(
+  const client2 = reactExports.useMemo(
     () => createLocalOperatorClient(apiConfig.baseUrl),
     []
   );
   return useMutation({
-    mutationFn: async ({ agentId, variableKey, variableData }) => client.agents.updateAgentExecutionVariable(
+    mutationFn: async ({ agentId, variableKey, variableData }) => client2.agents.updateAgentExecutionVariable(
       agentId,
       variableKey,
       variableData
@@ -172998,12 +173136,12 @@ const useUpdateAgentExecutionVariable = () => {
 };
 const useDeleteAgentExecutionVariable = () => {
   const queryClient2 = useQueryClient();
-  const client = reactExports.useMemo(
+  const client2 = reactExports.useMemo(
     () => createLocalOperatorClient(apiConfig.baseUrl),
     []
   );
   return useMutation({
-    mutationFn: async ({ agentId, variableKey }) => client.agents.deleteAgentExecutionVariable(agentId, variableKey),
+    mutationFn: async ({ agentId, variableKey }) => client2.agents.deleteAgentExecutionVariable(agentId, variableKey),
     onSuccess: (_data, variables) => {
       queryClient2.invalidateQueries({
         queryKey: ["agentExecutionVariables", variables.agentId]
@@ -174798,7 +174936,7 @@ styled$1(Tab, {
     fontSize: "0.9rem"
   }
 }));
-const PATH_SEPARATOR_REGEX$3 = /[/\\]/;
+const PATH_SEPARATOR_REGEX$4 = /[/\\]/;
 const RESOURCE_NAME_REGEX$1 = /name=([^;,]+)/;
 const MIME_TYPE_REGEX = /^data:([^;,]+)/;
 const AttachmentsContainer = styled$1(Box)(({ theme: theme2 }) => ({
@@ -174908,7 +175046,7 @@ const AttachmentsPreview = ({
   onRemoveAttachment,
   disabled = false
 }) => {
-  const client = reactExports.useMemo(() => {
+  const client2 = reactExports.useMemo(() => {
     return createLocalOperatorClient(apiConfig.baseUrl);
   }, []);
   const isImage2 = reactExports.useCallback((path2) => {
@@ -174965,7 +175103,7 @@ const AttachmentsPreview = ({
       }
       return "Pasted File";
     }
-    const parts = path2.split(PATH_SEPARATOR_REGEX$3);
+    const parts = path2.split(PATH_SEPARATOR_REGEX$4);
     return parts[parts.length - 1];
   }, []);
   const getAttachmentUrl2 = reactExports.useCallback(
@@ -174978,14 +175116,14 @@ const AttachmentsPreview = ({
       }
       const normalizedPath = path2.startsWith("file://") ? path2 : `file://${path2}`;
       if (isImage2(path2)) {
-        return client.static.getImageUrl(normalizedPath);
+        return client2.static.getImageUrl(normalizedPath);
       }
       if (isVideo2(path2)) {
-        return client.static.getVideoUrl(normalizedPath);
+        return client2.static.getVideoUrl(normalizedPath);
       }
       return path2;
     },
-    [client, isImage2, isVideo2]
+    [client2, isImage2, isVideo2]
     // isImage and isVideo are stable due to useCallback
   );
   const handleRemove = reactExports.useCallback(
@@ -176022,6 +176160,8 @@ const MessageInput = reactExports.forwardRef(
     const [isTranscribing, setIsTranscribing] = reactExports.useState(false);
     const mediaRecorderRef = reactExports.useRef(null);
     const audioChunksRef = reactExports.useRef([]);
+    const spacebarTimerRef = reactExports.useRef(null);
+    const [platform, setPlatform] = reactExports.useState("");
     const fileInputRef = reactExports.useRef(null);
     const { data: credentialsData, isLoading: isLoadingCredentials } = useCredentials();
     const isRadientApiKeyConfigured = reactExports.useMemo(
@@ -176074,7 +176214,15 @@ const MessageInput = reactExports.forwardRef(
         }
       }
     }, [isInputDisabled, isRecording, isTranscribing, textareaRef]);
+    reactExports.useEffect(() => {
+      window.electron.ipcRenderer.invoke("get-platform-info").then((info2) => {
+        setPlatform(info2.platform);
+      }).catch((err) => {
+        console.error("Failed to get platform info:", err);
+      });
+    }, []);
     const handleStartRecording = reactExports.useCallback(async () => {
+      if (!canEnableRecordingFeature) return;
       if (navigator?.mediaDevices?.getUserMedia) {
         try {
           const stream = await navigator.mediaDevices.getUserMedia({
@@ -176107,7 +176255,7 @@ const MessageInput = reactExports.forwardRef(
         console.error("getUserMedia not supported on your browser!");
         showErrorToast("Audio recording is not supported on your browser.");
       }
-    }, []);
+    }, [canEnableRecordingFeature]);
     const handleConfirmRecording = reactExports.useCallback(() => {
       if (mediaRecorderRef.current && isRecording) {
         mediaRecorderRef.current.stop();
@@ -176176,6 +176324,74 @@ const MessageInput = reactExports.forwardRef(
         handleSendAudio();
       }
     }, [audioBlob, handleSendAudio]);
+    reactExports.useEffect(() => {
+      const handleStartSpeechToText = () => {
+        if (!isLoading && !isRecording && !isTranscribing && canEnableRecordingFeature) {
+          handleStartRecording();
+        }
+      };
+      window.electron.ipcRenderer.on(
+        "start-speech-to-text",
+        handleStartSpeechToText
+      );
+      return () => {
+        window.electron.ipcRenderer.removeListener(
+          "start-speech-to-text",
+          handleStartSpeechToText
+        );
+      };
+    }, [
+      canEnableRecordingFeature,
+      handleStartRecording,
+      isLoading,
+      isRecording,
+      isTranscribing
+    ]);
+    reactExports.useEffect(() => {
+      const handleKeyDown2 = (event) => {
+        if (event.code !== "Space" || spacebarTimerRef.current) {
+          return;
+        }
+        const activeElement = document.activeElement;
+        if (activeElement && (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA" || activeElement.isContentEditable)) {
+          return;
+        }
+        if (isRecording || isTranscribing || !canEnableRecordingFeature) {
+          return;
+        }
+        event.preventDefault();
+        spacebarTimerRef.current = setTimeout(() => {
+          handleStartRecording();
+        }, 1e3);
+      };
+      const handleKeyUp = (event) => {
+        if (event.code !== "Space") {
+          return;
+        }
+        if (spacebarTimerRef.current) {
+          clearTimeout(spacebarTimerRef.current);
+          spacebarTimerRef.current = null;
+        }
+        if (isRecording) {
+          handleConfirmRecording();
+        }
+      };
+      window.addEventListener("keydown", handleKeyDown2);
+      window.addEventListener("keyup", handleKeyUp);
+      return () => {
+        window.removeEventListener("keydown", handleKeyDown2);
+        window.removeEventListener("keyup", handleKeyUp);
+        if (spacebarTimerRef.current) {
+          clearTimeout(spacebarTimerRef.current);
+        }
+      };
+    }, [
+      isRecording,
+      isTranscribing,
+      canEnableRecordingFeature,
+      handleStartRecording,
+      handleConfirmRecording
+    ]);
     const handleSubmit = (e3) => {
       e3.preventDefault();
       if (!newMessage.trim() && attachments.length === 0) return;
@@ -176237,6 +176453,12 @@ const MessageInput = reactExports.forwardRef(
       setAttachments([]);
       setNewMessage("");
     };
+    const shortcutText = reactExports.useMemo(() => {
+      if (platform === "darwin") {
+        return "Cmd+Shift+S";
+      }
+      return "Ctrl+Shift+S";
+    }, [platform]);
     const inputContent = /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, style: { width: "100%" }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(InputInnerContainer, { children: [
         attachments.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -176306,7 +176528,7 @@ const MessageInput = reactExports.forwardRef(
             !isRecording && !isTranscribing && !(isLoading && currentJobId) && /* @__PURE__ */ jsxRuntimeExports.jsx(
               Tooltip$1,
               {
-                title: !canEnableRecordingFeature ? "Sign in to Radient in the settings page to enable audio recording" : "Start recording",
+                title: !canEnableRecordingFeature ? "Sign in to Radient in the settings page to enable audio recording" : `Start recording (${shortcutText} or hold Space)`,
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   IconButton,
                   {
@@ -176952,6 +177174,301 @@ const ExpandableActionElement = ({
     ] }) })
   ] });
 };
+const InvalidAttachmentContainer = styled$1(Box)(({ theme: theme2 }) => ({
+  display: "flex",
+  alignItems: "center",
+  padding: "8px 12px",
+  marginTop: 8,
+  backgroundColor: alpha$1(
+    theme2.palette.mode === "dark" ? theme2.palette.warning.dark : theme2.palette.warning.light,
+    theme2.palette.mode === "dark" ? 0.05 : 0.05
+  ),
+  borderRadius: 8,
+  boxShadow: `0 1px 4px ${alpha$1(theme2.palette.common.black, theme2.palette.mode === "dark" ? 0.1 : 0.05)}`,
+  width: "fit-content",
+  maxWidth: "100%"
+}));
+const ErrorIcon = styled$1(Box)(({ theme: theme2 }) => ({
+  marginRight: 8,
+  color: theme2.palette.warning.main,
+  display: "flex",
+  alignItems: "center"
+}));
+const ErrorText = styled$1(Typography)({
+  fontSize: "0.85rem",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  maxWidth: "100%"
+});
+const PATH_SEPARATOR_REGEX$3 = /[/\\]/;
+const getFileName$2 = (path2) => {
+  const parts = path2.split(PATH_SEPARATOR_REGEX$3);
+  return parts[parts.length - 1];
+};
+const InvalidAttachment = ({ file }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    InvalidAttachmentContainer,
+    {
+      title: `File not viewable: ${getFileName$2(file)}`,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faExclamationCircle, size: "sm" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorText, { variant: "body2", children: [
+          getFileName$2(file),
+          " is not viewable (file may be incomplete, deleted, or moved)"
+        ] })
+      ]
+    }
+  );
+};
+const AudioPlayerContainer = styled$1(Box)(({ theme: theme2 }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme2.spacing(1.5),
+  background: theme2.palette.background.paper,
+  borderRadius: theme2.shape.borderRadius,
+  padding: theme2.spacing(1, 2),
+  width: "100%",
+  maxWidth: "600px",
+  border: `1px solid ${theme2.palette.sidebar.border}`
+}));
+const TimeDisplay = styled$1(Typography)(({ theme: theme2 }) => ({
+  fontSize: "0.75rem",
+  color: theme2.palette.text.secondary,
+  minWidth: "40px",
+  textAlign: "center"
+}));
+const CustomSlider = styled$1(Slider)(({ theme: theme2 }) => ({
+  color: theme2.palette.primary.main,
+  height: 4,
+  "& .MuiSlider-thumb": {
+    width: 12,
+    height: 12,
+    backgroundColor: theme2.palette.primary.main,
+    border: `2px solid ${theme2.palette.background.paper}`,
+    "&:hover, &.Mui-focusVisible": {
+      boxShadow: `0 0 0 8px ${alpha$1(theme2.palette.primary.main, 0.16)}`
+    },
+    "&.Mui-active": {
+      width: 16,
+      height: 16
+    }
+  },
+  "& .MuiSlider-rail": {
+    opacity: 0.3,
+    backgroundColor: theme2.palette.text.secondary
+  },
+  "& .MuiSlider-track": {
+    border: "none"
+  }
+}));
+const VolumeControlContainer = styled$1(Box)({
+  display: "flex",
+  alignItems: "center",
+  gap: "8px"
+});
+const PlaybackRateButton = styled$1(Typography)(({ theme: theme2 }) => ({
+  fontWeight: "bold",
+  fontSize: "0.75rem",
+  color: theme2.palette.text.secondary,
+  cursor: "pointer",
+  padding: theme2.spacing(0.5, 1),
+  borderRadius: theme2.shape.borderRadius,
+  "&:hover": {
+    backgroundColor: theme2.palette.action.hover
+  }
+}));
+const PATH_SEPARATOR_REGEX$2 = /[/\\]/;
+const getFileNameFromPath = (path2) => {
+  try {
+    const url = new URL(path2);
+    if (url.searchParams.has("path")) {
+      const filePath = url.searchParams.get("path") ?? "";
+      return filePath.split(PATH_SEPARATOR_REGEX$2).pop() ?? "";
+    }
+    return url.pathname.split(PATH_SEPARATOR_REGEX$2).pop() ?? "";
+  } catch {
+    return path2.split(PATH_SEPARATOR_REGEX$2).pop() ?? "";
+  }
+};
+const AudioAttachment = reactExports.memo(({ content: content2 }) => {
+  const audioRef = reactExports.useRef(null);
+  const [isPlaying, setIsPlaying] = reactExports.useState(false);
+  const [duration2, setDuration] = reactExports.useState(0);
+  const [currentTime, setCurrentTime] = reactExports.useState(0);
+  const [volume, setVolume] = reactExports.useState(1);
+  const [playbackRate, setPlaybackRate] = reactExports.useState(1);
+  const [isLoading, setIsLoading] = reactExports.useState(true);
+  const [hasError, setHasError] = reactExports.useState(false);
+  const [anchorEl, setAnchorEl] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    const audioElement = new Audio(content2);
+    audioRef.current = audioElement;
+    setIsLoading(true);
+    const handleLoadedMetadata = () => {
+      if (audioRef.current) {
+        setDuration(audioRef.current.duration);
+        setIsLoading(false);
+      }
+    };
+    const handleTimeUpdate = () => {
+      if (audioRef.current) {
+        setCurrentTime(audioRef.current.currentTime);
+      }
+    };
+    const handleEnded = () => {
+      setIsPlaying(false);
+      setCurrentTime(0);
+    };
+    const handleError2 = () => {
+      setHasError(true);
+      setIsLoading(false);
+    };
+    audioElement.addEventListener("loadedmetadata", handleLoadedMetadata);
+    audioElement.addEventListener("timeupdate", handleTimeUpdate);
+    audioElement.addEventListener("ended", handleEnded);
+    audioElement.addEventListener("error", handleError2);
+    return () => {
+      audioElement.removeEventListener("loadedmetadata", handleLoadedMetadata);
+      audioElement.removeEventListener("timeupdate", handleTimeUpdate);
+      audioElement.removeEventListener("ended", handleEnded);
+      audioElement.removeEventListener("error", handleError2);
+    };
+  }, [content2]);
+  const handlePlayPause = reactExports.useCallback(() => {
+    if (audioRef.current) {
+      if (isPlaying) {
+        audioRef.current.pause();
+      } else {
+        audioRef.current.play().catch(console.error);
+      }
+      setIsPlaying(!isPlaying);
+    }
+  }, [isPlaying]);
+  const handleSeek = reactExports.useCallback((_2, newValue) => {
+    if (audioRef.current) {
+      audioRef.current.currentTime = newValue;
+      setCurrentTime(newValue);
+    }
+  }, []);
+  const handleVolumeChange = reactExports.useCallback(
+    (_2, newValue) => {
+      if (audioRef.current) {
+        const newVolume = newValue;
+        audioRef.current.volume = newVolume;
+        setVolume(newVolume);
+      }
+    },
+    []
+  );
+  const toggleMute = reactExports.useCallback(() => {
+    if (audioRef.current) {
+      const newVolume = volume > 0 ? 0 : 1;
+      audioRef.current.volume = newVolume;
+      setVolume(newVolume);
+    }
+  }, [volume]);
+  const handlePlaybackRateChange = reactExports.useCallback((rate) => {
+    if (audioRef.current) {
+      audioRef.current.playbackRate = rate;
+      setPlaybackRate(rate);
+    }
+    setAnchorEl(null);
+  }, []);
+  const formatTime2 = (time2) => {
+    if (Number.isNaN(time2) || time2 === 0) return "0:00";
+    const minutes = Math.floor(time2 / 60);
+    const seconds = Math.floor(time2 % 60);
+    return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+  };
+  const VolumeIcon = volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2;
+  if (hasError) {
+    const fileName = getFileNameFromPath(content2);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(InvalidAttachment, { file: fileName });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AudioPlayerContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      IconButton,
+      {
+        onClick: handlePlayPause,
+        disabled: isLoading || hasError,
+        size: "small",
+        children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress, { size: 20 }) : isPlaying ? /* @__PURE__ */ jsxRuntimeExports.jsx(CirclePause, { size: 20 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CirclePlay, { size: 20 })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TimeDisplay, { children: formatTime2(currentTime) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CustomSlider,
+      {
+        "aria-label": "time-indicator",
+        size: "small",
+        value: currentTime,
+        min: 0,
+        step: 1,
+        max: duration2,
+        onChange: handleSeek,
+        disabled: isLoading || hasError
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TimeDisplay, { children: formatTime2(duration2) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(VolumeControlContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { onClick: toggleMute, size: "small", disabled: hasError, children: /* @__PURE__ */ jsxRuntimeExports.jsx(VolumeIcon, { size: 16 }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CustomSlider,
+        {
+          "aria-label": "volume-control",
+          size: "small",
+          value: volume,
+          min: 0,
+          step: 0.1,
+          max: 1,
+          onChange: handleVolumeChange,
+          sx: { width: 70 },
+          disabled: hasError
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      IconButton,
+      {
+        onClick: (event) => setAnchorEl(event.currentTarget),
+        size: "small",
+        disabled: hasError,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(PlaybackRateButton, { children: [
+          playbackRate,
+          "x"
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Menu,
+      {
+        anchorEl,
+        open: Boolean(anchorEl),
+        onClose: () => setAnchorEl(null),
+        MenuListProps: {
+          sx: {
+            // @ts-ignore
+            backgroundColor: (theme2) => theme2.palette.background.paper
+          }
+        },
+        children: [0.5, 1, 1.5, 2].map((rate) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          MenuItem,
+          {
+            onClick: () => handlePlaybackRateChange(rate),
+            selected: playbackRate === rate,
+            children: [
+              rate,
+              "x"
+            ]
+          },
+          rate
+        ))
+      }
+    )
+  ] });
+});
+AudioAttachment.displayName = "AudioAttachment";
 function _objectWithoutProperties$i(e3, t2) {
   if (null == e3) return {};
   var o2, r2, i2 = _objectWithoutPropertiesLoose$k(e3, t2);
@@ -214544,8 +215061,8 @@ const FileActionsContainer$2 = styled$1(Box)({
   visibility: "hidden",
   transition: "opacity 0.2s ease, visibility 0.2s ease"
 });
-const PATH_SEPARATOR_REGEX$2 = /[/\\]/;
-const getFileName$2 = (path2) => {
+const PATH_SEPARATOR_REGEX$1 = /[/\\]/;
+const getFileName$1 = (path2) => {
   if (path2.startsWith("data:image/")) {
     const nameMatch = path2.match(RESOURCE_NAME_REGEX);
     if (nameMatch?.[1]) {
@@ -214568,7 +215085,7 @@ const getFileName$2 = (path2) => {
     }
     return "Pasted File";
   }
-  const parts = path2.split(PATH_SEPARATOR_REGEX$2);
+  const parts = path2.split(PATH_SEPARATOR_REGEX$1);
   return parts[parts.length - 1];
 };
 const FileAttachment = reactExports.memo(
@@ -214582,7 +215099,7 @@ const FileAttachment = reactExports.memo(
         if (!conversationCanvasState) return;
         const openTabs = conversationCanvasState.openTabs ?? [];
         const filesInState = conversationCanvasState.files ?? [];
-        const title = getFileName$2(file);
+        const title = getFileName$1(file);
         const normalizedPath2 = file.startsWith("file://") ? file.substring(7) : file;
         const docId = file.startsWith("data:") ? file : normalizedPath2;
         const isFileOpen = openTabs.some((tab2) => tab2.id === docId);
@@ -214630,7 +215147,7 @@ const FileAttachment = reactExports.memo(
       autoUpdateOpenFile();
     }, [file, conversationId]);
     const handleClick = reactExports.useCallback(async () => {
-      const title = getFileName$2(file);
+      const title = getFileName$1(file);
       const fallbackAction = (err) => {
         if (err) console.error("Error processing file:", err);
         onClick(file);
@@ -214727,7 +215244,7 @@ const FileAttachment = reactExports.memo(
       FileAttachmentContainer,
       {
         onClick: handleClick,
-        title: `Click to open ${getFileName$2(file)}`,
+        title: `Click to open ${getFileName$1(file)}`,
         sx: {
           padding: isPastedImage ? 0 : "8px 12px",
           height: isPastedImage ? "auto" : "auto",
@@ -214748,7 +215265,7 @@ const FileAttachment = reactExports.memo(
           }
         ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faFile, size: "sm" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(FileName, { variant: "body2", children: getFileName$2(file) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FileName, { variant: "body2", children: getFileName$1(file) }),
           isLocalFile && /* @__PURE__ */ jsxRuntimeExports.jsx(
             FileActionsContainer$2,
             {
@@ -214773,53 +215290,6 @@ const FileAttachment = reactExports.memo(
   }
 );
 FileAttachment.displayName = "FileAttachment";
-const InvalidAttachmentContainer = styled$1(Box)(({ theme: theme2 }) => ({
-  display: "flex",
-  alignItems: "center",
-  padding: "8px 12px",
-  marginTop: 8,
-  backgroundColor: alpha$1(
-    theme2.palette.mode === "dark" ? theme2.palette.warning.dark : theme2.palette.warning.light,
-    theme2.palette.mode === "dark" ? 0.05 : 0.05
-  ),
-  borderRadius: 8,
-  boxShadow: `0 1px 4px ${alpha$1(theme2.palette.common.black, theme2.palette.mode === "dark" ? 0.1 : 0.05)}`,
-  width: "fit-content",
-  maxWidth: "100%"
-}));
-const ErrorIcon = styled$1(Box)(({ theme: theme2 }) => ({
-  marginRight: 8,
-  color: theme2.palette.warning.main,
-  display: "flex",
-  alignItems: "center"
-}));
-const ErrorText = styled$1(Typography)({
-  fontSize: "0.85rem",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap",
-  maxWidth: "100%"
-});
-const PATH_SEPARATOR_REGEX$1 = /[/\\]/;
-const getFileName$1 = (path2) => {
-  const parts = path2.split(PATH_SEPARATOR_REGEX$1);
-  return parts[parts.length - 1];
-};
-const InvalidAttachment = ({ file }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    InvalidAttachmentContainer,
-    {
-      title: `File not viewable: ${getFileName$1(file)}`,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faExclamationCircle, size: "sm" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(ErrorText, { variant: "body2", children: [
-          getFileName$1(file),
-          " is not viewable (file may be incomplete, deleted, or moved)"
-        ] })
-      ]
-    }
-  );
-};
 const AttachmentImage = styled$1("img")(({ theme: theme2 }) => ({
   maxWidth: "100%",
   maxHeight: 200,
@@ -215302,16 +215772,32 @@ const isVideo$1 = (path2) => {
   const lowerPath = path2.toLowerCase();
   return videoExtensions.some((ext) => lowerPath.endsWith(ext));
 };
-const getAttachmentUrl$1 = (client, path2) => {
+const isAudio$1 = (path2) => {
+  const audioExtensions = [
+    ".mp3",
+    ".wav",
+    ".ogg",
+    ".aac",
+    ".flac",
+    ".m4a",
+    ".aiff"
+  ];
+  const lowerPath = path2.toLowerCase();
+  return audioExtensions.some((ext) => lowerPath.endsWith(ext));
+};
+const getAttachmentUrl$1 = (client2, path2) => {
   if (path2.startsWith("http")) {
     return path2;
   }
   const normalizedPath = path2.startsWith("file://") ? path2 : `file://${path2}`;
   if (isImage$1(path2)) {
-    return client.static.getImageUrl(normalizedPath);
+    return client2.static.getImageUrl(normalizedPath);
   }
   if (isVideo$1(path2)) {
-    return client.static.getVideoUrl(normalizedPath);
+    return client2.static.getVideoUrl(normalizedPath);
+  }
+  if (isAudio$1(path2)) {
+    return client2.static.getAudioUrl(normalizedPath);
   }
   return path2;
 };
@@ -215339,12 +215825,12 @@ const ActionBlock = ({
     e3.stopPropagation();
     setIsExpanded(false);
   };
-  const client = reactExports.useMemo(() => {
+  const client2 = reactExports.useMemo(() => {
     return createLocalOperatorClient(apiConfig.baseUrl);
   }, []);
   const getUrl2 = reactExports.useCallback(
-    (path2) => getAttachmentUrl$1(client, path2),
-    [client]
+    (path2) => getAttachmentUrl$1(client2, path2),
+    [client2]
   );
   const handleFileClick = reactExports.useCallback((filePath2) => {
     try {
@@ -215434,7 +215920,17 @@ const ActionBlock = ({
       },
       `${file}`
     )) }),
-    files && files.length > 0 && !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mt: 2 }, children: files.filter((file) => !isImage$1(file) && !isVideo$1(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    files && files.length > 0 && !isLoading && files.some((file) => isAudio$1(file)) && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: files.filter((file) => isAudio$1(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      AudioAttachment,
+      {
+        content: getUrl2(file),
+        isUser
+      },
+      `${file}`
+    )) }),
+    files && files.length > 0 && !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mt: 2 }, children: files.filter(
+      (file) => !isImage$1(file) && !isVideo$1(file) && !isAudio$1(file)
+    ).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       FileAttachment,
       {
         file,
@@ -215571,6 +216067,109 @@ const ExpandableThinkingContent = ({
   ] });
 };
 ExpandableThinkingContent.displayName = "ExpandableThinkingContent";
+const client = createLocalOperatorClient(apiConfig.baseUrl);
+const useSpeechStore = create$3(
+  (set2, get2) => ({
+    audioCache: /* @__PURE__ */ new Map(),
+    loadingMessageId: null,
+    playingMessageId: null,
+    error: null,
+    audioElement: null,
+    playSpeech: async (messageId, agentId, inputText) => {
+      const { audioCache, stopSpeech } = get2();
+      stopSpeech();
+      set2({ loadingMessageId: messageId, error: null });
+      try {
+        let audioBlob = audioCache.get(messageId);
+        if (!audioBlob) {
+          audioBlob = await client.speech.createForAgent(agentId, {
+            input_text: inputText
+          });
+          if (audioBlob) {
+            set2((state2) => ({
+              audioCache: new Map(state2.audioCache).set(
+                messageId,
+                audioBlob
+              )
+            }));
+          }
+        }
+        if (!audioBlob) {
+          throw new Error("Speech generation failed, no audio data received.");
+        }
+        const audioUrl = URL.createObjectURL(audioBlob);
+        const audioElement = new Audio(audioUrl);
+        audioElement.onended = () => {
+          set2({ playingMessageId: null, audioElement: null });
+          URL.revokeObjectURL(audioUrl);
+        };
+        audioElement.onerror = () => {
+          set2({
+            error: "Error playing audio.",
+            playingMessageId: null,
+            audioElement: null
+          });
+          URL.revokeObjectURL(audioUrl);
+        };
+        await audioElement.play();
+        set2({
+          playingMessageId: messageId,
+          loadingMessageId: null,
+          audioElement
+        });
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to generate speech";
+        set2({ error: errorMessage, loadingMessageId: null });
+      }
+    },
+    stopSpeech: () => {
+      const { audioElement, playingMessageId } = get2();
+      if (audioElement) {
+        audioElement.pause();
+        audioElement.onended = null;
+        audioElement.onerror = null;
+        if (playingMessageId) {
+          const audioBlob = get2().audioCache.get(playingMessageId);
+          if (audioBlob) {
+            const audioUrl = URL.createObjectURL(audioBlob);
+            URL.revokeObjectURL(audioUrl);
+          }
+        }
+        set2({ playingMessageId: null, audioElement: null });
+      }
+    },
+    replaySpeech: async (messageId) => {
+      const { audioCache, stopSpeech } = get2();
+      const audioBlob = audioCache.get(messageId);
+      stopSpeech();
+      if (audioBlob) {
+        try {
+          const audioUrl = URL.createObjectURL(audioBlob);
+          const audioElement = new Audio(audioUrl);
+          audioElement.onended = () => {
+            set2({ playingMessageId: null, audioElement: null });
+            URL.revokeObjectURL(audioUrl);
+          };
+          audioElement.onerror = () => {
+            set2({
+              error: "Error playing audio.",
+              playingMessageId: null,
+              audioElement: null
+            });
+            URL.revokeObjectURL(audioUrl);
+          };
+          await audioElement.play();
+          set2({ playingMessageId: messageId, audioElement });
+        } catch (err) {
+          const errorMessage = err instanceof Error ? err.message : "Failed to replay speech";
+          set2({ error: errorMessage, playingMessageId: null });
+        }
+      } else {
+        set2({ error: "No audio to replay for this message." });
+      }
+    }
+  })
+);
 const ControlsContainer = styled$1(Box, {
   shouldForwardProp: (prop) => prop !== "isUser"
 })(({ isUser }) => ({
@@ -215585,11 +216184,11 @@ const ControlsContainer = styled$1(Box, {
   transition: "opacity 0.2s ease-in-out",
   zIndex: 1
 }));
-const ControlsWrapper = styled$1(Box)(() => ({
+const ControlsWrapper$1 = styled$1(Box)(() => ({
   display: "flex",
   alignItems: "flex-start"
 }));
-const StyledIconButton = styled$1(IconButton)(({ theme: theme2 }) => ({
+const StyledIconButton$1 = styled$1(IconButton)(({ theme: theme2 }) => ({
   color: theme2.palette.text.secondary,
   width: "34px",
   height: "34px",
@@ -215601,9 +216200,31 @@ const StyledIconButton = styled$1(IconButton)(({ theme: theme2 }) => ({
 const MessageControls = ({
   isUser,
   content: content2,
-  sx
+  sx,
+  messageId,
+  agentId
 }) => {
   const [copied, setCopied] = reactExports.useState(false);
+  const { data: credentialsData, isLoading: isLoadingCredentials } = useCredentials();
+  const {
+    playSpeech,
+    stopSpeech,
+    replaySpeech,
+    loadingMessageId,
+    playingMessageId,
+    audioCache
+  } = useSpeechStore();
+  const isPlaying = playingMessageId === messageId;
+  const isLoading = loadingMessageId === messageId;
+  const hasAudio = audioCache.has(messageId);
+  const isRadientApiKeyConfigured = reactExports.useMemo(
+    () => credentialsData?.keys?.includes("RADIENT_API_KEY"),
+    [credentialsData?.keys]
+  );
+  const canEnableSpeechFeature = reactExports.useMemo(
+    () => isRadientApiKeyConfigured && !isLoadingCredentials,
+    [isRadientApiKeyConfigured, isLoadingCredentials]
+  );
   const showCopyButton = content2;
   const handleCopy = async () => {
     try {
@@ -215616,7 +216237,36 @@ const MessageControls = ({
       console.error("Failed to copy text:", error);
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ControlsContainer, { isUser, className: "message-controls", sx, children: showCopyButton && /* @__PURE__ */ jsxRuntimeExports.jsx(ControlsWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: copied ? "Copied!" : "Copy message", placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconButton, { size: "small", onClick: handleCopy, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 16 }) }) }) }) });
+  const handlePlay = () => {
+    if (agentId && content2) {
+      playSpeech(messageId, agentId, content2);
+    }
+  };
+  const handleReplay = () => {
+    replaySpeech(messageId);
+  };
+  const handleStop = () => {
+    stopSpeech();
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ControlsContainer, { isUser, className: "message-controls", sx, children: showCopyButton && /* @__PURE__ */ jsxRuntimeExports.jsxs(ControlsWrapper$1, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: copied ? "Copied!" : "Copy message", placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconButton$1, { size: "small", onClick: handleCopy, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 16 }) }) }),
+    !isUser && (isPlaying ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Stop", placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconButton$1, { size: "small", onClick: handleStop, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Square, { size: 16 }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Tooltip$1,
+      {
+        title: !canEnableSpeechFeature ? "Sign in to Radient in the settings page to enable text to speech" : isLoading ? "Loading" : hasAudio ? "Replay Speech" : "Speak Aloud",
+        placement: "top",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StyledIconButton$1,
+          {
+            size: "small",
+            onClick: hasAudio ? handleReplay : handlePlay,
+            disabled: isLoading || !canEnableSpeechFeature,
+            children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Volume2, { size: 16 })
+          }
+        ) })
+      }
+    ))
+  ] }) });
 };
 const formatMessageDateTime = (dateTimeString) => {
   if (!dateTimeString) return "";
@@ -216029,6 +216679,142 @@ const StreamingMessage = ({
   );
 };
 StreamingMessage.displayName = "StreamingMessage";
+const ControlsWrapper = styled$1(Box)(({ theme: theme2 }) => ({
+  position: "absolute",
+  backgroundColor: theme2.palette.background.paper,
+  borderRadius: "4px",
+  boxShadow: theme2.shadows[3],
+  zIndex: 10,
+  padding: 4,
+  border: `1px solid ${theme2.palette.divider}`
+}));
+const StyledIconButton = styled$1(IconButton)(({ theme: theme2 }) => ({
+  color: theme2.palette.text.secondary,
+  width: "34px",
+  height: "34px",
+  padding: 0,
+  margin: 0,
+  "&:hover": {
+    color: theme2.palette.primary.main,
+    backgroundColor: alpha$1(theme2.palette.primary.main, 0.1)
+  }
+}));
+const TextSelectionControls = ({
+  agentId,
+  targetRef,
+  isUser
+}) => {
+  const [selection2, setSelection] = reactExports.useState({ text: "", html: "", rect: null });
+  const { playSpeech, stopSpeech, loadingMessageId, playingMessageId } = useSpeechStore();
+  const { data: credentialsData, isLoading: isLoadingCredentials } = useCredentials();
+  const isRadientApiKeyConfigured = reactExports.useMemo(
+    () => credentialsData?.keys?.includes("RADIENT_API_KEY"),
+    [credentialsData?.keys]
+  );
+  const canEnableSpeechFeature = reactExports.useMemo(
+    () => isRadientApiKeyConfigured && !isLoadingCredentials,
+    [isRadientApiKeyConfigured, isLoadingCredentials]
+  );
+  const [currentSelectionId, setCurrentSelectionId] = reactExports.useState(
+    null
+  );
+  const isPlaying = playingMessageId && playingMessageId === currentSelectionId;
+  const isLoading = loadingMessageId && loadingMessageId === currentSelectionId;
+  const handleMouseUp = reactExports.useCallback(() => {
+    if (!targetRef.current) {
+      setSelection({ text: "", html: "", rect: null });
+      return;
+    }
+    const sel = window.getSelection();
+    if (sel && sel.rangeCount > 0 && !sel.isCollapsed && targetRef.current.contains(sel.anchorNode)) {
+      const range3 = sel.getRangeAt(0);
+      const rect2 = range3.getBoundingClientRect();
+      const text4 = sel.toString().trim();
+      const container = document.createElement("div");
+      container.appendChild(range3.cloneContents());
+      const html2 = container.innerHTML;
+      if (text4) {
+        setSelection({ text: text4, html: html2, rect: rect2 });
+      } else {
+        setSelection({ text: "", html: "", rect: null });
+      }
+    } else {
+      setSelection({ text: "", html: "", rect: null });
+    }
+  }, [targetRef]);
+  reactExports.useEffect(() => {
+    const handleMouseUpEvent = () => {
+      setTimeout(handleMouseUp, 0);
+    };
+    document.addEventListener("mouseup", handleMouseUpEvent);
+    return () => {
+      document.removeEventListener("mouseup", handleMouseUpEvent);
+    };
+  }, [handleMouseUp]);
+  const handlePlay = () => {
+    if (agentId && selection2.text) {
+      const newSelectionId = v4();
+      setCurrentSelectionId(newSelectionId);
+      playSpeech(newSelectionId, agentId, selection2.text);
+    }
+  };
+  const handleStop = () => {
+    stopSpeech();
+  };
+  const handleCopy = () => {
+    if (selection2.html) {
+      const htmlBlob = new Blob([selection2.html], { type: "text/html" });
+      const textBlob = new Blob([selection2.text], { type: "text/plain" });
+      const item = new ClipboardItem({
+        "text/html": htmlBlob,
+        "text/plain": textBlob
+      });
+      navigator.clipboard.write([item]).finally(() => {
+        setSelection({ text: "", html: "", rect: null });
+      });
+    } else {
+      handleCopyWithoutFormatting();
+    }
+  };
+  const handleCopyWithoutFormatting = () => {
+    if (selection2.text) {
+      navigator.clipboard.writeText(selection2.text).finally(() => {
+        setSelection({ text: "", html: "", rect: null });
+      });
+    }
+  };
+  if (!selection2.rect || !selection2.text || isUser) {
+    return null;
+  }
+  const containerRect = targetRef.current?.getBoundingClientRect();
+  if (!containerRect) return null;
+  const style2 = {
+    top: selection2.rect.top - containerRect.top - 52,
+    // Position above selection
+    left: selection2.rect.left - containerRect.left
+    // Align with the left of the selection
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ControlsWrapper, { style: style2, onMouseDown: (e3) => e3.preventDefault(), children: [
+    isPlaying ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Stop", placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconButton, { size: "small", onClick: handleStop, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Square, { size: 14 }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Tooltip$1,
+      {
+        title: isLoading ? "Loading" : !canEnableSpeechFeature ? "Sign in to Radient in the settings page to enable text to speech" : "Speak Aloud",
+        placement: "top",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StyledIconButton,
+          {
+            size: "small",
+            onClick: handlePlay,
+            disabled: isLoading || !agentId || !canEnableSpeechFeature,
+            children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Volume2, { size: 14 })
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Copy", placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconButton, { size: "small", onClick: handleCopy, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { size: 14 }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Copy without formatting", placement: "top", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconButton, { size: "small", onClick: handleCopyWithoutFormatting, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ClipboardCopy, { size: 14 }) }) })
+  ] });
+};
 const StyledPaper$1 = styled$1(Paper)(({ theme: theme2 }) => ({
   [theme2.breakpoints.down("sm")]: {
     maxWidth: "85%"
@@ -216055,9 +216841,11 @@ const MessagePaper = ({
   message: message2,
   onMessageComplete,
   isLastMessage,
-  isJobRunning
+  isJobRunning,
+  agentId
 }) => {
   const theme2 = useTheme$2();
+  const messageContentRef = reactExports.useRef(null);
   if (isUser) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Box,
@@ -216082,10 +216870,18 @@ const MessagePaper = ({
                 boxShadow: theme2.palette.userMessage.shadow,
                 color: theme2.palette.text.primary
               },
-              children: children2
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { ref: messageContentRef, sx: { position: "relative" }, children: children2 })
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(MessageControls, { isUser, content: content2 })
+          message2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            MessageControls,
+            {
+              isUser,
+              content: content2,
+              messageId: message2.id,
+              agentId
+            }
+          )
         ]
       }
     );
@@ -216168,7 +216964,7 @@ const MessagePaper = ({
   }, []);
   const regularMessageComponents = reactExports.useMemo(() => {
     if (isStreamable && isJobRunning || !message2) return null;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: messageStyles, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: messageStyles, ref: messageContentRef, children: [
       message2.thinking && !isUser && /* @__PURE__ */ jsxRuntimeExports.jsx(
         ExpandableThinkingContent,
         {
@@ -216178,7 +216974,16 @@ const MessagePaper = ({
           onCollapse: handleThinkingCollapse
         }
       ),
-      filteredChildren
+      filteredChildren,
+      message2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TextSelectionControls,
+        {
+          messageId: message2.id,
+          agentId,
+          targetRef: messageContentRef,
+          isUser
+        }
+      )
     ] });
   }, [
     isStreamable,
@@ -216190,8 +216995,9 @@ const MessagePaper = ({
     isThinkingExpanded,
     handleThinkingExpand,
     // Added
-    handleThinkingCollapse
+    handleThinkingCollapse,
     // Added
+    agentId
   ]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Box,
@@ -216222,11 +217028,13 @@ const MessagePaper = ({
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        message2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
           MessageControls,
           {
             isUser,
             content: content2,
+            messageId: message2.id,
+            agentId,
             sx: {
               // When streaming, force opacity 0 and disable pointer events.
               // This inline style for opacity will override the parent's hover rule.
@@ -216332,16 +217140,32 @@ const isVideo = (path2) => {
   const lowerPath = path2.toLowerCase();
   return videoExtensions.some((ext) => lowerPath.endsWith(ext));
 };
-const getAttachmentUrl = (client, path2) => {
+const isAudio = (path2) => {
+  const audioExtensions = [
+    ".mp3",
+    ".wav",
+    ".ogg",
+    ".aac",
+    ".flac",
+    ".m4a",
+    ".aiff"
+  ];
+  const lowerPath = path2.toLowerCase();
+  return audioExtensions.some((ext) => lowerPath.endsWith(ext));
+};
+const getAttachmentUrl = (client2, path2) => {
   if (path2.startsWith("http")) {
     return path2;
   }
   const normalizedPath = path2.startsWith("file://") ? path2 : `file://${path2}`;
   if (isImage(path2)) {
-    return client.static.getImageUrl(normalizedPath);
+    return client2.static.getImageUrl(normalizedPath);
   }
   if (isVideo(path2)) {
-    return client.static.getVideoUrl(normalizedPath);
+    return client2.static.getVideoUrl(normalizedPath);
+  }
+  if (isAudio(path2)) {
+    return client2.static.getAudioUrl(normalizedPath);
   }
   return path2;
 };
@@ -216381,12 +217205,12 @@ const MessageItem = reactExports.memo(
         }
       }
     }, [message2.files, conversationId, addMentionedFilesBatch]);
-    const client = reactExports.useMemo(() => {
+    const client2 = reactExports.useMemo(() => {
       return createLocalOperatorClient(apiConfig.baseUrl);
     }, []);
     const getUrl2 = reactExports.useCallback(
-      (path2) => getAttachmentUrl(client, path2),
-      [client]
+      (path2) => getAttachmentUrl(client2, path2),
+      [client2]
     );
     const handleFileClick = reactExports.useCallback(async (filePath) => {
       try {
@@ -216424,6 +217248,7 @@ const MessageItem = reactExports.memo(
             onMessageComplete,
             isLastMessage: isLastMessage ?? false,
             isJobRunning: !!currentExecution,
+            agentId: conversationId,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               ActionBlock,
               {
@@ -216458,6 +217283,7 @@ const MessageItem = reactExports.memo(
           onMessageComplete,
           isLastMessage: isLastMessage ?? false,
           isJobRunning: !!currentExecution,
+          agentId: conversationId,
           children: [
             message2.files && message2.files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: message2.files.filter((file) => isImage(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
               ImageAttachment,
@@ -216521,6 +217347,7 @@ const MessageItem = reactExports.memo(
           onMessageComplete,
           isLastMessage: isLastMessage ?? false,
           isJobRunning: !!currentExecution,
+          agentId: conversationId,
           children: [
             message2.files && message2.files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: message2.files.filter((file) => isImage(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
               ImageAttachment,
@@ -216542,6 +217369,14 @@ const MessageItem = reactExports.memo(
               },
               `${message2.id}-${file}`
             )) }),
+            message2.files && message2.files.length > 0 && message2.files.some((file) => isAudio(file)) && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mb: 2 }, children: message2.files.filter((file) => isAudio(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+              AudioAttachment,
+              {
+                content: getUrl2(file),
+                isUser
+              },
+              `${message2.id}-${file}`
+            )) }),
             message2.message && !(message2.is_streamable && !message2.is_complete) && /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { content: message2.message, isUser }),
             (() => {
               const hasCollapsibleContent = isAction2 && (message2.code || message2.stdout || message2.stderr || message2.logging);
@@ -216563,7 +217398,9 @@ const MessageItem = reactExports.memo(
               }
               return contentBlocks;
             })(),
-            message2.files && message2.files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mt: 2 }, children: message2.files.filter((file) => !isImage(file) && !isVideo(file)).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            message2.files && message2.files.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { mt: 2 }, children: message2.files.filter(
+              (file) => !isImage(file) && !isVideo(file) && !isAudio(file)
+            ).map((file) => /* @__PURE__ */ jsxRuntimeExports.jsx(
               FileAttachment,
               {
                 file,