@cloudflare/realtimekit-ui 1.0.3 → 1.0.4-staging.2

package/dist/cjs/rtk-avatar_54.cjs.entry.js

@@ -3,28 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-7807fa2a.js');
+const uiStore = require('./ui-store-af000a8e.js');
 const string = require('./string-a410fab6.js');
-const index = require('./index-49c92728.js');
-const debounce = require('./debounce-6dabb441.js');
-const chat = require('./chat-6d305b71.js');
+const index = require('./index-2ae99c70.js');
+const debounce = require('./debounce-8ebb7833.js');
+const chat = require('./chat-aac81e73.js');
 const ChatHead = require('./ChatHead-d2f094ec.js');
 const scroll = require('./scroll-c6404609.js');
 const index$2 = require('./index-821d14b7.js');
 const file = require('./file-33e9ed90.js');
-const config = require('./config-9632c81a.js');
+const merge = require('./merge-ee976be5.js');
 const size = require('./size-2a406e36.js');
+const notification = require('./notification-541b7cfa.js');
 const ResizeObserver_es = require('./ResizeObserver.es-ba961f16.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-90c5a220.js');
-const TextMessage = require('./TextMessage-87c1e5a0.js');
-const notification = require('./notification-6d70e3a8.js');
-require('./isObjectLike-73d13a39.js');
-require('./keysIn-8bdbe83d.js');
+const TextMessage = require('./TextMessage-b9599251.js');
 
 const rtkAvatarCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}";
 const RtkAvatarStyle0 = rtkAvatarCss;
 
-var __decorate$P = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$O = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -59,16 +57,16 @@ const RtkAvatar = class {
         };
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '62ab06b7a747442ff9fb2b65d886dba0177dcc1c' }, this.getAvatar(), index$1.h("slot", { key: 'c076f0ccf24ffa9d1e42287a60c0afd9e27be439' })));
+        return (index$1.h(index$1.Host, { key: '3ac8e9c14a3389b76dd0e27037a75358bf837fd4' }, this.getAvatar(), index$1.h("slot", { key: 'a1b51c492d328a00352cfb6f2a11acb7cdb5fe75' })));
     }
 };
-__decorate$P([
+__decorate$O([
     index.SyncWithStore()
 ], RtkAvatar.prototype, "size", void 0);
-__decorate$P([
+__decorate$O([
     index.SyncWithStore()
 ], RtkAvatar.prototype, "iconPack", void 0);
-__decorate$P([
+__decorate$O([
     index.SyncWithStore()
 ], RtkAvatar.prototype, "t", void 0);
 RtkAvatar.style = RtkAvatarStyle0;
@@ -76,7 +74,7 @@ RtkAvatar.style = RtkAvatarStyle0;
 const rtkBreakoutRoomManagerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@keyframes bg-glow{25%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}50%{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}75%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}}.glowing-card{animation:bg-glow 0.8s}.selector-mode,.assign-mode{display:flex;flex-direction:column;align-items:center;padding:var(--rtk-space-2, 8px);cursor:pointer}.selector:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.show-on-hover{display:none}.header{width:100%;display:flex;align-items:center}.header rtk-icon{margin-left:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);cursor:pointer}.header .danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.header .hide{display:none}.header .rooms-container{display:flex;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-end}.header input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));max-width:var(--rtk-space-36, 144px);font-size:14px;font-weight:500;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.header input:disabled{overflow-x:visible;border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.header input:invalid{border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:dashed;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}.header input.editing-enabled{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.header .participant-count{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.header .participant-count rtk-icon{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.header .assign-button{height:var(--rtk-space-6, 24px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));text-decoration-line:underline}.header .assign-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-list{display:grid;flex-grow:1;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rtk-space-2, 8px);margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);width:100%;border-radius:var(--rtk-border-radius-sm, 4px)}.participant-list::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px)}.participant-list::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-list::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-right:var(--rtk-space-2, 8px);height:-moz-fit-content;height:fit-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.participant-item:hover{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.selector-mode:hover .show-on-hover{display:flex}.message-container{margin:var(--rtk-space-0, 0px);display:flex;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.message-container p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-20, 80px);display:flex;width:100%;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));border-style:dashed;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.message-container p:hover{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}.message-container .drop-zone-active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.show-on-hover{margin-left:var(--rtk-space-4, 16px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);display:none}:host(:hover) .show-on-hover{display:flex}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
 const RtkBreakoutRoomManagerStyle0 = rtkBreakoutRoomManagerCss;
 
