@crestapps/ai-chat-ui 2.0.0-preview.193 → 2.0.0-preview.199

package/dist/chat-widget.css

@@ -419,12 +419,73 @@
     display: inline-block;
     vertical-align: top;
     margin-top: 0.5rem;
+    /* The positioning context for the download that sits inside it. */
+    position: relative;
 }
 
 .ai-chat-widget-messages .generated-image-container img {
     max-width: 100% !important;
     max-height: 50vh;
     object-fit: contain;
+    /* The panel is 380px wide, so a figure in it is a thumbnail whatever it was drawn at. Pointing at it
+       says it can be opened to the size of the window. */
+    cursor: zoom-in;
+}
+
+/* Deliberately not scoped to the panel. The opened picture is a copy the library appends to the document
+   body, which is outside the widget entirely, so a rule under .ai-chat-widget-messages never reaches it.
+   It is repeated from ai-chat.css because a page that mounts only the widget loads only this file. The
+   copy carries the thumbnail's classes, so the frame and the cap are taken off here -- both are scaled up
+   with the drawing and would otherwise ring the picture with a broad white border. */
+img.medium-zoom-image--opened {
+    max-width: none !important;
+    max-height: none !important;
+    padding: 0;
+    border: 0;
+    background: none;
+}
+
+/* Over the picture's lower corner rather than below it. In a panel this narrow a row of its own cost a
+   band of vertical space per figure, which a conversation full of them pays for once each. */
+.ai-chat-widget-messages .generated-image-container .ai-download-image {
+    position: absolute;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    z-index: 2;
+    opacity: 0;
+    color: #1f2933;
+    background-color: rgba(255, 255, 255, 0.92);
+    border-color: rgba(0, 0, 0, 0.15);
+    transition: opacity 0.15s ease-in-out;
+}
+
+/* The outline button this is built from inverts on hover: it fills itself with its own colour and turns
+   its label white. Against the pale ground kept here that leaves a white icon on white -- the button is
+   still there and still works, but there is nothing to see. Both colours are therefore stated for every
+   state the button can be in rather than only the resting one. */
+.ai-chat-widget-messages .generated-image-container .ai-download-image:hover,
+.ai-chat-widget-messages .generated-image-container .ai-download-image:focus,
+.ai-chat-widget-messages .generated-image-container .ai-download-image:focus-visible,
+.ai-chat-widget-messages .generated-image-container .ai-download-image:active {
+    color: #1f2933;
+    background-color: #ffffff;
+    border-color: rgba(0, 0, 0, 0.35);
+}
+
+/* Revealed by pointing at the figure. focus-within is what keeps it reachable by keyboard: the button is
+   invisible until it takes focus, and an invisible control that cannot be brought into view cannot be
+   used at all. */
+.ai-chat-widget-messages .generated-image-container:hover .ai-download-image,
+.ai-chat-widget-messages .generated-image-container:focus-within .ai-download-image {
+    opacity: 1;
+}
+
+/* A touch screen has no hover to reveal it with, so there it is simply always shown. The widget is the
+   surface most likely to be read on one. */
+@media (hover: none) {
+    .ai-chat-widget-messages .generated-image-container .ai-download-image {
+        opacity: 1;
+    }
 }
 
 /* ── Tables inside widget ── */

package/dist/chat-widget.css.map

