local-operator-ui 0.10.5 → 0.10.7

package/out/renderer/assets/{index-C0xVwDO6.js → index-E4JRScZr.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-DyCWQ6pn.js","./fonts-Bb3Axuvj.js","./fonts-B9KBGB-g.css","./index-BkfYRfhG.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-CuBbVbAE.js","./graph-D_O_nUCU.js","./_baseUniq-CjrpCuGP.js","./layout-DgQHyz0Y.js","./_basePickBy-J6QOPIw6.js","./clone-D3nlta8f.js","./c4Diagram-VJAJSXHY-DPAI5Oul.js","./chunk-D6G4REZN-hnXFWy0U.js","./flowDiagram-4HSFHLVR-COKwAFv7.js","./chunk-RZ5BOZE2-DJGZKKsw.js","./channel-kBkjl2tX.js","./erDiagram-Q7BY3M3F-hAtjkKRt.js","./gitGraphDiagram-7IBYFJ6S-CCkiOue7.js","./chunk-4BMEZGHF-BbIA2hPK.js","./chunk-XZIHB7SX-Ui8w9_LJ.js","./radar-MK3ICKWK-DNJgoIIb.js","./ganttDiagram-APWFNJXF-DzqtejzU.js","./infoDiagram-PH2N3AL5-D2pi_Avu.js","./pieDiagram-IB7DONF6-CzpV9GLV.js","./arc-B9dHmVa3.js","./quadrantDiagram-7GDLP6J5-TRIu05Kz.js","./xychartDiagram-VJFVF3MP-BWFbhKHp.js","./requirementDiagram-KVF5MWMF-DtZxlcxe.js","./sequenceDiagram-X6HHIX6F-DXZSfjCv.js","./classDiagram-GIVACNV2-B-m9p15O.js","./chunk-A2AXSNBT-ChTSPi_g.js","./classDiagram-v2-COTLJTTW-B-m9p15O.js","./stateDiagram-DGXRK772-gJvvYfHT.js","./chunk-AEK57VVT-CbZX12yb.js","./stateDiagram-v2-YXO3MK2T-DUjC-b8t.js","./journeyDiagram-U35MCT3I-CYV7gt8_.js","./timeline-definition-BDJGKUSR-DpFxQaCe.js","./mindmap-definition-ALO5MXBD-ByeOpUXU.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-z_jHtS3N.js","./sankeyDiagram-QLVOVGJD-CsDA2pgF.js","./diagram-VNBRO52H-CptIzsnS.js","./diagram-SSKATNLV-Ddt-5-58.js","./blockDiagram-JOT3LUYC-Ct7Hjgdp.js","./architectureDiagram-IEHRJDOE-iZe3FGai.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-luCXlbKf.js","./fonts-Bb3Axuvj.js","./fonts-B9KBGB-g.css","./index-Ckb5yety.js","./pug-By0kVCfm.js","./javascript-C3MnDRiU.js","./dagre-OKDRZEBW-BvjVk-VL.js","./graph-CoEJ_k0b.js","./_baseUniq-BTyNyH8f.js","./layout-TBoOITHR.js","./_basePickBy-bM9rKo9j.js","./clone-Dv3v3K10.js","./c4Diagram-VJAJSXHY-CAD1cJIP.js","./chunk-D6G4REZN-7goIf0uD.js","./flowDiagram-4HSFHLVR-CGYyv_WQ.js","./chunk-RZ5BOZE2-BZZkFFOx.js","./channel-DooqkKMQ.js","./erDiagram-Q7BY3M3F-BHceBobZ.js","./gitGraphDiagram-7IBYFJ6S-CSTRzS4J.js","./chunk-4BMEZGHF-BLVBfkLN.js","./chunk-XZIHB7SX-C6Qx8kIn.js","./radar-MK3ICKWK-4ySuwLbU.js","./ganttDiagram-APWFNJXF-CQlU1hxI.js","./infoDiagram-PH2N3AL5-D8GfR9L-.js","./pieDiagram-IB7DONF6-D7Kjesl8.js","./arc-52ZNS7Mc.js","./quadrantDiagram-7GDLP6J5-CuEBETqd.js","./xychartDiagram-VJFVF3MP-Bg2SvRep.js","./requirementDiagram-KVF5MWMF-B2OB8-5B.js","./sequenceDiagram-X6HHIX6F-CbmjJ1pE.js","./classDiagram-GIVACNV2-nutPpuAF.js","./chunk-A2AXSNBT-_jAI_WF2.js","./classDiagram-v2-COTLJTTW-nutPpuAF.js","./stateDiagram-DGXRK772-zxpsm9Bs.js","./chunk-AEK57VVT-B8P3MENQ.js","./stateDiagram-v2-YXO3MK2T-DArpC2cJ.js","./journeyDiagram-U35MCT3I-BP4duAhq.js","./timeline-definition-BDJGKUSR-CSaG1Dv0.js","./mindmap-definition-ALO5MXBD-2COFVHJu.js","./cytoscape.esm-C0AOj4uS.js","./kanban-definition-NDS4AKOZ-DuCd7BpW.js","./sankeyDiagram-QLVOVGJD-6_bJ06DP.js","./diagram-VNBRO52H-iVluvYAy.js","./diagram-SSKATNLV-BC3f615s.js","./blockDiagram-JOT3LUYC-0CMD1kXE.js","./architectureDiagram-IEHRJDOE-DTuFQLSd.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 styled = createStyled();
 function getThemeProps(params) {
@@ -29429,6 +29429,52 @@ const StaticApi = {
   getVideoUrl,
   getHtmlUrl
 };
+const TranscriptionApi = {
+  /**
+   * Transcribe Audio File
+   *
+   * Transcribes an audio file using the specified model and parameters.
+   * The audio file is sent as `multipart/form-data`.
+   * @param baseUrl - The base URL of the Local Operator API.
+   * @param params - The parameters for the transcription request.
+   * @returns A promise that resolves to the transcription result.
+   * @throws Will throw an error if the request fails.
+   */
+  async createTranscription(baseUrl, params) {
+    const formData = new FormData();
+    formData.append("file", params.file);
+    if (params.model !== void 0) formData.append("model", params.model);
+    if (params.prompt !== void 0) formData.append("prompt", params.prompt);
+    if (params.response_format !== void 0)
+      formData.append("response_format", params.response_format);
+    if (params.temperature !== void 0)
+      formData.append("temperature", params.temperature.toString());
+    if (params.language !== void 0)
+      formData.append("language", params.language);
+    if (params.provider !== void 0)
+      formData.append("provider", params.provider);
+    const response = await fetch(`${baseUrl}/v1/transcriptions`, {
+      method: "POST",
+      body: formData,
+      // Content-Type for FormData is set automatically by the browser, including the boundary.
+      // Ensure 'Accept' header is set if the server expects it, though for FormData it's often not strictly needed for the request itself.
+      // However, for consistency with other API calls and to ensure JSON error responses are handled:
+      headers: {
+        Accept: "application/json"
+      }
+    });
+    if (!response.ok) {
+      let errorDetail = `Transcription request failed: ${response.status} ${response.statusText}`;
+      try {
+        const errorData = await response.json();
+        errorDetail = errorData.message || errorData.detail || errorDetail;
+      } catch (_2) {
+      }
+      throw new Error(errorDetail);
+    }
+    return response.json();
+  }
+};
 var WebsocketConnectionType = /* @__PURE__ */ ((WebsocketConnectionType2) => {
   WebsocketConnectionType2["MESSAGE"] = "message";
   WebsocketConnectionType2["HEALTH"] = "health";
@@ -30012,6 +30058,12 @@ class LocalOperatorClient {
   get schedules() {
     return this.bindBaseUrlToApi(SchedulesApi);
   }
+  /**
+   * Get the Transcription API client with methods bound to the base URL
+   */
+  get transcription() {
+    return this.bindBaseUrlToApi(TranscriptionApi);
+  }
   /**
    * Bind the base URL to all methods of an API client
    *
@@ -35956,30 +36008,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$1l = [
+const __iconNode$1q = [
   ["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$1l);
+const Archive = createLucideIcon("archive", __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: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1k);
+const ArrowLeft = createLucideIcon("arrow-left", __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: "M2 10v3", key: "1fnikh" }],
   ["path", { d: "M6 6v11", key: "11sgs0" }],
   ["path", { d: "M10 3v18", key: "yhl04a" }],
@@ -35987,14 +36039,14 @@ const __iconNode$1j = [
   ["path", { d: "M18 5v13", key: "123xd1" }],
   ["path", { d: "M22 10v3", key: "154ddg" }]
 ];
-const AudioLines = createLucideIcon("audio-lines", __iconNode$1j);
+const AudioLines = createLucideIcon("audio-lines", __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 = [
   [
     "path",
     {
@@ -36003,14 +36055,14 @@ const __iconNode$1i = [
     }
   ]
 ];
-const Book = createLucideIcon("book", __iconNode$1i);
+const Book = createLucideIcon("book", __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 = [
+const __iconNode$1m = [
   ["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" }],
@@ -36018,25 +36070,25 @@ const __iconNode$1h = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$1h);
+const Bot = createLucideIcon("bot", __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 = [
+const __iconNode$1l = [
   ["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$1g);
+const Briefcase = createLucideIcon("briefcase", __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 = [
+const __iconNode$1k = [
   ["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" }],
@@ -36048,136 +36100,160 @@ const __iconNode$1f = [
   ["path", { d: "M12 18h.01", key: "mhygvu" }],
   ["path", { d: "M16 18h.01", key: "kzsmim" }]
 ];
-const CalendarDays = createLucideIcon("calendar-days", __iconNode$1f);
+const CalendarDays = createLucideIcon("calendar-days", __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$1j = [
+  ["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);
 /**
  * @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 = [
+const __iconNode$1i = [
   ["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$1e);
+const ChartNoAxesColumn = createLucideIcon("chart-no-axes-column", __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$1d = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1d);
+const __iconNode$1h = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$1c = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1c);
+const __iconNode$1g = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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$1b = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1b);
+const __iconNode$1f = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __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$1a = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1a);
+const __iconNode$1e = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __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$19 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$19);
+const __iconNode$1d = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __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$18 = [
+const __iconNode$1c = [
   ["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$18);
+const CircleCheckBig = createLucideIcon("circle-check-big", __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: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$17);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$1b);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$16 = [
+const __iconNode$1a = [
   ["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$16);
+const CircleEllipsis = createLucideIcon("circle-ellipsis", __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 = [
   ["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$15);
+const CircleHelp = createLucideIcon("circle-help", __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" }],
   ["polygon", { points: "10 8 16 12 10 16 10 8", key: "1cimsy" }]
 ];
-const CirclePlay = createLucideIcon("circle-play", __iconNode$14);
+const CirclePlay = createLucideIcon("circle-play", __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 = [
   ["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$13);
+const CirclePlus = createLucideIcon("circle-plus", __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 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", key: "1ssd4o" }]
+];
+const CircleStop = createLucideIcon("circle-stop", __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$15 = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -36191,72 +36267,72 @@ const __iconNode$12 = [
   ["path", { d: "M8 11h.01", key: "1dfujw" }],
   ["path", { d: "M8 16h.01", key: "18s6g9" }]
 ];
-const ClipboardList = createLucideIcon("clipboard-list", __iconNode$12);
+const ClipboardList = createLucideIcon("clipboard-list", __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$11 = [
+const __iconNode$14 = [
   ["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$11);
+const Clock$1 = createLucideIcon("clock", __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$10 = [
+const __iconNode$13 = [
   ["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$10);
+const CloudUpload = createLucideIcon("cloud-upload", __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 = [
   ["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$$);
+const CodeXml = createLucideIcon("code-xml", __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$_ = [
+const __iconNode$11 = [
   ["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$_);
+const Copy = createLucideIcon("copy", __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$Z = [
+const __iconNode$10 = [
   ["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$Z);
+const Download = createLucideIcon("download", __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$Y = [
+const __iconNode$$ = [
   ["path", { d: "M21.54 15H17a2 2 0 0 0-2 2v4.54", key: "1djwo0" }],
   [
     "path",
@@ -36268,38 +36344,38 @@ const __iconNode$Y = [
   ["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$Y);
+const Earth = createLucideIcon("earth", __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$X = [
+const __iconNode$_ = [
   ["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$X);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __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$Z = [
   ["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$W);
+const Ellipsis = createLucideIcon("ellipsis", __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$V = [
+const __iconNode$Y = [
   [
     "path",
     {
@@ -36310,65 +36386,65 @@ const __iconNode$V = [
   ["path", { d: "M22 21H7", key: "t4ddhn" }],
   ["path", { d: "m5 11 9 9", key: "1mo9qw" }]
 ];
-const Eraser = createLucideIcon("eraser", __iconNode$V);
+const Eraser = createLucideIcon("eraser", __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$U = [
+const __iconNode$X = [
   ["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$U);
+const ExternalLink = createLucideIcon("external-link", __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$T = [
+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" }],
   ["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$T);
+const FileImage = createLucideIcon("file-image", __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$S = [
+const __iconNode$V = [
   ["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$S);
+const FileOutput = createLucideIcon("file-output", __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$R = [
+const __iconNode$U = [
   ["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$R);
+const FileQuestion = createLucideIcon("file-question", __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$Q = [
+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" }],
   ["path", { d: "M8 13h2", key: "yr2amv" }],
@@ -36376,64 +36452,64 @@ const __iconNode$Q = [
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
 ];
-const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$Q);
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __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$P = [
+const __iconNode$S = [
   ["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$P);
+const FileText = createLucideIcon("file-text", __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$O = [
+const __iconNode$R = [
   ["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$O);
+const FileUp = createLucideIcon("file-up", __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$N = [
+const __iconNode$Q = [
   ["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$N);
+const FileVideo = createLucideIcon("file-video", __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$M = [
+const __iconNode$P = [
   ["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$M);
+const File$1 = createLucideIcon("file", __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$L = [
+const __iconNode$O = [
   [
     "path",
     {
@@ -36444,14 +36520,14 @@ const __iconNode$L = [
   ["path", { d: "M6.453 15h11.094", key: "3shlmq" }],
   ["path", { d: "M8.5 2h7", key: "csnxdl" }]
 ];
-const FlaskConical = createLucideIcon("flask-conical", __iconNode$L);
+const FlaskConical = createLucideIcon("flask-conical", __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$K = [
+const __iconNode$N = [
   [
     "path",
     {
@@ -36460,14 +36536,14 @@ const __iconNode$K = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$K);
+const FolderOpen = createLucideIcon("folder-open", __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$J = [
+const __iconNode$M = [
   [
     "path",
     {
@@ -36478,14 +36554,14 @@ const __iconNode$J = [
   ["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$J);
+const GraduationCap = createLucideIcon("graduation-cap", __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$I = [
+const __iconNode$L = [
   [
     "path",
     {
@@ -36495,14 +36571,14 @@ const __iconNode$I = [
   ],
   ["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$I);
+const HeartPulse = createLucideIcon("heart-pulse", __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$H = [
+const __iconNode$K = [
   [
     "path",
     {
@@ -36511,26 +36587,26 @@ const __iconNode$H = [
     }
   ]
 ];
-const Heart = createLucideIcon("heart", __iconNode$H);
+const Heart = createLucideIcon("heart", __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$G = [
+const __iconNode$J = [
   ["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$G);
+const History = createLucideIcon("history", __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$F = [
+const __iconNode$I = [
   ["path", { d: "M12 3v12", key: "1x0j5s" }],
   ["path", { d: "m8 11 4 4 4-4", key: "1dohi6" }],
   [
@@ -36541,38 +36617,38 @@ const __iconNode$F = [
     }
   ]
 ];
-const Import = createLucideIcon("import", __iconNode$F);
+const Import = createLucideIcon("import", __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$E = [
+const __iconNode$H = [
   ["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$E);
+const Info$1 = createLucideIcon("info", __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$D = [
+const __iconNode$G = [
   ["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$D);
+const Key = createLucideIcon("key", __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$C = [
+const __iconNode$F = [
   [
     "path",
     {
@@ -36595,27 +36671,27 @@ const __iconNode$C = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$C);
+const Layers = createLucideIcon("layers", __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$B = [
+const __iconNode$E = [
   ["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$B);
+const LayoutGrid = createLucideIcon("layout-grid", __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$A = [
+const __iconNode$D = [
   [
     "path",
     {
@@ -36626,102 +36702,114 @@ const __iconNode$A = [
   ["path", { d: "M9 18h6", key: "x1upvd" }],
   ["path", { d: "M10 22h4", key: "ceow96" }]
 ];
-const Lightbulb = createLucideIcon("lightbulb", __iconNode$A);
+const Lightbulb = createLucideIcon("lightbulb", __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$z = [
+const __iconNode$C = [
   ["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$z);
+const Link = createLucideIcon("link", __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$y = [
+const __iconNode$B = [
   ["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$y);
+const ListTree = createLucideIcon("list-tree", __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$x = [
+const __iconNode$A = [
   ["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$x);
+const Mail = createLucideIcon("mail", __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$w = [
+const __iconNode$z = [
   ["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$w);
+const Maximize2 = createLucideIcon("maximize-2", __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$v = [
+const __iconNode$y = [
   ["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$v);
+const Megaphone = createLucideIcon("megaphone", __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$u = [
+const __iconNode$x = [
   ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", key: "vv11sd" }]
 ];
-const MessageCircle = createLucideIcon("message-circle", __iconNode$u);
+const MessageCircle = createLucideIcon("message-circle", __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$t = [
+const __iconNode$w = [
   ["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$t);
+const MessageSquare = createLucideIcon("message-square", __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$v = [
+  ["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);
 /**
  * @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 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-const Minus$1 = createLucideIcon("minus", __iconNode$s);
+const __iconNode$u = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+const Minus$1 = createLucideIcon("minus", __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$r = [
+const __iconNode$t = [
   ["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" }],
@@ -36729,14 +36817,14 @@ const __iconNode$r = [
   ["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$r);
+const Move = createLucideIcon("move", __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$q = [
+const __iconNode$s = [
   ["path", { d: "m14.622 17.897-10.68-2.913", key: "vj2p1u" }],
   [
     "path",
@@ -36753,7 +36841,31 @@ const __iconNode$q = [
     }
   ]
 ];
-const Paintbrush = createLucideIcon("paintbrush", __iconNode$q);
+const Paintbrush = createLucideIcon("paintbrush", __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$r = [
+  ["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);
+/**
+ * @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 = [
+  ["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);
 /**
  * @license lucide-react v0.507.0 - ISC
  *
@@ -37138,7 +37250,7 @@ const __iconNode = [
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
 ];
 const ZoomOut = createLucideIcon("zoom-out", __iconNode);
-const StyledDialog$1 = styled$1(Dialog)(({ theme: theme2 }) => ({
+const StyledDialog$2 = styled$1(Dialog)(({ theme: theme2 }) => ({
   "& .MuiBackdrop-root": {
     backdropFilter: "blur(8px)",
     backgroundColor: alpha$1(theme2.palette.background.default, 0.7)
@@ -37214,7 +37326,7 @@ const BaseDialog = ({
   dataTourTag
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    StyledDialog$1,
+    StyledDialog$2,
     {
       open: open2,
       onClose,
@@ -37636,11 +37748,36 @@ const DEFAULT_CHAT_SIDEBAR_WIDTH = 320;
 const useUiPreferencesStore = create$3()(
   persist(
     (set2) => ({
+      isCommandPaletteOpen: false,
+      commandPaletteQuery: "",
       isSidebarCollapsed: false,
       themeName: DEFAULT_THEME,
       canvasWidth: DEFAULT_CANVAS_WIDTH,
       chatSidebarWidth: DEFAULT_CHAT_SIDEBAR_WIDTH,
       isCanvasOpen: false,
+      isCreateAgentDialogOpen: false,
+      openCreateAgentDialog: () => {
+        set2({ isCreateAgentDialogOpen: true });
+      },
+      closeCreateAgentDialog: () => {
+        set2({ isCreateAgentDialogOpen: false });
+      },
+      openCommandPalette: () => {
+        set2({ isCommandPaletteOpen: true });
+      },
+      closeCommandPalette: () => {
+        set2({ isCommandPaletteOpen: false, commandPaletteQuery: "" });
+      },
+      toggleCommandPalette: () => {
+        set2((state2) => ({
+          isCommandPaletteOpen: !state2.isCommandPaletteOpen,
+          commandPaletteQuery: !state2.isCommandPaletteOpen ? "" : state2.commandPaletteQuery
+          // Clear query if opening, retain if closing (though it's cleared by closeCommandPalette)
+        }));
+      },
+      setCommandPaletteQuery: (query) => {
+        set2({ commandPaletteQuery: query });
+      },
       toggleSidebar: () => {
         set2((state2) => ({
           isSidebarCollapsed: !state2.isSidebarCollapsed
@@ -67813,7 +67950,7 @@ const AgentsSidebar = ({
 }) => {
   const navigate = useNavigate();
   const [searchQuery, setSearchQuery2] = reactExports.useState("");
-  const [isCreateDialogOpen, setIsCreateDialogOpen] = reactExports.useState(false);
+  const { openCreateAgentDialog } = useUiPreferencesStore();
   const [isImportDialogOpen, setIsImportDialogOpen] = reactExports.useState(false);
   const perPage = 50;
   const [isUploadDialogOpen, setIsUploadDialogOpen] = reactExports.useState(false);
@@ -67856,12 +67993,6 @@ const AgentsSidebar = ({
     },
     [onSelectAgent]
   );
-  const handleOpenCreateDialog = reactExports.useCallback(() => {
-    setIsCreateDialogOpen(true);
-  }, []);
-  const handleCloseCreateDialog = reactExports.useCallback(() => {
-    setIsCreateDialogOpen(false);
-  }, []);
   const handleOpenImportDialog = reactExports.useCallback(() => {
     setIsImportDialogOpen(true);
   }, []);
@@ -67985,7 +68116,7 @@ const AgentsSidebar = ({
         title: "Agents",
         searchQuery,
         onSearchChange: (query) => setSearchQuery2(query),
-        onNewAgentClick: handleOpenCreateDialog,
+        onNewAgentClick: openCreateAgentDialog,
         onImportAgentClick: handleOpenImportDialog,
         importAgentTooltip: "Import an agent from a ZIP file"
       }
@@ -68023,14 +68154,6 @@ const AgentsSidebar = ({
       },
       agent.id
     )) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      CreateAgentDialog,
-      {
-        open: isCreateDialogOpen,
-        onClose: handleCloseCreateDialog,
-        onAgentCreated: handleAgentCreated
-      }
-    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ImportAgentDialog,
       {
@@ -86932,7 +87055,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return __vitePreload(() => import("./index-DyCWQ6pn.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
+      return __vitePreload(() => import("./index-luCXlbKf.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m2) => m2.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -87109,7 +87232,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return __vitePreload(() => import("./index-BkfYRfhG.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
+      return __vitePreload(() => import("./index-Ckb5yety.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -169548,7 +169671,7 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-OKDRZEBW-CuBbVbAE.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-BvjVk-VL.js"), true ? __vite__mapDeps([6,7,8,9,10,11,1,2]) : void 0, import.meta.url), "loader")
     }
   ]);
 }, "registerDefaultLayoutLoaders");
@@ -170138,7 +170261,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-DPAI5Oul.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-VJAJSXHY-CAD1cJIP.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([12,13,1,2]) : void 0, import.meta.url);
   return { id, diagram: diagram2 };
@@ -170158,7 +170281,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-COKwAFv7.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CGYyv_WQ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id2, diagram: diagram2 };
@@ -170184,7 +170307,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-COKwAFv7.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CGYyv_WQ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id3, diagram: diagram2 };
@@ -170201,7 +170324,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-hAtjkKRt.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q7BY3M3F-BHceBobZ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([17,15,16,1,2]) : void 0, import.meta.url);
   return { id: id4, diagram: diagram2 };
@@ -170218,7 +170341,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-CCkiOue7.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-7IBYFJ6S-CSTRzS4J.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 };
@@ -170235,7 +170358,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-DzqtejzU.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-APWFNJXF-CQlU1hxI.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([22,1,2]) : void 0, import.meta.url);
   return { id: id6, diagram: diagram2 };
@@ -170252,7 +170375,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-D2pi_Avu.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-PH2N3AL5-D8GfR9L-.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([23,21,8,10,11,1,2]) : void 0, import.meta.url);
   return { id: id7, diagram: diagram2 };
@@ -170268,7 +170391,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-CzpV9GLV.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-IB7DONF6-D7Kjesl8.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 };
@@ -170284,7 +170407,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-TRIu05Kz.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-7GDLP6J5-CuEBETqd.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([26,1,2]) : void 0, import.meta.url);
   return { id: id9, diagram: diagram2 };
@@ -170301,7 +170424,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-BWFbhKHp.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-VJFVF3MP-Bg2SvRep.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([27,1,2]) : void 0, import.meta.url);
   return { id: id10, diagram: diagram2 };
@@ -170318,7 +170441,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-DtZxlcxe.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-KVF5MWMF-B2OB8-5B.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,15,1,2]) : void 0, import.meta.url);
   return { id: id11, diagram: diagram2 };
@@ -170335,7 +170458,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-DXZSfjCv.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-X6HHIX6F-CbmjJ1pE.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,13,20,1,2]) : void 0, import.meta.url);
   return { id: id12, diagram: diagram2 };
@@ -170355,7 +170478,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-B-m9p15O.js");
+    const { diagram: diagram22 } = await import("./classDiagram-GIVACNV2-nutPpuAF.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,31,15,1,2]) : void 0, import.meta.url);
   return { id: id13, diagram: diagram2 };
@@ -170375,7 +170498,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-B-m9p15O.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-COTLJTTW-nutPpuAF.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,31,15,1,2]) : void 0, import.meta.url);
   return { id: id14, diagram: diagram2 };
@@ -170395,7 +170518,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-gJvvYfHT.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-DGXRK772-zxpsm9Bs.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 };
@@ -170418,7 +170541,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-DUjC-b8t.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-YXO3MK2T-DArpC2cJ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,34,15,1,2]) : void 0, import.meta.url);
   return { id: id16, diagram: diagram2 };
@@ -170435,7 +170558,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-CYV7gt8_.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-U35MCT3I-BP4duAhq.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([36,13,25,1,2]) : void 0, import.meta.url);
   return { id: id17, diagram: diagram2 };
@@ -170505,7 +170628,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-COKwAFv7.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-4HSFHLVR-CGYyv_WQ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([14,15,16,1,2]) : void 0, import.meta.url);
   return { id: id18, diagram: diagram2 };
@@ -170522,7 +170645,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-DpFxQaCe.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-BDJGKUSR-CSaG1Dv0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,25,1,2]) : void 0, import.meta.url);
   return { id: id19, diagram: diagram2 };
@@ -170539,7 +170662,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-ByeOpUXU.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-ALO5MXBD-2COFVHJu.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,39,1,2]) : void 0, import.meta.url);
   return { id: id20, diagram: diagram2 };
@@ -170556,7 +170679,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-z_jHtS3N.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-NDS4AKOZ-DuCd7BpW.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,1,2]) : void 0, import.meta.url);
   return { id: id21, diagram: diagram2 };
@@ -170573,7 +170696,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-CsDA2pgF.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-QLVOVGJD-6_bJ06DP.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,1,2]) : void 0, import.meta.url);
   return { id: id22, diagram: diagram2 };
@@ -170590,7 +170713,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-CptIzsnS.js");
+    const { diagram: diagram22 } = await import("./diagram-VNBRO52H-iVluvYAy.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 };
@@ -170606,7 +170729,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-Ddt-5-58.js");
+    const { diagram: diagram22 } = await import("./diagram-SSKATNLV-BC3f615s.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 };
@@ -170622,7 +170745,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-Ct7Hjgdp.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-JOT3LUYC-0CMD1kXE.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,11,8,7,16,1,2]) : void 0, import.meta.url);
   return { id: id25, diagram: diagram2 };
@@ -170639,7 +170762,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-iZe3FGai.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-IEHRJDOE-DTuFQLSd.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 };
@@ -174830,6 +174953,200 @@ const AttachmentsPreview = ({
     ) })
   ] }, `${index2}-${attachment}`)) });
 };
+const BUFFER_SIZE = 120;
+const MIN_BAR_HEIGHT = 2;
+const MAX_BAR_HEIGHT = 24;
+const FRAMES_TO_SKIP = 4;
+const createPulseAnimation = (primaryColor) => keyframes`
+  0% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 ${alpha$1(primaryColor, 0.7)};
+  }
+  70% {
+    transform: scale(1);
+    box-shadow: 0 0 0 10px ${alpha$1(primaryColor, 0)};
+  }
+  100% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 ${alpha$1(primaryColor, 0)};
+  }
+`;
+const RecordingIndicatorContainer = styled$1(Box)(({ theme: theme2 }) => ({
+  flex: 1,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  minHeight: "50px",
+  padding: theme2.spacing(1, 2),
+  borderRadius: theme2.shape.borderRadius * 2,
+  backgroundColor: alpha$1(theme2.palette.primary.main, 0.08),
+  border: `1px solid ${alpha$1(theme2.palette.primary.main, 0.2)}`,
+  color: theme2.palette.primary.main,
+  gap: theme2.spacing(2)
+}));
+const RecordingText = styled$1(Typography)(({ theme: theme2 }) => ({
+  fontSize: "0.9rem",
+  fontWeight: 500,
+  color: theme2.palette.primary.main
+}));
+const RecordingDot = styled$1(Box)(({ theme: theme2 }) => ({
+  width: 8,
+  height: 8,
+  backgroundColor: theme2.palette.primary.main,
+  borderRadius: "50%",
+  animation: `${createPulseAnimation(theme2.palette.primary.main)} 1.5s infinite ease-in-out`,
+  flexShrink: 0
+}));
+const WaveformCanvas = styled$1("canvas")(() => ({
+  display: "block",
+  width: "100%",
+  height: `${MAX_BAR_HEIGHT}px`,
+  flex: 1
+}));
+const AudioRecordingIndicator = ({
+  isRecording
+}) => {
+  const theme2 = useTheme$2();
+  const canvasRef = reactExports.useRef(null);
+  const animationFrameRef = reactExports.useRef();
+  const mediaStreamRef = reactExports.useRef(null);
+  const audioContextRef = reactExports.useRef(null);
+  const analyserRef = reactExports.useRef(null);
+  const dataArrayRef = reactExports.useRef(null);
+  const heightsRef = reactExports.useRef(Array(BUFFER_SIZE).fill(MIN_BAR_HEIGHT));
+  const frameCountRef = reactExports.useRef(0);
+  reactExports.useEffect(() => {
+    if (!isRecording) {
+      return;
+    }
+    const canvas = canvasRef.current;
+    if (!canvas) {
+      return;
+    }
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      return;
+    }
+    const resizeCanvas = () => {
+      const { width, height } = canvas.getBoundingClientRect();
+      const dpr = window.devicePixelRatio || 1;
+      canvas.width = width * dpr;
+      canvas.height = height * dpr;
+      ctx.scale(dpr, dpr);
+    };
+    resizeCanvas();
+    window.addEventListener("resize", resizeCanvas);
+    heightsRef.current = Array(BUFFER_SIZE).fill(MIN_BAR_HEIGHT);
+    frameCountRef.current = 0;
+    const drawWaveform = () => {
+      const { width, height } = canvas.getBoundingClientRect();
+      ctx.clearRect(0, 0, width, height);
+      const barWidth = width / BUFFER_SIZE;
+      const spacingRatio = 0.4;
+      const barSpacing = barWidth * spacingRatio;
+      const actualBarWidth = barWidth * (1 - spacingRatio);
+      const radius = actualBarWidth / 2;
+      heightsRef.current.forEach((h2, i2) => {
+        const x2 = i2 * barWidth + barSpacing / 2;
+        const centerY = height / 2;
+        const barHeight = h2;
+        const y2 = centerY - barHeight / 2;
+        const isMinimalData = h2 <= MIN_BAR_HEIGHT;
+        ctx.fillStyle = isMinimalData ? alpha$1(theme2.palette.primary.main, 0.3) : theme2.palette.primary.main;
+        ctx.beginPath();
+        ctx.roundRect(x2, y2, actualBarWidth, barHeight, radius);
+        ctx.fill();
+      });
+    };
+    const updateLoop = () => {
+      if (analyserRef.current && dataArrayRef.current) {
+        analyserRef.current.getByteFrequencyData(dataArrayRef.current);
+        let sum = 0;
+        const data2 = dataArrayRef.current;
+        for (let i2 = 0; i2 < data2.length; i2++) {
+          sum += data2[i2];
+        }
+        const avg = data2.length ? sum / data2.length : 0;
+        const newHeight = Math.max(
+          MIN_BAR_HEIGHT,
+          avg / 255 * (MAX_BAR_HEIGHT - MIN_BAR_HEIGHT) + MIN_BAR_HEIGHT
+        );
+        frameCountRef.current += 1;
+        if (frameCountRef.current > FRAMES_TO_SKIP) {
+          heightsRef.current.shift();
+          heightsRef.current.push(newHeight);
+          frameCountRef.current = 0;
+          drawWaveform();
+        }
+      }
+      animationFrameRef.current = requestAnimationFrame(updateLoop);
+    };
+    (async () => {
+      try {
+        const stream = await navigator.mediaDevices.getUserMedia({
+          audio: true
+        });
+        mediaStreamRef.current = stream;
+        const AudioContextClass = window.AudioContext || window.webkitAudioContext;
+        const audioCtx = new AudioContextClass();
+        audioContextRef.current = audioCtx;
+        const analyser = audioCtx.createAnalyser();
+        analyser.fftSize = 64;
+        analyser.smoothingTimeConstant = 0.6;
+        analyserRef.current = analyser;
+        const source = audioCtx.createMediaStreamSource(stream);
+        source.connect(analyser);
+        dataArrayRef.current = new Uint8Array(analyser.frequencyBinCount);
+        updateLoop();
+      } catch (error) {
+        console.warn(
+          "Could not access microphone for waveform visualization:",
+          error
+        );
+        const randomLoop = () => {
+          const randH = Math.max(
+            MIN_BAR_HEIGHT,
+            Math.random() * (MAX_BAR_HEIGHT - MIN_BAR_HEIGHT) + MIN_BAR_HEIGHT
+          );
+          frameCountRef.current += 1;
+          if (frameCountRef.current > FRAMES_TO_SKIP) {
+            heightsRef.current.shift();
+            heightsRef.current.push(randH);
+            frameCountRef.current = 0;
+            drawWaveform();
+          }
+          animationFrameRef.current = requestAnimationFrame(randomLoop);
+        };
+        randomLoop();
+      }
+    })();
+    return () => {
+      window.removeEventListener("resize", resizeCanvas);
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+      if (mediaStreamRef.current) {
+        for (const track of mediaStreamRef.current.getTracks()) {
+          track.stop();
+        }
+        mediaStreamRef.current = null;
+      }
+      if (audioContextRef.current && audioContextRef.current.state !== "closed") {
+        audioContextRef.current.close().catch(console.error);
+        audioContextRef.current = null;
+      }
+    };
+  }, [isRecording, theme2.palette.primary.main]);
+  if (!isRecording) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(RecordingIndicatorContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(RecordingDot, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(RecordingText, { variant: "body2", children: "Recording" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(WaveformCanvas, { ref: canvasRef })
+  ] });
+};
+AudioRecordingIndicator.displayName = "AudioRecordingIndicator";
 const MAX_RECENT_DIRECTORIES = 5;
 const useRecentDirectoriesStore = create$3()(
   persist(
@@ -175349,6 +175666,32 @@ const ScrollToBottomButton = ({
     }
   ) }) });
 };
+const waveformAnimation = keyframes`
+  0%, 100% { height: 2px; }
+  50% { height: 16px; }
+`;
+const WaveformContainer = styled$1(Box)(() => ({
+  display: "flex",
+  alignItems: "center",
+  height: "24px",
+  gap: "2px"
+}));
+const WaveformBar = styled$1(Box)(({ theme: theme2 }) => ({
+  width: "3px",
+  backgroundColor: theme2.palette.primary.main,
+  animation: `${waveformAnimation} 1.2s infinite ease-in-out`,
+  borderRadius: "1px"
+}));
+const WaveformAnimation = () => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(WaveformContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(WaveformBar, { sx: { animationDelay: "0s" } }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(WaveformBar, { sx: { animationDelay: "0.2s", height: "8px" } }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(WaveformBar, { sx: { animationDelay: "0.4s" } }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(WaveformBar, { sx: { animationDelay: "0.6s", height: "12px" } }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(WaveformBar, { sx: { animationDelay: "0.8s" } })
+  ] });
+};
+WaveformAnimation.displayName = "WaveformAnimation";
 const InputOuterContainer = styled$1(Box)(({ theme: theme2 }) => ({
   width: "100%",
   flexGrow: 1,
@@ -175550,238 +175893,369 @@ const EmptyStateTitle = styled$1(Typography)(({ theme: theme2 }) => ({
     marginBottom: theme2.spacing(2)
   }
 }));
-const MessageInput = ({
-  onSendMessage,
-  isLoading,
-  conversationId,
-  messages,
-  currentJobId,
-  onCancelJob,
-  isFarFromBottom = false,
-  scrollToBottom = () => {
-  },
-  initialSuggestions,
-  agentData
-}) => {
-  const [attachments, setAttachments] = reactExports.useState([]);
-  const fileInputRef = reactExports.useRef(null);
-  const MAX_SUGGESTIONS = 7;
-  const suggestions = reactExports.useMemo(() => {
-    if (!initialSuggestions || initialSuggestions.length === 0) return [];
-    if (initialSuggestions.length <= MAX_SUGGESTIONS) {
-      return initialSuggestions;
-    }
-    const shuffled = [...initialSuggestions].sort(() => Math.random() - 0.5);
-    return shuffled.slice(0, MAX_SUGGESTIONS);
-  }, [initialSuggestions]);
-  const onSubmit = reactExports.useMemo(
-    () => (message2) => {
-      onSendMessage(message2, attachments);
-      setAttachments([]);
-    },
-    // attachments is a dependency, but this is safe because attachments is local state
-    // and onSendMessage is a prop (assumed stable)
-    [onSendMessage, attachments]
-  );
-  const {
-    inputValue: newMessage,
-    setInputValue: setNewMessage,
-    handleKeyDown,
-    handleSubmit: submitMessage,
-    textareaRef
-  } = useMessageInput({
+const TranscriptionIndicator = styled$1(Box)(({ theme: theme2 }) => ({
+  flex: 1,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  minHeight: "50px",
+  padding: theme2.spacing(1, 2),
+  borderRadius: theme2.shape.borderRadius,
+  color: theme2.palette.primary.dark,
+  gap: theme2.spacing(1)
+}));
+const TranscriptionText = styled$1(Typography)(({ theme: theme2 }) => ({
+  fontSize: "0.9rem",
+  fontWeight: 500,
+  marginRight: theme2.spacing(1.5)
+}));
+const MessageInput = reactExports.forwardRef(
+  ({
+    onSendMessage,
+    isLoading,
     conversationId,
-    onSubmit,
-    scrollToBottom
-  });
-  const handleSubmit = (e3) => {
-    e3.preventDefault();
-    if (!newMessage.trim() && attachments.length === 0) return;
-    submitMessage();
-  };
-  const handleFileSelect = (e3) => {
-    if (e3.target.files && e3.target.files.length > 0) {
-      const newAttachments = Array.from(e3.target.files).map((file) => {
-        const filePath = file.path;
-        if (filePath) {
-          return normalizePath(filePath);
+    messages,
+    currentJobId,
+    onCancelJob,
+    isFarFromBottom = false,
+    scrollToBottom = () => {
+    },
+    initialSuggestions,
+    agentData
+  }, ref) => {
+    const [attachments, setAttachments] = reactExports.useState([]);
+    const [isRecording, setIsRecording] = reactExports.useState(false);
+    const [audioBlob, setAudioBlob] = reactExports.useState(null);
+    const [isTranscribing, setIsTranscribing] = reactExports.useState(false);
+    const mediaRecorderRef = reactExports.useRef(null);
+    const audioChunksRef = reactExports.useRef([]);
+    const fileInputRef = reactExports.useRef(null);
+    const MAX_SUGGESTIONS2 = 7;
+    const suggestions = reactExports.useMemo(() => {
+      if (!initialSuggestions || initialSuggestions.length === 0) return [];
+      if (initialSuggestions.length <= MAX_SUGGESTIONS2) {
+        return initialSuggestions;
+      }
+      const shuffled = [...initialSuggestions].sort(() => Math.random() - 0.5);
+      return shuffled.slice(0, MAX_SUGGESTIONS2);
+    }, [initialSuggestions]);
+    const onSubmit = reactExports.useMemo(
+      () => (message2) => {
+        onSendMessage(message2, attachments);
+        setAttachments([]);
+      },
+      [onSendMessage, attachments]
+    );
+    const {
+      inputValue: newMessage,
+      setInputValue: setNewMessage,
+      handleKeyDown,
+      handleSubmit: submitMessage,
+      textareaRef
+    } = useMessageInput({
+      conversationId,
+      onSubmit,
+      scrollToBottom
+    });
+    reactExports.useImperativeHandle(ref, () => ({
+      focusInput: () => {
+        textareaRef.current?.focus();
+      }
+    }));
+    const isInputDisabled = Boolean(isLoading && currentJobId);
+    reactExports.useEffect(() => {
+      if (!isInputDisabled && !isRecording && !isTranscribing) {
+        const activeElement = document.activeElement;
+        const isInputFocused = activeElement && (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA");
+        if (!isInputFocused) {
+          textareaRef.current?.focus();
         }
-        return URL.createObjectURL(file);
-      });
-      setAttachments((prev2) => [...prev2, ...newAttachments]);
-      if (fileInputRef.current) {
-        fileInputRef.current.value = "";
       }
-    }
-  };
-  const handleRemoveAttachment = (index2) => {
-    setAttachments((prev2) => {
-      const newAttachments = [...prev2];
-      if (newAttachments[index2].startsWith("blob:")) {
-        URL.revokeObjectURL(newAttachments[index2]);
+    }, [isInputDisabled, isRecording, isTranscribing, textareaRef]);
+    const handleStartRecording = reactExports.useCallback(async () => {
+      if (navigator?.mediaDevices?.getUserMedia) {
+        try {
+          const stream = await navigator.mediaDevices.getUserMedia({
+            audio: true
+          });
+          mediaRecorderRef.current = new MediaRecorder(stream);
+          audioChunksRef.current = [];
+          mediaRecorderRef.current.ondataavailable = (event) => {
+            audioChunksRef.current.push(event.data);
+          };
+          mediaRecorderRef.current.onstop = () => {
+            const completeAudioBlob = new Blob(audioChunksRef.current, {
+              type: "audio/webm"
+            });
+            setAudioBlob(completeAudioBlob);
+            for (const track of stream.getTracks()) {
+              track.stop();
+            }
+          };
+          mediaRecorderRef.current.start();
+          setIsRecording(true);
+          setAudioBlob(null);
+        } catch (err) {
+          console.error("Error accessing microphone:", err);
+          showErrorToast(
+            "Error accessing microphone. Please ensure microphone permissions are granted."
+          );
+        }
+      } else {
+        console.error("getUserMedia not supported on your browser!");
+        showErrorToast("Audio recording is not supported on your browser.");
       }
-      newAttachments.splice(index2, 1);
-      return newAttachments;
-    });
-  };
-  const triggerFileInput = () => {
-    fileInputRef.current?.click();
-  };
-  const handlePaste = (event) => {
-    const items = event.clipboardData?.items;
-    if (items) {
-      for (let i2 = 0; i2 < items.length; i2++) {
-        if (items[i2].type.indexOf("image") !== -1 || items[i2].kind === "file") {
-          const file = items[i2].getAsFile();
-          if (file) {
-            const reader = new FileReader();
-            reader.onload = (e3) => {
-              if (e3.target?.result) {
-                setAttachments((prev2) => [...prev2, e3.target?.result]);
-              }
-            };
-            reader.readAsDataURL(file);
+    }, []);
+    const handleStopRecording = reactExports.useCallback(() => {
+      if (mediaRecorderRef.current && isRecording) {
+        mediaRecorderRef.current.stop();
+        setIsRecording(false);
+      }
+    }, [isRecording]);
+    const handleSendAudio = reactExports.useCallback(async () => {
+      if (!audioBlob) return;
+      try {
+        setIsTranscribing(true);
+        const response = await TranscriptionApi.createTranscription(
+          apiConfig.baseUrl,
+          {
+            file: new File([audioBlob], "recording.webm", {
+              type: "audio/webm"
+            })
           }
+        );
+        if (response.result?.text) {
+          const newText = response.result?.text || "";
+          setNewMessage(newMessage + newText);
         }
+        setAudioBlob(null);
+      } catch (error) {
+        console.error("Error transcribing audio:", error);
+        showErrorToast("Error transcribing audio. Please try again.");
+      } finally {
+        setIsTranscribing(false);
       }
-    }
-  };
-  const isInputDisabled = Boolean(isLoading && currentJobId);
-  const handleSuggestionClick = (suggestion) => {
-    if (isInputDisabled) return;
-    onSendMessage(suggestion, attachments);
-    setAttachments([]);
-    setNewMessage("");
-  };
-  const inputContent = /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(InputInnerContainer, { children: [
-      attachments.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        AttachmentsPreview,
-        {
-          attachments,
-          onRemoveAttachment: handleRemoveAttachment,
-          disabled: isInputDisabled
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        StyledTextField$2,
-        {
-          fullWidth: true,
-          placeholder: isInputDisabled ? "Agent is busy" : "Ask me for help",
-          value: newMessage,
-          onChange: (e3) => setNewMessage(e3.target.value),
-          onKeyDown: handleKeyDown,
-          onPaste: handlePaste,
-          multiline: true,
-          maxRows: 4,
-          variant: "outlined",
-          inputRef: textareaRef,
-          disabled: isInputDisabled,
-          inputProps: {
-            "data-tour-tag": "chat-input-textarea"
+    }, [audioBlob, setNewMessage, newMessage]);
+    reactExports.useEffect(() => {
+      if (audioBlob) {
+        handleSendAudio();
+      }
+    }, [audioBlob, handleSendAudio]);
+    const handleSubmit = (e3) => {
+      e3.preventDefault();
+      if (!newMessage.trim() && attachments.length === 0) return;
+      submitMessage();
+    };
+    const handleFileSelect = (e3) => {
+      if (e3.target.files && e3.target.files.length > 0) {
+        const newAttachments = Array.from(e3.target.files).map((file) => {
+          const filePath = file.path;
+          if (filePath) {
+            return normalizePath(filePath);
           }
+          return URL.createObjectURL(file);
+        });
+        setAttachments((prev2) => [...prev2, ...newAttachments]);
+        if (fileInputRef.current) {
+          fileInputRef.current.value = "";
         }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(ButtonsRow, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "input",
-            {
-              type: "file",
-              ref: fileInputRef,
-              onChange: handleFileSelect,
-              style: { display: "none" },
-              disabled: isInputDisabled,
-              multiple: true
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Attach file", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            AttachmentButton,
-            {
-              onClick: triggerFileInput,
-              color: "primary",
-              size: "small",
-              "aria-label": "Attach file",
-              "data-tour-tag": "chat-input-attach-file-button",
-              disabled: isInputDisabled,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faPaperclip })
-            }
-          ) }) }),
-          conversationId && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DirectoryIndicator,
-            {
-              agentId: conversationId,
-              currentWorkingDirectory: agentData?.current_working_directory
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { display: "flex", alignItems: "center", gap: 1, children: 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,
-            {
-              type: "button",
-              variant: "contained",
-              color: "error",
-              onClick: () => onCancelJob?.(currentJobId),
-              "aria-label": "Stop agent",
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faStop })
-            }
-          ) }) })
-        ) : (
-          // @ts-ignore Tooltip type issue
-          /* @__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 })
+      }
+    };
+    const handleRemoveAttachment = (index2) => {
+      setAttachments((prev2) => {
+        const newAttachments = [...prev2];
+        if (newAttachments[index2].startsWith("blob:")) {
+          URL.revokeObjectURL(newAttachments[index2]);
+        }
+        newAttachments.splice(index2, 1);
+        return newAttachments;
+      });
+    };
+    const triggerFileInput = () => {
+      fileInputRef.current?.click();
+    };
+    const handlePaste = (event) => {
+      const items = event.clipboardData?.items;
+      if (items) {
+        for (let i2 = 0; i2 < items.length; i2++) {
+          if (items[i2].type.indexOf("image") !== -1 || items[i2].kind === "file") {
+            const file = items[i2].getAsFile();
+            if (file) {
+              const reader = new FileReader();
+              reader.onload = (e3) => {
+                if (e3.target?.result) {
+                  setAttachments((prev2) => [
+                    ...prev2,
+                    e3.target?.result
+                  ]);
+                }
+              };
+              reader.readAsDataURL(file);
             }
-          ) }) })
-        ) })
-      ] })
-    ] }),
-    messages.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(SuggestionsContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          flexWrap: "wrap",
-          gap: 1,
-          marginTop: 1.5,
-          justifyContent: "center"
-        },
-        children: suggestions.map((suggestion) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          SuggestionChip,
+          }
+        }
+      }
+    };
+    const handleSuggestionClick = (suggestion) => {
+      if (isInputDisabled) return;
+      onSendMessage(suggestion, attachments);
+      setAttachments([]);
+      setNewMessage("");
+    };
+    const inputContent = /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, style: { width: "100%" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(InputInnerContainer, { children: [
+        attachments.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          AttachmentsPreview,
           {
+            attachments,
+            onRemoveAttachment: handleRemoveAttachment,
+            disabled: isInputDisabled || isRecording || isTranscribing
+          }
+        ),
+        isRecording ? /* @__PURE__ */ jsxRuntimeExports.jsx(AudioRecordingIndicator, { isRecording }) : isTranscribing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(TranscriptionIndicator, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TranscriptionText, { variant: "body2", children: "Processing audio..." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(WaveformAnimation, {})
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StyledTextField$2,
+          {
+            fullWidth: true,
+            placeholder: isInputDisabled ? "Agent is busy" : "Ask me for help",
+            value: newMessage,
+            onChange: (e3) => setNewMessage(e3.target.value),
+            onKeyDown: handleKeyDown,
+            onPaste: handlePaste,
+            multiline: true,
+            maxRows: 4,
             variant: "outlined",
-            size: "small",
-            onClick: () => handleSuggestionClick(suggestion),
+            inputRef: textareaRef,
             disabled: isInputDisabled,
-            children: suggestion
+            inputProps: {
+              "data-tour-tag": "chat-input-textarea"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ButtonsRow, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "input",
+              {
+                type: "file",
+                ref: fileInputRef,
+                onChange: handleFileSelect,
+                style: { display: "none" },
+                disabled: isInputDisabled || isRecording || isTranscribing,
+                multiple: true
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: "Attach file", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              AttachmentButton,
+              {
+                onClick: triggerFileInput,
+                color: "primary",
+                size: "small",
+                "aria-label": "Attach file",
+                "data-tour-tag": "chat-input-attach-file-button",
+                disabled: isInputDisabled || isRecording || isTranscribing,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faPaperclip })
+              }
+            ) }) }),
+            conversationId && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DirectoryIndicator,
+              {
+                agentId: conversationId,
+                currentWorkingDirectory: agentData?.current_working_directory
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
+            !isLoading && !currentJobId && !isTranscribing && // @ts-ignore Tooltip type issue
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Tooltip$1,
+              {
+                title: isRecording ? "Stop recording" : "Start recording",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  IconButton,
+                  {
+                    onClick: isRecording ? handleStopRecording : handleStartRecording,
+                    color: isRecording ? "error" : "primary",
+                    size: "small",
+                    "aria-label": isRecording ? "Stop recording" : "Start recording",
+                    disabled: isLoading,
+                    children: isRecording ? /* @__PURE__ */ jsxRuntimeExports.jsx(CircleStop, { size: 24 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Mic, { size: 24 })
+                  }
+                ) })
+              }
+            ),
+            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,
+                {
+                  type: "button",
+                  variant: "contained",
+                  color: "error",
+                  onClick: () => onCancelJob?.(currentJobId),
+                  "aria-label": "Stop agent",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faStop })
+                }
+              ) }) })
+            ) : (
+              // @ts-ignore Tooltip type issue
+              /* @__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 || isRecording || isTranscribing || !newMessage.trim() && attachments.length === 0,
+                  "aria-label": "Send message",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faPaperPlane })
+                }
+              ) }) })
+            )
+          ] })
+        ] })
+      ] }),
+      messages.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(SuggestionsContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Box,
+        {
+          sx: {
+            display: "flex",
+            flexWrap: "wrap",
+            gap: 1,
+            marginTop: 1.5,
+            justifyContent: "center"
           },
-          suggestion
-        ))
-      }
-    ) })
-  ] });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(InputOuterContainer, { children: [
-    messages.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(EmptyStateContainer$2, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyStateTitle, { variant: "h6", children: "What can I help you with today?" }),
-      inputContent
-    ] }) : inputContent,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ScrollToBottomButton,
-      {
-        visible: isFarFromBottom,
-        onClick: scrollToBottom
-      }
-    )
-  ] });
-};
+          children: suggestions.map((suggestion) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SuggestionChip,
+            {
+              variant: "outlined",
+              size: "small",
+              onClick: () => handleSuggestionClick(suggestion),
+              disabled: isInputDisabled || isRecording || isTranscribing,
+              children: suggestion
+            },
+            suggestion
+          ))
+        }
+      ) })
+    ] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(InputOuterContainer, { children: [
+      messages.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(EmptyStateContainer$2, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyStateTitle, { variant: "h6", children: "What can I help you with today?" }),
+        inputContent
+      ] }) : inputContent,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ScrollToBottomButton,
+        {
+          visible: isFarFromBottom,
+          onClick: scrollToBottom
+        }
+      )
+    ] });
+  }
+);
+MessageInput.displayName = "MessageInput";
 const RingLoadingIndicator = ({
   size = 30
 }) => {
@@ -216216,7 +216690,8 @@ const ChatContent = ({
   currentJobId,
   onCancelJob,
   agentData,
-  refetch
+  refetch,
+  messageInputRef
 }) => {
   const canvasContainerRef = reactExports.useRef(null);
   const canvasPanelWidth = useUiPreferencesStore((s2) => s2.canvasWidth);
@@ -216288,6 +216763,7 @@ const ChatContent = ({
           !(isLoadingMessages && messages.length === 0) && /* @__PURE__ */ jsxRuntimeExports.jsx(
             MessageInput,
             {
+              ref: messageInputRef,
               onSendMessage,
               initialSuggestions: DEFAULT_MESSAGE_SUGGESTIONS,
               isLoading,
@@ -216612,7 +217088,7 @@ const ChatSidebar = ({
   onNavigateToAgentSettings
 }) => {
   const [searchQuery, setSearchQuery2] = reactExports.useState("");
-  const [isCreateDialogOpen, setIsCreateDialogOpen] = reactExports.useState(false);
+  const { openCreateAgentDialog } = useUiPreferencesStore();
   const [isImportDialogOpen, setIsImportDialogOpen] = reactExports.useState(false);
   const perPage = 50;
   const [isUploadDialogOpen, setIsUploadDialogOpen] = reactExports.useState(false);
@@ -216662,12 +217138,6 @@ const ChatSidebar = ({
     },
     [onSelectConversation]
   );
-  const handleOpenCreateDialog = reactExports.useCallback(() => {
-    setIsCreateDialogOpen(true);
-  }, []);
-  const handleCloseCreateDialog = reactExports.useCallback(() => {
-    setIsCreateDialogOpen(false);
-  }, []);
   const handleOpenImportDialog = reactExports.useCallback(() => {
     setIsImportDialogOpen(true);
   }, []);
@@ -216782,7 +217252,7 @@ const ChatSidebar = ({
         title: "Agents",
         searchQuery,
         onSearchChange: (query) => setSearchQuery2(query),
-        onNewAgentClick: handleOpenCreateDialog,
+        onNewAgentClick: openCreateAgentDialog,
         onImportAgentClick: handleOpenImportDialog,
         importAgentTooltip: "Import an agent from a ZIP file"
       }
@@ -216824,14 +217294,6 @@ const ChatSidebar = ({
       },
       agent.id
     )) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      CreateAgentDialog,
-      {
-        open: isCreateDialogOpen,
-        onClose: handleCloseCreateDialog,
-        onAgentCreated: handleAgentCreated
-      }
-    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ImportAgentDialog,
       {
@@ -216929,6 +217391,7 @@ const PlaceholderView = ({
 };
 const ChatPage = () => {
   const didAutoScrollRef = React$1.useRef(false);
+  const messageInputRef = reactExports.useRef(null);
   const { agentId, navigateToAgent } = useAgentRouteParam();
   const navigate = useNavigate();
   const queryClient2 = useQueryClient();
@@ -216981,6 +217444,7 @@ const ChatPage = () => {
   const messagesEndRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
     if (agentId) {
+      const previousAgentId = previousConversationIdRef.current;
       setLastChatAgentId(agentId);
       if (!isLoadingMessages && messages.length > 0) {
         const prevMessages = getMessages(agentId);
@@ -216988,6 +217452,11 @@ const ChatPage = () => {
           scrollToBottom();
         }
       }
+      if (previousAgentId && previousAgentId !== agentId) {
+        Promise.resolve().then(() => {
+          messageInputRef.current?.focusInput();
+        });
+      }
     }
   }, [
     agentId,
@@ -217008,10 +217477,13 @@ const ChatPage = () => {
     if (!didAutoScrollRef.current && agentId && !isLoadingMessages && messages.length > 0) {
       if (messagesContainerRef.current) {
         messagesContainerRef.current.scrollTop = 0;
-        didAutoScrollRef.current = true;
       }
+      Promise.resolve().then(() => {
+        messageInputRef.current?.focusInput();
+      });
+      didAutoScrollRef.current = true;
     }
-  }, [agentId, isLoadingMessages, messages.length]);
+  }, [agentId, isLoadingMessages, messages.length, scrollToBottom]);
   const previousConversationIdRef = reactExports.useRef(void 0);
   reactExports.useEffect(() => {
     if (conversationId) {
@@ -217220,7 +217692,8 @@ Store messages: ${JSON.stringify(getMessages(conversationId || ""), null, 2)}`;
         currentJobId,
         onCancelJob: handleCancelJob,
         agentData,
-        refetch
+        refetch,
+        messageInputRef
       }
     );
   };
@@ -217239,6 +217712,689 @@ Store messages: ${JSON.stringify(getMessages(conversationId || ""), null, 2)}`;
     }
   );
 };
+const getIconElement = (section) => {
+  if (section.isImage && typeof section.icon === "string") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "img",
+      {
+        src: section.icon,
+        alt: section.label,
+        style: { width: 20, height: 20, objectFit: "contain" }
+      }
+    );
+  }
+  if (section.isFontAwesome) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      FontAwesomeIcon,
+      {
+        icon: section.icon,
+        size: "lg",
+        style: { width: 16, height: 16 }
+      }
+    );
+  }
+  const IconComponent = section.icon;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(IconComponent, { size: 16 });
+};
+const RadientIcon = "" + new URL("radient-icon-1024x1024-D_JJedvo.png", import.meta.url).href;
+const SidebarContainer$1 = styled$1(Paper)(({ theme: theme2 }) => ({
+  width: "100%",
+  height: "100%",
+  borderRadius: 0,
+  backgroundColor: theme2.palette.sidebar.secondaryBackground,
+  boxShadow: "none",
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden",
+  borderRight: `1px solid ${theme2.palette.sidebar.border}`
+}));
+const SidebarHeader = styled$1(Box)(({ theme: theme2 }) => ({
+  padding: theme2.spacing(3),
+  borderBottom: `1px solid ${theme2.palette.sidebar.border}`
+}));
+const SidebarTitle = styled$1(Typography)(({ theme: theme2 }) => ({
+  fontWeight: 600,
+  fontSize: "1rem",
+  color: theme2.palette.text.primary
+}));
+const SidebarList = styled$1(List$1)(({ theme: theme2 }) => ({
+  padding: theme2.spacing(2),
+  flexGrow: 1
+}));
+const SidebarItemButton = styled$1(ListItemButton, {
+  shouldForwardProp: (prop) => prop !== "isActive"
+})(({ theme: theme2, isActive }) => ({
+  borderRadius: 8,
+  marginBottom: 4,
+  paddingTop: 10,
+  paddingBottom: 10,
+  color: isActive ? theme2.palette.sidebar.itemActiveText : theme2.palette.sidebar.itemText,
+  backgroundColor: isActive ? theme2.palette.sidebar.itemActive : "transparent",
+  transition: "all 0.2s ease-out",
+  position: "relative",
+  overflow: "hidden",
+  "&:hover": {
+    backgroundColor: isActive ? theme2.palette.sidebar.itemActiveHover : theme2.palette.sidebar.itemHover,
+    transform: "translateX(4px)"
+  },
+  ...isActive && {
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      left: 0,
+      top: "50%",
+      transform: "translateY(-50%)",
+      width: 4,
+      height: "60%",
+      backgroundColor: theme2.palette.sidebar.itemActiveText,
+      borderRadius: "0 4px 4px 0"
+    }
+  }
+}));
+const SidebarItemIcon = styled$1(ListItemIcon, {
+  shouldForwardProp: (prop) => prop !== "isActive"
+})(({ theme: theme2, isActive }) => ({
+  minWidth: 40,
+  color: isActive ? theme2.palette.sidebar.itemActiveText : theme2.palette.icon.text,
+  transition: "transform 0.2s ease, color 0.2s ease",
+  ...isActive && {
+    transform: "scale(1.1)"
+  }
+}));
+const IconImage$2 = styled$1("img")(() => ({
+  width: 30,
+  height: 30,
+  marginLeft: -4,
+  objectFit: "contain"
+}));
+const SettingsSidebar = ({
+  activeSection,
+  onSelectSection,
+  sections
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarContainer$1, { elevation: 0, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTitle, { variant: "subtitle1", children: "Settings Navigation" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarList, { children: sections.map((section) => {
+      let tourTag;
+      switch (section.id) {
+        case "general":
+          tourTag = "settings-sidebar-general";
+          break;
+        case "radient":
+          tourTag = "settings-sidebar-radient-account";
+          break;
+        case "integrations":
+          tourTag = "settings-sidebar-integrations";
+          break;
+        case "appearance":
+          tourTag = "settings-sidebar-appearance";
+          break;
+        case "credentials":
+          tourTag = "settings-sidebar-api-credentials";
+          break;
+        case "updates":
+          tourTag = "settings-sidebar-application-updates";
+          break;
+        default:
+          tourTag = void 0;
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        SidebarItemButton,
+        {
+          isActive: activeSection === section.id,
+          onClick: () => onSelectSection(section.id),
+          "data-tour-tag": tourTag,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarItemIcon, { isActive: activeSection === section.id, children: section.isImage ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconImage$2, { src: section.icon, alt: section.label }) : section.isFontAwesome ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              FontAwesomeIcon,
+              {
+                icon: section.icon,
+                style: { fontSize: 20 }
+              }
+            ) : (() => {
+              const IconComponent = section.icon;
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(IconComponent, { size: 22, strokeWidth: 2.1 });
+            })() }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ListItemText,
+              {
+                primary: section.label,
+                primaryTypographyProps: {
+                  fontWeight: activeSection === section.id ? 600 : 500,
+                  fontSize: "0.95rem"
+                }
+              }
+            )
+          ]
+        },
+        section.id
+      );
+    }) })
+  ] });
+};
+const DEFAULT_SETTINGS_SECTIONS = [
+  {
+    id: "general",
+    label: "General Settings",
+    icon: Settings$1
+  },
+  {
+    id: "radient",
+    label: "Radient Account",
+    icon: RadientIcon,
+    isImage: true
+  },
+  {
+    id: "integrations",
+    label: "Integrations",
+    icon: Puzzle
+  },
+  {
+    id: "appearance",
+    label: "Appearance",
+    icon: Paintbrush
+  },
+  {
+    id: "credentials",
+    label: "API Credentials",
+    icon: Key
+  },
+  {
+    id: "updates",
+    label: "Application Updates",
+    icon: Download
+  }
+];
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = reactExports.useState(value);
+  reactExports.useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+const StyledDialog$1 = styled$1(Dialog)(({ theme: theme2 }) => ({
+  "& .MuiDialog-paper": {
+    width: "600px",
+    maxWidth: "90vw",
+    borderRadius: theme2.shape.borderRadius * 2,
+    backgroundColor: theme2.palette.background.default,
+    backgroundImage: "none",
+    boxShadow: theme2.shadows[8],
+    border: `1px solid ${theme2.palette.divider}`
+  }
+}));
+const SearchInputContainer = styled$1("div")(({ theme: theme2 }) => ({
+  padding: theme2.spacing(2, 3),
+  borderBottom: `1px solid ${theme2.palette.divider}`
+}));
+const ResultsListContainer = styled$1(List$1)(({ theme: theme2 }) => ({
+  maxHeight: "400px",
+  overflowY: "auto",
+  padding: 0,
+  // Custom scrollbar styles
+  "&::-webkit-scrollbar": {
+    width: "8px"
+  },
+  "&::-webkit-scrollbar-track": {
+    background: "transparent"
+  },
+  "&::-webkit-scrollbar-thumb": {
+    background: theme2.palette.mode === "dark" ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.2)",
+    borderRadius: "4px",
+    "&:hover": {
+      background: theme2.palette.mode === "dark" ? "rgba(255, 255, 255, 0.3)" : "rgba(0, 0, 0, 0.3)"
+    }
+  },
+  // Firefox scrollbar styles
+  scrollbarWidth: "thin",
+  scrollbarColor: theme2.palette.mode === "dark" ? "rgba(255, 255, 255, 0.2) transparent" : "rgba(0, 0, 0, 0.2) transparent"
+}));
+const ResultItemStyled = styled$1(ListItemButton)(({ theme: theme2 }) => ({
+  padding: theme2.spacing(0.5, 2),
+  borderRadius: 8,
+  "&:hover": {
+    backgroundColor: theme2.palette.action.hover
+  }
+}));
+const ActionChip = styled$1(Chip)(() => ({
+  fontSize: "0.7rem",
+  height: "20px",
+  marginLeft: "auto"
+}));
+const PAGE_DEFINITIONS = [
+  {
+    name: "Chat",
+    path: "/chat",
+    category: "Navigation",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { size: 16 })
+  },
+  {
+    name: "My Agents",
+    path: "/agents",
+    category: "Navigation",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Users, { size: 16 })
+  },
+  {
+    name: "Agent Hub",
+    path: "/agent-hub",
+    category: "Navigation",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Store, { size: 16 })
+  },
+  {
+    name: "Schedules",
+    path: "/schedules",
+    category: "Navigation",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { size: 16 })
+  },
+  {
+    name: "Settings",
+    path: "/settings",
+    category: "Navigation",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings$1, { size: 16 })
+  }
+];
+const MAX_SUGGESTIONS = 15;
+const getActionLabel = (type2) => {
+  switch (type2) {
+    case "page":
+      return "Navigate";
+    case "agent-chat":
+      return "Chat";
+    case "agent-settings":
+      return "Configure";
+    case "settings-section":
+      return "Configure";
+    case "create-agent":
+      return "Create";
+    case "clear-conversation":
+      return "Clear";
+    case "toggle-canvas":
+      return "Toggle";
+    default:
+      return "Open";
+  }
+};
+const getActionColor = (type2) => {
+  switch (type2) {
+    case "page":
+      return "primary";
+    case "agent-chat":
+      return "success";
+    case "agent-settings":
+      return "warning";
+    case "settings-section":
+      return "info";
+    case "create-agent":
+      return "success";
+    case "clear-conversation":
+      return "error";
+    case "toggle-canvas":
+      return "secondary";
+    default:
+      return "default";
+  }
+};
+const CommandPalette = () => {
+  const navigate = useNavigate();
+  const location2 = useLocation();
+  const {
+    isCommandPaletteOpen,
+    closeCommandPalette,
+    commandPaletteQuery,
+    setCommandPaletteQuery,
+    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 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");
+  reactExports.useEffect(() => {
+    setCommandPaletteQuery(debouncedLocalQuery);
+  }, [debouncedLocalQuery, setCommandPaletteQuery]);
+  reactExports.useEffect(() => {
+    if (isCommandPaletteOpen) {
+      setLocalQuery(commandPaletteQuery);
+    }
+  }, [isCommandPaletteOpen, commandPaletteQuery]);
+  const handleQueryChange = reactExports.useCallback(
+    (event) => {
+      setLocalQuery(event.target.value);
+    },
+    []
+  );
+  const handleClearSearch = reactExports.useCallback(() => {
+    setLocalQuery("");
+  }, []);
+  const inputPropsStyle = reactExports.useMemo(() => ({ fontSize: "1rem" }), []);
+  const startAdornment = reactExports.useMemo(
+    () => /* @__PURE__ */ jsxRuntimeExports.jsx(InputAdornment, { position: "start", sx: { width: "28px" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { size: 16, color: theme2.palette.action.active }) }),
+    [theme2.palette.action.active]
+  );
+  const endAdornment = reactExports.useMemo(
+    () => localQuery ? /* @__PURE__ */ jsxRuntimeExports.jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      IconButton,
+      {
+        "aria-label": "clear search",
+        onClick: handleClearSearch,
+        edge: "end",
+        size: "small",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$2, { size: 16 })
+      }
+    ) }) : null,
+    [localQuery, handleClearSearch]
+  );
+  const textFieldInputProps = reactExports.useMemo(
+    () => ({
+      startAdornment,
+      endAdornment,
+      disableUnderline: true,
+      style: inputPropsStyle
+    }),
+    [startAdornment, endAdornment, inputPropsStyle]
+  );
+  const pages = reactExports.useMemo(() => {
+    return PAGE_DEFINITIONS.map((p2, i2) => ({
+      ...p2,
+      id: `page-${i2}`,
+      type: "page"
+    }));
+  }, []);
+  const settingsSectionItems = reactExports.useMemo(() => {
+    return DEFAULT_SETTINGS_SECTIONS.map((section) => ({
+      id: `settings-section-${section.id}`,
+      type: "settings-section",
+      name: section.label,
+      category: "Settings Section",
+      path: `/settings?section=${section.id}`,
+      icon: getIconElement(section)
+    }));
+  }, []);
+  const handleCreateAgent = reactExports.useCallback(() => {
+    closeCommandPalette();
+    openCreateAgentDialog();
+  }, [closeCommandPalette, openCreateAgentDialog]);
+  const handleClearConversation = reactExports.useCallback(() => {
+    if (effectiveAgentId) {
+      setIsClearConfirmationOpen(true);
+    }
+  }, [effectiveAgentId]);
+  const confirmActualClearConversation = reactExports.useCallback(() => {
+    if (effectiveAgentId) {
+      clearConversationMutation.mutate({ agentId: effectiveAgentId });
+    }
+    setIsClearConfirmationOpen(false);
+    closeCommandPalette();
+  }, [effectiveAgentId, clearConversationMutation, closeCommandPalette]);
+  const cancelClearConversation = reactExports.useCallback(() => {
+    setIsClearConfirmationOpen(false);
+  }, []);
+  const handleToggleCanvas = reactExports.useCallback(() => {
+    setCanvasOpen(!isCanvasOpen);
+    closeCommandPalette();
+  }, [isCanvasOpen, setCanvasOpen, closeCommandPalette]);
+  const handleAgentCreated = reactExports.useCallback(
+    (agentId) => {
+      navigate(`/chat/${agentId}`);
+      closeCreateAgentDialog();
+    },
+    [navigate, closeCreateAgentDialog]
+  );
+  const actionItems = reactExports.useMemo(() => {
+    const items = [];
+    items.push({
+      id: "create-agent",
+      type: "create-agent",
+      name: "Create Agent",
+      category: "Actions",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus$1, { size: 16 }),
+      action: handleCreateAgent
+    });
+    if (isOnChatPage && effectiveAgentId) {
+      items.push({
+        id: "clear-conversation",
+        type: "clear-conversation",
+        name: "Clear Conversation",
+        category: "Actions",
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { size: 16 }),
+        action: handleClearConversation
+      });
+    }
+    if (isOnChatPage) {
+      items.push({
+        id: "toggle-canvas",
+        type: "toggle-canvas",
+        name: isCanvasOpen ? "Close Canvas" : "Open Canvas",
+        category: "Actions",
+        icon: isCanvasOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(PanelRightClose, { size: 16 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(PanelRightOpen, { size: 16 }),
+        action: handleToggleCanvas
+      });
+    }
+    return items;
+  }, [
+    isOnChatPage,
+    effectiveAgentId,
+    isCanvasOpen,
+    handleCreateAgent,
+    handleClearConversation,
+    handleToggleCanvas
+  ]);
+  const handleItemClick = reactExports.useCallback(
+    (item) => {
+      if (item.action) {
+        item.action();
+      } else if (item.path) {
+        navigate(item.path);
+        closeCommandPalette();
+      }
+    },
+    [navigate, closeCommandPalette]
+  );
+  const allItems = reactExports.useMemo(() => {
+    const agentItems = [];
+    if (agentsData?.agents) {
+      for (const agent of agentsData.agents) {
+        agentItems.push({
+          id: `agent-chat-${agent.id}`,
+          type: "agent-chat",
+          name: agent.name,
+          category: "Agent",
+          path: `/chat/${agent.id}`,
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { size: 16 })
+        });
+        agentItems.push({
+          id: `agent-settings-${agent.id}`,
+          type: "agent-settings",
+          name: agent.name,
+          category: "Agent",
+          path: `/agents/${agent.id}`,
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings$1, { size: 16 })
+        });
+      }
+    }
+    return [...actionItems, ...pages, ...settingsSectionItems, ...agentItems];
+  }, [agentsData, pages, settingsSectionItems, actionItems]);
+  const filteredItems = reactExports.useMemo(() => {
+    if (!debouncedLocalQuery) {
+      return allItems.slice(0, MAX_SUGGESTIONS);
+    }
+    const lowerCaseQuery = debouncedLocalQuery.toLowerCase();
+    const filtered = allItems.filter(
+      (item) => item.name.toLowerCase().includes(lowerCaseQuery) || item.category.toLowerCase().includes(lowerCaseQuery)
+    );
+    return filtered.slice(0, MAX_SUGGESTIONS);
+  }, [allItems, debouncedLocalQuery]);
+  reactExports.useEffect(() => {
+    setSelectedIndex(0);
+  }, [filteredItems, isCommandPaletteOpen]);
+  reactExports.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (!isCommandPaletteOpen) return;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setSelectedIndex((prev2) => (prev2 + 1) % filteredItems.length);
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setSelectedIndex(
+          (prev2) => (prev2 - 1 + filteredItems.length) % filteredItems.length
+        );
+      } else if (event.key === "Enter") {
+        event.preventDefault();
+        if (filteredItems[selectedIndex]) {
+          handleItemClick(filteredItems[selectedIndex]);
+        }
+      } else if (event.key === "Escape") {
+        closeCommandPalette();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [
+    isCommandPaletteOpen,
+    filteredItems,
+    selectedIndex,
+    closeCommandPalette,
+    handleItemClick
+  ]);
+  if (!isCommandPaletteOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      StyledDialog$1,
+      {
+        "data-tour-tag": "command-palette-dialog",
+        open: isCommandPaletteOpen,
+        onClose: closeCommandPalette,
+        "aria-labelledby": "command-palette-dialog-title",
+        fullWidth: true,
+        disableRestoreFocus: true,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SearchInputContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            TextField,
+            {
+              autoFocus: true,
+              fullWidth: true,
+              variant: "standard",
+              placeholder: "Search actions, agents, and pages",
+              value: localQuery,
+              onChange: handleQueryChange,
+              InputProps: textFieldInputProps,
+              autoComplete: "off"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { sx: { padding: 0 }, children: [
+            filteredItems.length === 0 && debouncedLocalQuery && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Typography,
+              {
+                sx: { p: 3, textAlign: "center", color: "text.secondary" },
+                children: "No results found."
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ResultsListContainer, { sx: { padding: 0.5 }, children: filteredItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ListItem,
+              {
+                disablePadding: true,
+                dense: true,
+                sx: { padding: 0.5 },
+                children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  ResultItemStyled,
+                  {
+                    selected: selectedIndex === index2,
+                    onClick: () => handleItemClick(item),
+                    onMouseMove: () => setSelectedIndex(index2),
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        ListItemIcon,
+                        {
+                          sx: {
+                            minWidth: "20px",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            mr: 1.5,
+                            color: "text.secondary"
+                          },
+                          children: item.icon || /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { size: 16 })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        ListItemText,
+                        {
+                          primary: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                            Box,
+                            {
+                              sx: { display: "flex", alignItems: "center", gap: 1 },
+                              children: [
+                                /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body2", children: item.name }),
+                                /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "caption", color: "text.secondary", children: item.category })
+                              ]
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        ActionChip,
+                        {
+                          label: getActionLabel(item.type),
+                          size: "small",
+                          color: getActionColor(item.type),
+                          variant: "outlined"
+                        }
+                      )
+                    ]
+                  }
+                )
+              },
+              item.id
+            )) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CreateAgentDialog,
+      {
+        open: isCreateAgentDialogOpen,
+        onClose: closeCreateAgentDialog,
+        onAgentCreated: handleAgentCreated
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ConfirmationModal,
+      {
+        open: isClearConfirmationOpen,
+        title: "Clear Conversation",
+        message: "Are you sure you want to clear this conversation? This action cannot be undone and all messages will be permanently deleted.",
+        confirmText: "Clear",
+        cancelText: "Cancel",
+        isDangerous: true,
+        onConfirm: confirmActualClearConversation,
+        onCancel: cancelClearConversation
+      }
+    )
+  ] });
+};
 const StyledDialog = styled$1(Dialog)(({ theme: theme2 }) => ({
   "& .MuiBackdrop-root": {
     background: "linear-gradient(135deg, rgba(40,40,40,1), rgba(15,15,15,0.95), rgba(5,5,5,1), rgba(56,201,106,0.15))",
@@ -218507,7 +219663,6 @@ const ModelCredentialStep = () => {
     ] })
   ] });
 };
