@distri/react 0.3.0 → 0.3.1

package/dist/index.js

@@ -1,485 +1,4 @@
 "use client";
-import {
-  require_refractor
-} from "./chunk-VI76WLBB.js";
-import "./chunk-ETSWXID3.js";
-import "./chunk-2IKWR5BD.js";
-import "./chunk-QL55MSIZ.js";
-import "./chunk-Y7YE4V4F.js";
-import "./chunk-426IPYWB.js";
-import "./chunk-TMPJ5OQC.js";
-import "./chunk-SBMAYFHQ.js";
-import "./chunk-FYZGIFIR.js";
-import "./chunk-L7KTXJ5T.js";
-import "./chunk-NAIFU37T.js";
-import "./chunk-QQOZXGR3.js";
-import "./chunk-3XA6VTHO.js";
-import "./chunk-3YPIA64V.js";
-import "./chunk-XHYSFKTX.js";
-import "./chunk-KSDU7X3Q.js";
-import "./chunk-XBB3NKEU.js";
-import "./chunk-4K6U3KST.js";
-import "./chunk-EYSUQCKU.js";
-import "./chunk-5OHRFMBB.js";
-import "./chunk-BB7U4H7S.js";
-import "./chunk-UICM7ISL.js";
-import "./chunk-OI7PZLYM.js";
-import "./chunk-C7DN7SOA.js";
-import "./chunk-RYLEEMHX.js";
-import "./chunk-JY4VLYST.js";
-import "./chunk-ZZ67TT2L.js";
-import "./chunk-UTCKMPAI.js";
-import "./chunk-CNXZNSZ6.js";
-import "./chunk-6ADGDPPW.js";
-import "./chunk-HB5YQXW7.js";
-import "./chunk-S22XTUNB.js";
-import "./chunk-XUECR2ZA.js";
-import "./chunk-4TTFS7AE.js";
-import "./chunk-4ZSHUF27.js";
-import "./chunk-6GAA6YLP.js";
-import "./chunk-3M74OURW.js";
-import "./chunk-DKM437DZ.js";
-import "./chunk-BTRWHRUR.js";
-import "./chunk-7GX444GM.js";
-import "./chunk-UCYAOIJX.js";
-import "./chunk-Y7ITLLSE.js";
-import "./chunk-YTXJD5GL.js";
-import "./chunk-VBFCRLKP.js";
-import "./chunk-YPI6DSCZ.js";
-import "./chunk-UBBKEK2F.js";
-import "./chunk-E2NMFAHM.js";
-import "./chunk-5BE7MV5Y.js";
-import "./chunk-DRQ7XDNB.js";
-import "./chunk-TPASKEDY.js";
-import "./chunk-YST6AG5L.js";
-import "./chunk-MQ4JGNKV.js";
-import "./chunk-UJBVRUTD.js";
-import "./chunk-DNPOVTXW.js";
-import "./chunk-VWKIXPFH.js";
-import "./chunk-IRYK7EBW.js";
-import "./chunk-EAKZVVVK.js";
-import "./chunk-ONRSXHI4.js";
-import "./chunk-NSMEMFKE.js";
-import "./chunk-F4GOSIEU.js";
-import "./chunk-GKYHP5DM.js";
-import "./chunk-L4OBEVKY.js";
-import "./chunk-TUWKJH67.js";
-import "./chunk-JM6YFZCJ.js";
-import "./chunk-XGCRUIXG.js";
-import "./chunk-J7PDPSEI.js";
-import "./chunk-GHHVUAN4.js";
-import "./chunk-P7WAXOIZ.js";
-import "./chunk-VPYZQMFC.js";
-import "./chunk-CU76RRBI.js";
-import "./chunk-SVY64O64.js";
-import "./chunk-XI3JRDGR.js";
-import "./chunk-VYRJGD3W.js";
-import "./chunk-DXN657MG.js";
-import "./chunk-AXOTEEYA.js";
-import "./chunk-A2TJMJHB.js";
-import "./chunk-GN5JY4ON.js";
-import "./chunk-PC37JIIX.js";
-import "./chunk-HA25XUMO.js";
-import "./chunk-76OIATWI.js";
-import "./chunk-2OUDGY74.js";
-import "./chunk-JIMMMDQX.js";
-import "./chunk-NF3K6UKW.js";
-import "./chunk-YS7PQUUJ.js";
-import "./chunk-NHLJH2QU.js";
-import "./chunk-LSJCH55S.js";
-import "./chunk-27CW3EDR.js";
-import "./chunk-DXOFOLMO.js";
-import "./chunk-L2OROVEO.js";
-import "./chunk-BBQV2JXP.js";
-import "./chunk-SJSNOISF.js";
-import "./chunk-OHGHYIQD.js";
-import "./chunk-NO3DNLIA.js";
-import "./chunk-EFDDCP6E.js";
-import "./chunk-25FROOH6.js";
-import "./chunk-QUWJFCWK.js";
-import "./chunk-5U3JUGOR.js";
-import "./chunk-OD2UFFIF.js";
-import "./chunk-XG2I3QRD.js";
-import "./chunk-55TJCXPI.js";
-import "./chunk-6F34AU46.js";
-import "./chunk-LSXW7LL3.js";
-import "./chunk-RNTTNM5P.js";
-import "./chunk-NOH3VCUN.js";
-import "./chunk-3NKUT7TH.js";
-import "./chunk-GBDND3J7.js";
-import "./chunk-EDED7GO2.js";
-import "./chunk-D7CBXSDT.js";
-import "./chunk-ZCYJW4VO.js";
-import "./chunk-FRTB7SKA.js";
-import "./chunk-UU73JDYM.js";
-import "./chunk-TVWUYRIS.js";
-import "./chunk-5ME2UIV2.js";
-import "./chunk-YRU55K5G.js";
-import "./chunk-EYYK5DWC.js";
-import "./chunk-UVOTXBDD.js";
-import "./chunk-X6QBUAE7.js";
-import "./chunk-LQIUIOZD.js";
-import "./chunk-4WZAWVVD.js";
-import "./chunk-WDVOU5L7.js";
-import "./chunk-JXFYYAWX.js";
-import "./chunk-L35GVMS6.js";
-import "./chunk-ADKDXJMX.js";
-import "./chunk-IDCGS2LG.js";
-import "./chunk-L4KT7DFF.js";
-import "./chunk-YY7FQURC.js";
-import "./chunk-XY6WLMUK.js";
-import "./chunk-UZ37NXAL.js";
-import "./chunk-KMVKUGEN.js";
-import "./chunk-U6KZOUWP.js";
-import "./chunk-VXO6WZ3Z.js";
-import "./chunk-NQVYKPWZ.js";
-import "./chunk-Q7YUTUXA.js";
-import "./chunk-TYBQXIHB.js";
-import "./chunk-IGC26U6E.js";
-import "./chunk-WWAUXGX2.js";
-import "./chunk-24VYMNIF.js";
-import "./chunk-YX5EOMYE.js";
-import "./chunk-EG5ENAMF.js";
-import "./chunk-5SUD76JK.js";
-import "./chunk-7VWJOW6P.js";
-import "./chunk-4TEDW65X.js";
-import "./chunk-AHHMCY2J.js";
-import "./chunk-NNKKBIBH.js";
-import "./chunk-FDJQNDUI.js";
-import "./chunk-M2XF7C43.js";
-import "./chunk-BAVP462O.js";
-import "./chunk-65KJS5T6.js";
-import "./chunk-P4DAHZUQ.js";
-import "./chunk-GSJ4ZPME.js";
-import "./chunk-5WGGQBDN.js";
-import "./chunk-VFSK564P.js";
-import "./chunk-DMH4XPXJ.js";
-import "./chunk-ZDJILSU6.js";
-import "./chunk-53MOB7QD.js";
-import "./chunk-CPE7WTCO.js";
-import "./chunk-XA3YT5Q2.js";
-import "./chunk-LSJTRURW.js";
-import "./chunk-P5HX2PL4.js";
-import "./chunk-MR5GJJCD.js";
-import "./chunk-ZZZGVQP2.js";
-import "./chunk-LP6PAX6W.js";
-import "./chunk-AOICOBAF.js";
-import "./chunk-R4WHSRPM.js";
-import "./chunk-C475R4FS.js";
-import "./chunk-J5NTCYRJ.js";
-import "./chunk-MLZ6Z4NJ.js";
-import "./chunk-DL5KKDDX.js";
-import "./chunk-OA6YIRHQ.js";
-import "./chunk-33VUG2QM.js";
-import "./chunk-NZY5EZK5.js";
-import "./chunk-MSFD2P6X.js";
-import "./chunk-VW26B25E.js";
-import "./chunk-QLTOG4MT.js";
-import "./chunk-FUNANJQD.js";
-import "./chunk-P2R24TGR.js";
-import "./chunk-P7POYAWI.js";
-import "./chunk-TEUCS7CC.js";
-import "./chunk-R7LE6OT4.js";
-import "./chunk-CGQKUOBK.js";
-import "./chunk-HPUECJDJ.js";
-import "./chunk-ERCJ2723.js";
-import "./chunk-FAV4X3VE.js";
-import "./chunk-W3M6SKHX.js";
-import "./chunk-7WBWN6D5.js";
-import "./chunk-LW7TKM5V.js";
-import "./chunk-TWAI6FLP.js";
-import "./chunk-3JA2W53Z.js";
-import "./chunk-YFWG72PF.js";
-import "./chunk-V3FVSCNQ.js";
-import "./chunk-T4XULMNE.js";
-import "./chunk-47VKELNA.js";
-import "./chunk-PAB77QMV.js";
-import "./chunk-6YISWBMA.js";
-import "./chunk-G3RVOSQS.js";
-import "./chunk-UBOVR4MJ.js";
-import "./chunk-FOMZNBFC.js";
-import "./chunk-LNJTL4XT.js";
-import "./chunk-3JNYM26W.js";
-import "./chunk-D2R2ZRRH.js";
-import "./chunk-5NFJPAWG.js";
-import "./chunk-ZF2QXXYV.js";
-import "./chunk-TEVPUTJN.js";
-import "./chunk-4BINGQXR.js";
-import "./chunk-QPFIT7U6.js";
-import "./chunk-RQJWBEFF.js";
-import "./chunk-C4VUAB44.js";
-import "./chunk-DWJTQN4Q.js";
-import "./chunk-75PP7PI6.js";
-import "./chunk-5ONN2BWW.js";
-import "./chunk-DYCT6UGG.js";
-import "./chunk-R4PER7NZ.js";
-import "./chunk-OBW6XSZ6.js";
-import "./chunk-IYWSMRMM.js";
-import "./chunk-RWBIPKOM.js";
-import "./chunk-K4XC3DN3.js";
-import "./chunk-ITUYRI56.js";
-import "./chunk-VTG5OLQE.js";
-import "./chunk-5MBEKVFI.js";
-import "./chunk-TWMU5FT4.js";
-import "./chunk-ZZBLTQMV.js";
-import "./chunk-BU4UGOKB.js";
-import "./chunk-IHY66EFI.js";
-import "./chunk-AKXYCA25.js";
-import "./chunk-SY2RM5AY.js";
-import "./chunk-SMATBXJT.js";
-import "./chunk-BFG2SVED.js";
-import "./chunk-3CTY5M4I.js";
-import "./chunk-3NZA4542.js";
-import "./chunk-IOV4LKPF.js";
-import "./chunk-BYU5NTFP.js";
-import "./chunk-HENRLFPS.js";
-import "./chunk-D63D46H6.js";
-import "./chunk-3F6K75JF.js";
-import "./chunk-C7D4KPR4.js";
-import "./chunk-VPWIZK3L.js";
-import "./chunk-4LPMZE4K.js";
-import "./chunk-3REW723S.js";
-import "./chunk-XWUA27ZN.js";
-import "./chunk-PO4QV4WT.js";
-import "./chunk-ZRVN7ENY.js";
-import "./chunk-UDSEA732.js";
-import "./chunk-JLIGTJAV.js";
-import "./chunk-J2I2GALQ.js";
-import "./chunk-3WE5FOC4.js";
-import "./chunk-T27V63VN.js";
-import "./chunk-T4XZBJRX.js";
-import "./chunk-WS7EBKQB.js";
-import "./chunk-BA736DVE.js";
-import "./chunk-T2JKOELM.js";
-import "./chunk-UAYBD6YK.js";
-import "./chunk-53TH3G7L.js";
-import "./chunk-44ZZWXGU.js";
-import "./chunk-O374MFIY.js";
-import "./chunk-DSAUO3FT.js";
-import "./chunk-N2HL4FSP.js";
-import "./chunk-25D4C7RW.js";
-import "./chunk-HQ25WWHW.js";
-import "./chunk-N4CDNUSI.js";
-import "./chunk-IZCOKOL4.js";
-import "./chunk-4LROSNN7.js";
-import "./chunk-NSD6XBVX.js";
-import "./chunk-QCTJEID3.js";
-import "./chunk-45XBO57H.js";
-import "./chunk-IZLK5PA4.js";
-import "./chunk-HBR63ZQM.js";
-import "./chunk-EVWTNGR2.js";
-import "./chunk-NY53DQIO.js";
-import "./chunk-XZLPFOLS.js";
-import "./chunk-QINIWGYX.js";
-import "./chunk-V3DTC5F2.js";
-import "./chunk-6LOQWZPI.js";
-import "./chunk-RSMTA6GK.js";
-import "./chunk-FU6GDCL4.js";
-import "./chunk-KFXYXJEI.js";
-import "./chunk-2QPRZKG7.js";
-import "./chunk-E2GZUORL.js";
-import "./chunk-HI5JB7PA.js";
-import "./chunk-O2OFPBPK.js";
-import {
-  __commonJS,
-  __toESM
-} from "./chunk-Z7PWFZG5.js";
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var require_objectWithoutPropertiesLoose = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports, module) {
-    "use strict";
-    function _objectWithoutPropertiesLoose(r, e) {
-      if (null == r) return {};
-      var t = {};
-      for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-        if (-1 !== e.indexOf(n)) continue;
-        t[n] = r[n];
-      }
-      return t;
-    }
-    module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/objectWithoutProperties.js
-var require_objectWithoutProperties = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports, module) {
-    "use strict";
-    var objectWithoutPropertiesLoose = require_objectWithoutPropertiesLoose();
-    function _objectWithoutProperties2(e, t) {
-      if (null == e) return {};
-      var o, r, i = objectWithoutPropertiesLoose(e, t);
-      if (Object.getOwnPropertySymbols) {
-        var n = Object.getOwnPropertySymbols(e);
-        for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-      }
-      return i;
-    }
-    module.exports = _objectWithoutProperties2, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/arrayLikeToArray.js
-var require_arrayLikeToArray = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/arrayLikeToArray.js"(exports, module) {
-    "use strict";
-    function _arrayLikeToArray(r, a) {
-      (null == a || a > r.length) && (a = r.length);
-      for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-      return n;
-    }
-    module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js
-var require_arrayWithoutHoles = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/arrayWithoutHoles.js"(exports, module) {
-    "use strict";
-    var arrayLikeToArray = require_arrayLikeToArray();
-    function _arrayWithoutHoles(r) {
-      if (Array.isArray(r)) return arrayLikeToArray(r);
-    }
-    module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/iterableToArray.js
-var require_iterableToArray = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/iterableToArray.js"(exports, module) {
-    "use strict";
-    function _iterableToArray(r) {
-      if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-    }
-    module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js
-var require_unsupportedIterableToArray = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js"(exports, module) {
-    "use strict";
-    var arrayLikeToArray = require_arrayLikeToArray();
-    function _unsupportedIterableToArray(r, a) {
-      if (r) {
-        if ("string" == typeof r) return arrayLikeToArray(r, a);
-        var t = {}.toString.call(r).slice(8, -1);
-        return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? arrayLikeToArray(r, a) : void 0;
-      }
-    }
-    module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/nonIterableSpread.js
-var require_nonIterableSpread = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/nonIterableSpread.js"(exports, module) {
-    "use strict";
-    function _nonIterableSpread() {
-      throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-    }
-    module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/toConsumableArray.js
-var require_toConsumableArray = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/toConsumableArray.js"(exports, module) {
-    "use strict";
-    var arrayWithoutHoles = require_arrayWithoutHoles();
-    var iterableToArray = require_iterableToArray();
-    var unsupportedIterableToArray = require_unsupportedIterableToArray();
-    var nonIterableSpread = require_nonIterableSpread();
-    function _toConsumableArray2(r) {
-      return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();
-    }
-    module.exports = _toConsumableArray2, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/typeof.js
-var require_typeof = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/typeof.js"(exports, module) {
-    "use strict";
-    function _typeof(o) {
-      "@babel/helpers - typeof";
-      return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
-        return typeof o2;
-      } : function(o2) {
-        return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-      }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
-    }
-    module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/toPrimitive.js
-var require_toPrimitive = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/toPrimitive.js"(exports, module) {
-    "use strict";
-    var _typeof = require_typeof()["default"];
-    function toPrimitive(t, r) {
-      if ("object" != _typeof(t) || !t) return t;
-      var e = t[Symbol.toPrimitive];
-      if (void 0 !== e) {
-        var i = e.call(t, r || "default");
-        if ("object" != _typeof(i)) return i;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-      }
-      return ("string" === r ? String : Number)(t);
-    }
-    module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/toPropertyKey.js
-var require_toPropertyKey = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/toPropertyKey.js"(exports, module) {
-    "use strict";
-    var _typeof = require_typeof()["default"];
-    var toPrimitive = require_toPrimitive();
-    function toPropertyKey(t) {
-      var i = toPrimitive(t, "string");
-      return "symbol" == _typeof(i) ? i : i + "";
-    }
-    module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/defineProperty.js
-var require_defineProperty = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/defineProperty.js"(exports, module) {
-    "use strict";
-    var toPropertyKey = require_toPropertyKey();
-    function _defineProperty3(e, r, t) {
-      return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-        value: t,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      }) : e[r] = t, e;
-    }
-    module.exports = _defineProperty3, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
-
-// ../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/extends.js
-var require_extends = __commonJS({
-  "../../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/extends.js"(exports, module) {
-    "use strict";
-    function _extends2() {
-      return module.exports = _extends2 = Object.assign ? Object.assign.bind() : function(n) {
-        for (var e = 1; e < arguments.length; e++) {
-          var t = arguments[e];
-          for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-        }
-        return n;
-      }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends2.apply(null, arguments);
-    }
-    module.exports = _extends2, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-});
 
 // src/useChat.ts
 import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2 } from "react";