@@ -1 +1 @@
-{"version":3,"sources":["chat-widget.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"chat-widget.css","sourcesContent":["/* CrestApps AI Chat Widget */\n:root {\n    --ai-widget-primary: var(--bs-secondary, #6c757d);\n    --ai-widget-primary-rgb: var(--bs-secondary-rgb, 108, 117, 125);\n    --ai-widget-width: 380px;\n    --ai-widget-height: 520px;\n}\n\n.ai-chat-widget-toggle {\n    position: fixed;\n    bottom: 1.25rem;\n    right: 1.25rem;\n    z-index: 10000;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: var(--ai-widget-primary);\n    color: var(--bs-white, #fff);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    box-shadow: 0 4px 12px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.2);\n    transition: transform 0.2s, box-shadow 0.2s;\n}\n\n.ai-chat-widget-toggle:hover {\n    transform: scale(1.1);\n    box-shadow: 0 6px 16px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.3);\n}\n\n.ai-chat-widget-container {\n    position: fixed;\n    bottom: 5rem;\n    right: 1.25rem;\n    z-index: 10001;\n    width: var(--ai-widget-width);\n    height: var(--ai-widget-height);\n    background: var(--bs-body-bg, #fff);\n    color: var(--bs-body-color, #212529);\n    border: 1px solid var(--bs-border-color, #dee2e6);\n    border-radius: 12px;\n    box-shadow: 0 8px 32px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.18);\n    display: none;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.ai-chat-widget-container.ai-chat-widget-resizable {\n    resize: both;\n    min-width: 320px;\n    min-height: 420px;\n    max-width: min(90vw, 960px);\n    max-height: min(90vh, 960px);\n}\n\n.ai-chat-widget-container.open {\n    display: flex;\n}\n\n.ai-chat-widget-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--ai-widget-primary);\n    color: var(--bs-white, #fff);\n}\n\n.ai-chat-widget-header.ai-chat-widget-drag-handle {\n    cursor: move;\n    user-select: none;\n    touch-action: none;\n}\n\n.ai-chat-widget-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 0.15rem;\n}\n\n.ai-chat-widget-toggle.ai-chat-widget-draggable {\n    touch-action: none;\n}\n\n.ai-chat-widget-container.ai-chat-widget-dragging,\n.ai-chat-widget-toggle.ai-chat-widget-dragging {\n    transition: none;\n}\n\n.ai-chat-widget-toggle.ai-chat-widget-dragging:hover {\n    transform: none;\n}\n\n.ai-chat-widget-header .title {\n    font-weight: 600;\n    font-size: 0.95rem;\n}\n\n.ai-chat-widget-header button {\n    background: none;\n    border: none;\n    color: var(--bs-white, #fff);\n    cursor: pointer;\n    font-size: 1rem;\n    padding: 0 0.25rem;\n    opacity: 0.8;\n}\n\n.ai-chat-widget-header button:hover {\n    opacity: 1;\n}\n\n.ai-chat-widget-profile-select {\n    padding: 0.5rem 0.75rem;\n    border-bottom: 1px solid var(--bs-border-color, #dee2e6);\n    background: var(--bs-tertiary-bg, #f8f9fa);\n}\n\n.ai-chat-widget-profile-select select {\n    width: 100%;\n    padding: 0.35rem 0.5rem;\n    color: var(--bs-body-color, #212529);\n    background-color: var(--bs-body-bg, #fff);\n    border: 1px solid var(--bs-border-color, #ced4da);\n    border-radius: 6px;\n    font-size: 0.85rem;\n}\n\n.ai-chat-widget-messages {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0.75rem;\n    font-size: 0.9rem;\n}\n\n/* ── Widget message items (ai-chat.js Vue template) ── */\n.ai-chat-widget-messages .ai-chat-messages {\n    padding: 0.5rem;\n}\n\n.ai-chat-widget-messages .ai-chat-message-item {\n    position: relative;\n    padding: 0.5rem 0;\n}\n\n.ai-chat-widget-messages .ai-chat-message-item + .ai-chat-message-item::before {\n    content: '';\n    display: block;\n    width: 100%;\n    margin-bottom: 0.5rem;\n    border-top: 1px solid rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.08);\n}\n\n.ai-chat-widget-messages .ai-chat-message-heading {\n    margin-bottom: 0.35rem;\n}\n\n.ai-chat-widget-messages .ai-chat-message-heading .ai-chat-msg-role {\n    margin-bottom: 0;\n    letter-spacing: 0.03em;\n}\n\n.ai-chat-widget-messages .ai-chat-message-heading-assistant .ai-chat-msg-role {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n}\n\n.ai-chat-widget-messages .ai-chat-message-role-label {\n    display: inline-block;\n    text-transform: inherit;\n}\n\n.ai-chat-widget-messages .ai-chat-msg-role {\n    font-weight: 600;\n    margin-bottom: 2px;\n    text-transform: uppercase;\n}\n\n.ai-chat-widget-messages .ai-chat-msg-role-user {\n    color: var(--bs-primary, #0d6efd);\n}\n\n.ai-chat-widget-messages .ai-chat-msg-role-assistant {\n    color: var(--ai-widget-primary, #6f42c1);\n}\n\n.ai-chat-widget-messages .ai-bot-icon {\n    color: currentColor;\n    display: inline-block;\n    animation: none;\n}\n\n@keyframes ai-widget-streaming-effect {\n    0% { opacity: 1; transform: rotate(0deg); }\n    10% { opacity: 0.3; transform: rotate(0deg); }\n    20% { opacity: 1; transform: rotate(0deg); }\n    30% { opacity: 0.3; transform: rotate(0deg); }\n    40% { opacity: 1; transform: rotate(0deg); }\n    50% { opacity: 0.3; transform: rotate(0deg); }\n    60% { opacity: 1; transform: rotate(0deg); }\n    80% { opacity: 1; transform: rotate(360deg); }\n    100% { opacity: 1; transform: rotate(360deg); }\n}\n\n.ai-chat-widget-messages .ai-streaming-icon {\n    color: currentColor;\n    display: inline-block;\n    animation: ai-widget-streaming-effect 4s ease-in-out infinite;\n}\n\n.ai-chat-widget-messages .ai-chat-message-body {\n    position: relative;\n    padding: 0;\n    overflow-wrap: break-word;\n    word-break: break-word;\n    min-width: 0;\n}\n\n.ai-chat-widget-messages .ai-chat-message-body p:last-child {\n    margin-bottom: 0;\n}\n\n/* ── Message action buttons (copy, thumbs up/down) ── */\n.ai-chat-widget-messages .message-buttons-container {\n    position: absolute;\n    right: 0.1rem;\n    bottom: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    width: auto;\n    max-width: max-content;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease-in-out;\n    background: rgba(var(--bs-body-bg-rgb, 255, 255, 255), 0.96);\n    padding: 0.2rem 0.35rem;\n    border-radius: 999px;\n    box-shadow: 0 1px 3px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.08);\n    margin-bottom: 1rem;\n    transform: translateY(50%);\n    z-index: 1;\n}\n\n.ai-chat-widget-messages .ai-chat-message-item:hover .message-buttons-container,\n.ai-chat-widget-messages .ai-chat-message-item:focus-within .message-buttons-container {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.ai-chat-widget-messages .message-buttons-container:has(.tts-playing) {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 1.75rem;\n    height: 1.75rem;\n    margin: 0 !important;\n    padding: 0 !important;\n    border-radius: 50%;\n    color: var(--bs-secondary-color, #6c757d) !important;\n    text-decoration: none;\n}\n\n.ai-chat-widget-messages .message-buttons-container .ai-chat-message-assistant-feedback {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n}\n\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox:hover,\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox:focus {\n    color: var(--bs-body-color, #212529) !important;\n    text-decoration: none;\n}\n\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.text-success,\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.text-success:hover,\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.text-success:focus {\n    color: var(--bs-success, #198754) !important;\n    text-decoration: none;\n}\n\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.text-success svg {\n    color: inherit !important;\n    fill: currentColor;\n}\n\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.tts-playing {\n    color: var(--ai-widget-primary, #6f42c1) !important;\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.ai-chat-widget-history-panel {\n    position: absolute;\n    top: 3.5rem;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--bs-body-bg, #fff);\n    padding: 1rem;\n    z-index: 10;\n    display: none;\n    overflow-y: auto;\n    flex-direction: column;\n}\n\n.ai-chat-widget-history-panel.show {\n    display: flex;\n}\n\n.ai-chat-widget-history-panel .history-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0.75rem;\n    flex-shrink: 0;\n}\n\n.ai-chat-widget-history-panel .history-header h5 {\n    margin: 0;\n    font-size: 1rem;\n}\n\n.ai-chat-widget-history-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    overflow-y: auto;\n    flex: 1 1 auto;\n}\n\n.ai-chat-widget-history-list li {\n    margin-bottom: 0;\n}\n\n.ai-chat-widget-history-list .chat-session-history-item {\n    display: block;\n    padding: 0.5rem 0.75rem;\n    text-decoration: none;\n    color: var(--bs-body-color, #212529);\n    font-size: 0.85rem;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: background 0.15s;\n    cursor: pointer;\n    border-bottom: 1px solid var(--bs-border-color, #dee2e6);\n}\n\n.ai-chat-widget-history-list li:last-child .chat-session-history-item {\n    border-bottom: none;\n}\n\n.ai-chat-widget-history-list .chat-session-history-item:hover {\n    background: var(--bs-tertiary-bg, #f8f9fa);\n}\n\n/* ── Notifications ── */\n.ai-chat-widget-messages .ai-chat-notification {\n    margin: 0.75rem 0.5rem 0;\n    padding: 0.625rem 0.75rem;\n    border: 1px solid rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.12);\n    border-radius: 0.5rem;\n    background: rgba(var(--bs-tertiary-bg-rgb, 248, 249, 250), 0.98);\n}\n\n.ai-chat-widget-messages .ai-chat-notification-content {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.5rem;\n}\n\n.ai-chat-widget-messages .ai-chat-notification-icon {\n    margin-top: 0.1rem;\n    color: var(--bs-secondary-color, #6c757d);\n}\n\n.ai-chat-widget-messages .ai-chat-notification-text {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.ai-chat-widget-messages .ai-chat-notification-dismiss {\n    margin-left: auto !important;\n    color: var(--bs-secondary-color, #6c757d) !important;\n}\n\n.ai-chat-widget-messages .ai-chat-notification-actions {\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 0.5rem;\n}\n\n/* ── Chart containers inside widget ── */\n.ai-chat-widget-messages .chart-container {\n    width: 100%;\n    max-width: 100% !important;\n    min-height: 280px;\n}\n\n/* ── Embedded images inside widget ── */\n/* The panel is narrower than the renderer's inline pixel cap, so an image overflows it horizontally\n   without this. The chart container above is bounded the same way and for the same reason. */\n.ai-chat-widget-messages .generated-image-container {\n    /* The wrapper is a span so a figure marker written mid-sentence does not close the paragraph it\n       sits in. Inline-block restores the box behaviour the layout below assumes, and a top margin\n       keeps a figure off the line of text it follows. */\n    display: inline-block;\n    vertical-align: top;\n    margin-top: 0.5rem;\n}\n\n.ai-chat-widget-messages .generated-image-container img {\n    max-width: 100% !important;\n    max-height: 50vh;\n    object-fit: contain;\n}\n\n/* ── Tables inside widget ── */\n/* The panel is 380px wide, so an ingested table almost always exceeds it. Scrolling the table itself keeps\n   the conversation column intact; the alternative is a sideways-scrolling chat. */\n.ai-chat-widget-messages table {\n    display: block;\n    width: max-content;\n    min-width: 100%;\n    max-width: 100%;\n    overflow-x: auto;\n    margin-bottom: 0.75rem;\n    border-collapse: collapse;\n    font-size: 0.8125rem;\n}\n\n.ai-chat-widget-messages table th,\n.ai-chat-widget-messages table td {\n    padding: 0.3rem 0.5rem;\n    border: 1px solid var(--bs-border-color, #dee2e6);\n    text-align: left;\n    vertical-align: top;\n}\n\n.ai-chat-widget-messages table thead th {\n    background-color: var(--bs-secondary-bg, #e9ecef);\n    font-weight: 600;\n    white-space: nowrap;\n}\n\n.ai-chat-widget-messages table tbody tr:nth-child(even) {\n    background-color: var(--bs-tertiary-bg, #f8f9fa);\n}\n\n/* ── Code blocks & inline code ── */\n.ai-chat-widget-messages .ai-chat-message-body pre {\n    background: var(--bs-dark-bg-subtle, #2d2d2d);\n    color: var(--bs-emphasis-color, #f8f8f2);\n    padding: 0.5rem;\n    border-radius: 4px;\n    overflow-x: auto;\n    font-size: 0.8rem;\n}\n\n.ai-chat-widget-messages .ai-chat-message-body code {\n    font-size: 0.85em;\n}\n\n.ai-chat-widget-input {\n    border-top: 1px solid var(--bs-border-color, #dee2e6);\n    padding: 0.5rem 0.75rem;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    align-items: flex-end;\n}\n\n.ai-chat-widget-input .ai-chat-doc-bar {\n    flex: 0 0 100%;\n    margin: -0.5rem -0.75rem 0.5rem;\n    padding: 0.5rem 0.75rem;\n    max-height: 4.5rem;\n    overflow-y: auto;\n}\n\n.ai-chat-widget-input textarea {\n    flex: 1;\n    min-width: 0;\n    color: var(--bs-body-color, #212529);\n    background-color: var(--bs-body-bg, #fff);\n    border: 1px solid var(--bs-border-color, #ced4da);\n    border-radius: 8px;\n    padding: 0.4rem 0.6rem;\n    font-size: 0.9rem;\n    resize: none;\n    max-height: 80px;\n    min-height: 36px;\n    line-height: 1.4;\n    outline: none;\n}\n\n.ai-chat-widget-input textarea:focus {\n    border-color: var(--ai-widget-primary);\n    box-shadow: 0 0 0 2px rgba(var(--ai-widget-primary-rgb, 108, 117, 125), 0.15);\n}\n\n.ai-chat-widget-input button {\n    background: var(--ai-widget-primary);\n    color: var(--bs-white, #fff);\n    border: none;\n    border-radius: 8px;\n    padding: 0.4rem 0.75rem;\n    cursor: pointer;\n    font-size: 0.9rem;\n    white-space: nowrap;\n}\n\n.ai-chat-widget-input .btn {\n    background: var(--bs-body-bg, #fff);\n    color: var(--bs-body-color, #212529);\n    border: 1px solid var(--bs-border-color, #ced4da);\n}\n\n.ai-chat-widget-input .btn.btn-link {\n    background: transparent;\n    color: var(--bs-secondary-color, #6c757d);\n    border: none;\n    padding: 0.4rem;\n}\n\n.ai-chat-widget-input .btn.btn-outline-dark {\n    background: var(--bs-dark, #212529);\n    color: var(--bs-white, #fff);\n    border-color: var(--bs-dark, #212529);\n}\n\n.ai-chat-widget-input .btn.btn-outline-secondary {\n    color: var(--bs-secondary-color, #6c757d);\n}\n\n.ai-chat-widget-input button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.ai-chat-widget-status {\n    padding: 0.25rem 0.75rem;\n    font-size: 0.8rem;\n    color: var(--bs-secondary-color, #6c757d);\n    display: none;\n}\n\n.ai-chat-widget-status.visible {\n    display: block;\n}\n\n.ai-chat-widget-welcome {\n    text-align: center;\n    color: var(--bs-secondary-color, #6c757d);\n    padding: 2rem 1rem;\n    font-size: 0.9rem;\n}\n\n@media (max-width: 576px) {\n    .ai-chat-widget-container {\n        width: calc(100vw - 1rem);\n        height: calc(100vh - 6rem);\n        right: 0.5rem;\n        bottom: 4.5rem;\n    }\n}\n"]}
+{"version":3,"sources":["chat-widget.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"chat-widget.css","sourcesContent":["/* CrestApps AI Chat Widget */\n:root {\n    --ai-widget-primary: var(--bs-secondary, #6c757d);\n    --ai-widget-primary-rgb: var(--bs-secondary-rgb, 108, 117, 125);\n    --ai-widget-width: 380px;\n    --ai-widget-height: 520px;\n}\n\n.ai-chat-widget-toggle {\n    position: fixed;\n    bottom: 1.25rem;\n    right: 1.25rem;\n    z-index: 10000;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: var(--ai-widget-primary);\n    color: var(--bs-white, #fff);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    box-shadow: 0 4px 12px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.2);\n    transition: transform 0.2s, box-shadow 0.2s;\n}\n\n.ai-chat-widget-toggle:hover {\n    transform: scale(1.1);\n    box-shadow: 0 6px 16px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.3);\n}\n\n.ai-chat-widget-container {\n    position: fixed;\n    bottom: 5rem;\n    right: 1.25rem;\n    z-index: 10001;\n    width: var(--ai-widget-width);\n    height: var(--ai-widget-height);\n    background: var(--bs-body-bg, #fff);\n    color: var(--bs-body-color, #212529);\n    border: 1px solid var(--bs-border-color, #dee2e6);\n    border-radius: 12px;\n    box-shadow: 0 8px 32px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.18);\n    display: none;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.ai-chat-widget-container.ai-chat-widget-resizable {\n    resize: both;\n    min-width: 320px;\n    min-height: 420px;\n    max-width: min(90vw, 960px);\n    max-height: min(90vh, 960px);\n}\n\n.ai-chat-widget-container.open {\n    display: flex;\n}\n\n.ai-chat-widget-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--ai-widget-primary);\n    color: var(--bs-white, #fff);\n}\n\n.ai-chat-widget-header.ai-chat-widget-drag-handle {\n    cursor: move;\n    user-select: none;\n    touch-action: none;\n}\n\n.ai-chat-widget-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 0.15rem;\n}\n\n.ai-chat-widget-toggle.ai-chat-widget-draggable {\n    touch-action: none;\n}\n\n.ai-chat-widget-container.ai-chat-widget-dragging,\n.ai-chat-widget-toggle.ai-chat-widget-dragging {\n    transition: none;\n}\n\n.ai-chat-widget-toggle.ai-chat-widget-dragging:hover {\n    transform: none;\n}\n\n.ai-chat-widget-header .title {\n    font-weight: 600;\n    font-size: 0.95rem;\n}\n\n.ai-chat-widget-header button {\n    background: none;\n    border: none;\n    color: var(--bs-white, #fff);\n    cursor: pointer;\n    font-size: 1rem;\n    padding: 0 0.25rem;\n    opacity: 0.8;\n}\n\n.ai-chat-widget-header button:hover {\n    opacity: 1;\n}\n\n.ai-chat-widget-profile-select {\n    padding: 0.5rem 0.75rem;\n    border-bottom: 1px solid var(--bs-border-color, #dee2e6);\n    background: var(--bs-tertiary-bg, #f8f9fa);\n}\n\n.ai-chat-widget-profile-select select {\n    width: 100%;\n    padding: 0.35rem 0.5rem;\n    color: var(--bs-body-color, #212529);\n    background-color: var(--bs-body-bg, #fff);\n    border: 1px solid var(--bs-border-color, #ced4da);\n    border-radius: 6px;\n    font-size: 0.85rem;\n}\n\n.ai-chat-widget-messages {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0.75rem;\n    font-size: 0.9rem;\n}\n\n/* ── Widget message items (ai-chat.js Vue template) ── */\n.ai-chat-widget-messages .ai-chat-messages {\n    padding: 0.5rem;\n}\n\n.ai-chat-widget-messages .ai-chat-message-item {\n    position: relative;\n    padding: 0.5rem 0;\n}\n\n.ai-chat-widget-messages .ai-chat-message-item + .ai-chat-message-item::before {\n    content: '';\n    display: block;\n    width: 100%;\n    margin-bottom: 0.5rem;\n    border-top: 1px solid rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.08);\n}\n\n.ai-chat-widget-messages .ai-chat-message-heading {\n    margin-bottom: 0.35rem;\n}\n\n.ai-chat-widget-messages .ai-chat-message-heading .ai-chat-msg-role {\n    margin-bottom: 0;\n    letter-spacing: 0.03em;\n}\n\n.ai-chat-widget-messages .ai-chat-message-heading-assistant .ai-chat-msg-role {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n}\n\n.ai-chat-widget-messages .ai-chat-message-role-label {\n    display: inline-block;\n    text-transform: inherit;\n}\n\n.ai-chat-widget-messages .ai-chat-msg-role {\n    font-weight: 600;\n    margin-bottom: 2px;\n    text-transform: uppercase;\n}\n\n.ai-chat-widget-messages .ai-chat-msg-role-user {\n    color: var(--bs-primary, #0d6efd);\n}\n\n.ai-chat-widget-messages .ai-chat-msg-role-assistant {\n    color: var(--ai-widget-primary, #6f42c1);\n}\n\n.ai-chat-widget-messages .ai-bot-icon {\n    color: currentColor;\n    display: inline-block;\n    animation: none;\n}\n\n@keyframes ai-widget-streaming-effect {\n    0% { opacity: 1; transform: rotate(0deg); }\n    10% { opacity: 0.3; transform: rotate(0deg); }\n    20% { opacity: 1; transform: rotate(0deg); }\n    30% { opacity: 0.3; transform: rotate(0deg); }\n    40% { opacity: 1; transform: rotate(0deg); }\n    50% { opacity: 0.3; transform: rotate(0deg); }\n    60% { opacity: 1; transform: rotate(0deg); }\n    80% { opacity: 1; transform: rotate(360deg); }\n    100% { opacity: 1; transform: rotate(360deg); }\n}\n\n.ai-chat-widget-messages .ai-streaming-icon {\n    color: currentColor;\n    display: inline-block;\n    animation: ai-widget-streaming-effect 4s ease-in-out infinite;\n}\n\n.ai-chat-widget-messages .ai-chat-message-body {\n    position: relative;\n    padding: 0;\n    overflow-wrap: break-word;\n    word-break: break-word;\n    min-width: 0;\n}\n\n.ai-chat-widget-messages .ai-chat-message-body p:last-child {\n    margin-bottom: 0;\n}\n\n/* ── Message action buttons (copy, thumbs up/down) ── */\n.ai-chat-widget-messages .message-buttons-container {\n    position: absolute;\n    right: 0.1rem;\n    bottom: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    width: auto;\n    max-width: max-content;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease-in-out;\n    background: rgba(var(--bs-body-bg-rgb, 255, 255, 255), 0.96);\n    padding: 0.2rem 0.35rem;\n    border-radius: 999px;\n    box-shadow: 0 1px 3px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.08);\n    margin-bottom: 1rem;\n    transform: translateY(50%);\n    z-index: 1;\n}\n\n.ai-chat-widget-messages .ai-chat-message-item:hover .message-buttons-container,\n.ai-chat-widget-messages .ai-chat-message-item:focus-within .message-buttons-container {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.ai-chat-widget-messages .message-buttons-container:has(.tts-playing) {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 1.75rem;\n    height: 1.75rem;\n    margin: 0 !important;\n    padding: 0 !important;\n    border-radius: 50%;\n    color: var(--bs-secondary-color, #6c757d) !important;\n    text-decoration: none;\n}\n\n.ai-chat-widget-messages .message-buttons-container .ai-chat-message-assistant-feedback {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n}\n\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox:hover,\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox:focus {\n    color: var(--bs-body-color, #212529) !important;\n    text-decoration: none;\n}\n\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.text-success,\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.text-success:hover,\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.text-success:focus {\n    color: var(--bs-success, #198754) !important;\n    text-decoration: none;\n}\n\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.text-success svg {\n    color: inherit !important;\n    fill: currentColor;\n}\n\n.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.tts-playing {\n    color: var(--ai-widget-primary, #6f42c1) !important;\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.ai-chat-widget-history-panel {\n    position: absolute;\n    top: 3.5rem;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--bs-body-bg, #fff);\n    padding: 1rem;\n    z-index: 10;\n    display: none;\n    overflow-y: auto;\n    flex-direction: column;\n}\n\n.ai-chat-widget-history-panel.show {\n    display: flex;\n}\n\n.ai-chat-widget-history-panel .history-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0.75rem;\n    flex-shrink: 0;\n}\n\n.ai-chat-widget-history-panel .history-header h5 {\n    margin: 0;\n    font-size: 1rem;\n}\n\n.ai-chat-widget-history-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    overflow-y: auto;\n    flex: 1 1 auto;\n}\n\n.ai-chat-widget-history-list li {\n    margin-bottom: 0;\n}\n\n.ai-chat-widget-history-list .chat-session-history-item {\n    display: block;\n    padding: 0.5rem 0.75rem;\n    text-decoration: none;\n    color: var(--bs-body-color, #212529);\n    font-size: 0.85rem;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: background 0.15s;\n    cursor: pointer;\n    border-bottom: 1px solid var(--bs-border-color, #dee2e6);\n}\n\n.ai-chat-widget-history-list li:last-child .chat-session-history-item {\n    border-bottom: none;\n}\n\n.ai-chat-widget-history-list .chat-session-history-item:hover {\n    background: var(--bs-tertiary-bg, #f8f9fa);\n}\n\n/* ── Notifications ── */\n.ai-chat-widget-messages .ai-chat-notification {\n    margin: 0.75rem 0.5rem 0;\n    padding: 0.625rem 0.75rem;\n    border: 1px solid rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.12);\n    border-radius: 0.5rem;\n    background: rgba(var(--bs-tertiary-bg-rgb, 248, 249, 250), 0.98);\n}\n\n.ai-chat-widget-messages .ai-chat-notification-content {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.5rem;\n}\n\n.ai-chat-widget-messages .ai-chat-notification-icon {\n    margin-top: 0.1rem;\n    color: var(--bs-secondary-color, #6c757d);\n}\n\n.ai-chat-widget-messages .ai-chat-notification-text {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.ai-chat-widget-messages .ai-chat-notification-dismiss {\n    margin-left: auto !important;\n    color: var(--bs-secondary-color, #6c757d) !important;\n}\n\n.ai-chat-widget-messages .ai-chat-notification-actions {\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 0.5rem;\n}\n\n/* ── Chart containers inside widget ── */\n.ai-chat-widget-messages .chart-container {\n    width: 100%;\n    max-width: 100% !important;\n    min-height: 280px;\n}\n\n/* ── Embedded images inside widget ── */\n/* The panel is narrower than the renderer's inline pixel cap, so an image overflows it horizontally\n   without this. The chart container above is bounded the same way and for the same reason. */\n.ai-chat-widget-messages .generated-image-container {\n    /* The wrapper is a span so a figure marker written mid-sentence does not close the paragraph it\n       sits in. Inline-block restores the box behaviour the layout below assumes, and a top margin\n       keeps a figure off the line of text it follows. */\n    display: inline-block;\n    vertical-align: top;\n    margin-top: 0.5rem;\n    /* The positioning context for the download that sits inside it. */\n    position: relative;\n}\n\n.ai-chat-widget-messages .generated-image-container img {\n    max-width: 100% !important;\n    max-height: 50vh;\n    object-fit: contain;\n    /* The panel is 380px wide, so a figure in it is a thumbnail whatever it was drawn at. Pointing at it\n       says it can be opened to the size of the window. */\n    cursor: zoom-in;\n}\n\n/* Deliberately not scoped to the panel. The opened picture is a copy the library appends to the document\n   body, which is outside the widget entirely, so a rule under .ai-chat-widget-messages never reaches it.\n   It is repeated from ai-chat.css because a page that mounts only the widget loads only this file. The\n   copy carries the thumbnail's classes, so the frame and the cap are taken off here -- both are scaled up\n   with the drawing and would otherwise ring the picture with a broad white border. */\nimg.medium-zoom-image--opened {\n    max-width: none !important;\n    max-height: none !important;\n    padding: 0;\n    border: 0;\n    background: none;\n}\n\n/* Over the picture's lower corner rather than below it. In a panel this narrow a row of its own cost a\n   band of vertical space per figure, which a conversation full of them pays for once each. */\n.ai-chat-widget-messages .generated-image-container .ai-download-image {\n    position: absolute;\n    right: 0.5rem;\n    bottom: 0.5rem;\n    z-index: 2;\n    opacity: 0;\n    color: #1f2933;\n    background-color: rgba(255, 255, 255, 0.92);\n    border-color: rgba(0, 0, 0, 0.15);\n    transition: opacity 0.15s ease-in-out;\n}\n\n/* The outline button this is built from inverts on hover: it fills itself with its own colour and turns\n   its label white. Against the pale ground kept here that leaves a white icon on white -- the button is\n   still there and still works, but there is nothing to see. Both colours are therefore stated for every\n   state the button can be in rather than only the resting one. */\n.ai-chat-widget-messages .generated-image-container .ai-download-image:hover,\n.ai-chat-widget-messages .generated-image-container .ai-download-image:focus,\n.ai-chat-widget-messages .generated-image-container .ai-download-image:focus-visible,\n.ai-chat-widget-messages .generated-image-container .ai-download-image:active {\n    color: #1f2933;\n    background-color: #ffffff;\n    border-color: rgba(0, 0, 0, 0.35);\n}\n\n/* Revealed by pointing at the figure. focus-within is what keeps it reachable by keyboard: the button is\n   invisible until it takes focus, and an invisible control that cannot be brought into view cannot be\n   used at all. */\n.ai-chat-widget-messages .generated-image-container:hover .ai-download-image,\n.ai-chat-widget-messages .generated-image-container:focus-within .ai-download-image {\n    opacity: 1;\n}\n\n/* A touch screen has no hover to reveal it with, so there it is simply always shown. The widget is the\n   surface most likely to be read on one. */\n@media (hover: none) {\n    .ai-chat-widget-messages .generated-image-container .ai-download-image {\n        opacity: 1;\n    }\n}\n\n/* ── Tables inside widget ── */\n/* The panel is 380px wide, so an ingested table almost always exceeds it. Scrolling the table itself keeps\n   the conversation column intact; the alternative is a sideways-scrolling chat. */\n.ai-chat-widget-messages table {\n    display: block;\n    width: max-content;\n    min-width: 100%;\n    max-width: 100%;\n    overflow-x: auto;\n    margin-bottom: 0.75rem;\n    border-collapse: collapse;\n    font-size: 0.8125rem;\n}\n\n.ai-chat-widget-messages table th,\n.ai-chat-widget-messages table td {\n    padding: 0.3rem 0.5rem;\n    border: 1px solid var(--bs-border-color, #dee2e6);\n    text-align: left;\n    vertical-align: top;\n}\n\n.ai-chat-widget-messages table thead th {\n    background-color: var(--bs-secondary-bg, #e9ecef);\n    font-weight: 600;\n    white-space: nowrap;\n}\n\n.ai-chat-widget-messages table tbody tr:nth-child(even) {\n    background-color: var(--bs-tertiary-bg, #f8f9fa);\n}\n\n/* ── Code blocks & inline code ── */\n.ai-chat-widget-messages .ai-chat-message-body pre {\n    background: var(--bs-dark-bg-subtle, #2d2d2d);\n    color: var(--bs-emphasis-color, #f8f8f2);\n    padding: 0.5rem;\n    border-radius: 4px;\n    overflow-x: auto;\n    font-size: 0.8rem;\n}\n\n.ai-chat-widget-messages .ai-chat-message-body code {\n    font-size: 0.85em;\n}\n\n.ai-chat-widget-input {\n    border-top: 1px solid var(--bs-border-color, #dee2e6);\n    padding: 0.5rem 0.75rem;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    align-items: flex-end;\n}\n\n.ai-chat-widget-input .ai-chat-doc-bar {\n    flex: 0 0 100%;\n    margin: -0.5rem -0.75rem 0.5rem;\n    padding: 0.5rem 0.75rem;\n    max-height: 4.5rem;\n    overflow-y: auto;\n}\n\n.ai-chat-widget-input textarea {\n    flex: 1;\n    min-width: 0;\n    color: var(--bs-body-color, #212529);\n    background-color: var(--bs-body-bg, #fff);\n    border: 1px solid var(--bs-border-color, #ced4da);\n    border-radius: 8px;\n    padding: 0.4rem 0.6rem;\n    font-size: 0.9rem;\n    resize: none;\n    max-height: 80px;\n    min-height: 36px;\n    line-height: 1.4;\n    outline: none;\n}\n\n.ai-chat-widget-input textarea:focus {\n    border-color: var(--ai-widget-primary);\n    box-shadow: 0 0 0 2px rgba(var(--ai-widget-primary-rgb, 108, 117, 125), 0.15);\n}\n\n.ai-chat-widget-input button {\n    background: var(--ai-widget-primary);\n    color: var(--bs-white, #fff);\n    border: none;\n    border-radius: 8px;\n    padding: 0.4rem 0.75rem;\n    cursor: pointer;\n    font-size: 0.9rem;\n    white-space: nowrap;\n}\n\n.ai-chat-widget-input .btn {\n    background: var(--bs-body-bg, #fff);\n    color: var(--bs-body-color, #212529);\n    border: 1px solid var(--bs-border-color, #ced4da);\n}\n\n.ai-chat-widget-input .btn.btn-link {\n    background: transparent;\n    color: var(--bs-secondary-color, #6c757d);\n    border: none;\n    padding: 0.4rem;\n}\n\n.ai-chat-widget-input .btn.btn-outline-dark {\n    background: var(--bs-dark, #212529);\n    color: var(--bs-white, #fff);\n    border-color: var(--bs-dark, #212529);\n}\n\n.ai-chat-widget-input .btn.btn-outline-secondary {\n    color: var(--bs-secondary-color, #6c757d);\n}\n\n.ai-chat-widget-input button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.ai-chat-widget-status {\n    padding: 0.25rem 0.75rem;\n    font-size: 0.8rem;\n    color: var(--bs-secondary-color, #6c757d);\n    display: none;\n}\n\n.ai-chat-widget-status.visible {\n    display: block;\n}\n\n.ai-chat-widget-welcome {\n    text-align: center;\n    color: var(--bs-secondary-color, #6c757d);\n    padding: 2rem 1rem;\n    font-size: 0.9rem;\n}\n\n@media (max-width: 576px) {\n    .ai-chat-widget-container {\n        width: calc(100vw - 1rem);\n        height: calc(100vh - 6rem);\n        right: 0.5rem;\n        bottom: 4.5rem;\n    }\n}\n"]}

package/dist/chat-widget.min.css

@@ -1 +1 @@
-:root{--ai-widget-primary:var(--bs-secondary, #6c757d);--ai-widget-primary-rgb:var(--bs-secondary-rgb, 108, 117, 125);--ai-widget-width:380px;--ai-widget-height:520px}.ai-chat-widget-toggle{position:fixed;bottom:1.25rem;right:1.25rem;z-index:10000;width:52px;height:52px;border-radius:50%;background:var(--ai-widget-primary);color:var(--bs-white,#fff);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px rgba(var(--bs-body-color-rgb,33,37,41),.2);transition:transform .2s,box-shadow .2s}.ai-chat-widget-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(var(--bs-body-color-rgb,33,37,41),.3)}.ai-chat-widget-container{position:fixed;bottom:5rem;right:1.25rem;z-index:10001;width:var(--ai-widget-width);height:var(--ai-widget-height);background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#212529);border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;box-shadow:0 8px 32px rgba(var(--bs-body-color-rgb,33,37,41),.18);display:none;flex-direction:column;overflow:hidden}.ai-chat-widget-container.ai-chat-widget-resizable{resize:both;min-width:320px;min-height:420px;max-width:min(90vw,960px);max-height:min(90vh,960px)}.ai-chat-widget-container.open{display:flex}.ai-chat-widget-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--ai-widget-primary);color:var(--bs-white,#fff)}.ai-chat-widget-header.ai-chat-widget-drag-handle{cursor:move;user-select:none;touch-action:none}.ai-chat-widget-header-actions{display:flex;align-items:center;gap:.15rem}.ai-chat-widget-toggle.ai-chat-widget-draggable{touch-action:none}.ai-chat-widget-container.ai-chat-widget-dragging,.ai-chat-widget-toggle.ai-chat-widget-dragging{transition:none}.ai-chat-widget-toggle.ai-chat-widget-dragging:hover{transform:none}.ai-chat-widget-header .title{font-weight:600;font-size:.95rem}.ai-chat-widget-header button{background:0 0;border:none;color:var(--bs-white,#fff);cursor:pointer;font-size:1rem;padding:0 .25rem;opacity:.8}.ai-chat-widget-header button:hover{opacity:1}.ai-chat-widget-profile-select{padding:.5rem .75rem;border-bottom:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-tertiary-bg,#f8f9fa)}.ai-chat-widget-profile-select select{width:100%;padding:.35rem .5rem;color:var(--bs-body-color,#212529);background-color:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#ced4da);border-radius:6px;font-size:.85rem}.ai-chat-widget-messages{flex:1;overflow-y:auto;padding:.75rem;font-size:.9rem}.ai-chat-widget-messages .ai-chat-messages{padding:.5rem}.ai-chat-widget-messages .ai-chat-message-item{position:relative;padding:.5rem 0}.ai-chat-widget-messages .ai-chat-message-item+.ai-chat-message-item::before{content:'';display:block;width:100%;margin-bottom:.5rem;border-top:1px solid rgba(var(--bs-body-color-rgb,33,37,41),.08)}.ai-chat-widget-messages .ai-chat-message-heading{margin-bottom:.35rem}.ai-chat-widget-messages .ai-chat-message-heading .ai-chat-msg-role{margin-bottom:0;letter-spacing:.03em}.ai-chat-widget-messages .ai-chat-message-heading-assistant .ai-chat-msg-role{display:inline-flex;align-items:center;gap:.35rem}.ai-chat-widget-messages .ai-chat-message-role-label{display:inline-block;text-transform:inherit}.ai-chat-widget-messages .ai-chat-msg-role{font-weight:600;margin-bottom:2px;text-transform:uppercase}.ai-chat-widget-messages .ai-chat-msg-role-user{color:var(--bs-primary,#0d6efd)}.ai-chat-widget-messages .ai-chat-msg-role-assistant{color:var(--ai-widget-primary,#6f42c1)}.ai-chat-widget-messages .ai-bot-icon{color:currentColor;display:inline-block;animation:none}@keyframes ai-widget-streaming-effect{0%{opacity:1;transform:rotate(0)}10%{opacity:.3;transform:rotate(0)}20%{opacity:1;transform:rotate(0)}30%{opacity:.3;transform:rotate(0)}40%{opacity:1;transform:rotate(0)}50%{opacity:.3;transform:rotate(0)}60%{opacity:1;transform:rotate(0)}80%{opacity:1;transform:rotate(360deg)}100%{opacity:1;transform:rotate(360deg)}}.ai-chat-widget-messages .ai-streaming-icon{color:currentColor;display:inline-block;animation:ai-widget-streaming-effect 4s ease-in-out infinite}.ai-chat-widget-messages .ai-chat-message-body{position:relative;padding:0;overflow-wrap:break-word;word-break:break-word;min-width:0}.ai-chat-widget-messages .ai-chat-message-body p:last-child{margin-bottom:0}.ai-chat-widget-messages .message-buttons-container{position:absolute;right:.1rem;bottom:0;display:inline-flex;align-items:center;gap:.35rem;width:auto;max-width:max-content;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out;background:rgba(var(--bs-body-bg-rgb,255,255,255),.96);padding:.2rem .35rem;border-radius:999px;box-shadow:0 1px 3px rgba(var(--bs-body-color-rgb,33,37,41),.08);margin-bottom:1rem;transform:translateY(50%);z-index:1}.ai-chat-widget-messages .ai-chat-message-item:focus-within .message-buttons-container,.ai-chat-widget-messages .ai-chat-message-item:hover .message-buttons-container{opacity:1;pointer-events:auto}.ai-chat-widget-messages .message-buttons-container:has(.tts-playing){opacity:1;pointer-events:auto}.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.75rem;height:1.75rem;margin:0!important;padding:0!important;border-radius:50%;color:var(--bs-secondary-color,#6c757d)!important;text-decoration:none}.ai-chat-widget-messages .message-buttons-container .ai-chat-message-assistant-feedback{display:inline-flex;align-items:center;gap:.35rem}.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox:focus,.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox:hover{color:var(--bs-body-color,#212529)!important;text-decoration:none}.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox.text-success,.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox.text-success:focus,.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox.text-success:hover{color:var(--bs-success,#198754)!important;text-decoration:none}.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox.text-success svg{color:inherit!important;fill:currentColor}.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox.tts-playing{color:var(--ai-widget-primary,#6f42c1)!important;opacity:1;pointer-events:auto}.ai-chat-widget-history-panel{position:absolute;top:3.5rem;left:0;right:0;bottom:0;background:var(--bs-body-bg,#fff);padding:1rem;z-index:10;display:none;overflow-y:auto;flex-direction:column}.ai-chat-widget-history-panel.show{display:flex}.ai-chat-widget-history-panel .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-shrink:0}.ai-chat-widget-history-panel .history-header h5{margin:0;font-size:1rem}.ai-chat-widget-history-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1 1 auto}.ai-chat-widget-history-list li{margin-bottom:0}.ai-chat-widget-history-list .chat-session-history-item{display:block;padding:.5rem .75rem;text-decoration:none;color:var(--bs-body-color,#212529);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s;cursor:pointer;border-bottom:1px solid var(--bs-border-color,#dee2e6)}.ai-chat-widget-history-list li:last-child .chat-session-history-item{border-bottom:none}.ai-chat-widget-history-list .chat-session-history-item:hover{background:var(--bs-tertiary-bg,#f8f9fa)}.ai-chat-widget-messages .ai-chat-notification{margin:.75rem .5rem 0;padding:.625rem .75rem;border:1px solid rgba(var(--bs-body-color-rgb,33,37,41),.12);border-radius:.5rem;background:rgba(var(--bs-tertiary-bg-rgb,248,249,250),.98)}.ai-chat-widget-messages .ai-chat-notification-content{display:flex;align-items:flex-start;gap:.5rem}.ai-chat-widget-messages .ai-chat-notification-icon{margin-top:.1rem;color:var(--bs-secondary-color,#6c757d)}.ai-chat-widget-messages .ai-chat-notification-text{flex:1 1 auto;min-width:0}.ai-chat-widget-messages .ai-chat-notification-dismiss{margin-left:auto!important;color:var(--bs-secondary-color,#6c757d)!important}.ai-chat-widget-messages .ai-chat-notification-actions{display:flex;gap:.5rem;margin-top:.5rem}.ai-chat-widget-messages .chart-container{width:100%;max-width:100%!important;min-height:280px}.ai-chat-widget-messages .generated-image-container{display:inline-block;vertical-align:top;margin-top:.5rem}.ai-chat-widget-messages .generated-image-container img{max-width:100%!important;max-height:50vh;object-fit:contain}.ai-chat-widget-messages table{display:block;width:max-content;min-width:100%;max-width:100%;overflow-x:auto;margin-bottom:.75rem;border-collapse:collapse;font-size:.8125rem}.ai-chat-widget-messages table td,.ai-chat-widget-messages table th{padding:.3rem .5rem;border:1px solid var(--bs-border-color,#dee2e6);text-align:left;vertical-align:top}.ai-chat-widget-messages table thead th{background-color:var(--bs-secondary-bg,#e9ecef);font-weight:600;white-space:nowrap}.ai-chat-widget-messages table tbody tr:nth-child(even){background-color:var(--bs-tertiary-bg,#f8f9fa)}.ai-chat-widget-messages .ai-chat-message-body pre{background:var(--bs-dark-bg-subtle,#2d2d2d);color:var(--bs-emphasis-color,#f8f8f2);padding:.5rem;border-radius:4px;overflow-x:auto;font-size:.8rem}.ai-chat-widget-messages .ai-chat-message-body code{font-size:.85em}.ai-chat-widget-input{border-top:1px solid var(--bs-border-color,#dee2e6);padding:.5rem .75rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.ai-chat-widget-input .ai-chat-doc-bar{flex:0 0 100%;margin:-.5rem -.75rem .5rem;padding:.5rem .75rem;max-height:4.5rem;overflow-y:auto}.ai-chat-widget-input textarea{flex:1;min-width:0;color:var(--bs-body-color,#212529);background-color:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#ced4da);border-radius:8px;padding:.4rem .6rem;font-size:.9rem;resize:none;max-height:80px;min-height:36px;line-height:1.4;outline:0}.ai-chat-widget-input textarea:focus{border-color:var(--ai-widget-primary);box-shadow:0 0 0 2px rgba(var(--ai-widget-primary-rgb,108,117,125),.15)}.ai-chat-widget-input button{background:var(--ai-widget-primary);color:var(--bs-white,#fff);border:none;border-radius:8px;padding:.4rem .75rem;cursor:pointer;font-size:.9rem;white-space:nowrap}.ai-chat-widget-input .btn{background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#212529);border:1px solid var(--bs-border-color,#ced4da)}.ai-chat-widget-input .btn.btn-link{background:0 0;color:var(--bs-secondary-color,#6c757d);border:none;padding:.4rem}.ai-chat-widget-input .btn.btn-outline-dark{background:var(--bs-dark,#212529);color:var(--bs-white,#fff);border-color:var(--bs-dark,#212529)}.ai-chat-widget-input .btn.btn-outline-secondary{color:var(--bs-secondary-color,#6c757d)}.ai-chat-widget-input button:disabled{opacity:.5;cursor:not-allowed}.ai-chat-widget-status{padding:.25rem .75rem;font-size:.8rem;color:var(--bs-secondary-color,#6c757d);display:none}.ai-chat-widget-status.visible{display:block}.ai-chat-widget-welcome{text-align:center;color:var(--bs-secondary-color,#6c757d);padding:2rem 1rem;font-size:.9rem}@media (max-width:576px){.ai-chat-widget-container{width:calc(100vw - 1rem);height:calc(100vh - 6rem);right:.5rem;bottom:4.5rem}}
+:root{--ai-widget-primary:var(--bs-secondary, #6c757d);--ai-widget-primary-rgb:var(--bs-secondary-rgb, 108, 117, 125);--ai-widget-width:380px;--ai-widget-height:520px}.ai-chat-widget-toggle{position:fixed;bottom:1.25rem;right:1.25rem;z-index:10000;width:52px;height:52px;border-radius:50%;background:var(--ai-widget-primary);color:var(--bs-white,#fff);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px rgba(var(--bs-body-color-rgb,33,37,41),.2);transition:transform .2s,box-shadow .2s}.ai-chat-widget-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(var(--bs-body-color-rgb,33,37,41),.3)}.ai-chat-widget-container{position:fixed;bottom:5rem;right:1.25rem;z-index:10001;width:var(--ai-widget-width);height:var(--ai-widget-height);background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#212529);border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;box-shadow:0 8px 32px rgba(var(--bs-body-color-rgb,33,37,41),.18);display:none;flex-direction:column;overflow:hidden}.ai-chat-widget-container.ai-chat-widget-resizable{resize:both;min-width:320px;min-height:420px;max-width:min(90vw,960px);max-height:min(90vh,960px)}.ai-chat-widget-container.open{display:flex}.ai-chat-widget-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--ai-widget-primary);color:var(--bs-white,#fff)}.ai-chat-widget-header.ai-chat-widget-drag-handle{cursor:move;user-select:none;touch-action:none}.ai-chat-widget-header-actions{display:flex;align-items:center;gap:.15rem}.ai-chat-widget-toggle.ai-chat-widget-draggable{touch-action:none}.ai-chat-widget-container.ai-chat-widget-dragging,.ai-chat-widget-toggle.ai-chat-widget-dragging{transition:none}.ai-chat-widget-toggle.ai-chat-widget-dragging:hover{transform:none}.ai-chat-widget-header .title{font-weight:600;font-size:.95rem}.ai-chat-widget-header button{background:0 0;border:none;color:var(--bs-white,#fff);cursor:pointer;font-size:1rem;padding:0 .25rem;opacity:.8}.ai-chat-widget-header button:hover{opacity:1}.ai-chat-widget-profile-select{padding:.5rem .75rem;border-bottom:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-tertiary-bg,#f8f9fa)}.ai-chat-widget-profile-select select{width:100%;padding:.35rem .5rem;color:var(--bs-body-color,#212529);background-color:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#ced4da);border-radius:6px;font-size:.85rem}.ai-chat-widget-messages{flex:1;overflow-y:auto;padding:.75rem;font-size:.9rem}.ai-chat-widget-messages .ai-chat-messages{padding:.5rem}.ai-chat-widget-messages .ai-chat-message-item{position:relative;padding:.5rem 0}.ai-chat-widget-messages .ai-chat-message-item+.ai-chat-message-item::before{content:'';display:block;width:100%;margin-bottom:.5rem;border-top:1px solid rgba(var(--bs-body-color-rgb,33,37,41),.08)}.ai-chat-widget-messages .ai-chat-message-heading{margin-bottom:.35rem}.ai-chat-widget-messages .ai-chat-message-heading .ai-chat-msg-role{margin-bottom:0;letter-spacing:.03em}.ai-chat-widget-messages .ai-chat-message-heading-assistant .ai-chat-msg-role{display:inline-flex;align-items:center;gap:.35rem}.ai-chat-widget-messages .ai-chat-message-role-label{display:inline-block;text-transform:inherit}.ai-chat-widget-messages .ai-chat-msg-role{font-weight:600;margin-bottom:2px;text-transform:uppercase}.ai-chat-widget-messages .ai-chat-msg-role-user{color:var(--bs-primary,#0d6efd)}.ai-chat-widget-messages .ai-chat-msg-role-assistant{color:var(--ai-widget-primary,#6f42c1)}.ai-chat-widget-messages .ai-bot-icon{color:currentColor;display:inline-block;animation:none}@keyframes ai-widget-streaming-effect{0%{opacity:1;transform:rotate(0)}10%{opacity:.3;transform:rotate(0)}20%{opacity:1;transform:rotate(0)}30%{opacity:.3;transform:rotate(0)}40%{opacity:1;transform:rotate(0)}50%{opacity:.3;transform:rotate(0)}60%{opacity:1;transform:rotate(0)}80%{opacity:1;transform:rotate(360deg)}100%{opacity:1;transform:rotate(360deg)}}.ai-chat-widget-messages .ai-streaming-icon{color:currentColor;display:inline-block;animation:ai-widget-streaming-effect 4s ease-in-out infinite}.ai-chat-widget-messages .ai-chat-message-body{position:relative;padding:0;overflow-wrap:break-word;word-break:break-word;min-width:0}.ai-chat-widget-messages .ai-chat-message-body p:last-child{margin-bottom:0}.ai-chat-widget-messages .message-buttons-container{position:absolute;right:.1rem;bottom:0;display:inline-flex;align-items:center;gap:.35rem;width:auto;max-width:max-content;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out;background:rgba(var(--bs-body-bg-rgb,255,255,255),.96);padding:.2rem .35rem;border-radius:999px;box-shadow:0 1px 3px rgba(var(--bs-body-color-rgb,33,37,41),.08);margin-bottom:1rem;transform:translateY(50%);z-index:1}.ai-chat-widget-messages .ai-chat-message-item:focus-within .message-buttons-container,.ai-chat-widget-messages .ai-chat-message-item:hover .message-buttons-container{opacity:1;pointer-events:auto}.ai-chat-widget-messages .message-buttons-container:has(.tts-playing){opacity:1;pointer-events:auto}.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.75rem;height:1.75rem;margin:0!important;padding:0!important;border-radius:50%;color:var(--bs-secondary-color,#6c757d)!important;text-decoration:none}.ai-chat-widget-messages .message-buttons-container .ai-chat-message-assistant-feedback{display:inline-flex;align-items:center;gap:.35rem}.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox:focus,.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox:hover{color:var(--bs-body-color,#212529)!important;text-decoration:none}.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox.text-success,.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox.text-success:focus,.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox.text-success:hover{color:var(--bs-success,#198754)!important;text-decoration:none}.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox.text-success svg{color:inherit!important;fill:currentColor}.ai-chat-widget-messages .message-buttons-container>.button-message-toolbox.tts-playing{color:var(--ai-widget-primary,#6f42c1)!important;opacity:1;pointer-events:auto}.ai-chat-widget-history-panel{position:absolute;top:3.5rem;left:0;right:0;bottom:0;background:var(--bs-body-bg,#fff);padding:1rem;z-index:10;display:none;overflow-y:auto;flex-direction:column}.ai-chat-widget-history-panel.show{display:flex}.ai-chat-widget-history-panel .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-shrink:0}.ai-chat-widget-history-panel .history-header h5{margin:0;font-size:1rem}.ai-chat-widget-history-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1 1 auto}.ai-chat-widget-history-list li{margin-bottom:0}.ai-chat-widget-history-list .chat-session-history-item{display:block;padding:.5rem .75rem;text-decoration:none;color:var(--bs-body-color,#212529);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s;cursor:pointer;border-bottom:1px solid var(--bs-border-color,#dee2e6)}.ai-chat-widget-history-list li:last-child .chat-session-history-item{border-bottom:none}.ai-chat-widget-history-list .chat-session-history-item:hover{background:var(--bs-tertiary-bg,#f8f9fa)}.ai-chat-widget-messages .ai-chat-notification{margin:.75rem .5rem 0;padding:.625rem .75rem;border:1px solid rgba(var(--bs-body-color-rgb,33,37,41),.12);border-radius:.5rem;background:rgba(var(--bs-tertiary-bg-rgb,248,249,250),.98)}.ai-chat-widget-messages .ai-chat-notification-content{display:flex;align-items:flex-start;gap:.5rem}.ai-chat-widget-messages .ai-chat-notification-icon{margin-top:.1rem;color:var(--bs-secondary-color,#6c757d)}.ai-chat-widget-messages .ai-chat-notification-text{flex:1 1 auto;min-width:0}.ai-chat-widget-messages .ai-chat-notification-dismiss{margin-left:auto!important;color:var(--bs-secondary-color,#6c757d)!important}.ai-chat-widget-messages .ai-chat-notification-actions{display:flex;gap:.5rem;margin-top:.5rem}.ai-chat-widget-messages .chart-container{width:100%;max-width:100%!important;min-height:280px}.ai-chat-widget-messages .generated-image-container{display:inline-block;vertical-align:top;margin-top:.5rem;position:relative}.ai-chat-widget-messages .generated-image-container img{max-width:100%!important;max-height:50vh;object-fit:contain;cursor:zoom-in}img.medium-zoom-image--opened{max-width:none!important;max-height:none!important;padding:0;border:0;background:0 0}.ai-chat-widget-messages .generated-image-container .ai-download-image{position:absolute;right:.5rem;bottom:.5rem;z-index:2;opacity:0;color:#1f2933;background-color:rgba(255,255,255,.92);border-color:rgba(0,0,0,.15);transition:opacity .15s ease-in-out}.ai-chat-widget-messages .generated-image-container .ai-download-image:active,.ai-chat-widget-messages .generated-image-container .ai-download-image:focus,.ai-chat-widget-messages .generated-image-container .ai-download-image:focus-visible,.ai-chat-widget-messages .generated-image-container .ai-download-image:hover{color:#1f2933;background-color:#fff;border-color:rgba(0,0,0,.35)}.ai-chat-widget-messages .generated-image-container:focus-within .ai-download-image,.ai-chat-widget-messages .generated-image-container:hover .ai-download-image{opacity:1}@media (hover:none){.ai-chat-widget-messages .generated-image-container .ai-download-image{opacity:1}}.ai-chat-widget-messages table{display:block;width:max-content;min-width:100%;max-width:100%;overflow-x:auto;margin-bottom:.75rem;border-collapse:collapse;font-size:.8125rem}.ai-chat-widget-messages table td,.ai-chat-widget-messages table th{padding:.3rem .5rem;border:1px solid var(--bs-border-color,#dee2e6);text-align:left;vertical-align:top}.ai-chat-widget-messages table thead th{background-color:var(--bs-secondary-bg,#e9ecef);font-weight:600;white-space:nowrap}.ai-chat-widget-messages table tbody tr:nth-child(even){background-color:var(--bs-tertiary-bg,#f8f9fa)}.ai-chat-widget-messages .ai-chat-message-body pre{background:var(--bs-dark-bg-subtle,#2d2d2d);color:var(--bs-emphasis-color,#f8f8f2);padding:.5rem;border-radius:4px;overflow-x:auto;font-size:.8rem}.ai-chat-widget-messages .ai-chat-message-body code{font-size:.85em}.ai-chat-widget-input{border-top:1px solid var(--bs-border-color,#dee2e6);padding:.5rem .75rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.ai-chat-widget-input .ai-chat-doc-bar{flex:0 0 100%;margin:-.5rem -.75rem .5rem;padding:.5rem .75rem;max-height:4.5rem;overflow-y:auto}.ai-chat-widget-input textarea{flex:1;min-width:0;color:var(--bs-body-color,#212529);background-color:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#ced4da);border-radius:8px;padding:.4rem .6rem;font-size:.9rem;resize:none;max-height:80px;min-height:36px;line-height:1.4;outline:0}.ai-chat-widget-input textarea:focus{border-color:var(--ai-widget-primary);box-shadow:0 0 0 2px rgba(var(--ai-widget-primary-rgb,108,117,125),.15)}.ai-chat-widget-input button{background:var(--ai-widget-primary);color:var(--bs-white,#fff);border:none;border-radius:8px;padding:.4rem .75rem;cursor:pointer;font-size:.9rem;white-space:nowrap}.ai-chat-widget-input .btn{background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#212529);border:1px solid var(--bs-border-color,#ced4da)}.ai-chat-widget-input .btn.btn-link{background:0 0;color:var(--bs-secondary-color,#6c757d);border:none;padding:.4rem}.ai-chat-widget-input .btn.btn-outline-dark{background:var(--bs-dark,#212529);color:var(--bs-white,#fff);border-color:var(--bs-dark,#212529)}.ai-chat-widget-input .btn.btn-outline-secondary{color:var(--bs-secondary-color,#6c757d)}.ai-chat-widget-input button:disabled{opacity:.5;cursor:not-allowed}.ai-chat-widget-status{padding:.25rem .75rem;font-size:.8rem;color:var(--bs-secondary-color,#6c757d);display:none}.ai-chat-widget-status.visible{display:block}.ai-chat-widget-welcome{text-align:center;color:var(--bs-secondary-color,#6c757d);padding:2rem 1rem;font-size:.9rem}@media (max-width:576px){.ai-chat-widget-container{width:calc(100vw - 1rem);height:calc(100vh - 6rem);right:.5rem;bottom:4.5rem}}

package/dist/realtime-audio.js

@@ -687,6 +687,12 @@
     var noop = function noop() {};
     var onActivate = opts.onActivate || noop;
     var onDeactivate = opts.onDeactivate || noop;
+    // Reports whether a session is live, every time the button is repainted, so a host that shows or hides
+    // controls around the session reads the same flag the button does. onActivate/onDeactivate are events
+    // and can be missed -- the transport fallback deactivates WebRTC and activates the WebSocket without
+    // pairing them -- which left a host tracking the session itself able to drift out of step with the
+    // button, showing "Start speaking" over a message box that was still hidden.
+    var onSessionStateChanged = opts.onSessionStateChanged || noop;
     var onEnterRealtimeMode = opts.onEnterRealtimeMode || noop;
     // The server tells us a user utterance was captured before it has been transcribed, so the host can show a
     // placeholder in the right position; onUserTurnDropped removes it when the utterance produced nothing.
@@ -792,7 +798,11 @@
       realtimeMicDeviceId = '',
       realtimeOutputDeviceId = '',
       realtimeLanguage = '',
-      realtimeAudioSettingsBuilt = false;
+      realtimeAudioSettingsBuilt = false,
+      // The settings popover this instance built. A page can host two chat clients at once -- its own chat
+      // and the admin widget -- and both popovers carry the same element id, so looking one up by id would
+      // hand the second instance the first one's popover.
+      realtimeAudioSettingsElement = null;
 
     // The half-duplex echo tail on the WebSocket transport: how long the microphone stays muted after the
     // scheduled end of the assistant's playback, covering the room's reverberation.
@@ -1023,6 +1033,7 @@
       wrap.appendChild(gear);
       wrap.appendChild(panel);
       realtimeBtn.insertAdjacentElement('afterend', wrap);
+      realtimeAudioSettingsElement = wrap;
       var bargeInput = panel.querySelector('.js-barge');
       var pttInput = panel.querySelector('.js-ptt');
       var volInput = panel.querySelector('.js-vol');
@@ -1192,6 +1203,9 @@
       button.replaceChildren(document.createTextNode(text));
     }
     function updateRealtimeButton() {
+      // Reported before the early return: a host still has to be told the session ended even on a surface
+      // that never rendered the button.
+      onSessionStateChanged(isRealtimeActive);
       var realtimeBtn = q('realtimeButton');
       if (!realtimeBtn) {
         return;
@@ -1219,7 +1233,7 @@
       var conversationBtn = q('conversationButton');
       var inputEl = q('input');
       var sendBtn = q('sendButton');
-      var audioSettings = document.getElementById('realtime-audio-settings');
+      var audioSettings = realtimeAudioSettingsElement;
       if (enable) {
         onEnterRealtimeMode();
         if (inputEl) {