@memberjunction/realtime-widget 0.0.0 → 5.45.0

package/dist/ui/support-widget-element.js

@@ -0,0 +1,540 @@
+/**
+ * @fileoverview `<mj-support-widget>` — a self-contained shadow-DOM custom element
+ * rendering the text support surface. Host CSS cannot bleed in or out (closed style
+ * scope + `all: initial` on :host). It owns NO chat logic — it delegates turns to an
+ * injected `IWidgetTransport` (which reuses ConversationsRuntime). Voice is layered on
+ * in W4 via the same element.
+ *
+ * @module @memberjunction/realtime-widget
+ */
+import { WIDGET_SHADOW_STYLES } from './tokens.js';
+import { VoiceIsSupported } from './browser-capabilities.js';
+/** The registered custom-element tag name. */
+export const WIDGET_TAG_NAME = 'mj-support-widget';
+/** The droppable support widget element. */
+export class SupportWidgetElement extends HTMLElement {
+    constructor() {
+        super();
+        this.transport = null;
+        this.voiceController = null;
+        this.session = null;
+        this.messages = [];
+        this.sending = false;
+        this.voiceActive = false;
+        this.headerTitle = 'Support';
+        this.greeting = 'Hi! How can we help you today?';
+        /** The pending retry the connection-lost banner invokes; null when no banner is shown. */
+        this.pendingRetry = null;
+        this.forgetHandler = null;
+        this.forgetting = false;
+        /** Capability probe for the voice/mic affordance (overridable for tests). */
+        this.voiceSupportedProbe = () => VoiceIsSupported();
+        /** Bound key handler for the open panel's focus trap (added/removed on open/close). */
+        this.trapHandler = (e) => this.onPanelKeydown(e);
+        this.root = this.attachShadow({ mode: 'open' });
+    }
+    connectedCallback() {
+        this.render();
+    }
+    /** Sets the UI title + greeting (called by the loader before mount). */
+    Configure(options) {
+        if (options.title)
+            this.headerTitle = options.title;
+        if (options.greeting)
+            this.greeting = options.greeting;
+        if (this.isConnected)
+            this.render();
+    }
+    /** Injects the minted session (drives modality/agent pinning). */
+    SetSession(session) {
+        this.session = session;
+    }
+    /** Injects the transport the element sends turns through. */
+    SetTransport(transport) {
+        this.transport = transport;
+    }
+    /**
+     * Wires the RV5 "forget me" action. The loader supplies a handler that archives the visitor's
+     * server-side memory and clears the durable cookie. When set (and the widget remembers returning
+     * visitors), a privacy notice + "Forget me" control render below the composer.
+     */
+    SetForgetHandler(handler) {
+        this.forgetHandler = handler;
+        if (this.isConnected)
+            this.render();
+    }
+    /** Injects the voice controller (enables the mic button when modality allows voice). */
+    SetVoiceController(controller) {
+        this.voiceController = controller;
+        if (this.isConnected)
+            this.render();
+    }
+    /** Overrides the voice capability probe (used by tests to simulate unsupported browsers). */
+    SetVoiceSupportedProbe(probe) {
+        this.voiceSupportedProbe = probe;
+        if (this.isConnected)
+            this.render();
+    }
+    /** Opens the chat panel, traps focus inside it, and focuses the composer. */
+    Open() {
+        const panel = this.panel();
+        if (!panel)
+            return;
+        panel.removeAttribute('hidden');
+        panel.addEventListener('keydown', this.trapHandler);
+        this.input()?.focus();
+    }
+    /** Closes the chat panel, releases the focus trap, and returns focus to the launcher. */
+    Close() {
+        const panel = this.panel();
+        panel?.setAttribute('hidden', '');
+        panel?.removeEventListener('keydown', this.trapHandler);
+        this.launcher()?.focus();
+    }
+    // ── rendering ────────────────────────────────────────────────────────────
+    render() {
+        this.root.innerHTML = '';
+        const style = document.createElement('style');
+        style.textContent = WIDGET_SHADOW_STYLES;
+        this.root.append(style, this.buildLauncher(), this.buildPanel());
+        this.renderTranscript();
+    }
+    buildLauncher() {
+        const btn = document.createElement('button');
+        btn.className = 'mj-widget-launcher';
+        btn.type = 'button';
+        btn.textContent = '💬';
+        btn.setAttribute('aria-label', 'Open support chat');
+        btn.addEventListener('click', () => this.Open());
+        return btn;
+    }
+    buildPanel() {
+        const panel = document.createElement('section');
+        panel.className = 'mj-widget-panel';
+        panel.setAttribute('hidden', '');
+        panel.setAttribute('role', 'dialog');
+        panel.setAttribute('aria-label', `${this.headerTitle} chat`);
+        panel.append(this.buildHeader(), this.buildBanner(), this.buildDemonstrationSurface(), this.buildTranscriptContainer(), this.buildProgress(), this.buildComposer());
+        const notice = this.buildMemoryNotice();
+        if (notice) {
+            panel.append(notice);
+        }
+        return panel;
+    }
+    /**
+     * RV5 visitor-facing privacy notice + "Forget me" control. Rendered only when this widget remembers
+     * returning visitors AND a forget handler is wired — otherwise returns null (no notice, no control),
+     * keeping the default (memory-off) widget unchanged.
+     */
+    buildMemoryNotice() {
+        if (!this.session?.rememberReturningVisitors || !this.forgetHandler) {
+            return null;
+        }
+        const notice = document.createElement('div');
+        notice.className = 'mj-widget-memory-notice';
+        const text = document.createElement('span');
+        text.className = 'mj-widget-memory-notice-text';
+        text.textContent = 'We remember your past chats to help you faster.';
+        const forget = document.createElement('button');
+        forget.className = 'mj-widget-forget';
+        forget.type = 'button';
+        forget.textContent = 'Forget me';
+        forget.addEventListener('click', () => void this.onForgetClicked());
+        notice.append(text, forget);
+        return notice;
+    }
+    /** Invokes the wired forget handler, then surfaces a confirmation as a system line. */
+    async onForgetClicked() {
+        if (this.forgetting || !this.forgetHandler) {
+            return;
+        }
+        this.forgetting = true;
+        const forget = this.query('.mj-widget-forget');
+        if (forget) {
+            forget.disabled = true;
+        }
+        try {
+            await this.forgetHandler();
+            this.appendMessage('system', 'Your saved chat history has been forgotten.');
+        }
+        catch {
+            this.appendMessage('system', 'Could not forget your history right now. Please try again later.');
+        }
+        finally {
+            this.forgetting = false;
+            if (forget) {
+                forget.disabled = false;
+            }
+        }
+    }
+    /** The connection-lost banner (hidden until a send / token refresh fails). */
+    buildBanner() {
+        const banner = document.createElement('div');
+        banner.className = 'mj-widget-banner';
+        banner.setAttribute('hidden', '');
+        banner.setAttribute('role', 'alert');
+        const text = document.createElement('span');
+        text.className = 'mj-widget-banner-text';
+        const retry = document.createElement('button');
+        retry.className = 'mj-widget-banner-retry';
+        retry.type = 'button';
+        retry.textContent = 'Retry';
+        retry.addEventListener('click', () => this.onRetryClicked());
+        banner.append(text, retry);
+        return banner;
+    }
+    buildHeader() {
+        const header = document.createElement('header');
+        header.className = 'mj-widget-header';
+        const title = document.createElement('span');
+        title.textContent = this.headerTitle;
+        const controls = document.createElement('span');
+        if (this.voiceEnabled()) {
+            controls.appendChild(this.buildVoiceButton());
+        }
+        const close = document.createElement('button');
+        close.className = 'mj-widget-close';
+        close.type = 'button';
+        close.textContent = '×';
+        close.setAttribute('aria-label', 'Close support chat');
+        close.addEventListener('click', () => this.Close());
+        controls.appendChild(close);
+        header.append(title, controls);
+        return header;
+    }
+    buildTranscriptContainer() {
+        const transcript = document.createElement('div');
+        transcript.className = 'mj-widget-transcript';
+        transcript.setAttribute('role', 'log');
+        transcript.setAttribute('aria-live', 'polite');
+        return transcript;
+    }
+    /**
+     * The interactive-channel demonstration surface (Phase 2): a titled stage an MJ channel (e.g. the
+     * Whiteboard) renders into while voice is active. Hidden until a channel's first tool call reveals it
+     * via {@link RevealChannelSurface}; a widget with no enabled channels never shows it.
+     */
+    buildDemonstrationSurface() {
+        const surface = document.createElement('div');
+        surface.className = 'mj-widget-surface';
+        surface.setAttribute('hidden', '');
+        const title = document.createElement('div');
+        title.className = 'mj-widget-surface-title';
+        const host = document.createElement('div');
+        host.className = 'mj-widget-surface-host';
+        surface.append(title, host);
+        return surface;
+    }
+    /**
+     * Reveals the demonstration surface for an interactive channel and returns the inner host element the
+     * channel renders into. Called (via the voice callbacks) the first time the agent engages a channel.
+     */
+    RevealChannelSurface(_channelName, title) {
+        const surface = this.query('.mj-widget-surface');
+        const titleEl = this.query('.mj-widget-surface-title');
+        const host = this.query('.mj-widget-surface-host');
+        if (titleEl)
+            titleEl.textContent = title;
+        surface?.removeAttribute('hidden');
+        return host ?? document.createElement('div');
+    }
+    /** Hides + clears the demonstration surface (on voice end). */
+    hideChannelSurface() {
+        const surface = this.query('.mj-widget-surface');
+        surface?.setAttribute('hidden', '');
+        const host = this.query('.mj-widget-surface-host');
+        if (host)
+            host.innerHTML = '';
+    }
+    buildProgress() {
+        const progress = document.createElement('div');
+        progress.className = 'mj-widget-progress';
+        progress.setAttribute('hidden', '');
+        return progress;
+    }
+    buildComposer() {
+        const form = document.createElement('form');
+        form.className = 'mj-widget-composer';
+        const input = document.createElement('textarea');
+        input.className = 'mj-widget-input';
+        input.rows = 1;
+        input.setAttribute('aria-label', 'Type your message');
+        input.placeholder = 'Type your message…';
+        input.addEventListener('keydown', (e) => this.onComposerKeydown(e));
+        const send = document.createElement('button');
+        send.className = 'mj-widget-send';
+        send.type = 'submit';
+        send.textContent = 'Send';
+        form.append(input, send);
+        form.addEventListener('submit', (e) => {
+            e.preventDefault();
+            void this.sendCurrent();
+        });
+        return form;
+    }
+    renderTranscript() {
+        const transcript = this.query('.mj-widget-transcript');
+        if (!transcript)
+            return;
+        transcript.innerHTML = '';
+        if (this.messages.length === 0) {
+            const empty = document.createElement('div');
+            empty.className = 'mj-widget-empty';
+            empty.textContent = this.greeting;
+            transcript.appendChild(empty);
+            return;
+        }
+        for (const msg of this.messages) {
+            const el = document.createElement('div');
+            el.className = `mj-widget-msg ${msg.role}`;
+            el.textContent = msg.text;
+            transcript.appendChild(el);
+        }
+        transcript.scrollTop = transcript.scrollHeight;
+    }
+    // ── interaction ──────────────────────────────────────────────────────────
+    onComposerKeydown(e) {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            void this.sendCurrent();
+        }
+        else if (e.key === 'Escape') {
+            this.Close();
+        }
+    }
+    // ── focus trap (W6 accessibility) ──────────────────────────────────────────
+    /** Keeps Tab focus cycling within the open panel; Esc still closes. */
+    onPanelKeydown(e) {
+        if (e.key === 'Escape') {
+            this.Close();
+            return;
+        }
+        if (e.key !== 'Tab')
+            return;
+        const focusables = this.focusableElements();
+        if (focusables.length === 0)
+            return;
+        const first = focusables[0];
+        const last = focusables[focusables.length - 1];
+        const active = this.activeWithinPanel();
+        if (e.shiftKey && active === first) {
+            e.preventDefault();
+            last.focus();
+        }
+        else if (!e.shiftKey && active === last) {
+            e.preventDefault();
+            first.focus();
+        }
+    }
+    /** The focusable controls inside the panel, in DOM order, excluding hidden subtrees. */
+    focusableElements() {
+        const panel = this.panel();
+        if (!panel)
+            return [];
+        const selector = 'button:not([disabled]), textarea:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex="-1"])';
+        return Array.from(panel.querySelectorAll(selector)).filter((el) => !this.isInHiddenSubtree(el, panel));
+    }
+    /** True when the element (or an ancestor up to the panel) carries the `hidden` attribute. */
+    isInHiddenSubtree(el, panel) {
+        let node = el;
+        while (node && node !== panel) {
+            if (node.hasAttribute('hidden'))
+                return true;
+            node = node.parentElement;
+        }
+        return false;
+    }
+    /** The currently-focused element, resolved through the shadow root. */
+    activeWithinPanel() {
+        const active = this.root.activeElement;
+        return active instanceof HTMLElement ? active : null;
+    }
+    /** Reads the composer, appends the user turn, dispatches it, renders the reply. */
+    async sendCurrent() {
+        const input = this.input();
+        const text = input?.value.trim() ?? '';
+        if (!text || this.sending)
+            return;
+        if (!this.transport) {
+            this.appendMessage('system', 'Support is not connected yet. Please try again in a moment.');
+            return;
+        }
+        if (input)
+            input.value = '';
+        this.appendMessage('user', text);
+        await this.dispatchTurn(text);
+    }
+    /** Sends one turn through the transport and renders progress + the reply. */
+    async dispatchTurn(text) {
+        this.setSending(true);
+        try {
+            const result = await this.transport.SendMessage(text, (m) => this.showProgress(m));
+            if (result.success) {
+                this.clearConnectionError();
+                this.appendMessage('agent', result.reply || '(no response)');
+            }
+            else {
+                this.ShowConnectionError(result.error ?? 'Message could not be sent.', () => void this.dispatchTurn(text));
+            }
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : 'Connection lost.';
+            this.ShowConnectionError(msg, () => void this.dispatchTurn(text));
+        }
+        finally {
+            this.hideProgress();
+            this.setSending(false);
+        }
+    }
+    appendMessage(role, text) {
+        this.messages.push({ role, text, timestampMs: Date.now() });
+        this.renderTranscript();
+    }
+    showProgress(message) {
+        const progress = this.query('.mj-widget-progress');
+        if (!progress)
+            return;
+        progress.textContent = message;
+        progress.removeAttribute('hidden');
+    }
+    hideProgress() {
+        this.query('.mj-widget-progress')?.setAttribute('hidden', '');
+    }
+    setSending(sending) {
+        this.sending = sending;
+        const send = this.query('.mj-widget-send');
+        if (send)
+            send.disabled = sending;
+    }
+    // ── voice (W4) ─────────────────────────────────────────────────────────────
+    /**
+     * Voice is offered only when a controller is wired, the instance enables Voice/Both,
+     * AND the browser can actually capture the mic (secure context + getUserMedia). On an
+     * insecure origin or an unsupported browser the mic affordance is hidden and the
+     * visitor falls back to text (graceful degradation, W6).
+     */
+    voiceEnabled() {
+        const modalityAllows = this.session?.modality === 'Voice' || this.session?.modality === 'Both';
+        return this.voiceController !== null && modalityAllows && this.voiceSupportedProbe();
+    }
+    buildVoiceButton() {
+        const btn = document.createElement('button');
+        btn.className = 'mj-widget-close mj-widget-voice';
+        btn.type = 'button';
+        btn.textContent = this.voiceActive ? '⏹' : '🎤';
+        btn.setAttribute('aria-label', this.voiceActive ? 'Stop voice' : 'Start voice');
+        btn.setAttribute('aria-pressed', String(this.voiceActive));
+        btn.addEventListener('click', () => void this.toggleVoice());
+        return btn;
+    }
+    /** Starts or stops a voice session via the injected controller. */
+    async toggleVoice() {
+        if (!this.voiceController)
+            return;
+        if (this.voiceActive) {
+            await this.voiceController.Stop();
+            return;
+        }
+        try {
+            await this.voiceController.Start({
+                onState: (s) => this.onVoiceState(s),
+                onTranscript: (t) => {
+                    if (t.isFinal && t.text.trim())
+                        this.appendMessage(t.role, t.text);
+                },
+                onEnded: (reason) => this.onVoiceEnded(reason),
+                // Phase 2: an MJ interactive channel reveals its surface here on first use.
+                getChannelSurface: (name, title) => this.RevealChannelSurface(name, title),
+            });
+        }
+        catch (err) {
+            this.appendMessage('system', err instanceof Error ? err.message : 'Could not start voice.');
+            this.onVoiceEnded();
+        }
+    }
+    onVoiceState(state) {
+        this.voiceActive = state !== 'idle' && state !== 'ended' && state !== 'error';
+        this.refreshVoiceButton();
+        if (state === 'listening')
+            this.showProgress('🎙 Listening…');
+        else if (state === 'speaking')
+            this.showProgress('🔊 Speaking…');
+        else
+            this.hideProgress();
+    }
+    onVoiceEnded(reason) {
+        this.voiceActive = false;
+        this.refreshVoiceButton();
+        this.hideProgress();
+        this.hideChannelSurface();
+        if (reason)
+            this.appendMessage('system', reason);
+    }
+    refreshVoiceButton() {
+        const btn = this.query('.mj-widget-voice');
+        if (!btn)
+            return;
+        btn.textContent = this.voiceActive ? '⏹' : '🎤';
+        btn.setAttribute('aria-label', this.voiceActive ? 'Stop voice' : 'Start voice');
+        btn.setAttribute('aria-pressed', String(this.voiceActive));
+    }
+    // ── small DOM accessors (testable) ─────────────────────────────────────────
+    /** Surfaces a system/notification line in the transcript (used by the notification adapter). */
+    ShowSystemMessage(text) {
+        this.appendMessage('system', text);
+    }
+    /**
+     * Shows the connection-lost banner with a retry affordance. Used when a send fails or
+     * a token refresh fails (graceful degradation, W6). Invoking the banner's Retry button
+     * (or {@link RetryConnection}) runs the supplied action and clears the banner on success.
+     *
+     * @param message  The user-facing reason shown in the banner.
+     * @param retry    The action to run when the visitor clicks Retry.
+     */
+    ShowConnectionError(message, retry) {
+        this.pendingRetry = retry;
+        const banner = this.query('.mj-widget-banner');
+        const text = this.query('.mj-widget-banner-text');
+        if (text)
+            text.textContent = message;
+        banner?.removeAttribute('hidden');
+    }
+    /** Programmatically triggers the pending retry (same effect as clicking Retry). */
+    RetryConnection() {
+        this.onRetryClicked();
+    }
+    /** Hides the connection-lost banner and drops the pending retry. */
+    clearConnectionError() {
+        this.pendingRetry = null;
+        this.query('.mj-widget-banner')?.setAttribute('hidden', '');
+    }
+    /** Runs the pending retry (if any) and hides the banner; the retry re-shows it on a repeat failure. */
+    onRetryClicked() {
+        const retry = this.pendingRetry;
+        this.clearConnectionError();
+        retry?.();
+    }
+    /** Exposes the shadow root for tests + integration code. */
+    get ShadowRootRef() {
+        return this.root;
+    }
+    query(selector) {
+        return this.root.querySelector(selector);
+    }
+    panel() {
+        return this.query('.mj-widget-panel');
+    }
+    launcher() {
+        return this.query('.mj-widget-launcher');
+    }
+    input() {
+        return this.query('.mj-widget-input');
+    }
+}
+/** Registers the custom element once (idempotent). */
+export function defineSupportWidgetElement() {
+    if (typeof customElements !== 'undefined' && !customElements.get(WIDGET_TAG_NAME)) {
+        customElements.define(WIDGET_TAG_NAME, SupportWidgetElement);
+    }
+}
+//# sourceMappingURL=support-widget-element.js.map