-var __decorate$O = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$N = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -233,39 +231,41 @@ const RtkBreakoutRoomManager = class {
     }
     render() {
         var _a, _b, _c;
-        return (index$1.h(index$1.Host, { key: '947ca9b82a497a0ce4274204dd7bcf9949d4e3c8' }, index$1.h("div", { key: 'cfd0a32bf1ad9db09edcf479e743292a064ff6e0', class: {
+        if (!this.meeting)
+            return null;
+        return (index$1.h(index$1.Host, null, index$1.h("div", { class: {
                 'assign-mode': this.assigningParticipants,
                 'selector-mode': !this.assigningParticipants,
                 'glowing-card': this.glowingCard,
-            } }, index$1.h("div", { key: 'f96ef6dae36d6368d9651b1b7521b5281390a1c5', class: "header" }, index$1.h("input", { key: 'ec5862c36b2a8a23b1a7bd9530418af16d044102', ref: (el) => (this.inputTextEl = el), placeholder: this.t('breakout_rooms.room_name'), disabled: !(this.editingTitleRoomId === this.room.id), value: this.roomTitle, minlength: ROOM_TITLE_MIN_CHARS, onChange: (e) => {
+            } }, index$1.h("div", { class: "header" }, index$1.h("input", { ref: (el) => (this.inputTextEl = el), placeholder: this.t('breakout_rooms.room_name'), disabled: !(this.editingTitleRoomId === this.room.id), value: this.roomTitle, minlength: ROOM_TITLE_MIN_CHARS, onChange: (e) => {
                 this.newTitle = e.target.value;
-            }, onKeyPress: (e) => this.onTitleChanged(e), class: { 'editing-enabled': this.editingTitleRoomId === this.room.id }, style: { width: `${this.roomTitle.length + 1}ch` } }), this.editingTitleRoomId !== this.room.id && (index$1.h("span", { key: 'b2abbce8a8b9dd49e2b72fbddd13b09763092aa4', class: "participant-count" }, "(", index$1.h("rtk-icon", { key: 'f2075dfaa059be92d5462a614e179449cf4bdf81', icon: this.iconPack.people }), (_c = (_b = (_a = this.room) === null || _a === void 0 ? void 0 : _a.participants) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : '0', ")")), this.canEditMeetingTitle && (index$1.h("rtk-tooltip", { key: '2a47492d1c1f24077ad1a861a19bec8a201cea74', label: this.editingTitleRoomId === this.room.id
+            }, onKeyPress: (e) => this.onTitleChanged(e), class: { 'editing-enabled': this.editingTitleRoomId === this.room.id }, style: { width: `${this.roomTitle.length + 1}ch` } }), this.editingTitleRoomId !== this.room.id && (index$1.h("span", { class: "participant-count" }, "(", index$1.h("rtk-icon", { icon: this.iconPack.people }), (_c = (_b = (_a = this.room) === null || _a === void 0 ? void 0 : _a.participants) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : '0', ")")), this.canEditMeetingTitle && (index$1.h("rtk-tooltip", { label: this.editingTitleRoomId === this.room.id
                 ? this.t('breakout_rooms.save_room_name')
-                : this.t('breakout_rooms.edit_room_name') }, index$1.h("rtk-icon", { key: '1211a94dd351b33443fe430f69801cff8bf15765', icon: this.editingTitleRoomId === this.room.id
+                : this.t('breakout_rooms.edit_room_name') }, index$1.h("rtk-icon", { icon: this.editingTitleRoomId === this.room.id
                 ? this.iconPack.checkmark
-                : this.iconPack.edit, class: "show-on-hover", onClick: this.onEditClick }))), index$1.h("div", { key: '5430f371fad9022f4a9a4de2747914958ff1d846', class: "rooms-container" }, this.permissions.canAlterConnectedMeetings &&
+                : this.iconPack.edit, class: "show-on-hover", onClick: this.onEditClick }))), index$1.h("div", { class: "rooms-container" }, this.permissions.canAlterConnectedMeetings &&
             !this.room.isParent &&
-            this.allowDelete && (index$1.h("rtk-tooltip", { key: 'f807c8b6fabc2e85a9e9f023e7ac00ecd555861b', label: this.t('breakout_rooms.delete'), class: "danger" }, index$1.h("rtk-icon", { key: '171ba25bd6d0b4b418d719f2eb4555ddc301ee2e', icon: this.iconPack.delete, class: "show-on-hover", onClick: () => {
+            this.allowDelete && (index$1.h("rtk-tooltip", { label: this.t('breakout_rooms.delete'), class: "danger" }, index$1.h("rtk-icon", { icon: this.iconPack.delete, class: "show-on-hover", onClick: () => {
                 this.deleteRoom.emit();
             } }))), this.assigningParticipants &&
             this.permissions.canAlterConnectedMeetings &&
-            !this.room.isParent && (index$1.h("rtk-button", { key: '24c2023d3edeb75fdec77a145040741bbe6a90f8', kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
+            !this.room.isParent && (index$1.h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
             !this.assigningParticipants &&
-            this.permissions.canSwitchConnectedMeetings && (index$1.h("rtk-button", { key: 'd93e97a19162498f797e9e237105728907eb3b75', kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
+            this.permissions.canSwitchConnectedMeetings && (index$1.h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
             ? this.t('joined')
-            : this.t('join'))), !this.room.isParent && (index$1.h("rtk-icon", { key: 'c020a1e894c959580104255ab81c3772af16c862', icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
+            : this.t('join'))), !this.room.isParent && (index$1.h("rtk-icon", { icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
     }
 };
-__decorate$O([
+__decorate$N([
     index.SyncWithStore()
 ], RtkBreakoutRoomManager.prototype, "meeting", void 0);
-__decorate$O([
+__decorate$N([
     index.SyncWithStore()
 ], RtkBreakoutRoomManager.prototype, "states", void 0);
-__decorate$O([
+__decorate$N([
     index.SyncWithStore()
 ], RtkBreakoutRoomManager.prototype, "iconPack", void 0);
-__decorate$O([
+__decorate$N([
     index.SyncWithStore()
 ], RtkBreakoutRoomManager.prototype, "t", void 0);
 RtkBreakoutRoomManager.style = RtkBreakoutRoomManagerStyle0;
@@ -273,7 +273,7 @@ RtkBreakoutRoomManager.style = RtkBreakoutRoomManagerStyle0;
 const rtkBreakoutRoomParticipantsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;flex-direction:column;font-size:14px}:host input[type='checkbox']{margin:var(--rtk-space-0, 0px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rtk-border-radius-sm, 4px);position:relative;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}:host input[type='checkbox']:checked{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host input[type='checkbox']:checked::before{position:absolute;top:1px;left:1px;height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);background-color:rgb(var(--rtk-colors-text-1000, 255 255 255));content:'';clip-path:polygon(5% 60%, 35% 93%, 100% 19%, 86% 4%, 36% 62%, 19% 44%)}*{box-sizing:border-box}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.ctr{box-sizing:border-box;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.empty-message{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);text-align:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rtk-space-2, 8px);height:100%;text-align:center;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.empty-room p{font-size:16px;font-weight:500;margin:var(--rtk-space-0, 0px)}.empty-room span{font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search-wrapper{margin-bottom:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px)}.search .search-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:inherit;color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-1\\.5, 6px);height:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-0\\.5, 2px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));display:flex;align-items:center;justify-content:space-between}.title-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.participant-count{display:flex;align-items:center;font-size:14px}.participant-count rtk-icon{margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);cursor:pointer}.participant-item input.hide-checkbox{display:none}.participant-item input:checked{display:inline-block}.dragging input{display:none}.participant-item:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-item:hover input{display:inline-block}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
 const RtkBreakoutRoomParticipantsStyle0 = rtkBreakoutRoomParticipantsCss;
 
-var __decorate$N = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$M = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -327,7 +327,7 @@ const RtkBreakoutRoomParticipants = class {
         this.searchChanged(this.search);
     }
     disconnectedCallback() {
-        if (this.meeting == null)
+        if (!this.meeting)
             return;
     }
     updateSelectedParticipants(participant, selected) {
@@ -342,7 +342,7 @@ const RtkBreakoutRoomParticipants = class {
         this.onSelectedParticipantsUpdate.emit(selectedParticipants);
     }
     meetingChanged(meeting) {
-        if (meeting == null)
+        if (!meeting)
             return;
         this.getParticipants(this.search);
     }
@@ -368,9 +368,9 @@ const RtkBreakoutRoomParticipants = class {
             }, size: "sm" }), index$1.h("p", { class: "name", title: name }, string.shorten(name, 16), this.meeting.self.userId === participant.id && ` (${this.t('you')})`)));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f52879701d8a87899b877c28d53254b3bc56b299' }, index$1.h("div", { key: '91d45e76f9f147c8ca30584bbb6c7816c189e0ce', class: "search-wrapper" }, index$1.h("div", { key: 'b4ae06fd6ce269008cdb4512590e5df8a39f5c9a', class: "search", part: "search" }, index$1.h("rtk-icon", { key: '0018db4e3febb44ccef2b7891d13fb76e18573b6', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), index$1.h("input", { key: '61fddb7cde11b23976e7485c17f23d34d2f14379', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), index$1.h("slot", { key: '8b2bb46621a8f148e22e6ce34b4d2a47a3b3c707', name: "shuffle-button" })), index$1.h("div", { key: '9803b94e75d829ac1f95527b16ba7381807b630b', class: "header" }, index$1.h("div", { key: 'c1b21d875ec8cc2e0625f7e21191b78ffce9e4e3', class: "title-wrapper" }, index$1.h("span", { key: '3f87be86358d89b288294cb09846a09f2182df11' }, this.t('breakout_rooms.main_room')), index$1.h("span", { key: 'f5a0d206f12479e064d20dc414532d88a24bd62e', class: "participant-count" }, "(", index$1.h("rtk-icon", { key: '8c8302bd28b84dc72c98086905ae2416d5044216', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (index$1.h("rtk-tooltip", { key: 'a40167a7356b4c9d52cd795d5a2c8985a896a473', label: this.t('breakout_rooms.select_all') }, index$1.h("input", { key: '754d9265dc605ecb460eddaa91f6673690a372c1', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), index$1.h("div", { key: '94373ef76a5ebd0fcf6d34fe34c0aa7ee1c38159', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (index$1.h("ul", { key: '5293af5ca10e9ccd031cfd4b43494a6b7d112084', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (index$1.h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (index$1.h("input", { type: "checkbox", class: {
+        return (index$1.h(index$1.Host, { key: '01a707fa50950501d11428747783c1e9828e6572' }, index$1.h("div", { key: '535f80747ddc6b0d7b4c2d3d3bd82464284db304', class: "search-wrapper" }, index$1.h("div", { key: '14b0ae5148bc13345df0732eeb299354ce7e3ae4', class: "search", part: "search" }, index$1.h("rtk-icon", { key: 'c2eda4fadab2d20b16a95786a763748ee5a5e123', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), index$1.h("input", { key: '71b153979188a4eca0368faad5afe22ad4a65d84', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), index$1.h("slot", { key: '3ce56a86dfa9063150ff586f3333ad1a1e363219', name: "shuffle-button" })), index$1.h("div", { key: '2eed52da4d3e61f65b69c5dda8054891182615ac', class: "header" }, index$1.h("div", { key: 'c661c77b3fcfaea354456f741d2d816666bf4b68', class: "title-wrapper" }, index$1.h("span", { key: 'bc52e54641259a5c8f7eb0c749117444594a2f24' }, this.t('breakout_rooms.main_room')), index$1.h("span", { key: '9f84a8c77c7af6df6849103235927c68cafda518', class: "participant-count" }, "(", index$1.h("rtk-icon", { key: '34d4139b8fa98d3a1594a34a90774cf3bf5dc589', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (index$1.h("rtk-tooltip", { key: '866cf16aa1666a3cbc6521fadee36a50b168cf21', label: this.t('breakout_rooms.select_all') }, index$1.h("input", { key: 'd60fc5c1ee7a8e7b63ed7a9fd804f86bb7c945ed', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), index$1.h("div", { key: 'fc8b60be1e14fd6fe92276fae65b357a998ae80a', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (index$1.h("ul", { key: '9e76ca169c9c3a3fd3796f8e6f20a7ba19906c8f', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (index$1.h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (index$1.h("input", { type: "checkbox", class: {
                 'hide-checkbox': this.selectedParticipantIds.length === 0,
-            }, checked: this.selectedParticipantIds.includes(uiStore.participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (index$1.h("div", { key: '2940a7bb997d27028dbafb8796dd9db3a55869d3', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (index$1.h("div", { key: 'e3a7539e969f0f5369079bac5c01d6ad4a4fdb50', class: "empty-room" }, index$1.h("rtk-icon", { key: '92b2b7022d9e2961e6ccfc9b721b8369d09bdbb9', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), index$1.h("p", { key: '629b7fb160ec79432d5f7e1b3fd50972589cda7a' }, this.t('breakout_rooms.all_assigned')), index$1.h("span", { key: '54c84669c543b7a12ee33e6aba25b30c271727b9' }, this.t('breakout_rooms.empty_main_room')))))));
+            }, checked: this.selectedParticipantIds.includes(uiStore.participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (index$1.h("div", { key: '179104c8fd8bfe2692147a23d3520ba51f830721', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (index$1.h("div", { key: 'c50a8a4ae9863d918108430ffbe61721fd155847', class: "empty-room" }, index$1.h("rtk-icon", { key: 'afa0afc1ecda667d26fd921438f9369549c5463b', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), index$1.h("p", { key: 'be9fe2e7d745f88228ecd5053b129b344a626eb6' }, this.t('breakout_rooms.all_assigned')), index$1.h("span", { key: 'e16a34744352686361f4a2aff6e90bba44ae3a15' }, this.t('breakout_rooms.empty_main_room')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
@@ -378,13 +378,13 @@ const RtkBreakoutRoomParticipants = class {
         "search": ["searchChanged"]
     }; }
 };
-__decorate$N([
+__decorate$M([
     index.SyncWithStore()
 ], RtkBreakoutRoomParticipants.prototype, "meeting", void 0);
-__decorate$N([
+__decorate$M([
     index.SyncWithStore()
 ], RtkBreakoutRoomParticipants.prototype, "iconPack", void 0);
-__decorate$N([
+__decorate$M([
     index.SyncWithStore()
 ], RtkBreakoutRoomParticipants.prototype, "t", void 0);
 RtkBreakoutRoomParticipants.style = RtkBreakoutRoomParticipantsStyle0;
@@ -392,7 +392,7 @@ RtkBreakoutRoomParticipants.style = RtkBreakoutRoomParticipantsStyle0;
 const rtkBreakoutRoomsManagerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.color-brand{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.color-danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.loading-content{height:var(--rtk-space-60, 240px);width:var(--rtk-space-96, 384px);padding:var(--rtk-space-9, 36px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;align-items:center;justify-content:center}.room-config{overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}header rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.create-room{margin-bottom:var(--rtk-space-4, 16px);display:flex;align-items:center;gap:var(--rtk-space-3, 12px);width:100%}.create-room p{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);font-size:16px}.distribution-hint{margin-bottom:var(--rtk-space-8, 32px);font-size:14px;font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.distribution-hint em{font-style:normal;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}footer{display:flex;flex-direction:row;vertical-align:middle;justify-content:center}footer rtk-button{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}label{margin-bottom:var(--rtk-space-3, 12px);font-weight:400;color:rgb(var(--rtk-colors-text-1000, 255 255 255));opacity:0.4}.participant-config-wrapper{width:850px;height:595px;max-width:100%;max-height:100%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;flex-direction:column}.participant-config-actions{display:flex;justify-content:space-between;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.participant-config{display:flex;flex-grow:1;flex-direction:row;overflow:hidden}aside{box-sizing:border-box;display:flex;width:var(--rtk-space-96, 384px);flex-grow:1;flex-direction:column;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-4, 16px);border-right-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}aside header{margin-bottom:var(--rtk-space-4, 16px);width:100%;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);padding-top:var(--rtk-space-8, 32px);font-size:20px;font-weight:500;line-height:2rem}.shuffle-button{display:flex;flex-direction:row;align-items:center}.shuffle-button rtk-icon{height:var(--rtk-space-8, 32px)}.participants-assign-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-2, 8px);margin-left:calc(var(--rtk-space-8, 32px) * -1);margin-right:calc(var(--rtk-space-4, 16px) * -1);padding-top:var(--rtk-space-0\\.5, 2px);padding-bottom:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.participants-assign-actions .deselect-button{height:var(--rtk-space-6, 24px)}.participants-assign-actions .deselect-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.assign-rooms{padding:var(--rtk-space-8, 32px);display:flex;width:100%;flex-direction:column}.assign-rooms .disabled{opacity:0.2}.assign-rooms .back{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-0, 0px);font-size:14px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.assign-rooms .back rtk-icon{height:var(--rtk-space-5, 20px)}.assign-rooms .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}.assign-rooms .row-header{margin:var(--rtk-space-0, 0px);font-size:16px;line-height:2rem}.assign-rooms .cta-buttons{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.assign-rooms .cta-buttons rtk-button div{display:flex;flex-direction:row;align-items:center}.assign-rooms .cta-buttons rtk-button div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.rooms{margin-bottom:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-1, 4px);display:flex;flex-grow:1;flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;max-height:500px}.rooms::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px)}.rooms::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.rooms::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.breakout-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}.breakout-actions .start-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.breakout-actions .close-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}.breakout-actions .update-breakout-button{background-color:transparent;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}.status-bar{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));width:var(--rtk-space-80, 320px)}.ephemeral-status{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.ephemeral-status rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.room-switcher-container{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));width:468px;padding:var(--rtk-space-8, 32px)}.add-room-jumbo-btn div{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.add-room-jumbo-btn div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.br-primary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-primary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";
 const RtkBreakoutRoomsManagerStyle0 = rtkBreakoutRoomsManagerCss;
 
-var __decorate$M = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$L = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -682,16 +682,16 @@ const RtkBreakoutRoomsManager = class {
         "selectedParticipants": ["onSelectedParticipantsChanged"]
     }; }
 };
-__decorate$M([
+__decorate$L([
     index.SyncWithStore()
 ], RtkBreakoutRoomsManager.prototype, "meeting", void 0);
-__decorate$M([
+__decorate$L([
     index.SyncWithStore()
 ], RtkBreakoutRoomsManager.prototype, "states", void 0);
-__decorate$M([
+__decorate$L([
     index.SyncWithStore()
 ], RtkBreakoutRoomsManager.prototype, "iconPack", void 0);
-__decorate$M([
+__decorate$L([
     index.SyncWithStore()
 ], RtkBreakoutRoomsManager.prototype, "t", void 0);
 RtkBreakoutRoomsManager.style = RtkBreakoutRoomsManagerStyle0;
@@ -699,7 +699,7 @@ RtkBreakoutRoomsManager.style = RtkBreakoutRoomsManagerStyle0;
 const rtkBroadcastMessageModalCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-4, 16px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));width:400px;max-width:80%}.content-col{display:flex;width:100%;flex-direction:column}h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-2, 8px)}.content-row{display:flex;width:100%;flex-direction:row}.content-row rtk-button{margin-top:var(--rtk-space-4, 16px);width:100%}textarea{margin-top:var(--rtk-space-3, 12px);resize:none;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;height:var(--rtk-space-16, 64px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}textarea::placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}select{border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);outline:2px solid transparent;outline-offset:2px;border-right-width:var(--rtk-border-width-md, 2px);border-style:solid;border-color:transparent;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-2, 8px);width:100%;text-align:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));display:flex;flex-direction:row;align-items:center;justify-content:center}p rtk-icon{margin-left:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px)}";
 const RtkBroadcastMessageModalStyle0 = rtkBroadcastMessageModalCss;
 
-var __decorate$L = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$K = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -736,23 +736,23 @@ const RtkBroadcastMessageModal = class {
         }, 2000);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'ebc1bb7e9831ccecba8474cfc7af14dc5cb4d916' }, index$1.h("div", { key: 'f29fc0d8cd70f0d25b58073dedc56dbfece82f6e', class: "content-col" }, index$1.h("h2", { key: '6e872c41a1735e396fec8c01286a6e551307d054' }, "Broadcast message to"), index$1.h("select", { key: 'de6fa3415f3b4fab48477ba68925981adac9d7da', onChange: (e) => {
+        return (index$1.h(index$1.Host, { key: '6fbeed26fe6bd27b9f0fb5d574437db002931560' }, index$1.h("div", { key: '539893028570a33bae6e10dfbbf30a9872660cc9', class: "content-col" }, index$1.h("h2", { key: '066aaa4541f135cd6d8d424395cf449f79c61caa' }, "Broadcast message to"), index$1.h("select", { key: '413dea8a9bd7a1efbf17948cfb45b655ddb79b71', onChange: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { to: e.target.value });
-            } }, index$1.h("option", { key: '85c21decd587ecbff9623d140c7e69e335d86e4e' }, "Everyone"), index$1.h("option", { key: 'e70c43b9bedd7a66519757842524af7fdd62b3d3' }, "List of rooms")), index$1.h("textarea", { key: 'c988e01cb69f54aa447f1d643acb0f046b95d3fd', placeholder: "Type message here...", onInput: (e) => {
+            } }, index$1.h("option", { key: '72df6790e57bdd905ad96d62c9d6fa57e4a3a41c' }, "Everyone"), index$1.h("option", { key: '82650452bb4de2b6d382a14dab3e901d62ca3b13' }, "List of rooms")), index$1.h("textarea", { key: '2be2bad10700c89162a06d662198b4eaadd96027', placeholder: "Type message here...", onInput: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { message: e.target.value });
             } }), this.successMessage ? (index$1.h("p", null, "Message sent to ", this.messagePayload.to, index$1.h("rtk-icon", { icon: this.iconPack.checkmark }))) : (index$1.h("div", { class: "content-row" }, index$1.h("rtk-button", { onClick: () => this.close(), variant: "secondary" }, "Cancel"), "\u2002", index$1.h("rtk-button", { variant: "primary", onClick: () => this.sendMessage() }, "Send"))))));
     }
 };
-__decorate$L([
+__decorate$K([
     index.SyncWithStore()
 ], RtkBroadcastMessageModal.prototype, "meeting", void 0);
-__decorate$L([
+__decorate$K([
     index.SyncWithStore()
 ], RtkBroadcastMessageModal.prototype, "states", void 0);
-__decorate$L([
+__decorate$K([
     index.SyncWithStore()
 ], RtkBroadcastMessageModal.prototype, "iconPack", void 0);
-__decorate$L([
+__decorate$K([
     index.SyncWithStore()
 ], RtkBroadcastMessageModal.prototype, "t", void 0);
 RtkBroadcastMessageModal.style = RtkBroadcastMessageModalStyle0;
@@ -760,7 +760,7 @@ RtkBroadcastMessageModal.style = RtkBroadcastMessageModalStyle0;
 const rtkButtonCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--icon-size:var(--rtk-button-icon-size, var(--rtk-space-5, 20px));--transition-property:var(--rtk-transition-property, all);--transition-duration:100ms;display:inline-flex;height:var(--rtk-space-8, 32px);cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-sm, 4px);transition-property:var(--transition-property);transition-duration:var(--transition-duration)}button{box-sizing:border-box;background-color:transparent;color:inherit;border:var(--rtk-border-width-sm, 1px) solid transparent;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);display:inline-flex;flex-grow:1;justify-content:center;vertical-align:baseline;gap:var(--rtk-space-1, 4px);transition-property:var(--transition-property);transition-duration:var(--transition-duration);outline:none;height:inherit;border-radius:inherit;fill:inherit;cursor:inherit;font-weight:inherit;font-family:inherit;font-size:inherit;line-height:inherit}.start,.content,.end{align-self:center}::slotted(rtk-icon),::slotted(rtk-spinner){height:var(--icon-size);width:var(--icon-size)}:host([variant='primary']){color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}button:focus-visible{border-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host(:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity))}:host([disabled]:not([disabled='false'])){cursor:not-allowed;opacity:0.6}:host([variant='secondary']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='secondary']:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host([variant='secondary']:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host([variant='danger']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}:host([variant='danger']:hover){background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.7)}:host([variant='danger']:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}:host([variant='ghost']){background-color:transparent;color:inherit}:host([variant='ghost'].active){--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}:host([variant='ghost']:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='ghost']:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([kind='icon']){--icon-size:var(--rtk-space-5, 20px);width:var(--rtk-space-8, 32px)}:host([kind='icon']) button{padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px)}:host([kind='wide']){width:100%}:host([size='lg']){--icon-size:var(--rtk-space-5, 20px);height:var(--rtk-space-10, 40px);font-size:16px}:host([size='lg'][kind='icon']){--icon-size:var(--rtk-space-6, 24px);height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px)}:host([size='sm']){--icon-size:var(--rtk-space-4, 16px);height:var(--rtk-space-6, 24px);font-size:12px}:host([size='sm'][kind='icon']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}";
 const RtkButtonStyle0 = rtkButtonCss;
 
-var __decorate$K = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$J = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -789,7 +789,7 @@ const RtkButton = class {
     }
     static get delegatesFocus() { return true; }
 };
-__decorate$K([
+__decorate$J([
     index.SyncWithStore()
 ], RtkButton.prototype, "size", void 0);
 RtkButton.style = RtkButtonStyle0;
@@ -797,7 +797,7 @@ RtkButton.style = RtkButtonStyle0;
 const rtkChannelCreatorCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}.channel-name-input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-3, 12px);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px}.channel-name-input:focus{outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}footer{margin-top:var(--rtk-space-5, 20px);display:flex;justify-content:flex-end}.member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px)}.member rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.input-container{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5);border-radius:var(--rtk-border-radius-sm, 4px)}.input-container .members{margin:var(--rtk-space-0, 0px);max-height:var(--rtk-space-28, 112px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);list-style-type:none;display:flex;flex-wrap:wrap;gap:var(--rtk-space-1, 4px);cursor:text;font-size:16px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));overflow-y:auto;min-height:var(--rtk-space-7, 28px)}.input-container .pill{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.input-container .pill rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.input-container .pill span{max-width:var(--rtk-space-32, 128px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container .pill rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.input-container input{width:var(--rtk-space-24, 96px);border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-1, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;font-size:16px;line-height:1.25rem}.input-container input.wide-input{width:100%}.search-results{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);width:100%;padding:var(--rtk-space-0, 0px);position:absolute;list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-md, 8px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.search-results .member{cursor:pointer}.search-results .member rtk-avatar{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.search-results .member:hover,.search-results .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}";
 const RtkChannelCreatorStyle0 = rtkChannelCreatorCss;
 
-var __decorate$J = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$I = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -931,19 +931,19 @@ const RtkChannelCreator = class {
         (_a = this.inputTextRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '343bc1c61f83850b45010bb05ecb17d365345b51' }, index$1.h("header", { key: '231b89e21003207dfc890cf2210b6c230fab9390' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (index$1.h("input", { key: '7a822d7fbb6946f866f12039f09159ae2b37f3e2', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
+        return (index$1.h(index$1.Host, { key: '2249fbd72c1bb3c33abc7d8a9759bd5166b511e3' }, index$1.h("header", { key: '624be5f38731e2388c350a7cfd33c6d5a0071a83' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (index$1.h("input", { key: '3a837246569c74ca2876770b473b774ab5dd0cf6', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
                 this.channelName = e.target.value.trim();
-            } })), this.step === 2 && this.renderMemberSelector(), index$1.h("footer", { key: '3de7edf3f52b99ce04e2f977bddaaf85a1243c43' }, index$1.h("rtk-button", { key: '601c2634e7e917246987a51e395fd870494727c1', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
+            } })), this.step === 2 && this.renderMemberSelector(), index$1.h("footer", { key: '7fc3656d7786406c7a25978cf4eac76bd46329ba' }, index$1.h("rtk-button", { key: 'fa648df5ca88fdb5ea6946d353270ee79e10fb73', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
     }
     get $el() { return index$1.getElement(this); }
 };
-__decorate$J([
+__decorate$I([
     index.SyncWithStore()
 ], RtkChannelCreator.prototype, "meeting", void 0);
-__decorate$J([
+__decorate$I([
     index.SyncWithStore()
 ], RtkChannelCreator.prototype, "t", void 0);
-__decorate$J([
+__decorate$I([
     index.SyncWithStore()
 ], RtkChannelCreator.prototype, "iconPack", void 0);
 RtkChannelCreator.style = RtkChannelCreatorStyle0;
@@ -951,7 +951,7 @@ RtkChannelCreator.style = RtkChannelCreatorStyle0;
 const rtkChannelDetailsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-72, 288px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px)}header{font-size:20px}rtk-spinner{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);margin-left:auto;margin-right:auto}ul{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-6, 24px);margin-bottom:var(--rtk-space-4, 16px);height:var(--rtk-space-48, 192px);padding:var(--rtk-space-0, 0px);overflow-y:auto;list-style-type:none;display:flex;flex-direction:column;gap:var(--rtk-space-2, 8px)}ul li{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}ul li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}ul li rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkChannelDetailsStyle0 = rtkChannelDetailsCss;
 
-var __decorate$I = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$H = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -977,13 +977,13 @@ const RtkChannelDetails = class {
         })));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'debf2dde0cfce1649181c7bfdca29d25c774bb2c' }, index$1.h("header", { key: '5a7ed6c10130518158a939e9868d5ad68aeb9486' }, this.t('chat.channel_members')), this.renderMembers()));
+        return (index$1.h(index$1.Host, { key: '56390bafc9a8a933499c11e51b38898494f407bc' }, index$1.h("header", { key: 'a27a3d775aceb8f23481823c1a21eb0286f5723a' }, this.t('chat.channel_members')), this.renderMembers()));
     }
 };
-__decorate$I([
+__decorate$H([
     index.SyncWithStore()
 ], RtkChannelDetails.prototype, "t", void 0);
-__decorate$I([
+__decorate$H([
     index.SyncWithStore()
 ], RtkChannelDetails.prototype, "iconPack", void 0);
 RtkChannelDetails.style = RtkChannelDetailsStyle0;
@@ -991,7 +991,7 @@ RtkChannelDetails.style = RtkChannelDetailsStyle0;
 const rtkChannelHeaderCss = "header{box-sizing:border-box;height:var(--rtk-space-16, 64px);width:100%;padding:var(--rtk-space-4, 16px);display:flex;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}header.searching{justify-content:flex-end}header.searching .channel-details{display:none}header .channel-details{display:flex;flex-grow:1;flex-direction:column;justify-content:center;height:var(--rtk-space-9, 36px);width:var(--rtk-space-1, 4px)}header .channel-details .name{font-weight:500}header .channel-details .members{margin-top:var(--rtk-space-0\\.5, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}header .channel-tools{display:flex;flex-shrink:0;justify-content:flex-end;gap:var(--rtk-space-1, 4px);min-width:var(--rtk-space-24, 96px)}header .channel-tools rtk-tooltip{height:var(--rtk-space-8, 32px);width:var(--rtk-space-10, 40px);display:flex}header .search-input{height:var(--rtk-space-8, 32px);width:var(--rtk-space-48, 192px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header .name{font-size:16px}header .br-primary-btn{background-color:transparent}header .br-primary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}@media (orientation: landscape) and (min-width: 400px){header.searching .channel-details{display:flex}}.back-btn{margin-right:var(--rtk-space-3, 12px)}";
 const RtkChannelHeaderStyle0 = rtkChannelHeaderCss;
 
-var __decorate$H = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$G = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -1051,13 +1051,13 @@ const RtkChannelHeader = class {
         "channel": ["onChannelChanged"]
     }; }
 };
-__decorate$H([
+__decorate$G([
     index.SyncWithStore()
 ], RtkChannelHeader.prototype, "meeting", void 0);
-__decorate$H([
+__decorate$G([
     index.SyncWithStore()
 ], RtkChannelHeader.prototype, "iconPack", void 0);
-__decorate$H([
+__decorate$G([
     index.SyncWithStore()
 ], RtkChannelHeader.prototype, "t", void 0);
 RtkChannelHeader.style = RtkChannelHeaderStyle0;
@@ -1065,7 +1065,7 @@ RtkChannelHeader.style = RtkChannelHeaderStyle0;
 const rtkChannelSelectorViewCss = ".scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  position: relative;\n  z-index: 10;\n  height: var(--rtk-space-12, 48px);\n  min-height: 48px;\n}\n\n.dropdown-trigger {\n  height: 100%;\n  width: 100%;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n  font-size: 14px;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  cursor: pointer;\n  position: absolute;\n  z-index: 20;\n}\n\n.dropdown-trigger span {\n  display: flex;\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.dropdown-trigger rtk-icon {\n  margin-left: var(--rtk-space-1, 4px);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  flex-shrink: 0;\n}\n\n@container chatcontainer (height < 360px) {\n  .dropdown-trigger {\n    padding: var(--rtk-space-2, 8px);\n  }\n  .dropdown {\n    top: var(--rtk-space-8, 32px) !important;\n  }\n  .search-container {\n    padding-left: var(--rtk-space-0, 0px) !important;\n    padding-right: var(--rtk-space-0, 0px) !important;\n    padding-top: var(--rtk-space-0, 0px) !important;\n    padding-bottom: var(--rtk-space-0, 0px) !important;\n  }\n  input {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-none, 0) !important;\n  }\n  .channel {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-sm, 4px) !important;\n  }\n  .avatar-icon {\n    height: var(--rtk-space-3, 12px) !important;\n    width: var(--rtk-space-3, 12px) !important;\n    padding: var(--rtk-space-1, 4px) !important;\n  }\n\n  rtk-avatar {\n    height: var(--rtk-space-5, 20px) !important;\n    width: var(--rtk-space-5, 20px) !important;\n  }\n}\n\n.dropdown {\n  position: absolute;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  top: var(--rtk-space-12, 48px);\n  z-index: 10;\n  animation: 0.3s slide-down ease;\n}\n\n.dropdown .channels-container {\n  max-height: var(--rtk-space-80, 320px);\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n}\n\n.list .channel .channel-data {\n  align-items: flex-start;\n}\n\n.unread-count {\n  display: flex;\n  justify-content: center;\n  height: var(--rtk-space-5, 20px);\n  min-width: var(--rtk-space-3, 12px);\n  border-radius: 9999px;\n  padding-left: var(--rtk-space-1, 4px);\n  padding-right: var(--rtk-space-1, 4px);\n  font-size: 12px;\n  line-height: 1.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\ninput {\n  height: var(--rtk-space-9, 36px);\n  width: 100%;\n  padding-left: var(--rtk-space-3, 12px);\n  padding-right: var(--rtk-space-3, 12px);\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.search-container {\n  display: flex;\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-basis: auto;\n  align-items: center;\n  padding-top: var(--rtk-space-3, 12px);\n  padding-bottom: var(--rtk-space-3, 12px);\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-2, 8px);\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.search-container rtk-icon {\n  margin-left: calc(var(--rtk-space-8, 32px) * -1);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channels-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--rtk-space-1, 4px);\n  padding: var(--rtk-space-2, 8px);\n  flex: 1 1 auto;\n  overflow-y: auto;\n}\n\n.channel {\n  flex-shrink: 0;\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  cursor: pointer;\n  border-radius: var(--rtk-border-radius-md, 8px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--rtk-space-2, 8px);\n  height: var(--rtk-space-16, 64px);\n  width: 100%;\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.channel:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.channel .channel-data {\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.channel .name {\n  font-size: 16px;\n}\n\n.channel .name, \n  .channel .last-message {\n  max-width: var(--rtk-space-40, 160px);\n  text-align: left;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n\n.channel .no-message {\n  font-style: italic;\n}\n\n.channel rtk-avatar {\n  height: var(--rtk-space-12, 48px);\n  width: var(--rtk-space-12, 48px);\n  overflow: clip;\n  border-radius: 9999px;\n  font-size: 14px;\n}\n\n.channel .avatar-icon {\n  height: var(--rtk-space-6, 24px);\n  width: var(--rtk-space-6, 24px);\n  padding: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n  overflow: clip;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.channel time, \n  .channel .last-message {\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channel.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.channel.active .unread-count {\n  background-color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));\n}\n\n.channel.active time {\n  color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n}\n\n.channel.active .last-message {\n  color: rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)));\n}\n\n.channel.active rtk-avatar {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.col {\n  gap: var(--rtk-space-1, 4px);\n  display: flex;\n  flex-direction: column;\n}\n\n.channel-meta {\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n\n@keyframes slide-down {\n  from {\n    transform: translateY(-50px);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";
 const RtkChannelSelectorViewStyle0 = rtkChannelSelectorViewCss;
 
-var __decorate$G = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$F = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -1177,11 +1177,11 @@ const RtkChannelSelectorView = class {
     render() {
         const filteredChannels = this.getFilteredChannels();
         const shouldShowDropdown = this.viewAs === 'list' || (this.viewAs === 'dropdown' && this.showDropdown);
-        return (index$1.h(index$1.Host, { key: '2f9a7d72ebeadda388681aa4e08530f4bb75150b' }, this.viewAs === 'list' && index$1.h("slot", { key: '2e0f2354e6a5e92c0c82158bc7a2d068fe0c42ca', name: "header" }), shouldShowDropdown && (index$1.h("div", { key: '0cfa739b959782b495b3ae45865cbe91de35237e', class: {
+        return (index$1.h(index$1.Host, { key: '55c0b7974fdc4d69ab8205d216aadd3be538a1f6' }, this.viewAs === 'list' && index$1.h("slot", { key: '469c1b7f79dd75fb160ec0ed28dc64e7c0818df6', name: "header" }), shouldShowDropdown && (index$1.h("div", { key: '3012a7fd9e766b6e06d2973c1944c5a7dbad6517', class: {
                 dropdown: this.viewAs === 'dropdown',
                 scrollbar: this.viewAs === 'dropdown',
                 list: this.viewAs === 'list',
-            } }, !this.disableSearch && (index$1.h("div", { key: '4b000515de7ebdb64accbe455d749b23955bdebf', class: "search-container", ref: (el) => (this.$searchEl = el) }, index$1.h("input", { key: '0efd92a23ed1b6fc041c317d2b6e00ec38fcd95a', type: "text", placeholder: this.t('chat.search_conversations'), value: this.searchQuery, onInput: (e) => (this.searchQuery = e.target.value) }), index$1.h("rtk-icon", { key: 'f62316f91ea71fa7cf561bfcb0e5eb0567df7350', icon: this.iconPack.search }))), index$1.h("div", { key: 'df19cc12b15ccb81380f6f7af41aae6637daafdb', class: "channels-container scrollbar", ref: (el) => (this.$listEl = el) }, filteredChannels.map((channel) => {
+            } }, !this.disableSearch && (index$1.h("div", { key: 'bed4be1b983d9a03523f08a4e1a1a15b9e811ab7', class: "search-container", ref: (el) => (this.$searchEl = el) }, index$1.h("input", { key: '09eab0a72de67a3355ed691e1dfbb8f8cddcf83a', type: "text", placeholder: this.t('chat.search_conversations'), value: this.searchQuery, onInput: (e) => (this.searchQuery = e.target.value) }), index$1.h("rtk-icon", { key: '8b5d6cadef7748e9bb6110f011751d49c64373d4', icon: this.iconPack.search }))), index$1.h("div", { key: 'ad46257295bc7ca372786f3b8161734af37f745a', class: "channels-container scrollbar", ref: (el) => (this.$listEl = el) }, filteredChannels.map((channel) => {
             return (index$1.h("button", { class: { channel: true, active: this.selectedChannelId === channel.id }, onClick: () => this.onChannelClickHandler(channel) }, !this.hideAvatar && (index$1.h("div", null, channel.icon ? (index$1.h("rtk-icon", { class: "avatar-icon", icon: this.iconPack[channel.icon] })) : (index$1.h("rtk-avatar", { participant: {
                     name: channel.name,
                     picture: channel.avatarUrl,
@@ -1189,15 +1189,15 @@ const RtkChannelSelectorView = class {
                     'last-message': true,
                     'no-message': !channel.latestMessage,
                 } }, index$1.h("rtk-text-message-view", { isMarkdown: true, text: channel.latestMessage })))), index$1.h("div", { class: "col channel-meta" }, channel.latestMessageTime && (index$1.h("time", { class: "time" }, this.getTimeLabel(channel.latestMessageTime))), channel.unreadCount > 0 && (index$1.h("div", { class: "unread-count" }, channel.unreadCount))))));
-        })))), this.viewAs === 'dropdown' && (index$1.h("button", { key: '4dc6626d43cca729c7129cf44e5b1e90287e9a0a', class: "dropdown-trigger", onClick: this.toggleDropdown }, index$1.h("span", { key: '58266d829571400e41be859c60d510324fa933a5' }, this.selectedChannelId &&
-            `${this.t('to')} ${this.getChannelById(this.selectedChannelId).name}`, this.getTotalUnreads() > 0 && (index$1.h("div", { key: 'fd79330bdf7763baa3374e2ad5fcf79861a422dc', class: "unread-count" }, this.getTotalUnreads()))), index$1.h("rtk-icon", { key: 'f168f3d51d356098dd2ec489bd34c2b1920333b4', icon: this.showDropdown ? this.iconPack.chevron_up : this.iconPack.chevron_down })))));
+        })))), this.viewAs === 'dropdown' && (index$1.h("button", { key: '21e0faa2655c3f0c8cca668abda6ef761c57d179', class: "dropdown-trigger", onClick: this.toggleDropdown }, index$1.h("span", { key: 'ac1c51cb7fd12350d643ac5bdd106350fd4a7657' }, this.selectedChannelId &&
+            `${this.t('to')} ${this.getChannelById(this.selectedChannelId).name}`, this.getTotalUnreads() > 0 && (index$1.h("div", { key: 'ea8d9f60114649f119db36d36f95b5c2ac957cc5', class: "unread-count" }, this.getTotalUnreads()))), index$1.h("rtk-icon", { key: 'e27b18e174975a8a9a5be7dfc0d53cd9bc1efd9c', icon: this.showDropdown ? this.iconPack.chevron_up : this.iconPack.chevron_down })))));
     }
     get $el() { return index$1.getElement(this); }
 };
-__decorate$G([
+__decorate$F([
     index.SyncWithStore()
 ], RtkChannelSelectorView.prototype, "iconPack", void 0);
-__decorate$G([
+__decorate$F([
     index.SyncWithStore()
 ], RtkChannelSelectorView.prototype, "t", void 0);
 RtkChannelSelectorView.style = RtkChannelSelectorViewStyle0;
@@ -1205,7 +1205,7 @@ RtkChannelSelectorView.style = RtkChannelSelectorViewStyle0;
 const rtkChatCss = ":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n.scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  font-size: 14px;\n  position: relative;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\nh3 {\n  margin: var(--rtk-space-0, 0px);\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 400;\n  color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));\n  text-align: center;\n}\n\n#dropzone {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n#dropzone.active {\n  display: flex;\n  animation: 0.2s slide-up ease-in;\n}\n\nrtk-chat-messages-ui,\nrtk-chat-messages-ui-paginated {\n  flex: 1 0 0;\n}\n\nrtk-chat-composer-view {\n  margin: var(--rtk-space-2, 8px);\n}\n\n.chat-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: row;\n  container-type: size;\n  container-name: chatcontainer;\n}\n\n@container chatcontainer (height < 360px) {\n  rtk-channel-selector-view {\n    height: var(--rtk-space-8, 32px);\n    min-height: 24px;\n  }\n}\n\n.chat {\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n}\n\n.banner {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.banner .welcome-new-channel {\n  width: var(--rtk-space-48, 192px);\n}\n\n.banner .create-channel-illustration {\n  height: var(--rtk-space-40, 160px);\n  width: var(--rtk-space-40, 160px);\n}\n\n.channel-selector-header {\n  box-sizing: border-box;\n  height: var(--rtk-space-16, 64px);\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  justify-content: space-between;\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.channel-selector-header .channel-create-btn {\n  width: var(--rtk-space-8, 32px);\n  justify-content: center;\n}\n\n.channel-selector-header .channel-create-btn:hover {\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\n.view-chats-btn {\n  margin-top: var(--rtk-space-4, 16px);\n}\n\n.selector-container {\n  z-index: 50;\n  width: 100%;\n  max-width: var(--rtk-space-80, 320px);\n  border-right: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.selector-container.hide {\n  display: none;\n}\n\n.mobile-close-btn {\n  display: none;\n}\n\n.selector-container.mobile {\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);\n  display: flex;\n}\n\n.selector-container.mobile rtk-channel-selector-view {\n  max-width: var(--rtk-space-96, 384px);\n    animation: 0.3s swipe-in;\n}\n\n.selector-container.mobile .mobile-close-btn {\n  margin-top: var(--rtk-space-4, 16px);\n  margin-bottom: var(--rtk-space-4, 16px);\n  margin-left: var(--rtk-space-6, 24px);\n  margin-right: var(--rtk-space-6, 24px);\n  display: block;\n}\n\n.pinned-messages-header {\n  display: flex;\n  align-items: center;\n  gap: var(--rtk-space-2, 8px);\n  padding: var(--rtk-space-2, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.pinned-messages-header rtk-icon {\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px);\n}\n\n.pinned-messages-header:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.pinned-messages-header.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n@keyframes swipe-in {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n";
 const RtkChatStyle0 = rtkChatCss;
 
-var __decorate$F = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$E = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -1234,7 +1234,7 @@ const RtkChat = class {
             this.canSendFiles = this.meeting.self.permissions.chatPublic.files;
         };
         /** Config */
-        this.config = uiStore.defaultConfig;
+        this.config = uiStore.createDefaultConfig();
         /** Icon pack */
         this.iconPack = uiStore.defaultIconPack;
         /** Language */
@@ -1749,8 +1749,9 @@ const RtkChat = class {
     }
     render() {
         var _a, _b;
-        if (!this.meeting)
+        if (!this.meeting) {
             return null;
+        }
         const uiProps = { iconPack: this.iconPack, t: this.t, size: this.size };
         const selfUserId = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId;
         let chatMessages = this.chatGroups[this.selectedGroup] || [];
@@ -1766,16 +1767,19 @@ const RtkChat = class {
         "displayFilter": ["onDisplayFilterChanged"]
     }; }
 };
-__decorate$F([
+__decorate$E([
     index.SyncWithStore()
 ], RtkChat.prototype, "meeting", void 0);
-__decorate$F([
+__decorate$E([
+    index.SyncWithStore()
+], RtkChat.prototype, "config", void 0);
+__decorate$E([
     index.SyncWithStore()
 ], RtkChat.prototype, "size", void 0);
-__decorate$F([
+__decorate$E([
     index.SyncWithStore()
 ], RtkChat.prototype, "iconPack", void 0);
-__decorate$F([
+__decorate$E([
     index.SyncWithStore()
 ], RtkChat.prototype, "t", void 0);
 RtkChat.style = RtkChatStyle0;
@@ -1783,7 +1787,7 @@ RtkChat.style = RtkChatStyle0;
 const rtkChatComposerViewCss = ":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--rtk-font-family, sans-serif);\n  font-size: 14px;\n  position: relative;\n}\n\n.quoted-message-container {\n  margin-bottom: var(--rtk-space-2, 8px);\n  display: flex;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.quoted-message-container .quoted-message {\n  flex: 1 1 0%;\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  max-height: var(--rtk-space-24, 96px);\n  overflow-y: auto;\n  word-break: break-all;\n}\n\n.quoted-message-container .quoted-message blockquote {\n  display: none;\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  margin-left: auto;\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n}\n\n.quoted-message-container rtk-icon.dismiss:hover {\n  cursor: pointer;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.composer-container {\n  position: relative;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  overflow: hidden;\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.composer-container > .composers {\n    min-height: 60px;\n  }\n\n@container chatcontainer (height < 360px) {\n    .composer-container > .composers {\n      min-height: 30px;\n    }\n}\n\n.chat-buttons {\n  padding: var(--rtk-space-3, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.chat-buttons .right {\n  z-index: 10;\n}\n\n.chat-buttons .right .edit-buttons {\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.chat-buttons > div {\n  display: flex;\n  align-items: center;\n}\n\nrtk-emoji-picker {\n  z-index: 20;\n  position: absolute;\n  top: calc(var(--rtk-space-72, 288px) * -1);\n  border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n  animation: 0.3s slide-up ease;\n}\n\n@keyframes slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";
 const RtkChatComposerViewStyle0 = rtkChatComposerViewCss;
 
-var __decorate$E = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$D = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -1971,10 +1975,10 @@ const RtkChatComposerView = class {
             } }, uiProps))), index$1.h("slot", { key: '782450debcfcb1ae7effe6cc3fabc176b1a17e12', name: "chat-buttons" })))), index$1.h("div", { key: '39d9e3b86a6d6e9788d71a6e6f7928cb694e5c54', class: "right", part: "chat-buttons-right" }, !this.isEditing && (index$1.h("rtk-tooltip", { key: 'e5a182cc2ce7ca563de2e7438679119bbc0ea4e3', variant: "primary", label: this.t('chat.send_msg'), delay: 2000 }, index$1.h("rtk-button", { key: 'da1d029ad519b2bdb4c43b610372ee5cbcdb3ffd', kind: "icon", disabled: this.disableSendButton, onClick: () => this.handleSendMessage(), title: this.t('chat.send_msg') }, index$1.h("rtk-icon", { key: '608f9769aaf2689a50ae9ba616218aba4ce10370', icon: this.iconPack.send })))), this.isEditing && (index$1.h("div", { key: '7bc9c5c60f9dca00a3fabd2bb9c9ff64ba32eb66', class: "edit-buttons" }, index$1.h("rtk-tooltip", { key: 'f203cb3b1f6097c84ebe9bdce87913383d561f35', variant: "secondary", label: this.t('cancel'), delay: 2000 }, index$1.h("rtk-button", { key: '36720b4a31fa853a3e7de18442acf00bd32406c9', kind: "icon", variant: "secondary", onClick: () => this.handleEditCancel(), title: this.t('cancel') }, index$1.h("rtk-icon", { key: 'f4ed9e89f3633db7a3850539517f86ffb48fde96', icon: this.iconPack.dismiss }))), index$1.h("rtk-tooltip", { key: 'e66251c4572d124359edaffb551b3aaf3e9d52ee', variant: "primary", label: this.t('chat.update_msg'), delay: 2000 }, index$1.h("rtk-button", { key: '7f3be6fd93e61d0735ec0c5d36cec9bd65d0a164', kind: "icon", onClick: () => this.handleEditMessage(), title: this.t('chat.send_msg') }, index$1.h("rtk-icon", { key: '7b092e18376c32ac441fa57fbb758c8a452bec2f', icon: this.iconPack.checkmark }))))))))));
     }
 };
-__decorate$E([
+__decorate$D([
     index.SyncWithStore()
 ], RtkChatComposerView.prototype, "iconPack", void 0);
-__decorate$E([
+__decorate$D([
     index.SyncWithStore()
 ], RtkChatComposerView.prototype, "t", void 0);
 RtkChatComposerView.style = RtkChatComposerViewStyle0;
@@ -1982,7 +1986,7 @@ RtkChatComposerView.style = RtkChatComposerViewStyle0;
 const rtkChatMessageCss = ".message-wrapper{display:flex;gap:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-4, 16px);margin-top:var(--rtk-space-4, 16px)}[is-continued] .message-wrapper{margin-top:var(--rtk-space-0, 0px)}.message-wrapper.align-right{flex-direction:row-reverse}.file-picker{display:none}.message{position:relative;display:flex}.show-on-hover rtk-menu{visibility:hidden}.show-on-hover:hover rtk-menu{visibility:visible}.align-right .message{justify-content:flex-end;margin-left:auto}.align-right .message .head{margin-right:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);flex-direction:row-reverse;gap:var(--rtk-space-4, 16px)}.align-right .message rtk-text-message .bubble,.align-right .message rtk-image-message .bubble,.align-right .message rtk-file-message .bubble{padding-right:var(--rtk-space-5, 20px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .message .actions rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right rtk-menu{left:auto;right:var(--rtk-space-0, 0px)}.head{margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.head .name{font-size:14px;font-weight:600}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}rtk-menu{position:absolute;left:var(--rtk-space-0, 0px);top:var(--rtk-space-6, 24px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}[is-continued] rtk-menu{top:var(--rtk-space-2, 8px)}.actions{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0\\.5, 2px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.body{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.body .emoji{font-size:24px}.body.bubble{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);max-width:var(--rtk-space-96, 384px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);overflow-wrap:break-word;font-size:14px;line-height:1.375;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.body.bubble p{margin:var(--rtk-space-0, 0px);word-break:break-word}p{margin:var(--rtk-space-0, 0px)}rtk-text-message,rtk-image-message,rtk-file-message{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-0, 0px)}.image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:calc(var(--rtk-space-6, 24px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);background-color:transparent}.block-quote,blockquote{--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;border-left-color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px) !important;border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}.link{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.align-right .block-quote{border-color:rgb(var(--rtk-colors-text-on-brand-600, var(--rtk-colors-text-600, 255 255 255 / 0.52)));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.align-right .link{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .image .actions rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px}.message{width:75%}.left-align .body{margin-top:var(--rtk-space-4, 16px)}.left-align [is-continued] .body{margin-top:var(--rtk-space-0, 0px)}.left-align .body{--tw-translate-x:calc(var(--rtk-space-8, 32px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";
 const RtkChatMessageStyle0 = rtkChatMessageCss;
 
-var __decorate$D = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$C = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -2069,24 +2073,24 @@ const RtkChatMessage = class {
             } })));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '46d26d49f2f11697a5656d93278a0dfb157b13fd' }, index$1.h("div", { key: '3e3555c8d3ea45256eaf8d46dbbbe56f02e54275', class: {
+        return (index$1.h(index$1.Host, { key: '4f04ac68994dd416dd2e00828cec15bd1865ef8f' }, index$1.h("div", { key: '54cfcb68d201b3c2680b1aa26f1db7ab9330d632', class: {
                 'message-wrapper': true,
                 'align-right': this.alignRight,
                 'left-align': this.leftAlign,
-            }, "is-continued": this.isContinued }, this.renderAvatar(), index$1.h("div", { key: 'ceb96b104b12e2497d26ddf8c7d60aa928798107', class: {
+            }, "is-continued": this.isContinued }, this.renderAvatar(), index$1.h("div", { key: 'a70b19bae3c4f410c012c275f7257409c4d443be', class: {
                 message: true,
                 'show-on-hover': !this.isTouchDevice(),
             }, "is-continued": this.isContinued }, this.renderMessage(), this.renderControls()))));
     }
     get $el() { return index$1.getElement(this); }
 };
-__decorate$D([
+__decorate$C([
     index.SyncWithStore()
 ], RtkChatMessage.prototype, "size", void 0);
-__decorate$D([
+__decorate$C([
     index.SyncWithStore()
 ], RtkChatMessage.prototype, "iconPack", void 0);
-__decorate$D([
+__decorate$C([
     index.SyncWithStore()
 ], RtkChatMessage.prototype, "t", void 0);
 RtkChatMessage.style = RtkChatMessageStyle0;
@@ -2094,7 +2098,7 @@ RtkChatMessage.style = RtkChatMessageStyle0;
 const rtkChatMessagesUiCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-2, 8px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{overflow-wrap:break-word;line-height:1.5}.chat .body .emoji{font-size:24px}p{margin:var(--rtk-space-0, 0px);line-height:1.5}rtk-message-view{margin-top:var(--rtk-space-2, 8px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:var(--rtk-space-16, 64px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}";
 const RtkChatMessagesUiStyle0 = rtkChatMessagesUiCss;
 
-var __decorate$C = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$B = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -2243,7 +2247,7 @@ const RtkChatMessagesUi = class {
         var _a;
         let prevMessage = null;
         let reachedFirstUnread = false;
-        return (index$1.h(index$1.Host, { key: '01c61fd2a60ca11df413406967eb80af92d07de0' }, index$1.h("div", { key: 'b1a6ad7904236a7fdb50034f33de979faa080ef6', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, index$1.h("div", { key: '95664e4f9b8faae0c31c128abc6f54cf5bcd6acf', class: "spacer", part: "spacer" }), index$1.h("div", { key: 'e0c40200e05026bb748e608ba6abb6f02b5a701c', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
+        return (index$1.h(index$1.Host, { key: 'e727d609d8bc7a88027ec7afcd292b5b627fe6a7' }, index$1.h("div", { key: 'cb9736e926d5dd0c396933e748a5b32f8b8caf56', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, index$1.h("div", { key: '4ee9b26a26363fcbe8d4ba30b93c9ede40eb26ed', class: "spacer", part: "spacer" }), index$1.h("div", { key: 'b1b772b5066f5b5c64001fef4ecd0ea397ae3ff7', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
             if (item.type === 'chat') {
                 const { message } = item;
                 const isSelfMessage = message.userId === this.selfUserId;
@@ -2262,23 +2266,23 @@ const RtkChatMessagesUi = class {
                     } })))), message.pinned && (index$1.h("div", { class: "pin-button", part: "pin-button" }, index$1.h("rtk-tooltip", { label: this.t('unpin') }, index$1.h("rtk-button", { kind: "icon", variant: "ghost", onClick: () => this.onMessageActionHandler('pin_message', message), disabled: !this.canPinMessages }, index$1.h("rtk-icon", { icon: this.iconPack.pin, size: "sm" }))))))));
             }
             return null;
-        }))), index$1.h("div", { key: '5302c513b3f01c3de069b98881d661145a4dfc89', class: "show-new-messages-ctr" }, index$1.h("rtk-button", { key: 'dd211c6387686108aecebbfa9ddd8ddd1ba67826', class: {
+        }))), index$1.h("div", { key: 'f6904a989121d59799e092d14b090b59e2acb66b', class: "show-new-messages-ctr" }, index$1.h("rtk-button", { key: 'b5f154738cb266b7284456bebcbbd8b7ec6693e9', class: {
                 'show-new-messages': true,
                 active: this.showLatestMessageButton,
-            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, index$1.h("rtk-icon", { key: 'f272db5226ae2d12e5fa282007ba3449d9b802f3', icon: this.iconPack.chevron_down })))));
+            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, index$1.h("rtk-icon", { key: 'd7b8035eb277251dffbb2ec7cf757d6083c9fa2b', icon: this.iconPack.chevron_down })))));
     }
     static get watchers() { return {
         "messages": ["chatChanged"],
         "selectedGroup": ["selectedBucketChanged"]
     }; }
 };
-__decorate$C([
+__decorate$B([
     index.SyncWithStore()
 ], RtkChatMessagesUi.prototype, "size", void 0);
-__decorate$C([
+__decorate$B([
     index.SyncWithStore()
 ], RtkChatMessagesUi.prototype, "iconPack", void 0);
-__decorate$C([
+__decorate$B([
     index.SyncWithStore()
 ], RtkChatMessagesUi.prototype, "t", void 0);
 RtkChatMessagesUi.style = RtkChatMessagesUiStyle0;
@@ -2286,7 +2290,7 @@ RtkChatMessagesUi.style = RtkChatMessagesUiStyle0;
 const rtkChatMessagesUiPaginatedCss = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";
 const RtkChatMessagesUiPaginatedStyle0 = rtkChatMessagesUiPaginatedCss;
 
-var __decorate$B = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$A = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -2458,7 +2462,7 @@ const RtkChatMessagesUiPaginated = class {
         this.lastReadMessageIndex = -1;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '088b35f5fe196ed2b3271a0b36eef02df47f28e0' }, index$1.h("rtk-paginated-list", { key: 'a856bde7e481f78b081dcd20351d872a6dd687fa', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, index$1.h("slot", { key: 'a4c15d852264ca50ae784a8b26b052585b0acac8' }))));
+        return (index$1.h(index$1.Host, { key: 'ab3da087eddff60e803af97f66b05dbb51a3957f' }, index$1.h("rtk-paginated-list", { key: 'd22d325b961625596c529a9c6fb8e086f6e24e00', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, index$1.h("slot", { key: '9bcd54c7f8e1e97c8e876e9c06435fa6bbe27fae' }))));
     }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -2466,16 +2470,16 @@ const RtkChatMessagesUiPaginated = class {
         "selectedChannelId": ["channelChanged"]
     }; }
 };
-__decorate$B([
+__decorate$A([
     index.SyncWithStore()
 ], RtkChatMessagesUiPaginated.prototype, "meeting", void 0);
-__decorate$B([
+__decorate$A([
     index.SyncWithStore()
 ], RtkChatMessagesUiPaginated.prototype, "size", void 0);
-__decorate$B([
+__decorate$A([
     index.SyncWithStore()
 ], RtkChatMessagesUiPaginated.prototype, "iconPack", void 0);
-__decorate$B([
+__decorate$A([
     index.SyncWithStore()
 ], RtkChatMessagesUiPaginated.prototype, "t", void 0);
 RtkChatMessagesUiPaginated.style = RtkChatMessagesUiPaginatedStyle0;
@@ -2483,7 +2487,7 @@ RtkChatMessagesUiPaginated.style = RtkChatMessagesUiPaginatedStyle0;
 const rtkChatSearchResultsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;flex-direction:column;position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}";
 const RtkChatSearchResultsStyle0 = rtkChatSearchResultsCss;
 
-var __decorate$A = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$z = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -2514,16 +2518,16 @@ const RtkChatSearchResults = class {
         };
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f94f965504c412fd2a33fd9f50a8baaedd05f3ab' }, index$1.h("rtk-paginated-list", { key: '6e21d19a60937f67733162a2f2fcdae290c5991f', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
+        return (index$1.h(index$1.Host, { key: 'f9dc934ec73372295dde976d216dc1f8ffb6f11e' }, index$1.h("rtk-paginated-list", { key: '4bdb8438495075558df2ee013a58dbbd56e3f274', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
     }
 };
-__decorate$A([
+__decorate$z([
     index.SyncWithStore()
 ], RtkChatSearchResults.prototype, "meeting", void 0);
-__decorate$A([
+__decorate$z([
     index.SyncWithStore()
 ], RtkChatSearchResults.prototype, "iconPack", void 0);
-__decorate$A([
+__decorate$z([
     index.SyncWithStore()
 ], RtkChatSearchResults.prototype, "t", void 0);
 RtkChatSearchResults.style = RtkChatSearchResultsStyle0;
@@ -2531,7 +2535,7 @@ RtkChatSearchResults.style = RtkChatSearchResultsStyle0;
 const rtkConfirmationModalCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-8, 32px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));width:400px;max-width:80%}.leave-modal{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px)}.leave-modal .content{font-size:14px}.leave-modal p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px)}.leave-meeting{display:flex;flex-direction:row;justify-content:space-between;gap:var(--rtk-space-4, 16px)}.leave-meeting rtk-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));flex:1 1 0%}.br-secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";
 const RtkConfirmationModalStyle0 = rtkConfirmationModalCss;
 
-var __decorate$z = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$y = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -2575,19 +2579,19 @@ const RtkConfirmationModal = class {
     render() {
         var _a, _b;
         const state = this.states.activeConfirmationModal;
-        return (index$1.h(index$1.Host, { key: 'e9a8a58afa42b97d8dba92f3619b3b0b67160d04' }, index$1.h("div", { key: '5ad16431e2157600116bbdbf47c194d8a4980621', class: "leave-modal" }, index$1.h("div", { key: '9285137f1130bcc7f67183e476e5464688ccff90', class: "header" }, index$1.h("h2", { key: 'ef2144a5de17b8f1dd41f4bf765e3da17ae058e5', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && index$1.h("p", { key: '2227d4079e7df0e02b805aef57c2187c3a55e785', class: "message" }, this.t(state.content)), index$1.h("div", { key: 'd6f587b79bbf99d0e8a00f7bb65975b2eafa80ad', class: "content" }, index$1.h("div", { key: 'cdd81faaf9fa4192a2ed57f9d4d3f36e45400250', class: "leave-meeting" }, index$1.h("rtk-button", { key: 'ff9ddfccf098ea4cc956f95c22e94816e3b0561a', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), index$1.h("rtk-button", { key: 'bc680bd1d2995998e759cbb520f4b146bf6e359e', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
+        return (index$1.h(index$1.Host, { key: '22ee38d06ab212134ac17a656da1251a3dc05372' }, index$1.h("div", { key: 'ed29620d69abd3202a823de32c06d7b2fb71f828', class: "leave-modal" }, index$1.h("div", { key: '07466875c79feb312e7df26cec679e62a4fc2991', class: "header" }, index$1.h("h2", { key: '4ebc7ab0dc5c2175cb234575435a30e4d1ce7a13', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && index$1.h("p", { key: 'a9fcfa27f006dfb6ee1be60529b2c02611edc4cd', class: "message" }, this.t(state.content)), index$1.h("div", { key: '940cb8e8344bd99ba5d5266e284cc5161e666748', class: "content" }, index$1.h("div", { key: 'b8862b1db1f77121f9c2032e1f8213eeced5217d', class: "leave-meeting" }, index$1.h("rtk-button", { key: '0b4e17540009e0a465097e628904b36c54e17462', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), index$1.h("rtk-button", { key: '5f8c65ea6678c14855ece31827cb4aff714a0965', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
     }
 };
-__decorate$z([
+__decorate$y([
     index.SyncWithStore()
 ], RtkConfirmationModal.prototype, "meeting", void 0);
-__decorate$z([
+__decorate$y([
     index.SyncWithStore()
 ], RtkConfirmationModal.prototype, "states", void 0);
-__decorate$z([
+__decorate$y([
     index.SyncWithStore()
 ], RtkConfirmationModal.prototype, "iconPack", void 0);
-__decorate$z([
+__decorate$y([
     index.SyncWithStore()
 ], RtkConfirmationModal.prototype, "t", void 0);
 RtkConfirmationModal.style = RtkConfirmationModalStyle0;
@@ -2595,7 +2599,7 @@ RtkConfirmationModal.style = RtkConfirmationModalStyle0;
 const rtkCounterCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));width:-moz-fit-content;width:fit-content;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-1, 4px)}p{margin:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}input{margin:var(--rtk-space-0, 0px);width:var(--rtk-space-6, 24px);padding:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));text-align:center;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));border-radius:var(--rtk-border-radius-sm, 4px);font-size:16px;outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:var(--rtk-space-0, 0px);appearance:none;-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}";
 const RtkCounterStyle0 = rtkCounterCss;
 
-var __decorate$y = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$x = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -2632,7 +2636,7 @@ const RtkCounter = class {
         this.input = Math.max(this.minValue, parseInt(this.input) - 1).toString();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '69da144af824d130db538c62561020197f7b93fa' }, index$1.h("rtk-button", { key: 'c31072304b50d8f4eb75379ad9cf924762107425', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, index$1.h("rtk-icon", { key: 'ff4247e38e693b1a642cebb6c7dc4efc675945de', icon: this.iconPack.subtract })), index$1.h("input", { key: 'ffe5abe4110565707ec1fcd26e74fae44cf9f7a9', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
+        return (index$1.h(index$1.Host, { key: '272e7b55fbdf3b7bca96c737152319c310d1f112' }, index$1.h("rtk-button", { key: 'c9fd1fc0b3338b9428eb76f10d1d63f73292995b', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, index$1.h("rtk-icon", { key: '695097f6acef35020d3ca70f6afce1df28cebfba', icon: this.iconPack.subtract })), index$1.h("input", { key: '72fb69566bd509998bcaef9ce995ed048b0db5a8', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
                 const val = parseInt(e.target.value, 10);
                 if (isNaN(val) || val < this.minValue) {
                     this.input = this.minValue.toString();
@@ -2640,19 +2644,19 @@ const RtkCounter = class {
                 else {
                     this.input = val.toString();
                 }
-            } }), index$1.h("rtk-button", { key: '5b063c1a3698c7f8ccbd6e7fb406efe0905a260b', kind: "icon", variant: "ghost", onClick: () => this.increment() }, index$1.h("rtk-icon", { key: 'dbc1a35da59b9973eceab21fdf6fcb395942ac45', icon: this.iconPack.add }))));
+            } }), index$1.h("rtk-button", { key: '9f0eb1678344ae27fa06b179fac938cbfdbb8307', kind: "icon", variant: "ghost", onClick: () => this.increment() }, index$1.h("rtk-icon", { key: 'd895d47a9bc64aa95723970313eca8ea2503a8c1', icon: this.iconPack.add }))));
     }
     static get watchers() { return {
         "input": ["watchStateHandler"]
     }; }
 };
-__decorate$y([
+__decorate$x([
     index.SyncWithStore()
 ], RtkCounter.prototype, "size", void 0);
-__decorate$y([
+__decorate$x([
     index.SyncWithStore()
 ], RtkCounter.prototype, "iconPack", void 0);
-__decorate$y([
+__decorate$x([
     index.SyncWithStore()
 ], RtkCounter.prototype, "t", void 0);
 RtkCounter.style = RtkCounterStyle0;
@@ -2660,7 +2664,7 @@ RtkCounter.style = RtkCounterStyle0;
 const rtkDebuggerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;justify-content:space-between;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}header h3{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px)}.back-btn{border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.back-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside{box-sizing:border-box;display:flex;max-width:var(--rtk-space-56, 224px) !important;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-2, 8px)}aside button{margin-top:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);background-color:transparent;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));cursor:default;font-size:14px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px}aside button .right{display:flex;align-items:center}aside button .right rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}aside button .right rtk-icon:last-child{margin-left:var(--rtk-space-4, 16px)}aside button[type='button']{cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}aside button[type='button']:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside button[type='button']{border-right:var(--rtk-border-width-md, 2px) solid transparent}aside button.active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.active:hover{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.hidden{display:none}main{position:relative;box-sizing:border-box;display:flex;height:100%;width:100%;flex-direction:column}:host([size='sm']) aside{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));width:100% !important;max-width:100% !important;padding-left:var(--rtk-space-0, 0px)}:host([size='sm']) aside button{border-radius:var(--rtk-border-radius-none, 0)}:host([size='sm']) aside button.active{border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}:host([size='sm']) aside button.active:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) aside button.hidden{display:none}:host([size='sm']) aside.hide{display:none}aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) main{display:none;height:100%;width:100%;padding:var(--rtk-space-0, 0px)}aside button:host([size='sm']) main{display:none}:host([size='sm']) aside button:host([size='sm']) main{display:none}:host([size='sm']) main.active{display:block}:host([size='sm']) header{margin:var(--rtk-space-0, 0px);justify-content:center}:host([size='sm']) header rtk-button{position:absolute;left:var(--rtk-space-4, 16px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb:hover{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.progress-bar{height:var(--rtk-space-1, 4px);width:100%;overflow:hidden;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.progress-indicator{height:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}";
 const RtkDebuggerStyle0 = rtkDebuggerCss;
 
-var __decorate$x = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$w = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -2722,7 +2726,7 @@ const RtkDebugger = class {
         }
     }
     render() {
-        if (this.meeting == null)
+        if (!this.meeting)
             return null;
         const defaults = {
             meeting: this.meeting,
@@ -2736,19 +2740,19 @@ const RtkDebugger = class {
         return (index$1.h(index$1.Host, null, index$1.h("aside", { class: { hide: this.isMobileMainVisible }, part: "menu" }, index$1.h("header", null, index$1.h("h3", null, this.t('debugger.troubleshooting.label'))), index$1.h("button", { type: "button", class: { active: this.activeTab === 'audio' }, onClick: () => this.changeTab('audio') }, this.t('debugger.audio.label'), index$1.h("div", { class: "right" }, index$1.h("rtk-icon", { icon: this.iconPack.mic_on }), this.size === 'sm' && index$1.h("rtk-icon", { icon: this.iconPack.chevron_right }))), index$1.h("button", { type: "button", class: { active: this.activeTab === 'video' }, onClick: () => this.changeTab('video') }, this.t('debugger.video.label'), index$1.h("div", { class: "right" }, index$1.h("rtk-icon", { icon: this.iconPack.video_on }), this.size === 'sm' && index$1.h("rtk-icon", { icon: this.iconPack.chevron_right }))), index$1.h("button", { type: "button", class: { active: this.activeTab === 'screenshare' }, onClick: () => this.changeTab('screenshare') }, this.t('debugger.screenshare.label'), index$1.h("div", { class: "right" }, index$1.h("rtk-icon", { icon: this.iconPack.share_screen_start }), this.size === 'sm' && index$1.h("rtk-icon", { icon: this.iconPack.chevron_right }))), index$1.h("button", { type: "button", class: { active: this.activeTab === 'system', hidden: !showSystemsTab }, onClick: () => this.changeTab('system') }, this.t('debugger.system.label'), index$1.h("div", { class: "right" }, index$1.h("rtk-icon", { icon: this.iconPack.settings }), this.size === 'sm' && index$1.h("rtk-icon", { icon: this.iconPack.chevron_right })))), index$1.h("main", { class: { active: this.isMobileMainVisible }, part: "main-content" }, this.size === 'sm' && (index$1.h("header", null, index$1.h("rtk-button", { kind: "icon", class: "back-btn", onClick: () => (this.isMobileMainVisible = false) }, index$1.h("rtk-icon", { icon: this.iconPack.chevron_left })), index$1.h("h4", null, tab))), this.activeTab === 'audio' && index$1.h("rtk-debugger-audio", Object.assign({}, defaults)), this.activeTab === 'video' && index$1.h("rtk-debugger-video", Object.assign({}, defaults)), this.activeTab === 'screenshare' && (index$1.h("rtk-debugger-screenshare", Object.assign({}, defaults))), this.activeTab === 'system' && showSystemsTab && (index$1.h("rtk-debugger-system", Object.assign({}, defaults))))));
     }
 };
-__decorate$x([
+__decorate$w([
     index.SyncWithStore()
 ], RtkDebugger.prototype, "meeting", void 0);
-__decorate$x([
+__decorate$w([
     index.SyncWithStore()
 ], RtkDebugger.prototype, "states", void 0);
-__decorate$x([
+__decorate$w([
     index.SyncWithStore()
 ], RtkDebugger.prototype, "size", void 0);
-__decorate$x([
+__decorate$w([
     index.SyncWithStore()
 ], RtkDebugger.prototype, "iconPack", void 0);
-__decorate$x([
+__decorate$w([
     index.SyncWithStore()
 ], RtkDebugger.prototype, "t", void 0);
 RtkDebugger.style = RtkDebuggerStyle0;
@@ -2840,7 +2844,7 @@ function getBatteryChargingVerdict({ charging, dischargingTimeInSeconds, battery
 const rtkDebuggerAudioCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-audio{display:flex;flex-direction:column}";
 const RtkDebuggerAudioStyle0 = rtkDebuggerAudioCss;
 
-var __decorate$w = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -2964,19 +2968,19 @@ const RtkDebuggerAudio = class {
         "meeting": ["meetingChanged"]
     }; }
 };
-__decorate$w([
+__decorate$v([
     index.SyncWithStore()
 ], RtkDebuggerAudio.prototype, "meeting", void 0);
-__decorate$w([
+__decorate$v([
     index.SyncWithStore()
 ], RtkDebuggerAudio.prototype, "states", void 0);
-__decorate$w([
+__decorate$v([
     index.SyncWithStore()
 ], RtkDebuggerAudio.prototype, "size", void 0);
-__decorate$w([
+__decorate$v([
     index.SyncWithStore()
 ], RtkDebuggerAudio.prototype, "iconPack", void 0);
-__decorate$w([
+__decorate$v([
     index.SyncWithStore()
 ], RtkDebuggerAudio.prototype, "t", void 0);
 RtkDebuggerAudio.style = RtkDebuggerAudioStyle0;
@@ -2984,7 +2988,7 @@ RtkDebuggerAudio.style = RtkDebuggerAudioStyle0;
 const rtkDebuggerScreenshareCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}";
 const RtkDebuggerScreenshareStyle0 = rtkDebuggerScreenshareCss;
 
-var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3151,19 +3155,19 @@ const RtkDebuggerScreenShare = class {
         "meeting": ["meetingChanged"]
     }; }
 };
-__decorate$v([
+__decorate$u([
     index.SyncWithStore()
 ], RtkDebuggerScreenShare.prototype, "meeting", void 0);
-__decorate$v([
+__decorate$u([
     index.SyncWithStore()
 ], RtkDebuggerScreenShare.prototype, "states", void 0);
-__decorate$v([
+__decorate$u([
     index.SyncWithStore()
 ], RtkDebuggerScreenShare.prototype, "size", void 0);
-__decorate$v([
+__decorate$u([
     index.SyncWithStore()
 ], RtkDebuggerScreenShare.prototype, "iconPack", void 0);
-__decorate$v([
+__decorate$u([
     index.SyncWithStore()
 ], RtkDebuggerScreenShare.prototype, "t", void 0);
 RtkDebuggerScreenShare.style = RtkDebuggerScreenshareStyle0;
@@ -3171,7 +3175,7 @@ RtkDebuggerScreenShare.style = RtkDebuggerScreenshareStyle0;
 const rtkDebuggerSystemCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.battery-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.battery-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.battery-row:last-child{border-bottom:none}.battery-cell{display:flex;flex-direction:column}.battery-cell.label strong{font-size:14px}.battery-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.battery-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-video{display:flex;flex-direction:column}";
 const RtkDebuggerSystemStyle0 = rtkDebuggerSystemCss;
 
-var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3266,19 +3270,19 @@ const RtkDebuggerSystem = class {
         "meeting": ["meetingChanged"]
     }; }
 };
-__decorate$u([
+__decorate$t([
     index.SyncWithStore()
 ], RtkDebuggerSystem.prototype, "meeting", void 0);
-__decorate$u([
+__decorate$t([
     index.SyncWithStore()
 ], RtkDebuggerSystem.prototype, "states", void 0);
-__decorate$u([
+__decorate$t([
     index.SyncWithStore()
 ], RtkDebuggerSystem.prototype, "size", void 0);
-__decorate$u([
+__decorate$t([
     index.SyncWithStore()
 ], RtkDebuggerSystem.prototype, "iconPack", void 0);
-__decorate$u([
+__decorate$t([
     index.SyncWithStore()
 ], RtkDebuggerSystem.prototype, "t", void 0);
 RtkDebuggerSystem.style = RtkDebuggerSystemStyle0;
@@ -3286,7 +3290,7 @@ RtkDebuggerSystem.style = RtkDebuggerSystemStyle0;
 const rtkDebuggerVideoCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-video{display:flex;flex-direction:column}";
 const RtkDebuggerVideoStyle0 = rtkDebuggerVideoCss;
 
-var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3422,19 +3426,19 @@ const RtkDebuggerVideo = class {
         "meeting": ["meetingChanged"]
     }; }
 };
-__decorate$t([
+__decorate$s([
     index.SyncWithStore()
 ], RtkDebuggerVideo.prototype, "meeting", void 0);
-__decorate$t([
+__decorate$s([
     index.SyncWithStore()
 ], RtkDebuggerVideo.prototype, "states", void 0);
-__decorate$t([
+__decorate$s([
     index.SyncWithStore()
 ], RtkDebuggerVideo.prototype, "size", void 0);
-__decorate$t([
+__decorate$s([
     index.SyncWithStore()
 ], RtkDebuggerVideo.prototype, "iconPack", void 0);
-__decorate$t([
+__decorate$s([
     index.SyncWithStore()
 ], RtkDebuggerVideo.prototype, "t", void 0);
 RtkDebuggerVideo.style = RtkDebuggerVideoStyle0;
@@ -3442,7 +3446,7 @@ RtkDebuggerVideo.style = RtkDebuggerVideoStyle0;
 const rtkDialogCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}";
 const RtkDialogStyle0 = rtkDialogCss;
 
-var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3461,7 +3465,7 @@ const RtkDialog = class {
         /** Whether Escape key can close the modal */
         this.disableEscapeKey = false;
         /** UI Config */
-        this.config = uiStore.defaultConfig;
+        this.config = uiStore.createDefaultConfig();
         /** Icon pack */
         this.iconPack = uiStore.defaultIconPack;
         /** Language */
@@ -3506,19 +3510,22 @@ const RtkDialog = class {
             } }, index$1.h("slot", null), !this.hideCloseButton && (index$1.h("rtk-button", { part: "close-button", id: "dismiss-btn", kind: "icon", variant: "ghost", onClick: () => this.close(), type: "button", "aria-label": this.t('dialog.close'), role: "button" }, index$1.h("rtk-icon", { icon: this.iconPack.dismiss }))))));
     }
 };
-__decorate$s([
+__decorate$r([
     index.SyncWithStore()
 ], RtkDialog.prototype, "meeting", void 0);
-__decorate$s([
+__decorate$r([
+    index.SyncWithStore()
+], RtkDialog.prototype, "config", void 0);
+__decorate$r([
     index.SyncWithStore()
 ], RtkDialog.prototype, "states", void 0);
-__decorate$s([
+__decorate$r([
     index.SyncWithStore()
 ], RtkDialog.prototype, "size", void 0);
-__decorate$s([
+__decorate$r([
     index.SyncWithStore()
 ], RtkDialog.prototype, "iconPack", void 0);
-__decorate$s([
+__decorate$r([
     index.SyncWithStore()
 ], RtkDialog.prototype, "t", void 0);
 RtkDialog.style = RtkDialogStyle0;
@@ -3526,7 +3533,7 @@ RtkDialog.style = RtkDialogStyle0;
 const rtkDialogManagerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";
 const RtkDialogManagerStyle0 = rtkDialogManagerCss;
 
-var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3541,7 +3548,7 @@ const RtkDialogManager = class {
         index$1.registerInstance(this, hostRef);
         this.stateUpdate = index$1.createEvent(this, "rtkStateUpdate", 7);
         /** UI Config */
-        this.config = uiStore.defaultConfig;
+        this.config = uiStore.createDefaultConfig();
         /** Icon pack */
         this.iconPack = uiStore.defaultIconPack;
         /** Language */
@@ -3583,6 +3590,9 @@ const RtkDialogManager = class {
     }
     render() {
         var _a, _b, _c, _d;
+        if (!this.meeting) {
+            return;
+        }
         const defaults = {
             meeting: this.meeting,
             states: this.states,
@@ -3653,19 +3663,22 @@ const RtkDialogManager = class {
         "meeting": ["meetingChanged"]
     }; }
 };
-__decorate$r([
+__decorate$q([
     index.SyncWithStore()
 ], RtkDialogManager.prototype, "meeting", void 0);
-__decorate$r([
+__decorate$q([
+    index.SyncWithStore()
+], RtkDialogManager.prototype, "config", void 0);
+__decorate$q([
     index.SyncWithStore()
 ], RtkDialogManager.prototype, "states", void 0);
-__decorate$r([
+__decorate$q([
     index.SyncWithStore()
 ], RtkDialogManager.prototype, "size", void 0);
-__decorate$r([
+__decorate$q([
     index.SyncWithStore()
 ], RtkDialogManager.prototype, "iconPack", void 0);
-__decorate$r([
+__decorate$q([
     index.SyncWithStore()
 ], RtkDialogManager.prototype, "t", void 0);
 RtkDialogManager.style = RtkDialogManagerStyle0;
@@ -3673,7 +3686,7 @@ RtkDialogManager.style = RtkDialogManagerStyle0;
 const rtkDraftAttachmentViewCss = ":host{display:flex;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px)}.preview-overlay{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);background-color:inherit}.preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.preview:hover rtk-tooltip{display:block}.preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}";
 const RtkDraftAttachmentViewStyle0 = rtkDraftAttachmentViewCss;
 
-var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3724,16 +3737,16 @@ const RtkDraftAttachmentView = class {
         this.onAttachmentChange();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'bf052df6f3c49b6a52b3002a8ed92bae6cbd7b06' }, index$1.h("div", { key: '786126525fd361e17ec716615da402f11b5f5d1d', class: "preview-overlay" }, index$1.h("div", { key: '1d89de4184961ebc4c8822aa016394706d37b2ba', class: "preview" }, index$1.h("rtk-tooltip", { key: '87177c3ff98e59097c02bfcc397c13b68952199c', label: this.t('chat.cancel_upload') }, index$1.h("rtk-button", { key: 'f2a2ce338be78a7572c6a819ee5a75a9521f73b0', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, index$1.h("rtk-icon", { key: '12b0d383efb984307eba05ccdb783a8bd9c2d636', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (index$1.h("img", { class: "preview-image", src: this.filePreview })) : (index$1.h("div", { class: "preview-file" }, index$1.h("span", null, this.filePreview)))))));
+        return (index$1.h(index$1.Host, { key: 'f6ede093bcdf8100807baab4de2a296fc4960a07' }, index$1.h("div", { key: 'b19bbe9b2ea58ea4adccc2028a1b24ea6bc9f0a9', class: "preview-overlay" }, index$1.h("div", { key: 'cbb2bfcb3a50e6e7fbfd4109eb340ba51d6a162d', class: "preview" }, index$1.h("rtk-tooltip", { key: '15b50c547470b0fa22014e0992a1c7e26b234573', label: this.t('chat.cancel_upload') }, index$1.h("rtk-button", { key: '940332a51747af3368ffec497d5ef76fa64ecf75', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, index$1.h("rtk-icon", { key: 'cc04b0ac70753e970ff638f187ad5f702dc3656b', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (index$1.h("img", { class: "preview-image", src: this.filePreview })) : (index$1.h("div", { class: "preview-file" }, index$1.h("span", null, this.filePreview)))))));
     }
     static get watchers() { return {
         "attachment": ["onAttachmentChange"]
     }; }
 };
-__decorate$q([
+__decorate$p([
     index.SyncWithStore()
 ], RtkDraftAttachmentView.prototype, "iconPack", void 0);
-__decorate$q([
+__decorate$p([
     index.SyncWithStore()
 ], RtkDraftAttachmentView.prototype, "t", void 0);
 RtkDraftAttachmentView.style = RtkDraftAttachmentViewStyle0;
@@ -3755,7 +3768,7 @@ const fetchEmojis = async () => {
 const rtkEmojiPickerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{width:100%}.emoji-parent{box-sizing:border-box;display:inline-flex;height:var(--rtk-space-64, 256px);width:100%;max-width:640px;flex-direction:column;padding:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-0, 0px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.close-parent{display:flex;flex:1 1 0%;justify-content:flex-end;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#emoji-grid{margin-top:var(--rtk-space-2, 8px);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:scroll;height:100%;grid-auto-rows:minmax(min-content, max-content)}#loader{display:flex;height:100%;width:100%;align-items:center;justify-content:center}input{display:block;height:var(--rtk-space-8, 32px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:14px;border-width:var(--rtk-border-width-none, 0);border-style:solid;border-style:none;border-color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}input::-moz-placeholder{color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}input::placeholder{color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}input{border-radius:var(--rtk-border-radius-sm, 4px);outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-ring-opacity));--tw-ring-opacity:0.3}.emoji{height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px);font-size:20px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkEmojiPickerStyle0 = rtkEmojiPickerCss;
 
-var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3809,13 +3822,13 @@ const RtkEmojiPicker = class {
         return (index$1.h("div", { id: "emoji-grid", class: "scrollbar max-w-40" }, this.filteredEmojis.map((e) => (index$1.h("rtk-button", { key: `emoji-button-${e.name}`, class: "emoji", variant: "ghost", kind: "icon", title: e.name, onClick: () => this.handleEmojiClick(e.emoji) }, e.emoji)))));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '989c0508bb88941926f29091895707e7b4a3e139' }, index$1.h("div", { key: '83a90c6b73ca11fb6e864a59362d15bf83391d20', class: 'close-parent' }, index$1.h("rtk-button", { key: '446a4c1a343eb11032b9ea2bf5b4cd5bef6f7f1b', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, index$1.h("rtk-icon", { key: 'cacfe97be0590e840d332fc9197bb473fef22d9f', icon: this.iconPack.dismiss }))), index$1.h("div", { key: '461a263d19a60547aff16689d3c6f4f31aea8a3a', class: 'emoji-parent' }, index$1.h("input", { key: 'c9a111769b48d5ff12ac48d8c172a8d3f371df2c', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
+        return (index$1.h(index$1.Host, { key: '6581d26d75a7b869d0ba00243ec74ee06b927e7d' }, index$1.h("div", { key: '3705d8c557ac3e05769171998e9176e7e40a232c', class: 'close-parent' }, index$1.h("rtk-button", { key: 'b437e579cb828a709de255ddfa6b751e4bdfbe51', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, index$1.h("rtk-icon", { key: '7fac79a21c6be57156d17ceeff9ceb2834bbf709', icon: this.iconPack.dismiss }))), index$1.h("div", { key: '46cb2af6654ef36b7258baf47e3cd9e5bd60bf89', class: 'emoji-parent' }, index$1.h("input", { key: 'cfde33638d531f9bac1b1bf25d966a369f4dfb38', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
     }
 };
-__decorate$p([
+__decorate$o([
     index.SyncWithStore()
 ], RtkEmojiPicker.prototype, "iconPack", void 0);
-__decorate$p([
+__decorate$o([
     index.SyncWithStore()
 ], RtkEmojiPicker.prototype, "t", void 0);
 RtkEmojiPicker.style = RtkEmojiPickerStyle0;
@@ -3823,7 +3836,7 @@ RtkEmojiPicker.style = RtkEmojiPickerStyle0;
 const rtkEmojiPickerButtonCss = ":host{}";
 const RtkEmojiPickerButtonStyle0 = rtkEmojiPickerButtonCss;
 
-var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3842,18 +3855,18 @@ const RtkEmojiPickerButton = class {
         this.t = uiStore.useLanguage();
     }
     render() {
-        return (index$1.h("rtk-tooltip", { key: '5edf35e2100be583f2be4feadaa3b3149f9c8962', label: this.t('chat.send_emoji') }, index$1.h("rtk-button", { key: '00bfc269a700ab10955a627095aac31b64d8a28e', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, index$1.h("rtk-icon", { key: '47bd54c1593f7f5ea04eb96ccbca07ea3c22e511', icon: this.iconPack.emoji_multiple }))));
+        return (index$1.h("rtk-tooltip", { key: '45ef1f18da6d1ecc3c02882590cd22e930461562', label: this.t('chat.send_emoji') }, index$1.h("rtk-button", { key: '6504abab2f1c6537443699c53a8cbdcf13530cba', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, index$1.h("rtk-icon", { key: 'd730c81abce72d9c3226f1f666941e1136bee77f', icon: this.iconPack.emoji_multiple }))));
     }
 };
-__decorate$o([
+__decorate$n([
     index.SyncWithStore()
 ], RtkEmojiPickerButton.prototype, "iconPack", void 0);
-__decorate$o([
+__decorate$n([
     index.SyncWithStore()
 ], RtkEmojiPickerButton.prototype, "t", void 0);
 RtkEmojiPickerButton.style = RtkEmojiPickerButtonStyle0;
 
-var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3879,23 +3892,23 @@ const RtkFileMessage = class {
     }
     render() {
         const link = string.sanitizeLink(this.message.link);
-        return (index$1.h(index$1.Host, { key: '25ff2cd29b951ffee9fb266ec4937258db527ef4' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '50dc45f56ac2837215619c597f557c0e71e5fd85', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '5b300ea679f835b6d7421568dde80aa38cbbc821', class: {
+        return (index$1.h(index$1.Host, { key: '7c75a7c9e627cddd7beeeadf11473894371395d8' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: 'c05c95453e3f878767770c6a261ebb90e2a06e7d', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '69b824cc5d3d328a3b08cc4def693d86bd96a39b', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: '895f033df99c8d9dfc1241bbaf5f20137b905395', class: "file" }, index$1.h("div", { key: '345bd0370a81c50c1ef46fa7119fa321213ad741', class: "file-data" }, index$1.h("div", { key: 'fb30c6c130af584d2f4294029c4304e213ddd339', class: "name" }, this.message.name), index$1.h("div", { key: 'd0de234e1697b196fe248bbfbad18109b59c20df', class: "file-data-split" }, index$1.h("div", { key: '635343bd7dbcbfeea1a7534c943be355decf20c4', class: "ext" }, file.getExtension(this.message.name)), index$1.h("span", { key: 'bd7772e273ae55297c99d8564cfa44e6dd1b43d0', class: "divider" }), index$1.h("div", { key: 'd6df3a4fca8932d3bcdeb805ef7b3bed1c3e8c15', class: "size" }, file.getFileSize(this.message.size)))), index$1.h("rtk-button", { key: '4b4d9be6f228e5deda5590f2aa6038b3501623d7', variant: "secondary", kind: "icon", onClick: () => file.downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, index$1.h("rtk-icon", { key: '187e0b8f903bd7cd8b5f9e25ef2d6841299fe87f', icon: this.iconPack.download }))))));
+            }, part: "body" }, index$1.h("div", { key: '86315ca5ed3c9b9f48d84ffef9f52ebbd1d3515e', class: "file" }, index$1.h("div", { key: '3475ccfa9c266adb6fefefa1eadcc3d8b1fe37f1', class: "file-data" }, index$1.h("div", { key: 'e99e1b1c6acd5b7892d9916680cde1d937dfcb82', class: "name" }, this.message.name), index$1.h("div", { key: '4f213fd3a36d457da93e75b7b51573120978893c', class: "file-data-split" }, index$1.h("div", { key: '3484e59af9f316eabfcf9bc35f015a0d3b7d286d', class: "ext" }, file.getExtension(this.message.name)), index$1.h("span", { key: 'b223670e2ed2bbc84b1145123fe14ca52f5f0a88', class: "divider" }), index$1.h("div", { key: 'ebe6b5e3f8e6da099438a7015a3c2d10770808b6', class: "size" }, file.getFileSize(this.message.size)))), index$1.h("rtk-button", { key: '5a109a7b43db38b10e9d084f9fb141e5a0535d9b', variant: "secondary", kind: "icon", onClick: () => file.downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, index$1.h("rtk-icon", { key: '57aaf2b09f11a066c298d675a06ec10202e18fc8', icon: this.iconPack.download }))))));
     }
 };
-__decorate$n([
+__decorate$m([
     index.SyncWithStore()
 ], RtkFileMessage.prototype, "iconPack", void 0);
-__decorate$n([
+__decorate$m([
     index.SyncWithStore()
 ], RtkFileMessage.prototype, "t", void 0);
 
 const rtkFileMessageViewCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{margin-left:var(--rtk-space-1, 4px);flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}";
 const RtkFileMessageViewStyle0 = rtkFileMessageViewCss;
 
-var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3912,10 +3925,10 @@ const RtkFileMessageView = class {
         this.iconPack = uiStore.defaultIconPack;
     }
     render() {
-        return (index$1.h("div", { key: '7bc636599452b840ae0a5467fcf579a883a98727', class: "file" }, index$1.h("rtk-button", { key: '98bfff6ca8aa598d296ff1f3b39994f8b839572c', variant: "secondary", kind: "icon", onClick: () => file.downloadFile(string.sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, index$1.h("rtk-icon", { key: '26b9fe1b7e884ffa993e988eb94e18351eec8c25', icon: this.iconPack.download })), index$1.h("div", { key: 'c3d045925ef1a13039c44624930b96cd326d769f', class: "file-data" }, index$1.h("div", { key: '619e9cd8f72f342e31c334586e44813e2d3216ba', class: "name" }, this.name), index$1.h("div", { key: '71b788c2a10c8a7290da1f77d82c6b6e66746223', class: "file-data-split" }, index$1.h("div", { key: '550720228247cdaf766a84938df720bf95249bf5', class: "ext" }, file.getExtension(this.name)), index$1.h("span", { key: '2bb1940a95e5e06ec8a064a775ea2257ff80fcc7', class: "divider" }), index$1.h("div", { key: 'e5451bcd50b3e05d90b149a98b7c328711025827', class: "size" }, file.getFileSize(this.size))))));
+        return (index$1.h("div", { key: '5cc29b4780f581a2f8b045e5051bcc66f3fdaf55', class: "file" }, index$1.h("rtk-button", { key: '4100b47bc1d72f08ec5fe645291bfbb58e3a6486', variant: "secondary", kind: "icon", onClick: () => file.downloadFile(string.sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, index$1.h("rtk-icon", { key: '52ae14abb7c27b89861d5ba4c907d606257628c9', icon: this.iconPack.download })), index$1.h("div", { key: '02c9ad8d173172a85cc474273a966607d456360e', class: "file-data" }, index$1.h("div", { key: '6ceca21685d04f175006ba35a6de194cc98879ad', class: "name" }, this.name), index$1.h("div", { key: 'b07d07bcaedee3fd6fbcfe81ce2f6bf757655b5f', class: "file-data-split" }, index$1.h("div", { key: '280635ef486de02bc68ca3e774be14fa5a461d1c', class: "ext" }, file.getExtension(this.name)), index$1.h("span", { key: '84f72d8b37b7d15c257faed036b76c737eec780b', class: "divider" }), index$1.h("div", { key: '1b88f48f51afe3fceb57920c3d17f586e848a25f', class: "size" }, file.getFileSize(this.size))))));
     }
 };
-__decorate$m([
+__decorate$l([
     index.SyncWithStore()
 ], RtkFileMessageView.prototype, "iconPack", void 0);
 RtkFileMessageView.style = RtkFileMessageViewStyle0;
@@ -3923,7 +3936,7 @@ RtkFileMessageView.style = RtkFileMessageViewStyle0;
 const rtkFilePickerButtonCss = ":host{}";
 const RtkFilePickerButtonStyle0 = rtkFilePickerButtonCss;
 
-var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -3968,13 +3981,13 @@ const RtkFilePickerButton = class {
     render() {
         const label = this.label || this.t('chat.send_file');
         const icon = this.iconPack[this.icon];
-        return (index$1.h("rtk-tooltip", { key: 'ea570679bd495c1230a563d08496211e57645797', label: label }, index$1.h("rtk-button", { key: '894429d9abc652daf0d897fe3757b3a81dc06da2', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, index$1.h("rtk-icon", { key: '12f9e9a114accb42178da6663f85cac8a3cf70e2', icon: icon }))));
+        return (index$1.h("rtk-tooltip", { key: '057a0a5a714dbbde228e3481e53adea4f88fb3ad', label: label }, index$1.h("rtk-button", { key: '04193df1053b14687fb9464a122b9158707bdda1', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, index$1.h("rtk-icon", { key: 'ed2fce30b93dfce9dd6b967d5993c93496cf3388', icon: icon }))));
     }
 };
-__decorate$l([
+__decorate$k([
     index.SyncWithStore()
 ], RtkFilePickerButton.prototype, "iconPack", void 0);
-__decorate$l([
+__decorate$k([
     index.SyncWithStore()
 ], RtkFilePickerButton.prototype, "t", void 0);
 RtkFilePickerButton.style = RtkFilePickerButtonStyle0;
@@ -3982,7 +3995,7 @@ RtkFilePickerButton.style = RtkFilePickerButtonStyle0;
 const rtkIconCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;height:var(--rtk-space-10, 40px);outline:2px solid transparent;outline-offset:2px}:host .icon-wrapper{display:flex;height:100%;width:100%;flex-direction:column;align-items:center}:host svg{height:100%;width:100%;outline:2px solid transparent;outline-offset:2px}:host([size='xl']){box-sizing:border-box;display:block;height:var(--rtk-space-16, 64px) !important;width:var(--rtk-space-16, 64px) !important;--rtk-spinner-color:currentColor}:host([size='md']){box-sizing:border-box;display:block;height:var(--rtk-space-6, 24px) !important;width:var(--rtk-space-6, 24px) !important;--rtk-spinner-color:currentColor}:host([size='sm']){box-sizing:border-box;display:block;height:var(--rtk-space-4, 16px) !important;width:var(--rtk-space-4, 16px) !important;--rtk-spinner-color:currentColor}:host([variant='secondary']) .icon-wrapper{--tw-text-opacity:1;color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-text-opacity))}:host([variant='danger']) .icon-wrapper{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkIconStyle0 = rtkIconCss;
 
-var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -4012,7 +4025,7 @@ const RtkIcon = class {
         return (index$1.h(index$1.Host, { key: 'cc3de7d3c31d52bdc3c38891920f0f8b08c6fd2f' }, index$1.h("div", { key: 'e5a1487a5eb1e37272190a61300db415f12e8189', class: "icon-wrapper", innerHTML: parseIcon(this.icon), part: "wrapper" })));
     }
 };
-__decorate$k([
+__decorate$j([
     index.SyncWithStore()
 ], RtkIcon.prototype, "size", void 0);
 RtkIcon.style = RtkIconStyle0;
@@ -4020,7 +4033,7 @@ RtkIcon.style = RtkIconStyle0;
 const rtkImageMessageCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}";
 const RtkImageMessageStyle0 = rtkImageMessageCss;
 
-var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -4047,10 +4060,10 @@ const RtkImageMessage = class {
         this.status = 'loading';
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '60b7d1f3569a3bd335b7db047ef5f5a7b8fa518c' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: 'e897d7239be3ba0a2594f5c6285cc5a5fd553375', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: 'f99332c642a51af6d4ab20eff1654826479b420b', class: {
+        return (index$1.h(index$1.Host, { key: 'd041223e2bcae326044ca2151b44d715b2490fa6' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '35bdbb35d3bdb4c595f8185cd81327c86cd0524a', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '44084f1be980d115f66caa8e82e97fcfb50e9827', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: '667e081aff8edd5792cc2b0fac09d83d6520d6a7', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: 'f079a0f75038bdf6a83e450bfdb68ab84d6f1663', src: string.sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, index$1.h("div", { key: 'ae0e85f9d657025e71a2ecfe27b828717d52c7f1', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: 'b28173a53512ec4ba0bb239441453f5d081eb504', src: string.sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -4058,15 +4071,15 @@ const RtkImageMessage = class {
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (index$1.h("div", { key: '00968152adade14971180db8df90553a17aaaaa8', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '0e236fd24f70e5dfbd5528d1198c9ecf7f2f4888', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: '8cd94804cb58c23c9c4636e7d8e14e3121b3e169', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: '625d50f65dfbd6af0f2061d96b5332452b060a12', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: '4a5105c9deef32a5526d5adf8f6075230a09a90f', class: "actions" }, index$1.h("rtk-button", { key: 'f8519c23a87d30909451ceaf9c874b6b5258f4cb', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (index$1.h("div", { key: '408010e071e11a36613713759c4cfa6479f384b7', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '8b30e18bec4dfbbcd088d6e3c1e2f62b69d02123', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: '19db09c9ad48452d2b13f186bba8d637ef6bde3c', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: '6affdcac8b7f639a44012f003d27b5095b0d923c', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: 'c81093571c1d33bc3f1a9755c5e4150108571506', class: "actions" }, index$1.h("rtk-button", { key: '075a5832d89c4ae5c89b994e1b35649984174c32', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, index$1.h("rtk-icon", { key: '3b8e52922b59e9f75f8a25bc9605f4d044b7981c', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: 'dc2703a02f091383498eaddfdcdf148e93471a88', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.message.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '1d9c9406e7937c64c93d77d685e86c3d1def4ec1', icon: this.iconPack.download }))))))));
+            } }, index$1.h("rtk-icon", { key: 'b00d1497ae3db0adc34add3e6cfc8537be04a581', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: '9421be2f6b98623a3aebe4c3809a939f44660105', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.message.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '1623fc6cf182cb5df03ab7bb4cd858941a7f216e', icon: this.iconPack.download }))))))));
     }
 };
-__decorate$j([
+__decorate$i([
     index.SyncWithStore()
 ], RtkImageMessage.prototype, "iconPack", void 0);
-__decorate$j([
+__decorate$i([
     index.SyncWithStore()
 ], RtkImageMessage.prototype, "t", void 0);
 RtkImageMessage.style = RtkImageMessageStyle0;
@@ -4074,7 +4087,7 @@ RtkImageMessage.style = RtkImageMessageStyle0;
 const rtkImageMessageViewCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}.image{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}";
 const RtkImageMessageViewStyle0 = rtkImageMessageViewCss;
 
-var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -4095,7 +4108,7 @@ const RtkImageMessageView = class {
         this.status = 'loading';
     }
     render() {
-        return (index$1.h("div", { key: '9d7c32348bb52dc60533d9d99cfbd4099d89fad0', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: '1c66e60f69842cc1c372545759201ae8e70cbfe8', src: string.sanitizeLink(this.url), onLoad: () => {
+        return (index$1.h("div", { key: '066606e6ae62634b2466bb46b453e0c2d91b17ea', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: 'f042e5d3c1a6341e9fc0845e6643016f1be5b5f7', src: string.sanitizeLink(this.url), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -4103,15 +4116,15 @@ const RtkImageMessageView = class {
                 if (this.status === 'loaded') {
                     this.onPreview.emit(this.url);
                 }
-            } }), this.status === 'loading' && (index$1.h("div", { key: 'ee5cce91357ec2974c691ea95faacc78db9fa796', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '3c9236319042a7b9c5ff45dd196b4e14c38a7b0a', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: 'a176782a3ea63795ed154d8bf4cc3342cb20cd32', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: '4d4275e21b280a3b981634a8da7b2d752a620be1', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: 'ca5468642912ad5407e3b828083b6e3f232b42e5', class: "actions" }, index$1.h("rtk-button", { key: '3b8a485a435023cb9819d98541cd9b1f40a96911', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (index$1.h("div", { key: 'd4a5030468fbf70afae62bd55ae4d0fa989e15c2', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '216aba361a46cc100e7d26cc2daf1ffb0948d695', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: '01f5da8f70872c9fa22dc9a9b70b046b0001d05b', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: '0f7e6fed2730f6366d07fc6afddb2b247e9b7d3a', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: '5ac0e61c65a88a8d6b9ee54c900b856854d1b84b', class: "actions" }, index$1.h("rtk-button", { key: 'fd83dfecd7b5d9c3976374c3c55731b1f026fc0a', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.onPreview.emit(this.url);
-            } }, index$1.h("rtk-icon", { key: '31e7ff096ca3e1db148f2808ad79aa79f56fa91e', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: 'a1de648d80f8ac6d4d2197f0148e9708123434f3', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.url, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '4a06af4520a81fce102397907b66202a18f0c191', icon: this.iconPack.download }))))));
+            } }, index$1.h("rtk-icon", { key: '3ca7384fa28e6716345acacf9225ae9471ff8d63', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: '198787808c389e4df48d3609a53c2d27cf2e7fb3', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.url, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: 'f38fe3da48d1fc854001c719164c95f0673808c5', icon: this.iconPack.download }))))));
     }
 };
-__decorate$i([
+__decorate$h([
     index.SyncWithStore()
 ], RtkImageMessageView.prototype, "iconPack", void 0);
-__decorate$i([
+__decorate$h([
     index.SyncWithStore()
 ], RtkImageMessageView.prototype, "t", void 0);
 RtkImageMessageView.style = RtkImageMessageViewStyle0;
@@ -4119,7 +4132,7 @@ RtkImageMessageView.style = RtkImageMessageViewStyle0;
 const rtkJoinStageCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}:host::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host(.stage){box-sizing:border-box;display:block;width:512px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-6, 24px);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:auto;border-radius:var(--rtk-border-radius-md, 8px);line-height:1.25}:host(.stage) rtk-participant-setup{display:flex;flex:1 1 0%;align-items:center;justify-content:space-around;margin-left:auto;margin-right:auto}:host(.stage) .container rtk-button{flex-grow:1;padding:var(--rtk-space-1, 4px);width:50%}:host(.stage) .container rtk-button:nth-child(1){margin-right:var(--rtk-space-1\\.5, 6px)}:host(.stage) .container rtk-button:nth-child(2){margin-left:var(--rtk-space-1\\.5, 6px)}:host(.stage) h2{font-size:24px;font-weight:500;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host(.stage) header{padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host(.stage) .summary{padding:var(--rtk-space-4, 16px)}.deny-access{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.container{width:100%;max-width:1080px;display:flex;flex:1 1 0%;align-items:center;justify-content:space-around}header{display:flex;align-items:center;justify-content:space-between}";
 const RtkJoinStageStyle0 = rtkJoinStageCss;
 
-var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -4136,7 +4149,7 @@ const RtkJoinStage = class {
         this.joinStage = index$1.createEvent(this, "rtkJoinStage", 7);
         this.leaveStage = index$1.createEvent(this, "rtkLeaveStage", 7);
         /** UI Config */
-        this.config = uiStore.defaultConfig;
+        this.config = uiStore.createDefaultConfig();
         /** Icon pack */
         this.iconPack = uiStore.defaultIconPack;
         /** Language */
@@ -4162,7 +4175,7 @@ const RtkJoinStage = class {
             iconPack: this.iconPack,
             t: this.t,
         };
-        return (index$1.h(index$1.Host, { key: '5adc039e20d21d089d3b34bb67d046387c46db06', class: { stage: true } }, index$1.h("header", { key: '43d3a4d1f004ae347fa8297b808ee9318b6a6a91' }, index$1.h("h2", { key: 'bdd9070ea15b136717ae060f86b46a32adbfcc99' }, this.dataConfig.title)), index$1.h(index$2.Render, { key: '7def3aec36f8616d88f41be6e503b033c98623ad', element: "rtk-participant-setup", defaults: defaults, props: { participant: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self, size: 'md' }, childProps: { participant: (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self, size: 'md' }, deepProps: true }), index$1.h("div", { key: 'b464fd360e42c6201f6e2cbed7107c4410648a7e', class: "summary" }, this.dataConfig.description), index$1.h("div", { key: '760a61c9d4b8284408a56818bd0d715d05bee9e6', class: "container" }, index$1.h("rtk-button", { key: '4b23c3a442fed701f66f600a1bbd1633c4036ae2', variant: "secondary", onClick: () => this.leaveStage.emit(), title: this.dataConfig.label.reject }, this.dataConfig.label.reject), index$1.h("rtk-button", { key: '8f7745aba52c737a57c2158ae23eb17f32d7b56e', onClick: () => {
+        return (index$1.h(index$1.Host, { key: 'ee254941b89cdcfbe322d8e913ca3dd2790d1ea6', class: { stage: true } }, index$1.h("header", { key: 'be0b1d01f1130eb94e5359a72dc95d9ce686e31d' }, index$1.h("h2", { key: 'aadacf690b450d5be0f2c86e029882e4345a5f52' }, this.dataConfig.title)), index$1.h(index$2.Render, { key: 'ea1f369c29e31d4c60e8dfe1f324a9d58866904b', element: "rtk-participant-setup", defaults: defaults, props: { participant: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self, size: 'md' }, childProps: { participant: (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self, size: 'md' }, deepProps: true }), index$1.h("div", { key: 'dc4258092491548d8434be632a3b0e0c18b8b161', class: "summary" }, this.dataConfig.description), index$1.h("div", { key: '83d272287d60dc1a18cdac4baf2d0aa88ed5360c', class: "container" }, index$1.h("rtk-button", { key: 'c6eadb7cbf2b933e702e9f5fdd34ef88d0b01147', variant: "secondary", onClick: () => this.leaveStage.emit(), title: this.dataConfig.label.reject }, this.dataConfig.label.reject), index$1.h("rtk-button", { key: 'e1c685560706b75b9f9118c18d82b4148c1bb32a', onClick: () => {
                 if (this.isLoading)
                     return;
                 this.isLoading = true;
@@ -4170,19 +4183,22 @@ const RtkJoinStage = class {
             }, title: this.dataConfig.label.accept }, this.isLoading ? (index$1.h("rtk-icon", { icon: this.iconPack.spinner })) : (this.dataConfig.label.accept)))));
     }
 };
-__decorate$h([
+__decorate$g([
     index.SyncWithStore()
 ], RtkJoinStage.prototype, "meeting", void 0);
-__decorate$h([
+__decorate$g([
+    index.SyncWithStore()
+], RtkJoinStage.prototype, "config", void 0);
+__decorate$g([
     index.SyncWithStore()
 ], RtkJoinStage.prototype, "states", void 0);
-__decorate$h([
+__decorate$g([
     index.SyncWithStore()
 ], RtkJoinStage.prototype, "size", void 0);
-__decorate$h([
+__decorate$g([
     index.SyncWithStore()
 ], RtkJoinStage.prototype, "iconPack", void 0);
-__decorate$h([
+__decorate$g([
     index.SyncWithStore()
 ], RtkJoinStage.prototype, "t", void 0);
 RtkJoinStage.style = RtkJoinStageStyle0;
@@ -4190,7 +4206,7 @@ RtkJoinStage.style = RtkJoinStageStyle0;
 const rtkLeaveMeetingCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.leave-modal{width:var(--rtk-space-72, 288px)}@media (min-width: 768px){.leave-modal{width:var(--rtk-space-96, 384px)}}.leave-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding:var(--rtk-space-8, 32px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.leave-modal .message{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.leave-modal .content{margin-top:var(--rtk-space-4, 16px);font-size:14px;display:flex;flex-wrap:wrap;gap:var(--rtk-space-4, 16px)}.leave-modal .content rtk-button{height:var(--rtk-space-9, 36px);min-width:var(--rtk-space-44, 176px);flex-grow:1}.leave-modal .content .secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.leave-modal .content .secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.leave-modal .content .secondary-danger-btn{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkLeaveMeetingStyle0 = rtkLeaveMeetingCss;
 
-var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -4261,24 +4277,24 @@ const RtkLeaveMeeting = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd6e7a2eba47854f5f3da4008137081383769d159' }, index$1.h("div", { key: 'afffb6ce1dd2b38dd3cf2731723dbd0c8e68e046', class: "leave-modal" }, index$1.h("div", { key: 'f60a1660e94307fdf36e5e52a513648adc741aa5', class: "header" }, index$1.h("h2", { key: '5e80bd3031ed95929d6560e79e5edfcca607b169', class: "title" }, this.t('leave'))), index$1.h("p", { key: 'adfd75ca8e0408f90687f39de5de3b237378deb0', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        return (index$1.h(index$1.Host, { key: '55991a2b1b60bb963ee7dfb10fbea5d5bc63c186' }, index$1.h("div", { key: 'bc50b5a89ff7ee5348aadbba4fe8f709fa35bee9', class: "leave-modal" }, index$1.h("div", { key: '7a19d21b272222e7cf83bbb6dbd8bb4284ea9d29', class: "header" }, index$1.h("h2", { key: '935e06a35f3669457c63761697a9152972d69c54', class: "title" }, this.t('leave'))), index$1.h("p", { key: 'cd1ba755b4f73c0d3fb4c9078ee11afc31cee726', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), index$1.h("div", { key: '395b4f29350512c4c9d512984482bb934aadf983', class: "content" }, index$1.h("rtk-button", { key: '85adbf49f8ae02e05e16a349c99152b525ff6520', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (index$1.h("rtk-button", { key: '6a965a9e4cad6f07624c7ac5255207b7b021b47c', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), index$1.h("rtk-button", { key: '41050c3895eeab4edc56742799505790d881cad9', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (index$1.h("rtk-button", { key: '15fafd5ba16a9b545ba170ca1c0b113294d65ce9', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : this.t('leave_confirmation')), index$1.h("div", { key: 'd4031f068f492f76d5feb9dd39587263e9b545f0', class: "content" }, index$1.h("rtk-button", { key: 'a014dc329e5f861de85468e04715d8aeb87f4e8c', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (index$1.h("rtk-button", { key: '501a689793bb5e1ff2a8d03f5b9d0ab3d6baafbf', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), index$1.h("rtk-button", { key: '35a6941049928fa81f1e0a73b64f4ce937c86451', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (index$1.h("rtk-button", { key: '7c6367e3f9322235e126c01cc16014f5b2c81ecc', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
     }; }
 };
-__decorate$g([
+__decorate$f([
     index.SyncWithStore()
 ], RtkLeaveMeeting.prototype, "meeting", void 0);
-__decorate$g([
+__decorate$f([
     index.SyncWithStore()
 ], RtkLeaveMeeting.prototype, "states", void 0);
-__decorate$g([
+__decorate$f([
     index.SyncWithStore()
 ], RtkLeaveMeeting.prototype, "iconPack", void 0);
-__decorate$g([
+__decorate$f([
     index.SyncWithStore()
 ], RtkLeaveMeeting.prototype, "t", void 0);
 RtkLeaveMeeting.style = RtkLeaveMeetingStyle0;
@@ -4286,7 +4302,7 @@ RtkLeaveMeeting.style = RtkLeaveMeetingStyle0;
 const rtkLogoCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--rtk-colors-text-1000, 255 255 255));height:100%;width:auto}svg,img{height:100%;width:auto}.brand-color{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
 const RtkLogoStyle0 = rtkLogoCss;
 
-var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -4300,7 +4316,7 @@ const RtkLogo = class {
     constructor(hostRef) {
         index$1.registerInstance(this, hostRef);
         /** Config object */
-        this.config = uiStore.defaultConfig;
+        this.config = uiStore.createDefaultConfig();
         /** Language */
         this.t = uiStore.useLanguage();
     }
@@ -4340,10 +4356,13 @@ const RtkLogo = class {
         "meeting": ["meetingChanged"]
     }; }
 };
-__decorate$f([
+__decorate$e([
+    index.SyncWithStore()
+], RtkLogo.prototype, "config", void 0);
+__decorate$e([
     index.SyncWithStore()
 ], RtkLogo.prototype, "meeting", void 0);
-__decorate$f([
+__decorate$e([
     index.SyncWithStore()
 ], RtkLogo.prototype, "t", void 0);
 RtkLogo.style = RtkLogoStyle0;
@@ -4428,7 +4447,7 @@ const RtkMarkdownView = class {
         const slicedMessage = this.text.slice(0, this.maxLength);
         const withReply = chat.extractReplyBlock(slicedMessage, true);
         const withoutReply = chat.stripOutReplyBlock(slicedMessage);
-        return (index$1.h("p", { key: '0edda34be90038b70316ff2732939a7ea42f2b30' }, withReply.length !== 0 && index$1.h("blockquote", { key: 'c58ade9478aee1080c922c29245509dc94672fc4' }, this.renderMessage(withReply)), withoutReply.length !== 0 && this.renderMessage(withoutReply)));
+        return (index$1.h("p", { key: '787e6d3177f4faf1c8dcd7c73d83a6de9c57b42b' }, withReply.length !== 0 && index$1.h("blockquote", { key: '1c4b82fb870994e6707d35adcd5e6f2f0e65dd26' }, this.renderMessage(withReply)), withoutReply.length !== 0 && this.renderMessage(withoutReply)));
     }
 };
 RtkMarkdownView.style = RtkMarkdownViewStyle0;
@@ -4436,20 +4455,12 @@ RtkMarkdownView.style = RtkMarkdownViewStyle0;
 const rtkMeetingCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);height:100%;width:100%}:host([mode='fill']){position:relative}";
 const RtkMeetingStyle0 = rtkMeetingCss;
 
-var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 const RtkMeeting = class {
     constructor(hostRef) {
         index$1.registerInstance(this, hostRef);
         this.statesUpdate = index$1.createEvent(this, "rtkStatesUpdate", 7);
+        /** Since RtkMeeting by design works as a provider for component, to be in sync with other providers, added provider id */
+        this.providerId = 'provider-' + Math.floor(Math.random() * 100);
         this.roomJoinedListener = () => {
             this.updateStates({ meeting: 'joined' });
         };
@@ -4465,7 +4476,7 @@ const RtkMeeting = class {
         this.mediaPermissionUpdateListener = ({ kind, message }) => {
             if (['audio', 'video'].includes(kind)) {
                 if ((message === 'DENIED' || message === 'SYSTEM_DENIED') &&
-                    uiStore.uiState.states.activeDebugger !== true) {
+                    (this.peerStore || uiStore.uiStore).state.states.activeDebugger !== true) {
                     const permissionModalSettings = {
                         enabled: true,
                         kind,
@@ -4481,6 +4492,7 @@ const RtkMeeting = class {
                 }, this.leaveRoomTimer);
             }
         };
+        this.peerStore = null; // peer specific store for this meeting peer instance
         /** Whether to load config from preset */
         this.loadConfigFromPreset = false;
         /** Whether to apply the design system on the document root from config */
@@ -4492,14 +4504,15 @@ const RtkMeeting = class {
         /** Language */
         this.t = uiStore.useLanguage();
         /** UI Config */
-        this.config = uiStore.defaultConfig;
+        this.config = uiStore.createDefaultConfig();
         /** Grid layout */
         this.gridLayout = 'row';
         /** Icon pack */
         this.iconPack = uiStore.defaultIconPack;
         this.handleChangingMeeting = (destinationMeetingId) => {
+            const currentStates = (this.peerStore || uiStore.uiStore).state.states;
             this.updateStates({
-                activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiStore.uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
+                activeBreakoutRoomsManager: Object.assign(Object.assign({}, currentStates.activeBreakoutRoomsManager), { destinationMeetingId }),
             });
         };
     }
@@ -4513,17 +4526,76 @@ const RtkMeeting = class {
             };
             window.addEventListener('rtkError', this.authErrorListener);
         }
+        // Initialize default values
         this.leaveRoomTimer = 10000;
         this.loadConfigFromPreset = true;
         this.applyDesignSystem = true;
+        // Setup event listeners
+        this.setupStoreRequestListener();
+        this.setupStateUpdateListener();
+        this.meetingChanged(this.meeting);
         this.resizeObserver = new ResizeObserver_es.index(() => this.handleResize());
         this.resizeObserver.observe(this.host);
         if (this.applyDesignSystem &&
             ((_a = this.config) === null || _a === void 0 ? void 0 : _a.designTokens) != null &&
-            typeof document !== 'undefined') {
-            config.provideRtkDesignSystem(document.documentElement, this.config.designTokens);
+            typeof document !== 'undefined' &&
+            (this.peerStore || uiStore.uiStore).state.states.activeDebugger !== true) {
+            notification.provideRtkDesignSystem(document.documentElement, this.config.designTokens);
         }
-        this.meetingChanged(this.meeting);
+    }
+    disconnectedCallback() {
+        var _a;
+        if (this.leaveOnUnmount) {
+            (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.leaveRoom();
+        }
+        this.resizeObserver.disconnect();
+        window.removeEventListener('rtkError', this.authErrorListener);
+        // Remove event listeners
+        if (this.storeRequestListener) {
+            this.host.removeEventListener('rtkRequestStore', this.storeRequestListener);
+            this.storeRequestListener = null;
+        }
+        if (this.stateUpdateListener) {
+            this.host.removeEventListener('rtkStateUpdate', this.stateUpdateListener);
+            this.stateUpdateListener = null;
+        }
+        // Clear meeting listeners
+        if (this.meeting) {
+            this.clearListeners(this.meeting);
+        }
+    }
+    setupStoreRequestListener() {
+        // Remove existing listener if any
+        if (this.storeRequestListener) {
+            this.host.removeEventListener('rtkRequestStore', this.storeRequestListener);
+        }
+        // Listen for store requests from child components
+        this.storeRequestListener = (event) => {
+            // Provide peer specific store if available, otherwise fall back to global store
+            if (!this.peerStore)
+                return;
+            const storeToProvide = this.peerStore;
+            const responseEvent = new CustomEvent('rtkProvideStore', {
+                detail: { store: storeToProvide, requestId: event.detail.requestId },
+            });
+            document.dispatchEvent(responseEvent);
+            // Stop the event from bubbling further to prevent other meetings from handling it
+            event.stopPropagation();
+        };
+        this.host.addEventListener('rtkRequestStore', this.storeRequestListener);
+    }
+    setupStateUpdateListener() {
+        if (this.stateUpdateListener) {
+            this.host.removeEventListener('rtkStateUpdate', this.stateUpdateListener);
+        }
+        this.stateUpdateListener = (event) => {
+            const eventTarget = event.target;
+            if (!this.host.contains(eventTarget)) {
+                return;
+            }
+            this.updateStates(event.detail);
+        };
+        this.host.addEventListener('rtkStateUpdate', this.stateUpdateListener);
     }
     clearListeners(meeting) {
         if (!meeting)
@@ -4534,41 +4606,48 @@ const RtkMeeting = class {
         meeting.self.removeListener('mediaPermissionUpdate', this.mediaPermissionUpdateListener);
         meeting.meta.removeListener('socketConnectionUpdate', this.socketConnectionUpdateListener);
     }
-    disconnectedCallback() {
-        var _a;
-        if (this.leaveOnUnmount) {
-            (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.leaveRoom();
-        }
-        this.resizeObserver.disconnect();
-        this.clearListeners(this.meeting);
-        window.removeEventListener('rtkError', this.authErrorListener);
-    }
     meetingChanged(meeting) {
         var _a, _b;
         if (!meeting)
             return;
+        // Create peer specific store for this meeting peer instance
+        if (meeting) {
+            this.peerStore = uiStore.createPeerStore({
+                meeting,
+                config: this.config,
+                iconPack: this.iconPack,
+                t: this.t,
+                size: this.size,
+                providerId: this.providerId,
+            });
+            // Notify components that peer specific store is now available
+            document.dispatchEvent(new CustomEvent('rtkPeerStoreReady', {
+                detail: {
+                    peerId: meeting.self.id,
+                },
+            }));
+        }
+        else {
+            this.peerStore = null;
+        }
         this.updateStates({ viewType: meeting.meta.viewType });
         if (this.loadConfigFromPreset && meeting.self.config != null) {
             const theme = meeting.self.config;
-            const { config: config$1, data } = config.generateConfig(theme, meeting);
-            if (this.config === uiStore.defaultConfig) {
-                // only override the config if the object is same as defaultConfig
-                // which means it's a different object passed via prop
-                this.config = config$1;
-            }
+            const { config, data } = notification.generateConfig(theme, meeting);
+            this.config = config;
             if (this.showSetupScreen == null) {
-                // only override this value if the prop isn't passed
                 this.showSetupScreen = data.showSetupScreen;
             }
             if (meeting.connectedMeetings.supportsConnectedMeetings &&
-                ((_a = uiStore.uiState.states.activeBreakoutRoomsManager) === null || _a === void 0 ? void 0 : _a.destinationMeetingId)) {
+                ((_a = (this.peerStore || uiStore.uiStore).state.states.activeBreakoutRoomsManager) === null || _a === void 0 ? void 0 : _a.destinationMeetingId)) {
                 this.showSetupScreen = false;
             }
         }
         if (this.applyDesignSystem &&
             ((_b = this.config) === null || _b === void 0 ? void 0 : _b.designTokens) != null &&
-            typeof document !== 'undefined') {
-            config.provideRtkDesignSystem(document.documentElement, this.config.designTokens);
+            typeof document !== 'undefined' &&
+            (this.peerStore || uiStore.uiStore).state.states.activeDebugger !== true) {
+            notification.provideRtkDesignSystem(document.documentElement, this.config.designTokens);
         }
         meeting.self.addListener('roomJoined', this.roomJoinedListener);
         meeting.self.addListener('waitlisted', this.waitlistedListener);
@@ -4586,33 +4665,44 @@ const RtkMeeting = class {
                 this.updateStates({ meeting: 'setup' });
             }
             else {
-                // join directly to the meeting
                 meeting.joinRoom();
             }
         }
         window.removeEventListener('rtkError', this.authErrorListener);
     }
-    listenState(e) {
-        this.updateStates(e.detail);
+    onSizeChange(newSize) {
+        if (this.peerStore) {
+            this.peerStore.state.size = newSize;
+        }
     }
     handleResize() {
         this.size = size.getSize(this.host.clientWidth);
     }
     updateStates(states) {
-        const newStates = Object.assign({}, uiStore.uiState.states);
-        uiStore.uiState.states = config.deepMerge(newStates, states);
-        this.statesUpdate.emit(uiStore.uiState.states);
+        // Use peer specific store if available, otherwise fall back to global store
+        const targetStore = this.peerStore || uiStore.uiStore;
+        const newStates = Object.assign({}, targetStore.state.states);
+        targetStore.state.states = merge.deepMerge(newStates, states);
+        // Emit unscoped event for backward compatibility
+        this.statesUpdate.emit(targetStore.state.states);
+        // Also emit a scoped event that only this meeting's components should listen to
+        const scopedEvent = new CustomEvent('rtkStatesUpdate', {
+            detail: targetStore.state.states,
+            bubbles: true,
+            composed: true,
+        });
+        this.host.dispatchEvent(scopedEvent);
     }
     render() {
         const defaults = {
             meeting: this.meeting,
             size: this.size,
-            states: uiStore.uiState.states,
-            config: this.config,
+            states: (this.peerStore || uiStore.uiStore).state.states,
+            config: this.config || uiStore.createDefaultConfig(),
             iconPack: this.iconPack,
             t: this.t,
         };
-        if (uiStore.uiState.states.viewType === 'CHAT') {
+        if ((this.peerStore || uiStore.uiStore).state.states.viewType === 'CHAT') {
             return index$1.h("rtk-chat", Object.assign({}, defaults));
         }
         const elementProps = {
@@ -4624,18 +4714,10 @@ const RtkMeeting = class {
     }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {
-        "meeting": ["meetingChanged"]
+        "meeting": ["meetingChanged"],
+        "size": ["onSizeChange"]
     }; }
 };
-__decorate$e([
-    index.SyncWithStore()
-], RtkMeeting.prototype, "meeting", void 0);
-__decorate$e([
-    index.SyncWithStore()
-], RtkMeeting.prototype, "t", void 0);
-__decorate$e([
-    index.SyncWithStore()
-], RtkMeeting.prototype, "iconPack", void 0);
 RtkMeeting.style = RtkMeetingStyle0;
 
 const rtkMenuCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20;display:none}";
@@ -4692,7 +4774,7 @@ const RtkMenu$1 = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'b276110eb5171b15f815bfe7a96663e01f899e96' }, index$1.h("span", { key: '8bfa076de490cee6929b3a5da3d90f7741795dd5', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
+        return (index$1.h(index$1.Host, { key: 'bd41e5e2f0d26ac7b532ac85d1904cf6c0307fc8' }, index$1.h("span", { key: 'dcdb7df85f283aa37efd82d6f014371e655dab23', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
                 this.clickedThis = true;
                 if (this.menuListEl.style.display !== 'block') {
                     this.menuListEl.style.display = 'block';
@@ -4701,7 +4783,7 @@ const RtkMenu$1 = class {
                 else {
                     this.menuListEl.style.display = 'none';
                 }
-            } }, index$1.h("slot", { key: 'e287328ba8515ddd37a21645aef25e83e6484e6b', name: "trigger" })), index$1.h("span", { key: 'cc7025445296778b3dd0ad3eceb24b03eb0c2924', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, index$1.h("slot", { key: '0d26db850bffc2cdf9b4142fdfa2f4113d180078' }))));
+            } }, index$1.h("slot", { key: '0bbc31781b3b8702b6d233688de2031abd97d2dc', name: "trigger" })), index$1.h("span", { key: '5c0279fa9912ea5b5332f4c52e285405cfb18f05', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, index$1.h("slot", { key: '0185ee09c1f2034ffe44553c613f3e2bd59400e8' }))));
     }
 };
 __decorate$d([
@@ -4737,7 +4819,7 @@ const RtkMenuItem = class {
         this.t = uiStore.useLanguage();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '16f2f9a4030f6d6b48345af4cfdb3f55c1eee39e' }, index$1.h("slot", { key: '82c4020f63a6cbf773ecee8493f3fcc6a61c3c61', name: "start" }), index$1.h("slot", { key: '55f0449e84f1833a7ef6ddb2c9d995408f0ddef3' }), index$1.h("slot", { key: 'e826a0992e53227fd3fd517bbb2684f34fed3e8c', name: "end" })));
+        return (index$1.h(index$1.Host, { key: 'd847b9442e5e814e035bdca3b4ce69da7ed0d4bb' }, index$1.h("slot", { key: '9cf4adef243b99317aa627becb9412bf0c16e7d5', name: "start" }), index$1.h("slot", { key: 'efc47210f2527b061050a8f125eff3c3f2fed56f' }), index$1.h("slot", { key: '58b7b22d93c33d2bc85fc275209ef3f3ae3fdfc7', name: "end" })));
     }
 };
 __decorate$c([
@@ -4773,7 +4855,7 @@ const RtkMenuList = class {
         this.t = uiStore.useLanguage();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '53cfa1381ea1c0bdfe99362f56cc505bff492774' }, index$1.h("slot", { key: 'fffe3a71f857c152d6619514d875893b5899b956' })));
+        return (index$1.h(index$1.Host, { key: '8d727ee3603bff8472bbe65a3fac47711fc6315c' }, index$1.h("slot", { key: '11755f7306267fd0496721a65aae0d36f84acb7b' })));
     }
 };
 __decorate$b([
@@ -4820,7 +4902,7 @@ const RtkMessageView = class {
         return (index$1.h("rtk-menu", { placement: "top-end", offset: 1 }, index$1.h("button", { slot: "trigger", class: "actions" }, index$1.h("rtk-icon", { icon: this.iconPack.chevron_down })), index$1.h("rtk-menu-list", null, this.actions.map((action) => (index$1.h("rtk-menu-item", { onClick: () => this.onAction.emit(action.id) }, action.icon && index$1.h("rtk-icon", { icon: action.icon, slot: "start" }), action.label))))));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'fb4680e38de79ad40507a542c09d0b02c4691ded' }, index$1.h("div", { key: 'f6768fd2ea535e35ad86fc92d7f4595a503fdcca', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (index$1.h("aside", { key: 'a524e142b020ea1d528ca57f984bb6e725b59893', class: "avatar", part: "avatar" }, index$1.h("rtk-avatar", { key: 'ee56623f64d2bb3f74ebea3357eb1af9d67cd3a3', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), index$1.h("div", { key: 'd6f5bb18ee7aa2ad174cd03c3aee4b9a94c3e63e', class: "message", part: "message" }, !this.hideAuthorName && index$1.h("div", { key: '338d4801d1ac9ce6a4dd3676148cac3c70f3b39f', class: "header" }, this.authorName), index$1.h("div", { key: '86d147a38d6582979a94536df63213730becc572', class: { body: true, bubble: this.variant === 'bubble' } }, index$1.h("slot", { key: '23a3984240643508ef10d3f2c0af5276e4cb5687' }), !this.hideMetadata && !!this.time && (index$1.h("div", { key: '35a4884867e5bdd835532f85e3a9575976aa9703', class: "metadata", title: ChatHead.formatDateTime(this.time) }, ChatHead.elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
+        return (index$1.h(index$1.Host, { key: 'cb9a54f30d9d3e42b1513c887c5c4ecdbbe1286d' }, index$1.h("div", { key: '9ff05d12f6441a3831fc91cda2094640ca730169', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (index$1.h("aside", { key: '0afb28d2b8e2e09aad98b81f1eee75f08fe8d5a5', class: "avatar", part: "avatar" }, index$1.h("rtk-avatar", { key: 'a10f437e451b49941c9d5bed52ad450ddf6046d2', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), index$1.h("div", { key: '2d1b48256431776d34939f88c04fd8154fd4c95a', class: "message", part: "message" }, !this.hideAuthorName && index$1.h("div", { key: 'c380e92a56f94f9013e68067a86d743bc18fbb33', class: "header" }, this.authorName), index$1.h("div", { key: 'a81ffdc5e9665f0aad597a49b3467d5b4858f317', class: { body: true, bubble: this.variant === 'bubble' } }, index$1.h("slot", { key: '117f39722e02058aabef8eaacbaa99c7b5797452' }), !this.hideMetadata && !!this.time && (index$1.h("div", { key: '233f2bc3dd6dc62b5e6cfddef7c3a2135c1a0c6f', class: "metadata", title: ChatHead.formatDateTime(this.time) }, ChatHead.elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
     }
 };
 __decorate$a([
@@ -4860,7 +4942,7 @@ const RtkMuteAllConfirmation = class {
         };
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '199f56583843ca5b4e68f6a087471983c231983b' }, index$1.h("div", { key: '86b15ff17b5a9526df77d2bc9f1d1e2d938c71c4', class: "leave-modal" }, index$1.h("div", { key: '7f19f8d34586e3f8ee4661556e5f4c744facb4e8', class: "header" }, index$1.h("h2", { key: '93adfa1d849b0aa3e483c280d1078d99ac1ef73c', class: "title" }, this.t('mute_all.header'))), index$1.h("p", { key: '7532426538ef8de6280cf0246126061bff639209', class: "message" }, this.t('mute_all.description')), index$1.h("div", { key: '14f577e917ecbf867afe2e6a4f94b86122d95496', class: "content" }, index$1.h("div", { key: '2cbe2cea5befa86328d786aa3420af04bda0097e', class: "leave-meeting" }, index$1.h("rtk-button", { key: '27b26964264a4c569ef7388357623ed97dff7bdb', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), index$1.h("rtk-button", { key: 'dba570b9e72a21c0b76957cac4809f61878645d3', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
+        return (index$1.h(index$1.Host, { key: 'd7439c9c3ffd1a79974ed8f8a0081aa807a2b103' }, index$1.h("div", { key: 'f11f6d201c843384f3e173cf611ea6b26fcfe620', class: "leave-modal" }, index$1.h("div", { key: '8475acebc7a3abd14a4d0716b6dbdeabb0f1896e', class: "header" }, index$1.h("h2", { key: 'fe5cfaa40eccca120a696555456acd59610bd5f0', class: "title" }, this.t('mute_all.header'))), index$1.h("p", { key: '88b6d8faf23e5780d632f9bac0077751bb9db554', class: "message" }, this.t('mute_all.description')), index$1.h("div", { key: 'b901ffb7714dbcf5bbda907df1f44214672ded17', class: "content" }, index$1.h("div", { key: 'f554e5829ff3250400307f139661a0fe426ee22c', class: "leave-meeting" }, index$1.h("rtk-button", { key: 'c300ddc6c3ae02266d4769a964eb3fb246aa7dbd', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), index$1.h("rtk-button", { key: '897d7d2639a6c51c5fb0ae1b51a111fbba5431c9', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
     }
 };
 __decorate$9([
@@ -4920,9 +5002,9 @@ const RtkNotification = class {
     }
     render() {
         var _a;
-        return (index$1.h(index$1.Host, { key: 'b6a7ede34064bcc25040589cd09b00a5e5a5cf8a' }, index$1.h("div", { key: '42608dc49ec59c0c54be513e59b81627f0ecb11c', class: "ctr" }, this.notification.icon != null && (index$1.h("rtk-icon", { key: '263c38129622549c8df1900d8905f52ee29cff8a', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
+        return (index$1.h(index$1.Host, { key: 'ac0be33a8d9e03bd13cbc79f3ba082133fe6f227' }, index$1.h("div", { key: '7275520c8656b883a2f075768d3a8e2b84d64386', class: "ctr" }, this.notification.icon != null && (index$1.h("rtk-icon", { key: '368c448f1d2ec32c5bd555fda37955f50125f111', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
             this.notification.icon == null &&
-            this.imageState !== 'errored' && (index$1.h("img", { key: '0e8d7812bd8b58ce0efe3edff6ae7346cbcd0fd4', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), index$1.h("p", { key: 'f28ec5ff1a3902817d5501ea2324371defc8995a', class: "message" }, index$1.h(TextMessage.TextMessageView, { key: '7f7b179a67d125585ed70112fcb2a1925c3bae52', message: this.notification.message })), index$1.h("div", { key: '2ba60b2b60ddbc43d207adc86e0a975f3c432f70', class: "right" }, this.notification.button != null && (index$1.h("rtk-button", { key: '2f4871b0ee2871cbccb016e4451e28c424fe14ce', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), index$1.h("button", { key: '1786dac10dbc2ca9aabad707354ce16fe1af9bc8', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, index$1.h("rtk-icon", { key: 'b11c47705af86c38bd6488ecb6998aad62099396', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
+            this.imageState !== 'errored' && (index$1.h("img", { key: '510e84f6b3e0573ff1e617f5ccef73e79ac85028', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), index$1.h("p", { key: '943becbe12a608de855b501d3209c0a795865d5b', class: "message" }, index$1.h(TextMessage.TextMessageView, { key: 'c81b7d0419a3da383c9fdb94cd0b25232094ae90', message: this.notification.message })), index$1.h("div", { key: '69eb21920c5cd680a781548e9981c3f1997d21c4', class: "right" }, this.notification.button != null && (index$1.h("rtk-button", { key: '7df0f1e71e531577eb3d9a8914247c0977a6ad20', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), index$1.h("button", { key: 'f66c7958c125fd77ed04e6a66d5ea1527aa97dc1', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, index$1.h("rtk-icon", { key: '6d6a9fe85560b6c108672172a12235cab9ab6ff3', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
     }
     static get watchers() { return {
         "paused": ["pausedChanged"],
@@ -5011,7 +5093,7 @@ const RtkNotifications = class {
         this.permissions = DEFAULT_NOTIFICATION_CONFIG;
         this.enabledSounds = getEnabledSounds(DEFAULT_NOTIFICATION_CONFIG.notification_sounds);
         /** Config object */
-        this.config = uiStore.defaultConfig;
+        this.config = uiStore.createDefaultConfig();
         /** Language */
         this.t = uiStore.useLanguage();
         /** Icon pack */
@@ -5089,7 +5171,7 @@ const RtkNotifications = class {
         if (typeof document !== 'undefined') {
             document === null || document === void 0 ? void 0 : document.removeEventListener('rtkNotification', this.onNotification);
         }
-        if (this.meeting == null)
+        if (!this.meeting)
             return;
         this.clearListeners(this.meeting);
         this.waitlistedParticipantJoinedListener &&
@@ -5104,9 +5186,9 @@ const RtkNotifications = class {
     meetingChanged(meeting, oldMeeting) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         clearTimeout(this.disconnectTimeout);
-        if (oldMeeting !== undefined)
+        if (oldMeeting)
             this.clearListeners(oldMeeting);
-        if (meeting == null)
+        if (!meeting)
             return;
         const isLivestream = meeting.meta.viewType === 'LIVESTREAM';
         this.audio = new notification.RTKNotificationsAudio(meeting);
@@ -5487,7 +5569,10 @@ const RtkNotifications = class {
             this.meeting.self.permissions.acceptWaitingRequests);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '906188de5f85fcdb91e7bbd9fc44c60f722ec231' }, index$1.h("div", { key: '971924ad071ffa9525984eac3f11e929d10ec8a2', onMouseEnter: () => (this.paused = true), onFocusin: () => (this.paused = true), onMouseLeave: () => (this.paused = false), onFocusout: () => (this.paused = false) }, this.notifications.map((notification) => (index$1.h("rtk-notification", { size: this.size, key: notification.id, "data-id": notification.id, notification: notification, onRtkNotificationDismiss: (e) => this.handleDismiss(e), iconPack: this.iconPack, paused: this.paused, t: this.t }))))));
+        if (!this.meeting) {
+            return;
+        }
+        return (index$1.h(index$1.Host, null, index$1.h("div", { onMouseEnter: () => (this.paused = true), onFocusin: () => (this.paused = true), onMouseLeave: () => (this.paused = false), onFocusout: () => (this.paused = false) }, this.notifications.map((notification) => (index$1.h("rtk-notification", { size: this.size, key: notification.id, "data-id": notification.id, notification: notification, onRtkNotificationDismiss: (e) => this.handleDismiss(e), iconPack: this.iconPack, paused: this.paused, t: this.t }))))));
     }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -5502,6 +5587,9 @@ __decorate$7([
 __decorate$7([
     index.SyncWithStore()
 ], RtkNotifications.prototype, "states", void 0);
+__decorate$7([
+    index.SyncWithStore()
+], RtkNotifications.prototype, "config", void 0);
 __decorate$7([
     index.SyncWithStore()
 ], RtkNotifications.prototype, "t", void 0);
@@ -5543,7 +5631,7 @@ const RtkOverlayModal = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'e5bdb94d07093b7b6950c5d389b3cca3c5f0bc22' }, index$1.h("rtk-icon", { key: '04dcace07d18e31644bb11215c069eb63ea8dfe6', icon: this.states.activeOverlayModal.icon }), index$1.h("h2", { key: '5ca79bee28c169a489a83e53e0911e6187c731f2' }, this.states.activeOverlayModal.title), index$1.h("p", { key: 'd4d7e34a08e991709b1931ce22c899dcc624c692' }, this.states.activeOverlayModal.description)));
+        return (index$1.h(index$1.Host, { key: 'd2837e184517e21a048bf3c0132db866e76df98e' }, index$1.h("rtk-icon", { key: '986632806311740b097ef99ad2cefc286f54b7d4', icon: this.states.activeOverlayModal.icon }), index$1.h("h2", { key: 'f7c985545abeefcf0dccd10744c70e84b14c0f1d' }, this.states.activeOverlayModal.title), index$1.h("p", { key: '43ab2a1bde3c41732d3e159c493a799f68bcd0c7' }, this.states.activeOverlayModal.description)));
     }
 };
 __decorate$6([
@@ -5838,7 +5926,7 @@ const RtkPaginatedList = class {
          * which is why div#bottom-scroll comes before div#top-scroll
          * div.page-wrapper prevents reversal of messages
          */
-        return (index$1.h(index$1.Host, { key: '6fd10c2fdc24eeab3d52c10643ed92321e04d9fe' }, index$1.h("div", { key: '675f184549482b76fc07ea5641b9c3297ab6a79b', class: "scrollbar container", part: "container", ref: (el) => (this.$paginatedList = el) }, index$1.h("div", { key: '37618a8856bd0f1a8ecc57b38cd700bc302191e6', class: { 'show-new-messages-ctr': true, active: !this.shouldRenderNewNodes } }, index$1.h("rtk-button", { key: 'b7ebb2a7b309c47af1987159726f1399452995c2', class: "show-new-messages", kind: "icon", variant: "secondary", part: "show-new-messages", onClick: () => this.onDownArrowClicked() }, index$1.h("rtk-icon", { key: '99532567bf299b314a8e0a6d5485ad3fa219e600', icon: this.iconPack.chevron_down }))), index$1.h("div", { key: '512f096db4e0fdbd969c3cb7cfacc00a38b2f2b6', class: "smallest-dom-element", id: "bottom-scroll", ref: (el) => (this.$bottomRef = el) }), this.isLoading && this.pagesToRender.flat().length === 0 && index$1.h("rtk-spinner", { key: 'bf2bcfdc9e4eecbc120ad38a0cc2c8323781532c', size: "lg" }), this.pagesToRender.flat().length === 0 && this.showEmptyListLabel ? (index$1.h("div", { class: "empty-list" }, (_a = this.emptyListLabel) !== null && _a !== void 0 ? _a : this.t('list.empty'))) : (index$1.h("div", { class: "page-wrapper" }, this.pagesToRender.map((page) => this.createNodes(page)))), index$1.h("div", { key: '2c29f14bcac1c725c619349f1e30627cfdbc26f9', class: "smallest-dom-element", id: "top-scroll", ref: (el) => (this.$topRef = el) }))));
+        return (index$1.h(index$1.Host, { key: '69d3a477477c252a20b07d749979b8b7dfb2e2e7' }, index$1.h("div", { key: '8ad8afdcc6ff74dfb150615597029db185369293', class: "scrollbar container", part: "container", ref: (el) => (this.$paginatedList = el) }, index$1.h("div", { key: '62b9e1007f9c46f181d2c4b0ab3ca532b9e89f3d', class: { 'show-new-messages-ctr': true, active: !this.shouldRenderNewNodes } }, index$1.h("rtk-button", { key: '4107ae7cfa77f50df7834e95dd35cad6b4836fda', class: "show-new-messages", kind: "icon", variant: "secondary", part: "show-new-messages", onClick: () => this.onDownArrowClicked() }, index$1.h("rtk-icon", { key: '1cd4a0c65e38021ecfc42c3669852fe311ac0600', icon: this.iconPack.chevron_down }))), index$1.h("div", { key: 'a52878eee8c962808b431f18b0fc6f97ecafd314', class: "smallest-dom-element", id: "bottom-scroll", ref: (el) => (this.$bottomRef = el) }), this.isLoading && this.pagesToRender.flat().length === 0 && index$1.h("rtk-spinner", { key: 'f40afc71664c93e55773112e8f69a2f97b1d8146', size: "lg" }), this.pagesToRender.flat().length === 0 && this.showEmptyListLabel ? (index$1.h("div", { class: "empty-list" }, (_a = this.emptyListLabel) !== null && _a !== void 0 ? _a : this.t('list.empty'))) : (index$1.h("div", { class: "page-wrapper" }, this.pagesToRender.map((page) => this.createNodes(page)))), index$1.h("div", { key: 'ff33dae45c6cf06f6ee64adf84b2ebfaec10d290', class: "smallest-dom-element", id: "top-scroll", ref: (el) => (this.$topRef = el) }))));
     }
     static get watchers() { return {
         "selectedItemId": ["onItemChanged"]
@@ -6012,7 +6100,7 @@ const RtkPermissionsMessage = class {
             this.stepsTimer = setTimeout(this.nextStep, 2500);
         }
         const showMacDeepLink = isDeniedBySystem && this.meeting.self.device.osName == 'macOS';
-        return (index$1.h(index$1.Host, { key: '37bc20fd76370a473d701b99f141057e3ef7b9ea' }, index$1.h("h2", { key: '5177028bd1d1f909cc5dacffaf7a63e9a90a6119' }, index$1.h("rtk-icon", { key: 'eef420ebb45cedbd63f6f4532954a5175535c07e', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (index$1.h("div", { key: '1f35d79d6e3b83341a26081fc72540863d395108', class: 'svg-container' }, this.svgSteps.map((e, index) => (index$1.h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), index$1.h("div", { key: '855ceb1e53e3006b85d32e0edd9eb0088f94ad75' }, this.getMessage()), !isDeniedBySystem && (index$1.h("a", { key: 'c02d929f912ed50e47edaf853650e9569c700524', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, index$1.h("rtk-icon", { key: '775423666928defb61670cd9a4c2e158fe6386e6', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), index$1.h("div", { key: '023b8da610c0afea0abb203ae9d09286b3368ccf', class: "actions" }, index$1.h("rtk-button", { key: 'a2b29cb77e0f32076dc8bf0a72e6b2f512684201', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), index$1.h("slot", { key: '2e7d6bcdb64f65de6e73742946a3a173905227a5' })));
+        return (index$1.h(index$1.Host, { key: '8a733f9212eeeaa2beeb660f388cd386bd5866da' }, index$1.h("h2", { key: '8b98272023226f4d555bc4a392132cc4f3bb5508' }, index$1.h("rtk-icon", { key: '5512cf5917b4e621cc478ace72d66a5a018d3abc', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (index$1.h("div", { key: '51b406b4466bed495737ffc4dd8c931e89a7b313', class: 'svg-container' }, this.svgSteps.map((e, index) => (index$1.h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), index$1.h("div", { key: '2aa51de951fa6e325407214400aacfb3c159332d' }, this.getMessage()), !isDeniedBySystem && (index$1.h("a", { key: 'f5ca776a56d696f623f373dda8bb0bfb034daaaa', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, index$1.h("rtk-icon", { key: 'a4a220afa615666aa5124af81e754ad7cd0ae8ce', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), index$1.h("div", { key: '34a967813793d6deb854c008164fc14b859a3b53', class: "actions" }, index$1.h("rtk-button", { key: '8676c863a486b365b378728ca89f494297160bf0', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), index$1.h("slot", { key: '67e17eb781cb49110f92dfd89faec112d79b03b3' })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
@@ -6054,7 +6142,7 @@ const RtkSpinner = class {
         this.size = 'md';
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '00275245b6516861bd7cf7788fb81855d6e1ddf7' }, index$1.h("rtk-icon", { key: '9c77cfa660794fe97c24dbf6e165b4d9b58635de', class: "spinner", icon: this.iconPack.spinner })));
+        return (index$1.h(index$1.Host, { key: 'bbdde15ee0caf22bb7ff382047bfab8f9903e49e' }, index$1.h("rtk-icon", { key: '20e695a671308c7157014554eade4eb42b41da2e', class: "spinner", icon: this.iconPack.spinner })));
     }
 };
 __decorate$3([
@@ -6135,7 +6223,7 @@ const RtkTextComposerView = class {
         }
     }
     render() {
-        return (index$1.h("div", { key: '373afd284088ce6b38267ff5ce7dc1990ffb5020', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (index$1.h("div", { key: '0cedd8f2344b4a1a08a0a106e00f61d1a3c4040d', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, index$1.h("rtk-icon", { key: '9599a89d22388faa10bb1459867a278cd35f9b8f', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (index$1.h("div", { key: '7bdb90a61a4040a4ad215ecb69abb589276fcb4e', class: 'text-error breached' }, index$1.h("rtk-icon", { key: '7eaa93a35a6c6ba8128d170199b9f85fd945a25c', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), index$1.h("textarea", { key: '1e73b93e138af069315431896e85a4cf11ab53a0', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
+        return (index$1.h("div", { key: 'e5f7fa2bd4a2386ff5185001981477ccacf24556', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (index$1.h("div", { key: '4c06c853ddc7bebafe45fdb2e2c5c9e1c20021fe', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, index$1.h("rtk-icon", { key: '524037dc257f0aea206fbc3503d1fe1cb03449be', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (index$1.h("div", { key: 'cf975664f367f2621593239ab1cf2e73f5acdb45', class: 'text-error breached' }, index$1.h("rtk-icon", { key: '70a6555f1fa9752f91951181b46e0ed0e7eb8679', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), index$1.h("textarea", { key: '7fc7280dd143cd701d5037e04c2b36c3ea8ec023', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
     }
 };
 __decorate$2([
@@ -6171,10 +6259,10 @@ const RtkTextMessage = class {
         this.showBubble = false;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '128a6e757cf71a11aef8c93749b6388cee1a65d3' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '35fd68c340c5133b3940bc5a200aaed48f366a0e', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '189244910e2511399a9dcb57647d7c63ed918712', class: {
+        return (index$1.h(index$1.Host, { key: 'b66a5f7edf4e656d66770ed8f06a6ae97523a759' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: 'b9f0be274d374ff247327029322e91b57b88e4c3', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '2a58af17b4657f2a49d7fbf1ef14e76857a12cbc', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: '2b949b44c13aae1295c01aaa3915bcd45381447a', class: { text: true, emoji: string.hasOnlyEmojis(this.message.message) } }, index$1.h(TextMessage.TextMessageView, { key: '3659ef1412e9731352a3270cf2815a9fa78018fb', message: this.message.message })))));
+            }, part: "body" }, index$1.h("div", { key: '45a0bcd30f2e048af77cb1704c178a750e1aaac4', class: { text: true, emoji: string.hasOnlyEmojis(this.message.message) } }, index$1.h(TextMessage.TextMessageView, { key: '262f5e6d7c71e950356842e442d44f5b280c0036', message: this.message.message })))));
     }
 };
 __decorate$1([
@@ -6194,7 +6282,7 @@ const RtkTextMessageView = class {
         this.isMarkdown = false;
     }
     render() {
-        return (index$1.h("p", { key: 'd14082ad02e2d2aaf5e325a95c1bc36595e9e33d', class: { text: true, emoji: string.hasOnlyEmojis(this.text) } }, this.isMarkdown ? index$1.h("rtk-markdown-view", { text: this.text }) : this.text));
+        return (index$1.h("p", { key: 'b4cbabb44d32f96a23cd72f108d6a36b05491c97', class: { text: true, emoji: string.hasOnlyEmojis(this.text) } }, this.isMarkdown ? index$1.h("rtk-markdown-view", { text: this.text }) : this.text));
     }
 };
 RtkTextMessageView.style = RtkTextMessageViewStyle0;
@@ -6310,7 +6398,7 @@ const RtkMenu = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'b43646b89b257321a382838a8c5f2ea0d3e5e122' }, index$1.h("span", { key: 'aa18e85265cc75e7d08a06d469a8bb10ccecdb56', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, index$1.h("slot", { key: 'a422fbefd999ff26a30a7e03f6e14d84397cff88' })), index$1.h("div", { key: '593b5ec328f127c349ae0a92d36c6261e5abcb7a', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, index$1.h("div", { key: 'c25e6a54940097ebd880c9b9e8fc2b4d48677989', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, index$1.h("slot", { key: 'cd8415e9fa2c1eaeffa8c7ec4ffcc6dd34fc04fa', name: "tooltip" }))));
+        return (index$1.h(index$1.Host, { key: '1171880dd123a4fc6dae379441f92667caf63d2e' }, index$1.h("span", { key: '217b66740fb8211fd72b8f1b3f0da4014d669e62', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, index$1.h("slot", { key: 'ac32d29a69f21946cc0dee0854b5b711f76f1f09' })), index$1.h("div", { key: 'da4261f9e0c6f32aab99a8ab420bfb2aaf4bfba8', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, index$1.h("div", { key: '5e1a94d52579954ca933b907cb908ac5ee87c8b8', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, index$1.h("slot", { key: '3a3e4a70424981d46358d2ad831a6ac7a51974a1', name: "tooltip" }))));
     }
     static get watchers() { return {
         "open": ["openChanged"]