@social.io/catalog 1.3.0 → 2.1.0

package/dist_ts_web/elements/sio-conversation-view.js

@@ -1,245 +1,432 @@
-import { DeesElement, property, html, customElement, cssManager, css, unsafeCSS, state, } from '@design.estate/dees-element';
-// Import design tokens
-import { colors, bdTheme } from './00colors.js';
-import { spacing, radius, shadows, transitions } from './00tokens.js';
-import { fontFamilies, typography } from './00fonts.js';
+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, } from '@design.estate/dees-element';
+import { sioElementStyles, sioToolbarGlass } from './tokens.js';
 import { SioDropdownMenu } from './sio-dropdown-menu.js';
 import { SioMessageInput } from './sio-message-input.js';
-// Make sure components are loaded
+import './sio-icon.js';
+import './sio-avatar.js';
 SioDropdownMenu;
 SioMessageInput;
-@customElement('sio-conversation-view')
-export class SioConversationView extends DeesElement {
-    static demo = () => html `
-    <sio-conversation-view style="width: 600px; height: 600px;"></sio-conversation-view>
+const demoConversation = {
+    id: 'orbit-launch',
+    title: 'Lena · Orbit',
+    agentInitials: 'LP',
+    agentTint: '#FF2D55',
+    dateStamp: 'Today, 14:02',
+    messages: [
+        {
+            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' },
+    ],
+};
+/**
+ * sio-conversation-view — the widget's conversation state
+ * (v7 SocialIOWidget.jsx SIOWidgetChat).
+ *
+ * Glass header (back chevron in tint, 30px agent avatar, name 14/600,
+ * status line green "Online now" / orange "Away · replies by email",
+ * overflow dots), centered 11px date stamp, bubbles at max-width 76%
+ * (mine: solid tint right; theirs: grouped fill left with 24px avatar),
+ * typing indicator, the orange mail-fallback notice when away, and the
+ * composer via sio-message-input (email capture while away).
+ *
+ * Events (bubbles, composed):
+ *   back                                   — back chevron
+ *   send-message      { message }          — user sent a message
+ *   email-submitted   { email }            — away email capture
+ *   open-image / open-file { attachment }  — attachment click
+ *   conversation-action { action, conversationId } — overflow menu
+ */
+let SioConversationView = (() => {
+    let _classDecorators = [customElement('sio-conversation-view')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _conversation_decorators;
+    let _conversation_initializers = [];
+    let _conversation_extraInitializers = [];
+    let _away_decorators;
+    let _away_initializers = [];
+    let _away_extraInitializers = [];
+    let _typing_decorators;
+    let _typing_initializers = [];
+    let _typing_extraInitializers = [];
+    let _isDragging_decorators;
+    let _isDragging_initializers = [];
+    let _isDragging_extraInitializers = [];
+    let _pendingAttachments_decorators;
+    let _pendingAttachments_initializers = [];
+    let _pendingAttachments_extraInitializers = [];
+    var SioConversationView = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _conversation_decorators = [property({ type: Object })];
+            _away_decorators = [property({ type: Boolean, reflect: true })];
+            _typing_decorators = [property({ type: Boolean })];
+            _isDragging_decorators = [state()];
+            _pendingAttachments_decorators = [state()];
+            __esDecorate(this, null, _conversation_decorators, { kind: "accessor", name: "conversation", static: false, private: false, access: { has: obj => "conversation" in obj, get: obj => obj.conversation, set: (obj, value) => { obj.conversation = value; } }, metadata: _metadata }, _conversation_initializers, _conversation_extraInitializers);
+            __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, _typing_decorators, { kind: "accessor", name: "typing", static: false, private: false, access: { has: obj => "typing" in obj, get: obj => obj.typing, set: (obj, value) => { obj.typing = value; } }, metadata: _metadata }, _typing_initializers, _typing_extraInitializers);
+            __esDecorate(this, null, _isDragging_decorators, { kind: "accessor", name: "isDragging", static: false, private: false, access: { has: obj => "isDragging" in obj, get: obj => obj.isDragging, set: (obj, value) => { obj.isDragging = value; } }, metadata: _metadata }, _isDragging_initializers, _isDragging_extraInitializers);
+            __esDecorate(this, null, _pendingAttachments_decorators, { kind: "accessor", name: "pendingAttachments", static: false, private: false, access: { has: obj => "pendingAttachments" in obj, get: obj => obj.pendingAttachments, set: (obj, value) => { obj.pendingAttachments = value; } }, metadata: _metadata }, _pendingAttachments_initializers, _pendingAttachments_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SioConversationView = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <div style="display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap;">
+      <div
+        style="width: 380px; height: 620px; border-radius: 20px; overflow: hidden; background: var(--sio-surface); box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22), 0 0 0 0.5px rgba(0, 0, 0, 0.08);"
+      >
+        <sio-conversation-view .conversation=${demoConversation} typing></sio-conversation-view>
+      </div>
+      <div
+        style="width: 380px; height: 620px; border-radius: 20px; overflow: hidden; background: var(--sio-surface); box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22), 0 0 0 0.5px rgba(0, 0, 0, 0.08);"
+      >
+        <sio-conversation-view
+          away
+          .conversation=${{
+            ...demoConversation,
+            dateStamp: 'Today, 18:36',
+            messages: [
+                {
+                    id: '1',
+                    text: 'Hi — my invoice from March still shows the old VAT ID. Can you re-issue it?',
+                    sender: 'user',
+                    time: '18:36',
+                },
+            ],
+        }}
+        ></sio-conversation-view>
+      </div>
+    </div>
   `;
-    @property({ type: Object })
-    accessor conversation = null;
-    @state()
-    accessor isTyping = false;
-    @state()
-    accessor isDragging = false;
-    @state()
-    accessor uploadingFiles = new Map();
-    @state()
-    accessor pendingAttachments = [];
-    dropdownMenuItems = [
-        { id: 'mute', label: 'Mute notifications', icon: 'bell-off' },
-        { id: 'pin', label: 'Pin conversation', icon: 'pin' },
-        { id: 'search', label: 'Search in chat', icon: 'search' },
-        { id: 'divider1', label: '', divider: true },
-        { id: 'export', label: 'Export chat', icon: 'download' },
-        { id: 'archive', label: 'Archive conversation', icon: 'archive' },
-        { id: 'divider2', label: '', divider: true },
-        { id: 'clear', label: 'Clear history', icon: 'trash-2', destructive: true }
-    ];
-    static styles = [
-        cssManager.defaultStyles,
-        css `
+        #conversation_accessor_storage = __runInitializers(this, _conversation_initializers, null);
+        get conversation() { return this.#conversation_accessor_storage; }
+        set conversation(value) { this.#conversation_accessor_storage = value; }
+        #away_accessor_storage = (__runInitializers(this, _conversation_extraInitializers), __runInitializers(this, _away_initializers, false));
+        /** team is away — orange status, mail-fallback notice, email composer */
+        get away() { return this.#away_accessor_storage; }
+        set away(value) { this.#away_accessor_storage = value; }
+        #typing_accessor_storage = (__runInitializers(this, _away_extraInitializers), __runInitializers(this, _typing_initializers, false));
+        /** show the agent typing indicator */
+        get typing() { return this.#typing_accessor_storage; }
+        set typing(value) { this.#typing_accessor_storage = value; }
+        #isDragging_accessor_storage = (__runInitializers(this, _typing_extraInitializers), __runInitializers(this, _isDragging_initializers, false));
+        get isDragging() { return this.#isDragging_accessor_storage; }
+        set isDragging(value) { this.#isDragging_accessor_storage = value; }
+        #pendingAttachments_accessor_storage = (__runInitializers(this, _isDragging_extraInitializers), __runInitializers(this, _pendingAttachments_initializers, []));
+        get pendingAttachments() { return this.#pendingAttachments_accessor_storage; }
+        set pendingAttachments(value) { this.#pendingAttachments_accessor_storage = value; }
+        dropdownMenuItems = (__runInitializers(this, _pendingAttachments_extraInitializers), [
+            { id: 'mute', label: 'Mute notifications', icon: 'bell-off' },
+            { id: 'search', label: 'Search in chat', icon: 'search' },
+            { id: 'divider1', label: '', divider: true },
+            { id: 'export', label: 'Export chat', icon: 'download' },
+            { id: 'divider2', label: '', divider: true },
+            { id: 'clear', label: 'Clear history', icon: 'trash-2', destructive: true },
+        ]);
+        static styles = [
+            ...sioElementStyles,
+            css `
       :host {
         display: flex;
         flex-direction: column;
         height: 100%;
-        background: ${bdTheme('background')};
-        font-family: ${unsafeCSS(fontFamilies.sans)};
+        background: var(--sio-surface);
+        font-family: var(--sio-font-sf);
+        overflow: hidden;
       }
 
+      /* ── glass header ────────────────────────────────────────── */
       .header {
-        padding: ${unsafeCSS(spacing["4"])};
-        border-bottom: 1px solid ${bdTheme('border')};
-        background: ${bdTheme('background')};
+        ${sioToolbarGlass}
+        flex-shrink: 0;
+        padding: 12px 16px;
         display: flex;
         align-items: center;
-        gap: ${unsafeCSS(spacing["3"])};
-        backdrop-filter: blur(10px);
-        -webkit-backdrop-filter: blur(10px);
-        position: sticky;
-        top: 0;
+        gap: 10px;
+        position: relative;
         z-index: 10;
-        overflow: visible;
       }
 
-      .back-button {
-        display: none;
+      .backButton {
+        border: none;
+        background: none;
+        padding: 0;
+        margin: 0;
+        display: flex;
+        align-items: center;
+        color: var(--sio-tint);
+        cursor: pointer;
       }
 
-      @media (max-width: 600px) {
-        .back-button {
-          display: block;
-        }
+      .backButton:hover {
+        color: var(--sio-tint-hover);
       }
 
-      .header-title {
-        font-size: 1.125rem;
-        line-height: 1.5;
-        font-weight: 600;
-        margin: 0;
-        color: ${bdTheme('foreground')};
+      .headerMain {
         flex: 1;
+        min-width: 0;
       }
 
-      .header-actions {
-        display: flex;
-        gap: ${unsafeCSS(spacing["2"])};
-        position: relative;
-        overflow: visible;
+      .headerName {
+        font-size: 14px;
+        font-weight: 600;
+        color: var(--sio-label);
+        letter-spacing: -0.2px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
-      .messages-container {
-        flex: 1;
-        overflow-y: auto;
-        padding: ${unsafeCSS(spacing["4"])};
-        display: flex;
-        flex-direction: column;
-        gap: ${unsafeCSS(spacing["3"])};
+      .headerStatus {
+        font-size: 11.5px;
+        font-weight: 500;
+        color: var(--sio-green);
+      }
+
+      :host([away]) .headerStatus {
+        color: var(--sio-orange);
       }
 
-      .message {
+      .overflowButton {
+        border: none;
+        background: none;
+        padding: 4px;
+        margin: 0;
         display: flex;
-        align-items: flex-start;
-        gap: ${unsafeCSS(spacing["3"])};
-        max-width: 70%;
+        align-items: center;
+        color: var(--sio-label-3);
+        cursor: pointer;
       }
 
-      .message.user {
-        align-self: flex-end;
-        flex-direction: row-reverse;
+      .overflowButton:hover {
+        color: var(--sio-label-2);
       }
 
-      .message-bubble {
-        padding: ${unsafeCSS(spacing["2.5"])} ${unsafeCSS(spacing["3.5"])};
-        border-radius: ${unsafeCSS(radius["2xl"])};
-        font-size: 0.9375rem;
-        line-height: 1.6;
+      /* ── messages ────────────────────────────────────────────── */
+      .messages {
+        flex: 1;
+        min-height: 0;
         position: relative;
-        box-shadow: ${unsafeCSS(shadows.sm)};
-        max-width: 100%;
-        word-wrap: break-word;
+        padding: 14px 14px 6px;
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        overflow-y: auto;
       }
 
-      .message.support .message-bubble {
-        background: ${bdTheme('secondary')};
-        color: ${bdTheme('secondaryForeground')};
-        border-bottom-left-radius: ${unsafeCSS(spacing["1"])};
-        border: 1px solid ${bdTheme('border')};
+      .dateStamp {
+        text-align: center;
+        font-size: 11px;
+        color: var(--sio-label-3);
+        margin-bottom: 2px;
+        font-variant-numeric: tabular-nums;
+        flex-shrink: 0;
       }
 
-      .message.user .message-bubble {
-        background: ${bdTheme('primary')};
-        color: ${bdTheme('primaryForeground')};
-        border-bottom-right-radius: ${unsafeCSS(spacing["1"])};
+      .row {
+        display: flex;
+        justify-content: flex-start;
+        align-items: flex-end;
+        gap: 8px;
+        flex-shrink: 0;
       }
 
-      .message-time {
-        font-size: 0.75rem;
-        line-height: 1.5;
-        color: ${bdTheme('mutedForeground')};
-        margin-top: ${unsafeCSS(spacing["1"])};
+      .row.mine {
+        justify-content: flex-end;
       }
 
-      .message.user .message-time {
-        text-align: right;
+      .bubble {
+        max-width: 76%;
+        padding: 8px 12px;
+        border-radius: 16px;
+        font-size: 13.5px;
+        line-height: 1.4;
+        letter-spacing: -0.1px;
+        background: var(--sio-surface-2);
+        color: var(--sio-label);
+        word-wrap: break-word;
       }
 
-      .typing-indicator {
-        display: flex;
-        align-items: center;
-        gap: ${unsafeCSS(spacing["1"])};
-        padding: ${unsafeCSS(spacing["2"])} ${unsafeCSS(spacing["3"])};
-        background: ${bdTheme('muted')};
-        border-radius: ${unsafeCSS(radius.lg)};
-        width: fit-content;
+      .row.mine .bubble {
+        background: var(--sio-tint);
+        color: #fff; /* on-tint constant (v7 outgoing bubble) */
       }
 
-      .typing-dot {
-        width: 8px;
-        height: 8px;
-        background: ${bdTheme('mutedForeground')};
-        border-radius: 50%;
-        animation: typing 1.4s infinite;
+      /* typing indicator bubble */
+      .typingBubble {
+        padding: 10px 13px;
+        border-radius: 16px;
+        background: var(--sio-surface-2);
+        display: flex;
+        gap: 4px;
       }
 
-      .typing-dot:nth-child(2) {
-        animation-delay: 0.2s;
+      .typingBubble .dot {
+        width: 6px;
+        height: 6px;
+        border-radius: 3px;
+        background: var(--sio-label-3);
+        animation: typingPulse 1.2s ease-in-out infinite;
       }
 
-      .typing-dot:nth-child(3) {
-        animation-delay: 0.4s;
+      .typingBubble .dot:nth-child(1) {
+        opacity: 0.5;
+      }
+      .typingBubble .dot:nth-child(2) {
+        opacity: 0.7;
+        animation-delay: 0.15s;
+      }
+      .typingBubble .dot:nth-child(3) {
+        opacity: 0.9;
+        animation-delay: 0.3s;
       }
 
-      @keyframes typing {
-        0%, 60%, 100% {
-          opacity: 0.3;
-          transform: scale(0.8);
+      @keyframes typingPulse {
+        0%,
+        60%,
+        100% {
+          transform: translateY(0);
         }
         30% {
-          opacity: 1;
-          transform: scale(1);
+          transform: translateY(-2px);
         }
       }
 
-      .input-container {
-        padding: ${unsafeCSS(spacing["4"])};
-        border-top: 1px solid ${bdTheme('border')};
-        background: ${bdTheme('background')};
-        backdrop-filter: blur(10px);
-        -webkit-backdrop-filter: blur(10px);
+      /* mail-fallback notice — the social.io magic moment */
+      .awayNotice {
+        flex-shrink: 0;
+        margin-top: 4px;
+        padding: 10px 12px;
+        border-radius: var(--sio-radius-md);
+        background: color-mix(in oklab, var(--sio-orange) 10%, transparent);
+        display: flex;
+        gap: 9px;
+        align-items: flex-start;
       }
 
-      .empty-state {
-        flex: 1;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        gap: ${unsafeCSS(spacing["4"])};
-        padding: ${unsafeCSS(spacing["8"])};
-        text-align: center;
-        color: ${bdTheme('mutedForeground')};
-        animation: fadeIn 500ms ease-out;
+      .awayNotice sio-icon {
+        margin-top: 1px;
+        flex-shrink: 0;
+        color: var(--sio-orange);
       }
-      
-      @keyframes fadeIn {
-        from {
-          opacity: 0;
-        }
-        to {
-          opacity: 1;
-        }
+
+      .awayNotice .noticeText {
+        font-size: 12px;
+        line-height: 1.45;
+        color: var(--sio-label);
       }
 
-      .empty-icon {
-        font-size: 64px;
-        opacity: 0.5;
+      .awayNotice .noticeText b {
+        font-weight: 600;
       }
 
-      /* Scrollbar styling */
-      .messages-container::-webkit-scrollbar {
-        width: 6px;
+      /* ── attachments in bubbles ──────────────────────────────── */
+      .attachments {
+        margin-top: 6px;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 6px;
       }
 
-      .messages-container::-webkit-scrollbar-track {
-        background: transparent;
+      .attachmentImage {
+        max-width: 180px;
+        border-radius: var(--sio-radius-md);
+        overflow: hidden;
+        cursor: pointer;
       }
 
-      .messages-container::-webkit-scrollbar-thumb {
-        background: ${bdTheme('border')};
-        border-radius: 3px;
+      .attachmentImage img {
+        display: block;
+        width: 100%;
+        height: auto;
       }
 
-      .messages-container::-webkit-scrollbar-thumb:hover {
-        background: ${bdTheme('mutedForeground')};
+      .attachmentFile {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 7px 10px;
+        background: color-mix(in oklab, var(--sio-label) 6%, transparent);
+        border-radius: var(--sio-radius);
+        font-size: 12px;
+        cursor: pointer;
       }
 
-      /* File drop zone */
-      .messages-container {
-        position: relative;
+      .row.mine .attachmentFile {
+        background: rgba(255, 255, 255, 0.16); /* on-tint scrim */
+        color: #fff;
       }
-      
-      .drop-overlay {
+
+      .attachmentName {
+        font-weight: 500;
+      }
+
+      .attachmentSize {
+        font-size: 11px;
+        opacity: 0.7;
+        font-variant-numeric: tabular-nums;
+      }
+
+      /* ── drop overlay ────────────────────────────────────────── */
+      .dropOverlay {
         position: absolute;
         inset: 0;
-        background: ${bdTheme('background')}95;
+        background: color-mix(in oklab, var(--sio-surface) 88%, transparent);
         backdrop-filter: blur(8px);
         -webkit-backdrop-filter: blur(8px);
         display: flex;
@@ -248,479 +435,466 @@ export class SioConversationView extends DeesElement {
         z-index: 100;
         pointer-events: none;
         opacity: 0;
-        transition: opacity 200ms ease;
+        transition: opacity 160ms ease;
       }
 
-      .drop-overlay.active {
+      .dropOverlay.active {
         opacity: 1;
         pointer-events: all;
       }
 
-      .drop-zone {
-        padding: ${unsafeCSS(spacing["8"])};
-        border: 2px dashed ${bdTheme('border')};
-        border-radius: ${unsafeCSS(radius.xl)};
-        background: ${bdTheme('card')};
+      .dropZone {
+        padding: 24px 28px;
+        border: 1.5px dashed var(--sio-tint);
+        border-radius: var(--sio-radius-lg);
+        background: var(--sio-tint-soft);
         text-align: center;
-        transition: ${unsafeCSS(transitions.all)};
+        color: var(--sio-tint);
       }
 
-      .drop-overlay.active .drop-zone {
-        border-color: ${bdTheme('primary')};
-        background: ${bdTheme('accent')};
-        transform: scale(1.02);
-      }
-
-      .drop-icon {
-        font-size: 48px;
-        color: ${bdTheme('primary')};
-        margin-bottom: ${unsafeCSS(spacing["4"])};
+      .dropText {
+        margin-top: 8px;
+        font-size: 13.5px;
+        font-weight: 600;
+        color: var(--sio-label);
       }
 
-      .drop-text {
-        font-size: 1.125rem;
-        font-weight: 500;
-        color: ${bdTheme('foreground')};
-        margin-bottom: ${unsafeCSS(spacing["2"])};
+      .dropHint {
+        margin-top: 2px;
+        font-size: 11.5px;
+        color: var(--sio-label-3);
       }
 
-      .drop-hint {
-        font-size: 0.875rem;
-        color: ${bdTheme('mutedForeground')};
+      /* ── composer area ───────────────────────────────────────── */
+      .composerArea {
+        flex-shrink: 0;
       }
 
-      /* File attachments */
-      .message-attachments {
-        margin-top: ${unsafeCSS(spacing["2"])};
+      .pendingAttachments {
+        padding: 8px 14px 0;
         display: flex;
-        flex-wrap: wrap;
-        gap: ${unsafeCSS(spacing["2"])};
-      }
-
-      .attachment-image {
-        max-width: 200px;
-        max-height: 200px;
-        border-radius: ${unsafeCSS(radius.lg)};
-        overflow: hidden;
-        cursor: pointer;
-        transition: ${unsafeCSS(transitions.all)};
-        box-shadow: ${unsafeCSS(shadows.sm)};
-      }
-
-      .attachment-image:hover {
-        transform: scale(1.02);
-        box-shadow: ${unsafeCSS(shadows.md)};
-      }
-
-      .attachment-image img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
+        flex-direction: column;
+        gap: 6px;
       }
 
-      .attachment-file {
+      .pendingAttachment {
         display: flex;
         align-items: center;
-        gap: ${unsafeCSS(spacing["2"])};
-        padding: ${unsafeCSS(spacing["2"])} ${unsafeCSS(spacing["3"])};
-        background: ${bdTheme('secondary')};
-        border: 1px solid ${bdTheme('border')};
-        border-radius: ${unsafeCSS(radius.md)};
-        font-size: 0.875rem;
-        cursor: pointer;
-        transition: ${unsafeCSS(transitions.all)};
+        gap: 8px;
+        padding: 6px 10px;
+        border-radius: var(--sio-radius);
+        background: var(--sio-surface-2);
+        color: var(--sio-label-2);
+        font-size: 12px;
       }
 
-      .attachment-file:hover {
-        background: ${bdTheme('accent')};
+      .pendingAttachment .info {
+        flex: 1;
+        min-width: 0;
       }
 
-      .attachment-name {
+      .pendingAttachment .name {
         font-weight: 500;
-        color: ${bdTheme('foreground')};
-      }
-
-      .attachment-size {
-        color: ${bdTheme('mutedForeground')};
-        font-size: 0.75rem;
+        color: var(--sio-label);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
-      /* Pending attachments */
-      .pending-attachments {
-        padding: ${unsafeCSS(spacing["2"])} ${unsafeCSS(spacing["3"])};
-        background: ${bdTheme('secondary')};
-        border: 1px solid ${bdTheme('border')};
-        border-radius: ${unsafeCSS(radius.lg)};
-        margin-bottom: ${unsafeCSS(spacing["2"])};
+      .pendingAttachment .size {
+        font-size: 11px;
+        color: var(--sio-label-3);
+        font-variant-numeric: tabular-nums;
       }
 
-      .pending-attachment {
+      .pendingAttachment .remove {
         display: flex;
-        align-items: center;
-        gap: ${unsafeCSS(spacing["2"])};
-        padding: ${unsafeCSS(spacing["1"])} 0;
-      }
-
-      .pending-attachment-info {
-        flex: 1;
-        min-width: 0;
+        padding: 2px;
+        color: var(--sio-label-3);
+        cursor: pointer;
       }
 
-      .pending-attachment-name {
-        font-size: 0.875rem;
-        font-weight: 500;
-        color: ${bdTheme('foreground')};
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
+      .pendingAttachment .remove:hover {
+        color: var(--sio-red);
       }
 
-      .pending-attachment-size {
-        font-size: 0.75rem;
-        color: ${bdTheme('mutedForeground')};
+      /* ── empty state ─────────────────────────────────────────── */
+      .emptyState {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 10px;
+        padding: 32px;
+        text-align: center;
+        color: var(--sio-label-3);
       }
 
-      .remove-attachment {
-        padding: ${unsafeCSS(spacing["1"])};
-        cursor: pointer;
-        color: ${bdTheme('mutedForeground')};
-        transition: ${unsafeCSS(transitions.all)};
+      .emptyState .emptyTitle {
+        font-size: 14px;
+        font-weight: 600;
+        color: var(--sio-label);
       }
 
-      .remove-attachment:hover {
-        color: ${bdTheme('destructive')};
+      .emptyState .emptyText {
+        font-size: 12.5px;
       }
     `,
-    ];
-    render() {
-        if (!this.conversation) {
-            return html `
-        <div class="empty-state">
-          <sio-icon class="empty-icon" icon="message-square"></sio-icon>
-          <h3>Select a conversation</h3>
-          <p>Choose a conversation from the sidebar to start messaging</p>
+        ];
+        render() {
+            if (!this.conversation) {
+                return html `
+        <div class="emptyState">
+          <sio-icon icon="message-circle" size="40"></sio-icon>
+          <div class="emptyTitle">No conversation selected</div>
+          <div class="emptyText">Pick a recent thread or send us a new message.</div>
         </div>
       `;
-        }
-        return html `
+            }
+            const initials = this.conversation.agentInitials || this.deriveInitials(this.conversation.title);
+            const tint = this.conversation.agentTint || 'var(--sio-tint)';
+            const showTyping = !this.away && this.typing;
+            return html `
       <div class="header">
-        <sio-button
-          class="back-button"
-          type="ghost"
-          size="sm"
-          @click=${this.handleBack}
-        >
-          <sio-icon icon="arrow-left" size="16"></sio-icon>
-        </sio-button>
-        <h3 class="header-title">${this.conversation.title}</h3>
-        <div class="header-actions">
-          <sio-button type="ghost" size="sm">
-            <sio-icon icon="phone" size="16"></sio-icon>
-          </sio-button>
-          <sio-dropdown-menu 
-            .items=${this.dropdownMenuItems}
-            @item-selected=${this.handleDropdownAction}
-          >
-            <sio-button type="ghost" size="sm">
-              <sio-icon icon="more-vertical" size="16"></sio-icon>
-            </sio-button>
-          </sio-dropdown-menu>
+        <button class="backButton" aria-label="Back" @click=${this.handleBack}>
+          <sio-icon icon="chevron-left" size="18" .strokeWidth=${2.2}></sio-icon>
+        </button>
+        <sio-avatar initials=${initials} tint=${tint} size="30"></sio-avatar>
+        <div class="headerMain">
+          <div class="headerName">${this.conversation.title}</div>
+          <div class="headerStatus">
+            ${this.away ? 'Away · replies by email' : 'Online now'}
+          </div>
         </div>
+        <sio-dropdown-menu .items=${this.dropdownMenuItems} @item-selected=${this.handleDropdownAction}>
+          <button class="overflowButton" aria-label="Conversation actions">
+            <sio-icon icon="ellipsis" size="16"></sio-icon>
+          </button>
+        </sio-dropdown-menu>
       </div>
 
-      <div class="messages-container" id="messages"
+      <div
+        class="messages"
+        id="messages"
         @dragover=${this.handleDragOver}
+        @dragenter=${this.handleDragOver}
         @dragleave=${this.handleDragLeave}
         @drop=${this.handleDrop}
-        @dragenter=${this.handleDragOver}
       >
-        <div class="drop-overlay ${this.isDragging ? 'active' : ''}" 
+        <div
+          class="dropOverlay ${this.isDragging ? 'active' : ''}"
           @drop=${this.handleDrop}
           @dragover=${(e) => e.preventDefault()}
         >
-          <div class="drop-zone">
-            <sio-icon class="drop-icon" icon="upload-cloud"></sio-icon>
-            <div class="drop-text">Drop files here</div>
-            <div class="drop-hint">Images and documents up to 10MB</div>
+          <div class="dropZone">
+            <sio-icon icon="upload-cloud" size="28"></sio-icon>
+            <div class="dropText">Drop files here</div>
+            <div class="dropHint">Images and documents up to 10MB</div>
           </div>
         </div>
-        ${this.conversation.messages.map((msg, index) => html `
-          <div class="message ${msg.sender}" style="animation-delay: ${index * 50}ms">
-            <div class="message-content">
-              <div class="message-bubble">
-                ${msg.text}
-              </div>
-              ${msg.attachments && msg.attachments.length > 0 ? html `
-                <div class="message-attachments">
-                  ${msg.attachments.map(attachment => this.isImage(attachment.type) ? html `
-                      <div class="attachment-image" @click=${() => this.openImage(attachment)}>
-                        <img src="${attachment.url}" alt="${attachment.name}" />
-                      </div>
-                    ` : attachment.type?.includes('pdf') || attachment.name?.toLowerCase().endsWith('.pdf') ? html `
-                      <div class="attachment-file" @click=${() => this.openImage(attachment)}>
-                        <sio-icon icon="file-text" size="16"></sio-icon>
-                        <div>
-                          <div class="attachment-name">${attachment.name}</div>
-                          <div class="attachment-size">${this.formatFileSize(attachment.size)}</div>
-                        </div>
-                      </div>
-                    ` : html `
-                      <div class="attachment-file" @click=${() => this.downloadFile(attachment)}>
-                        <sio-icon icon="file" size="16"></sio-icon>
-                        <div>
-                          <div class="attachment-name">${attachment.name}</div>
-                          <div class="attachment-size">${this.formatFileSize(attachment.size)}</div>
-                        </div>
+
+        ${this.conversation.dateStamp
+                ? html `<div class="dateStamp">${this.conversation.dateStamp}</div>`
+                : ''}
+        ${this.conversation.messages.map((message) => html `
+            <div class="row ${message.sender === 'user' ? 'mine' : ''}">
+              ${message.sender === 'support'
+                ? html `<sio-avatar initials=${initials} tint=${tint} size="24"></sio-avatar>`
+                : ''}
+              <div class="bubble">
+                ${message.text}
+                ${message.attachments && message.attachments.length > 0
+                ? html `
+                      <div class="attachments">
+                        ${message.attachments.map((attachment) => this.isImage(attachment.type)
+                    ? html `
+                                <div
+                                  class="attachmentImage"
+                                  @click=${() => this.openAttachment(attachment)}
+                                >
+                                  <img src="${attachment.url}" alt="${attachment.name}" />
+                                </div>
+                              `
+                    : html `
+                                <div
+                                  class="attachmentFile"
+                                  @click=${() => this.isPdf(attachment)
+                        ? this.openAttachment(attachment)
+                        : this.downloadFile(attachment)}
+                                >
+                                  <sio-icon
+                                    icon=${this.isPdf(attachment) ? 'file-text' : 'file'}
+                                    size="15"
+                                  ></sio-icon>
+                                  <div>
+                                    <div class="attachmentName">${attachment.name}</div>
+                                    <div class="attachmentSize">
+                                      ${this.formatFileSize(attachment.size)}
+                                    </div>
+                                  </div>
+                                </div>
+                              `)}
                       </div>
-                    `)}
-                </div>
-              ` : ''}
-              <div class="message-time">${msg.time}</div>
-            </div>
-          </div>
-        `)}
-        
-        ${this.isTyping ? html `
-          <div class="message support">
-            <div class="typing-indicator">
-              <div class="typing-dot"></div>
-              <div class="typing-dot"></div>
-              <div class="typing-dot"></div>
+                    `
+                : ''}
+              </div>
             </div>
-          </div>
-        ` : ''}
-      </div>
-
-      <div class="input-container">
-        ${this.pendingAttachments.length > 0 ? html `
-          <div class="pending-attachments">
-            ${this.pendingAttachments.map(attachment => html `
-              <div class="pending-attachment">
-                <sio-icon icon="${this.getFileIcon(attachment.type)}" size="16"></sio-icon>
-                <div class="pending-attachment-info">
-                  <div class="pending-attachment-name">${attachment.name}</div>
-                  <div class="pending-attachment-size">${this.formatFileSize(attachment.size)}</div>
+          `)}
+        ${showTyping
+                ? html `
+              <div class="row">
+                <sio-avatar initials=${initials} tint=${tint} size="24"></sio-avatar>
+                <div class="typingBubble">
+                  <span class="dot"></span>
+                  <span class="dot"></span>
+                  <span class="dot"></span>
                 </div>
-                <div class="remove-attachment" @click=${() => this.removeAttachment(attachment.id)}>
-                  <sio-icon icon="x" size="16"></sio-icon>
+              </div>
+            `
+                : ''}
+        ${this.away
+                ? html `
+              <div class="awayNotice">
+                <sio-icon icon="envelope" size="14" .strokeWidth=${1.7}></sio-icon>
+                <div class="noticeText">
+                  <b>The team is away.</b> Leave your email and your message continues there —
+                  same thread, no repeats.
                 </div>
               </div>
-            `)}
-          </div>
-        ` : ''}
+            `
+                : ''}
+      </div>
+
+      <div class="composerArea">
+        ${this.pendingAttachments.length > 0
+                ? html `
+              <div class="pendingAttachments">
+                ${this.pendingAttachments.map((attachment) => html `
+                    <div class="pendingAttachment">
+                      <sio-icon icon=${this.getFileIcon(attachment.type)} size="15"></sio-icon>
+                      <div class="info">
+                        <div class="name">${attachment.name}</div>
+                        <div class="size">${this.formatFileSize(attachment.size)}</div>
+                      </div>
+                      <span class="remove" @click=${() => this.removeAttachment(attachment.id)}>
+                        <sio-icon icon="x" size="14"></sio-icon>
+                      </span>
+                    </div>
+                  `)}
+              </div>
+            `
+                : ''}
         <sio-message-input
+          variant=${this.away ? 'email' : 'message'}
+          placeholder=${this.away ? 'you@email.com' : 'Write a message…'}
           @send-message=${this.handleMessageSend}
           @files-selected=${this.handleFilesSelected}
         ></sio-message-input>
       </div>
     `;
-    }
-    handleBack() {
-        this.dispatchEvent(new CustomEvent('back', {
-            bubbles: true,
-            composed: true
-        }));
-    }
-    handleMessageSend(event) {
-        const { text, attachments } = event.detail;
-        if (!text.trim() && attachments.length === 0)
-            return;
-        const message = {
-            id: Date.now().toString(),
-            text: text.trim(),
-            sender: 'user',
-            time: new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
-            status: 'sending',
-            attachments: [...this.pendingAttachments]
+        }
+        updated() {
+            // keep the thread pinned to the latest message
+            const container = this.shadowRoot?.querySelector('#messages');
+            if (container) {
+                container.scrollTop = container.scrollHeight;
+            }
+        }
+        deriveInitials(title) {
+            return title
+                .split(/[\s·]+/)
+                .filter((part) => part.length > 0)
+                .slice(0, 2)
+                .map((part) => part[0].toUpperCase())
+                .join('');
+        }
+        handleBack = () => {
+            this.dispatchEvent(new CustomEvent('back', {
+                bubbles: true,
+                composed: true,
+            }));
         };
-        // Dispatch event for parent to handle
-        this.dispatchEvent(new CustomEvent('send-message', {
-            detail: { message },
-            bubbles: true,
-            composed: true
-        }));
-        // Clear pending attachments
-        this.pendingAttachments = [];
-        // Simulate typing indicator (remove in production)
-        setTimeout(() => {
-            this.isTyping = true;
-            setTimeout(() => {
-                this.isTyping = false;
-            }, 2000);
-        }, 1000);
-    }
-    handleFilesSelected(event) {
-        const { files } = event.detail;
-        // Handle files if needed
-        // For now, we're handling attachments separately in the parent component
-    }
-    updated() {
-        // Scroll to bottom when new messages arrive
-        const container = this.shadowRoot?.querySelector('#messages');
-        if (container) {
-            container.scrollTop = container.scrollHeight;
+        handleMessageSend = (event) => {
+            event.stopPropagation();
+            const text = event.detail.text.trim();
+            if (this.away) {
+                if (!text) {
+                    return;
+                }
+                this.dispatchEvent(new CustomEvent('email-submitted', {
+                    detail: { email: text },
+                    bubbles: true,
+                    composed: true,
+                }));
+                return;
+            }
+            if (!text && this.pendingAttachments.length === 0) {
+                return;
+            }
+            const message = {
+                id: Date.now().toString(),
+                text,
+                sender: 'user',
+                time: new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                status: 'sending',
+                attachments: [...this.pendingAttachments],
+            };
+            this.dispatchEvent(new CustomEvent('send-message', {
+                detail: { message },
+                bubbles: true,
+                composed: true,
+            }));
+            this.pendingAttachments = [];
+        };
+        handleFilesSelected = (event) => {
+            event.stopPropagation();
+            this.processFiles(event.detail.files);
+        };
+        // File handling
+        handleDragOver(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            this.isDragging = true;
         }
-    }
-    // File handling methods
-    handleDragOver(e) {
-        e.preventDefault();
-        e.stopPropagation();
-        this.isDragging = true;
-    }
-    handleDragLeave(e) {
-        e.preventDefault();
-        e.stopPropagation();
-        // Check if we're actually leaving the messages container
-        const relatedTarget = e.relatedTarget;
-        const container = e.currentTarget;
-        if (!container.contains(relatedTarget)) {
+        handleDragLeave(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            const relatedTarget = e.relatedTarget;
+            const container = e.currentTarget;
+            if (!container.contains(relatedTarget)) {
+                this.isDragging = false;
+            }
+        }
+        handleDrop(e) {
+            e.preventDefault();
+            e.stopPropagation();
             this.isDragging = false;
+            const files = Array.from(e.dataTransfer?.files || []);
+            if (files.length > 0) {
+                this.processFiles(files);
+            }
         }
-    }
-    handleDrop(e) {
-        e.preventDefault();
-        e.stopPropagation();
-        this.isDragging = false;
-        const files = Array.from(e.dataTransfer?.files || []);
-        if (files.length > 0) {
-            this.processFiles(files);
+        async processFiles(files) {
+            const maxSize = 10 * 1024 * 1024; // 10MB
+            const validFiles = files.filter((file) => {
+                if (file.size > maxSize) {
+                    console.warn(`File ${file.name} exceeds 10MB limit`);
+                    return false;
+                }
+                return true;
+            });
+            for (const file of validFiles) {
+                const id = `${Date.now()}-${Math.random()}`;
+                const url = await this.fileToDataUrl(file);
+                const attachment = {
+                    id,
+                    name: file.name,
+                    size: file.size,
+                    type: file.type,
+                    url,
+                    thumbnailUrl: this.isImage(file.type) ? url : undefined,
+                };
+                this.pendingAttachments = [...this.pendingAttachments, attachment];
+            }
         }
-    }
-    openFileSelector() {
-        const fileInput = this.shadowRoot?.querySelector('#fileInput');
-        if (fileInput) {
-            fileInput.click();
+        fileToDataUrl(file) {
+            return new Promise((resolve, reject) => {
+                const reader = new FileReader();
+                reader.onload = () => resolve(reader.result);
+                reader.onerror = reject;
+                reader.readAsDataURL(file);
+            });
         }
-    }
-    handleFileSelect(e) {
-        const input = e.target;
-        const files = Array.from(input.files || []);
-        this.processFiles(files);
-        input.value = ''; // Clear input for re-selection
-    }
-    async processFiles(files) {
-        const maxSize = 10 * 1024 * 1024; // 10MB
-        const validFiles = files.filter(file => {
-            if (file.size > maxSize) {
-                console.warn(`File ${file.name} exceeds 10MB limit`);
-                return false;
+        removeAttachment(id) {
+            this.pendingAttachments = this.pendingAttachments.filter((a) => a.id !== id);
+        }
+        isImage(type) {
+            return type.startsWith('image/');
+        }
+        isPdf(attachment) {
+            return (attachment.type?.includes('pdf') || attachment.name?.toLowerCase().endsWith('.pdf') || false);
+        }
+        formatFileSize(bytes) {
+            if (bytes === 0)
+                return '0 Bytes';
+            const k = 1024;
+            const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+            const i = Math.floor(Math.log(bytes) / Math.log(k));
+            return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+        }
+        getFileIcon(type) {
+            if (this.isImage(type))
+                return 'image';
+            if (type.includes('pdf'))
+                return 'file-text';
+            if (type.includes('doc'))
+                return 'file-text';
+            if (type.includes('sheet') || type.includes('excel'))
+                return 'table';
+            return 'file';
+        }
+        openAttachment(attachment) {
+            if (this.isPdf(attachment)) {
+                this.dispatchEvent(new CustomEvent('open-file', {
+                    detail: { attachment },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+            else {
+                this.dispatchEvent(new CustomEvent('open-image', {
+                    detail: { attachment },
+                    bubbles: true,
+                    composed: true,
+                }));
             }
-            return true;
-        });
-        for (const file of validFiles) {
-            const id = `${Date.now()}-${Math.random()}`;
-            const url = await this.fileToDataUrl(file);
-            const attachment = {
-                id,
-                name: file.name,
-                size: file.size,
-                type: file.type,
-                url,
-                thumbnailUrl: this.isImage(file.type) ? url : undefined
-            };
-            this.pendingAttachments = [...this.pendingAttachments, attachment];
         }
-    }
-    fileToDataUrl(file) {
-        return new Promise((resolve, reject) => {
-            const reader = new FileReader();
-            reader.onload = () => resolve(reader.result);
-            reader.onerror = reject;
-            reader.readAsDataURL(file);
-        });
-    }
-    removeAttachment(id) {
-        this.pendingAttachments = this.pendingAttachments.filter(a => a.id !== id);
-    }
-    isImage(type) {
-        return type.startsWith('image/');
-    }
-    formatFileSize(bytes) {
-        if (bytes === 0)
-            return '0 Bytes';
-        const k = 1024;
-        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
-    }
-    getFileIcon(type) {
-        if (this.isImage(type))
-            return 'image';
-        if (type.includes('pdf'))
-            return 'file-text';
-        if (type.includes('doc'))
-            return 'file-text';
-        if (type.includes('sheet') || type.includes('excel'))
-            return 'table';
-        return 'file';
-    }
-    openImage(attachment) {
-        // Check if it's actually a PDF
-        if (attachment.type?.includes('pdf') || attachment.name?.toLowerCase().endsWith('.pdf')) {
-            this.dispatchEvent(new CustomEvent('open-file', {
-                detail: { attachment },
-                bubbles: true,
-                composed: true
-            }));
+        downloadFile(attachment) {
+            const a = document.createElement('a');
+            a.href = attachment.url;
+            a.download = attachment.name;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
         }
-        else {
-            this.dispatchEvent(new CustomEvent('open-image', {
-                detail: { attachment },
+        handleDropdownAction = (event) => {
+            const { item } = event.detail;
+            this.dispatchEvent(new CustomEvent('conversation-action', {
+                detail: {
+                    action: item.id,
+                    conversationId: this.conversation?.id,
+                },
                 bubbles: true,
-                composed: true
+                composed: true,
             }));
-        }
-    }
-    downloadFile(attachment) {
-        const a = document.createElement('a');
-        a.href = attachment.url;
-        a.download = attachment.name;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
-    }
-    handleDropdownAction(event) {
-        const { item } = event.detail;
-        // Dispatch event for parent to handle these actions
-        this.dispatchEvent(new CustomEvent('conversation-action', {
-            detail: {
-                action: item.id,
-                conversationId: this.conversation?.id
-            },
-            bubbles: true,
-            composed: true
-        }));
-        // Log action for demo purposes
-        console.log('Conversation action:', item.id, item.label);
-        // Handle some actions locally for demo
-        switch (item.id) {
-            case 'search':
-                // Could open a search overlay
-                console.log('Opening search...');
-                break;
-            case 'export':
-                // Export conversation as JSON/text
+            if (item.id === 'export') {
                 this.exportConversation();
-                break;
-        }
-    }
-    exportConversation() {
-        if (!this.conversation)
-            return;
-        const exportData = {
-            conversation: this.conversation.title,
-            exportDate: new Date().toISOString(),
-            messages: this.conversation.messages
+            }
         };
-        const blob = new Blob([JSON.stringify(exportData, null, 2)], { type: 'application/json' });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = `${this.conversation.title.replace(/\s+/g, '-')}-${Date.now()}.json`;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
-        URL.revokeObjectURL(url);
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLWNvbnZlcnNhdGlvbi12aWV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3Npby1jb252ZXJzYXRpb24tdmlldy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLFVBQVUsRUFDVixHQUFHLEVBQ0gsU0FBUyxFQUNULEtBQUssR0FDTixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLHVCQUF1QjtBQUN2QixPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQTBCLE1BQU0sd0JBQXdCLENBQUM7QUFDakYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXpELGtDQUFrQztBQUNsQyxlQUFlLENBQUM7QUFDaEIsZUFBZSxDQUFDO0FBaUNoQixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQztBQUN2QyxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsV0FBVztJQUMzQyxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7R0FFOUIsQ0FBQztJQUVGLENBQUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO0lBQ3BCLFFBQVEsQ0FBQyxZQUFZLEdBQTZCLElBQUksQ0FBQztJQUU5RCxDQUFDLEtBQUssRUFBRTtJQUNBLFFBQVEsQ0FBQyxRQUFRLEdBQVksS0FBSyxDQUFDO0lBRTNDLENBQUMsS0FBSyxFQUFFO0lBQ0EsUUFBUSxDQUFDLFVBQVUsR0FBWSxLQUFL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
+        exportConversation() {
+            if (!this.conversation)
+                return;
+            const exportData = {
+                conversation: this.conversation.title,
+                exportDate: new Date().toISOString(),
+                messages: this.conversation.messages,
+            };
+            const blob = new Blob([JSON.stringify(exportData, null, 2)], { type: 'application/json' });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = `${this.conversation.title.replace(/\s+/g, '-')}-${Date.now()}.json`;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SioConversationView = _classThis;
+})();
+export { SioConversationView };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLWNvbnZlcnNhdGlvbi12aWV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3Npby1jb252ZXJzYXRpb24tdmlldy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osUUFBUSxFQUNSLEtBQUssRUFDTCxhQUFhLEVBQ2IsR0FBRyxHQUVKLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUEwQixNQUFNLHdCQUF3QixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLGVBQWUsQ0FBQztBQUN2QixPQUFPLGlCQUFpQixDQUFDO0FBQ3pCLGVBQWUsQ0FBQztBQUNoQixlQUFlLENBQUM7QUF1Q2hCLE1BQU0sZ0JBQWdCLEdBQXNCO0lBQzFDLEVBQUUsRUFBRSxjQUFjO0lBQ2xCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLGFBQWEsRUFBRSxJQUFJO0lBQ25CLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLFNBQVMsRUFBRSxjQUFjO0lBQ3pCLFFBQVEsRUFBRTtRQUNSO1lBQ0UsRUFBRSxFQUFFLEdBQUc7WUFDUCxJQUFJLEVBQUUsNEVBQTRFO1lBQ2xGLE1BQU0sRUFBRSxTQUFTO1lBQ2pCLElBQUksRUFBRSxPQUFPO1NBQ2Q7UUFDRDtZQUNFLEVBQUUsRUFBRSxHQUFHO1lBQ1AsSUFBSSxFQUFFLHVFQUF1RTtZQUM3RSxNQUFNLEVBQUUsTUFBTTtZQUNkLElBQUksRUFBRSxPQUFPO1NBQ2Q7UUFDRDtZQUNFLEVBQUUsRUFBRSxHQUFHO1lBQ1AsSUFBSSxFQUFFLHdGQUF3RjtZQUM5RixNQUFNLEVBQUUsU0FBUztZQUNqQixJQUFJ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