@crestapps/ai-chat-ui 1.0.0-rc.7 → 1.0.0

package/dist/chat-widget.css

@@ -1,6 +1,7 @@
 /* CrestApps AI Chat Widget */
 :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;
 }
@@ -14,20 +15,20 @@
     height: 52px;
     border-radius: 50%;
     background: var(--ai-widget-primary);
-    color: white;
+    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(0,0,0,0.2);
+    box-shadow: 0 4px 12px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.2);
     transition: transform 0.2s, box-shadow 0.2s;
 }
 
 .ai-chat-widget-toggle:hover {
     transform: scale(1.1);
-    box-shadow: 0 6px 16px rgba(0,0,0,0.3);
+    box-shadow: 0 6px 16px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.3);
 }
 
 .ai-chat-widget-container {
@@ -37,9 +38,11 @@
     z-index: 10001;
     width: var(--ai-widget-width);
     height: var(--ai-widget-height);
-    background: #fff;
+    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(0,0,0,0.18);
+    box-shadow: 0 8px 32px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.18);
     display: none;
     flex-direction: column;
     overflow: hidden;
@@ -63,7 +66,7 @@
     justify-content: space-between;
     padding: 0.75rem 1rem;
     background: var(--ai-widget-primary);
-    color: white;
+    color: var(--bs-white, #fff);
 }
 
 .ai-chat-widget-header.ai-chat-widget-drag-handle {
@@ -99,7 +102,7 @@
 .ai-chat-widget-header button {
     background: none;
     border: none;
-    color: white;
+    color: var(--bs-white, #fff);
     cursor: pointer;
     font-size: 1rem;
     padding: 0 0.25rem;
@@ -112,14 +115,16 @@
 
 .ai-chat-widget-profile-select {
     padding: 0.5rem 0.75rem;
-    border-bottom: 1px solid #e9ecef;
-    background: #f8f9fa;
+    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
+    background: var(--bs-tertiary-bg, #f8f9fa);
 }
 
 .ai-chat-widget-profile-select select {
     width: 100%;
     padding: 0.35rem 0.5rem;
-    border: 1px solid #ced4da;
+    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: 0.85rem;
 }
@@ -146,29 +151,65 @@
     display: block;
     width: 100%;
     margin-bottom: 0.5rem;
-    border-top: 1px solid rgba(33, 37, 41, 0.08);
+    border-top: 1px solid rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.08);
+}
+
+.ai-chat-widget-messages .ai-chat-message-heading {
+    margin-bottom: 0.35rem;
+}
+
+.ai-chat-widget-messages .ai-chat-message-heading .ai-chat-msg-role {
+    margin-bottom: 0;
+    letter-spacing: 0.03em;
+}
+
+.ai-chat-widget-messages .ai-chat-message-heading-assistant .ai-chat-msg-role {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.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-size: 0.7rem;
     font-weight: 600;
     margin-bottom: 2px;
+    text-transform: uppercase;
 }
 
 .ai-chat-widget-messages .ai-chat-msg-role-user {
-    color: #0d6efd;
+    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-chat-msg-role-assistant i.ai-streaming-icon {
-    animation: ai-widget-pulse 1.5s infinite;
+.ai-chat-widget-messages .ai-bot-icon {
+    color: currentColor;
+    display: inline-block;
+    animation: none;
 }
 
-.ai-chat-widget-messages .ai-chat-msg-role-assistant i.ai-bot-icon {
+@keyframes ai-widget-streaming-effect {
+    0% { opacity: 1; transform: rotate(0deg); }
+    10% { opacity: 0.3; transform: rotate(0deg); }
+    20% { opacity: 1; transform: rotate(0deg); }
+    30% { opacity: 0.3; transform: rotate(0deg); }
+    40% { opacity: 1; transform: rotate(0deg); }
+    50% { opacity: 0.3; transform: rotate(0deg); }
+    60% { opacity: 1; transform: rotate(0deg); }
+    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 {
@@ -196,10 +237,10 @@
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.15s ease-in-out;
-    background: rgba(255, 255, 255, 0.96);
+    background: rgba(var(--bs-body-bg-rgb, 255, 255, 255), 0.96);
     padding: 0.2rem 0.35rem;
     border-radius: 999px;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+    box-shadow: 0 1px 3px rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.08);
     margin-bottom: 1rem;
     transform: translateY(50%);
     z-index: 1;
@@ -239,6 +280,19 @@
 .ai-chat-widget-messages .message-buttons-container > .button-message-toolbox:hover,
 .ai-chat-widget-messages .message-buttons-container > .button-message-toolbox:focus {
     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:hover,
+.ai-chat-widget-messages .message-buttons-container > .button-message-toolbox.text-success:focus {
+    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 {
@@ -253,7 +307,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background: #fff;
+    background: var(--bs-body-bg, #fff);
     padding: 1rem;
     z-index: 10;
     display: none;
@@ -316,9 +370,9 @@
 .ai-chat-widget-messages .ai-chat-notification {
     margin: 0.75rem 0.5rem 0;
     padding: 0.625rem 0.75rem;
-    border: 1px solid rgba(33, 37, 41, 0.12);
+    border: 1px solid rgba(var(--bs-body-color-rgb, 33, 37, 41), 0.12);
     border-radius: 0.5rem;
-    background: rgba(248, 249, 250, 0.98);
+    background: rgba(var(--bs-tertiary-bg-rgb, 248, 249, 250), 0.98);
 }
 
 .ai-chat-widget-messages .ai-chat-notification-content {
@@ -357,8 +411,8 @@
 
 /* ── Code blocks & inline code ── */
 .ai-chat-widget-messages .ai-chat-message-body pre {
-    background: #2d2d2d;
-    color: #f8f8f2;
+    background: var(--bs-dark-bg-subtle, #2d2d2d);
+    color: var(--bs-emphasis-color, #f8f8f2);
     padding: 0.5rem;
     border-radius: 4px;
     overflow-x: auto;
@@ -369,13 +423,8 @@
     font-size: 0.85em;
 }
 
-@keyframes ai-widget-pulse {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.4; }
-}
-
 .ai-chat-widget-input {
-    border-top: 1px solid #e9ecef;
+    border-top: 1px solid var(--bs-border-color, #dee2e6);
     padding: 0.5rem 0.75rem;
     display: flex;
     flex-wrap: wrap;
@@ -394,7 +443,9 @@
 .ai-chat-widget-input textarea {
     flex: 1;
     min-width: 0;
-    border: 1px solid #ced4da;
+    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: 0.4rem 0.6rem;
     font-size: 0.9rem;
@@ -407,12 +458,12 @@
 
 .ai-chat-widget-input textarea:focus {
     border-color: var(--ai-widget-primary);
-    box-shadow: 0 0 0 2px rgba(65,182,112,0.15);
+    box-shadow: 0 0 0 2px rgba(var(--ai-widget-primary-rgb, 108, 117, 125), 0.15);
 }
 
 .ai-chat-widget-input button {
     background: var(--ai-widget-primary);
-    color: white;
+    color: var(--bs-white, #fff);
     border: none;
     border-radius: 8px;
     padding: 0.4rem 0.75rem;
@@ -436,7 +487,7 @@
 
 .ai-chat-widget-input .btn.btn-outline-dark {
     background: var(--bs-dark, #212529);
-    color: #fff;
+    color: var(--bs-white, #fff);
     border-color: var(--bs-dark, #212529);
 }
 
@@ -452,7 +503,7 @@
 .ai-chat-widget-status {
     padding: 0.25rem 0.75rem;
     font-size: 0.8rem;
-    color: #6c757d;
+    color: var(--bs-secondary-color, #6c757d);
     display: none;
 }
 
@@ -462,7 +513,7 @@
 
 .ai-chat-widget-welcome {
     text-align: center;
-    color: #6c757d;
+    color: var(--bs-secondary-color, #6c757d);
     padding: 2rem 1rem;
     font-size: 0.9rem;
 }

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","file":"chat-widget.css","sourcesContent":["/* CrestApps AI Chat Widget */\n:root {\n    --ai-widget-primary: var(--bs-secondary, #6c757d);\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: white;\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(0,0,0,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(0,0,0,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: #fff;\n    border-radius: 12px;\n    box-shadow: 0 8px 32px rgba(0,0,0,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: white;\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: white;\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 #e9ecef;\n    background: #f8f9fa;\n}\n\n.ai-chat-widget-profile-select select {\n    width: 100%;\n    padding: 0.35rem 0.5rem;\n    border: 1px solid #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(33, 37, 41, 0.08);\n}\n\n.ai-chat-widget-messages .ai-chat-msg-role {\n    font-size: 0.7rem;\n    font-weight: 600;\n    margin-bottom: 2px;\n}\n\n.ai-chat-widget-messages .ai-chat-msg-role-user {\n    color: #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-chat-msg-role-assistant i.ai-streaming-icon {\n    animation: ai-widget-pulse 1.5s infinite;\n}\n\n.ai-chat-widget-messages .ai-chat-msg-role-assistant i.ai-bot-icon {\n    color: currentColor;\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(255, 255, 255, 0.96);\n    padding: 0.2rem 0.35rem;\n    border-radius: 999px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 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}\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: #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(33, 37, 41, 0.12);\n    border-radius: 0.5rem;\n    background: rgba(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/* ── Code blocks & inline code ── */\n.ai-chat-widget-messages .ai-chat-message-body pre {\n    background: #2d2d2d;\n    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@keyframes ai-widget-pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.4; }\n}\n\n.ai-chat-widget-input {\n    border-top: 1px solid #e9ecef;\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    border: 1px solid #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(65,182,112,0.15);\n}\n\n.ai-chat-widget-input button {\n    background: var(--ai-widget-primary);\n    color: white;\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: #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: #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: #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","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/* ── 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-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:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s}.ai-chat-widget-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.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:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.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:#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:#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 #e9ecef;background:#f8f9fa}.ai-chat-widget-profile-select select{width:100%;padding:.35rem .5rem;border:1px solid #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(33,37,41,.08)}.ai-chat-widget-messages .ai-chat-msg-role{font-size:.7rem;font-weight:600;margin-bottom:2px}.ai-chat-widget-messages .ai-chat-msg-role-user{color:#0d6efd}.ai-chat-widget-messages .ai-chat-msg-role-assistant{color:var(--ai-widget-primary,#6f42c1)}.ai-chat-widget-messages .ai-chat-msg-role-assistant i.ai-streaming-icon{animation:ai-widget-pulse 1.5s infinite}.ai-chat-widget-messages .ai-chat-msg-role-assistant i.ai-bot-icon{color:currentColor}.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(255,255,255,.96);padding:.2rem .35rem;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.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}.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:#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(33,37,41,.12);border-radius:.5rem;background:rgba(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 .ai-chat-message-body pre{background:#2d2d2d;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}@keyframes ai-widget-pulse{0%,100%{opacity:1}50%{opacity:.4}}.ai-chat-widget-input{border-top:1px solid #e9ecef;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;border:1px solid #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(65,182,112,.15)}.ai-chat-widget-input button{background:var(--ai-widget-primary);color:#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:#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:#6c757d;display:none}.ai-chat-widget-status.visible{display:block}.ai-chat-widget-welcome{text-align:center;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 .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/document-drop-zone.css

@@ -1,27 +1,27 @@
 .attached-documents-panel {
     border: 1px solid var(--bs-border-color, #dee2e6);
     border-radius: 0.75rem;
-    background: linear-gradient(180deg, rgba(13, 110, 253, 0.04), rgba(13, 110, 253, 0.01));
+    background: linear-gradient(180deg, rgba(var(--bs-primary-rgb, 13, 110, 253), 0.04), rgba(var(--bs-primary-rgb, 13, 110, 253), 0.01));
     padding: 1rem;
 }
 
 .document-drop-zone {
     position: relative;
-    border: 2px dashed rgba(13, 110, 253, 0.35);
+    border: 2px dashed rgba(var(--bs-primary-rgb, 13, 110, 253), 0.35);
     border-radius: 1rem;
-    background: rgba(248, 249, 250, 0.8);
+    background: rgba(var(--bs-tertiary-bg-rgb, 248, 249, 250), 0.8);
     transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
 }
 
 .document-drop-zone:hover {
-    border-color: rgba(13, 110, 253, 0.55);
-    background: rgba(248, 249, 250, 0.95);
+    border-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.55);
+    background: rgba(var(--bs-tertiary-bg-rgb, 248, 249, 250), 0.95);
 }
 
 .document-drop-zone--dragover {
     border-color: var(--bs-primary, #0d6efd);
-    background: rgba(13, 110, 253, 0.08);
-    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.12);
+    background: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.08);
+    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 13, 110, 253), 0.12);
     transform: translateY(-1px);
 }
 
@@ -41,7 +41,7 @@
     align-items: center;
     justify-content: center;
     border-radius: 50%;
-    background: rgba(13, 110, 253, 0.12);
+    background: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.12);
     color: var(--bs-primary, #0d6efd);
     font-size: 1.5rem;
 }
@@ -71,7 +71,7 @@
     padding: 0.75rem 0.875rem;
     border: 1px solid var(--bs-border-color, #dee2e6);
     border-radius: 0.75rem;
-    background: #fff;
+    background: var(--bs-body-bg, #fff);
 }
 
 .attached-document-icon {
@@ -81,7 +81,7 @@
     align-items: center;
     justify-content: center;
     border-radius: 0.65rem;
-    background: rgba(13, 110, 253, 0.1);
+    background: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.1);
     color: var(--bs-primary, #0d6efd);
     flex-shrink: 0;
 }

package/dist/document-drop-zone.css.map

@@ -1 +1 @@
-{"version":3,"sources":["document-drop-zone.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","file":"document-drop-zone.css","sourcesContent":[".attached-documents-panel {\n    border: 1px solid var(--bs-border-color, #dee2e6);\n    border-radius: 0.75rem;\n    background: linear-gradient(180deg, rgba(13, 110, 253, 0.04), rgba(13, 110, 253, 0.01));\n    padding: 1rem;\n}\n\n.document-drop-zone {\n    position: relative;\n    border: 2px dashed rgba(13, 110, 253, 0.35);\n    border-radius: 1rem;\n    background: rgba(248, 249, 250, 0.8);\n    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;\n}\n\n.document-drop-zone:hover {\n    border-color: rgba(13, 110, 253, 0.55);\n    background: rgba(248, 249, 250, 0.95);\n}\n\n.document-drop-zone--dragover {\n    border-color: var(--bs-primary, #0d6efd);\n    background: rgba(13, 110, 253, 0.08);\n    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.12);\n    transform: translateY(-1px);\n}\n\n.document-drop-zone__body {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 1.5rem 1rem;\n    text-align: center;\n}\n\n.document-drop-zone__icon {\n    width: 3.5rem;\n    height: 3.5rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: rgba(13, 110, 253, 0.12);\n    color: var(--bs-primary, #0d6efd);\n    font-size: 1.5rem;\n}\n\n.document-drop-zone__title {\n    font-weight: 600;\n}\n\n.document-drop-zone__actions {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 0.75rem;\n}\n\n.attached-documents-list {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n}\n\n.attached-document-card,\n.pending-doc-row {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 0.875rem;\n    border: 1px solid var(--bs-border-color, #dee2e6);\n    border-radius: 0.75rem;\n    background: #fff;\n}\n\n.attached-document-icon {\n    width: 2.25rem;\n    height: 2.25rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0.65rem;\n    background: rgba(13, 110, 253, 0.1);\n    color: var(--bs-primary, #0d6efd);\n    flex-shrink: 0;\n}\n\n.attached-document-meta {\n    min-width: 0;\n}\n\n.attached-document-name {\n    font-weight: 500;\n    word-break: break-word;\n}\n\n.attached-document-size {\n    color: var(--bs-secondary-color, #6c757d);\n    font-size: 0.875rem;\n}\n"]}
+{"version":3,"sources":["document-drop-zone.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","file":"document-drop-zone.css","sourcesContent":[".attached-documents-panel {\n    border: 1px solid var(--bs-border-color, #dee2e6);\n    border-radius: 0.75rem;\n    background: linear-gradient(180deg, rgba(var(--bs-primary-rgb, 13, 110, 253), 0.04), rgba(var(--bs-primary-rgb, 13, 110, 253), 0.01));\n    padding: 1rem;\n}\n\n.document-drop-zone {\n    position: relative;\n    border: 2px dashed rgba(var(--bs-primary-rgb, 13, 110, 253), 0.35);\n    border-radius: 1rem;\n    background: rgba(var(--bs-tertiary-bg-rgb, 248, 249, 250), 0.8);\n    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;\n}\n\n.document-drop-zone:hover {\n    border-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.55);\n    background: rgba(var(--bs-tertiary-bg-rgb, 248, 249, 250), 0.95);\n}\n\n.document-drop-zone--dragover {\n    border-color: var(--bs-primary, #0d6efd);\n    background: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.08);\n    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 13, 110, 253), 0.12);\n    transform: translateY(-1px);\n}\n\n.document-drop-zone__body {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 1.5rem 1rem;\n    text-align: center;\n}\n\n.document-drop-zone__icon {\n    width: 3.5rem;\n    height: 3.5rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.12);\n    color: var(--bs-primary, #0d6efd);\n    font-size: 1.5rem;\n}\n\n.document-drop-zone__title {\n    font-weight: 600;\n}\n\n.document-drop-zone__actions {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 0.75rem;\n}\n\n.attached-documents-list {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n}\n\n.attached-document-card,\n.pending-doc-row {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 0.875rem;\n    border: 1px solid var(--bs-border-color, #dee2e6);\n    border-radius: 0.75rem;\n    background: var(--bs-body-bg, #fff);\n}\n\n.attached-document-icon {\n    width: 2.25rem;\n    height: 2.25rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0.65rem;\n    background: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.1);\n    color: var(--bs-primary, #0d6efd);\n    flex-shrink: 0;\n}\n\n.attached-document-meta {\n    min-width: 0;\n}\n\n.attached-document-name {\n    font-weight: 500;\n    word-break: break-word;\n}\n\n.attached-document-size {\n    color: var(--bs-secondary-color, #6c757d);\n    font-size: 0.875rem;\n}\n"]}

package/dist/document-drop-zone.js

@@ -6,6 +6,7 @@
 (function (window, document) {
   'use strict';
 
+  var dropZoneStateKey = '__documentDropZoneState';
   function assignFiles(fileInput, files) {
     if (!fileInput || !files) {
       return;
@@ -29,6 +30,9 @@
     if (!dropZone || !fileInput) {
       return;
     }
+    if (dropZone[dropZoneStateKey] && typeof dropZone[dropZoneStateKey].dispose === 'function') {
+      dropZone[dropZoneStateKey].dispose();
+    }
     function openPicker() {
       fileInput.click();
     }
@@ -39,40 +43,114 @@
     function setDragState(isActive) {
       dropZone.classList.toggle('document-drop-zone--dragover', isActive);
     }
-    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(function (eventName) {
-      dropZone.addEventListener(eventName, preventDefaults);
-    });
-    dropZone.addEventListener('dragenter', function () {
+    function handleDragEnter() {
       setDragState(true);
-    });
-    dropZone.addEventListener('dragover', function () {
+    }
+    function handleDragOver() {
       setDragState(true);
-    });
-    dropZone.addEventListener('dragleave', function (event) {
+    }
+    function handleDragLeave(event) {
       if (!dropZone.contains(event.relatedTarget)) {
         setDragState(false);
       }
-    });
-    dropZone.addEventListener('drop', function (event) {
+    }
+    function handleDrop(event) {
       setDragState(false);
       var files = event.dataTransfer ? event.dataTransfer.files : null;
       if (files && files.length > 0) {
         assignFiles(fileInput, files);
       }
+    }
+    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(function (eventName) {
+      dropZone.addEventListener(eventName, preventDefaults);
     });
+    dropZone.addEventListener('dragenter', handleDragEnter);
+    dropZone.addEventListener('dragover', handleDragOver);
+    dropZone.addEventListener('dragleave', handleDragLeave);
+    dropZone.addEventListener('drop', handleDrop);
+    var handleBrowseClick = null;
     if (browseButton) {
-      browseButton.addEventListener('click', function (event) {
+      handleBrowseClick = function handleBrowseClick(event) {
         event.preventDefault();
         event.stopPropagation();
         openPicker();
-      });
+      };
+      browseButton.addEventListener('click', handleBrowseClick);
     }
-    dropZone.addEventListener('click', function (event) {
+    function handleClick(event) {
       if (event.target.closest('[data-drop-zone-browse]')) {
         return;
       }
       openPicker();
-    });
+    }
+    dropZone.addEventListener('click', handleClick);
+    dropZone[dropZoneStateKey] = {
+      dispose: function dispose() {
+        ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(function (eventName) {
+          dropZone.removeEventListener(eventName, preventDefaults);
+        });
+        dropZone.removeEventListener('dragenter', handleDragEnter);
+        dropZone.removeEventListener('dragover', handleDragOver);
+        dropZone.removeEventListener('dragleave', handleDragLeave);
+        dropZone.removeEventListener('drop', handleDrop);
+        dropZone.removeEventListener('click', handleClick);
+        if (browseButton && handleBrowseClick) {
+          browseButton.removeEventListener('click', handleBrowseClick);
+        }
+      }
+    };
+    return dropZone[dropZoneStateKey];
   };
+  function initializeFromElement(element) {
+    if (!element || element.dataset.documentDropZoneInitialized === 'true') {
+      return element ? element[dropZoneStateKey] || null : null;
+    }
+    var options = {
+      dropZone: element,
+      fileInput: element.getAttribute('data-document-drop-zone-file-input'),
+      browseButton: element.getAttribute('data-document-drop-zone-browse-button')
+    };
+    var state = window.initDocumentDropZone(options);
+    if (!state) {
+      return null;
+    }
+    element.dataset.documentDropZoneInitialized = 'true';
+    return state;
+  }
+  function scanForAutoInitialization(root) {
+    if (!root || typeof root.querySelectorAll !== 'function') {
+      return;
+    }
+    if (typeof root.matches === 'function' && root.matches('[data-document-drop-zone-file-input]')) {
+      initializeFromElement(root);
+    }
+    root.querySelectorAll('[data-document-drop-zone-file-input]').forEach(initializeFromElement);
+  }
+  function startAutoInitialization() {
+    scanForAutoInitialization(document);
+    if (typeof MutationObserver === 'undefined') {
+      return;
+    }
+    var observer = new MutationObserver(function (mutations) {
+      mutations.forEach(function (mutation) {
+        mutation.addedNodes.forEach(function (node) {
+          if (node && node.nodeType === 1) {
+            scanForAutoInitialization(node);
+          }
+        });
+      });
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+  }
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', startAutoInitialization, {
+      once: true
+    });
+  } else {
+    startAutoInitialization();
+  }
 })(window, document);
 //# sourceMappingURL=document-drop-zone.js.map