package/dist/ui/support-widget-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"support-widget-element.js","sourceRoot":"","sources":["../../src/ui/support-widget-element.ts"],"names":[],"mappings":"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"}

package/dist/ui/tokens.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @fileoverview Design tokens injected into the widget's SHADOW ROOT (not <head>),
+ * so the widget is themeable yet fully isolated from — and cannot bleed into — the
+ * host page. Mirrors the `--mj-chat-*` token set from
+ * `conversations-runtime-bootstrap.service.ts`, plus the minimal base semantic tokens
+ * the shadow tree needs (the shadow root does not inherit the host app's `:root`).
+ *
+ * No hardcoded colors leak into component rules — every rule references a token
+ * (CLAUDE design-token rule). Defaults here are the token values; a host can override
+ * by setting these custom properties on the mount element.
+ *
+ * @module @memberjunction/realtime-widget
+ */
+/** The `:host`-scoped token defaults + component CSS for the widget shadow root. */
+export declare const WIDGET_SHADOW_STYLES = "\n:host {\n    /* base semantic tokens (shadow root needs its own \u2014 it can't see the app :root) */\n    --mj-text-primary: #1f2933;\n    --mj-text-secondary: #52606d;\n    --mj-text-inverse: #ffffff;\n    --mj-bg-surface: #ffffff;\n    --mj-bg-surface-card: #f5f7fa;\n    --mj-bg-surface-sunken: #eef1f5;\n    --mj-border-default: #e2e8f0;\n    --mj-brand-primary: #264faf;\n    --mj-brand-primary-hover: #1d3f8c;\n    --mj-status-error: #dc2626;\n    --mj-status-error-text: #b91c1c;\n    --mj-status-error-bg: #fef2f2;\n\n    /* chat tokens (mirror the Angular bootstrap names) */\n    --mj-chat-bubble-user-bg: var(--mj-brand-primary);\n    --mj-chat-bubble-user-text: var(--mj-text-inverse);\n    --mj-chat-bubble-agent-bg: var(--mj-bg-surface-card);\n    --mj-chat-bubble-agent-text: var(--mj-text-primary);\n    --mj-chat-composer-bg: var(--mj-bg-surface);\n    --mj-chat-composer-border: var(--mj-border-default);\n\n    all: initial;\n    font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n    color: var(--mj-text-primary);\n}\n\n* { box-sizing: border-box; }\n\n.mj-widget-launcher {\n    position: fixed; right: 20px; bottom: 20px;\n    width: 56px; height: 56px; border-radius: 50%;\n    background: var(--mj-brand-primary); color: var(--mj-text-inverse);\n    border: none; cursor: pointer; font-size: 24px;\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 25%, transparent);\n}\n.mj-widget-launcher:hover { background: var(--mj-brand-primary-hover); }\n\n.mj-widget-panel {\n    position: fixed; right: 20px; bottom: 88px;\n    width: 360px; max-width: calc(100vw - 40px); height: 520px; max-height: calc(100vh - 120px);\n    display: flex; flex-direction: column;\n    background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n    border-radius: 12px; overflow: hidden;\n    box-shadow: 0 8px 28px color-mix(in srgb, var(--mj-text-primary) 22%, transparent);\n}\n.mj-widget-panel[hidden] { display: none; }\n\n.mj-widget-header {\n    padding: 12px 16px; background: var(--mj-brand-primary); color: var(--mj-text-inverse);\n    display: flex; align-items: center; justify-content: space-between; font-weight: 600;\n}\n.mj-widget-close { background: none; border: none; color: var(--mj-text-inverse); cursor: pointer; font-size: 18px; }\n\n.mj-widget-transcript {\n    flex: 1; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 8px;\n    background: var(--mj-bg-surface-sunken);\n}\n.mj-widget-empty { color: var(--mj-text-secondary); text-align: center; margin: auto; padding: 16px; }\n\n.mj-widget-msg { max-width: 80%; padding: 8px 12px; border-radius: 12px; white-space: pre-wrap; word-break: break-word; }\n.mj-widget-msg.user { align-self: flex-end; background: var(--mj-chat-bubble-user-bg); color: var(--mj-chat-bubble-user-text); }\n.mj-widget-msg.agent { align-self: flex-start; background: var(--mj-chat-bubble-agent-bg); color: var(--mj-chat-bubble-agent-text); }\n.mj-widget-msg.system { align-self: center; color: var(--mj-status-error-text); font-size: 0.85em; }\n\n.mj-widget-progress { align-self: flex-start; color: var(--mj-text-secondary); font-size: 0.85em; font-style: italic; }\n.mj-widget-progress[hidden] { display: none; }\n\n/* Interactive-channel demonstration surface (Phase 2 \u2014 e.g. the Whiteboard the agent draws on during voice). */\n.mj-widget-surface { display: flex; flex-direction: column; border-bottom: 1px solid var(--mj-border-default); background: var(--mj-bg-surface); }\n.mj-widget-surface[hidden] { display: none; }\n.mj-widget-surface-title { padding: 6px 12px; font-size: 0.8em; font-weight: 600; color: var(--mj-text-secondary); background: var(--mj-bg-surface-card); }\n.mj-widget-surface-host { height: 200px; width: 100%; background: var(--mj-bg-surface); overflow: hidden; }\n.mj-widget-surface-host svg { display: block; width: 100%; height: 100%; }\n\n.mj-widget-composer {\n    display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--mj-chat-composer-border);\n    background: var(--mj-chat-composer-bg);\n}\n.mj-widget-input {\n    flex: 1; resize: none; padding: 8px 10px; border: 1px solid var(--mj-border-default);\n    border-radius: 8px; font: inherit; color: var(--mj-text-primary); background: var(--mj-bg-surface);\n}\n.mj-widget-send {\n    background: var(--mj-brand-primary); color: var(--mj-text-inverse); border: none;\n    border-radius: 8px; padding: 0 14px; cursor: pointer; font: inherit;\n}\n.mj-widget-send:disabled { opacity: 0.5; cursor: default; }\n\n/* Connection-lost banner (graceful degradation, W6) */\n.mj-widget-banner {\n    display: flex; align-items: center; gap: 8px; padding: 8px 12px;\n    background: var(--mj-status-error-bg); color: var(--mj-status-error-text);\n    border-bottom: 1px solid color-mix(in srgb, var(--mj-status-error) 35%, transparent);\n    font-size: 0.85em;\n}\n.mj-widget-banner[hidden] { display: none; }\n.mj-widget-banner-text { flex: 1; }\n.mj-widget-banner-retry {\n    background: var(--mj-status-error); color: var(--mj-text-inverse); border: none;\n    border-radius: 6px; padding: 4px 10px; cursor: pointer; font: inherit; font-size: 0.95em;\n}\n.mj-widget-banner-retry:hover { background: var(--mj-status-error-text); }\n.mj-widget-memory-notice {\n    display: flex; align-items: center; gap: 8px; padding: 6px 12px;\n    background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n    border-top: 1px solid var(--mj-border-default);\n    font-size: 0.75em;\n}\n.mj-widget-memory-notice-text { flex: 1; }\n.mj-widget-forget {\n    background: none; color: var(--mj-text-secondary); border: none;\n    padding: 2px 4px; cursor: pointer; font: inherit; font-size: 1em;\n    text-decoration: underline; white-space: nowrap;\n}\n.mj-widget-forget:hover { color: var(--mj-text-primary); }\n.mj-widget-forget:disabled { opacity: 0.6; cursor: default; }\n";
+//# sourceMappingURL=tokens.d.ts.map

package/dist/ui/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/ui/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,oFAAoF;AACpF,eAAO,MAAM,oBAAoB,gyLAuHhC,CAAC"}