@social.io/catalog 1.3.0 → 2.0.0

package/dist_ts_web/elements/sio-combox.js

@@ -1,313 +1,510 @@
-import { DeesElement, property, html, customElement, cssManager, css, unsafeCSS, state, } from '@design.estate/dees-element';
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, html, property, state, customElement, css, cssManager, } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
-// Import design tokens
-import { colors, bdTheme } from './00colors.js';
-import { spacing, radius, shadows, transitions } from './00tokens.js';
-import { fontFamilies, typography } from './00fonts.js';
-// Import components
+import { sioElementStyles } from './tokens.js';
 import { SioConversationSelector } from './sio-conversation-selector.js';
-import { SioConversationView } from './sio-conversation-view.js';
+import { SioConversationView, } from './sio-conversation-view.js';
 import { SioImageLightbox } from './sio-image-lightbox.js';
-// Make sure components are loaded
 SioConversationSelector;
 SioConversationView;
 SioImageLightbox;
-@customElement('sio-combox')
-export class SioCombox extends DeesElement {
-    static demo = () => html ` <sio-combox></sio-combox> `;
-    @property({ type: Object })
-    accessor referenceObject;
-    @state()
-    accessor selectedConversationId = null;
-    @state()
-    accessor conversations = [
-        {
-            id: '1',
-            title: 'Technical Support',
-            lastMessage: 'Thanks for your help with the login issue!',
-            time: '2 min ago',
-            unread: true,
-        },
-        {
-            id: '2',
-            title: 'Billing Question',
-            lastMessage: 'I need help understanding my invoice',
-            time: '1 hour ago',
-        },
-        {
-            id: '3',
-            title: 'Feature Request',
-            lastMessage: 'That would be great! Looking forward to it',
-            time: 'Yesterday',
-        },
-        {
-            id: '4',
-            title: 'General Inquiry',
-            lastMessage: 'Thank you for the information',
-            time: '2 days ago',
+/**
+ * sio-combox — the widget panel (v7 SocialIOWidget.jsx SIOWidgetShell).
+ *
+ * 380×620 panel, radius 20 on --sio-surface, floating shadow with a
+ * 0.5px ring, anchored above the sio-fab launcher. Slides between the
+ * home/welcome state (sio-conversation-selector) and the conversation
+ * state (sio-conversation-view); the away/email-fallback state is the
+ * conversation state with `away` set. Every state carries the centered
+ * "Powered by social.io" footer with the mini brand glyph.
+ *
+ * Singleton API: SioCombox.createOnBody() / getInstance(), plus
+ * open() / close() / toggle() / getIsOpen(). Full-screen on phablet.
+ */
+let SioCombox = (() => {
+    let _classDecorators = [customElement('sio-combox')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _away_decorators;
+    let _away_initializers = [];
+    let _away_extraInitializers = [];
+    let _selectedConversationId_decorators;
+    let _selectedConversationId_initializers = [];
+    let _selectedConversationId_extraInitializers = [];
+    let _isKeyboardVisible_decorators;
+    let _isKeyboardVisible_initializers = [];
+    let _isKeyboardVisible_extraInitializers = [];
+    let _isOpen_decorators;
+    let _isOpen_initializers = [];
+    let _isOpen_extraInitializers = [];
+    let _conversations_decorators;
+    let _conversations_initializers = [];
+    let _conversations_extraInitializers = [];
+    let _messages_decorators;
+    let _messages_initializers = [];
+    let _messages_extraInitializers = [];
+    var SioCombox = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _away_decorators = [property({ type: Boolean })];
+            _selectedConversationId_decorators = [state()];
+            _isKeyboardVisible_decorators = [state()];
+            _isOpen_decorators = [state()];
+            _conversations_decorators = [state()];
+            _messages_decorators = [state()];
+            __esDecorate(this, null, _away_decorators, { kind: "accessor", name: "away", static: false, private: false, access: { has: obj => "away" in obj, get: obj => obj.away, set: (obj, value) => { obj.away = value; } }, metadata: _metadata }, _away_initializers, _away_extraInitializers);
+            __esDecorate(this, null, _selectedConversationId_decorators, { kind: "accessor", name: "selectedConversationId", static: false, private: false, access: { has: obj => "selectedConversationId" in obj, get: obj => obj.selectedConversationId, set: (obj, value) => { obj.selectedConversationId = value; } }, metadata: _metadata }, _selectedConversationId_initializers, _selectedConversationId_extraInitializers);
+            __esDecorate(this, null, _isKeyboardVisible_decorators, { kind: "accessor", name: "isKeyboardVisible", static: false, private: false, access: { has: obj => "isKeyboardVisible" in obj, get: obj => obj.isKeyboardVisible, set: (obj, value) => { obj.isKeyboardVisible = value; } }, metadata: _metadata }, _isKeyboardVisible_initializers, _isKeyboardVisible_extraInitializers);
+            __esDecorate(this, null, _isOpen_decorators, { kind: "accessor", name: "isOpen", static: false, private: false, access: { has: obj => "isOpen" in obj, get: obj => obj.isOpen, set: (obj, value) => { obj.isOpen = value; } }, metadata: _metadata }, _isOpen_initializers, _isOpen_extraInitializers);
+            __esDecorate(this, null, _conversations_decorators, { kind: "accessor", name: "conversations", static: false, private: false, access: { has: obj => "conversations" in obj, get: obj => obj.conversations, set: (obj, value) => { obj.conversations = value; } }, metadata: _metadata }, _conversations_initializers, _conversations_extraInitializers);
+            __esDecorate(this, null, _messages_decorators, { kind: "accessor", name: "messages", static: false, private: false, access: { has: obj => "messages" in obj, get: obj => obj.messages, set: (obj, value) => { obj.messages = value; } }, metadata: _metadata }, _messages_initializers, _messages_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SioCombox = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-    ];
-    @state()
-    accessor messages = {
-        '1': [
-            { id: '1', text: 'Hi, I\'m having trouble logging in', sender: 'user', time: '10:00 AM' },
-            { id: '2', text: 'I can help you with that. Can you tell me what error you\'re seeing?', sender: 'support', time: '10:02 AM' },
-            { id: '3', text: 'It says "Invalid credentials" but I\'m sure my password is correct', sender: 'user', time: '10:03 AM' },
-            { id: '4', text: 'Let me check your account. Please try resetting your password using the forgot password link.', sender: 'support', time: '10:05 AM' },
-            {
-                id: '5',
-                text: 'Here\'s a screenshot of the error',
-                sender: 'user',
-                time: '10:08 AM',
-                attachments: [{
-                        id: 'att1',
-                        name: 'error-screenshot.png',
-                        size: 245780,
-                        type: 'image/png',
-                        url: 'https://picsum.photos/400/300?random=1'
-                    }]
-            },
-            { id: '6', text: 'Thanks for your help with the login issue!', sender: 'user', time: '10:10 AM' },
+        static demo = () => html `
+    <div style="min-height: 660px; padding: 20px; background: var(--sio-bg);">
+      <sio-combox class="open" style="position: relative; bottom: auto; right: auto;"></sio-combox>
+    </div>
+  `;
+        // Singleton instance
+        static instance = null;
+        /**
+         * Creates and appends a singleton combox to document.body
+         */
+        static createOnBody() {
+            if (!SioCombox.instance) {
+                SioCombox.instance = new SioCombox();
+                document.body.appendChild(SioCombox.instance);
+            }
+            return SioCombox.instance;
+        }
+        /**
+         * Gets the singleton instance if it exists
+         */
+        static getInstance() {
+            return SioCombox.instance;
+        }
+        #away_accessor_storage = __runInitializers(this, _away_initializers, false);
+        /** team is away — the conversation state falls back to email capture */
+        get away() { return this.#away_accessor_storage; }
+        set away(value) { this.#away_accessor_storage = value; }
+        #selectedConversationId_accessor_storage = (__runInitializers(this, _away_extraInitializers), __runInitializers(this, _selectedConversationId_initializers, null));
+        get selectedConversationId() { return this.#selectedConversationId_accessor_storage; }
+        set selectedConversationId(value) { this.#selectedConversationId_accessor_storage = value; }
+        #isKeyboardVisible_accessor_storage = (__runInitializers(this, _selectedConversationId_extraInitializers), __runInitializers(this, _isKeyboardVisible_initializers, false));
+        get isKeyboardVisible() { return this.#isKeyboardVisible_accessor_storage; }
+        set isKeyboardVisible(value) { this.#isKeyboardVisible_accessor_storage = value; }
+        #isOpen_accessor_storage = (__runInitializers(this, _isKeyboardVisible_extraInitializers), __runInitializers(this, _isOpen_initializers, false));
+        get isOpen() { return this.#isOpen_accessor_storage; }
+        set isOpen(value) { this.#isOpen_accessor_storage = value; }
+        keyboardBlurTimeout = __runInitializers(this, _isOpen_extraInitializers);
+        #conversations_accessor_storage = __runInitializers(this, _conversations_initializers, [
             {
-                id: '7',
-                text: 'Here is the documentation you requested',
-                sender: 'support',
-                time: '10:15 AM',
-                attachments: [{
-                        id: 'att2',
-                        name: 'user-guide.pdf',
-                        size: 2457600,
-                        type: 'application/pdf',
-                        url: 'data:application/pdf;base64,JVBERi0xLjMKJeLjz9MKMSAwIG9iago8PAovVHlwZSAvQ2F0YWxvZwovT3V0bGluZXMgMiAwIFIKL1BhZ2VzIDMgMCBSCj4+CmVuZG9iagoyIDAgb2JqCjw8Ci9UeXBlIC9PdXRsaW5lcwovQ291bnQgMAo+PgplbmRvYmoKMyAwIG9iago8PAovVHlwZSAvUGFnZXMKL0NvdW50IDEKL0tpZHMgWzQgMCBSXQo+PgplbmRvYmoKNCAwIG9iago8PAovVHlwZSAvUGFnZQovUGFyZW50IDMgMCBSCi9NZWRpYUJveCBbMCAwIDYxMiA3OTJdCi9Db250ZW50cyA1IDAgUgovUmVzb3VyY2VzIDw8Ci9Gb250IDw8Ci9GMSA2IDAgUgo+Pgo+Pgo+PgplbmRvYmoKNSAwIG9iago8PAovTGVuZ3RoIDQ0Cj4+CnN0cmVhbQpCVApxCjcwIDUwIFRECi9GMSAxMiBUZgooSGVsbG8gV29ybGQpIFRqCkVUClEKZW5kc3RyZWFtCmVuZG9iago2IDAgb2JqCjw8Ci9UeXBlIC9Gb250Ci9TdWJ0eXBlIC9UeXBlMQovQmFzZUZvbnQgL1RpbWVzLVJvbWFuCj4+CmVuZG9iagp4cmVmCjAgNwowMDAwMDAwMDAwIDY1NTM1IGYgCjAwMDAwMDAwMDkgMDAwMDAgbiAKMDAwMDAwMDA3NCAwMDAwMCBuIAowMDAwMDAwMTIwIDAwMDAwIG4gCjAwMDAwMDAxNzkgMDAwMDAgbiAKMDAwMDAwMDM2NCAwMDAwMCBuIAowMDAwMDAwNDY2IDAwMDAwIG4gCnRyYWlsZXIKPDwKL1NpemUgNwovUm9vdCAxIDAgUgo+PgpzdGFydHhyZWYKNTY1CiUlRU9G'
-                    }]
+                id: 'orbit-launch',
+                title: 'Lena · Orbit',
+                lastMessage: 'Glad that sorted it — anything else, just write!',
+                time: '2d',
+                initials: 'LP',
+                tint: '#FF2D55',
+                status: 'resolved',
             },
-        ],
-        '2': [
-            { id: '1', text: 'I need help understanding my invoice', sender: 'user', time: '9:00 AM' },
-            { id: '2', text: 'I\'d be happy to help explain your invoice. Which part is unclear?', sender: 'support', time: '9:05 AM' },
-        ],
-        '3': [
-            { id: '1', text: 'I\'d love to see dark mode support in your app!', sender: 'user', time: 'Yesterday' },
-            { id: '2', text: 'Thanks for the suggestion! We\'re actually working on dark mode and it should be available next month.', sender: 'support', time: 'Yesterday' },
-            { id: '3', text: 'That would be great! Looking forward to it', sender: 'user', time: 'Yesterday' },
-        ],
-        '4': [
-            { id: '1', text: 'Can you tell me more about your enterprise plans?', sender: 'user', time: '2 days ago' },
-            { id: '2', text: 'Of course! Our enterprise plans include advanced features like SSO, dedicated support, and custom integrations.', sender: 'support', time: '2 days ago' },
-            { id: '3', text: 'Thank you for the information', sender: 'user', time: '2 days ago' },
-        ]
-    };
-    constructor() {
-        super();
-        domtools.DomTools.setupDomTools();
-    }
-    static styles = [
-        cssManager.defaultStyles,
-        css `
+        ]);
+        // demo data — the prototype's Lena/Orbit launch-banner thread
+        get conversations() { return this.#conversations_accessor_storage; }
+        set conversations(value) { this.#conversations_accessor_storage = value; }
+        #messages_accessor_storage = (__runInitializers(this, _conversations_extraInitializers), __runInitializers(this, _messages_initializers, {
+            'orbit-launch': [
+                {
+                    id: '1',
+                    text: 'Hey! 👋 You wrote about the launch banner — what would you like to change?',
+                    sender: 'support',
+                    time: '14:02',
+                },
+                {
+                    id: '2',
+                    text: 'The headline is cut off on tablet. Can we shorten it before Thursday?',
+                    sender: 'user',
+                    time: '14:03',
+                },
+                {
+                    id: '3',
+                    text: "Good catch. We can ship the short variant today — I'll send a preview here in ~10 min.",
+                    sender: 'support',
+                    time: '14:04',
+                },
+                { id: '4', text: 'Perfect, thanks!', sender: 'user', time: '14:04' },
+            ],
+        }));
+        get messages() { return this.#messages_accessor_storage; }
+        set messages(value) { this.#messages_accessor_storage = value; }
+        constructor() {
+            super();
+            domtools.DomTools.setupDomTools();
+        }
+        async connectedCallback() {
+            await super.connectedCallback();
+            this.addEventListener('input-focus', this.handleInputFocus);
+            this.addEventListener('input-blur', this.handleInputBlur);
+        }
+        async disconnectedCallback() {
+            await super.disconnectedCallback();
+            this.removeEventListener('input-focus', this.handleInputFocus);
+            this.removeEventListener('input-blur', this.handleInputBlur);
+            if (this.keyboardBlurTimeout) {
+                clearTimeout(this.keyboardBlurTimeout);
+            }
+        }
+        handleInputFocus = (__runInitializers(this, _messages_extraInitializers), () => {
+            if (this.keyboardBlurTimeout) {
+                clearTimeout(this.keyboardBlurTimeout);
+                this.keyboardBlurTimeout = undefined;
+            }
+            this.isKeyboardVisible = true;
+        });
+        handleInputBlur = () => {
+            if (this.keyboardBlurTimeout) {
+                clearTimeout(this.keyboardBlurTimeout);
+            }
+            this.keyboardBlurTimeout = window.setTimeout(() => {
+                this.isKeyboardVisible = false;
+                this.keyboardBlurTimeout = undefined;
+            }, 150);
+        };
+        updated(changedProperties) {
+            super.updated(changedProperties);
+            if (changedProperties.has('isKeyboardVisible')) {
+                if (this.isKeyboardVisible) {
+                    this.setAttribute('keyboard-visible', '');
+                }
+                else {
+                    this.removeAttribute('keyboard-visible');
+                }
+            }
+            if (changedProperties.has('isOpen')) {
+                if (this.isOpen) {
+                    this.classList.add('open');
+                    this.dispatchEvent(new CustomEvent('opened', { bubbles: true, composed: true }));
+                }
+                else {
+                    this.classList.remove('open');
+                    this.dispatchEvent(new CustomEvent('closed', { bubbles: true, composed: true }));
+                }
+            }
+        }
+        /**
+         * Opens the combox
+         */
+        open() {
+            this.isOpen = true;
+        }
+        /**
+         * Closes the combox
+         */
+        close() {
+            this.isOpen = false;
+            this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));
+        }
+        /**
+         * Toggles the combox open/closed state
+         */
+        toggle() {
+            if (this.isOpen) {
+                this.close();
+            }
+            else {
+                this.open();
+            }
+        }
+        /**
+         * Returns whether the combox is currently open
+         */
+        getIsOpen() {
+            return this.isOpen;
+        }
+        static styles = [
+            ...sioElementStyles,
+            css `
       :host {
-        display: block;
-        height: 600px;
-        width: 800px;
-        background: ${bdTheme('background')};
-        border-radius: ${unsafeCSS(radius['2xl'])};
-        border: 1px solid ${bdTheme('border')};
-        box-shadow: ${unsafeCSS(shadows.xl)};
+        position: fixed;
+        bottom: 96px;
+        right: 24px;
+        width: 380px;
+        height: 620px;
+        display: flex;
+        flex-direction: column;
+        background: var(--sio-surface);
+        border-radius: 20px;
         overflow: hidden;
-        font-family: ${unsafeCSS(fontFamilies.sans)};
-        position: relative;
+        box-shadow:
+          0 24px 64px rgba(0, 0, 0, 0.22),
+          0 0 0 0.5px rgba(0, 0, 0, 0.08);
+        font-family: var(--sio-font-sf);
         transform-origin: bottom right;
-      }
-      
-      :host(.animate-in) {
-        animation: scaleIn 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
-      }
-      
-      @keyframes scaleIn {
-        from {
-          opacity: 0;
-          transform: scale(0.9) translateY(10px);
-        }
-        to {
-          opacity: 1;
-          transform: scale(1) translateY(0);
-        }
-      }
-      
-      :host::before {
-        content: '';
-        position: absolute;
-        inset: 0;
-        border-radius: ${unsafeCSS(radius['2xl'])};
-        padding: 1px;
-        background: linear-gradient(145deg, ${bdTheme('border')}, transparent 50%);
-        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-        -webkit-mask-composite: exclude;
-        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-        mask-composite: exclude;
-        opacity: 0.5;
+        z-index: 10001;
+
+        /* hidden by default */
+        opacity: 0;
         pointer-events: none;
+        transform: scale(0.95) translateY(10px);
+        transition:
+          opacity 200ms ease,
+          transform 200ms ease;
+      }
+
+      :host(.open) {
+        opacity: 1;
+        pointer-events: all;
+        transform: scale(1) translateY(0);
       }
 
       .container {
-        display: flex;
-        height: 100%;
-        overflow: visible;
-        border-radius: ${unsafeCSS(radius['2xl'])};
+        position: relative;
+        flex: 1;
+        min-height: 0;
+        overflow: hidden;
       }
 
-      /* Responsive layout */
-      @media (max-width: 600px) {
-        :host {
-          width: 100%;
-          height: 100%;
-          border-radius: 0;
-        }
+      sio-conversation-selector,
+      sio-conversation-view {
+        position: absolute;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        transition:
+          left 280ms cubic-bezier(0.4, 0, 0.2, 1),
+          opacity 200ms ease;
+      }
 
-        .container {
-          position: relative;
-        }
+      .container.show-list sio-conversation-selector {
+        left: 0;
+        opacity: 1;
+      }
 
-        sio-conversation-selector {
-          position: absolute;
-          width: 100%;
-          height: 100%;
-          transition: left 300ms ease, opacity 200ms ease;
-        }
+      .container.show-list sio-conversation-view {
+        left: 100%;
+        opacity: 0;
+        pointer-events: none;
+      }
 
-        sio-conversation-view {
-          position: absolute;
-          width: 100%;
-          height: 100%;
-          transition: left 300ms ease, opacity 200ms ease;
-        }
+      .container.show-conversation sio-conversation-selector {
+        left: -100%;
+        opacity: 0;
+        pointer-events: none;
+      }
 
-        /* Mobile navigation states */
-        .container.show-list sio-conversation-selector {
-          left: 0;
-          opacity: 1;
-        }
+      .container.show-conversation sio-conversation-view {
+        left: 0;
+        opacity: 1;
+      }
 
-        .container.show-list sio-conversation-view {
-          left: 100%;
-          opacity: 0;
-        }
+      /* footer — every state (v7 SIOWidgetShell) */
+      .footer {
+        flex-shrink: 0;
+        padding: 8px 0 10px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 5px;
+        font-size: 10.5px;
+        color: color-mix(in oklab, var(--sio-label-3) 75%, transparent);
+        user-select: none;
+      }
 
-        .container.show-conversation sio-conversation-selector {
-          left: -100%;
-          opacity: 0;
-        }
+      .footer svg {
+        display: block;
+      }
 
-        .container.show-conversation sio-conversation-view {
-          left: 0;
-          opacity: 1;
-        }
+      .footer span {
+        font-weight: 500;
+      }
+    `,
+            // phablet: full-screen sheet
+            cssManager.cssForPhablet(css `
+      :host {
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        width: 100vw;
+        height: 100vh;
+        height: 100dvh;
+        border-radius: 0;
+        transform-origin: center center;
       }
 
-      @media (min-width: 601px) {
-        sio-conversation-selector {
-          width: 320px;
-          flex-shrink: 0;
-        }
+      :host(.open) {
+        transform: scale(1) translateY(0);
+      }
 
-        sio-conversation-view {
-          flex: 1;
-        }
+      :host([keyboard-visible]) {
+        height: 100vh;
+        height: 100dvh;
       }
-    `,
-    ];
-    render() {
-        const selectedConversation = this.selectedConversationId
-            ? this.conversations.find(c => c.id === this.selectedConversationId)
-            : null;
-        const conversationData = selectedConversation
-            ? {
-                id: selectedConversation.id,
-                title: selectedConversation.title,
-                messages: this.messages[selectedConversation.id] || []
-            }
-            : null;
-        const containerClass = this.selectedConversationId ? 'show-conversation' : 'show-list';
-        return html `
+    `),
+        ];
+        render() {
+            const selectedConversation = this.selectedConversationId
+                ? this.conversations.find((c) => c.id === this.selectedConversationId)
+                : null;
+            const conversationData = selectedConversation
+                ? {
+                    id: selectedConversation.id,
+                    title: selectedConversation.title,
+                    agentInitials: selectedConversation.initials,
+                    agentTint: selectedConversation.tint,
+                    dateStamp: 'Today, 14:02',
+                    messages: this.messages[selectedConversation.id] || [],
+                }
+                : null;
+            const containerClass = this.selectedConversationId ? 'show-conversation' : 'show-list';
+            return html `
       <div class="container ${containerClass}">
         <sio-conversation-selector
           .conversations=${this.conversations}
           .selectedConversationId=${this.selectedConversationId}
           @conversation-selected=${this.handleConversationSelected}
+          @new-conversation=${this.handleNewConversation}
+          @close=${() => this.close()}
         ></sio-conversation-selector>
-        
+
         <sio-conversation-view
           .conversation=${conversationData}
+          ?away=${this.away}
           @back=${this.handleBack}
           @send-message=${this.handleSendMessage}
           @open-image=${this.handleOpenImage}
           @open-file=${this.handleOpenImage}
         ></sio-conversation-view>
       </div>
-      
+
+      <div class="footer">
+        <!-- mini social.io brand glyph -->
+        <svg width="10" height="10" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+          <path
+            d="M12 3C7 3 3 6.6 3 11c0 2.5 1.3 4.7 3.3 6.2-.1 1-.5 2.1-1.3 2.9 1.6-.1 3-.7 4-1.4.9.2 1.9.3 3 .3 5 0 9-3.6 9-8S17 3 12 3z"
+          />
+        </svg>
+        <span>Powered by social.io</span>
+      </div>
+
       <sio-image-lightbox></sio-image-lightbox>
     `;
-    }
-    handleConversationSelected(event) {
-        const conversation = event.detail.conversation;
-        this.selectedConversationId = conversation.id;
-        // Mark conversation as read
-        const convIndex = this.conversations.findIndex(c => c.id === conversation.id);
-        if (convIndex !== -1) {
-            this.conversations[convIndex] = { ...this.conversations[convIndex], unread: false };
-            this.conversations = [...this.conversations];
         }
-    }
-    handleBack() {
-        // For mobile view, go back to conversation list
-        this.selectedConversationId = null;
-    }
-    handleSendMessage(event) {
-        const message = event.detail.message;
-        const conversationId = this.selectedConversationId;
-        if (conversationId) {
-            // Add message to the conversation
-            if (!this.messages[conversationId]) {
-                this.messages[conversationId] = [];
+        handleConversationSelected(event) {
+            const conversation = event.detail.conversation;
+            this.selectedConversationId = conversation.id;
+            // Mark conversation as read
+            const convIndex = this.conversations.findIndex((c) => c.id === conversation.id);
+            if (convIndex !== -1) {
+                this.conversations[convIndex] = { ...this.conversations[convIndex], unread: false };
+                this.conversations = [...this.conversations];
+            }
+        }
+        handleNewConversation = () => {
+            const newConversation = {
+                id: `new-${Date.now()}`,
+                title: 'Lena · Orbit',
+                lastMessage: '',
+                time: 'now',
+                initials: 'LP',
+                tint: '#FF2D55',
+                status: 'new',
+            };
+            this.conversations = [newConversation, ...this.conversations];
+            this.messages = { ...this.messages, [newConversation.id]: [] };
+            this.selectedConversationId = newConversation.id;
+        };
+        handleBack() {
+            // back to the home / welcome state
+            this.selectedConversationId = null;
+        }
+        handleSendMessage(event) {
+            const message = event.detail.message;
+            const conversationId = this.selectedConversationId;
+            if (conversationId) {
+                // Add message to the conversation
+                if (!this.messages[conversationId]) {
+                    this.messages[conversationId] = [];
+                }
+                this.messages[conversationId] = [...this.messages[conversationId], message];
+                this.messages = { ...this.messages };
+                // Update conversation's last message
+                const convIndex = this.conversations.findIndex((c) => c.id === conversationId);
+                if (convIndex !== -1) {
+                    this.conversations[convIndex] = {
+                        ...this.conversations[convIndex],
+                        lastMessage: message.text,
+                        time: 'now',
+                    };
+                    // Move conversation to top
+                    const [conv] = this.conversations.splice(convIndex, 1);
+                    this.conversations = [conv, ...this.conversations];
+                }
             }
-            this.messages[conversationId] = [...this.messages[conversationId], message];
+        }
+        /**
+         * Append an inbound (support-side) message to a conversation.
+         * The host application calls this when a reply arrives.
+         */
+        receiveMessage(conversationId, message) {
+            this.messages[conversationId] = [...(this.messages[conversationId] ?? []), message];
             this.messages = { ...this.messages };
-            // Update conversation's last message
-            const convIndex = this.conversations.findIndex(c => c.id === conversationId);
-            if (convIndex !== -1) {
-                this.conversations[convIndex] = {
-                    ...this.conversations[convIndex],
-                    lastMessage: message.text,
-                    time: 'Just now'
+        }
+        handleOpenImage(event) {
+            const attachment = event.detail.attachment;
+            const lightbox = this.shadowRoot?.querySelector('sio-image-lightbox');
+            if (lightbox && attachment) {
+                const lightboxFile = {
+                    url: attachment.url,
+                    name: attachment.name,
+                    size: attachment.size,
+                    type: attachment.type,
                 };
-                // Move conversation to top
-                const [conv] = this.conversations.splice(convIndex, 1);
-                this.conversations = [conv, ...this.conversations];
+                lightbox.open(lightboxFile);
             }
-            // Simulate a response after a delay (remove in production)
-            setTimeout(() => {
-                const responseMessage = {
-                    id: Date.now().toString(),
-                    text: 'Thanks for your message! We\'ll get back to you shortly.',
-                    sender: 'support',
-                    time: new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
-                };
-                this.messages[conversationId] = [...this.messages[conversationId], responseMessage];
-                this.messages = { ...this.messages };
-            }, 3000);
         }
-    }
-    handleOpenImage(event) {
-        const attachment = event.detail.attachment;
-        const lightbox = this.shadowRoot?.querySelector('sio-image-lightbox');
-        if (lightbox && attachment) {
-            const lightboxFile = {
-                url: attachment.url,
-                name: attachment.name,
-                size: attachment.size,
-                type: attachment.type
-            };
-            lightbox.open(lightboxFile);
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
         }
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLWNvbWJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9zaW8tY29tYm94LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsVUFBVSxFQUNWLEdBQUcsRUFDSCxTQUFTLEVBQ1QsS0FBSyxHQUNOLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCx1QkFBdUI7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUV4RCxvQkFBb0I7QUFDcEIsT0FBTyxFQUFFLHVCQUF1QixFQUFzQixNQUFNLGdDQUFnQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxtQkFBbUIsRUFBMkQsTUFBTSw0QkFBNEIsQ0FBQztBQUMxSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQXVCLE1BQU0seUJBQXlCLENBQUM7QUFFaEYsa0NBQWtDO0FBQ2xDLHVCQUF1QixDQUFDO0FBQ3hCLG1CQUFtQixDQUFDO0FBQ3BCLGdCQUFnQixDQUFDO0FBUWpCLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztBQUM1QixNQUFNLE9BQU8sU0FBVSxTQUFRLFdBQVc7SUFDakMsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsNkJBQTZCLENBQUM7SUFFN0QsQ0FBQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7SUFDcEIsUUFBUSxDQUFDLGVBQWUsQ0FBYztJQUU3QyxDQUFDLEtBQUssRUFB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
+    };
+    return SioCombox = _classThis;
+})();
+export { SioCombox };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLWNvbWJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9zaW8tY29tYm94LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLElBQUksRUFDSixRQUFRLEVBQ1IsS0FBSyxFQUNMLGFBQWEsRUFDYixHQUFHLEVBQ0gsVUFBVSxHQUVYLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFzQixNQUFNLGdDQUFnQyxDQUFDO0FBQzdGLE9BQU8sRUFDTCxtQkFBbUIsR0FJcEIsTUFBTSw0QkFBNEIsQ0FBQztBQUNwQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQXNCLE1BQU0seUJBQXlCLENBQUM7QUFDL0UsdUJBQXVCLENBQUM7QUFDeEIsbUJBQW1CLENBQUM7QUFDcEIsZ0JBQWdCLENBQUM7QUFRakI7Ozs7Ozs7Ozs7OztHQVlHO0lBRVUsU0FBUzs0QkFEckIsYUFBYSxDQUFDLFlBQVksQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQUFuQixTQUFRLFdBQVc7Ozs7Z0NBNkJ2QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7a0RBRzNCLEtBQUssRUFBRTs2Q0FHUCxLQUFLLEVBQUU7a0NBR1AsS0FBSyxFQUFFO3lDQU1QLEtBQUssRUFBRTtvQ0FhUCxLQUFLLEVBQUU7WUEzQlIsaUtBQWdCLElBQUksNkJBQUosSUFBSSxtRkFBUztZQUc3Qix1TkFBaUIsc0JBQXNCLDZCQUF0QixzQkFBc0IsdUhBQXVCO1lBRzlELHdNQUFpQixpQkFBaUIsNkJBQWpCLGlCQUFpQiw2R0FBa0I7WUFHcEQsdUtB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