@cloudflare/realtimekit-ui 1.1.1 → 1.1.2

package/dist/cjs/{ui-store-be00fd39.js → ui-store-9d5b8dc5.js}

@@ -2838,7 +2838,7 @@ const defaultConfig = {
             // if using key value pair, provide the key in `state`
             // else provide array of states in `states`
             state: 'meeting',
-            states: ['activeSidebar', 'activeAI'],
+            states: ['activeSidebar'],
         },
         'rtk-meeting[meeting=waiting]': ['rtk-waiting-screen'],
         'rtk-meeting[meeting=idle]': ['rtk-idle-screen'],
@@ -2856,12 +2856,6 @@ const defaultConfig = {
         'rtk-meeting[meeting=joined].activeSidebar.md': {
             add: [['rtk-sidebar', { view: 'full-screen' }]],
         },
-        'rtk-meeting[meeting=joined].activeAI.sm': {
-            add: [['rtk-ai', { view: 'full-screen' }]],
-        },
-        'rtk-meeting[meeting=joined].activeAI.md': {
-            add: [['rtk-ai', { view: 'full-screen' }]],
-        },
         'rtk-meeting[meeting=ended]': ['rtk-ended-screen'],
         'rtk-header': ['div#header-left', 'div#header-center', 'div#header-right'],
         'rtk-header.sm': { remove: ['div#header-center'] },
@@ -2879,7 +2873,7 @@ const defaultConfig = {
             'rtk-livestream-indicator',
         ],
         'rtk-stage': {
-            states: ['activeSidebar', 'activeAI'],
+            states: ['activeSidebar'],
             children: ['rtk-grid', 'rtk-notifications', 'rtk-transcripts'],
         },
         'rtk-stage.activeSidebar': {
@@ -2887,11 +2881,6 @@ const defaultConfig = {
         },
         // hide sidebar for smaller screens
         'rtk-stage.activeSidebar.sm': { remove: ['rtk-sidebar'] },
-        'rtk-stage.activeAI': {
-            add: [['rtk-ai', { view: 'sidebar' }]],
-        },
-        // hide sidebar for smaller screens
-        'rtk-stage.activeAI.sm': { remove: ['rtk-ai'] },
         'rtk-grid': {
             states: ['activeScreenShare', 'activePlugin', 'activeSpotlight'],
             children: ['rtk-simple-grid'],

package/dist/collection/components/rtk-ai/rtk-ai.js

@@ -17,7 +17,7 @@ import { SyncWithStore } from "../../utils/sync-with-store";
  * An AI assistant component for meeting interactions.
  *
  * Provides AI-powered features like transcription, summarization, and
- * intelligent meeting assistance. Can be displayed in different view modes.
+ * intelligent meeting assistance. Rendered inside rtk-sidebar as the 'ai' section.
  */
 export class RtkAi {
     constructor() {
@@ -29,34 +29,10 @@ export class RtkAi {
         this.t = useLanguage();
         /** View type */
         this.view = 'sidebar';
-        this.close = () => {
-            this.stateUpdate.emit({ activeAI: false });
-        };
-    }
-    connectedCallback() {
-        this.viewChanged(this.view);
-    }
-    disconnectedCallback() {
-        this.keydownListener && document.removeEventListener('keydown', this.keydownListener);
-    }
-    viewChanged(view) {
-        if (view === 'full-screen') {
-            this.keydownListener = (e) => {
-                if (e.key === 'Escape') {
-                    this.close();
-                }
-            };
-            document.addEventListener('keydown', this.keydownListener);
-        }
     }
     render() {
-        var _a, _b, _c;
         if (!this.meeting)
             return null;
-        if (!((_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.permissions).transcriptionEnabled ||
-            !((_c = this.states) === null || _c === void 0 ? void 0 : _c.activeAI)) {
-            return null;
-        }
         const defaults = {
             meeting: this.meeting,
             config: this.config,
@@ -65,7 +41,7 @@ export class RtkAi {
             t: this.t,
             iconPack: this.iconPack,
         };
-        return (h(Host, null, h("h3", { class: "title" }, this.t('ai.transcriptions')), h("rtk-button", { variant: "ghost", kind: "icon", class: "close", onClick: this.close, "aria-label": this.t('close') }, h("rtk-icon", { icon: this.iconPack.dismiss })), h("rtk-ai-transcriptions", Object.assign({}, defaults))));
+        return (h(Host, null, h("rtk-ai-transcriptions", Object.assign({}, defaults))));
     }
     static get is() { return "rtk-ai"; }
     static get encapsulation() { return "shadow"; }
@@ -252,36 +228,6 @@ export class RtkAi {
             }
         };
     }
-    static get events() {
-        return [{
-                "method": "stateUpdate",
-                "name": "rtkStateUpdate",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emits updated state data"
-                },
-                "complexType": {
-                    "original": "States",
-                    "resolved": "States",
-                    "references": {
-                        "States": {
-                            "location": "import",
-                            "path": "../../types/props",
-                            "id": "src/types/props.ts::States"
-                        }
-                    }
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "view",
-                "methodName": "viewChanged"
-            }];
-    }
 }
 __decorate([
     SyncWithStore()

package/dist/collection/components/rtk-ai-toggle/rtk-ai-toggle.js

@@ -21,19 +21,23 @@ export class RtkAiToggle {
         /** Language */
         this.t = useLanguage();
         this.aiActive = false;
+        this.toggleAI = () => {
+            const states = this.states;
+            this.aiActive = !((states === null || states === void 0 ? void 0 : states.activeSidebar) && (states === null || states === void 0 ? void 0 : states.sidebar) === 'ai');
+            this.stateUpdate.emit({
+                activeSidebar: this.aiActive,
+                sidebar: this.aiActive ? 'ai' : undefined,
+                activeMoreMenu: false,
+            });
+        };
     }
-    statesChanged(s) {
-        const states = s;
-        this.aiActive = states.activeAI;
+    connectedCallback() {
+        this.statesChanged(this.states);
     }
-    toggleAI() {
-        var _a;
-        this.aiActive = !((_a = this.states) === null || _a === void 0 ? void 0 : _a.activeAI);
-        this.stateUpdate.emit({
-            activeAI: this.aiActive,
-            activeMoreMenu: false,
-            activeSidebar: false,
-        });
+    statesChanged(states) {
+        if (states != null) {
+            this.aiActive = states.activeSidebar === true && states.sidebar === 'ai';
+        }
     }
     render() {
         var _a, _b;
@@ -43,7 +47,7 @@ export class RtkAiToggle {
         if (!((_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.permissions).transcriptionEnabled) {
             return h(Host, { "data-hidden": true });
         }
-        return (h(Host, { title: text }, h("rtk-controlbar-button", { part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.aiActive }, onClick: () => this.toggleAI(), icon: this.iconPack.meeting_ai, label: text, variant: this.variant, brandIcon: true })));
+        return (h(Host, { title: text }, h("rtk-controlbar-button", { part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.aiActive }, onClick: this.toggleAI, icon: this.iconPack.meeting_ai, label: text, variant: this.variant, brandIcon: true })));
     }
     static get is() { return "rtk-ai-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-ai-transcriptions/rtk-ai-transcriptions.js

@@ -108,7 +108,7 @@ export class RtkAiTranscriptions {
         });
     }
     render() {
-        return (h(Host, { key: 'd188f9eda11cb4e09a6efdc95662bdb851b5d8e0' }, h("div", { key: 'ae8d5801e85be7426f153932f7931350bcd2432b', class: "search-bar" }, h("input", { key: '3bf534c010ed777ba879d3ae022ea3c99c915825', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: 'bf494c1c17144597a565c634e57c3449a6e80b07', class: "processing" }, h("p", { key: 'c5b95f670810a34b3f216fd6342b5fee8c4f472b' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: '18cd43d6de0bcdc71a7531363e1bd5321bf9c495', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '53e0c59bff87a669ce02656dbabef6dcef65200c', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
+        return (h(Host, { key: 'd188f9eda11cb4e09a6efdc95662bdb851b5d8e0' }, h("div", { key: 'ae8d5801e85be7426f153932f7931350bcd2432b', class: "search-bar" }, h("input", { key: '3bf534c010ed777ba879d3ae022ea3c99c915825', type: "text", placeholder: "Search participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: 'bf494c1c17144597a565c634e57c3449a6e80b07', class: "processing" }, h("p", { key: 'c5b95f670810a34b3f216fd6342b5fee8c4f472b' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: '18cd43d6de0bcdc71a7531363e1bd5321bf9c495', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '53e0c59bff87a669ce02656dbabef6dcef65200c', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
     }
     static get is() { return "rtk-ai-transcriptions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-chat-toggle/rtk-chat-toggle.js

@@ -56,7 +56,6 @@ export class RtkChatToggle {
                 activeSidebar: this.chatActive,
                 sidebar: this.chatActive ? 'chat' : undefined,
                 activeMoreMenu: false,
-                activeAI: false,
             });
         };
         this.updateCanView = () => {

package/dist/collection/components/rtk-participants-toggle/rtk-participants-toggle.js

@@ -109,7 +109,6 @@ export class RtkParticipantsToggle {
             activeSidebar: this.participantsActive,
             sidebar: this.participantsActive ? 'participants' : undefined,
             activeMoreMenu: false,
-            activeAI: false,
         });
     }
     handleParticipantsActiveChange() {

package/dist/collection/components/rtk-plugins-toggle/rtk-plugins-toggle.js

@@ -65,7 +65,6 @@ export class RtkPluginsToggle {
             activeSidebar: this.pluginsActive,
             sidebar: this.pluginsActive ? 'plugins' : undefined,
             activeMoreMenu: false,
-            activeAI: false,
         });
     }
     handlePluginsActiveChange() {

package/dist/collection/components/rtk-polls-toggle/rtk-polls-toggle.js

@@ -76,7 +76,6 @@ export class RtkPollsToggle {
             activeSidebar: this.pollsActive,
             sidebar: this.pollsActive ? 'polls' : undefined,
             activeMoreMenu: false,
-            activeAI: false,
         });
     }
     handlePollsActiveChange() {

package/dist/collection/components/rtk-sidebar/rtk-sidebar.js

@@ -12,7 +12,7 @@ import { Host, h } from "@stencil/core";
 import { defaultIconPack } from "../../lib/icons";
 import { useLanguage } from "../../lib/lang";
 import { createDefaultConfig } from "../../lib/default-ui-config";
-import { canViewChat, canViewParticipants, canViewPlugins, canViewPolls, } from "../../utils/sidebar";
+import { canViewAI, canViewChat, canViewParticipants, canViewPlugins, canViewPolls, } from "../../utils/sidebar";
 import { SyncWithStore } from "../../utils/sync-with-store";
 import { Render } from "../../lib/render";
 /**
@@ -40,7 +40,8 @@ export class RtkSidebar {
             if (!this.meeting.self.config) {
                 return this.enabledSections;
             }
-            return this.enabledSections.filter((section) => this.meeting.self.config.controlBar.elements[section.id]);
+            return this.enabledSections.filter((section) => !(section.id in this.meeting.self.config.controlBar.elements) ||
+                this.meeting.self.config.controlBar.elements[section.id]);
         };
         this.close = () => {
             this.stateUpdate.emit({ activeSidebar: false, sidebar: this.defaultSection });
@@ -104,6 +105,9 @@ export class RtkSidebar {
         if (canViewPlugins(meeting)) {
             list.push({ id: 'plugins', name: this.t('plugins') });
         }
+        if (canViewAI(meeting)) {
+            list.push({ id: 'ai', name: this.t('ai.meeting_ai') });
+        }
         this.enabledSections = list;
     }
     render() {
@@ -125,7 +129,7 @@ export class RtkSidebar {
         }
         return (h(Host, { class: this.enablePinning ? (this.isFloating ? 'floating' : '') : 'floating' }, h("rtk-sidebar-ui", { tabs: this.getTabs(), currentTab: this.currentTab, view: this.view, onTabChange: (e) => {
                 this.viewSection(e.detail);
-            }, onSidebarClose: this.close }, this.enablePinning && (h("div", { class: "pinned-state", slot: "pinned-state" }, h("rtk-button", { variant: "ghost", kind: "icon", onClick: this.toggleFloating, "aria-label": this.isFloating ? this.t('pin') : this.t('unpin') }, h("rtk-icon", { icon: this.isFloating ? this.iconPack.pin : this.iconPack.pin_off })))), defaults.states.sidebar === 'chat' && (h(Render, { element: "rtk-chat", defaults: defaults, props: { slot: 'chat' } })), defaults.states.sidebar === 'polls' && h("rtk-polls", Object.assign({}, defaults, { slot: "polls" })), defaults.states.sidebar === 'participants' && (h(Render, { element: "rtk-participants", defaults: defaults, props: { slot: 'participants' } })), defaults.states.sidebar === 'plugins' && h("rtk-plugins", Object.assign({}, defaults, { slot: "plugins" })))));
+            }, onSidebarClose: this.close }, this.enablePinning && (h("div", { class: "pinned-state", slot: "pinned-state" }, h("rtk-button", { variant: "ghost", kind: "icon", onClick: this.toggleFloating, "aria-label": this.isFloating ? this.t('pin') : this.t('unpin') }, h("rtk-icon", { icon: this.isFloating ? this.iconPack.pin : this.iconPack.pin_off })))), defaults.states.sidebar === 'chat' && (h(Render, { element: "rtk-chat", defaults: defaults, props: { slot: 'chat' } })), defaults.states.sidebar === 'polls' && h("rtk-polls", Object.assign({}, defaults, { slot: "polls" })), defaults.states.sidebar === 'participants' && (h(Render, { element: "rtk-participants", defaults: defaults, props: { slot: 'participants' } })), defaults.states.sidebar === 'plugins' && h("rtk-plugins", Object.assign({}, defaults, { slot: "plugins" })), defaults.states.sidebar === 'ai' && h("rtk-ai", Object.assign({}, defaults, { slot: "ai" })))));
     }
     static get is() { return "rtk-sidebar"; }
     static get encapsulation() { return "shadow"; }
@@ -170,7 +174,7 @@ export class RtkSidebar {
                 "mutable": false,
                 "complexType": {
                     "original": "RtkSidebarSection",
-                    "resolved": "\"chat\" | \"participants\" | \"plugins\" | \"polls\"",
+                    "resolved": "\"ai\" | \"chat\" | \"participants\" | \"plugins\" | \"polls\"",
                     "references": {
                         "RtkSidebarSection": {
                             "location": "local",

package/dist/collection/lib/default-ui-config.js

@@ -145,7 +145,7 @@ export const defaultConfig = {
             // if using key value pair, provide the key in `state`
             // else provide array of states in `states`
             state: 'meeting',
-            states: ['activeSidebar', 'activeAI'],
+            states: ['activeSidebar'],
         },
         'rtk-meeting[meeting=waiting]': ['rtk-waiting-screen'],
         'rtk-meeting[meeting=idle]': ['rtk-idle-screen'],
@@ -163,12 +163,6 @@ export const defaultConfig = {
         'rtk-meeting[meeting=joined].activeSidebar.md': {
             add: [['rtk-sidebar', { view: 'full-screen' }]],
         },
-        'rtk-meeting[meeting=joined].activeAI.sm': {
-            add: [['rtk-ai', { view: 'full-screen' }]],
-        },
-        'rtk-meeting[meeting=joined].activeAI.md': {
-            add: [['rtk-ai', { view: 'full-screen' }]],
-        },
         'rtk-meeting[meeting=ended]': ['rtk-ended-screen'],
         'rtk-header': ['div#header-left', 'div#header-center', 'div#header-right'],
         'rtk-header.sm': { remove: ['div#header-center'] },
@@ -186,7 +180,7 @@ export const defaultConfig = {
             'rtk-livestream-indicator',
         ],
         'rtk-stage': {
-            states: ['activeSidebar', 'activeAI'],
+            states: ['activeSidebar'],
             children: ['rtk-grid', 'rtk-notifications', 'rtk-transcripts'],
         },
         'rtk-stage.activeSidebar': {
@@ -194,11 +188,6 @@ export const defaultConfig = {
         },
         // hide sidebar for smaller screens
         'rtk-stage.activeSidebar.sm': { remove: ['rtk-sidebar'] },
-        'rtk-stage.activeAI': {
-            add: [['rtk-ai', { view: 'sidebar' }]],
-        },
-        // hide sidebar for smaller screens
-        'rtk-stage.activeAI.sm': { remove: ['rtk-ai'] },
         'rtk-grid': {
             states: ['activeScreenShare', 'activePlugin', 'activeSpotlight'],
             children: ['rtk-simple-grid'],

package/dist/collection/utils/config.js

@@ -302,27 +302,19 @@ export const generateConfig = (oldConfig, meeting, toExtend = {}, options = { gr
                 // if using key value pair, provide the key in `state`
                 // else provide array of states in `states`
                 state: 'meeting',
-                states: ['activeSidebar', 'activeAI'],
+                states: ['activeSidebar'],
             }, 'rtk-meeting[meeting=idle]': ['rtk-idle-screen'], 'rtk-meeting[meeting=waiting]': ['rtk-waiting-screen'], 'rtk-meeting[meeting=setup]': ['rtk-setup-screen', 'rtk-dialog-manager'], 'rtk-meeting[meeting=joined]': meetingElements, 'rtk-meeting[meeting=joined].activeSidebar.sm': {
                 add: [['rtk-sidebar', { view: 'full-screen' }]],
             }, 'rtk-meeting[meeting=joined].activeSidebar.md': {
                 add: [['rtk-sidebar', { view: 'full-screen' }]],
-            }, 'rtk-meeting[meeting=joined].activeAI.sm': {
-                add: [['rtk-ai', { view: 'full-screen' }]],
-            }, 'rtk-meeting[meeting=joined].activeAI.md': {
-                add: [['rtk-ai', { view: 'full-screen' }]],
             }, 'rtk-meeting[meeting=ended]': ['rtk-ended-screen'] }, headerChildren), controlBarChildren), { 'rtk-stage': {
-                states: ['activeSidebar', 'activeAI'],
+                states: ['activeSidebar'],
                 children: ['rtk-grid', 'rtk-notifications', 'rtk-transcripts'],
             }, 'rtk-stage.activeSidebar': {
                 add: [['rtk-sidebar', { view: 'sidebar' }]],
             },
             // hide sidebar for smaller screens
-            'rtk-stage.activeSidebar.sm': { remove: ['rtk-sidebar'] }, 'rtk-stage.activeAI': {
-                add: [['rtk-ai', { view: 'sidebar' }]],
-            },
-            // hide sidebar for smaller screens
-            'rtk-stage.activeAI.sm': { remove: ['rtk-ai'] }, 'rtk-grid': {
+            'rtk-stage.activeSidebar.sm': { remove: ['rtk-sidebar'] }, 'rtk-grid': {
                 states: ['activeScreenShare', 'activePlugin', 'activeSpotlight'],
                 state: 'viewType',
                 children: ['rtk-simple-grid'],

package/dist/collection/utils/sidebar.js

@@ -30,6 +30,10 @@ export const canViewParticipants = (meeting) => {
         return false;
     return true;
 };
+export const canViewAI = (meeting) => {
+    var _a, _b;
+    return !!((_b = (_a = meeting === null || meeting === void 0 ? void 0 : meeting.self) === null || _a === void 0 ? void 0 : _a.permissions) === null || _b === void 0 ? void 0 : _b.transcriptionEnabled);
+};
 export const canViewPlugins = (meeting) => {
     if (isLiveStreamViewer(meeting))
         return false;

package/dist/components/index.js

@@ -1,10 +1,10 @@
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-fdad14c9.js';
-import { c as createDefaultConfig } from './p-f5e2e5d0.js';
-export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, h as defaultLanguage, f as defaultOverrides, g as getInitialStates, a as uiState, u as uiStore, i as useLanguage } from './p-f5e2e5d0.js';
-export { p as provideRtkDesignSystem } from './p-53276237.js';
-import { g as generateConfig } from './p-af58e54a.js';
-export { e as extendConfig, g as generateConfig } from './p-af58e54a.js';
-export { R as RtkNotificationsAudio } from './p-578f9f42.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ae373651.js';
+import { c as createDefaultConfig } from './p-81fcdba3.js';
+export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, h as defaultLanguage, f as defaultOverrides, g as getInitialStates, a as uiState, u as uiStore, i as useLanguage } from './p-81fcdba3.js';
+export { p as provideRtkDesignSystem } from './p-5960ef55.js';
+import { g as generateConfig } from './p-069084fb.js';
+export { e as extendConfig, g as generateConfig } from './p-069084fb.js';
+export { R as RtkNotificationsAudio } from './p-5a63ea3c.js';
 export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-0db812c2.js';
 
 /**

package/dist/components/{p-2d36b78b.js → p-0173e7d4.js}

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
 import { c as computePosition, o as offset, f as flip, s as shift } from './p-769bb885.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
-import { S as SyncWithStore } from './p-77b53323.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
 
 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}";
 const RtkMenuStyle0 = rtkMenuCss;

package/dist/components/{p-71577bfa.js → p-0496f8c3.js}

@@ -1,19 +1,19 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$d } from './p-70d6d81c.js';
-import { d as defineCustomElement$c } from './p-e229128b.js';
-import { d as defineCustomElement$b } from './p-737ef231.js';
-import { d as defineCustomElement$a } from './p-a3cc7425.js';
-import { d as defineCustomElement$9 } from './p-20cdaae2.js';
-import { d as defineCustomElement$8 } from './p-61dcdd44.js';
-import { d as defineCustomElement$7 } from './p-2d36b78b.js';
-import { d as defineCustomElement$6 } from './p-e60074c0.js';
-import { d as defineCustomElement$5 } from './p-ddc9cbf0.js';
-import { d as defineCustomElement$4 } from './p-0ea18e25.js';
-import { d as defineCustomElement$3 } from './p-c8cc4d31.js';
-import { d as defineCustomElement$2 } from './p-093c343d.js';
-import { d as defineCustomElement$1 } from './p-8123217e.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$d } from './p-4f8aa40d.js';
+import { d as defineCustomElement$c } from './p-85587a5c.js';
+import { d as defineCustomElement$b } from './p-a6bd000d.js';
+import { d as defineCustomElement$a } from './p-3e0452c4.js';
+import { d as defineCustomElement$9 } from './p-5385bf2d.js';
+import { d as defineCustomElement$8 } from './p-c3356393.js';
+import { d as defineCustomElement$7 } from './p-0173e7d4.js';
+import { d as defineCustomElement$6 } from './p-3e96db63.js';
+import { d as defineCustomElement$5 } from './p-3f49a2db.js';
+import { d as defineCustomElement$4 } from './p-ecc73c07.js';
+import { d as defineCustomElement$3 } from './p-5d76fdc9.js';
+import { d as defineCustomElement$2 } from './p-a96efd29.js';
+import { d as defineCustomElement$1 } from './p-8211bd3b.js';
 
 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;

package/dist/components/{p-d01c3bc6.js → p-04c97172.js}

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { i as useLanguage, e as defaultIconPack } from './p-f5e2e5d0.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$2 } from './p-e229128b.js';
-import { d as defineCustomElement$1 } from './p-a3cc7425.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { i as useLanguage, e as defaultIconPack } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$2 } from './p-85587a5c.js';
+import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 
 const rtkPermissionsMessageCss = ":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:block;max-height:100%;width:600px;overflow-y:auto;padding:var(--rtk-space-6, 24px);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));overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.actions{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.text-icon{display:inline-block;vertical-align:middle}h2{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px)}h2 .text-icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px)}.need-help-link{margin-top:var(--rtk-space-2, 8px);display:inline-block;text-underline-offset:2px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity))}.need-help-link:hover{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-text-opacity))}a rtk-icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) .actions{flex-direction:column;align-items:flex-start;justify-content:center}:host([size='sm']) .action{width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.actions{margin-top:var(--rtk-space-6, 24px)}.actions rtk-button{flex:1 1 0%}.svg-container{display:flex;width:100%;justify-content:center !important}.svg-ins{width:80%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}";
 const RtkPermissionsMessageStyle0 = rtkPermissionsMessageCss;

package/dist/components/{p-8759de71.js → p-05956209.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { i as useLanguage } from './p-f5e2e5d0.js';
-import { S as SyncWithStore } from './p-77b53323.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { i as useLanguage } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
 
 const rtkTranscriptCss = ":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{pointer-events:none;display:block;color:rgb(var(--rtk-colors-text-1000, 255 255 255));display:flex;justify-content:center;vertical-align:middle;animation:show 0.4s ease;transition:0.4s;z-index:5;width:100%}.ctr{box-sizing:border-box;display:inline-flex;height:100%;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto;padding:var(--rtk-space-3, 12px);overflow:auto;max-width:50%}.message{margin:var(--rtk-space-0, 0px);display:inline-block;justify-content:center;max-width:100%;text-wrap:wrap;line-height:1.5rem}.message .name{font-weight:bold}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateY(120px)}100%{opacity:1;transform:translateY(0px)}}@keyframes exit{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-120px)}}:host([size='sm']){font-size:14px}";
 const RtkTranscriptStyle0 = rtkTranscriptCss;

package/dist/components/{p-692e9616.js → p-0627c3f0.js}

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$2 } from './p-e229128b.js';
-import { d as defineCustomElement$1 } from './p-a3cc7425.js';
+import { d as defineCustomElement$2 } from './p-85587a5c.js';
+import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 
 const rtkSidebarUiCss = ":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\n:host {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  font-family: var(--rtk-font-family, sans-serif);\n  z-index: 50;\n  display: flex;\n  flex-direction: column;\n\n  container-type: size;\n  container-name: sidebarui;\n}\n\n@container sidebarui (height < 370px) {\n  .main-header {\n    height: var(--rtk-space-8, 32px) !important;\n  }\n  .close {\n    top: var(--rtk-space-0\\.5, 2px) !important;\n    left: var(--rtk-space-0, 0px) !important;\n    color: rgba(var(--rtk-colors-danger, 255 45 45) / 0.6);\n  }\n}\n\n:host([view='sidebar']) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n}\n\n:host([view='full-screen']) {\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  max-width: 100%;\n  border: none;\n}\n\n::slotted(*) {\n  flex-grow: 1;\n}\n\n.close {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n  z-index: 10;\n}\n\n.main-header {\n  position: relative;\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  place-items: center;\n  justify-content: center;\n}\n\n.main-header, \n.mobile-tabs {\n  flex-shrink: 0;\n}\n\n.mobile-tabs {\n  display: flex;\n  place-items: center;\n  justify-content: space-evenly;\n  border-bottom: 1px solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.mobile-tabs button {\n  margin: var(--rtk-space-0, 0px);\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  padding: var(--rtk-space-0, 0px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n  height: var(--rtk-space-10, 40px);\n  cursor: pointer;\n  padding-left: var(--rtk-space-4, 16px);\n  padding-right: var(--rtk-space-4, 16px);\n  font-weight: 500;\n  border-bottom: 1px solid transparent;\n}\n\n.mobile-tabs button.active {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\nheader h3 {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n@media only screen and (max-device-height: 480px) and (orientation: landscape) {\n  .main-header {\n    display: none !important;\n  }\n}\n\n.tab-participant-count-badge {\n  display: inline-block;\n  padding: 2px 5px;\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  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n.tab-participant-count-badge:not(.selected-tab) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.tab-participant-count-badge.requests-pending{\n  background-color: rgba(var(--rtk-colors-danger));\n}\n";
 const RtkSidebarUiStyle0 = rtkSidebarUiCss;

package/dist/components/{p-af58e54a.js → p-069084fb.js}

@@ -1,5 +1,5 @@
-import { c as createDefaultConfig, C as isLiveStreamHost } from './p-f5e2e5d0.js';
-import { d as deepMerge, i as isValidHexColor } from './p-53276237.js';
+import { c as createDefaultConfig, C as isLiveStreamHost } from './p-81fcdba3.js';
+import { d as deepMerge, i as isValidHexColor } from './p-5960ef55.js';
 
 /**
  * Extend the default UI Config with your own
@@ -301,27 +301,19 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
                 // if using key value pair, provide the key in `state`
                 // else provide array of states in `states`
                 state: 'meeting',
-                states: ['activeSidebar', 'activeAI'],
+                states: ['activeSidebar'],
             }, 'rtk-meeting[meeting=idle]': ['rtk-idle-screen'], 'rtk-meeting[meeting=waiting]': ['rtk-waiting-screen'], 'rtk-meeting[meeting=setup]': ['rtk-setup-screen', 'rtk-dialog-manager'], 'rtk-meeting[meeting=joined]': meetingElements, 'rtk-meeting[meeting=joined].activeSidebar.sm': {
                 add: [['rtk-sidebar', { view: 'full-screen' }]],
             }, 'rtk-meeting[meeting=joined].activeSidebar.md': {
                 add: [['rtk-sidebar', { view: 'full-screen' }]],
-            }, 'rtk-meeting[meeting=joined].activeAI.sm': {
-                add: [['rtk-ai', { view: 'full-screen' }]],
-            }, 'rtk-meeting[meeting=joined].activeAI.md': {
-                add: [['rtk-ai', { view: 'full-screen' }]],
             }, 'rtk-meeting[meeting=ended]': ['rtk-ended-screen'] }, headerChildren), controlBarChildren), { 'rtk-stage': {
-                states: ['activeSidebar', 'activeAI'],
+                states: ['activeSidebar'],
                 children: ['rtk-grid', 'rtk-notifications', 'rtk-transcripts'],
             }, 'rtk-stage.activeSidebar': {
                 add: [['rtk-sidebar', { view: 'sidebar' }]],
             }, 
             // hide sidebar for smaller screens
-            'rtk-stage.activeSidebar.sm': { remove: ['rtk-sidebar'] }, 'rtk-stage.activeAI': {
-                add: [['rtk-ai', { view: 'sidebar' }]],
-            }, 
-            // hide sidebar for smaller screens
-            'rtk-stage.activeAI.sm': { remove: ['rtk-ai'] }, 'rtk-grid': {
+            'rtk-stage.activeSidebar.sm': { remove: ['rtk-sidebar'] }, 'rtk-grid': {
                 states: ['activeScreenShare', 'activePlugin', 'activeSpotlight'],
                 state: 'viewType',
                 children: ['rtk-simple-grid'],

package/dist/components/{p-f3a942ff.js → p-0b04dea7.js}

@@ -1,12 +1,12 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, f as defaultOverrides } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, f as defaultOverrides } from './p-81fcdba3.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$5 } from './p-70d6d81c.js';
-import { d as defineCustomElement$4 } from './p-e229128b.js';
-import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-c8cc4d31.js';
-import { d as defineCustomElement$1 } from './p-093c343d.js';
+import { d as defineCustomElement$5 } from './p-4f8aa40d.js';
+import { d as defineCustomElement$4 } from './p-85587a5c.js';
+import { d as defineCustomElement$3 } from './p-3e0452c4.js';
+import { d as defineCustomElement$2 } from './p-5d76fdc9.js';
+import { d as defineCustomElement$1 } from './p-a96efd29.js';
 
 const rtkChatSelectorCss = ":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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);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);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--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-600, 255 255 255 / 0.52));cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}.public-chat-group-label{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.public-chat-icon{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.public-chat-icon rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}";
 const RtkChatSelectorStyle0 = rtkChatSelectorCss;

package/dist/components/{p-9cf524af.js → p-19c5a52e.js}

@@ -1,12 +1,12 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
 import { e as elapsedDuration } from './p-382270d8.js';
-import { d as defineCustomElement$5 } from './p-70d6d81c.js';
-import { d as defineCustomElement$4 } from './p-e229128b.js';
-import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-c8cc4d31.js';
-import { d as defineCustomElement$1 } from './p-093c343d.js';
+import { d as defineCustomElement$5 } from './p-4f8aa40d.js';
+import { d as defineCustomElement$4 } from './p-85587a5c.js';
+import { d as defineCustomElement$3 } from './p-3e0452c4.js';
+import { d as defineCustomElement$2 } from './p-5d76fdc9.js';
+import { d as defineCustomElement$1 } from './p-a96efd29.js';
 
 const rtkPinnedMessageSelectorCss = ":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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer;gap:var(--rtk-space-2, 8px);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);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--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-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}";
 const RtkPinnedMessageSelectorStyle0 = rtkPinnedMessageSelectorCss;

package/dist/components/{p-707dced6.js → p-1a950769.js}

@@ -1,4 +1,4 @@
-import { h } from './p-fdad14c9.js';
+import { h } from './p-ae373651.js';
 import { M as MAX_TEXT_LENGTH, e as extractReplyBlock, s as stripOutReplyBlock, p as parseRichText } from './p-0db812c2.js';
 
 const renderLink = (content) => {

package/dist/components/{p-8cfc4380.js → p-1c68645f.js}

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-77b53323.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
 import { g as getBitrateVerdict, a as getPacketLossVerdict, b as getJitterVerdict, c as getNetworkBasedMediaHealth } from './p-0e02697c.js';
 
 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}";