-const RadientIcon = "" + new URL("radient-icon-1024x1024-D_JJedvo.png", import.meta.url).href;
 const ChoiceCard = styled$1(Box)(({ theme: theme2 }) => ({
   display: "flex",
   flexDirection: "column",
@@ -223140,7 +224295,44 @@ const tourSteps = [
         text: "Next",
         classes: "shepherd-button-primary",
         action: function() {
-          this.next();
+          const { openCommandPalette } = useUiPreferencesStore.getState();
+          openCommandPalette();
+          setTimeout(() => {
+            this.next();
+          }, 500);
+        }
+      }
+    ]
+  },
+  {
+    id: "pre-command-palette-open-canvas",
+    title: "Command Palette",
+    attachTo: {
+      element: '[data-tour-tag="command-palette-dialog"]',
+      on: "right"
+    },
+    text: "Let's quickly look at another powerful feature: the Command Palette. You can open it anywhere in the app by pressing <code>Cmd+K</code> on Mac and <code>Ctrl+K</code> on Windows or Linux. This is a helpful window that you can open from anywhere in the app to be able to access agents, settings, pages, and much more using your keyboard.  It can often be faster to access sections in the app this way instead of clicking through menus.  You can type an agent's name to find the chat for that agent, and then hit Enter to open it.",
+    buttons: [
+      {
+        text: "Back",
+        classes: "shepherd-button-secondary",
+        action: function() {
+          const { closeCommandPalette } = useUiPreferencesStore.getState();
+          closeCommandPalette();
+          setTimeout(() => {
+            this.back();
+          }, 500);
+        }
+      },
+      {
+        text: "Next",
+        classes: "shepherd-button-primary",
+        action: function() {
+          const { closeCommandPalette } = useUiPreferencesStore.getState();
+          closeCommandPalette();
+          setTimeout(() => {
+            this.next();
+          }, 500);
         }
       }
     ]
@@ -223158,7 +224350,11 @@ const tourSteps = [
         text: "Back",
         classes: "shepherd-button-secondary",
         action: function() {
-          this.back();
+          const { openCommandPalette } = useUiPreferencesStore.getState();
+          openCommandPalette();
+          setTimeout(() => {
+            this.back();
+          }, 500);
         }
       },
       {
@@ -224255,6 +225451,9 @@ const useOnboardingTour = () => {
       ...defaultStepOptions
     };
     tourInstance.options.useModalOverlay = useModalOverlay;
+    if (options?.firstAgentId) {
+      tourInstance.options.firstAgentId = options.firstAgentId;
+    }
     tourInstance.off("complete", completeTourOnboarding);
     tourInstance.on("complete", completeTourOnboarding);
     tourInstance.off("cancel", completeTourOnboarding);
@@ -224288,15 +225487,23 @@ const TourInitiator = () => {
   const { isModalComplete, isTourComplete } = useOnboardingStore();
   const { startTour: initiateTourFromHook } = useOnboardingTour();
   const shepherdContext = React$1.useContext(Jt);
+  const { data: agentsData } = useAgents(1, 1);
   reactExports.useEffect(() => {
     if (isModalComplete && !isTourComplete && shepherdContext) {
       const timer2 = setTimeout(() => {
-        initiateTourFromHook();
+        const firstAgentId = agentsData?.agents?.[0]?.id;
+        initiateTourFromHook({ firstAgentId });
       }, 500);
       return () => clearTimeout(timer2);
     }
     return void 0;
-  }, [isModalComplete, isTourComplete, shepherdContext, initiateTourFromHook]);
+  }, [
+    isModalComplete,
+    isTourComplete,
+    shepherdContext,
+    initiateTourFromHook,
+    agentsData
+  ]);
   return null;
 };
 const OnboardingProvider = ({
@@ -260031,174 +261238,6 @@ const RadientAccountSection = ({
     )
   ] });
 };
