local-operator-ui 0.10.9 → 0.11.1

package/out/renderer/assets/{index-DnSZJXOl.js → index-CrpWKqP4.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-JQ7XEBgh.js","./fonts-Bb3Axuvj.js","./fonts-B9KBGB-g.css","./index-B1kgBLxO.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-BsxbY4uX.js","./graph-U8n0FRxu.js","./_baseUniq-BBOEV9y0.js","./layout-B7mvVV0Q.js","./_basePickBy-r5hhhokw.js","./clone-BAOF7mPn.js","./c4Diagram-VJAJSXHY-C36lbIjS.js","./chunk-D6G4REZN-D6XUL9LI.js","./flowDiagram-4HSFHLVR-BTDwdXoq.js","./chunk-RZ5BOZE2-D6JxF993.js","./channel-RymPaL1a.js","./erDiagram-Q7BY3M3F-Ccs7n14X.js","./gitGraphDiagram-7IBYFJ6S-BrsAP7d3.js","./chunk-4BMEZGHF-hetp-v-b.js","./chunk-XZIHB7SX--AwbJm2E.js","./radar-MK3ICKWK-D4mwq75I.js","./ganttDiagram-APWFNJXF-BsHcmVQL.js","./infoDiagram-PH2N3AL5-CeBCRQ-r.js","./pieDiagram-IB7DONF6-CwHy1pe3.js","./arc-Clqwk4k6.js","./quadrantDiagram-7GDLP6J5-DteRiyWH.js","./xychartDiagram-VJFVF3MP-DjE9t7Qo.js","./requirementDiagram-KVF5MWMF-Cjtft40u.js","./sequenceDiagram-X6HHIX6F-CMUs0WWj.js","./classDiagram-GIVACNV2-vtFcXgAr.js","./chunk-A2AXSNBT-RJ03JkZb.js","./classDiagram-v2-COTLJTTW-vtFcXgAr.js","./stateDiagram-DGXRK772-JkRRAJkE.js","./chunk-AEK57VVT-DC5ye4z8.js","./stateDiagram-v2-YXO3MK2T-DhB-86w-.js","./journeyDiagram-U35MCT3I-CFEflF1X.js","./timeline-definition-BDJGKUSR-DmImWV1j.js","./mindmap-definition-ALO5MXBD-DuRohiYz.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-lJsLyjEH.js","./sankeyDiagram-QLVOVGJD-DQ_oTubV.js","./diagram-VNBRO52H-CU_0csUZ.js","./diagram-SSKATNLV-Cc6v1RBI.js","./blockDiagram-JOT3LUYC-B1Up6r6-.js","./architectureDiagram-IEHRJDOE-Bx8X697l.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-Br4QkH4P.js","./fonts-BuD2eBgu.js","./fonts-B9KBGB-g.css","./index-B2mf6FAB.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-ibCOzp8h.js","./graph-BrJ54X2m.js","./_baseUniq-X7Vro_wh.js","./layout-hum_lC_u.js","./_basePickBy-D7-oSnE5.js","./clone-BCPfPeR9.js","./c4Diagram-VJAJSXHY-Dx-AuScK.js","./chunk-D6G4REZN-B3sTI3Jm.js","./flowDiagram-4HSFHLVR-DygsQ6re.js","./chunk-RZ5BOZE2-75TNXCaI.js","./channel-DI0Un_qP.js","./erDiagram-Q7BY3M3F-CBixsMqH.js","./gitGraphDiagram-7IBYFJ6S-BOlHobgq.js","./chunk-4BMEZGHF-DU1gGN2t.js","./chunk-XZIHB7SX-w_rKBzke.js","./radar-MK3ICKWK-Dgp3NTDC.js","./ganttDiagram-APWFNJXF-DKBtpWjh.js","./infoDiagram-PH2N3AL5-D9LWZKUq.js","./pieDiagram-IB7DONF6-QgaDuIyL.js","./arc-7P79Je3V.js","./quadrantDiagram-7GDLP6J5-D4VYcpj4.js","./xychartDiagram-VJFVF3MP-C3unJ9Bl.js","./requirementDiagram-KVF5MWMF-BCnRxDQW.js","./sequenceDiagram-X6HHIX6F-Bc6U0Afr.js","./classDiagram-GIVACNV2-Cnd4tPRq.js","./chunk-A2AXSNBT-KLrIrrqO.js","./classDiagram-v2-COTLJTTW-Cnd4tPRq.js","./stateDiagram-DGXRK772-DXpv_6Ah.js","./chunk-AEK57VVT-F_Lp1sht.js","./stateDiagram-v2-YXO3MK2T-DAAuA7TF.js","./journeyDiagram-U35MCT3I-CIFZcgcz.js","./timeline-definition-BDJGKUSR-DmQu0qcd.js","./mindmap-definition-ALO5MXBD-phUqi7B-.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-C3xzGEKO.js","./sankeyDiagram-QLVOVGJD-Yu0_0k4N.js","./diagram-VNBRO52H-C4EHouH3.js","./diagram-SSKATNLV-DZ_28qLH.js","./blockDiagram-JOT3LUYC-CULzoKmb.js","./architectureDiagram-IEHRJDOE-ff35K764.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,160 +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 = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", key: "1ssd4o" }]
+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 CircleStop = createLucideIcon("circle-stop", __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",
@@ -36267,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",
@@ -36344,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",
     {
@@ -36386,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" }],
@@ -36452,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",
     {
@@ -36520,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",
     {
@@ -36536,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",
     {
@@ -36554,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",
     {
@@ -36571,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",
     {
@@ -36587,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" }],
   [
@@ -36617,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",
     {
@@ -36671,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",
     {
@@ -36702,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" }],
@@ -36817,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",
@@ -36841,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",
@@ -36883,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",
     {
@@ -36899,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",
     {
@@ -36916,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",
     {
@@ -36955,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",
     {
@@ -36984,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" }],
@@ -37017,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",
     {
@@ -37045,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",
     {
@@ -37075,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" }],
   [
@@ -37093,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",
@@ -37110,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",
     {
@@ -37138,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" }],
@@ -37158,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",
     {
@@ -37175,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
  *
@@ -37387,6 +37528,22 @@ const ConfirmationModal = ({
   onConfirm,
   onCancel
 }) => {
+  reactExports.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (!open2) {
+        return;
+      }
+      if (event.key === "Enter") {
+        onConfirm();
+      } else if (event.key === "Escape") {
+        onCancel();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open2, onConfirm, onCancel]);
   const dialogTitle = isDangerous ? /* @__PURE__ */ jsxRuntimeExports.jsxs(TitleContainer, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(WarningIcon, { icon: faExclamationTriangle }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", component: "span", color: "error", children: title })
@@ -38424,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"
@@ -38446,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
         );
@@ -38565,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");
         }
@@ -38830,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({
@@ -38934,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
@@ -39125,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"
@@ -39310,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(
@@ -39327,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"
         );
@@ -39354,7 +39511,7 @@ const useJobPolling = ({
       }
     },
     [
-      client.jobs,
+      client2.jobs,
       currentJobId,
       shouldEnableQuery,
       getConnectivityError,
@@ -39378,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"
             );
@@ -39408,7 +39565,7 @@ const useJobPolling = ({
     previousConversationIdRef.current = conversationId;
   }, [
     conversationId,
-    client.jobs,
+    client2.jobs,
     shouldEnableQuery,
     getConnectivityError,
     setCurrentJobId
@@ -39427,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
@@ -39513,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;
@@ -41009,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");
         }
@@ -41817,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
@@ -41898,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
@@ -42212,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;
         }
@@ -42235,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}`
@@ -42285,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");
         }
@@ -42333,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");
         }
@@ -87055,7 +87212,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return __vitePreload(() => import("./index-JQ7XEBgh.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
+      return __vitePreload(() => import("./index-Br4QkH4P.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -87232,7 +87389,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return __vitePreload(() => import("./index-B1kgBLxO.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
+      return __vitePreload(() => import("./index-B2mf6FAB.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -126616,13 +126773,14 @@ const CodeEditor = ({ document: document2 }) => {
   const [languageExtensions, setLanguageExtensions] = reactExports.useState([]);
   const theme2 = useTheme$2();
   reactExports.useEffect(() => {
-    if (document2.id !== value?.id) {
+    if (document2.id !== value?.id || document2.content !== value?.content) {
       setValue(document2);
       const newLangExtension = loadLanguageExtensions(document2.title);
-      if (!newLangExtension) return;
-      setLanguageExtensions([newLangExtension]);
+      if (newLangExtension) {
+        setLanguageExtensions([newLangExtension]);
+      }
     }
-  }, [document2, value?.id]);
+  }, [document2, value?.id, value?.content]);
   const codeEditorTheme = theme2.palette.mode === "light" ? basicLight : basicDark;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Box,
@@ -126677,7 +126835,8 @@ const HtmlPreview = ({ document: document2 }) => {
       src: htmlUrl,
       title: `HTML Preview: ${document2.title}`,
       sandbox: "allow-scripts allow-same-origin allow-forms"
-    }
+    },
+    document2.content
   ) });
 };
 const search = /[#.]/g;
@@ -169671,7 +169830,7 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-OKDRZEBW-BsxbY4uX.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-ibCOzp8h.js"), true ? __vite__mapDeps([6,7,8,9,10,11,1,2]) : void 0, import.meta.url), "loader")
     }
   ]);
 }, "registerDefaultLayoutLoaders");
@@ -170261,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-C36lbIjS.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-VJAJSXHY-Dx-AuScK.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([12,13,1,2]) : void 0, import.meta.url);
   return { id, diagram: diagram2 };
@@ -170281,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-BTDwdXoq.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-DygsQ6re.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id2, diagram: diagram2 };
@@ -170307,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-BTDwdXoq.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-DygsQ6re.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id3, diagram: diagram2 };
@@ -170324,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-Ccs7n14X.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q7BY3M3F-CBixsMqH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([17,15,16,1,2]) : void 0, import.meta.url);
   return { id: id4, diagram: diagram2 };
@@ -170341,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-BrsAP7d3.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-7IBYFJ6S-BOlHobgq.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 };
@@ -170358,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-BsHcmVQL.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-APWFNJXF-DKBtpWjh.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([22,1,2]) : void 0, import.meta.url);
   return { id: id6, diagram: diagram2 };
@@ -170375,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-CeBCRQ-r.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-PH2N3AL5-D9LWZKUq.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([23,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id7, diagram: diagram2 };
@@ -170391,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-CwHy1pe3.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-IB7DONF6-QgaDuIyL.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 };
@@ -170407,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-DteRiyWH.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-7GDLP6J5-D4VYcpj4.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([26,1,2]) : void 0, import.meta.url);
   return { id: id9, diagram: diagram2 };
@@ -170424,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-DjE9t7Qo.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-VJFVF3MP-C3unJ9Bl.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([27,1,2]) : void 0, import.meta.url);
   return { id: id10, diagram: diagram2 };
@@ -170441,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-Cjtft40u.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-KVF5MWMF-BCnRxDQW.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,15,1,2]) : void 0, import.meta.url);
   return { id: id11, diagram: diagram2 };
@@ -170458,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-CMUs0WWj.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-X6HHIX6F-Bc6U0Afr.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,13,20,1,2]) : void 0, import.meta.url);
   return { id: id12, diagram: diagram2 };
@@ -170478,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-vtFcXgAr.js");
+    const { diagram: diagram22 } = await import("./classDiagram-GIVACNV2-Cnd4tPRq.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,31,15,1,2]) : void 0, import.meta.url);
   return { id: id13, diagram: diagram2 };
@@ -170498,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-vtFcXgAr.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-COTLJTTW-Cnd4tPRq.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,31,15,1,2]) : void 0, import.meta.url);
   return { id: id14, diagram: diagram2 };
@@ -170518,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-JkRRAJkE.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-DGXRK772-DXpv_6Ah.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 };
@@ -170541,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-DhB-86w-.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-YXO3MK2T-DAAuA7TF.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,34,15,1,2]) : void 0, import.meta.url);
   return { id: id16, diagram: diagram2 };
@@ -170558,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-CFEflF1X.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-U35MCT3I-CIFZcgcz.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([36,13,25,1,2]) : void 0, import.meta.url);
   return { id: id17, diagram: diagram2 };
@@ -170628,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-BTDwdXoq.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-DygsQ6re.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id18, diagram: diagram2 };
@@ -170645,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-DmImWV1j.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-BDJGKUSR-DmQu0qcd.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,25,1,2]) : void 0, import.meta.url);
   return { id: id19, diagram: diagram2 };
@@ -170662,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-DuRohiYz.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-ALO5MXBD-phUqi7B-.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,39,1,2]) : void 0, import.meta.url);
   return { id: id20, diagram: diagram2 };
@@ -170679,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-lJsLyjEH.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-NDS4AKOZ-C3xzGEKO.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,1,2]) : void 0, import.meta.url);
   return { id: id21, diagram: diagram2 };
@@ -170696,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-DQ_oTubV.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-QLVOVGJD-Yu0_0k4N.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,1,2]) : void 0, import.meta.url);
   return { id: id22, diagram: diagram2 };
@@ -170713,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-CU_0csUZ.js");
+    const { diagram: diagram22 } = await import("./diagram-VNBRO52H-C4EHouH3.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 };
@@ -170729,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-Cc6v1RBI.js");
+    const { diagram: diagram22 } = await import("./diagram-SSKATNLV-DZ_28qLH.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 };
@@ -170745,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-B1Up6r6-.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-JOT3LUYC-CULzoKmb.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,11,8,7,16,1,2]) : void 0, import.meta.url);
   return { id: id25, diagram: diagram2 };
@@ -170762,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-Bx8X697l.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-IEHRJDOE-ff35K764.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 };
@@ -172233,10 +172392,51 @@ const CanvasContentComponent = ({ document: document2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CodeEditor, { document: document2 });
 };
 const CanvasContent = reactExports.memo(CanvasContentComponent);
+const getFileTypeFromPath = (filePath) => {
+  if (filePath.startsWith("data:image/")) return "image";
+  if (filePath.startsWith("data:video/")) return "video";
+  if (filePath.startsWith("data:application/pdf")) return "pdf";
+  const extension2 = filePath.split(".").pop()?.toLowerCase();
+  if (!extension2) return "other";
+  if (["png", "jpg", "jpeg", "gif", "bmp", "webp", "svg"].includes(extension2))
+    return "image";
+  if (["mp4", "webm", "ogg", "mov", "avi", "mkv"].includes(extension2))
+    return "video";
+  if (["pdf"].includes(extension2)) return "pdf";
+  if (["md", "markdown"].includes(extension2)) return "markdown";
+  if (["html", "htm"].includes(extension2)) return "html";
+  if (["zip", "tar", "gz", "rar", "7z"].includes(extension2)) return "archive";
+  if (["txt", "log", "csv", "json", "xml", "yaml", "yml"].includes(extension2))
+    return "text";
+  if ([
+    "js",
+    "ts",
+    "jsx",
+    "tsx",
+    "py",
+    "java",
+    "c",
+    "cpp",
+    "cs",
+    "go",
+    "rb",
+    "php",
+    "sh",
+    "css",
+    "scss",
+    "less"
+  ].includes(extension2))
+    return "code";
+  if (["doc", "docx", "odt"].includes(extension2)) return "document";
+  if (["xls", "xlsx", "ods"].includes(extension2)) return "spreadsheet";
+  if (["ppt", "pptx", "odp"].includes(extension2)) return "presentation";
+  if (["mp3", "wav", "aac", "flac"].includes(extension2)) return "audio";
+  return "other";
+};
 const RESOURCE_NAME_REGEX$2 = /name=([^;,]+)/;
 const PATH_SEPARATOR_REGEX$5 = /[/\\]/;
 const DATA_URI_REGEX = /^data:([^;,]+)/;
-const getFileName$4 = (path2) => {
+const getFileName$3 = (path2) => {
   if (path2.startsWith("data:image/")) {
     const nameMatch = path2.match(RESOURCE_NAME_REGEX$2);
     if (nameMatch?.[1]) {
@@ -172348,6 +172548,18 @@ const FileActionsMenu = ({
   const handleCloseMenu = () => {
     setAnchorEl(null);
   };
+  const handleCopyFilePath = async () => {
+    handleCloseMenu();
+    if (filePath) {
+      try {
+        await navigator.clipboard.writeText(filePath);
+        showSuccessToast("File path copied to clipboard");
+      } catch (err) {
+        console.error("Failed to copy file path: ", err);
+        showErrorToast("Failed to copy file path");
+      }
+    }
+  };
   const handleOpenFile = () => {
     handleCloseMenu();
     if (filePath) {
@@ -172398,7 +172610,11 @@ const FileActionsMenu = ({
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Open Folder" })
               ]
             }
-          )
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledMenuItem$2, { onClick: handleCopyFilePath, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ClipboardCopy, { "aria-label": "Copy File Path" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Copy File Path" })
+          ] })
         ]
       }
     )
@@ -172482,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;
   }
@@ -172491,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;
 };
@@ -172537,13 +172753,25 @@ const CanvasFileViewer = ({
   const setFiles = useCanvasStore((s2) => s2.setFiles);
   const setOpenTabs = useCanvasStore((s2) => s2.setOpenTabs);
   const setSelectedTab = useCanvasStore((s2) => s2.setSelectedTab);
-  const memoizedFiles = reactExports.useMemo(() => files, [files]);
-  const client = reactExports.useMemo(() => {
+  const memoizedFiles = reactExports.useMemo(() => {
+    const filesByBaseName = files.reduce(
+      (acc, file) => {
+        const name2 = getFileName$3(file.path);
+        if (!acc[name2] || file.path.length > acc[name2].path.length) {
+          acc[name2] = file;
+        }
+        return acc;
+      },
+      {}
+    );
+    return Object.values(filesByBaseName);
+  }, [files]);
+  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) => {
@@ -172571,8 +172799,9 @@ const CanvasFileViewer = ({
             title,
             path: docId,
             // Store data URI as path for consistency if needed
-            content: fileDoc.path
+            content: fileDoc.path,
             // The content is the data URI itself
+            type: getFileTypeFromPath(title)
           };
           const state2 = useCanvasStore.getState();
           const conversationCanvasState = state2.conversations?.[conversationId];
@@ -172608,7 +172837,8 @@ const CanvasFileViewer = ({
               id: docId,
               title,
               path: normalizedPath,
-              content: result.data
+              content: result.data,
+              type: getFileTypeFromPath(title)
             };
             const state2 = useCanvasStore.getState();
             const conversationCanvasState = state2.conversations?.[conversationId];
@@ -172720,7 +172950,7 @@ const CanvasFileViewer = ({
               CardContent,
               {
                 sx: { width: "100%", pt: 1, pb: "8px !important" },
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: fileDoc.title, placement: "bottom", arrow: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileNameTypography, { variant: "caption", children: getFileName$4(fileDoc.title) }) })
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: fileDoc.title, placement: "bottom", arrow: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileNameTypography, { variant: "caption", children: getFileName$3(fileDoc.title) }) })
               }
             )
           ]
@@ -172846,7 +173076,7 @@ const CanvasTabsComponent = ({
 };
 const CanvasTabs = reactExports.memo(CanvasTabsComponent);
 const useAgentExecutionVariables = (agentId) => {
-  const client = reactExports.useMemo(
+  const client2 = reactExports.useMemo(
     () => createLocalOperatorClient(apiConfig.baseUrl),
     []
   );
@@ -172856,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
@@ -172864,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]
@@ -172883,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
@@ -172906,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]
@@ -174816,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) => {
@@ -174886,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(
@@ -175930,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(
@@ -175982,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({
@@ -176015,13 +176255,46 @@ const MessageInput = reactExports.forwardRef(
         console.error("getUserMedia not supported on your browser!");
         showErrorToast("Audio recording is not supported on your browser.");
       }
-    }, []);
-    const handleStopRecording = reactExports.useCallback(() => {
+    }, [canEnableRecordingFeature]);
+    const handleConfirmRecording = reactExports.useCallback(() => {
       if (mediaRecorderRef.current && isRecording) {
         mediaRecorderRef.current.stop();
         setIsRecording(false);
       }
     }, [isRecording]);
+    const handleCancelRecording = reactExports.useCallback(() => {
+      if (mediaRecorderRef.current && isRecording) {
+        mediaRecorderRef.current.onstop = () => {
+          if (mediaRecorderRef.current?.stream) {
+            for (const track of mediaRecorderRef.current.stream.getTracks()) {
+              track.stop();
+            }
+          }
+          setAudioBlob(null);
+          audioChunksRef.current = [];
+        };
+        mediaRecorderRef.current.stop();
+        setIsRecording(false);
+      }
+    }, [isRecording]);
+    reactExports.useEffect(() => {
+      if (isRecording) {
+        const handleKeyDown2 = (event) => {
+          if (event.key === "Enter") {
+            event.preventDefault();
+            handleConfirmRecording();
+          } else if (event.key === "Escape") {
+            event.preventDefault();
+            handleCancelRecording();
+          }
+        };
+        window.addEventListener("keydown", handleKeyDown2);
+        return () => {
+          window.removeEventListener("keydown", handleKeyDown2);
+        };
+      }
+      return void 0;
+    }, [isRecording, handleConfirmRecording, handleCancelRecording]);
     const handleSendAudio = reactExports.useCallback(async () => {
       if (!audioBlob) return;
       try {
@@ -176051,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;
@@ -176112,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(
@@ -176178,51 +176525,68 @@ const MessageInput = reactExports.forwardRef(
             )
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
-            !isLoading && !currentJobId && !isTranscribing && // @ts-ignore Tooltip type issue
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            !isRecording && !isTranscribing && !(isLoading && currentJobId) && /* @__PURE__ */ jsxRuntimeExports.jsx(
               Tooltip$1,
               {
-                title: !canEnableRecordingFeature ? "Sign in to Radient in the settings page to enable audio recording" : isRecording ? "Stop 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,
                   {
-                    onClick: isRecording ? handleStopRecording : handleStartRecording,
-                    color: isRecording ? "error" : "primary",
+                    onClick: handleStartRecording,
+                    color: "primary",
                     size: "small",
-                    "aria-label": isRecording ? "Stop recording" : "Start recording",
+                    "aria-label": "Start recording",
                     disabled: isLoading || !canEnableRecordingFeature,
-                    children: isRecording ? /* @__PURE__ */ jsxRuntimeExports.jsx(CircleStop, { size: 24 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Mic, { size: 24 })
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Mic, { size: 22 })
                   }
                 ) })
               }
             ),
-            isLoading && currentJobId ? (
-              // @ts-ignore Tooltip type issue
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Stop agent", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                SendButton,
+            isRecording && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Confirm recording (Enter)", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                IconButton,
                 {
-                  type: "button",
-                  variant: "contained",
-                  color: "error",
-                  onClick: () => onCancelJob?.(currentJobId),
-                  "aria-label": "Stop agent",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faStop })
+                  onClick: handleConfirmRecording,
+                  color: "success",
+                  size: "small",
+                  "aria-label": "Confirm recording",
+                  disabled: isLoading,
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { size: 18 })
                 }
-              ) }) })
-            ) : (
-              // @ts-ignore Tooltip type issue
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Send message", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                SendButton,
+              ) }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Cancel recording (Esc)", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                IconButton,
                 {
-                  type: "submit",
-                  variant: "contained",
-                  color: "primary",
-                  disabled: isLoading || isRecording || isTranscribing || !newMessage.trim() && attachments.length === 0,
-                  "aria-label": "Send message",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faPaperPlane })
+                  onClick: handleCancelRecording,
+                  color: "error",
+                  size: "small",
+                  "aria-label": "Cancel recording",
+                  disabled: isLoading,
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$2, { size: 18 })
                 }
               ) }) })
-            )
+            ] }),
+            isLoading && currentJobId ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Stop agent", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              SendButton,
+              {
+                type: "button",
+                variant: "contained",
+                color: "error",
+                onClick: () => onCancelJob?.(currentJobId),
+                "aria-label": "Stop agent",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faStop })
+              }
+            ) }) }) : !isRecording && !isTranscribing && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Send message", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              SendButton,
+              {
+                type: "submit",
+                variant: "contained",
+                color: "primary",
+                disabled: isLoading || !newMessage.trim() && attachments.length === 0,
+                "aria-label": "Send message",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faPaperPlane })
+              }
+            ) }) })
           ] })
         ] })
       ] }),
@@ -176537,47 +176901,6 @@ const LoadingIndicator = reactExports.memo(({ status, currentExecution }) => {
     ] }) }) })
   ] });
 });
-const getFileTypeFromPath = (filePath) => {
-  if (filePath.startsWith("data:image/")) return "image";
-  if (filePath.startsWith("data:video/")) return "video";
-  if (filePath.startsWith("data:application/pdf")) return "pdf";
-  const extension2 = filePath.split(".").pop()?.toLowerCase();
-  if (!extension2) return "other";
-  if (["png", "jpg", "jpeg", "gif", "bmp", "webp", "svg"].includes(extension2))
-    return "image";
-  if (["mp4", "webm", "ogg", "mov", "avi", "mkv"].includes(extension2))
-    return "video";
-  if (["pdf"].includes(extension2)) return "pdf";
-  if (["md", "markdown"].includes(extension2)) return "markdown";
-  if (["html", "htm"].includes(extension2)) return "html";
-  if (["zip", "tar", "gz", "rar", "7z"].includes(extension2)) return "archive";
-  if (["txt", "log", "csv", "json", "xml", "yaml", "yml"].includes(extension2))
-    return "text";
-  if ([
-    "js",
-    "ts",
-    "jsx",
-    "tsx",
-    "py",
-    "java",
-    "c",
-    "cpp",
-    "cs",
-    "go",
-    "rb",
-    "php",
-    "sh",
-    "css",
-    "scss",
-    "less"
-  ].includes(extension2))
-    return "code";
-  if (["doc", "docx", "odt"].includes(extension2)) return "document";
-  if (["xls", "xlsx", "ods"].includes(extension2)) return "spreadsheet";
-  if (["ppt", "pptx", "odp"].includes(extension2)) return "presentation";
-  if (["mp3", "wav", "aac", "flac"].includes(extension2)) return "audio";
-  return "other";
-};
 const FILE_EXTENSION_REGEX = /\.([a-zA-Z0-9]+)$/;
 const PATH_SLASH_REGEX = /[\\/]/;
 const getLanguageFromExtension = (filename) => {
@@ -176851,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);
@@ -214443,8 +215061,8 @@ const FileActionsContainer$2 = styled$1(Box)({
   visibility: "hidden",
   transition: "opacity 0.2s ease, visibility 0.2s ease"
 });
-const PATH_SEPARATOR_REGEX$3 = /[/\\]/;
-const getFileName$3 = (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]) {
@@ -214467,15 +215085,69 @@ const getFileName$3 = (path2) => {
     }
     return "Pasted File";
   }
-  const parts = path2.split(PATH_SEPARATOR_REGEX$3);
+  const parts = path2.split(PATH_SEPARATOR_REGEX$1);
   return parts[parts.length - 1];
 };
 const FileAttachment = reactExports.memo(
   ({ file, onClick, conversationId }) => {
     const setCanvasOpen = useUiPreferencesStore((s2) => s2.setCanvasOpen);
     const { setViewMode } = useCanvasStore();
+    reactExports.useEffect(() => {
+      const autoUpdateOpenFile = async () => {
+        const state2 = useCanvasStore.getState();
+        const conversationCanvasState = state2.conversations?.[conversationId];
+        if (!conversationCanvasState) return;
+        const openTabs = conversationCanvasState.openTabs ?? [];
+        const filesInState = conversationCanvasState.files ?? [];
+        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);
+        if (!isFileOpen) return;
+        if (file.startsWith("data:")) {
+          const newDoc = {
+            id: docId,
+            title,
+            path: docId,
+            content: file,
+            type: getFileTypeFromPath(file)
+          };
+          const fileIndex = filesInState.findIndex((f2) => f2.id === docId);
+          if (fileIndex !== -1) {
+            const updatedFiles = [...filesInState];
+            updatedFiles[fileIndex] = newDoc;
+            state2.setFiles(conversationId, updatedFiles);
+          }
+        } else {
+          try {
+            const result = await window.api.readFile(normalizedPath2);
+            if (result.success) {
+              const newDoc = {
+                id: docId,
+                title,
+                path: normalizedPath2,
+                content: result.data,
+                type: getFileTypeFromPath(file)
+              };
+              const fileIndex = filesInState.findIndex((f2) => f2.id === docId);
+              if (fileIndex !== -1) {
+                const updatedFiles = [...filesInState];
+                updatedFiles[fileIndex] = newDoc;
+                state2.setFiles(conversationId, updatedFiles);
+              }
+            }
+          } catch (error) {
+            console.error(
+              `Failed to auto-refresh file in canvas: ${normalizedPath2}`,
+              error
+            );
+          }
+        }
+      };
+      autoUpdateOpenFile();
+    }, [file, conversationId]);
     const handleClick = reactExports.useCallback(async () => {
-      const title = getFileName$3(file);
+      const title = getFileName$1(file);
       const fallbackAction = (err) => {
         if (err) console.error("Error processing file:", err);
         onClick(file);
@@ -214572,7 +215244,7 @@ const FileAttachment = reactExports.memo(
       FileAttachmentContainer,
       {
         onClick: handleClick,
-        title: `Click to open ${getFileName$3(file)}`,
+        title: `Click to open ${getFileName$1(file)}`,
         sx: {
           padding: isPastedImage ? 0 : "8px 12px",
           height: isPastedImage ? "auto" : "auto",
@@ -214593,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$3(file) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FileName, { variant: "body2", children: getFileName$1(file) }),
           isLocalFile && /* @__PURE__ */ jsxRuntimeExports.jsx(
             FileActionsContainer$2,
             {
@@ -214618,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$2 = /[/\\]/;
-const getFileName$2 = (path2) => {
-  const parts = path2.split(PATH_SEPARATOR_REGEX$2);
-  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 AttachmentImage = styled$1("img")(({ theme: theme2 }) => ({
   maxWidth: "100%",
   maxHeight: 200,
@@ -214695,9 +215320,9 @@ const AttachmentImageContainer = styled$1(Box)({
     visibility: "visible"
   }
 });
-const PATH_SEPARATOR_REGEX$1 = /[/\\]/;
-const getFileName$1 = (path2) => {
-  const parts = path2.split(PATH_SEPARATOR_REGEX$1);
+const PATH_SEPARATOR_REGEX = /[/\\]/;
+const getFileName = (path2) => {
+  const parts = path2.split(PATH_SEPARATOR_REGEX);
   return parts[parts.length - 1];
 };
 const ImageAttachment = reactExports.memo(
@@ -214706,7 +215331,7 @@ const ImageAttachment = reactExports.memo(
     const setCanvasOpen = useUiPreferencesStore((s2) => s2.setCanvasOpen);
     const { setViewMode } = useCanvasStore();
     const handleShowInCanvas = reactExports.useCallback(async () => {
-      const title = getFileName$1(file);
+      const title = getFileName(file);
       const fallbackAction = (err) => {
         if (err) console.error("Error processing file:", err);
         onClick(file);
@@ -214809,10 +215434,10 @@ const ImageAttachment = reactExports.memo(
         AttachmentImage,
         {
           src,
-          alt: getFileName$1(file),
+          alt: getFileName(file),
           onClick: handleClick,
           onError: handleError2,
-          title: `Click to open ${getFileName$1(file)}`
+          title: `Click to open ${getFileName(file)}`
         }
       ),
       isLocalFile && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -214968,18 +215593,13 @@ const AttachmentVideoContainer = styled$1(Box)({
     visibility: "visible"
   }
 });
-const PATH_SEPARATOR_REGEX = /[/\\]/;
-const getFileName = (path2) => {
-  const parts = path2.split(PATH_SEPARATOR_REGEX);
-  return parts[parts.length - 1];
-};
 const VideoAttachment = reactExports.memo(
   ({ file, src, onClick, conversationId }) => {
     const [hasError, setHasError] = reactExports.useState(false);
     const setCanvasOpen = useUiPreferencesStore((s2) => s2.setCanvasOpen);
     const { setViewMode } = useCanvasStore();
     const handleShowInCanvas = reactExports.useCallback(async () => {
-      const title = getFileName(file);
+      const title = getFileName$3(file);
       const fallbackAction = (err) => {
         if (err) console.error("Error processing file:", err);
         onClick(file);
@@ -215085,7 +215705,7 @@ const VideoAttachment = reactExports.memo(
           preload: "metadata",
           onClick: handleClick,
           onError: handleError2,
-          title: `Click to open ${getFileName(file)}`
+          title: `Click to open ${getFileName$3(file)}`
         }
       ),
       isLocalFile && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -215152,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;
 };
@@ -215189,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 {
@@ -215284,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,
@@ -215421,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 }) => ({
@@ -215435,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",
@@ -215451,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 {
@@ -215466,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 "";
@@ -215879,6 +216679,113 @@ 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: "", 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: "", 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();
+      if (text4) {
+        setSelection({ text: text4, rect: rect2 });
+      } else {
+        setSelection({ text: "", rect: null });
+      }
+    } else {
+      setSelection({ text: "", 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();
+  };
+  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.jsx(ControlsWrapper, { style: style2, 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 })
+        }
+      ) })
+    }
+  ) });
+};
 const StyledPaper$1 = styled$1(Paper)(({ theme: theme2 }) => ({
   [theme2.breakpoints.down("sm")]: {
     maxWidth: "85%"
@@ -215905,9 +216812,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,
@@ -215932,10 +216841,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
+            }
+          )
         ]
       }
     );
@@ -216018,7 +216935,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,
         {
@@ -216028,7 +216945,16 @@ const MessagePaper = ({
           onCollapse: handleThinkingCollapse
         }
       ),
-      filteredChildren
+      filteredChildren,
+      message2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TextSelectionControls,
+        {
+          messageId: message2.id,
+          agentId,
+          targetRef: messageContentRef,
+          isUser
+        }
+      )
     ] });
   }, [
     isStreamable,
@@ -216040,8 +216966,9 @@ const MessagePaper = ({
     isThinkingExpanded,
     handleThinkingExpand,
     // Added
-    handleThinkingCollapse
+    handleThinkingCollapse,
     // Added
+    agentId
   ]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Box,
@@ -216072,11 +216999,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.
@@ -216182,16 +217111,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;
 };
@@ -216212,7 +217157,7 @@ const MessageItem = reactExports.memo(
           if (fileString.startsWith("data:")) {
             return null;
           }
-          const title = getFileName$4(fileString);
+          const title = getFileName$3(fileString);
           const fileType = getFileTypeFromPath(fileString);
           const normalizedPath = fileString.startsWith("file://") ? fileString.substring(7) : fileString;
           const id27 = normalizedPath;
@@ -216231,12 +217176,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 {
@@ -216274,6 +217219,7 @@ const MessageItem = reactExports.memo(
             onMessageComplete,
             isLastMessage: isLastMessage ?? false,
             isJobRunning: !!currentExecution,
+            agentId: conversationId,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               ActionBlock,
               {
@@ -216308,6 +217254,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,
@@ -216371,6 +217318,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,
@@ -216392,6 +217340,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);
@@ -216413,7 +217369,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,
@@ -218060,20 +219018,17 @@ const CommandPalette = () => {
     isCanvasOpen,
     setCanvasOpen,
     isCreateAgentDialogOpen,
-    // Use global state
     openCreateAgentDialog,
-    // Use global action
     closeCreateAgentDialog
-    // Use global action
   } = useUiPreferencesStore();
   const { agentId: currentAgentIdFromRoute } = useAgentRouteParam();
   const { getLastAgentId } = useAgentSelectionStore();
-  const { data: agentsData } = useAgents(1, 20);
+  const [localQuery, setLocalQuery] = reactExports.useState(commandPaletteQuery);
+  const debouncedLocalQuery = useDebounce(localQuery, 200);
+  const { data: agentsData } = useAgents(1, 10, 0, debouncedLocalQuery);
   const theme2 = useTheme$2();
   const clearConversationMutation = useClearAgentConversation();
   const [selectedIndex, setSelectedIndex] = reactExports.useState(0);
-  const [localQuery, setLocalQuery] = reactExports.useState(commandPaletteQuery);
-  const debouncedLocalQuery = useDebounce(localQuery, 200);
   const [isClearConfirmationOpen, setIsClearConfirmationOpen] = reactExports.useState(false);
   const effectiveAgentId = currentAgentIdFromRoute || getLastAgentId("chat");
   const isOnChatPage = location2.pathname.startsWith("/chat");