@@ -784,9 +303,9 @@ var useChatStateStore = create((set, get) => ({
   streamingIndicator: void 0,
   currentThought: void 0,
   messages: [],
-  browserSessionId: void 0,
-  browserViewerUrl: void 0,
-  browserStreamUrl: void 0,
+  browserFrame: void 0,
+  browserFrameFormat: void 0,
+  browserFrameUpdatedAt: void 0,
   tools: {
     tools: [],
     agent_tools: /* @__PURE__ */ new Map()
@@ -810,18 +329,11 @@ var useChatStateStore = create((set, get) => ({
   setCurrentThought: (thought) => {
     set({ currentThought: thought });
   },
-  setBrowserSession: (sessionId, viewerUrl, streamUrl) => {
-    set({
-      browserSessionId: sessionId,
-      browserViewerUrl: viewerUrl,
-      browserStreamUrl: streamUrl
-    });
-  },
-  clearBrowserSession: () => {
+  setBrowserFrame: (frameSrc, format) => {
     set({
-      browserSessionId: void 0,
-      browserViewerUrl: void 0,
-      browserStreamUrl: void 0
+      browserFrame: frameSrc,
+      browserFrameFormat: format ?? "png",
+      browserFrameUpdatedAt: Date.now()
     });
   },
   getToolByName: (toolName) => {
@@ -836,13 +348,18 @@ var useChatStateStore = create((set, get) => ({
     set((state) => {
       if (isDistriEvent(message)) {
         const event = message;
-        if (event.type === "browser_session_started") {
-          return {
-            ...state,
-            browserSessionId: event.data.session_id,
-            browserViewerUrl: event.data.viewer_url,
-            browserStreamUrl: event.data.stream_url
-          };
+        if (event.type === "browser_screenshot") {
+          if (event.data.image) {
+            const format = event.data.format || "png";
+            const frameSrc = `data:image/${format};base64,${event.data.image}`;
+            return {
+              ...state,
+              browserFrame: frameSrc,
+              browserFrameFormat: format,
+              browserFrameUpdatedAt: event.data.timestamp_ms || Date.now()
+            };
+          }
+          return state;
         }
         if (event.type === "text_message_start") {
           const messageId = event.data.message_id;
@@ -1357,9 +874,9 @@ var useChatStateStore = create((set, get) => ({
       isStreaming: false,
       isLoading: false,
       error: null,
-      browserSessionId: void 0,
-      browserViewerUrl: void 0,
-      browserStreamUrl: void 0
+      browserFrame: void 0,
+      browserFrameFormat: void 0,
+      browserFrameUpdatedAt: void 0
     });
   },
   // Helper to complete any running steps (for cleanup)
@@ -1396,6 +913,13 @@ var useChatStateStore = create((set, get) => ({
       return newState;
     });
   },
+  clearBrowserFrame: () => {
+    set({
+      browserFrame: void 0,
+      browserFrameFormat: void 0,
+      browserFrameUpdatedAt: void 0
+    });
+  },
   getCurrentTask: () => {
     const state = get();
     if (!state.currentTaskId) return null;
@@ -1544,7 +1068,7 @@ function useChat({
       setAgent(agent);
     }
   }, [agent, setAgent]);
-  const cleanupRef = useRef2(void 0);
+  const cleanupRef = useRef2();
   cleanupRef.current = () => {
     setStreamingIndicator(void 0);
     setStreaming(false);
@@ -1837,14 +1361,14 @@ var DistriContext = createContext3({
   error: null,
   isLoading: true
 });
-function DistriProviderInner({ config, children, authReady = true }) {
-  const { token, status, error: authError, requestAuth } = useDistriAuth();
+function DistriProviderInner({ config, children }) {
+  const { token, error: authError, requestAuth } = useDistriAuth();
   const [client, setClient] = useState4(null);
   const [initError, setInitError] = useState4(null);
+  const authReady = config.authReady !== false;
   useEffect4(() => {
     try {
-      if (!client) {
-        if (config.debug) console.log("[DistriProvider] Initializing client");
+      if (!client && authReady) {
         const currentClient = new DistriClient2({
           ...config,
           accessToken: token || config.accessToken,
@@ -1857,15 +1381,14 @@ function DistriProviderInner({ config, children, authReady = true }) {
       console.error("[DistriProvider] Failed to initialize client:", err);
       setInitError(err instanceof Error ? err : new Error("Failed to initialize client"));
     }
-  }, [config, client, requestAuth, token]);
-  const isAuthInProgress = status === "loading";
-  const isLoading = !client || isAuthInProgress || !authReady;
+  }, [config, client, requestAuth, token, authReady]);
   const contextValue = useMemo2(() => ({
     client,
     error: initError || (authError ? new Error(authError) : null),
-    isLoading,
+    // We are loading if the client isn't ready OR authReady is false
+    isLoading: !client || !authReady,
     token
-  }), [client, initError, authError, isLoading, token]);
+  }), [client, initError, authError, authReady, token]);
   return /* @__PURE__ */ jsx6(DistriContext.Provider, { value: contextValue, children });
 }
 function DistriProvider(props) {
@@ -1910,7 +1433,6 @@ function useAgent({
   const currentAgentIdRef = useRef4(null);
   const currentClientRef = useRef4(null);
   const initializeAgent = useCallback4(async () => {
-    console.log("[useAgent] initializeAgent called", { hasClient: !!client, agentIdOrDef });
     if (!client || !agentIdOrDef) return;
     if (currentAgentIdRef.current === agentIdOrDef && agentRef.current && currentClientRef.current === client) {
       return;
@@ -1920,14 +1442,11 @@ function useAgent({
     try {
       let newAgent;
       if (typeof agentIdOrDef === "string") {
-        console.log("[useAgent] Fetching agent config for:", agentIdOrDef);
         const agentConfig = await client.getAgent(agentIdOrDef);
         newAgent = new Agent3(agentConfig, client);
       } else {
-        console.log("[useAgent] Using provided agent definition");
         newAgent = new Agent3(agentIdOrDef, client);
       }
-      console.log("[useAgent] Agent initialized successfully");
       agentRef.current = newAgent;
       currentAgentIdRef.current = agentIdOrDef;
       currentClientRef.current = client;
@@ -1944,8 +1463,6 @@ function useAgent({
   React6.useEffect(() => {
     if (!clientLoading && !clientError && client && enabled) {
       initializeAgent();
-    } else if (enabled) {
-      console.log("[useAgent] Waiting for client...", { clientLoading, clientError: !!clientError, hasClient: !!client });
     }
   }, [clientLoading, clientError, client, agentIdOrDef, initializeAgent, enabled]);
   React6.useEffect(() => {
@@ -2038,19 +1555,11 @@ function useAgentDefinitions() {
 // src/useThreads.ts
 import { useState as useState7, useEffect as useEffect6, useCallback as useCallback6 } from "react";
 function useThreads(options = {}) {
-  const { enabled = true, initialParams = {} } = options;
+  const { enabled = true } = options;
   const { client, error: clientError, isLoading: clientLoading } = useDistri();
   const [threads, setThreads] = useState7([]);
-  const [total, setTotal] = useState7(0);
-  const [page, setPage] = useState7(1);
-  const [pageSize, setPageSizeState] = useState7(initialParams.limit || 30);
   const [loading, setLoading] = useState7(true);
   const [error, setError] = useState7(null);
-  const [params, setParams] = useState7({
-    limit: 30,
-    offset: 0,
-    ...initialParams
-  });
   const fetchThreads = useCallback6(async () => {
     if (!client) {
       console.error("[useThreads] Client not available");
@@ -2061,18 +1570,15 @@ function useThreads(options = {}) {
     try {
       setLoading(true);
       setError(null);
-      const response = await client.getThreads(params);
-      setThreads(response.threads);
-      setTotal(response.total);
-      setPage(response.page);
-      setPageSizeState(response.page_size);
+      const fetchedThreads = await client.getThreads();
+      setThreads(fetchedThreads);
     } catch (err) {
       console.error("[useThreads] Failed to fetch threads:", err);
       setError(err instanceof Error ? err : new Error("Failed to fetch threads"));
     } finally {
       setLoading(false);
     }
-  }, [client, params]);
+  }, [client]);
   const fetchThread = useCallback6(async (threadId) => {
     if (!client) {
       throw new Error("Client not available");
@@ -2121,27 +1627,6 @@ function useThreads(options = {}) {
       console.warn("Failed to update thread:", err);
     }
   }, [client]);
-  const nextPage = useCallback6(() => {
-    const currentOffset = params.offset || 0;
-    const currentLimit = params.limit || 30;
-    const newOffset = currentOffset + currentLimit;
-    if (newOffset < total) {
-      setParams((p) => ({ ...p, offset: newOffset }));
-    }
-  }, [params, total]);
-  const prevPage = useCallback6(() => {
-    const currentOffset = params.offset || 0;
-    const currentLimit = params.limit || 30;
-    const newOffset = Math.max(0, currentOffset - currentLimit);
-    setParams((p) => ({ ...p, offset: newOffset }));
-  }, [params]);
-  const goToPage = useCallback6((pageNum) => {
-    const currentLimit = params.limit || 30;
-    setParams((p) => ({ ...p, offset: (pageNum - 1) * currentLimit }));
-  }, [params.limit]);
-  const setPageSize = useCallback6((size) => {
-    setParams((p) => ({ ...p, limit: size, offset: 0 }));
-  }, []);
   useEffect6(() => {
     if (clientLoading) {
       setLoading(true);
@@ -2160,67 +1645,12 @@ function useThreads(options = {}) {
   }, [clientLoading, clientError, client, fetchThreads, enabled]);
   return {
     threads,
-    total,
-    page,
-    pageSize,
     loading: loading || clientLoading,
     error: error || clientError,
-    params,
-    setParams,
     refetch: fetchThreads,
     deleteThread,
     fetchThread,
-    updateThread,
-    nextPage,
-    prevPage,
-    goToPage,
-    setPageSize
-  };
-}
-function useAgentsByUsage() {
-  const { client, error: clientError, isLoading: clientLoading } = useDistri();
-  const [agents, setAgents] = useState7([]);
-  const [loading, setLoading] = useState7(true);
-  const [error, setError] = useState7(null);
-  const fetchAgents = useCallback6(async () => {
-    if (!client) {
-      setError(new Error("Client not available"));
-      setLoading(false);
-      return;
-    }
-    try {
-      setLoading(true);
-      setError(null);
-      const result = await client.getAgentsByUsage();
-      setAgents(result);
-    } catch (err) {
-      console.error("[useAgentsByUsage] Failed to fetch agents:", err);
-      setError(err instanceof Error ? err : new Error("Failed to fetch agents"));
-    } finally {
-      setLoading(false);
-    }
-  }, [client]);
-  useEffect6(() => {
-    if (clientLoading) {
-      setLoading(true);
-      return;
-    }
-    if (clientError) {
-      setError(clientError);
-      setLoading(false);
-      return;
-    }
-    if (client) {
-      fetchAgents();
-    } else {
-      setLoading(false);
-    }
-  }, [clientLoading, clientError, client, fetchAgents]);
-  return {
-    agents,
-    loading: loading || clientLoading,
-    error: error || clientError,
-    refetch: fetchAgents
+    updateThread
   };
 }
 
@@ -2229,7 +1659,12 @@ import { useState as useState14, useCallback as useCallback12, useRef as useRef1
 
 // src/components/ChatInput.tsx
 import { useRef as useRef6, useEffect as useEffect8, useCallback as useCallback9, useState as useState10, useMemo as useMemo3 } from "react";
-import { Send, Square, X, Mic as Mic2, MicOff as MicOff2, Radio, Globe, ImagePlus } from "lucide-react";
+import CodeMirror from "codemirror";
+import "codemirror/lib/codemirror.css";
+import "codemirror/theme/material-darker.css";
+import "codemirror/theme/eclipse.css";
+import "codemirror/addon/display/placeholder";
+import { Send, Square, X, Mic as Mic2, MicOff as MicOff2, Radio, Plus, Globe } from "lucide-react";
 
 // src/components/VoiceInput.tsx
 import { useState as useState9, useCallback as useCallback8, useEffect as useEffect7 } from "react";
@@ -2553,11 +1988,8 @@ var VoiceInput = ({
 
 // src/components/ChatInput.tsx
 import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
-var CM_CSS = "https://cdn.jsdelivr.net/npm/codemirror@5/lib/codemirror.min.css";
-var CM_THEME_DARK = "https://cdn.jsdelivr.net/npm/codemirror@5/theme/material-darker.min.css";
-var CM_THEME_LIGHT = "https://cdn.jsdelivr.net/npm/codemirror@5/theme/eclipse.min.css";
-var CM_JS = "https://cdn.jsdelivr.net/npm/codemirror@5/lib/codemirror.min.js";
-var CM_PLACEHOLDER = "https://cdn.jsdelivr.net/npm/codemirror@5/addon/display/placeholder.min.js";
+var DARK_THEME = "material-darker";
+var LIGHT_THEME = "eclipse";
 var ChatInput = ({
   value,
   onChange,
@@ -2567,8 +1999,6 @@ var ChatInput = ({
   disabled = false,
   isStreaming = false,
   browserEnabled = false,
-  browserHasSession = false,
-  browserLoading = false,
   onToggleBrowser,
   className = "",
   attachedImages,
@@ -2580,7 +2010,8 @@ var ChatInput = ({
   isStreamingVoice = false,
   useSpeechRecognition: useSpeechRecognition2 = false,
   onSpeechTranscript,
-  variant = "default"
+  variant = "default",
+  theme = "auto"
 }) => {
   const textareaRef = useRef6(null);
   const codeMirrorRef = useRef6(null);
@@ -2592,58 +2023,17 @@ var ChatInput = ({
   const mediaRecorderRef = useRef6(null);
   const [isRecording, setIsRecording] = useState10(false);
   const [recordingTime, setRecordingTime] = useState10(0);
-  const [isCodeMirrorReady, setIsCodeMirrorReady] = useState10(false);
   const [isDarkMode, setIsDarkMode] = useState10(false);
   const imageAttachments = useMemo3(() => attachedImages ?? [], [attachedImages]);
-  const ensureCodeMirrorAssets = useCallback9(async () => {
-    if (typeof window === "undefined" || window.CodeMirror) {
-      setIsCodeMirrorReady(!!window.CodeMirror);
+  useEffect8(() => {
+    if (theme === "light") {
+      setIsDarkMode(false);
       return;
     }
-    if (!window.__distriCodeMirrorLoader) {
-      window.__distriCodeMirrorLoader = (async () => {
-        const loadCss = (href) => new Promise((resolve, reject) => {
-          if (document.querySelector(`link[href="${href}"]`)) {
-            resolve();
-            return;
-          }
-          const link = document.createElement("link");
-          link.rel = "stylesheet";
-          link.href = href;
-          link.onload = () => resolve();
-          link.onerror = reject;
-          document.head.appendChild(link);
-        });
-        const loadScript = (src) => new Promise((resolve, reject) => {
-          if (document.querySelector(`script[src="${src}"]`)) {
-            resolve();
-            return;
-          }
-          const script = document.createElement("script");
-          script.src = src;
-          script.async = true;
-          script.onload = () => resolve();
-          script.onerror = reject;
-          document.body.appendChild(script);
-        });
-        await loadCss(CM_CSS);
-        await loadCss(CM_THEME_DARK);
-        await loadCss(CM_THEME_LIGHT);
-        await loadScript(CM_JS);
-        await loadScript(CM_PLACEHOLDER);
-      })();
-    }
-    try {
-      await window.__distriCodeMirrorLoader;
-    } catch (error) {
-      console.error("Failed to load CodeMirror assets", error);
+    if (theme === "dark") {
+      setIsDarkMode(true);
+      return;
     }
-    setIsCodeMirrorReady(!!window.CodeMirror);
-  }, []);
-  useEffect8(() => {
-    void ensureCodeMirrorAssets();
-  }, [ensureCodeMirrorAssets]);
-  useEffect8(() => {
     if (typeof window === "undefined") return;
     const root = document.documentElement;
     const media = window.matchMedia("(prefers-color-scheme: dark)");
@@ -2665,40 +2055,45 @@ var ChatInput = ({
       media.removeEventListener("change", update);
       observer.disconnect();
     };
-  }, []);
+  }, [theme]);
   useEffect8(() => {
-    if (!isCodeMirrorReady || !textareaRef.current || codeMirrorRef.current) {
-      return;
-    }
-    const CodeMirror = window.CodeMirror;
-    if (!CodeMirror) {
+    if (typeof window === "undefined") return;
+    if (!textareaRef.current || codeMirrorRef.current) {
       return;
     }
     const cm = CodeMirror.fromTextArea(textareaRef.current, {
       lineWrapping: true,
-      theme: variant === "hero" || isDarkMode ? "material-darker" : "eclipse",
+      theme: variant === "hero" || isDarkMode ? DARK_THEME : LIGHT_THEME,
       placeholder,
       viewportMargin: Infinity
     });
     const wrapper = cm.getWrapperElement();
     const scroller = cm.getScrollerElement();
-    const heroWrapperClasses = [
-      "rounded-2xl",
-      "bg-transparent",
-      "text-foreground",
-      "text-base",
-      "leading-7"
-    ];
-    const defaultWrapperClasses = [
-      "rounded-2xl",
-      "bg-transparent",
-      "text-foreground",
-      "text-sm",
-      "leading-6"
-    ];
-    wrapper.classList.add("distri-chat-editor", "px-1", "py-1");
-    scroller.style.background = "transparent";
-    scroller.style.padding = variant === "hero" ? "0.25rem 0.5rem 0.5rem" : "0.25rem 0.35rem 0.5rem";
+    const darkBg = "#1c1f23";
+    const lightBg = "#f8f9fa";
+    const darkText = "#e0e0e0";
+    const lightText = "#1a1a1a";
+    const bgColor = isDarkMode ? darkBg : lightBg;
+    const textColor = isDarkMode ? darkText : lightText;
+    const shadowStyle = isDarkMode ? "shadow-[0_14px_40px_rgba(0,0,0,0.35)]" : "shadow-[0_4px_16px_rgba(0,0,0,0.1)]";
+    const borderStyle = isDarkMode ? "border-transparent" : "border-gray-200";
+    const baseWrapperClasses = ["rounded-2xl", "border", borderStyle];
+    const heroWrapperClasses = [...baseWrapperClasses, "text-base", "leading-7"];
+    const defaultWrapperClasses = [...baseWrapperClasses, "text-sm", "leading-6"];
+    wrapper.classList.add("distri-chat-editor", "px-1", "py-1", shadowStyle);
+    wrapper.style.backgroundColor = bgColor;
+    wrapper.style.color = textColor;
+    scroller.style.background = bgColor;
+    scroller.style.color = textColor;
+    scroller.style.padding = variant === "hero" ? "1rem 1.25rem 1.25rem" : "0.35rem 0.5rem 0.75rem";
+    const customStyles = document.createElement("style");
+    const placeholderColor = isDarkMode ? "#888" : "#999";
+    customStyles.textContent = `
+      .distri-chat-editor .CodeMirror-cursor { border-left-color: ${textColor} !important; }
+      .distri-chat-editor .CodeMirror-placeholder { color: ${placeholderColor} !important; }
+      .distri-chat-editor .CodeMirror-line span { color: ${textColor}; }
+    `;
+    wrapper.appendChild(customStyles);
     if (variant === "hero") {
       wrapper.classList.add(...heroWrapperClasses);
     } else {
@@ -2718,14 +2113,19 @@ var ChatInput = ({
         void handleSendRef.current();
       }
     });
-    const fixedHeight = variant === "hero" ? "220px" : "140px";
+    const fixedHeight = variant === "hero" ? "220px" : "100px";
     cm.setSize("100%", fixedHeight);
     codeMirrorRef.current = cm;
     return () => {
       cm.toTextArea();
       codeMirrorRef.current = null;
     };
-  }, [isDarkMode, isCodeMirrorReady, placeholder, variant]);
+  }, [isDarkMode, placeholder, variant]);
+  useEffect8(() => {
+    if (!codeMirrorRef.current) return;
+    codeMirrorRef.current.setOption("theme", variant === "hero" || isDarkMode ? DARK_THEME : LIGHT_THEME);
+    codeMirrorRef.current.setOption("placeholder", placeholder);
+  }, [isDarkMode, placeholder, variant]);
   useEffect8(() => {
     valueRef.current = value;
   }, [value]);
@@ -2857,16 +2257,15 @@ var ChatInput = ({
   }, [handleSend]);
   const hasContent = value.trim().length > 0 || imageAttachments.length > 0;
   const isDisabled = disabled;
-  const shellClass = "rounded-3xl p-[1px] bg-gradient-to-r from-border/60 via-border/30 to-border/60 dark:from-primary/40 dark:via-primary/20 dark:to-primary/40";
+  const shellClass = "rounded-2xl bg-transparent";
   const innerShell = cn(
-    "rounded-3xl bg-background border border-border/50 px-5 py-4 flex flex-col shadow-sm dark:shadow-lg dark:shadow-primary/5 dark:border-0",
-    variant === "hero" && "sm:px-6 sm:py-5"
+    "relative rounded-2xl bg-transparent px-2 py-2 flex flex-col gap-3",
+    variant === "hero" && "p-0 min-h-[240px]"
   );
   const wrapperClass = "mx-0 sm:mx-1";
   const previewClass = "gap-2 mb-2";
-  const toolbarButton = "flex h-9 w-9 items-center justify-center rounded-full bg-muted/30 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground dark:bg-muted/50";
-  const toolbarButtonActive = "bg-primary/20 text-primary";
-  const subtleTextClass = variant === "hero" ? "text-base leading-7" : "text-sm leading-6";
+  const toolbarButton = "flex h-9 w-9 items-center justify-center rounded-full border border-primary/20 text-muted-foreground transition hover:text-primary";
+  const toolbarButtonActive = "bg-primary/10 text-primary border-primary/50";
   return /* @__PURE__ */ jsx8("div", { className: cn("relative w-full", className), children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col w-full", children: [
     imageAttachments.length > 0 && /* @__PURE__ */ jsx8("div", { className: cn("flex flex-wrap", previewClass, wrapperClass), children: imageAttachments.map((image) => /* @__PURE__ */ jsxs3("div", { className: "relative group", children: [
       /* @__PURE__ */ jsx8(
@@ -2889,52 +2288,58 @@ var ChatInput = ({
       /* @__PURE__ */ jsx8("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-1 rounded-b-lg truncate", children: image.name })
     ] }, image.id)) }),
     /* @__PURE__ */ jsx8("div", { className: cn(wrapperClass, shellClass), children: /* @__PURE__ */ jsxs3("div", { className: innerShell, children: [
-      /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx8(
-          "textarea",
+      /* @__PURE__ */ jsx8("div", { className: "relative", children: /* @__PURE__ */ jsx8(
+        "textarea",
+        {
+          ref: textareaRef,
+          value,
+          onChange: (e) => onChange(e.target.value),
+          placeholder,
+          rows: variant === "hero" ? 6 : 3,
+          disabled,
+          className: "absolute inset-0 h-full w-full resize-none bg-transparent text-transparent caret-transparent opacity-0"
+        }
+      ) }),
+      variant === "hero" ? /* @__PURE__ */ jsxs3("div", { className: "pointer-events-none absolute inset-0", children: [
+        /* @__PURE__ */ jsx8("div", { className: "absolute bottom-6 left-6", children: /* @__PURE__ */ jsx8(
+          "button",
           {
-            ref: textareaRef,
-            value,
-            onChange: (e) => onChange(e.target.value),
-            placeholder,
-            rows: variant === "hero" ? 4 : 2,
+            type: "button",
+            onClick: () => fileInputRef.current?.click(),
             disabled,
-            className: "absolute inset-0 h-full w-full resize-none bg-transparent text-transparent caret-transparent opacity-0"
+            className: cn(
+              "pointer-events-auto flex h-9 w-9 items-center justify-center rounded-full border transition",
+              isDarkMode ? "border-white/15 bg-[#1c1f23] text-muted-foreground hover:border-white/40 hover:text-foreground" : "border-gray-300 bg-white text-gray-600 hover:border-gray-400 hover:text-gray-800"
+            ),
+            title: "Attach image",
+            children: /* @__PURE__ */ jsx8(Plus, { className: "h-4 w-4" })
           }
-        ),
-        !isCodeMirrorReady && /* @__PURE__ */ jsx8(
-          "textarea",
+        ) }),
+        /* @__PURE__ */ jsx8("div", { className: "absolute bottom-6 right-6", children: /* @__PURE__ */ jsx8(
+          "button",
           {
-            value,
-            onChange: (e) => onChange(e.target.value),
-            placeholder,
-            rows: variant === "hero" ? 4 : 2,
-            disabled,
-            className: cn("w-full resize-none bg-transparent outline-none border-none placeholder:text-muted-foreground/60 text-foreground", subtleTextClass),
-            onKeyDown: (e) => {
-              if (e.key === "Enter" && !e.shiftKey && !e.metaKey && !e.ctrlKey) {
-                e.preventDefault();
-                void handleSend();
-              }
-            }
+            type: "button",
+            onClick: () => isStreaming ? handleStop() : void handleSend(),
+            disabled: isStreaming ? false : !hasContent || isDisabled,
+            className: cn(
+              "pointer-events-auto flex h-9 w-9 items-center justify-center rounded-full shadow-lg transition",
+              isStreaming ? "bg-amber-400 text-amber-950 hover:bg-amber-300" : hasContent ? "bg-primary text-primary-foreground hover:bg-primary/90" : "bg-muted text-muted-foreground"
+            ),
+            title: isStreaming ? "Stop" : "Send",
+            children: isStreaming ? /* @__PURE__ */ jsx8(Square, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx8(Send, { className: "h-4 w-4" })
           }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between pt-4", children: [
+        ) })
+      ] }) : /* @__PURE__ */ jsxs3("div", { className: "flex flex-col-reverse gap-3 pt-3 sm:flex-row sm:items-center sm:justify-between", children: [
         /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-          onToggleBrowser && /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
               onClick: handleBrowserToggle,
-              className: cn(
-                toolbarButton,
-                browserEnabled && browserHasSession && toolbarButtonActive,
-                browserLoading && "opacity-50 cursor-wait"
-              ),
-              disabled: disabled || browserLoading,
-              title: browserLoading ? "Creating browser session..." : browserEnabled ? browserHasSession ? "Browser session active" : "Browser enabled (click to disable)" : "Enable browser",
-              children: browserLoading ? /* @__PURE__ */ jsx8("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : /* @__PURE__ */ jsx8(Globe, { className: "h-4 w-4" })
+              className: cn(toolbarButton, browserEnabled && toolbarButtonActive),
+              disabled: disabled || !onToggleBrowser,
+              title: browserEnabled ? "Browser streaming enabled" : "Enable browser streaming",
+              children: /* @__PURE__ */ jsx8(Globe, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ jsx8(
@@ -2945,7 +2350,7 @@ var ChatInput = ({
               className: toolbarButton,
               disabled,
               title: "Attach image",
-              children: /* @__PURE__ */ jsx8(ImagePlus, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx8(Plus, { className: "h-4 w-4" })
             }
           ),
           voiceEnabled && !useSpeechRecognition2 ? /* @__PURE__ */ jsx8(
@@ -2982,20 +2387,20 @@ var ChatInput = ({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx8("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx8(
           "button",
           {
             type: "button",
             onClick: () => isStreaming ? handleStop() : void handleSend(),
             disabled: isStreaming ? false : !hasContent || isDisabled,
             className: cn(
-              "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
-              isStreaming ? "bg-amber-500 text-white hover:bg-amber-400" : hasContent ? "bg-muted/50 text-foreground hover:bg-muted" : "text-muted-foreground/50"
+              "flex h-11 w-11 items-center justify-center rounded-full transition shadow-sm",
+              isStreaming ? "bg-amber-400 text-amber-950 hover:bg-amber-300" : hasContent ? "bg-primary text-primary-foreground hover:bg-primary/90" : "bg-muted text-muted-foreground"
             ),
             title: isStreaming ? "Stop" : "Send",
-            children: isStreaming ? /* @__PURE__ */ jsx8(Square, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx8(Send, { className: "h-4 w-4" })
+            children: isStreaming ? /* @__PURE__ */ jsx8(Square, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx8(Send, { className: "h-5 w-5" })
           }
-        )
+        ) })
       ] })
     ] }) }),
     /* @__PURE__ */ jsx8(
@@ -3015,1043 +2420,119 @@ var ChatInput = ({
 // src/components/renderers/MessageRenderer.tsx
 import { isDistriMessage as isDistriMessage3, isDistriEvent as isDistriEvent2 } from "@distri/core";
 
-// src/components/renderers/utils.tsx
-function extractContent(message) {
-  let text = "";
-  let hasMarkdown = false;
-  let hasCode = false;
-  let hasLinks = false;
-  let hasImages = false;
-  let imageParts = [];
-  if ("parts" in message && Array.isArray(message.parts)) {
-    const distriMessage = message;
-    const textParts = distriMessage.parts?.filter((p) => p.part_type === "text" && p.data)?.map((p) => p.data)?.filter((text2) => text2 && text2.trim()) || [];
-    text = textParts.join(" ").trim();
-    imageParts = distriMessage.parts?.filter((p) => p.part_type === "image") || [];
-    if (!text) {
-      const structuredParts = distriMessage.parts?.filter(
-        (part) => part.part_type !== "text" && part.part_type !== "image"
-      ) || [];
-      if (structuredParts.length > 0) {
-        text = structuredParts.map((part) => formatStructuredPart(part)).filter(Boolean).join("\n\n");
-        if (text) {
-          hasMarkdown = true;
-          hasCode = true;
-        }
-      }
-    }
-    hasMarkdown = /[*_`#[\]()>]/.test(text);
-    hasCode = /```|`/.test(text);
-    hasLinks = /\[.*?\]\(.*?\)|https?:\/\/[^\s]+/.test(text);
-    hasImages = /!\[.*?\]\(.*?\)/.test(text) || imageParts.length > 0;
-  } else {
-    text = JSON.stringify(message, null, 2);
-  }
-  return {
-    text,
-    hasMarkdown,
-    hasCode,
-    hasLinks,
-    hasImages,
-    imageParts,
-    rawContent: message
-  };
-}
-function formatStructuredPart(part) {
-  switch (part.part_type) {
-    case "tool_call": {
-      const payload = part.data;
-      const toolName = payload?.tool_name || "unknown tool";
-      return `**Tool Call: ${toolName}**
-
-\`\`\`json
-${JSON.stringify(part.data, null, 2)}
-\`\`\``;
-    }
-    case "tool_result":
-      return `**Tool Result**
-
-\`\`\`json
-${JSON.stringify(part.data, null, 2)}
-\`\`\``;
-    case "data":
-      return `\`\`\`json
-${JSON.stringify(part.data, null, 2)}
-\`\`\``;
-    default:
-      return `\`\`\`json
-${JSON.stringify(part, null, 2)}
-\`\`\``;
-  }
-}
-
-// src/components/renderers/ImageRenderer.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-var ImageRenderer = ({
-  imageParts,
-  className = ""
-}) => {
-  if (!imageParts || imageParts.length === 0) {
-    return null;
-  }
-  const getImageSrc = (imageData) => {
-    if ("data" in imageData) {
-      return `data:${imageData.mime_type};base64,${imageData.data}`;
-    } else {
-      return imageData.url;
-    }
-  };
-  const getImageAlt = (imageData) => {
-    return imageData.name || "Attached image";
-  };
-  return /* @__PURE__ */ jsx9("div", { className: `flex flex-wrap gap-3 mt-3 ${className}`, children: imageParts.map((imagePart, index) => {
-    const src = getImageSrc(imagePart.data);
-    const alt = getImageAlt(imagePart.data);
-    return /* @__PURE__ */ jsxs4("div", { className: "relative group", children: [
-      /* @__PURE__ */ jsx9(
-        "img",
-        {
-          src,
-          alt,
-          className: "max-w-sm max-h-64 rounded-lg border border-border object-cover shadow-sm hover:shadow-md transition-shadow cursor-pointer",
-          onClick: () => {
-            window.open(src, "_blank");
-          }
-        }
-      ),
-      imagePart.data.name && /* @__PURE__ */ jsx9("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2 rounded-b-lg opacity-0 group-hover:opacity-100 transition-opacity", children: imagePart.data.name })
-    ] }, index);
-  }) });
-};
-
-// src/components/renderers/TextRenderer.tsx
-import ReactMarkdown from "react-markdown";
-
-// ../../../node_modules/.pnpm/react-syntax-highlighter@15.6.6_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/highlight.js
-var import_objectWithoutProperties = __toESM(require_objectWithoutProperties());
-var import_toConsumableArray = __toESM(require_toConsumableArray());
-var import_defineProperty2 = __toESM(require_defineProperty());
-import React10 from "react";
-
-// ../../../node_modules/.pnpm/react-syntax-highlighter@15.6.6_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/create-element.js
-var import_extends = __toESM(require_extends());
-var import_defineProperty = __toESM(require_defineProperty());
-import React9 from "react";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      (0, import_defineProperty.default)(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function powerSetPermutations(arr) {
-  var arrLength = arr.length;
-  if (arrLength === 0 || arrLength === 1) return arr;
-  if (arrLength === 2) {
-    return [arr[0], arr[1], "".concat(arr[0], ".").concat(arr[1]), "".concat(arr[1], ".").concat(arr[0])];
-  }
-  if (arrLength === 3) {
-    return [arr[0], arr[1], arr[2], "".concat(arr[0], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[2]), "".concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[0])];
-  }
-  if (arrLength >= 4) {
-    return [arr[0], arr[1], arr[2], arr[3], "".concat(arr[0], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[3]), "".concat(arr[3], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[1], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[0], ".").concat(arr[2], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[0], ".").concat(arr[3], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[2], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[0], ".").concat(arr[3], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[1], ".").concat(arr[2], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[1], ".").concat(arr[3], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[1], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[0], ".").concat(arr[3], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[0], ".").concat(arr[3]), "".concat(arr[2], ".").concat(arr[1], ".").concat(arr[3], ".").concat(arr[0]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[2], ".").concat(arr[3], ".").concat(arr[1], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[1], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[0], ".").concat(arr[2], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[0], ".").concat(arr[2]), "".concat(arr[3], ".").concat(arr[1], ".").concat(arr[2], ".").concat(arr[0]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[0], ".").concat(arr[1]), "".concat(arr[3], ".").concat(arr[2], ".").concat(arr[1], ".").concat(arr[0])];
-  }
-}
-var classNameCombinations = {};
-function getClassNameCombinations(classNames) {
-  if (classNames.length === 0 || classNames.length === 1) return classNames;
-  var key = classNames.join(".");
-  if (!classNameCombinations[key]) {
-    classNameCombinations[key] = powerSetPermutations(classNames);
-  }
-  return classNameCombinations[key];
-}
-function createStyleObject(classNames) {
-  var elementStyle = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  var stylesheet = arguments.length > 2 ? arguments[2] : void 0;
-  var nonTokenClassNames = classNames.filter(function(className) {
-    return className !== "token";
-  });
-  var classNamesCombinations = getClassNameCombinations(nonTokenClassNames);
-  return classNamesCombinations.reduce(function(styleObject, className) {
-    return _objectSpread(_objectSpread({}, styleObject), stylesheet[className]);
-  }, elementStyle);
-}
-function createClassNameString(classNames) {
-  return classNames.join(" ");
-}
-function createChildren(stylesheet, useInlineStyles) {
-  var childrenCount = 0;
-  return function(children) {
-    childrenCount += 1;
-    return children.map(function(child, i) {
-      return createElement({
-        node: child,
-        stylesheet,
-        useInlineStyles,
-        key: "code-segment-".concat(childrenCount, "-").concat(i)
-      });
-    });
-  };
-}
-function createElement(_ref) {
-  var node = _ref.node, stylesheet = _ref.stylesheet, _ref$style = _ref.style, style = _ref$style === void 0 ? {} : _ref$style, useInlineStyles = _ref.useInlineStyles, key = _ref.key;
-  var properties = node.properties, type = node.type, TagName = node.tagName, value = node.value;
-  if (type === "text") {
-    return value;
-  } else if (TagName) {
-    var childrenCreator = createChildren(stylesheet, useInlineStyles);
-    var props;
-    if (!useInlineStyles) {
-      props = _objectSpread(_objectSpread({}, properties), {}, {
-        className: createClassNameString(properties.className)
-      });
-    } else {
-      var allStylesheetSelectors = Object.keys(stylesheet).reduce(function(classes, selector) {
-        selector.split(".").forEach(function(className2) {
-          if (!classes.includes(className2)) classes.push(className2);
-        });
-        return classes;
-      }, []);
-      var startingClassName = properties.className && properties.className.includes("token") ? ["token"] : [];
-      var className = properties.className && startingClassName.concat(properties.className.filter(function(className2) {
-        return !allStylesheetSelectors.includes(className2);
-      }));
-      props = _objectSpread(_objectSpread({}, properties), {}, {
-        className: createClassNameString(className) || void 0,
-        style: createStyleObject(properties.className, Object.assign({}, properties.style, style), stylesheet)
-      });
-    }
-    var children = childrenCreator(node.children);
-    return /* @__PURE__ */ React9.createElement(TagName, (0, import_extends.default)({
-      key
-    }, props), children);
-  }
-}
-
-// ../../../node_modules/.pnpm/react-syntax-highlighter@15.6.6_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/checkForListedLanguage.js
-var checkForListedLanguage_default = (function(astGenerator, language) {
-  var langs = astGenerator.listLanguages();
-  return langs.indexOf(language) !== -1;
-});
-
-// ../../../node_modules/.pnpm/react-syntax-highlighter@15.6.6_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/highlight.js
-var _excluded = ["language", "children", "style", "customStyle", "codeTagProps", "useInlineStyles", "showLineNumbers", "showInlineLineNumbers", "startingLineNumber", "lineNumberContainerStyle", "lineNumberStyle", "wrapLines", "wrapLongLines", "lineProps", "renderer", "PreTag", "CodeTag", "code", "astGenerator"];
-function ownKeys2(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys2(Object(t), true).forEach(function(r2) {
-      (0, import_defineProperty2.default)(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys2(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-var newLineRegex = /\n/g;
-function getNewLines(str) {
-  return str.match(newLineRegex);
-}
-function getAllLineNumbers(_ref) {
-  var lines = _ref.lines, startingLineNumber = _ref.startingLineNumber, style = _ref.style;
-  return lines.map(function(_, i) {
-    var number = i + startingLineNumber;
-    return /* @__PURE__ */ React10.createElement("span", {
-      key: "line-".concat(i),
-      className: "react-syntax-highlighter-line-number",
-      style: typeof style === "function" ? style(number) : style
-    }, "".concat(number, "\n"));
-  });
-}
-function AllLineNumbers(_ref2) {
-  var codeString = _ref2.codeString, codeStyle = _ref2.codeStyle, _ref2$containerStyle = _ref2.containerStyle, containerStyle = _ref2$containerStyle === void 0 ? {
-    "float": "left",
-    paddingRight: "10px"
-  } : _ref2$containerStyle, _ref2$numberStyle = _ref2.numberStyle, numberStyle = _ref2$numberStyle === void 0 ? {} : _ref2$numberStyle, startingLineNumber = _ref2.startingLineNumber;
-  return /* @__PURE__ */ React10.createElement("code", {
-    style: Object.assign({}, codeStyle, containerStyle)
-  }, getAllLineNumbers({
-    lines: codeString.replace(/\n$/, "").split("\n"),
-    style: numberStyle,
-    startingLineNumber
-  }));
-}
-function getEmWidthOfNumber(num) {
-  return "".concat(num.toString().length, ".25em");
-}
-function getInlineLineNumber(lineNumber, inlineLineNumberStyle) {
-  return {
-    type: "element",
-    tagName: "span",
-    properties: {
-      key: "line-number--".concat(lineNumber),
-      className: ["comment", "linenumber", "react-syntax-highlighter-line-number"],
-      style: inlineLineNumberStyle
-    },
-    children: [{
-      type: "text",
-      value: lineNumber
-    }]
-  };
-}
-function assembleLineNumberStyles(lineNumberStyle, lineNumber, largestLineNumber) {
-  var defaultLineNumberStyle = {
-    display: "inline-block",
-    minWidth: getEmWidthOfNumber(largestLineNumber),
-    paddingRight: "1em",
-    textAlign: "right",
-    userSelect: "none"
-  };
-  var customLineNumberStyle = typeof lineNumberStyle === "function" ? lineNumberStyle(lineNumber) : lineNumberStyle;
-  var assembledStyle = _objectSpread2(_objectSpread2({}, defaultLineNumberStyle), customLineNumberStyle);
-  return assembledStyle;
-}
-function createLineElement(_ref3) {
-  var children = _ref3.children, lineNumber = _ref3.lineNumber, lineNumberStyle = _ref3.lineNumberStyle, largestLineNumber = _ref3.largestLineNumber, showInlineLineNumbers = _ref3.showInlineLineNumbers, _ref3$lineProps = _ref3.lineProps, lineProps = _ref3$lineProps === void 0 ? {} : _ref3$lineProps, _ref3$className = _ref3.className, className = _ref3$className === void 0 ? [] : _ref3$className, showLineNumbers = _ref3.showLineNumbers, wrapLongLines = _ref3.wrapLongLines, _ref3$wrapLines = _ref3.wrapLines, wrapLines = _ref3$wrapLines === void 0 ? false : _ref3$wrapLines;
-  var properties = wrapLines ? _objectSpread2({}, typeof lineProps === "function" ? lineProps(lineNumber) : lineProps) : {};
-  properties["className"] = properties["className"] ? [].concat((0, import_toConsumableArray.default)(properties["className"].trim().split(/\s+/)), (0, import_toConsumableArray.default)(className)) : className;
-  if (lineNumber && showInlineLineNumbers) {
-    var inlineLineNumberStyle = assembleLineNumberStyles(lineNumberStyle, lineNumber, largestLineNumber);
-    children.unshift(getInlineLineNumber(lineNumber, inlineLineNumberStyle));
-  }
-  if (wrapLongLines & showLineNumbers) {
-    properties.style = _objectSpread2({
-      display: "flex"
-    }, properties.style);
-  }
-  return {
-    type: "element",
-    tagName: "span",
-    properties,
-    children
-  };
-}
-function flattenCodeTree(tree) {
-  var className = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  var newTree = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-  for (var i = 0; i < tree.length; i++) {
-    var node = tree[i];
-    if (node.type === "text") {
-      newTree.push(createLineElement({
-        children: [node],
-        className: (0, import_toConsumableArray.default)(new Set(className))
-      }));
-    } else if (node.children) {
-      var classNames = className.concat(node.properties.className);
-      flattenCodeTree(node.children, classNames).forEach(function(i2) {
-        return newTree.push(i2);
-      });
-    }
-  }
-  return newTree;
-}
-function processLines(codeTree, wrapLines, lineProps, showLineNumbers, showInlineLineNumbers, startingLineNumber, largestLineNumber, lineNumberStyle, wrapLongLines) {
-  var _ref4;
-  var tree = flattenCodeTree(codeTree.value);
-  var newTree = [];
-  var lastLineBreakIndex = -1;
-  var index = 0;
-  function createWrappedLine(children2, lineNumber2) {
-    var className = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-    return createLineElement({
-      children: children2,
-      lineNumber: lineNumber2,
-      lineNumberStyle,
-      largestLineNumber,
-      showInlineLineNumbers,
-      lineProps,
-      className,
-      showLineNumbers,
-      wrapLongLines,
-      wrapLines
-    });
-  }
-  function createUnwrappedLine(children2, lineNumber2) {
-    if (showLineNumbers && lineNumber2 && showInlineLineNumbers) {
-      var inlineLineNumberStyle = assembleLineNumberStyles(lineNumberStyle, lineNumber2, largestLineNumber);
-      children2.unshift(getInlineLineNumber(lineNumber2, inlineLineNumberStyle));
-    }
-    return children2;
-  }
-  function createLine(children2, lineNumber2) {
-    var className = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-    return wrapLines || className.length > 0 ? createWrappedLine(children2, lineNumber2, className) : createUnwrappedLine(children2, lineNumber2);
-  }
-  var _loop = function _loop2() {
-    var node = tree[index];
-    var value = node.children[0].value;
-    var newLines = getNewLines(value);
-    if (newLines) {
-      var splitValue = value.split("\n");
-      splitValue.forEach(function(text, i) {
-        var lineNumber2 = showLineNumbers && newTree.length + startingLineNumber;
-        var newChild = {
-          type: "text",
-          value: "".concat(text, "\n")
-        };
-        if (i === 0) {
-          var _children = tree.slice(lastLineBreakIndex + 1, index).concat(createLineElement({
-            children: [newChild],
-            className: node.properties.className
-          }));
-          var _line = createLine(_children, lineNumber2);
-          newTree.push(_line);
-        } else if (i === splitValue.length - 1) {
-          var stringChild = tree[index + 1] && tree[index + 1].children && tree[index + 1].children[0];
-          var lastLineInPreviousSpan = {
-            type: "text",
-            value: "".concat(text)
-          };
-          if (stringChild) {
-            var newElem = createLineElement({
-              children: [lastLineInPreviousSpan],
-              className: node.properties.className
-            });
-            tree.splice(index + 1, 0, newElem);
-          } else {
-            var _children2 = [lastLineInPreviousSpan];
-            var _line2 = createLine(_children2, lineNumber2, node.properties.className);
-            newTree.push(_line2);
-          }
-        } else {
-          var _children3 = [newChild];
-          var _line3 = createLine(_children3, lineNumber2, node.properties.className);
-          newTree.push(_line3);
-        }
-      });
-      lastLineBreakIndex = index;
-    }
-    index++;
-  };
-  while (index < tree.length) {
-    _loop();
-  }
-  if (lastLineBreakIndex !== tree.length - 1) {
-    var children = tree.slice(lastLineBreakIndex + 1, tree.length);
-    if (children && children.length) {
-      var lineNumber = showLineNumbers && newTree.length + startingLineNumber;
-      var line = createLine(children, lineNumber);
-      newTree.push(line);
-    }
-  }
-  return wrapLines ? newTree : (_ref4 = []).concat.apply(_ref4, newTree);
-}
-function defaultRenderer(_ref5) {
-  var rows = _ref5.rows, stylesheet = _ref5.stylesheet, useInlineStyles = _ref5.useInlineStyles;
-  return rows.map(function(node, i) {
-    return createElement({
-      node,
-      stylesheet,
-      useInlineStyles,
-      key: "code-segment-".concat(i)
-    });
-  });
-}
-function isHighlightJs(astGenerator) {
-  return astGenerator && typeof astGenerator.highlightAuto !== "undefined";
-}
-function getCodeTree(_ref6) {
-  var astGenerator = _ref6.astGenerator, language = _ref6.language, code = _ref6.code, defaultCodeValue = _ref6.defaultCodeValue;
-  if (isHighlightJs(astGenerator)) {
-    var hasLanguage = checkForListedLanguage_default(astGenerator, language);
-    if (language === "text") {
-      return {
-        value: defaultCodeValue,
-        language: "text"
-      };
-    } else if (hasLanguage) {
-      return astGenerator.highlight(language, code);
-    } else {
-      return astGenerator.highlightAuto(code);
-    }
-  }
-  try {
-    return language && language !== "text" ? {
-      value: astGenerator.highlight(code, language)
-    } : {
-      value: defaultCodeValue
-    };
-  } catch (e) {
-    return {
-      value: defaultCodeValue
-    };
-  }
-}
-function highlight_default(defaultAstGenerator, defaultStyle) {
-  return function SyntaxHighlighter(_ref7) {
-    var _code$match$length, _code$match;
-    var language = _ref7.language, children = _ref7.children, _ref7$style = _ref7.style, style = _ref7$style === void 0 ? defaultStyle : _ref7$style, _ref7$customStyle = _ref7.customStyle, customStyle = _ref7$customStyle === void 0 ? {} : _ref7$customStyle, _ref7$codeTagProps = _ref7.codeTagProps, codeTagProps = _ref7$codeTagProps === void 0 ? {
-      className: language ? "language-".concat(language) : void 0,
-      style: _objectSpread2(_objectSpread2({}, style['code[class*="language-"]']), style['code[class*="language-'.concat(language, '"]')])
-    } : _ref7$codeTagProps, _ref7$useInlineStyles = _ref7.useInlineStyles, useInlineStyles = _ref7$useInlineStyles === void 0 ? true : _ref7$useInlineStyles, _ref7$showLineNumbers = _ref7.showLineNumbers, showLineNumbers = _ref7$showLineNumbers === void 0 ? false : _ref7$showLineNumbers, _ref7$showInlineLineN = _ref7.showInlineLineNumbers, showInlineLineNumbers = _ref7$showInlineLineN === void 0 ? true : _ref7$showInlineLineN, _ref7$startingLineNum = _ref7.startingLineNumber, startingLineNumber = _ref7$startingLineNum === void 0 ? 1 : _ref7$startingLineNum, lineNumberContainerStyle = _ref7.lineNumberContainerStyle, _ref7$lineNumberStyle = _ref7.lineNumberStyle, lineNumberStyle = _ref7$lineNumberStyle === void 0 ? {} : _ref7$lineNumberStyle, wrapLines = _ref7.wrapLines, _ref7$wrapLongLines = _ref7.wrapLongLines, wrapLongLines = _ref7$wrapLongLines === void 0 ? false : _ref7$wrapLongLines, _ref7$lineProps = _ref7.lineProps, lineProps = _ref7$lineProps === void 0 ? {} : _ref7$lineProps, renderer = _ref7.renderer, _ref7$PreTag = _ref7.PreTag, PreTag = _ref7$PreTag === void 0 ? "pre" : _ref7$PreTag, _ref7$CodeTag = _ref7.CodeTag, CodeTag = _ref7$CodeTag === void 0 ? "code" : _ref7$CodeTag, _ref7$code = _ref7.code, code = _ref7$code === void 0 ? (Array.isArray(children) ? children[0] : children) || "" : _ref7$code, astGenerator = _ref7.astGenerator, rest = (0, import_objectWithoutProperties.default)(_ref7, _excluded);
-    astGenerator = astGenerator || defaultAstGenerator;
-    var allLineNumbers = showLineNumbers ? /* @__PURE__ */ React10.createElement(AllLineNumbers, {
-      containerStyle: lineNumberContainerStyle,
-      codeStyle: codeTagProps.style || {},
-      numberStyle: lineNumberStyle,
-      startingLineNumber,
-      codeString: code
-    }) : null;
-    var defaultPreStyle = style.hljs || style['pre[class*="language-"]'] || {
-      backgroundColor: "#fff"
-    };
-    var generatorClassName = isHighlightJs(astGenerator) ? "hljs" : "prismjs";
-    var preProps = useInlineStyles ? Object.assign({}, rest, {
-      style: Object.assign({}, defaultPreStyle, customStyle)
-    }) : Object.assign({}, rest, {
-      className: rest.className ? "".concat(generatorClassName, " ").concat(rest.className) : generatorClassName,
-      style: Object.assign({}, customStyle)
-    });
-    if (wrapLongLines) {
-      codeTagProps.style = _objectSpread2({
-        whiteSpace: "pre-wrap"
-      }, codeTagProps.style);
-    } else {
-      codeTagProps.style = _objectSpread2({
-        whiteSpace: "pre"
-      }, codeTagProps.style);
-    }
-    if (!astGenerator) {
-      return /* @__PURE__ */ React10.createElement(PreTag, preProps, allLineNumbers, /* @__PURE__ */ React10.createElement(CodeTag, codeTagProps, code));
-    }
-    if (wrapLines === void 0 && renderer || wrapLongLines) wrapLines = true;
-    renderer = renderer || defaultRenderer;
-    var defaultCodeValue = [{
-      type: "text",
-      value: code
-    }];
-    var codeTree = getCodeTree({
-      astGenerator,
-      language,
-      code,
-      defaultCodeValue
-    });
-    if (codeTree.language === null) {
-      codeTree.value = defaultCodeValue;
-    }
-    var lineBreakCount = (_code$match$length = (_code$match = code.match(/\n/g)) === null || _code$match === void 0 ? void 0 : _code$match.length) !== null && _code$match$length !== void 0 ? _code$match$length : 0;
-    var largestLineNumber = startingLineNumber + lineBreakCount;
-    var rows = processLines(codeTree, wrapLines, lineProps, showLineNumbers, showInlineLineNumbers, startingLineNumber, largestLineNumber, lineNumberStyle, wrapLongLines);
-    return /* @__PURE__ */ React10.createElement(PreTag, preProps, /* @__PURE__ */ React10.createElement(CodeTag, codeTagProps, !showInlineLineNumbers && allLineNumbers, renderer({
-      rows,
-      stylesheet: style,
-      useInlineStyles
-    })));
-  };
-}
-
-// ../../../node_modules/.pnpm/react-syntax-highlighter@15.6.6_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/languages/prism/supported-languages.js
-var supported_languages_default = ["abap", "abnf", "actionscript", "ada", "agda", "al", "antlr4", "apacheconf", "apex", "apl", "applescript", "aql", "arduino", "arff", "asciidoc", "asm6502", "asmatmel", "aspnet", "autohotkey", "autoit", "avisynth", "avro-idl", "bash", "basic", "batch", "bbcode", "bicep", "birb", "bison", "bnf", "brainfuck", "brightscript", "bro", "bsl", "c", "cfscript", "chaiscript", "cil", "clike", "clojure", "cmake", "cobol", "coffeescript", "concurnas", "coq", "cpp", "crystal", "csharp", "cshtml", "csp", "css-extras", "css", "csv", "cypher", "d", "dart", "dataweave", "dax", "dhall", "diff", "django", "dns-zone-file", "docker", "dot", "ebnf", "editorconfig", "eiffel", "ejs", "elixir", "elm", "erb", "erlang", "etlua", "excel-formula", "factor", "false", "firestore-security-rules", "flow", "fortran", "fsharp", "ftl", "gap", "gcode", "gdscript", "gedcom", "gherkin", "git", "glsl", "gml", "gn", "go-module", "go", "graphql", "groovy", "haml", "handlebars", "haskell", "haxe", "hcl", "hlsl", "hoon", "hpkp", "hsts", "http", "ichigojam", "icon", "icu-message-format", "idris", "iecst", "ignore", "inform7", "ini", "io", "j", "java", "javadoc", "javadoclike", "javascript", "javastacktrace", "jexl", "jolie", "jq", "js-extras", "js-templates", "jsdoc", "json", "json5", "jsonp", "jsstacktrace", "jsx", "julia", "keepalived", "keyman", "kotlin", "kumir", "kusto", "latex", "latte", "less", "lilypond", "liquid", "lisp", "livescript", "llvm", "log", "lolcode", "lua", "magma", "makefile", "markdown", "markup-templating", "markup", "matlab", "maxscript", "mel", "mermaid", "mizar", "mongodb", "monkey", "moonscript", "n1ql", "n4js", "nand2tetris-hdl", "naniscript", "nasm", "neon", "nevod", "nginx", "nim", "nix", "nsis", "objectivec", "ocaml", "opencl", "openqasm", "oz", "parigp", "parser", "pascal", "pascaligo", "pcaxis", "peoplecode", "perl", "php-extras", "php", "phpdoc", "plsql", "powerquery", "powershell", "processing", "prolog", "promql", "properties", "protobuf", "psl", "pug", "puppet", "pure", "purebasic", "purescript", "python", "q", "qml", "qore", "qsharp", "r", "racket", "reason", "regex", "rego", "renpy", "rest", "rip", "roboconf", "robotframework", "ruby", "rust", "sas", "sass", "scala", "scheme", "scss", "shell-session", "smali", "smalltalk", "smarty", "sml", "solidity", "solution-file", "soy", "sparql", "splunk-spl", "sqf", "sql", "squirrel", "stan", "stylus", "swift", "systemd", "t4-cs", "t4-templating", "t4-vb", "tap", "tcl", "textile", "toml", "tremor", "tsx", "tt2", "turtle", "twig", "typescript", "typoscript", "unrealscript", "uorazor", "uri", "v", "vala", "vbnet", "velocity", "verilog", "vhdl", "vim", "visual-basic", "warpscript", "wasm", "web-idl", "wiki", "wolfram", "wren", "xeora", "xml-doc", "xojo", "xquery", "yaml", "yang", "zig"];
-
-// ../../../node_modules/.pnpm/react-syntax-highlighter@15.6.6_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/styles/prism/prism.js
-var prism_default = {
-  'code[class*="language-"]': {
-    "color": "black",
-    "background": "none",
-    "textShadow": "0 1px white",
-    "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-    "fontSize": "1em",
-    "textAlign": "left",
-    "whiteSpace": "pre",
-    "wordSpacing": "normal",
-    "wordBreak": "normal",
-    "wordWrap": "normal",
-    "lineHeight": "1.5",
-    "MozTabSize": "4",
-    "OTabSize": "4",
-    "tabSize": "4",
-    "WebkitHyphens": "none",
-    "MozHyphens": "none",
-    "msHyphens": "none",
-    "hyphens": "none"
-  },
-  'pre[class*="language-"]': {
-    "color": "black",
-    "background": "#f5f2f0",
-    "textShadow": "0 1px white",
-    "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-    "fontSize": "1em",
-    "textAlign": "left",
-    "whiteSpace": "pre",
-    "wordSpacing": "normal",
-    "wordBreak": "normal",
-    "wordWrap": "normal",
-    "lineHeight": "1.5",
-    "MozTabSize": "4",
-    "OTabSize": "4",
-    "tabSize": "4",
-    "WebkitHyphens": "none",
-    "MozHyphens": "none",
-    "msHyphens": "none",
-    "hyphens": "none",
-    "padding": "1em",
-    "margin": ".5em 0",
-    "overflow": "auto"
-  },
-  'pre[class*="language-"]::-moz-selection': {
-    "textShadow": "none",
-    "background": "#b3d4fc"
-  },
-  'pre[class*="language-"] ::-moz-selection': {
-    "textShadow": "none",
-    "background": "#b3d4fc"
-  },
-  'code[class*="language-"]::-moz-selection': {
-    "textShadow": "none",
-    "background": "#b3d4fc"
-  },
-  'code[class*="language-"] ::-moz-selection': {
-    "textShadow": "none",
-    "background": "#b3d4fc"
-  },
-  'pre[class*="language-"]::selection': {
-    "textShadow": "none",
-    "background": "#b3d4fc"
-  },
-  'pre[class*="language-"] ::selection': {
-    "textShadow": "none",
-    "background": "#b3d4fc"
-  },
-  'code[class*="language-"]::selection': {
-    "textShadow": "none",
-    "background": "#b3d4fc"
-  },
-  'code[class*="language-"] ::selection': {
-    "textShadow": "none",
-    "background": "#b3d4fc"
-  },
-  ':not(pre) > code[class*="language-"]': {
-    "background": "#f5f2f0",
-    "padding": ".1em",
-    "borderRadius": ".3em",
-    "whiteSpace": "normal"
-  },
-  "comment": {
-    "color": "slategray"
-  },
-  "prolog": {
-    "color": "slategray"
-  },
-  "doctype": {
-    "color": "slategray"
-  },
-  "cdata": {
-    "color": "slategray"
-  },
-  "punctuation": {
-    "color": "#999"
-  },
-  "namespace": {
-    "Opacity": ".7"
-  },
-  "property": {
-    "color": "#905"
-  },
-  "tag": {
-    "color": "#905"
-  },
-  "boolean": {
-    "color": "#905"
-  },
-  "number": {
-    "color": "#905"
-  },
-  "constant": {
-    "color": "#905"
-  },
-  "symbol": {
-    "color": "#905"
-  },
-  "deleted": {
-    "color": "#905"
-  },
-  "selector": {
-    "color": "#690"
-  },
-  "attr-name": {
-    "color": "#690"
-  },
-  "string": {
-    "color": "#690"
-  },
-  "char": {
-    "color": "#690"
-  },
-  "builtin": {
-    "color": "#690"
-  },
-  "inserted": {
-    "color": "#690"
-  },
-  "operator": {
-    "color": "#9a6e3a",
-    "background": "hsla(0, 0%, 100%, .5)"
-  },
-  "entity": {
-    "color": "#9a6e3a",
-    "background": "hsla(0, 0%, 100%, .5)",
-    "cursor": "help"
-  },
-  "url": {
-    "color": "#9a6e3a",
-    "background": "hsla(0, 0%, 100%, .5)"
-  },
-  ".language-css .token.string": {
-    "color": "#9a6e3a",
-    "background": "hsla(0, 0%, 100%, .5)"
-  },
-  ".style .token.string": {
-    "color": "#9a6e3a",
-    "background": "hsla(0, 0%, 100%, .5)"
-  },
-  "atrule": {
-    "color": "#07a"
-  },
-  "attr-value": {
-    "color": "#07a"
-  },
-  "keyword": {
-    "color": "#07a"
-  },
-  "function": {
-    "color": "#DD4A68"
-  },
-  "class-name": {
-    "color": "#DD4A68"
-  },
-  "regex": {
-    "color": "#e90"
-  },
-  "important": {
-    "color": "#e90",
-    "fontWeight": "bold"
-  },
-  "variable": {
-    "color": "#e90"
-  },
-  "bold": {
-    "fontWeight": "bold"
-  },
-  "italic": {
-    "fontStyle": "italic"
-  }
-};
-
-// ../../../node_modules/.pnpm/react-syntax-highlighter@15.6.6_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/prism.js
-var import_refractor = __toESM(require_refractor());
-var highlighter = highlight_default(import_refractor.default, prism_default);
-highlighter.supportedLanguages = supported_languages_default;
-var prism_default2 = highlighter;
-
-// ../../../node_modules/.pnpm/react-syntax-highlighter@15.6.6_react@18.3.1/node_modules/react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js
-var vsc_dark_plus_default = {
-  'pre[class*="language-"]': {
-    "color": "#d4d4d4",
-    "fontSize": "13px",
-    "textShadow": "none",
-    "fontFamily": 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
-    "direction": "ltr",
-    "textAlign": "left",
-    "whiteSpace": "pre",
-    "wordSpacing": "normal",
-    "wordBreak": "normal",
-    "lineHeight": "1.5",
-    "MozTabSize": "4",
-    "OTabSize": "4",
-    "tabSize": "4",
-    "WebkitHyphens": "none",
-    "MozHyphens": "none",
-    "msHyphens": "none",
-    "hyphens": "none",
-    "padding": "1em",
-    "margin": ".5em 0",
-    "overflow": "auto",
-    "background": "#1e1e1e"
-  },
-  'code[class*="language-"]': {
-    "color": "#d4d4d4",
-    "fontSize": "13px",
-    "textShadow": "none",
-    "fontFamily": 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
-    "direction": "ltr",
-    "textAlign": "left",
-    "whiteSpace": "pre",
-    "wordSpacing": "normal",
-    "wordBreak": "normal",
-    "lineHeight": "1.5",
-    "MozTabSize": "4",
-    "OTabSize": "4",
-    "tabSize": "4",
-    "WebkitHyphens": "none",
-    "MozHyphens": "none",
-    "msHyphens": "none",
-    "hyphens": "none"
-  },
-  'pre[class*="language-"]::selection': {
-    "textShadow": "none",
-    "background": "#264F78"
-  },
-  'code[class*="language-"]::selection': {
-    "textShadow": "none",
-    "background": "#264F78"
-  },
-  'pre[class*="language-"] *::selection': {
-    "textShadow": "none",
-    "background": "#264F78"
-  },
-  'code[class*="language-"] *::selection': {
-    "textShadow": "none",
-    "background": "#264F78"
-  },
-  ':not(pre) > code[class*="language-"]': {
-    "padding": ".1em .3em",
-    "borderRadius": ".3em",
-    "color": "#db4c69",
-    "background": "#1e1e1e"
-  },
-  ".namespace": {
-    "Opacity": ".7"
-  },
-  "doctype.doctype-tag": {
-    "color": "#569CD6"
-  },
-  "doctype.name": {
-    "color": "#9cdcfe"
-  },
-  "comment": {
-    "color": "#6a9955"
-  },
-  "prolog": {
-    "color": "#6a9955"
-  },
-  "punctuation": {
-    "color": "#d4d4d4"
-  },
-  ".language-html .language-css .token.punctuation": {
-    "color": "#d4d4d4"
-  },
-  ".language-html .language-javascript .token.punctuation": {
-    "color": "#d4d4d4"
-  },
-  "property": {
-    "color": "#9cdcfe"
-  },
-  "tag": {
-    "color": "#569cd6"
-  },
-  "boolean": {
-    "color": "#569cd6"
-  },
-  "number": {
-    "color": "#b5cea8"
-  },
-  "constant": {
-    "color": "#9cdcfe"
-  },
-  "symbol": {
-    "color": "#b5cea8"
-  },
-  "inserted": {
-    "color": "#b5cea8"
-  },
-  "unit": {
-    "color": "#b5cea8"
-  },
-  "selector": {
-    "color": "#d7ba7d"
-  },
-  "attr-name": {
-    "color": "#9cdcfe"
-  },
-  "string": {
-    "color": "#ce9178"
-  },
-  "char": {
-    "color": "#ce9178"
-  },
-  "builtin": {
-    "color": "#ce9178"
-  },
-  "deleted": {
-    "color": "#ce9178"
-  },
-  ".language-css .token.string.url": {
-    "textDecoration": "underline"
-  },
-  "operator": {
-    "color": "#d4d4d4"
-  },
-  "entity": {
-    "color": "#569cd6"
-  },
-  "operator.arrow": {
-    "color": "#569CD6"
-  },
-  "atrule": {
-    "color": "#ce9178"
-  },
-  "atrule.rule": {
-    "color": "#c586c0"
-  },
-  "atrule.url": {
-    "color": "#9cdcfe"
-  },
-  "atrule.url.function": {
-    "color": "#dcdcaa"
-  },
-  "atrule.url.punctuation": {
-    "color": "#d4d4d4"
-  },
-  "keyword": {
-    "color": "#569CD6"
-  },
-  "keyword.module": {
-    "color": "#c586c0"
-  },
-  "keyword.control-flow": {
-    "color": "#c586c0"
-  },
-  "function": {
-    "color": "#dcdcaa"
-  },
-  "function.maybe-class-name": {
-    "color": "#dcdcaa"
-  },
-  "regex": {
-    "color": "#d16969"
-  },
-  "important": {
-    "color": "#569cd6"
-  },
-  "italic": {
-    "fontStyle": "italic"
-  },
-  "class-name": {
-    "color": "#4ec9b0"
-  },
-  "maybe-class-name": {
-    "color": "#4ec9b0"
-  },
-  "console": {
-    "color": "#9cdcfe"
-  },
-  "parameter": {
-    "color": "#9cdcfe"
-  },
-  "interpolation": {
-    "color": "#9cdcfe"
-  },
-  "punctuation.interpolation-punctuation": {
-    "color": "#569cd6"
-  },
-  "variable": {
-    "color": "#9cdcfe"
-  },
-  "imports.maybe-class-name": {
-    "color": "#9cdcfe"
-  },
-  "exports.maybe-class-name": {
-    "color": "#9cdcfe"
-  },
-  "escape": {
-    "color": "#d7ba7d"
-  },
-  "tag.punctuation": {
-    "color": "#808080"
-  },
-  "cdata": {
-    "color": "#808080"
-  },
-  "attr-value": {
-    "color": "#ce9178"
-  },
-  "attr-value.punctuation": {
-    "color": "#ce9178"
-  },
-  "attr-value.punctuation.attr-equals": {
-    "color": "#d4d4d4"
-  },
-  "namespace": {
-    "color": "#4ec9b0"
-  },
-  'pre[class*="language-javascript"]': {
-    "color": "#9cdcfe"
-  },
-  'code[class*="language-javascript"]': {
-    "color": "#9cdcfe"
-  },
-  'pre[class*="language-jsx"]': {
-    "color": "#9cdcfe"
-  },
-  'code[class*="language-jsx"]': {
-    "color": "#9cdcfe"
-  },
-  'pre[class*="language-typescript"]': {
-    "color": "#9cdcfe"
-  },
-  'code[class*="language-typescript"]': {
-    "color": "#9cdcfe"
-  },
-  'pre[class*="language-tsx"]': {
-    "color": "#9cdcfe"
-  },
-  'code[class*="language-tsx"]': {
-    "color": "#9cdcfe"
-  },
-  'pre[class*="language-css"]': {
-    "color": "#ce9178"
-  },
-  'code[class*="language-css"]': {
-    "color": "#ce9178"
-  },
-  'pre[class*="language-html"]': {
-    "color": "#d4d4d4"
-  },
-  'code[class*="language-html"]': {
-    "color": "#d4d4d4"
-  },
-  ".language-regex .token.anchor": {
-    "color": "#dcdcaa"
-  },
-  ".language-html .token.punctuation": {
-    "color": "#808080"
-  },
-  'pre[class*="language-"] > code[class*="language-"]': {
-    "position": "relative",
-    "zIndex": "1"
-  },
-  ".line-highlight.line-highlight": {
-    "background": "#f7ebc6",
-    "boxShadow": "inset 5px 0 0 #f7d87c",
-    "zIndex": "0"
+// src/components/renderers/utils.tsx
+function extractContent(message) {
+  let text = "";
+  let hasMarkdown = false;
+  let hasCode = false;
+  let hasLinks = false;
+  let hasImages = false;
+  let imageParts = [];
+  if ("parts" in message && Array.isArray(message.parts)) {
+    const distriMessage = message;
+    const textParts = distriMessage.parts?.filter((p) => p.part_type === "text" && p.data)?.map((p) => p.data)?.filter((text2) => text2 && text2.trim()) || [];
+    text = textParts.join(" ").trim();
+    imageParts = distriMessage.parts?.filter((p) => p.part_type === "image") || [];
+    if (!text) {
+      const structuredParts = distriMessage.parts?.filter(
+        (part) => part.part_type !== "text" && part.part_type !== "image"
+      ) || [];
+      if (structuredParts.length > 0) {
+        text = structuredParts.map((part) => formatStructuredPart(part)).filter(Boolean).join("\n\n");
+        if (text) {
+          hasMarkdown = true;
+          hasCode = true;
+        }
+      }
+    }
+    hasMarkdown = /[*_`#[\]()>]/.test(text);
+    hasCode = /```|`/.test(text);
+    hasLinks = /\[.*?\]\(.*?\)|https?:\/\/[^\s]+/.test(text);
+    hasImages = /!\[.*?\]\(.*?\)/.test(text) || imageParts.length > 0;
+  } else {
+    text = JSON.stringify(message, null, 2);
+  }
+  return {
+    text,
+    hasMarkdown,
+    hasCode,
+    hasLinks,
+    hasImages,
+    imageParts,
+    rawContent: message
+  };
+}
+function formatStructuredPart(part) {
+  switch (part.part_type) {
+    case "tool_call": {
+      const payload = part.data;
+      const toolName = payload?.tool_name || "unknown tool";
+      return `**Tool Call: ${toolName}**
+
+\`\`\`json
+${JSON.stringify(part.data, null, 2)}
+\`\`\``;
+    }
+    case "tool_result":
+      return `**Tool Result**
+
+\`\`\`json
+${JSON.stringify(part.data, null, 2)}
+\`\`\``;
+    case "data":
+      return `\`\`\`json
+${JSON.stringify(part.data, null, 2)}
+\`\`\``;
+    default:
+      return `\`\`\`json
+${JSON.stringify(part, null, 2)}
+\`\`\``;
+  }
+}
+
+// src/components/renderers/ImageRenderer.tsx
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+var ImageRenderer = ({
+  imageParts,
+  className = ""
+}) => {
+  if (!imageParts || imageParts.length === 0) {
+    return null;
   }
+  const getImageSrc = (imageData) => {
+    if ("data" in imageData) {
+      return `data:${imageData.mime_type};base64,${imageData.data}`;
+    } else {
+      return imageData.url;
+    }
+  };
+  const getImageAlt = (imageData) => {
+    return imageData.name || "Attached image";
+  };
+  return /* @__PURE__ */ jsx9("div", { className: `flex flex-wrap gap-3 mt-3 ${className}`, children: imageParts.map((imagePart, index) => {
+    const src = getImageSrc(imagePart.data);
+    const alt = getImageAlt(imagePart.data);
+    return /* @__PURE__ */ jsxs4("div", { className: "relative group", children: [
+      /* @__PURE__ */ jsx9(
+        "img",
+        {
+          src,
+          alt,
+          className: "max-w-sm max-h-64 rounded-lg border border-border object-cover shadow-sm hover:shadow-md transition-shadow cursor-pointer",
+          onClick: () => {
+            window.open(src, "_blank");
+          }
+        }
+      ),
+      imagePart.data.name && /* @__PURE__ */ jsx9("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2 rounded-b-lg opacity-0 group-hover:opacity-100 transition-opacity", children: imagePart.data.name })
+    ] }, index);
+  }) });
 };
 
 // src/components/renderers/TextRenderer.tsx
+import ReactMarkdown from "react-markdown";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism";
 import remarkGfm from "remark-gfm";
 import rehypeRaw from "rehype-raw";
 import rehypeSanitize, { defaultSchema } from "rehype-sanitize";
@@ -4088,9 +2569,9 @@ var TextRenderer = ({ content, className = "" }) => {
           const language = match ? match[1] : "";
           const isInline = !match;
           return !isInline && language ? /* @__PURE__ */ jsx10("div", { className: "w-full max-w-full overflow-hidden", style: { maxWidth: "100%" }, children: /* @__PURE__ */ jsx10(
-            prism_default2,
+            SyntaxHighlighter,
             {
-              style: vsc_dark_plus_default,
+              style: vscDarkPlus,
               language,
               PreTag: "div",
               className: "!mt-0 !mb-0 text-sm",
@@ -4143,6 +2624,8 @@ import { isDistriMessage as isDistriMessage2 } from "@distri/core";
 // src/components/renderers/StreamingTextRenderer.tsx
 import { useMemo as useMemo4 } from "react";
 import ReactMarkdown2 from "react-markdown";
+import { Prism as SyntaxHighlighter2 } from "react-syntax-highlighter";
+import { vscDarkPlus as vscDarkPlus2 } from "react-syntax-highlighter/dist/esm/styles/prism";
 import remarkGfm2 from "remark-gfm";
 import rehypeRaw2 from "rehype-raw";
 import rehypeSanitize2, { defaultSchema as defaultSchema2 } from "rehype-sanitize";
@@ -4230,9 +2713,9 @@ var StreamingTextRenderer = ({
             const language = match ? match[1] : "";
             const isInline = !match;
             return !isInline && language ? /* @__PURE__ */ jsx12("div", { className: "w-full max-w-full overflow-hidden", style: { maxWidth: "100%" }, children: /* @__PURE__ */ jsx12(
-              prism_default2,
+              SyntaxHighlighter2,
               {
-                style: vsc_dark_plus_default,
+                style: vscDarkPlus2,
                 language,
                 PreTag: "div",
                 className: "!mt-0 !mb-0 rounded-md text-sm",
@@ -4584,16 +3067,8 @@ var ToolExecutionRenderer = ({
 import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var RendererWrapper = ({
   children,
-  className = "",
-  isUserMessage = false
-}) => /* @__PURE__ */ jsx17("div", { className: `w-full px-4 overflow-hidden ${className}`, style: { maxWidth: "100%", wordBreak: "break-word" }, children: /* @__PURE__ */ jsx17(
-  "div",
-  {
-    className: `w-full overflow-hidden ${isUserMessage ? "ml-auto" : "max-w-4xl mx-auto"}`,
-    style: { maxWidth: isUserMessage ? "100%" : "min(100%, 56rem)", wordBreak: "break-word" },
-    children
-  }
-) });
+  className = ""
+}) => /* @__PURE__ */ jsx17("div", { className: `w-full px-4 overflow-hidden ${className}`, style: { maxWidth: "100%", wordBreak: "break-word" }, children: /* @__PURE__ */ jsx17("div", { className: "w-full max-w-4xl mx-auto overflow-hidden", style: { maxWidth: "min(100%, 56rem)", wordBreak: "break-word" }, children }) });
 function MessageRenderer({
   message,
   index,
@@ -4612,7 +3087,7 @@ function MessageRenderer({
     const distriMessage = message;
     switch (distriMessage.role) {
       case "user":
-        return /* @__PURE__ */ jsx17(RendererWrapper, { className: "distri-user-message", isUserMessage: true, children: /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx17(RendererWrapper, { className: "distri-user-message", children: /* @__PURE__ */ jsx17(
           UserMessageRenderer,
           {
             message: distriMessage
@@ -4864,14 +3339,14 @@ var LoadingAnimation = ({ config = {} }) => {
 };
 
 // src/components/ui/select.tsx
-import * as React13 from "react";
+import * as React11 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check2, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
 import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var SelectTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -4887,7 +3362,7 @@ var SelectTrigger = React13.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var SelectScrollUpButton = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -4900,7 +3375,7 @@ var SelectScrollUpButton = React13.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var SelectScrollDownButton = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -4913,7 +3388,7 @@ var SelectScrollDownButton = React13.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React13.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs14(
+var SelectContent = React11.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs14(
   SelectPrimitive.Content,
   {
     ref,
@@ -4941,7 +3416,7 @@ var SelectContent = React13.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var SelectLabel = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SelectPrimitive.Label,
   {
     ref,
@@ -4950,7 +3425,7 @@ var SelectLabel = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var SelectItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   SelectPrimitive.Item,
   {
     ref,
@@ -4966,7 +3441,7 @@ var SelectItem = React13.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var SelectSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SelectPrimitive.Separator,
   {
     ref,
@@ -5147,16 +3622,12 @@ var DefaultChatEmptyState = ({ controller, options, maxWidth }) => {
   const defaultLayout = options?.layout ?? "list";
   const handleStarterClick = (starter) => {
     const prompt = starter.prompt ?? starter.label;
-    console.log("[ChatEmptyState] Starter clicked:", { label: starter.label, prompt, autoSend: starter.autoSend });
     controller.setInput(prompt);
     const shouldSubmit = starter.autoSend ?? options?.autoSendOnStarterClick ?? true;
-    console.log("[ChatEmptyState] Should submit:", shouldSubmit);
     if (!shouldSubmit) {
       return;
     }
-    console.log("[ChatEmptyState] Submitting prompt:", prompt);
-    void controller.submit(prompt).catch((err) => {
-      console.error("[ChatEmptyState] Submit error:", err);
+    void controller.submit(prompt).catch(() => {
     });
   };
   const renderStarter = (starter, layout) => {
@@ -5168,12 +3639,8 @@ var DefaultChatEmptyState = ({ controller, options, maxWidth }) => {
         type: "button",
         variant,
         size: "sm",
-        className: `h-auto whitespace-normal rounded-lg border-border/50 bg-background text-left text-sm font-normal hover:border-primary/40 hover:bg-primary/5 transition-all cursor-pointer select-none ${isGrid ? "flex-col items-center justify-center p-4 gap-2" : "justify-start px-3 py-3"}`,
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          handleStarterClick(starter);
-        },
+        className: `h-auto whitespace-normal rounded-lg border-border/50 bg-background text-left text-sm font-normal hover:border-primary/40 hover:bg-primary/5 transition-all ${isGrid ? "flex-col items-center justify-center p-4 gap-2" : "justify-start px-3 py-3"}`,
+        onClick: () => handleStarterClick(starter),
         disabled,
         children: [
           starter.icon && /* @__PURE__ */ jsx21("span", { className: `text-lg ${isGrid ? "" : "mr-2"}`, children: starter.icon }),
@@ -5225,6 +3692,41 @@ var DefaultChatEmptyState = ({ controller, options, maxWidth }) => {
   ) });
 };
 
+// src/components/BrowserPreviewPanel.tsx
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+var BrowserPreviewPanel = ({
+  frameSrc,
+  timestampLabel,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs16(
+    "div",
+    {
+      className: cn(
+        "rounded-xl border bg-muted/40 shadow-sm overflow-hidden",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between px-3 py-2 border-b bg-background/70 backdrop-blur text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx22("span", { className: "text-xs sm:text-sm font-medium text-foreground", children: "Live browser preview" }),
+          timestampLabel && /* @__PURE__ */ jsxs16("span", { className: "text-[11px] text-muted-foreground/80", children: [
+            "Updated ",
+            timestampLabel
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx22("div", { className: "bg-background", children: /* @__PURE__ */ jsx22(
+          "img",
+          {
+            src: frameSrc,
+            alt: "Browser screenshot",
+            className: "block w-full h-auto object-contain"
+          }
+        ) })
+      ]
+    }
+  );
+};
+
 // src/hooks/useChatMessages.ts
 import { useCallback as useCallback11, useEffect as useEffect9, useState as useState13, useRef as useRef8 } from "react";
 
@@ -5418,17 +3920,6 @@ function convertA2AStatusUpdateToDistri(statusUpdate) {
       };
       return hookRequested;
     }
-    case "browser_session_started": {
-      const browserSessionStarted = {
-        type: "browser_session_started",
-        data: {
-          session_id: metadata.session_id || "",
-          viewer_url: metadata.viewer_url,
-          stream_url: metadata.stream_url
-        }
-      };
-      return browserSessionStarted;
-    }
     default: {
       console.warn(`Unhandled status update metadata type: ${metadata.type}`, metadata);
       const defaultResult = {
@@ -5540,7 +4031,7 @@ function useChatMessages({
 // src/components/AuthLoading.tsx
 import { useEffect as useEffect10, useRef as useRef9, useMemo as useMemo5 } from "react";
 import { Loader2 as Loader22, AlertCircle as AlertCircle2 } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 var AuthLoading = ({
   children,
   className = ""
@@ -5608,10 +4099,10 @@ var AuthLoading = ({
   }, [config]);
   const containerClass = `relative flex flex-col items-center justify-center p-8 text-center min-h-[400px] w-full bg-background animate-in fade-in duration-300 ${className}`;
   if (status === "loading") {
-    return /* @__PURE__ */ jsxs16("div", { className: containerClass, children: [
-      /* @__PURE__ */ jsx22(Loader22, { className: "h-8 w-8 animate-spin text-primary mb-4" }),
-      /* @__PURE__ */ jsx22("p", { className: "text-muted-foreground font-sans text-sm animate-pulse font-medium", children: "Initializing Security\u2026" }),
-      /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsxs17("div", { className: containerClass, children: [
+      /* @__PURE__ */ jsx23(Loader22, { className: "h-8 w-8 animate-spin text-primary mb-4" }),
+      /* @__PURE__ */ jsx23("p", { className: "text-muted-foreground font-sans text-sm animate-pulse font-medium", children: "Initializing Security\u2026" }),
+      /* @__PURE__ */ jsx23(
         "iframe",
         {
           ref: iframeRef,
@@ -5631,11 +4122,11 @@ var AuthLoading = ({
     ] });
   }
   if (status === "error") {
-    return /* @__PURE__ */ jsxs16("div", { className: containerClass, children: [
-      /* @__PURE__ */ jsx22(AlertCircle2, { className: "h-12 w-12 text-destructive mb-4" }),
-      /* @__PURE__ */ jsx22("h2", { className: "text-lg font-semibold text-foreground mb-2", children: "Authentication Failed" }),
-      /* @__PURE__ */ jsx22("p", { className: "text-muted-foreground font-sans text-sm mb-6 max-w-xs", children: error || "Could not establish a secure connection." }),
-      /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsxs17("div", { className: containerClass, children: [
+      /* @__PURE__ */ jsx23(AlertCircle2, { className: "h-12 w-12 text-destructive mb-4" }),
+      /* @__PURE__ */ jsx23("h2", { className: "text-lg font-semibold text-foreground mb-2", children: "Authentication Failed" }),
+      /* @__PURE__ */ jsx23("p", { className: "text-muted-foreground font-sans text-sm mb-6 max-w-xs", children: error || "Could not establish a secure connection." }),
+      /* @__PURE__ */ jsx23(
         "button",
         {
           onClick: () => requestAuth(),
@@ -5645,16 +4136,16 @@ var AuthLoading = ({
       )
     ] });
   }
-  return /* @__PURE__ */ jsx22(Fragment3, { children });
+  return /* @__PURE__ */ jsx23(Fragment3, { children });
 };
 
 // src/components/Chat.tsx
 import { AlertCircle as AlertCircle3, Loader2 as Loader23 } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var RendererWrapper2 = ({
   children,
   className = ""
-}) => /* @__PURE__ */ jsx23("div", { className: `max-w-3xl mx-auto w-full ${className}`, children });
+}) => /* @__PURE__ */ jsx24("div", { className: `max-w-3xl mx-auto w-full ${className}`, children });
 var getThemeClasses = (theme) => {
   if (theme === "dark") return "dark";
   if (theme === "light") return "light";
@@ -5704,7 +4195,9 @@ var ChatInner = forwardRef4(function ChatInner2({
   const [streamingTranscript, setStreamingTranscript] = useState14("");
   const [audioChunks, setAudioChunks] = useState14([]);
   const [browserEnabled, setBrowserEnabled] = useState14(false);
-  const browserViewerUrl = useChatStateStore((state) => state.browserViewerUrl);
+  const browserFrame = useChatStateStore((state) => state.browserFrame);
+  const browserFrameUpdatedAt = useChatStateStore((state) => state.browserFrameUpdatedAt);
+  const clearBrowserFrame = useChatStateStore((state) => state.clearBrowserFrame);
   const agentDefinition = useMemo6(() => agent?.getDefinition(), [agent]);
   const supportsBrowserStreaming = allowBrowserPreview && Boolean(agentDefinition?.browser_config);
   const browserAgentIdRef = useRef10(void 0);
@@ -5713,34 +4206,33 @@ var ChatInner = forwardRef4(function ChatInner2({
     if (!agentDefinition || !supportsBrowserStreaming) {
       setBrowserEnabled(false);
       browserAgentIdRef.current = agentId;
+      clearBrowserFrame();
       return;
     }
     if (browserAgentIdRef.current !== agentId) {
       browserAgentIdRef.current = agentId;
       const defaultEnabled = agentDefinition.browser_config?.enabled ?? false;
       setBrowserEnabled(defaultEnabled);
+      if (!defaultEnabled) {
+        clearBrowserFrame();
+      }
     }
-  }, [agentDefinition, supportsBrowserStreaming]);
+  }, [agentDefinition, supportsBrowserStreaming, clearBrowserFrame]);
   useEffect11(() => {
     if (typeof initialInput === "string" && initialInput !== initialInputRef.current) {
       setInput(initialInput);
       initialInputRef.current = initialInput;
     }
   }, [initialInput]);
-  const browserSessionId = useChatStateStore((state) => state.browserSessionId);
   const mergedMetadataProvider = useCallback12(async () => {
     const baseMetadata = await getMetadataProp?.() ?? {};
     const existingOverrides = baseMetadata.definition_overrides ?? {};
     const overrides = supportsBrowserStreaming ? { ...existingOverrides, use_browser: browserEnabled } : existingOverrides;
-    const metadata = {
+    return {
       ...baseMetadata,
-      definition_overrides: overrides,
-      // Include browser_session_id if we have one so browsr reuses the same session
-      ...browserSessionId ? { browser_session_id: browserSessionId } : {}
+      definition_overrides: overrides
     };
-    console.log("[Chat] mergedMetadataProvider - browserSessionId:", browserSessionId, "metadata:", metadata);
-    return metadata;
-  }, [browserEnabled, browserSessionId, getMetadataProp, supportsBrowserStreaming]);
+  }, [browserEnabled, getMetadataProp, supportsBrowserStreaming]);
   const {
     sendMessage,
     stopStreaming,
@@ -5759,6 +4251,16 @@ var ChatInner = forwardRef4(function ChatInner2({
     initialMessages,
     beforeSendMessage
   });
+  console.log("[ChatInner] useChat state:", { isStreaming, isLoading, error, messagesLength: messages.length });
+  const browserTimestampLabel = useMemo6(() => {
+    if (!browserFrameUpdatedAt) return null;
+    try {
+      const date = new Date(browserFrameUpdatedAt);
+      return date.toLocaleTimeString();
+    } catch {
+      return null;
+    }
+  }, [browserFrameUpdatedAt]);
   const emptyState = useMemo6(() => {
     if (!emptyStateProp && !starterCommands) return void 0;
     const starterCategory = starterCommands && starterCommands.length > 0 ? { id: "_starter_commands", starters: starterCommands } : null;
@@ -5784,39 +4286,13 @@ var ChatInner = forwardRef4(function ChatInner2({
       onChatStateChange(currentState);
     }
   }, [currentState, onChatStateChange]);
-  const { client: distriClient } = useDistri();
-  const [browserLoading, setBrowserLoading] = useState14(false);
-  const handleToggleBrowser = useCallback12(async (enabled) => {
-    console.log("[Chat] handleToggleBrowser called:", { enabled, supportsBrowserStreaming, distriClient: !!distriClient, browserSessionId });
-    if (!supportsBrowserStreaming) {
-      console.warn("[Chat] Browser streaming not supported for this agent");
-      return;
-    }
-    if (enabled && !distriClient) {
-      console.warn("[Chat] Cannot create browser session - client not ready");
-      return;
-    }
+  const handleToggleBrowser = useCallback12((enabled) => {
+    if (!supportsBrowserStreaming) return;
     setBrowserEnabled(enabled);
-    if (enabled && distriClient) {
-      const currentSessionId = useChatStateStore.getState().browserSessionId;
-      if (!currentSessionId) {
-        setBrowserLoading(true);
-        try {
-          console.log("[Chat] Creating browser session...");
-          const session = await distriClient.createBrowserSession();
-          console.log("[Chat] Browser session created:", session);
-          useChatStateStore.getState().setBrowserSession(session.session_id, session.frame_url);
-        } catch (err) {
-          console.error("[Chat] Failed to create browser session:", err);
-          setBrowserEnabled(false);
-        } finally {
-          setBrowserLoading(false);
-        }
-      } else {
-        console.log("[Chat] Reusing existing browser session:", currentSessionId);
-      }
+    if (!enabled) {
+      clearBrowserFrame();
     }
-  }, [supportsBrowserStreaming, distriClient]);
+  }, [supportsBrowserStreaming, clearBrowserFrame]);
   const addImages = useCallback12(async (files) => {
     const imageFiles = Array.from(files).filter((file) => file.type.startsWith("image/"));
     for (const file of imageFiles) {
@@ -6077,7 +4553,7 @@ var ChatInner = forwardRef4(function ChatInner2({
   const renderMessages = () => {
     const elements = [];
     messages.forEach((message, index) => {
-      const renderedMessage = /* @__PURE__ */ jsx23(
+      const renderedMessage = /* @__PURE__ */ jsx24(
         MessageRenderer,
         {
           message,
@@ -6104,20 +4580,17 @@ var ChatInner = forwardRef4(function ChatInner2({
     );
     externalToolCalls.forEach((toolCall) => {
       elements.push(
-        /* @__PURE__ */ jsx23(RendererWrapper2, { children: toolCall.component }, `external-tool-${toolCall.tool_call_id}`)
+        /* @__PURE__ */ jsx24(RendererWrapper2, { children: toolCall.component }, `external-tool-${toolCall.tool_call_id}`)
       );
     });
     return elements;
   };
   const showEmptyState = messages.length === 0 && !isLoading && !error;
   const submitFromEmptyState = useCallback12(async (value) => {
-    console.log("[Chat] submitFromEmptyState called with:", value);
     if (typeof value === "string" || Array.isArray(value)) {
-      console.log("[Chat] Sending message:", value);
       await handleSendMessage(value);
       return;
     }
-    console.log("[Chat] Sending input:", input);
     await handleSendMessage(input);
   }, [handleSendMessage, input]);
   const setComposerInput = useCallback12((value) => {
@@ -6132,7 +4605,7 @@ var ChatInner = forwardRef4(function ChatInner2({
   }), [input, setComposerInput, submitFromEmptyState, isLoading, isStreaming]);
   const renderComposer = useCallback12((variant, className2) => {
     const basePlaceholder = showEmptyState && emptyState?.promptPlaceholder ? emptyState.promptPlaceholder : "Type your message\u2026";
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       ChatInput,
       {
         value: input,
@@ -6140,8 +4613,6 @@ var ChatInner = forwardRef4(function ChatInner2({
         onSend: handleSendMessage,
         onStop: handleStopStreaming,
         browserEnabled: supportsBrowserStreaming && browserEnabled,
-        browserHasSession: Boolean(browserSessionId),
-        browserLoading,
         onToggleBrowser: supportsBrowserStreaming ? handleToggleBrowser : void 0,
         placeholder: isStreamingVoice ? "Voice mode active\u2026" : isStreaming ? "Message will be queued\u2026" : basePlaceholder,
         disabled: isLoading || hasPendingToolCalls || isStreamingVoice,
@@ -6156,7 +4627,8 @@ var ChatInner = forwardRef4(function ChatInner2({
         useSpeechRecognition: useSpeechRecognition2,
         onSpeechTranscript: handleSpeechTranscript,
         className: className2,
-        variant
+        variant,
+        theme
       }
     );
   }, [
@@ -6165,8 +4637,6 @@ var ChatInner = forwardRef4(function ChatInner2({
     handleSendMessage,
     handleStopStreaming,
     browserEnabled,
-    browserSessionId,
-    browserLoading,
     supportsBrowserStreaming,
     handleToggleBrowser,
     isStreamingVoice,
@@ -6183,14 +4653,15 @@ var ChatInner = forwardRef4(function ChatInner2({
     useSpeechRecognition2,
     handleSpeechTranscript,
     showEmptyState,
-    emptyState
+    emptyState,
+    theme
   ]);
   const emptyStateComposer = useMemo6(() => {
     const baseClass = "w-full mx-auto empty-state-composer";
     const className2 = maxWidth ? baseClass : `${baseClass} max-w-2xl`;
     const composer = renderComposer("hero", className2);
     if (maxWidth) {
-      return /* @__PURE__ */ jsx23("div", { style: { maxWidth }, children: composer });
+      return /* @__PURE__ */ jsx24("div", { style: { maxWidth }, children: composer });
     }
     return composer;
   }, [renderComposer, maxWidth]);
@@ -6206,22 +4677,22 @@ var ChatInner = forwardRef4(function ChatInner2({
     if (renderEmptyState) {
       return renderEmptyState(controllerWithComposer);
     }
-    return /* @__PURE__ */ jsx23(DefaultChatEmptyState, { controller: controllerWithComposer, options: emptyState, maxWidth });
+    return /* @__PURE__ */ jsx24(DefaultChatEmptyState, { controller: controllerWithComposer, options: emptyState, maxWidth });
   }, [showEmptyState, renderEmptyState, controllerWithComposer, emptyState, maxWidth]);
   const shouldRenderFooterComposer = !showEmptyState || Boolean(renderEmptyState);
   const footerHasContent = shouldRenderFooterComposer || models && models.length > 0 || voiceEnabled && speechToText && (isStreamingVoice || streamingTranscript);
-  const showBrowserPreview = supportsBrowserStreaming && browserEnabled && Boolean(browserViewerUrl);
+  const showBrowserPreview = supportsBrowserStreaming && browserEnabled && Boolean(browserFrame);
   const renderThinkingIndicator = () => {
     if (streamingIndicator === "typing") {
       if (renderLoadingAnimation) {
-        return /* @__PURE__ */ jsx23(RendererWrapper2, { className: "distri-typing-indicator", children: renderLoadingAnimation() }, `typing-indicator`);
+        return /* @__PURE__ */ jsx24(RendererWrapper2, { className: "distri-typing-indicator", children: renderLoadingAnimation() }, `typing-indicator`);
       }
       if (loadingAnimation) {
-        return /* @__PURE__ */ jsx23(RendererWrapper2, { className: "distri-typing-indicator", children: /* @__PURE__ */ jsx23(LoadingAnimation, { config: loadingAnimation }) }, `typing-indicator`);
+        return /* @__PURE__ */ jsx24(RendererWrapper2, { className: "distri-typing-indicator", children: /* @__PURE__ */ jsx24(LoadingAnimation, { config: loadingAnimation }) }, `typing-indicator`);
       }
-      return /* @__PURE__ */ jsx23(RendererWrapper2, { className: "distri-typing-indicator", children: /* @__PURE__ */ jsx23(TypingIndicator, {}) }, `typing-indicator`);
+      return /* @__PURE__ */ jsx24(RendererWrapper2, { className: "distri-typing-indicator", children: /* @__PURE__ */ jsx24(TypingIndicator, {}) }, `typing-indicator`);
     } else if (streamingIndicator) {
-      return /* @__PURE__ */ jsx23(RendererWrapper2, { className: "distri-thinking-indicator", children: /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx24(RendererWrapper2, { className: "distri-thinking-indicator", children: /* @__PURE__ */ jsx24(
         ThinkingRenderer,
         {
           indicator: streamingIndicator,
@@ -6234,38 +4705,38 @@ var ChatInner = forwardRef4(function ChatInner2({
   const renderPendingMessage = () => {
     if (!pendingMessage || pendingMessage.length === 0) return null;
     const partCount = pendingMessage.length;
-    return /* @__PURE__ */ jsx23(RendererWrapper2, { children: /* @__PURE__ */ jsx23("div", { className: "border-l-4 border-yellow-400 bg-yellow-50 dark:bg-yellow-900/20 p-4 rounded-r-lg", children: /* @__PURE__ */ jsxs17("div", { className: "flex items-start", children: [
-      /* @__PURE__ */ jsx23("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx23("div", { className: "w-2 h-2 bg-yellow-400 rounded-full animate-pulse mt-2" }) }),
-      /* @__PURE__ */ jsxs17("div", { className: "ml-3 flex-1", children: [
-        /* @__PURE__ */ jsxs17("h3", { className: "text-sm font-medium text-yellow-800 dark:text-yellow-200", children: [
+    return /* @__PURE__ */ jsx24(RendererWrapper2, { children: /* @__PURE__ */ jsx24("div", { className: "border-l-4 border-yellow-400 bg-yellow-50 dark:bg-yellow-900/20 p-4 rounded-r-lg", children: /* @__PURE__ */ jsxs18("div", { className: "flex items-start", children: [
+      /* @__PURE__ */ jsx24("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx24("div", { className: "w-2 h-2 bg-yellow-400 rounded-full animate-pulse mt-2" }) }),
+      /* @__PURE__ */ jsxs18("div", { className: "ml-3 flex-1", children: [
+        /* @__PURE__ */ jsxs18("h3", { className: "text-sm font-medium text-yellow-800 dark:text-yellow-200", children: [
           "Message queued (",
           partCount,
           " part",
           partCount > 1 ? "s" : "",
           ")"
         ] }),
-        /* @__PURE__ */ jsx23("div", { className: "mt-2", children: /* @__PURE__ */ jsx23("div", { className: "text-sm text-yellow-700 dark:text-yellow-300 bg-white dark:bg-gray-800 p-2 rounded border", children: pendingMessage.map((part, partIndex) => {
+        /* @__PURE__ */ jsx24("div", { className: "mt-2", children: /* @__PURE__ */ jsx24("div", { className: "text-sm text-yellow-700 dark:text-yellow-300 bg-white dark:bg-gray-800 p-2 rounded border", children: pendingMessage.map((part, partIndex) => {
           if (part.part_type === "text") {
-            return /* @__PURE__ */ jsx23("span", { className: "block mb-1", children: part.data }, partIndex);
+            return /* @__PURE__ */ jsx24("span", { className: "block mb-1", children: part.data }, partIndex);
           } else if (part.part_type === "image" && typeof part.data === "object" && part.data !== null && "name" in part.data) {
-            return /* @__PURE__ */ jsxs17("span", { className: "inline-block text-xs text-muted-foreground bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded mr-2 mb-1", children: [
+            return /* @__PURE__ */ jsxs18("span", { className: "inline-block text-xs text-muted-foreground bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded mr-2 mb-1", children: [
               "\u{1F4F7} ",
               part.data.name
             ] }, partIndex);
           }
-          return /* @__PURE__ */ jsxs17("span", { className: "inline-block text-xs text-muted-foreground bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded mr-2 mb-1", children: [
+          return /* @__PURE__ */ jsxs18("span", { className: "inline-block text-xs text-muted-foreground bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded mr-2 mb-1", children: [
             "[",
             part.part_type,
             "]"
           ] }, partIndex);
         }) }) }),
-        /* @__PURE__ */ jsx23("p", { className: "mt-2 text-xs text-yellow-600 dark:text-yellow-400", children: "Will be sent automatically when AI response is complete" })
+        /* @__PURE__ */ jsx24("p", { className: "mt-2 text-xs text-yellow-600 dark:text-yellow-400", children: "Will be sent automatically when AI response is complete" })
       ] })
     ] }) }) }, "pending-message");
   };
   if (!agent)
-    return /* @__PURE__ */ jsx23("div", { children: " Agent not available" });
-  return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsx24("div", { children: " Agent not available" });
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       className: `flex flex-col h-full bg-background font-sans overflow-hidden relative ${getThemeClasses(theme)} ${className}`,
@@ -6274,62 +4745,63 @@ var ChatInner = forwardRef4(function ChatInner2({
       onDragLeave: handleDragLeave,
       onDrop: handleDrop,
       children: [
-        isDragOver && /* @__PURE__ */ jsx23("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-primary/10 border-2 border-primary border-dashed", children: /* @__PURE__ */ jsx23("div", { className: "text-primary font-medium text-lg", children: "Drop images anywhere to upload" }) }),
-        /* @__PURE__ */ jsxs17("div", { className: `flex-1 flex ${showBrowserPreview ? "flex-row" : "flex-col"} overflow-hidden bg-background text-foreground selection:bg-primary/20 selection:text-primary-foreground dark:selection:bg-primary/40`, children: [
-          /* @__PURE__ */ jsx23("div", { className: `flex-1 overflow-y-auto ${showBrowserPreview ? "min-w-0" : ""}`, children: /* @__PURE__ */ jsxs17(
-            "div",
-            {
-              className: `mx-auto w-full py-4 text-sm space-y-4 ${showBrowserPreview ? "px-3" : "px-2 sm:px-4"}`,
-              style: {
-                maxWidth: showBrowserPreview ? "100%" : maxWidth || "768px",
-                width: "100%",
-                boxSizing: "border-box"
-              },
-              children: [
-                error && /* @__PURE__ */ jsx23("div", { className: "p-4 bg-destructive/10 border-l-4 border-destructive", children: /* @__PURE__ */ jsxs17("div", { className: "text-destructive text-xs", children: [
-                  /* @__PURE__ */ jsx23("strong", { children: "Error:" }),
-                  " ",
-                  error.message
-                ] }) }),
-                /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
-                  emptyStateContent,
-                  renderMessages(),
-                  renderExternalToolCalls(),
-                  renderThinkingIndicator(),
-                  renderPendingMessage(),
-                  /* @__PURE__ */ jsx23("div", { ref: messagesEndRef })
-                ] })
-              ]
-            }
-          ) }),
-          showBrowserPreview && browserViewerUrl && /* @__PURE__ */ jsx23("div", { className: "hidden lg:block w-[45%] min-w-[400px] max-w-[600px] border-l border-border/40 bg-background", children: /* @__PURE__ */ jsx23("div", { className: "h-full p-3", children: /* @__PURE__ */ jsx23("div", { className: "overflow-hidden rounded-lg border border-border/40 bg-background h-full", children: /* @__PURE__ */ jsx23(
-            "iframe",
-            {
-              src: browserViewerUrl,
-              className: "w-full h-full border-0",
-              title: "Browser Viewer",
-              sandbox: "allow-scripts allow-same-origin allow-forms"
-            }
-          ) }) }) })
-        ] }),
-        footerHasContent ? /* @__PURE__ */ jsx23("footer", { className: "\n  sticky bottom-0 inset-x-0 z-30\n  border-t border-border\n  bg-background/80 backdrop-blur supports-[backdrop-filter]:bg-background/60\n  pb-[env(safe-area-inset-bottom)]\n", children: /* @__PURE__ */ jsxs17(
+        isDragOver && /* @__PURE__ */ jsx24("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-primary/10 border-2 border-primary border-dashed", children: /* @__PURE__ */ jsx24("div", { className: "text-primary font-medium text-lg", children: "Drop images anywhere to upload" }) }),
+        /* @__PURE__ */ jsx24("div", { className: "flex-1 overflow-y-auto bg-background text-foreground selection:bg-primary/20 selection:text-primary-foreground dark:selection:bg-primary/40", children: /* @__PURE__ */ jsxs18(
+          "div",
+          {
+            className: "mx-auto w-full px-2 sm:px-4 py-4 text-sm space-y-4",
+            style: maxWidth ? { maxWidth, width: "100%", boxSizing: "border-box" } : void 0,
+            children: [
+              error && /* @__PURE__ */ jsx24("div", { className: "p-4 bg-destructive/10 border-l-4 border-destructive", children: /* @__PURE__ */ jsxs18("div", { className: "text-destructive text-xs", children: [
+                /* @__PURE__ */ jsx24("strong", { children: "Error:" }),
+                " ",
+                error.message
+              ] }) }),
+              /* @__PURE__ */ jsxs18(
+                "div",
+                {
+                  className: "flex flex-col gap-4 lg:flex-row lg:items-start",
+                  style: maxWidth ? { maxWidth: "100%" } : void 0,
+                  children: [
+                    /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0 space-y-4 w-full", children: [
+                      emptyStateContent,
+                      renderMessages(),
+                      renderExternalToolCalls(),
+                      renderThinkingIndicator(),
+                      renderPendingMessage(),
+                      /* @__PURE__ */ jsx24("div", { ref: messagesEndRef })
+                    ] }),
+                    showBrowserPreview && browserFrame && /* @__PURE__ */ jsx24("div", { className: "w-full lg:w-[320px] xl:w-[360px] shrink-0", children: /* @__PURE__ */ jsx24("div", { className: "lg:sticky lg:top-4 space-y-3", children: /* @__PURE__ */ jsx24(
+                      BrowserPreviewPanel,
+                      {
+                        frameSrc: browserFrame,
+                        timestampLabel: browserTimestampLabel
+                      }
+                    ) }) })
+                  ]
+                }
+              )
+            ]
+          }
+        ) }),
+        footerHasContent ? /* @__PURE__ */ jsx24("footer", { className: "\n  sticky bottom-0 inset-x-0 z-30\n  border-t border-border\n  bg-background/80 backdrop-blur supports-[backdrop-filter]:bg-background/60\n  pb-[env(safe-area-inset-bottom)]\n", children: /* @__PURE__ */ jsxs18(
           "div",
           {
             className: "mx-auto w-full px-4 py-3 sm:py-4 space-y-3",
-            style: { maxWidth: maxWidth || "768px" },
+            style: maxWidth ? { maxWidth } : void 0,
             children: [
-              models && models.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap items-center gap-2", children: [
-                /* @__PURE__ */ jsx23("span", { className: "text-sm text-muted-foreground shrink-0", children: "Model:" }),
-                /* @__PURE__ */ jsxs17(Select, { value: selectedModelId, onValueChange: onModelChange, children: [
-                  /* @__PURE__ */ jsx23(SelectTrigger, { className: "w-64 max-w-full", children: /* @__PURE__ */ jsx23(SelectValue, { placeholder: "Select a model" }) }),
-                  /* @__PURE__ */ jsx23(SelectContent, { children: models.map((model) => /* @__PURE__ */ jsx23(SelectItem, { value: model.id, children: model.name }, model.id)) })
+              models && models.length > 0 && /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ jsx24("span", { className: "text-sm text-muted-foreground shrink-0", children: "Model:" }),
+                /* @__PURE__ */ jsxs18(Select, { value: selectedModelId, onValueChange: onModelChange, children: [
+                  /* @__PURE__ */ jsx24(SelectTrigger, { className: "w-64 max-w-full", children: /* @__PURE__ */ jsx24(SelectValue, { placeholder: "Select a model" }) }),
+                  /* @__PURE__ */ jsx24(SelectContent, { children: models.map((model) => /* @__PURE__ */ jsx24(SelectItem, { value: model.id, children: model.name }, model.id)) })
                 ] })
               ] }),
-              voiceEnabled && speechToText && (isStreamingVoice || streamingTranscript) && /* @__PURE__ */ jsxs17("div", { className: "p-3 bg-muted/50 border border-muted rounded-lg", children: [
-                /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx23("span", { className: "w-2 h-2 rounded-full bg-red-500 animate-pulse" }),
-                  /* @__PURE__ */ jsx23("span", { className: "text-sm font-medium text-muted-foreground", children: isStreamingVoice ? "Listening\u2026" : "Processing\u2026" }),
-                  isStreamingVoice && /* @__PURE__ */ jsx23(
+              voiceEnabled && speechToText && (isStreamingVoice || streamingTranscript) && /* @__PURE__ */ jsxs18("div", { className: "p-3 bg-muted/50 border border-muted rounded-lg", children: [
+                /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx24("span", { className: "w-2 h-2 rounded-full bg-red-500 animate-pulse" }),
+                  /* @__PURE__ */ jsx24("span", { className: "text-sm font-medium text-muted-foreground", children: isStreamingVoice ? "Listening\u2026" : "Processing\u2026" }),
+                  isStreamingVoice && /* @__PURE__ */ jsx24(
                     "button",
                     {
                       onClick: stopStreamingVoice,
@@ -6338,7 +4810,7 @@ var ChatInner = forwardRef4(function ChatInner2({
                     }
                   )
                 ] }),
-                streamingTranscript && /* @__PURE__ */ jsxs17("p", { className: "mt-2 text-sm text-foreground font-mono break-words", children: [
+                streamingTranscript && /* @__PURE__ */ jsxs18("p", { className: "mt-2 text-sm text-foreground font-mono break-words", children: [
                   "\u201C",
                   streamingTranscript,
                   "\u201D"
@@ -6353,45 +4825,70 @@ var ChatInner = forwardRef4(function ChatInner2({
   );
 });
 var Chat = forwardRef4((props, ref) => {
-  return /* @__PURE__ */ jsx23(AuthLoading, { children: /* @__PURE__ */ jsx23(ChatContainer, { ref, ...props }) });
+  return /* @__PURE__ */ jsx24(AuthLoading, { children: /* @__PURE__ */ jsx24(ChatContainer, { ref, ...props }) });
 });
 var ChatContainer = forwardRef4(function ChatContainer2({ agent: agentProp, agentId, enableHistory, threadId, initialMessages: initialMessagesProp, theme, ...props }, ref) {
-  const { isLoading: clientLoading } = useDistri();
-  const { agent: fetchedAgent, loading: agentLoading } = useAgent({
+  const { isLoading: clientLoading, client } = useDistri();
+  useEffect11(() => {
+    console.log("[ChatContainer] State:", {
+      clientLoading,
+      hasClient: !!client,
+      agentId,
+      agentProp: !!agentProp,
+      enableHistory,
+      threadId
+    });
+  }, [clientLoading, client, agentId, agentProp, enableHistory, threadId]);
+  const { agent: fetchedAgent, loading: agentLoading, error: agentError } = useAgent({
     agentIdOrDef: agentId || "",
     enabled: !agentProp && !!agentId
   });
+  useEffect11(() => {
+    console.log("[ChatContainer] Agent Fetch:", {
+      agentLoading,
+      hasAgent: !!(agentProp || fetchedAgent),
+      agentError: agentError?.message
+    });
+  }, [agentLoading, agentProp, fetchedAgent, agentError]);
   const agent = agentProp || fetchedAgent;
-  const { messages: fetchedMessages, isLoading: historyLoading } = useChatMessages({
+  const { messages: fetchedMessages, isLoading: historyLoading, error: historyError } = useChatMessages({
     threadId,
     enabled: !!enableHistory && !initialMessagesProp && !!threadId
   });
+  useEffect11(() => {
+    console.log("[ChatContainer] History Fetch:", {
+      historyLoading,
+      hasMessages: !!(initialMessagesProp || fetchedMessages),
+      historyError: historyError?.message
+    });
+  }, [historyLoading, initialMessagesProp, fetchedMessages, historyError]);
   const initialMessages = initialMessagesProp || fetchedMessages;
   if (clientLoading || agentLoading || enableHistory && historyLoading) {
-    return /* @__PURE__ */ jsxs17("div", { className: `flex flex-col items-center justify-center p-8 text-center h-full bg-background ${getThemeClasses(theme || "auto")}`, children: [
-      /* @__PURE__ */ jsx23(Loader23, { className: "h-8 w-8 animate-spin text-primary mb-4" }),
-      /* @__PURE__ */ jsx23("p", { className: "text-muted-foreground font-sans text-sm", children: "Initializing..." })
+    console.log("[ChatContainer] Rendering Loading State:", { clientLoading, agentLoading, historyLoading, enableHistory });
+    return /* @__PURE__ */ jsxs18("div", { className: `flex flex-col items-center justify-center p-8 text-center h-full bg-background ${getThemeClasses(theme || "auto")}`, children: [
+      /* @__PURE__ */ jsx24(Loader23, { className: "h-8 w-8 animate-spin text-primary mb-4" }),
+      /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground font-sans text-sm", children: "Initializing..." })
     ] });
   }
   if (!agent) {
-    return /* @__PURE__ */ jsxs17("div", { className: `flex flex-col items-center justify-center p-8 text-center h-full bg-background ${getThemeClasses(theme || "auto")}`, children: [
-      /* @__PURE__ */ jsx23(AlertCircle3, { className: "h-12 w-12 text-amber-500 mb-4" }),
-      /* @__PURE__ */ jsx23("h2", { className: "text-lg font-semibold text-foreground mb-2", children: "Agent Not Available" }),
-      /* @__PURE__ */ jsx23("p", { className: "text-muted-foreground font-sans text-sm mb-4", children: "No agent has been configured or the backend is not responding." }),
-      /* @__PURE__ */ jsx23("p", { className: "text-muted-foreground font-sans text-xs", children: "Make sure your Distri backend is running and accessible." })
+    return /* @__PURE__ */ jsxs18("div", { className: `flex flex-col items-center justify-center p-8 text-center h-full bg-background ${getThemeClasses(theme || "auto")}`, children: [
+      /* @__PURE__ */ jsx24(AlertCircle3, { className: "h-12 w-12 text-amber-500 mb-4" }),
+      /* @__PURE__ */ jsx24("h2", { className: "text-lg font-semibold text-foreground mb-2", children: "Agent Not Available" }),
+      /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground font-sans text-sm mb-4", children: "No agent has been configured or the backend is not responding." }),
+      /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground font-sans text-xs", children: "Make sure your Distri backend is running and accessible." })
     ] });
   }
-  return /* @__PURE__ */ jsx23(ChatInner, { ref, agent, threadId, initialMessages, theme, ...props });
+  return /* @__PURE__ */ jsx24(ChatInner, { ref, agent, threadId, initialMessages, theme, ...props });
 });
 
 // src/components/AgentList.tsx
-import React16 from "react";
+import React14 from "react";
 import { RefreshCw, Play, Bot } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 
 // src/components/AgentSelect.tsx
 import { Bot as Bot2 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 var AgentSelect = ({
   agents,
   selectedAgentId,
@@ -6401,40 +4898,40 @@ var AgentSelect = ({
   disabled = false
 }) => {
   const selectedAgent = agents.find((agent) => agent.id === selectedAgentId);
-  return /* @__PURE__ */ jsxs19(Select, { value: selectedAgentId, onValueChange: onAgentSelect, disabled, children: [
-    /* @__PURE__ */ jsx25(SelectTrigger, { className: `w-full ${className} ${disabled ? "opacity-50 cursor-not-allowed" : ""}`, children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx25(Bot2, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx25(SelectValue, { placeholder, children: selectedAgent?.name || placeholder })
+  return /* @__PURE__ */ jsxs20(Select, { value: selectedAgentId, onValueChange: onAgentSelect, disabled, children: [
+    /* @__PURE__ */ jsx26(SelectTrigger, { className: `w-full ${className} ${disabled ? "opacity-50 cursor-not-allowed" : ""}`, children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsx26(Bot2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx26(SelectValue, { placeholder, children: selectedAgent?.name || placeholder })
     ] }) }),
-    /* @__PURE__ */ jsx25(SelectContent, { children: agents.map((agent) => /* @__PURE__ */ jsx25(SelectItem, { value: agent.id, children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx25(Bot2, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxs19("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx25("span", { className: "font-medium", children: agent.name }),
-        agent.description && /* @__PURE__ */ jsx25("span", { className: "text-xs text-muted-foreground", children: agent.description })
+    /* @__PURE__ */ jsx26(SelectContent, { children: agents.map((agent) => /* @__PURE__ */ jsx26(SelectItem, { value: agent.id, children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsx26(Bot2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs20("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx26("span", { className: "font-medium", children: agent.name }),
+        agent.description && /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: agent.description })
       ] })
     ] }) }, agent.id)) })
   ] });
 };
 
 // src/components/AgentsPage.tsx
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 
 // src/components/AppSidebar.tsx
 import { useState as useState16, useCallback as useCallback14 } from "react";
 import { MoreHorizontal, Trash2, Edit3, Bot as Bot3, Users, Edit2, RefreshCw as RefreshCw2, Github, Loader2 as Loader24 } from "lucide-react";
 
 // src/components/ui/sidebar.tsx
-import * as React20 from "react";
+import * as React18 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
 import { PanelLeft } from "lucide-react";
 
 // src/components/ui/separator.tsx
-import * as React17 from "react";
+import * as React15 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var Separator2 = React17.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx27(
+import { jsx as jsx28 } from "react/jsx-runtime";
+var Separator2 = React15.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx28(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -6452,14 +4949,14 @@ var Separator2 = React17.forwardRef(
 Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/sheet.tsx
-import * as React18 from "react";
+import * as React16 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var SheetOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -6487,9 +4984,9 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React18.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs21(SheetPortal, { children: [
-  /* @__PURE__ */ jsx28(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs21(
+var SheetContent = React16.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(SheetPortal, { children: [
+  /* @__PURE__ */ jsx29(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs22(
     SheetPrimitive.Content,
     {
       ref,
@@ -6497,9 +4994,9 @@ var SheetContent = React18.forwardRef(({ side = "right", className, children, ..
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs21(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx28(X2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx28("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs22(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx29(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -6509,7 +5006,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx28(
+}) => /* @__PURE__ */ jsx29(
   "div",
   {
     className: cn(
@@ -6523,7 +5020,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx28(
+}) => /* @__PURE__ */ jsx29(
   "div",
   {
     className: cn(
@@ -6534,7 +5031,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var SheetTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SheetPrimitive.Title,
   {
     ref,
@@ -6543,7 +5040,7 @@ var SheetTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var SheetDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SheetPrimitive.Description,
   {
     ref,
@@ -6554,12 +5051,12 @@ var SheetDescription = React18.forwardRef(({ className, ...props }, ref) => /* @
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/skeleton.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-muted", className),
@@ -6569,13 +5066,13 @@ function Skeleton({
 }
 
 // src/components/ui/tooltip.tsx
-import * as React19 from "react";
+import * as React17 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React19.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx30(
+var TooltipContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx31(
   TooltipPrimitive.Content,
   {
     ref,
@@ -6590,25 +5087,25 @@ var TooltipContent = React19.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React20.createContext(null);
+var SidebarContext = React18.createContext(null);
 function useSidebar() {
-  const context = React20.useContext(SidebarContext);
+  const context = React18.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React20.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
-  const [_open, _setOpen] = React20.useState(defaultOpen);
+var SidebarProvider = React18.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
+  const [_open, _setOpen] = React18.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React20.useCallback(
+  const setOpen = React18.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -6620,9 +5117,9 @@ var SidebarProvider = React20.forwardRef(({ defaultOpen = true, open: openProp,
     },
     [setOpenProp, open]
   );
-  const [openMobile, setOpenMobile] = React20.useState(false);
-  const [isMobile, setIsMobile] = React20.useState(false);
-  React20.useEffect(() => {
+  const [openMobile, setOpenMobile] = React18.useState(false);
+  const [isMobile, setIsMobile] = React18.useState(false);
+  React18.useEffect(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 768);
       if (window.innerWidth < 768 && open) {
@@ -6633,13 +5130,13 @@ var SidebarProvider = React20.forwardRef(({ defaultOpen = true, open: openProp,
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, [setOpen, open]);
-  React20.useEffect(() => {
+  React18.useEffect(() => {
     const savedState = localStorage.getItem(SIDEBAR_COOKIE_NAME);
     if (savedState !== null) {
       setOpen(savedState === "true");
     }
   }, [setOpen]);
-  React20.useEffect(() => {
+  React18.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -6649,11 +5146,11 @@ var SidebarProvider = React20.forwardRef(({ defaultOpen = true, open: openProp,
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [open, setOpen]);
-  const toggleSidebar = React20.useCallback(() => {
+  const toggleSidebar = React18.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React20.useMemo(
+  const contextValue = React18.useMemo(
     () => ({
       state,
       open,
@@ -6665,7 +5162,7 @@ var SidebarProvider = React20.forwardRef(({ defaultOpen = true, open: openProp,
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  const providerStyle = React20.useMemo(() => {
+  const providerStyle = React18.useMemo(() => {
     const vars = {
       ...style,
       "--sidebar-width": SIDEBAR_WIDTH,
@@ -6673,7 +5170,7 @@ var SidebarProvider = React20.forwardRef(({ defaultOpen = true, open: openProp,
     };
     return vars;
   }, [style]);
-  return /* @__PURE__ */ jsx31(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx31(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx32(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx32(
     "div",
     {
       style: providerStyle,
@@ -6688,10 +5185,10 @@ var SidebarProvider = React20.forwardRef(({ defaultOpen = true, open: openProp,
   ) }) });
 });
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React20.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
+var Sidebar = React18.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       "div",
       {
         className: cn(
@@ -6708,7 +5205,7 @@ var Sidebar = React20.forwardRef(({ side = "left", variant = "sidebar", collapsi
     "--sidebar-width": SIDEBAR_WIDTH_MOBILE
   };
   if (isMobile) {
-    return /* @__PURE__ */ jsx31(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx32(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -6716,11 +5213,11 @@ var Sidebar = React20.forwardRef(({ side = "left", variant = "sidebar", collapsi
         className: "w-[--sidebar-width-mobile] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
         style: sheetStyles,
         side,
-        children: /* @__PURE__ */ jsx31("div", { className: "flex h-full w-full flex-col", children })
+        children: /* @__PURE__ */ jsx32("div", { className: "flex h-full w-full flex-col", children })
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       ref,
@@ -6730,7 +5227,7 @@ var Sidebar = React20.forwardRef(({ side = "left", variant = "sidebar", collapsi
       "data-variant": variant,
       "data-side": side,
       children: [
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32(
           "div",
           {
             className: cn(
@@ -6741,7 +5238,7 @@ var Sidebar = React20.forwardRef(({ side = "left", variant = "sidebar", collapsi
             )
           }
         ),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32(
           "div",
           {
             className: cn(
@@ -6752,7 +5249,7 @@ var Sidebar = React20.forwardRef(({ side = "left", variant = "sidebar", collapsi
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx31(
+            children: /* @__PURE__ */ jsx32(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -6767,9 +5264,9 @@ var Sidebar = React20.forwardRef(({ side = "left", variant = "sidebar", collapsi
   );
 });
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React20.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React18.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     Button,
     {
       ref,
@@ -6783,16 +5280,16 @@ var SidebarTrigger = React20.forwardRef(({ className, onClick, ...props }, ref)
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx31(PanelLeft, {}),
-        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx32(PanelLeft, {}),
+        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React20.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React18.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "button",
     {
       ref,
@@ -6815,8 +5312,8 @@ var SidebarRail = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarInset = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "main",
     {
       ref,
@@ -6830,8 +5327,8 @@ var SidebarInset = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarHeader = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarHeader = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       ref,
@@ -6842,8 +5339,8 @@ var SidebarHeader = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarFooter = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       ref,
@@ -6854,8 +5351,8 @@ var SidebarFooter = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarSeparator = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     Separator2,
     {
       ref,
@@ -6866,8 +5363,8 @@ var SidebarSeparator = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarContent = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       ref,
@@ -6881,8 +5378,8 @@ var SidebarContent = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarGroup = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       ref,
@@ -6893,9 +5390,9 @@ var SidebarGroup = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React20.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React18.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Comp,
     {
       ref,
@@ -6910,9 +5407,9 @@ var SidebarGroupLabel = React20.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React20.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React18.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Comp,
     {
       ref,
@@ -6929,8 +5426,8 @@ var SidebarGroupAction = React20.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarGroupContent = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       ref,
@@ -6941,8 +5438,8 @@ var SidebarGroupContent = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarMenu = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "ul",
     {
       ref,
@@ -6953,8 +5450,8 @@ var SidebarMenu = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarMenuItem = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "li",
     {
       ref,
@@ -6985,10 +5482,10 @@ var sidebarMenuButtonVariants = cva2(
     }
   }
 );
-var SidebarMenuButton = React20.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
+var SidebarMenuButton = React18.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx31(
+  const button = /* @__PURE__ */ jsx32(
     Comp,
     {
       ref,
@@ -7007,9 +5504,9 @@ var SidebarMenuButton = React20.forwardRef(({ asChild = false, isActive = false,
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs22(Tooltip, { children: [
-    /* @__PURE__ */ jsx31(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs23(Tooltip, { children: [
+    /* @__PURE__ */ jsx32(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx32(
       TooltipContent,
       {
         side: "right",
@@ -7021,9 +5518,9 @@ var SidebarMenuButton = React20.forwardRef(({ asChild = false, isActive = false,
   ] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React20.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React18.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Comp,
     {
       ref,
@@ -7044,8 +5541,8 @@ var SidebarMenuAction = React20.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarMenuBadge = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       ref,
@@ -7064,12 +5561,12 @@ var SidebarMenuBadge = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React20.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React20.useMemo(() => {
+var SidebarMenuSkeleton = React18.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React18.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   const skeletonStyle = { "--skeleton-width": width };
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       ref,
@@ -7077,8 +5574,8 @@ var SidebarMenuSkeleton = React20.forwardRef(({ className, showIcon = false, ...
       className: cn("rounded-md h-8 flex gap-2 px-2 items-center", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx31(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ jsx31(
+        showIcon && /* @__PURE__ */ jsx32(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ jsx32(
           Skeleton,
           {
             className: "h-4 flex-1 max-w-[--skeleton-width]",
@@ -7091,8 +5588,8 @@ var SidebarMenuSkeleton = React20.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React20.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarMenuSub = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
     "ul",
     {
       ref,
@@ -7107,13 +5604,13 @@ var SidebarMenuSub = React20.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React20.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ jsx31("li", { ref, ...props });
+var SidebarMenuSubItem = React18.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsx32("li", { ref, ...props });
 });
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React20.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React18.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Comp,
     {
       ref,
@@ -7135,11 +5632,11 @@ var SidebarMenuSubButton = React20.forwardRef(({ asChild = false, size = "md", i
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/components/ui/input.tsx
-import * as React21 from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
-var Input = React21.forwardRef(
+import * as React19 from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var Input = React19.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(
       "input",
       {
         type,
@@ -7156,9 +5653,9 @@ var Input = React21.forwardRef(
 Input.displayName = "Input";
 
 // src/components/ui/card.tsx
-import * as React22 from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var Card = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+import * as React20 from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var Card = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "div",
   {
     ref,
@@ -7170,7 +5667,7 @@ var Card = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var CardHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "div",
   {
     ref,
@@ -7179,7 +5676,7 @@ var CardHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var CardTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "h3",
   {
     ref,
@@ -7191,7 +5688,7 @@ var CardTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var CardDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "p",
   {
     ref,
@@ -7200,9 +5697,9 @@ var CardDescription = React22.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var CardFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "div",
   {
     ref,
@@ -7214,7 +5711,7 @@ CardFooter.displayName = "CardFooter";
 
 // src/components/ui/badge.tsx
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var badgeVariants = cva3(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -7232,19 +5729,19 @@ var badgeVariants = cva3(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx34("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx35("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/components/ui/dialog.tsx
-import * as React23 from "react";
-import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
-var Dialog = React23.createContext({});
+import * as React21 from "react";
+import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
+var Dialog = React21.createContext({});
 var DialogRoot = ({ open, onOpenChange, children }) => {
-  return /* @__PURE__ */ jsx35(Dialog.Provider, { value: { open, onOpenChange }, children });
+  return /* @__PURE__ */ jsx36(Dialog.Provider, { value: { open, onOpenChange }, children });
 };
-var DialogTrigger = React23.forwardRef(({ className, children, ...props }, ref) => {
-  const context = React23.useContext(Dialog);
-  return /* @__PURE__ */ jsx35(
+var DialogTrigger = React21.forwardRef(({ className, children, ...props }, ref) => {
+  const context = React21.useContext(Dialog);
+  return /* @__PURE__ */ jsx36(
     "button",
     {
       ref,
@@ -7256,10 +5753,10 @@ var DialogTrigger = React23.forwardRef(({ className, children, ...props }, ref)
   );
 });
 DialogTrigger.displayName = "DialogTrigger";
-var DialogContent = React23.forwardRef(({ className, children, ...props }, ref) => {
-  const context = React23.useContext(Dialog);
+var DialogContent = React21.forwardRef(({ className, children, ...props }, ref) => {
+  const context = React21.useContext(Dialog);
   if (!context.open) return null;
-  return /* @__PURE__ */ jsx35("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm", children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx36("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm", children: /* @__PURE__ */ jsxs24(
     "div",
     {
       ref,
@@ -7270,12 +5767,12 @@ var DialogContent = React23.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "button",
           {
             className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
             onClick: () => context.onOpenChange?.(false),
-            children: /* @__PURE__ */ jsxs23(
+            children: /* @__PURE__ */ jsxs24(
               "svg",
               {
                 width: "24",
@@ -7288,8 +5785,8 @@ var DialogContent = React23.forwardRef(({ className, children, ...props }, ref)
                 strokeLinejoin: "round",
                 className: "h-4 w-4",
                 children: [
-                  /* @__PURE__ */ jsx35("path", { d: "m18 6-12 12" }),
-                  /* @__PURE__ */ jsx35("path", { d: "m6 6 12 12" })
+                  /* @__PURE__ */ jsx36("path", { d: "m18 6-12 12" }),
+                  /* @__PURE__ */ jsx36("path", { d: "m6 6 12 12" })
                 ]
               }
             )
@@ -7300,7 +5797,7 @@ var DialogContent = React23.forwardRef(({ className, children, ...props }, ref)
   ) });
 });
 DialogContent.displayName = "DialogContent";
-var DialogHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DialogHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -7312,7 +5809,7 @@ var DialogHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogHeader.displayName = "DialogHeader";
-var DialogTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   "h3",
   {
     ref,
@@ -7326,11 +5823,11 @@ var DialogTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
 DialogTitle.displayName = "DialogTitle";
 
 // src/components/ui/textarea.tsx
-import * as React24 from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var Textarea = React24.forwardRef(
+import * as React22 from "react";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var Textarea = React22.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       "textarea",
       {
         className: cn(
@@ -7346,17 +5843,17 @@ var Textarea = React24.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/ui/dropdown-menu.tsx
-import * as React25 from "react";
+import * as React23 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check3, ChevronRight as ChevronRight2, Circle } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React25.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
+var DropdownMenuSubTrigger = React23.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs25(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -7368,12 +5865,12 @@ var DropdownMenuSubTrigger = React25.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx37(ChevronRight2, { className: "ml-auto" })
+      /* @__PURE__ */ jsx38(ChevronRight2, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var DropdownMenuSubContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -7385,7 +5882,7 @@ var DropdownMenuSubContent = React25.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React25.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx37(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx37(
+var DropdownMenuContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx38(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx38(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -7399,7 +5896,7 @@ var DropdownMenuContent = React25.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx37(
+var DropdownMenuItem = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx38(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -7412,7 +5909,7 @@ var DropdownMenuItem = React25.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React25.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs24(
+var DropdownMenuCheckboxItem = React23.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs25(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -7423,13 +5920,13 @@ var DropdownMenuCheckboxItem = React25.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx37("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx38("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(Check3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
+var DropdownMenuRadioItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs25(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -7439,13 +5936,13 @@ var DropdownMenuRadioItem = React25.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx37("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx38("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx37(
+var DropdownMenuLabel = React23.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx38(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -7458,7 +5955,7 @@ var DropdownMenuLabel = React25.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var DropdownMenuSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -7471,7 +5968,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -7482,7 +5979,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/AppSidebar.tsx
-import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
 var ThreadItem = ({
   thread,
   isActive,
@@ -7507,8 +6004,8 @@ var ThreadItem = ({
       setIsEditing(false);
     }
   }, [handleRename, thread.title]);
-  return /* @__PURE__ */ jsxs25(SidebarMenuItem, { className: "mb-3", children: [
-    /* @__PURE__ */ jsx38(SidebarMenuButton, { asChild: true, isActive, children: /* @__PURE__ */ jsx38("div", { onClick, children: isEditing ? /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs26(SidebarMenuItem, { className: "mb-3", children: [
+    /* @__PURE__ */ jsx39(SidebarMenuButton, { asChild: true, isActive, children: /* @__PURE__ */ jsx39("div", { onClick, children: isEditing ? /* @__PURE__ */ jsx39(
       Input,
       {
         value: editTitle,
@@ -7519,17 +6016,17 @@ var ThreadItem = ({
         autoFocus: true,
         onClick: (e) => e.stopPropagation()
       }
-    ) : /* @__PURE__ */ jsxs25("div", { className: "flex-1", children: [
-      /* @__PURE__ */ jsx38("p", { className: "text-sm font-medium truncate leading-tight", children: thread.title || "New Chat" }),
-      /* @__PURE__ */ jsx38("p", { className: "text-xs text-muted-foreground truncate leading-tight mt-0.5", children: thread.last_message || "No messages yet" })
+    ) : /* @__PURE__ */ jsxs26("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsx39("p", { className: "text-sm font-medium truncate leading-tight", children: thread.title || "New Chat" }),
+      /* @__PURE__ */ jsx39("p", { className: "text-xs text-muted-foreground truncate leading-tight mt-0.5", children: thread.last_message || "No messages yet" })
     ] }) }) }),
-    !isEditing && /* @__PURE__ */ jsxs25(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx38(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(SidebarMenuAction, { onClick: (e) => {
+    !isEditing && /* @__PURE__ */ jsxs26(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx39(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx39(SidebarMenuAction, { onClick: (e) => {
         e.stopPropagation();
         setShowMenu(!showMenu);
-      }, children: /* @__PURE__ */ jsx38(MoreHorizontal, {}) }) }),
-      /* @__PURE__ */ jsxs25(DropdownMenuContent, { className: "w-[--radix-popper-anchor-width]", children: [
-        /* @__PURE__ */ jsxs25(
+      }, children: /* @__PURE__ */ jsx39(MoreHorizontal, {}) }) }),
+      /* @__PURE__ */ jsxs26(DropdownMenuContent, { className: "w-[--radix-popper-anchor-width]", children: [
+        /* @__PURE__ */ jsxs26(
           DropdownMenuItem,
           {
             onClick: (e) => {
@@ -7538,12 +6035,12 @@ var ThreadItem = ({
               setShowMenu(false);
             },
             children: [
-              /* @__PURE__ */ jsx38(Edit3, { className: "h-3 w-3" }),
-              /* @__PURE__ */ jsx38("span", { children: "Rename" })
+              /* @__PURE__ */ jsx39(Edit3, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx39("span", { children: "Rename" })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs25(
+        /* @__PURE__ */ jsxs26(
           DropdownMenuItem,
           {
             onClick: (e) => {
@@ -7552,8 +6049,8 @@ var ThreadItem = ({
               setShowMenu(false);
             },
             children: [
-              /* @__PURE__ */ jsx38(Trash2, { className: "h-3 w-3" }),
-              /* @__PURE__ */ jsx38("span", { children: "Delete" })
+              /* @__PURE__ */ jsx39(Trash2, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx39("span", { children: "Delete" })
             ]
           }
         )
@@ -7577,40 +6074,40 @@ function AppSidebar({
   const handleRefresh = useCallback14(() => {
     refetch();
   }, [refetch]);
-  return /* @__PURE__ */ jsxs25(Sidebar, { collapsible: "icon", variant: "floating", children: [
-    /* @__PURE__ */ jsx38(SidebarHeader, { children: /* @__PURE__ */ jsx38(SidebarMenu, { children: /* @__PURE__ */ jsxs25(SidebarMenuItem, { children: [
-      /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(Sidebar, { collapsible: "icon", variant: "floating", children: [
+    /* @__PURE__ */ jsx39(SidebarHeader, { children: /* @__PURE__ */ jsx39(SidebarMenu, { children: /* @__PURE__ */ jsxs26(SidebarMenuItem, { children: [
+      /* @__PURE__ */ jsxs26(
         SidebarMenuButton,
         {
           onClick: onLogoClick,
           children: [
-            /* @__PURE__ */ jsx38(Bot3, {}),
+            /* @__PURE__ */ jsx39(Bot3, {}),
             "Distri"
           ]
         }
       ),
-      /* @__PURE__ */ jsxs25(
+      /* @__PURE__ */ jsxs26(
         SidebarMenuAction,
         {
           onClick: () => setTheme(theme === "light" ? "dark" : "light"),
           title: "Toggle theme",
           className: "absolute right-0 top-0",
           children: [
-            /* @__PURE__ */ jsxs25("svg", { className: "h-4 w-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: [
-              /* @__PURE__ */ jsx38("circle", { cx: "12", cy: "12", r: "5" }),
-              /* @__PURE__ */ jsx38("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
+            /* @__PURE__ */ jsxs26("svg", { className: "h-4 w-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: [
+              /* @__PURE__ */ jsx39("circle", { cx: "12", cy: "12", r: "5" }),
+              /* @__PURE__ */ jsx39("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
             ] }),
-            /* @__PURE__ */ jsx38("svg", { className: "absolute h-4 w-4 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx38("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) })
+            /* @__PURE__ */ jsx39("svg", { className: "absolute h-4 w-4 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx39("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) })
           ]
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ jsx38(SidebarSeparator, {}),
-    /* @__PURE__ */ jsxs25(SidebarContent, { children: [
-      /* @__PURE__ */ jsxs25(SidebarGroup, { children: [
-        /* @__PURE__ */ jsx38(SidebarGroupLabel, { children: "Actions" }),
-        /* @__PURE__ */ jsx38(SidebarGroupContent, { children: /* @__PURE__ */ jsxs25(SidebarMenu, { children: [
-          /* @__PURE__ */ jsx38(SidebarMenuItem, { className: "mb-1", children: /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsx39(SidebarSeparator, {}),
+    /* @__PURE__ */ jsxs26(SidebarContent, { children: [
+      /* @__PURE__ */ jsxs26(SidebarGroup, { children: [
+        /* @__PURE__ */ jsx39(SidebarGroupLabel, { children: "Actions" }),
+        /* @__PURE__ */ jsx39(SidebarGroupContent, { children: /* @__PURE__ */ jsxs26(SidebarMenu, { children: [
+          /* @__PURE__ */ jsx39(SidebarMenuItem, { className: "mb-1", children: /* @__PURE__ */ jsxs26(
             SidebarMenuButton,
             {
               isActive: currentPage === "chat",
@@ -7619,30 +6116,30 @@ function AppSidebar({
                 onNewChat();
               },
               children: [
-                /* @__PURE__ */ jsx38(Edit2, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx39(Edit2, { className: "h-4 w-4" }),
                 "New Chat"
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx38(SidebarMenuItem, { className: "mb-1", children: /* @__PURE__ */ jsxs25(
+          /* @__PURE__ */ jsx39(SidebarMenuItem, { className: "mb-1", children: /* @__PURE__ */ jsxs26(
             SidebarMenuButton,
             {
               isActive: currentPage === "agents",
               onClick: () => onPageChange("agents"),
               children: [
-                /* @__PURE__ */ jsx38(Users, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx39(Users, { className: "h-4 w-4" }),
                 "Agents"
               ]
             }
           ) })
         ] }) })
       ] }),
-      open && /* @__PURE__ */ jsxs25(SidebarGroup, { children: [
-        /* @__PURE__ */ jsx38(SidebarGroupLabel, { children: "Conversations" }),
-        /* @__PURE__ */ jsx38(SidebarGroupContent, { children: /* @__PURE__ */ jsx38(SidebarMenu, { children: threadsLoading ? /* @__PURE__ */ jsxs25(SidebarMenuItem, { children: [
-          /* @__PURE__ */ jsx38(Loader24, { className: "h-4 w-4 animate-spin" }),
-          /* @__PURE__ */ jsx38("span", { children: "Loading threads..." })
-        ] }) : threads.length === 0 ? /* @__PURE__ */ jsx38(SidebarMenuItem, { children: "No conversations yet" }) : threads.map((thread) => /* @__PURE__ */ jsx38(
+      open && /* @__PURE__ */ jsxs26(SidebarGroup, { children: [
+        /* @__PURE__ */ jsx39(SidebarGroupLabel, { children: "Conversations" }),
+        /* @__PURE__ */ jsx39(SidebarGroupContent, { children: /* @__PURE__ */ jsx39(SidebarMenu, { children: threadsLoading ? /* @__PURE__ */ jsxs26(SidebarMenuItem, { children: [
+          /* @__PURE__ */ jsx39(Loader24, { className: "h-4 w-4 animate-spin" }),
+          /* @__PURE__ */ jsx39("span", { children: "Loading threads..." })
+        ] }) : threads.length === 0 ? /* @__PURE__ */ jsx39(SidebarMenuItem, { children: "No conversations yet" }) : threads.map((thread) => /* @__PURE__ */ jsx39(
           ThreadItem,
           {
             thread,
@@ -7653,27 +6150,27 @@ function AppSidebar({
           },
           thread.id
         )) }) }),
-        /* @__PURE__ */ jsxs25(
+        /* @__PURE__ */ jsxs26(
           SidebarGroupAction,
           {
             onClick: handleRefresh,
             disabled: threadsLoading,
             title: "Refresh conversations",
             children: [
-              /* @__PURE__ */ jsx38(RefreshCw2, { className: `${threadsLoading ? "animate-spin" : ""}` }),
-              /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Refresh conversations" })
+              /* @__PURE__ */ jsx39(RefreshCw2, { className: `${threadsLoading ? "animate-spin" : ""}` }),
+              /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Refresh conversations" })
             ]
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx38(SidebarFooter, { children: /* @__PURE__ */ jsx38(SidebarMenu, { children: /* @__PURE__ */ jsx38(SidebarMenuItem, { children: /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsx39(SidebarFooter, { children: /* @__PURE__ */ jsx39(SidebarMenu, { children: /* @__PURE__ */ jsx39(SidebarMenuItem, { children: /* @__PURE__ */ jsxs26(
       SidebarMenuButton,
       {
         onClick: () => window.open("https://github.com/your-repo/distri", "_blank"),
         title: "GitHub",
         children: [
-          /* @__PURE__ */ jsx38(Github, {}),
+          /* @__PURE__ */ jsx39(Github, {}),
           "Distri"
         ]
       }
@@ -7681,89 +6178,38 @@ function AppSidebar({
   ] });
 }
 
-// src/components/BrowserPreviewPanel.tsx
-import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
-var BrowserPreviewPanel = ({
-  frameSrc,
-  timestampLabel,
-  className
-}) => {
-  return /* @__PURE__ */ jsxs26(
-    "div",
-    {
-      className: cn(
-        "rounded-xl border bg-muted/40 shadow-sm overflow-hidden",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between px-3 py-2 border-b bg-background/70 backdrop-blur text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx39("span", { className: "text-xs sm:text-sm font-medium text-foreground", children: "Live browser preview" }),
-          timestampLabel && /* @__PURE__ */ jsxs26("span", { className: "text-[11px] text-muted-foreground/80", children: [
-            "Updated ",
-            timestampLabel
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx39("div", { className: "bg-background", children: /* @__PURE__ */ jsx39(
-          "img",
-          {
-            src: frameSrc,
-            alt: "Browser screenshot",
-            className: "block w-full h-auto object-contain"
-          }
-        ) })
-      ]
-    }
-  );
-};
-
 // src/components/BrowserViewport.tsx
 import { jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
 var DefaultEmptyState = () => /* @__PURE__ */ jsxs27("div", { className: "flex h-full flex-col items-center justify-center gap-2 text-center text-sm text-muted-foreground", children: [
-  /* @__PURE__ */ jsx40("p", { children: "No browser session." }),
-  /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground/70", children: "Browser will appear here when an agent uses it." })
+  /* @__PURE__ */ jsx40("p", { children: "No browser preview yet." }),
+  /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground/70", children: "Run the bot to capture a live frame." })
 ] });
 var BrowserViewport = ({
   className,
   emptyState,
-  viewerUrl: viewerUrlOverride
+  showTimestamp = true
 }) => {
-  const browserViewerUrl = useChatStateStore((state) => state.browserViewerUrl);
-  const browserSessionId = useChatStateStore((state) => state.browserSessionId);
-  const effectiveViewerUrl = viewerUrlOverride || browserViewerUrl;
-  if (effectiveViewerUrl) {
-    return /* @__PURE__ */ jsxs27(
+  const browserFrame = useChatStateStore((state) => state.browserFrame);
+  const browserFrameUpdatedAt = useChatStateStore((state) => state.browserFrameUpdatedAt);
+  if (!browserFrame) {
+    return /* @__PURE__ */ jsx40(
       "div",
       {
         className: cn(
-          "relative h-full min-h-[400px] w-full overflow-hidden rounded-xl border border-border/40 bg-background",
+          "h-full min-h-[220px] rounded-xl border border-dashed border-border/40 bg-muted/10 p-4",
           className
         ),
-        children: [
-          browserSessionId && /* @__PURE__ */ jsxs27("div", { className: "absolute left-2 top-2 z-10 rounded-md bg-background/90 px-2 py-1 text-xs text-muted-foreground backdrop-blur-sm", children: [
-            "Session: ",
-            browserSessionId
-          ] }),
-          /* @__PURE__ */ jsx40(
-            "iframe",
-            {
-              src: effectiveViewerUrl,
-              className: "h-full w-full border-0",
-              title: "Browser Viewer",
-              sandbox: "allow-scripts allow-same-origin allow-forms"
-            }
-          )
-        ]
+        children: emptyState ?? /* @__PURE__ */ jsx40(DefaultEmptyState, {})
       }
     );
   }
+  const timestampLabel = browserFrameUpdatedAt ? new Date(browserFrameUpdatedAt).toLocaleTimeString() : void 0;
   return /* @__PURE__ */ jsx40(
-    "div",
+    BrowserPreviewPanel,
     {
-      className: cn(
-        "h-full min-h-[220px] rounded-xl border border-dashed border-border/40 bg-muted/10 p-4",
-        className
-      ),
-      children: emptyState ?? /* @__PURE__ */ jsx40(DefaultEmptyState, {})
+      frameSrc: browserFrame,
+      timestampLabel: showTimestamp ? timestampLabel : void 0,
+      className: cn("h-full", className)
     }
   );
 };
@@ -8222,12 +6668,12 @@ function ConfigurationPanel({ className, title = "Agent Settings" }) {
 }
 
 // src/components/ThemeToggle.tsx
-import React28 from "react";
+import React26 from "react";
 import { Moon, Sun } from "lucide-react";
 import { jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
 function ThemeToggle() {
   const { theme, setTheme } = useTheme();
-  const dropdownRef = React28.useRef(null);
+  const dropdownRef = React26.useRef(null);
   return /* @__PURE__ */ jsx42("div", { className: "relative", ref: dropdownRef, children: /* @__PURE__ */ jsxs29(
     "button",
     {
@@ -8248,7 +6694,7 @@ import { X as X3, CheckCircle as CheckCircle4, AlertCircle as AlertCircle4, Aler
 import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
 
 // src/utils/toolWrapper.ts
-import React30 from "react";
+import React28 from "react";
 function wrapFnToolAsUiTool(fnTool, options = {}) {
   const { autoExecute = false } = options;
   return {
@@ -8257,7 +6703,7 @@ function wrapFnToolAsUiTool(fnTool, options = {}) {
     description: fnTool.description,
     parameters: fnTool.parameters,
     component: (props) => {
-      return React30.createElement(DefaultToolActions, {
+      return React28.createElement(DefaultToolActions, {
         ...props,
         tool: { ...fnTool, autoExecute: fnTool.autoExecute || autoExecute }
       });
@@ -8375,7 +6821,6 @@ export {
   extractContent,
   useAgent,
   useAgentDefinitions,
-  useAgentsByUsage,
   useChat,
   useChatMessages,
   useChatStateStore,