-const SidebarContainer$1 = styled$1(Paper)(({ theme: theme2 }) => ({
-  width: "100%",
-  height: "100%",
-  borderRadius: 0,
-  backgroundColor: theme2.palette.sidebar.secondaryBackground,
-  boxShadow: "none",
-  display: "flex",
-  flexDirection: "column",
-  overflow: "hidden",
-  borderRight: `1px solid ${theme2.palette.sidebar.border}`
-}));
-const SidebarHeader = styled$1(Box)(({ theme: theme2 }) => ({
-  padding: theme2.spacing(3),
-  borderBottom: `1px solid ${theme2.palette.sidebar.border}`
-}));
-const SidebarTitle = styled$1(Typography)(({ theme: theme2 }) => ({
-  fontWeight: 600,
-  fontSize: "1rem",
-  color: theme2.palette.text.primary
-}));
-const SidebarList = styled$1(List$1)(({ theme: theme2 }) => ({
-  padding: theme2.spacing(2),
-  flexGrow: 1
-}));
-const SidebarItemButton = styled$1(ListItemButton, {
-  shouldForwardProp: (prop) => prop !== "isActive"
-})(({ theme: theme2, isActive }) => ({
-  borderRadius: 8,
-  marginBottom: 4,
-  paddingTop: 10,
-  paddingBottom: 10,
-  color: isActive ? theme2.palette.sidebar.itemActiveText : theme2.palette.sidebar.itemText,
-  backgroundColor: isActive ? theme2.palette.sidebar.itemActive : "transparent",
-  transition: "all 0.2s ease-out",
-  position: "relative",
-  overflow: "hidden",
-  "&:hover": {
-    backgroundColor: isActive ? theme2.palette.sidebar.itemActiveHover : theme2.palette.sidebar.itemHover,
-    transform: "translateX(4px)"
-  },
-  ...isActive && {
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      left: 0,
-      top: "50%",
-      transform: "translateY(-50%)",
-      width: 4,
-      height: "60%",
-      backgroundColor: theme2.palette.sidebar.itemActiveText,
-      borderRadius: "0 4px 4px 0"
-    }
-  }
-}));
-const SidebarItemIcon = styled$1(ListItemIcon, {
-  shouldForwardProp: (prop) => prop !== "isActive"
-})(({ theme: theme2, isActive }) => ({
-  minWidth: 40,
-  color: isActive ? theme2.palette.sidebar.itemActiveText : theme2.palette.icon.text,
-  transition: "transform 0.2s ease, color 0.2s ease",
-  ...isActive && {
-    transform: "scale(1.1)"
-  }
-}));
-const IconImage$2 = styled$1("img")(() => ({
-  width: 30,
-  height: 30,
-  marginLeft: -4,
-  objectFit: "contain"
-}));
-const SettingsSidebar = ({
-  activeSection,
-  onSelectSection,
-  sections
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarContainer$1, { elevation: 0, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTitle, { variant: "subtitle1", children: "Settings Navigation" }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarList, { children: sections.map((section) => {
-      let tourTag;
-      switch (section.id) {
-        case "general":
-          tourTag = "settings-sidebar-general";
-          break;
-        case "radient":
-          tourTag = "settings-sidebar-radient-account";
-          break;
-        case "integrations":
-          tourTag = "settings-sidebar-integrations";
-          break;
-        case "appearance":
-          tourTag = "settings-sidebar-appearance";
-          break;
-        case "credentials":
-          tourTag = "settings-sidebar-api-credentials";
-          break;
-        case "updates":
-          tourTag = "settings-sidebar-application-updates";
-          break;
-        default:
-          tourTag = void 0;
-      }
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        SidebarItemButton,
-        {
-          isActive: activeSection === section.id,
-          onClick: () => onSelectSection(section.id),
-          "data-tour-tag": tourTag,
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarItemIcon, { isActive: activeSection === section.id, children: section.isImage ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconImage$2, { src: section.icon, alt: section.label }) : section.isFontAwesome ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-              FontAwesomeIcon,
-              {
-                icon: section.icon,
-                style: { fontSize: 20 }
-              }
-            ) : (() => {
-              const IconComponent = section.icon;
-              return /* @__PURE__ */ jsxRuntimeExports.jsx(IconComponent, { size: 22, strokeWidth: 2.1 });
-            })() }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              ListItemText,
-              {
-                primary: section.label,
-                primaryTypographyProps: {
-                  fontWeight: activeSection === section.id ? 600 : 500,
-                  fontSize: "0.95rem"
-                }
-              }
-            )
-          ]
-        },
-        section.id
-      );
-    }) })
-  ] });
-};
-const DEFAULT_SETTINGS_SECTIONS = [
-  {
-    id: "general",
-    label: "General Settings",
-    icon: Settings$1
-  },
-  {
-    id: "radient",
-    label: "Radient Account",
-    icon: RadientIcon,
-    isImage: true
-  },
-  {
-    id: "integrations",
-    label: "Integrations",
-    icon: Puzzle
-  },
-  {
-    id: "appearance",
-    label: "Appearance",
-    icon: Paintbrush
-  },
-  {
-    id: "credentials",
-    label: "API Credentials",
-    icon: Key
-  },
-  {
-    id: "updates",
-    label: "Application Updates",
-    icon: Download
-  }
-];
 const StyledTextField = styled$1(TextField)(({ theme: theme2 }) => ({
   width: "100%",
   "& .MuiInputBase-root": {
@@ -261547,6 +262586,7 @@ const SettingsPage = () => {
   const [isScrolling, setIsScrolling] = reactExports.useState(false);
   const scrollTimeoutRef = reactExports.useRef(null);
   const { startTour: startOnboardingTour } = useOnboardingTour();
+  const location2 = useLocation();
   const theme2 = useTheme$2();
   const { data: credentialsData, refetch: refetchCredentials } = useCredentials();
   const { refreshModels } = useModels();
@@ -261579,31 +262619,36 @@ const SettingsPage = () => {
     credentials: reactExports.useRef(null),
     updates: reactExports.useRef(null)
   }).current;
-  const handleSelectSection = (sectionId) => {
-    setActiveSection(sectionId);
-    setIsScrolling(true);
-    const ref = sectionRefs[sectionId];
-    const contentContainer = document.querySelector("[data-settings-content]");
-    if (ref?.current && contentContainer) {
-      const containerRect = contentContainer.getBoundingClientRect();
-      const elementRect = ref.current.getBoundingClientRect();
-      const scrollTop = elementRect.top - containerRect.top + contentContainer.scrollTop;
-      contentContainer.scrollTo({
-        top: scrollTop - 80,
-        // Adjust offset as needed (e.g., header height + padding)
-        behavior: "smooth"
-      });
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
-      scrollTimeoutRef.current = setTimeout(() => {
+  const handleSelectSection = reactExports.useCallback(
+    (sectionId) => {
+      setActiveSection(sectionId);
+      setIsScrolling(true);
+      const ref = sectionRefs[sectionId];
+      const contentContainer = document.querySelector(
+        "[data-settings-content]"
+      );
+      if (ref?.current && contentContainer) {
+        const containerRect = contentContainer.getBoundingClientRect();
+        const elementRect = ref.current.getBoundingClientRect();
+        const scrollTop = elementRect.top - containerRect.top + contentContainer.scrollTop;
+        contentContainer.scrollTo({
+          top: scrollTop - 80,
+          // Adjust offset as needed (e.g., header height + padding)
+          behavior: "smooth"
+        });
+        if (scrollTimeoutRef.current) {
+          clearTimeout(scrollTimeoutRef.current);
+        }
+        scrollTimeoutRef.current = setTimeout(() => {
+          setIsScrolling(false);
+          scrollTimeoutRef.current = null;
+        }, 600);
+      } else {
         setIsScrolling(false);
-        scrollTimeoutRef.current = null;
-      }, 600);
-    } else {
-      setIsScrolling(false);
-    }
-  };
+      }
+    },
+    [sectionRefs]
+  );
   reactExports.useEffect(() => {
     const contentContainer = document.querySelector("[data-settings-content]");
     if (!contentContainer) return void 0;
@@ -261634,6 +262679,17 @@ const SettingsPage = () => {
       }
     };
   }, [sectionRefs, activeSection, isScrolling]);
+  reactExports.useEffect(() => {
+    const queryParams = new URLSearchParams(location2.search);
+    const sectionFromQuery = queryParams.get("section");
+    if (sectionFromQuery && sectionRefs[sectionFromQuery]) {
+      const timer2 = setTimeout(() => {
+        handleSelectSection(sectionFromQuery);
+      }, 100);
+      return () => clearTimeout(timer2);
+    }
+    return void 0;
+  }, [location2.search, sectionRefs, handleSelectSection]);
   const handleUpdateField = async (field, value) => {
     setSavingField(field);
     try {
@@ -262538,7 +263594,7 @@ const SidebarNavigation = () => {
   const expanded = !isSidebarCollapsed;
   const navItems = [
     {
-      icon: MessageCircle,
+      icon: MessageSquare,
       label: "Chat",
       path: "/chat",
       isActive: currentView === "chat",
@@ -262759,10 +263815,38 @@ const App = () => {
     openRadientConsole,
     onLowCreditsDialogClose
   } = useLowCreditsDialog();
+  const {
+    toggleCommandPalette,
+    isCommandPaletteOpen,
+    isCreateAgentDialogOpen,
+    // Get dialog state from store
+    closeCreateAgentDialog
+    // Get close action from store
+  } = useUiPreferencesStore();
+  const navigate = useNavigate();
+  const handleAgentCreated = (agentId) => {
+    navigate(`/chat/${agentId}`);
+    closeCreateAgentDialog();
+  };
+  reactExports.useEffect(() => {
+    const handleToggleCommandPalette = () => {
+      toggleCommandPalette();
+    };
+    const unsubscribe = window.electron.ipcRenderer.on(
+      "toggle-command-palette",
+      handleToggleCommandPalette
+    );
+    return () => {
+      if (unsubscribe) {
+        unsubscribe();
+      }
+    };
+  }, [toggleCommandPalette]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(OnboardingProvider, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(OnboardingTourGlobalStyles, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(AppContainer, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
+      isCommandPaletteOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(CommandPalette, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ModelsInitializer, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(OnboardingModal, { open: isOnboardingActive }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectivityBanner, {}),
@@ -262775,6 +263859,14 @@ const App = () => {
           onGoToConsole: openRadientConsole
         }
       ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CreateAgentDialog,
+        {
+          open: isCreateAgentDialogOpen,
+          onClose: closeCreateAgentDialog,
+          onAgentCreated: handleAgentCreated
+        }
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarNavigation, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(MainContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Routes, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: "/", element: /* @__PURE__ */ jsxRuntimeExports.jsx(Navigate, { to: "/chat", replace: true }) }),