@chatcops/widget 0.4.3 → 0.5.0

package/dist/chatcops.esm.js

@@ -1,10 +1,12 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-const widgetStyles = ":host{--cc-accent: #6366f1;--cc-accent-hover: #4f46e5;--cc-text: #ffffff;--cc-bg: #0a0a0a;--cc-bg-surface: #1a1a1a;--cc-bg-input: #2a2a2a;--cc-border: #333333;--cc-text-secondary: #a0a0a0;--cc-font: system-ui, -apple-system, sans-serif;--cc-radius: 12px;--cc-shadow: 0 8px 32px rgba(0, 0, 0, .4);--cc-fab-size: 56px;--cc-panel-width: 400px;--cc-panel-height: 560px;all:initial;font-family:var(--cc-font);font-size:14px;line-height:1.5;color:var(--cc-text);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.cc-fab{position:fixed;bottom:20px;right:20px;width:var(--cc-fab-size);height:var(--cc-fab-size);border-radius:50%;background:var(--cc-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;transition:transform .2s ease,box-shadow .2s ease;z-index:10000;outline:none}.cc-fab:hover{transform:scale(1.05);box-shadow:0 6px 24px #0006}.cc-fab:active{transform:scale(.95)}.cc-fab.cc-left{right:auto;left:20px}.cc-fab svg{width:24px;height:24px;fill:var(--cc-text);transition:transform .3s ease}.cc-fab.cc-open svg{transform:rotate(90deg)}.cc-fab-badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#ef4444;border:2px solid var(--cc-bg);display:none}.cc-fab-badge.cc-visible{display:block}@keyframes cc-pulse{0%,to{box-shadow:0 4px 16px #0000004d}50%{box-shadow:0 4px 16px #6366f180}}.cc-fab.cc-pulse{animation:cc-pulse 2s ease-in-out 3}.cc-panel{position:fixed;bottom:88px;right:20px;width:var(--cc-panel-width);height:var(--cc-panel-height);max-height:calc(100vh - 100px);background:var(--cc-bg);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);border:1px solid var(--cc-border);display:flex;flex-direction:column;overflow:hidden;z-index:9999;opacity:0;transform:translateY(16px) scale(.95);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.cc-panel.cc-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.cc-panel.cc-left{right:auto;left:20px}.cc-panel.cc-inline{position:relative;bottom:auto;right:auto;left:auto;width:100%;height:100%;max-height:100%;z-index:auto;transform:none;transition:none}.cc-panel.cc-inline:not(.cc-visible){visibility:hidden}.cc-panel.cc-inline.cc-visible{transform:none}.cc-header{display:flex;align-items:center;padding:16px;background:var(--cc-bg-surface);border-bottom:1px solid var(--cc-border);flex-shrink:0}.cc-header-avatar{width:36px;height:36px;border-radius:50%;margin-right:12px;object-fit:cover}.cc-header-avatar-placeholder{width:36px;height:36px;border-radius:50%;margin-right:12px;background:var(--cc-accent);display:flex;align-items:center;justify-content:center}.cc-header-avatar-placeholder svg{width:20px;height:20px;fill:var(--cc-text)}.cc-header-info{flex:1}.cc-header-name{font-size:15px;font-weight:600;color:var(--cc-text)}.cc-header-subtitle{font-size:12px;color:var(--cc-text-secondary)}.cc-header-close{width:32px;height:32px;border-radius:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.cc-header-close:hover{background:var(--cc-bg-input)}.cc-header-close svg{width:16px;height:16px;fill:var(--cc-text-secondary)}.cc-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.cc-messages::-webkit-scrollbar{width:4px}.cc-messages::-webkit-scrollbar-track{background:transparent}.cc-messages::-webkit-scrollbar-thumb{background:var(--cc-border);border-radius:2px}.cc-message{max-width:85%;padding:10px 14px;border-radius:var(--cc-radius);word-wrap:break-word;overflow-wrap:break-word;font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:8px}.cc-message-user{align-self:flex-end;background:var(--cc-accent);color:var(--cc-text);border-bottom-right-radius:4px}.cc-message-assistant{align-self:flex-start;background:var(--cc-bg-surface);color:var(--cc-text);border-bottom-left-radius:4px}.cc-message a{color:var(--cc-accent);text-decoration:underline}.cc-message-user a{color:var(--cc-text)}.cc-message code{background:#0003;padding:1px 4px;border-radius:4px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:13px}.cc-message pre{background:#0000004d;padding:8px 12px;border-radius:8px;overflow-x:auto;margin:4px 0}.cc-message pre code{background:transparent;padding:0}.cc-message ul,.cc-message ol{padding-left:20px;margin:4px 0}.cc-message h1,.cc-message h2,.cc-message h3,.cc-message h4,.cc-message h5,.cc-message h6{font-size:15px;font-weight:600;line-height:1.4;margin:4px 0 0}.cc-message-actions{display:flex;align-items:center}.cc-message-retry,.cc-message-regenerate{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-text-secondary);font-family:var(--cc-font);font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease}.cc-message-retry:hover,.cc-message-regenerate:hover{background:var(--cc-bg-input);color:var(--cc-text)}.cc-message-retry svg,.cc-message-regenerate svg{fill:currentColor}.cc-message-regenerate{opacity:0}.cc-message:hover .cc-message-regenerate{opacity:1}.cc-message:focus-within .cc-message-regenerate,.cc-message-regenerate:focus-visible{opacity:1}@media(hover:none){.cc-message-regenerate{opacity:1}}.cc-message-retry{border-color:#ef4444;color:#ef4444}.cc-message-retry:hover{background:#ef44441a;color:#ef4444}.cc-typing{display:flex;align-items:center;gap:4px;padding:10px 14px;align-self:flex-start;background:var(--cc-bg-surface);border-radius:var(--cc-radius);border-bottom-left-radius:4px}.cc-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--cc-text-secondary);animation:cc-bounce 1.2s infinite}.cc-typing-dot:nth-child(2){animation-delay:.2s}.cc-typing-dot:nth-child(3){animation-delay:.4s}@keyframes cc-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.cc-input-area{display:flex;align-items:flex-end;padding:12px 16px;border-top:1px solid var(--cc-border);background:var(--cc-bg);gap:8px}.cc-input{flex:1;background:var(--cc-bg-input);border:1px solid var(--cc-border);border-radius:8px;padding:8px 12px;color:var(--cc-text);font-family:var(--cc-font);font-size:14px;line-height:1.5;resize:none;outline:none;max-height:96px;overflow-y:auto;transition:border-color .15s ease}.cc-input:focus{border-color:var(--cc-accent);outline:2px solid var(--cc-accent);outline-offset:1px}.cc-input::placeholder{color:var(--cc-text-secondary)}.cc-send-btn{width:36px;height:36px;border-radius:8px;background:var(--cc-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,opacity .15s ease}.cc-send-btn:hover{background:var(--cc-accent-hover)}.cc-send-btn:disabled{opacity:.4;cursor:not-allowed}.cc-send-btn svg{width:16px;height:16px;fill:var(--cc-text)}.cc-footer{padding:6px 16px;text-align:center;font-size:11px;color:var(--cc-text-secondary);border-top:1px solid var(--cc-border)}.cc-footer a{color:var(--cc-text-secondary);text-decoration:none}.cc-footer a:hover{text-decoration:underline}.cc-bubble{position:fixed;bottom:84px;right:20px;background:var(--cc-bg-surface);color:var(--cc-text);padding:10px 16px;border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);border:1px solid var(--cc-border);max-width:260px;font-size:13px;line-height:1.4;z-index:9998;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;cursor:pointer}.cc-bubble.cc-visible{opacity:1;transform:translateY(0);pointer-events:auto}.cc-bubble.cc-left{right:auto;left:20px}.cc-bubble-close{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--cc-bg);border:1px solid var(--cc-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--cc-text-secondary)}.cc-hidden{display:none}.cc-messages-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.cc-prechat{flex:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.cc-prechat-title{font-size:18px;font-weight:600;color:var(--cc-text)}.cc-prechat-subtitle{font-size:13px;color:var(--cc-text-secondary);margin-top:-8px}.cc-prechat-fields{display:flex;flex-direction:column;gap:14px}.cc-prechat-field{display:flex;flex-direction:column;gap:4px}.cc-prechat-label{font-size:13px;font-weight:500;color:var(--cc-text)}.cc-prechat-label .cc-required{color:#ef4444;margin-left:2px}.cc-prechat-input,.cc-prechat-select,.cc-prechat-textarea{background:var(--cc-bg-input);border:1px solid var(--cc-border);border-radius:8px;padding:8px 12px;color:var(--cc-text);font-family:var(--cc-font);font-size:14px;outline:none;transition:border-color .15s ease}.cc-prechat-input:focus,.cc-prechat-select:focus,.cc-prechat-textarea:focus{border-color:var(--cc-accent)}.cc-prechat-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.cc-prechat-textarea{resize:none;line-height:1.5}.cc-prechat-error{font-size:12px;color:#ef4444;min-height:0}.cc-prechat-error:empty{display:none}.cc-prechat-submit{background:var(--cc-accent);color:var(--cc-text);border:none;border-radius:8px;padding:10px 16px;font-family:var(--cc-font);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease;margin-top:8px}.cc-prechat-submit:hover{background:var(--cc-accent-hover)}.cc-prechat-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.cc-fab.cc-open{display:none}.cc-panel:not(.cc-inline){width:100%;height:100%;max-height:100%;bottom:0;right:0;left:0;border-radius:0;border:none}.cc-panel.cc-left:not(.cc-inline){left:0}.cc-bubble{bottom:84px;right:16px;left:16px;max-width:none}}.cc-fab:focus-visible,.cc-header-close:focus-visible,.cc-send-btn:focus-visible,.cc-message-retry:focus-visible,.cc-message-regenerate:focus-visible,.cc-bubble-close:focus-visible,.cc-prechat-submit:focus-visible{outline:2px solid var(--cc-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.cc-fab.cc-pulse,.cc-typing-dot{animation:none}.cc-panel,.cc-bubble{transition:none}}";
+const widgetStyles = ":host{--cc-accent: #6366f1;--cc-accent-hover: #4f46e5;--cc-on-accent: #ffffff;--cc-accent-contrast: #6164ec;--cc-text: #ffffff;--cc-bg: #0a0a0a;--cc-bg-surface: #1a1a1a;--cc-bg-input: #2a2a2a;--cc-border: #333333;--cc-text-secondary: #a0a0a0;--cc-font: system-ui, -apple-system, sans-serif;--cc-radius: 12px;--cc-shadow: 0 8px 32px rgba(0, 0, 0, .4);--cc-fab-size: 56px;--cc-panel-width: 400px;--cc-panel-height: 560px;all:initial;font-family:var(--cc-font);font-size:14px;line-height:1.5;color:var(--cc-text);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.cc-fab{position:fixed;bottom:20px;right:20px;width:var(--cc-fab-size);height:var(--cc-fab-size);border-radius:50%;background:var(--cc-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;transition:transform .2s ease,box-shadow .2s ease;z-index:10000;outline:none}.cc-fab:hover{transform:scale(1.05);box-shadow:0 6px 24px #0006}.cc-fab:active{transform:scale(.95)}.cc-fab.cc-left{right:auto;left:20px}.cc-fab svg{width:24px;height:24px;fill:var(--cc-on-accent);transition:transform .3s ease}.cc-fab.cc-open svg{transform:rotate(90deg)}.cc-fab-badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#ef4444;border:2px solid var(--cc-bg);display:none}.cc-fab-badge.cc-visible{display:block}@keyframes cc-pulse{0%,to{box-shadow:0 4px 16px #0000004d}50%{box-shadow:0 4px 16px #6366f180}}.cc-fab.cc-pulse{animation:cc-pulse 2s ease-in-out 3}.cc-panel{position:fixed;bottom:88px;right:20px;width:var(--cc-panel-width);height:var(--cc-panel-height);max-height:calc(100vh - 100px);background:var(--cc-bg);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);border:1px solid var(--cc-border);display:flex;flex-direction:column;overflow:hidden;z-index:9999;opacity:0;transform:translateY(16px) scale(.95);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.cc-panel.cc-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.cc-panel.cc-left{right:auto;left:20px}.cc-panel.cc-inline{position:relative;bottom:auto;right:auto;left:auto;width:100%;height:100%;max-height:100%;z-index:auto;transform:none;transition:none}.cc-panel.cc-inline:not(.cc-visible){visibility:hidden}.cc-panel.cc-inline.cc-visible{transform:none}.cc-header{display:flex;align-items:center;padding:16px;background:var(--cc-bg-surface);border-bottom:1px solid var(--cc-border);flex-shrink:0}.cc-header-avatar{width:36px;height:36px;border-radius:50%;margin-right:12px;object-fit:cover}.cc-header-avatar-placeholder{width:36px;height:36px;border-radius:50%;margin-right:12px;background:var(--cc-accent);display:flex;align-items:center;justify-content:center}.cc-header-avatar-placeholder svg{width:20px;height:20px;fill:var(--cc-on-accent)}.cc-header-info{flex:1}.cc-header-name{font-size:15px;font-weight:600;color:var(--cc-text)}.cc-header-subtitle{font-size:12px;color:var(--cc-text-secondary)}.cc-header-close{width:32px;height:32px;border-radius:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.cc-header-close:hover{background:var(--cc-bg-input)}.cc-header-close svg{width:16px;height:16px;fill:var(--cc-text-secondary)}.cc-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.cc-messages::-webkit-scrollbar{width:4px}.cc-messages::-webkit-scrollbar-track{background:transparent}.cc-messages::-webkit-scrollbar-thumb{background:var(--cc-border);border-radius:2px}.cc-message{max-width:85%;padding:10px 14px;border-radius:var(--cc-radius);word-wrap:break-word;overflow-wrap:break-word;font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:8px}.cc-message-user{align-self:flex-end;background:var(--cc-accent-contrast);color:var(--cc-on-accent);border-bottom-right-radius:4px}.cc-message-assistant{align-self:flex-start;background:var(--cc-bg-surface);color:var(--cc-text);border-bottom-left-radius:4px}.cc-message a{color:var(--cc-accent);text-decoration:underline}.cc-message-user a{color:var(--cc-on-accent)}.cc-message-error-note{margin-top:6px;font-size:12px;color:var(--cc-text-secondary)}.cc-message code{background:#0003;padding:1px 4px;border-radius:4px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:13px}.cc-message pre{background:#0000004d;padding:8px 12px;border-radius:8px;overflow-x:auto;margin:4px 0}.cc-message pre code{background:transparent;padding:0}.cc-message ul,.cc-message ol{padding-left:20px;margin:4px 0}.cc-message h1,.cc-message h2,.cc-message h3,.cc-message h4,.cc-message h5,.cc-message h6{font-size:15px;font-weight:600;line-height:1.4;margin:4px 0 0}.cc-message-actions{display:flex;align-items:center}.cc-message-retry,.cc-message-regenerate{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-text-secondary);font-family:var(--cc-font);font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease}.cc-message-retry:hover,.cc-message-regenerate:hover{background:var(--cc-bg-input);color:var(--cc-text)}.cc-message-retry svg,.cc-message-regenerate svg{fill:currentColor}.cc-message-regenerate{opacity:0}.cc-message:hover .cc-message-regenerate{opacity:1}.cc-message:focus-within .cc-message-regenerate,.cc-message-regenerate:focus-visible{opacity:1}@media(hover:none){.cc-message-regenerate{opacity:1}}.cc-message-retry{border-color:#ef4444;color:#ef4444}.cc-message-retry:hover{background:#ef44441a;color:#ef4444}.cc-typing{display:flex;align-items:center;gap:4px;padding:10px 14px;align-self:flex-start;background:var(--cc-bg-surface);border-radius:var(--cc-radius);border-bottom-left-radius:4px}.cc-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--cc-text-secondary);animation:cc-bounce 1.2s infinite}.cc-typing-dot:nth-child(2){animation-delay:.2s}.cc-typing-dot:nth-child(3){animation-delay:.4s}@keyframes cc-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.cc-input-area{display:flex;align-items:flex-end;padding:12px 16px;border-top:1px solid var(--cc-border);background:var(--cc-bg);gap:8px}.cc-input{flex:1;background:var(--cc-bg-input);border:1px solid var(--cc-border);border-radius:8px;padding:8px 12px;color:var(--cc-text);font-family:var(--cc-font);font-size:14px;line-height:1.5;resize:none;outline:none;max-height:96px;overflow-y:auto;transition:border-color .15s ease}.cc-input:focus{border-color:var(--cc-accent);outline:2px solid var(--cc-accent);outline-offset:1px}.cc-input::placeholder{color:var(--cc-text-secondary)}.cc-send-btn{width:36px;height:36px;border-radius:8px;background:var(--cc-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,opacity .15s ease}.cc-send-btn:hover{background:var(--cc-accent-hover)}.cc-send-btn:disabled{opacity:.4;cursor:not-allowed}.cc-send-btn svg{width:16px;height:16px;fill:var(--cc-on-accent)}.cc-footer{padding:6px 16px;text-align:center;font-size:11px;color:var(--cc-text-secondary);border-top:1px solid var(--cc-border)}.cc-footer a{color:var(--cc-text-secondary);text-decoration:none}.cc-footer a:hover{text-decoration:underline}.cc-bubble{position:fixed;bottom:84px;right:20px;background:var(--cc-bg-surface);color:var(--cc-text);padding:10px 16px;border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);border:1px solid var(--cc-border);max-width:260px;font-size:13px;line-height:1.4;z-index:9998;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;cursor:pointer}.cc-bubble.cc-visible{opacity:1;transform:translateY(0);pointer-events:auto}.cc-bubble.cc-left{right:auto;left:20px}.cc-bubble-close{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--cc-bg);border:1px solid var(--cc-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--cc-text-secondary)}.cc-hidden{display:none}.cc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cc-messages-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.cc-prechat{flex:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.cc-prechat-title{font-size:18px;font-weight:600;color:var(--cc-text)}.cc-prechat-subtitle{font-size:13px;color:var(--cc-text-secondary);margin-top:-8px}.cc-prechat-fields{display:flex;flex-direction:column;gap:14px}.cc-prechat-field{display:flex;flex-direction:column;gap:4px}.cc-prechat-label{font-size:13px;font-weight:500;color:var(--cc-text)}.cc-prechat-label .cc-required{color:#ef4444;margin-left:2px}.cc-prechat-input,.cc-prechat-select,.cc-prechat-textarea{background:var(--cc-bg-input);border:1px solid var(--cc-border);border-radius:8px;padding:8px 12px;color:var(--cc-text);font-family:var(--cc-font);font-size:14px;outline:none;transition:border-color .15s ease}.cc-prechat-input:focus,.cc-prechat-select:focus,.cc-prechat-textarea:focus{border-color:var(--cc-accent)}.cc-prechat-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.cc-prechat-textarea{resize:none;line-height:1.5}.cc-prechat-error{font-size:12px;color:#ef4444;min-height:0}.cc-prechat-error:empty{display:none}.cc-prechat-submit{background:var(--cc-accent-contrast);color:var(--cc-on-accent);border:none;border-radius:8px;padding:10px 16px;font-family:var(--cc-font);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease;margin-top:8px}.cc-prechat-submit:hover{background:var(--cc-accent-hover)}.cc-prechat-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.cc-fab.cc-open{display:none}.cc-panel:not(.cc-inline){width:100%;height:100%;max-height:100%;bottom:0;right:0;left:0;border-radius:0;border:none}.cc-panel.cc-left:not(.cc-inline){left:0}.cc-bubble{bottom:84px;right:16px;left:16px;max-width:none}}.cc-fab:focus-visible,.cc-header-close:focus-visible,.cc-send-btn:focus-visible,.cc-message-retry:focus-visible,.cc-message-regenerate:focus-visible,.cc-bubble-close:focus-visible,.cc-prechat-submit:focus-visible{outline:2px solid var(--cc-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.cc-fab.cc-pulse,.cc-typing-dot{animation:none}.cc-panel,.cc-bubble{transition:none}}";
+const HOST_ID = "chatcops-root";
 function createShadowRoot(container) {
   const host = document.createElement("div");
-  host.id = "chatcops-root";
+  host.id = nextHostId();
+  host.className = HOST_ID;
   if (container) {
     container.appendChild(host);
   } else {
@@ -16,50 +18,14 @@ function createShadowRoot(container) {
   shadow.appendChild(style);
   return shadow;
 }
-function destroyShadowRoot(container) {
-  const searchRoot = container ?? document.body;
-  const host = searchRoot.querySelector("#chatcops-root") ?? document.getElementById("chatcops-root");
-  if (host) host.remove();
+function destroyShadowRoot(shadow) {
+  shadow == null ? void 0 : shadow.host.remove();
 }
-const CHAT_ICON = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"/><path d="M7 9h10v2H7zm0-3h10v2H7z"/></svg>`;
-const CLOSE_ICON$1 = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
-class FAB {
-  constructor(root, options) {
-    __publicField(this, "el");
-    __publicField(this, "badge");
-    __publicField(this, "isOpen", false);
-    this.el = document.createElement("button");
-    this.el.className = "cc-fab cc-pulse";
-    this.el.setAttribute("aria-label", "Open chat");
-    if (options.position === "bottom-left") {
-      this.el.classList.add("cc-left");
-    }
-    this.el.innerHTML = CHAT_ICON;
-    this.badge = document.createElement("div");
-    this.badge.className = "cc-fab-badge";
-    this.el.appendChild(this.badge);
-    this.el.addEventListener("click", () => {
-      this.el.classList.remove("cc-pulse");
-      options.onClick();
-    });
-    root.appendChild(this.el);
-  }
-  setOpen(open) {
-    this.isOpen = open;
-    this.el.innerHTML = open ? CLOSE_ICON$1 : CHAT_ICON;
-    if (!open) this.el.appendChild(this.badge);
-    this.el.classList.toggle("cc-open", open);
-    this.el.setAttribute("aria-label", open ? "Close chat" : "Open chat");
-  }
-  showBadge() {
-    this.badge.classList.add("cc-visible");
-  }
-  hideBadge() {
-    this.badge.classList.remove("cc-visible");
-  }
-  destroy() {
-    this.el.remove();
-  }
+function nextHostId() {
+  if (!document.getElementById(HOST_ID)) return HOST_ID;
+  let n = 2;
+  while (document.getElementById(`${HOST_ID}-${n}`)) n += 1;
+  return `${HOST_ID}-${n}`;
 }
 const ESCAPE_MAP = {
   "&": "&amp;",
@@ -133,6 +99,8 @@ class Messages {
     this.actions = actions;
     this.container = document.createElement("div");
     this.container.className = "cc-messages";
+    this.container.setAttribute("role", "log");
+    this.container.setAttribute("aria-live", "polite");
     parent.appendChild(this.container);
   }
   addMessage(msg) {
@@ -143,17 +111,18 @@ class Messages {
     return el;
   }
   updateMessage(msg) {
-    const el = this.container.querySelector(`[data-id="${msg.id}"]`);
+    const el = this.findMessage(msg.id);
     if (el) {
       this.renderMessageElement(el, msg);
       this.scrollToBottom();
     }
   }
   showTyping() {
+    var _a;
     if (this.typingEl) return;
     this.typingEl = document.createElement("div");
     this.typingEl.className = "cc-typing";
-    this.typingEl.innerHTML = '<div class="cc-typing-dot"></div><div class="cc-typing-dot"></div><div class="cc-typing-dot"></div>';
+    this.typingEl.innerHTML = `<span class="cc-sr-only">${this.escapeHtml(((_a = this.actions) == null ? void 0 : _a.typingLabel) ?? "Typing...")}</span><div class="cc-typing-dot" aria-hidden="true"></div><div class="cc-typing-dot" aria-hidden="true"></div><div class="cc-typing-dot" aria-hidden="true"></div>`;
     this.container.appendChild(this.typingEl);
     this.scrollToBottom();
   }
@@ -168,7 +137,7 @@ class Messages {
     this.typingEl = null;
   }
   removeMessage(id) {
-    const el = this.container.querySelector(`[data-id="${id}"]`);
+    const el = this.findMessage(id);
     el == null ? void 0 : el.remove();
   }
   clearRegenerateButtons() {
@@ -179,7 +148,7 @@ class Messages {
     var _a;
     this.clearRegenerateButtons();
     if (!((_a = this.actions) == null ? void 0 : _a.onRegenerate)) return;
-    const msgEl = this.container.querySelector(`[data-id="${messageId}"]`);
+    const msgEl = this.findMessage(messageId);
     if (!msgEl || !msgEl.classList.contains("cc-message-assistant")) return;
     const actions = this.ensureActionsContainer(msgEl);
     actions.appendChild(this.createActionButton({
@@ -195,6 +164,10 @@ class Messages {
   setVisible(visible) {
     this.container.classList.toggle("cc-hidden", !visible);
   }
+  findMessage(id) {
+    const found = Array.from(this.container.children).find((el) => el.dataset.id === id);
+    return found ?? null;
+  }
   scrollToBottom() {
     this.container.scrollTop = this.container.scrollHeight;
   }
@@ -211,6 +184,11 @@ class Messages {
     } else {
       delete el.dataset.status;
     }
+    if (msg.status === "streaming") {
+      el.setAttribute("aria-busy", "true");
+    } else {
+      el.removeAttribute("aria-busy");
+    }
     if (msg.errorType) {
       el.dataset.errorType = msg.errorType;
     } else {
@@ -221,6 +199,12 @@ class Messages {
     content.className = "cc-message-content";
     content.innerHTML = msg.role === "assistant" ? renderMarkdown(msg.content) : this.escapeHtml(msg.content);
     el.appendChild(content);
+    if (msg.status === "error" && msg.errorText) {
+      const note = document.createElement("div");
+      note.className = "cc-message-error-note";
+      note.textContent = msg.errorText;
+      el.appendChild(note);
+    }
     const actions = this.createActionsContainer(msg);
     if (actions) {
       el.appendChild(actions);
@@ -288,6 +272,7 @@ class Input {
     this.textarea = document.createElement("textarea");
     this.textarea.className = "cc-input";
     this.textarea.placeholder = options.placeholder;
+    this.textarea.setAttribute("aria-label", options.placeholder);
     this.textarea.rows = 1;
     this.textarea.maxLength = MAX_MESSAGE_LENGTH;
     this.textarea.addEventListener("input", () => this.autoResize());
@@ -295,7 +280,7 @@ class Input {
     this.sendBtn = document.createElement("button");
     this.sendBtn.className = "cc-send-btn";
     this.sendBtn.disabled = true;
-    this.sendBtn.setAttribute("aria-label", "Send message");
+    this.sendBtn.setAttribute("aria-label", options.sendLabel);
     this.sendBtn.innerHTML = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>';
     this.sendBtn.addEventListener("click", () => this.send());
     this.textarea.addEventListener("input", () => {
@@ -339,8 +324,9 @@ class Input {
     this.textarea.style.height = Math.min(this.textarea.scrollHeight, maxHeight) + "px";
   }
 }
+const PANEL_ID = "cc-panel";
 const BOT_ICON = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>`;
-const CLOSE_ICON = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
+const CLOSE_ICON$1 = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
 class Panel {
   constructor(root, options) {
     __publicField(this, "el");
@@ -357,6 +343,15 @@ class Panel {
     if (options.position === "bottom-left") {
       this.el.classList.add("cc-left");
     }
+    if (!options.inline) {
+      this.el.id = PANEL_ID;
+      this.el.setAttribute("role", "dialog");
+      this.el.setAttribute("aria-label", options.branding.name);
+      this.el.addEventListener("keydown", (e) => {
+        if (e.key === "Escape") options.onClose();
+      });
+      this.setHidden(true);
+    }
     const header = document.createElement("div");
     header.className = "cc-header";
     if (options.branding.avatar) {
@@ -378,8 +373,8 @@ class Panel {
     if (!options.inline) {
       const closeBtn = document.createElement("button");
       closeBtn.className = "cc-header-close";
-      closeBtn.setAttribute("aria-label", "Close chat");
-      closeBtn.innerHTML = CLOSE_ICON;
+      closeBtn.setAttribute("aria-label", options.closeLabel);
+      closeBtn.innerHTML = CLOSE_ICON$1;
       closeBtn.addEventListener("click", options.onClose);
       header.appendChild(closeBtn);
     }
@@ -394,6 +389,7 @@ class Panel {
     this.messages = new Messages(this.messagesContainer, options.messageActions);
     this.input = new Input(this.el, {
       placeholder: options.placeholder,
+      sendLabel: options.sendLabel,
       onSend: options.onSend
     });
     const footer = document.createElement("div");
@@ -405,11 +401,16 @@ class Panel {
   show() {
     this.el.classList.add("cc-visible");
     if (!this.inline) {
+      this.setHidden(false);
       this.input.focus();
     }
   }
   hide() {
     this.el.classList.remove("cc-visible");
+    if (!this.inline) this.setHidden(true);
+  }
+  containsFocus() {
+    return this.el.contains(this.el.getRootNode().activeElement);
   }
   get isVisible() {
     return this.el.classList.contains("cc-visible");
@@ -426,12 +427,68 @@ class Panel {
   destroy() {
     this.el.remove();
   }
+  // A closed popup can't be focused or read by screen readers.
+  setHidden(hidden) {
+    this.el.toggleAttribute("inert", hidden);
+    if (hidden) this.el.setAttribute("aria-hidden", "true");
+    else this.el.removeAttribute("aria-hidden");
+  }
   escapeHtml(text) {
     const div = document.createElement("div");
     div.textContent = text;
     return div.innerHTML;
   }
 }
+const CHAT_ICON = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"/><path d="M7 9h10v2H7zm0-3h10v2H7z"/></svg>`;
+const CLOSE_ICON = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
+class FAB {
+  constructor(root, options) {
+    __publicField(this, "el");
+    __publicField(this, "badge");
+    __publicField(this, "isOpen", false);
+    __publicField(this, "openLabel");
+    __publicField(this, "closeLabel");
+    this.openLabel = options.openLabel;
+    this.closeLabel = options.closeLabel;
+    this.el = document.createElement("button");
+    this.el.className = "cc-fab cc-pulse";
+    this.el.setAttribute("aria-label", this.openLabel);
+    this.el.setAttribute("aria-expanded", "false");
+    this.el.setAttribute("aria-controls", PANEL_ID);
+    if (options.position === "bottom-left") {
+      this.el.classList.add("cc-left");
+    }
+    this.el.innerHTML = CHAT_ICON;
+    this.badge = document.createElement("div");
+    this.badge.className = "cc-fab-badge";
+    this.el.appendChild(this.badge);
+    this.el.addEventListener("click", () => {
+      this.el.classList.remove("cc-pulse");
+      options.onClick();
+    });
+    root.appendChild(this.el);
+  }
+  setOpen(open) {
+    this.isOpen = open;
+    this.el.innerHTML = open ? CLOSE_ICON : CHAT_ICON;
+    if (!open) this.el.appendChild(this.badge);
+    this.el.classList.toggle("cc-open", open);
+    this.el.setAttribute("aria-label", open ? this.closeLabel : this.openLabel);
+    this.el.setAttribute("aria-expanded", String(open));
+  }
+  focus() {
+    this.el.focus();
+  }
+  showBadge() {
+    this.badge.classList.add("cc-visible");
+  }
+  hideBadge() {
+    this.badge.classList.remove("cc-visible");
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
 const BUBBLE_SHOWN_KEY = "chatcops_bubble_shown";
 class WelcomeBubble {
   constructor(root, options) {
@@ -443,8 +500,11 @@ class WelcomeBubble {
       this.el.classList.add("cc-left");
     }
     this.el.textContent = options.text;
+    this.setHidden(true);
     const closeBtn = document.createElement("button");
+    closeBtn.type = "button";
     closeBtn.className = "cc-bubble-close";
+    closeBtn.setAttribute("aria-label", options.dismissLabel);
     closeBtn.innerHTML = "&times;";
     closeBtn.addEventListener("click", (e) => {
       e.stopPropagation();
@@ -465,15 +525,22 @@ class WelcomeBubble {
     }
     this.timerId = setTimeout(() => {
       this.el.classList.add("cc-visible");
+      this.setHidden(false);
     }, options.delay ?? 3e3);
   }
   hide() {
     this.el.classList.remove("cc-visible");
+    this.setHidden(true);
     if (this.timerId) {
       clearTimeout(this.timerId);
       this.timerId = null;
     }
   }
+  setHidden(hidden) {
+    this.el.toggleAttribute("inert", hidden);
+    if (hidden) this.el.setAttribute("aria-hidden", "true");
+    else this.el.removeAttribute("aria-hidden");
+  }
   destroy() {
     this.hide();
     this.el.remove();
@@ -489,9 +556,37 @@ class ChatClient {
   async *sendMessage(request, options = {}) {
     var _a;
     const controller = new AbortController();
-    const timeoutId = setTimeout(() => controller.abort(), options.timeout ?? this.timeout);
+    const timeout = options.timeout ?? this.timeout;
+    let timeoutId;
+    let timedOut = false;
+    let reader;
     const externalSignal = options.signal;
-    const onExternalAbort = () => controller.abort();
+    const onExternalAbort = () => {
+      clearTimeout(timeoutId);
+      controller.abort();
+    };
+    const resetTimeout = () => {
+      clearTimeout(timeoutId);
+      if (controller.signal.aborted) return;
+      timeoutId = setTimeout(() => {
+        timedOut = true;
+        controller.abort();
+      }, timeout);
+    };
+    const cleanup = async () => {
+      clearTimeout(timeoutId);
+      externalSignal == null ? void 0 : externalSignal.removeEventListener("abort", onExternalAbort);
+      if (reader) {
+        const currentReader = reader;
+        reader = void 0;
+        try {
+          await currentReader.cancel();
+        } catch {
+        } finally {
+          currentReader.releaseLock();
+        }
+      }
+    };
     if (externalSignal) {
       if (externalSignal.aborted) {
         controller.abort();
@@ -499,6 +594,7 @@ class ChatClient {
         externalSignal.addEventListener("abort", onExternalAbort);
       }
     }
+    resetTimeout();
     try {
       const response = await fetch(this.apiUrl, {
         method: "POST",
@@ -507,6 +603,7 @@ class ChatClient {
         signal: controller.signal
       });
       if (!response.ok) {
+        await cleanup();
         if (response.status === 429) {
           yield { error: "rate_limit" };
           return;
@@ -514,8 +611,9 @@ class ChatClient {
         yield { error: `HTTP ${response.status}` };
         return;
       }
-      const reader = (_a = response.body) == null ? void 0 : _a.getReader();
+      reader = (_a = response.body) == null ? void 0 : _a.getReader();
       if (!reader) {
+        await cleanup();
         yield { error: "No response body" };
         return;
       }
@@ -524,6 +622,7 @@ class ChatClient {
       while (true) {
         const { done, value } = await reader.read();
         if (done) break;
+        if (value.byteLength > 0) resetTimeout();
         buffer += decoder.decode(value, { stream: true });
         const lines = buffer.split("\n");
         buffer = lines.pop() ?? "";
@@ -532,6 +631,7 @@ class ChatClient {
           if (!trimmed || !trimmed.startsWith("data: ")) continue;
           const data = trimmed.slice(6);
           if (data === "[DONE]") {
+            await cleanup();
             yield { done: true };
             return;
           }
@@ -541,24 +641,29 @@ class ChatClient {
           }
         }
       }
+      await cleanup();
       yield { done: true };
     } catch (err) {
+      await cleanup();
       if (err instanceof DOMException && err.name === "AbortError") {
-        yield (externalSignal == null ? void 0 : externalSignal.aborted) ? { error: "aborted" } : { error: "timeout" };
+        yield timedOut ? { error: "timeout" } : { error: "aborted" };
       } else {
         yield { error: "network" };
       }
     } finally {
-      clearTimeout(timeoutId);
-      externalSignal == null ? void 0 : externalSignal.removeEventListener("abort", onExternalAbort);
+      await cleanup();
     }
   }
 }
 const KEY_PREFIX = "chatcops_conversation";
+const SESSION_KEY_PREFIX = "chatcops_session_id";
 class ConversationStorage {
+  /** Without a siteId the keys are the ones the widget has always used. */
   constructor(siteId) {
     __publicField(this, "key");
+    __publicField(this, "sessionKey");
     this.key = siteId ? `${KEY_PREFIX}_${siteId}` : KEY_PREFIX;
+    this.sessionKey = siteId ? `${SESSION_KEY_PREFIX}_${siteId}` : SESSION_KEY_PREFIX;
   }
   load() {
     try {
@@ -586,12 +691,11 @@ class ConversationStorage {
     }
   }
   getSessionId() {
-    const SESSION_KEY = "chatcops_session_id";
     try {
-      let id = sessionStorage.getItem(SESSION_KEY);
+      let id = sessionStorage.getItem(this.sessionKey);
       if (!id) {
         id = crypto.randomUUID();
-        sessionStorage.setItem(SESSION_KEY, id);
+        sessionStorage.setItem(this.sessionKey, id);
       }
       return id;
     } catch {
@@ -605,18 +709,82 @@ class ConversationStorage {
       return false;
     }
   }
-  setPreChatCompleted(sessionId) {
+  setPreChatCompleted(sessionId, data) {
     try {
       sessionStorage.setItem(`chatcops-prechat-${sessionId}`, "true");
     } catch {
     }
+    if (data) {
+      this.setPreChatData(sessionId, data);
+    }
+  }
+  getPreChatData(sessionId) {
+    try {
+      const raw = sessionStorage.getItem(`chatcops-prechat-data-${sessionId}`);
+      if (!raw) return null;
+      const parsed = JSON.parse(raw);
+      if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+        return null;
+      }
+      return parsed;
+    } catch {
+      return null;
+    }
   }
+  setPreChatData(sessionId, data) {
+    try {
+      sessionStorage.setItem(`chatcops-prechat-data-${sessionId}`, JSON.stringify(data));
+    } catch {
+    }
+  }
+}
+const DEFAULT = "";
+const CLAIMS_KEY = Symbol.for("chatcops.storageClaims");
+const store = globalThis;
+const claims = store[CLAIMS_KEY] ?? (store[CLAIMS_KEY] = /* @__PURE__ */ new Map());
+function inUse(name) {
+  const live = claims.get(name);
+  if (!live) return false;
+  for (const isLive of live) {
+    if (!isLive()) live.delete(isLive);
+  }
+  if (live.size === 0) claims.delete(name);
+  return live.size > 0;
+}
+function claimNamespace(siteId, mode, isLive) {
+  let name = siteId ?? DEFAULT;
+  if (siteId === void 0 && inUse(DEFAULT)) {
+    name = mode;
+    for (let n = 2; inUse(name); n += 1) name = `${mode}-${n}`;
+    console.warn(
+      `[chatcops] Another widget on this page already uses the default storage, so this one keeps its conversation under "${name}". Set a \`siteId\` on each widget to name them yourself.`
+    );
+  } else if (siteId !== void 0 && inUse(siteId)) {
+    console.warn(`[chatcops] Two widgets on this page use the siteId "${siteId}", so they share one conversation.`);
+  }
+  if (!claims.has(name)) claims.set(name, /* @__PURE__ */ new Set());
+  claims.get(name).add(isLive);
+  return {
+    siteId: name === DEFAULT ? void 0 : name,
+    release() {
+      var _a, _b;
+      (_a = claims.get(name)) == null ? void 0 : _a.delete(isLive);
+      if (((_b = claims.get(name)) == null ? void 0 : _b.size) === 0) claims.delete(name);
+    }
+  };
 }
 function applyTheme(root, theme) {
   const host = root.host;
   if (theme.accent) {
     host.style.setProperty("--cc-accent", theme.accent);
     host.style.setProperty("--cc-accent-hover", darken(theme.accent, 10));
+    const pair = accentTextColors(theme.accent);
+    if (pair) {
+      host.style.setProperty("--cc-on-accent", pair.onAccent);
+      host.style.setProperty("--cc-accent-contrast", pair.background);
+    } else {
+      host.style.setProperty("--cc-accent-contrast", theme.accent);
+    }
   }
   if (theme.textColor) {
     host.style.setProperty("--cc-text", theme.textColor);
@@ -639,6 +807,34 @@ function toCssLength(value) {
   const text = String(value).trim();
   return /^(?:\d+(?:\.\d+)?|\.\d+)$/.test(text) ? `${text}px` : text;
 }
+const WHITE = "#ffffff";
+const NEAR_BLACK = "#0a0a0a";
+const MIN_TEXT_CONTRAST = 4.5;
+function isHex(color) {
+  return /^#?[\da-f]{3}(?:[\da-f]{3})?$/i.test(color.trim());
+}
+function relativeLuminance(hex) {
+  const channels = parseHex(hex).map((value) => {
+    const c = value / 255;
+    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * channels[0] + 0.7152 * channels[1] + 0.0722 * channels[2];
+}
+function contrastRatio(a, b) {
+  const [light, dark] = [relativeLuminance(a), relativeLuminance(b)].sort((x, y) => y - x);
+  return (light + 0.05) / (dark + 0.05);
+}
+function accentTextColors(accent) {
+  if (!isHex(accent)) return null;
+  const color = accent.trim().startsWith("#") ? accent.trim() : `#${accent.trim()}`;
+  if (contrastRatio(WHITE, color) >= MIN_TEXT_CONTRAST) return { onAccent: WHITE, background: color };
+  if (contrastRatio(NEAR_BLACK, color) >= MIN_TEXT_CONTRAST) return { onAccent: NEAR_BLACK, background: color };
+  for (let percent = 2; percent <= 60; percent += 2) {
+    const darker = darken(color, percent);
+    if (contrastRatio(WHITE, darker) >= MIN_TEXT_CONTRAST) return { onAccent: WHITE, background: darker };
+  }
+  return { onAccent: WHITE, background: NEAR_BLACK };
+}
 function parseHex(hex) {
   if (!/^#?[\da-f]{3}(?:[\da-f]{3})?$/i.test(hex)) return [0, 0, 0];
   const h = hex.replace("#", "");
@@ -659,10 +855,16 @@ function lighten(hex, percent) {
   return toHex(Math.round(r + (255 - r) * f), Math.round(g + (255 - g) * f), Math.round(b + (255 - b) * f));
 }
 const en = {
-  welcomeMessage: "Hi! How can I help you today?",
+  welcomeMessage: "How can I help you today?",
   inputPlaceholder: "Type a message...",
   sendButton: "Send",
   closeButton: "Close",
+  openChat: "Open chat",
+  defaultName: "AI Assistant",
+  defaultSubtitle: "Online",
+  greetingWithName: "Hi {name}!",
+  selectPlaceholder: "Select {label}...",
+  dismissBubble: "Dismiss",
   errorGeneric: "Something went wrong. Please try again.",
   errorNetwork: "Connection error. Please check your network.",
   errorRateLimit: "Too many messages. Please wait a moment.",
@@ -751,7 +953,7 @@ class PreChatForm {
       select.className = "cc-prechat-select";
       const defaultOpt = document.createElement("option");
       defaultOpt.value = "";
-      defaultOpt.textContent = field.placeholder ?? `Select ${field.label.toLowerCase()}...`;
+      defaultOpt.textContent = field.placeholder ?? this.options.locale.selectPlaceholder.replace("{label}", field.label.toLowerCase());
       defaultOpt.disabled = true;
       defaultOpt.selected = true;
       select.appendChild(defaultOpt);
@@ -867,17 +1069,18 @@ class Widget {
   constructor(config) {
     __publicField(this, "config");
     __publicField(this, "shadow");
+    __publicField(this, "mounted", false);
     __publicField(this, "fab");
     __publicField(this, "panel");
     __publicField(this, "bubble");
     __publicField(this, "preChatFormEl");
     __publicField(this, "client");
     __publicField(this, "storage");
+    __publicField(this, "namespace");
     __publicField(this, "locale");
     __publicField(this, "conversationId");
     __publicField(this, "messages", []);
     __publicField(this, "userData");
-    __publicField(this, "userDataSent", false);
     __publicField(this, "isStreaming", false);
     __publicField(this, "destroyed", false);
     __publicField(this, "abortController");
@@ -886,8 +1089,13 @@ class Widget {
     __publicField(this, "containerEl");
     __publicField(this, "autoOpenTimer");
     this.config = config;
-    this.client = new ChatClient({ apiUrl: config.apiUrl });
-    this.storage = new ConversationStorage();
+    this.client = new ChatClient({ apiUrl: config.apiUrl, timeout: config.timeout });
+    this.namespace = claimNamespace(
+      config.siteId,
+      config.mode ?? "popup",
+      () => !this.destroyed && (!this.mounted || this.shadow.host.isConnected)
+    );
+    this.storage = new ConversationStorage(this.namespace.siteId);
     this.locale = getWidgetLocale(config.locale ?? "en", config.strings);
     this.conversationId = this.storage.getSessionId();
   }
@@ -908,13 +1116,14 @@ class Widget {
     return this.config.container;
   }
   init() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (this.isInline) {
       this.containerEl = this.resolveContainer();
       this.shadow = createShadowRoot(this.containerEl);
     } else {
       this.shadow = createShadowRoot();
     }
+    this.mounted = true;
     if (this.config.theme) {
       applyTheme(this.shadow, this.config.theme);
     }
@@ -922,6 +1131,8 @@ class Widget {
     if (!this.isInline) {
       this.fab = new FAB(this.shadow, {
         position,
+        openLabel: this.locale.openChat,
+        closeLabel: this.locale.closeButton,
         onClick: () => this.toggle()
       });
     }
@@ -930,12 +1141,14 @@ class Widget {
       inline: this.isInline,
       preChatEnabled: ((_b = this.config.preChatForm) == null ? void 0 : _b.enabled) ?? false,
       branding: {
-        name: ((_c = this.config.branding) == null ? void 0 : _c.name) ?? "AI Assistant",
+        name: ((_c = this.config.branding) == null ? void 0 : _c.name) ?? this.locale.defaultName,
         avatar: (_d = this.config.branding) == null ? void 0 : _d.avatar,
-        subtitle: ((_e = this.config.branding) == null ? void 0 : _e.subtitle) ?? "Online"
+        subtitle: ((_e = this.config.branding) == null ? void 0 : _e.subtitle) ?? this.locale.defaultSubtitle
       },
       placeholder: this.config.placeholder ?? this.locale.inputPlaceholder,
       footerText: this.locale.poweredBy,
+      closeLabel: this.locale.closeButton,
+      sendLabel: this.locale.sendButton,
       messageActions: {
         onRetry: (messageId) => {
           void this.handleRetry(messageId);
@@ -944,7 +1157,8 @@ class Widget {
           void this.handleRegenerate(messageId);
         },
         retryLabel: this.locale.retryButton,
-        regenerateLabel: this.locale.regenerateButton
+        regenerateLabel: this.locale.regenerateButton,
+        typingLabel: this.locale.typingIndicator
       },
       onSend: (text) => this.handleSend(text),
       onClose: () => this.close()
@@ -959,7 +1173,13 @@ class Widget {
         }
       }
     }
-    const shouldShowPreChat = ((_f = this.config.preChatForm) == null ? void 0 : _f.enabled) && !this.isPreChatCompleted() && this.messages.length === 0;
+    if ((_f = this.config.preChatForm) == null ? void 0 : _f.enabled) {
+      const savedUserData = this.storage.getPreChatData(this.conversationId);
+      if (savedUserData) {
+        this.userData = savedUserData;
+      }
+    }
+    const shouldShowPreChat = ((_g = this.config.preChatForm) == null ? void 0 : _g.enabled) && !this.isPreChatCompleted() && this.messages.length === 0;
     if (shouldShowPreChat) {
       this.showPreChatForm();
     } else {
@@ -972,6 +1192,7 @@ class Widget {
         delay: this.config.welcomeBubble.delay,
         showOnce: this.config.welcomeBubble.showOnce ?? true,
         position,
+        dismissLabel: this.locale.dismissBubble,
         onClick: () => this.open()
       });
     }
@@ -995,12 +1216,14 @@ class Widget {
     this.emit("open");
   }
   close() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
+    const hadFocus = this.panel.containsFocus();
     this.panel.hide();
     if (!this.isInline) {
       (_a = this.fab) == null ? void 0 : _a.setOpen(false);
+      if (hadFocus) (_b = this.fab) == null ? void 0 : _b.focus();
     }
-    (_c = (_b = this.config).onClose) == null ? void 0 : _c.call(_b);
+    (_d = (_c = this.config).onClose) == null ? void 0 : _d.call(_c);
     this.emit("close");
   }
   toggle() {
@@ -1020,15 +1243,18 @@ class Widget {
     (_c = this.bubble) == null ? void 0 : _c.destroy();
     this.panel.destroy();
     (_d = this.fab) == null ? void 0 : _d.destroy();
-    destroyShadowRoot(this.containerEl);
+    destroyShadowRoot(this.shadow);
+    this.namespace.release();
     this.eventHandlers.clear();
     this.messages = [];
+    this.userData = void 0;
   }
   on(event, handler) {
     if (!this.eventHandlers.has(event)) {
       this.eventHandlers.set(event, /* @__PURE__ */ new Set());
     }
     this.eventHandlers.get(event).add(handler);
+    return () => this.off(event, handler);
   }
   off(event, handler) {
     var _a;
@@ -1042,8 +1268,8 @@ class Widget {
   isPreChatCompleted() {
     return this.storage.isPreChatCompleted(this.conversationId);
   }
-  setPreChatCompleted() {
-    this.storage.setPreChatCompleted(this.conversationId);
+  setPreChatCompleted(data) {
+    this.storage.setPreChatCompleted(this.conversationId, data);
   }
   showPreChatForm() {
     const formConfig = this.config.preChatForm;
@@ -1059,15 +1285,16 @@ class Widget {
     });
   }
   handlePreChatSubmit(data) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
+    if (!((_a = this.config.preChatForm) == null ? void 0 : _a.enabled)) return;
     this.userData = data;
-    this.setPreChatCompleted();
-    (_a = this.preChatFormEl) == null ? void 0 : _a.destroy();
+    this.setPreChatCompleted(data);
+    (_b = this.preChatFormEl) == null ? void 0 : _b.destroy();
     this.preChatFormEl = void 0;
     this.panel.showMessages();
     this.panel.input.setVisible(true);
     this.showChatView();
-    (_c = (_b = this.config).onPreChatSubmit) == null ? void 0 : _c.call(_b, data);
+    (_d = (_c = this.config).onPreChatSubmit) == null ? void 0 : _d.call(_c, data);
     this.emit("preChatSubmit", data);
     if (data.message) {
       this.handleSend(data.message);
@@ -1077,7 +1304,8 @@ class Widget {
     var _a;
     if (this.messages.length === 0) {
       const userName = (_a = this.userData) == null ? void 0 : _a.name;
-      const welcomeText = userName ? `Hi ${userName}! ${this.config.welcomeMessage ?? this.locale.welcomeMessage}` : this.config.welcomeMessage ?? this.locale.welcomeMessage;
+      const greeting = this.locale.greetingWithName.replace("{name}", () => userName);
+      const welcomeText = userName ? `${greeting} ${this.config.welcomeMessage ?? this.locale.welcomeMessage}` : this.config.welcomeMessage ?? this.locale.welcomeMessage;
       const welcomeMsg = {
         id: "welcome",
         role: "assistant",
@@ -1154,7 +1382,6 @@ class Widget {
       content: "",
       status: "streaming"
     };
-    const includeUserData = !!(this.userData && !this.userDataSent);
     let firstChunk = true;
     let requestCompleted = false;
     let hasError = false;
@@ -1162,14 +1389,13 @@ class Widget {
     this.abortController = abortController;
     try {
       for await (const chunk of this.client.sendMessage(
-        this.createRequest(text, options, includeUserData),
+        this.createRequest(text, options),
         { signal: abortController.signal }
       )) {
         if (this.destroyed) break;
         if (chunk.error) {
           const errorType = this.resolveErrorType(chunk.error);
-          assistantMsg.content = this.getErrorMessage(errorType);
-          assistantMsg.status = "error";
+          this.markFailed(assistantMsg, this.getErrorMessage(errorType));
           assistantMsg.errorType = errorType;
           hasError = true;
           this.retryRequests.set(assistantMsg.id, {
@@ -1226,15 +1452,18 @@ class Widget {
       }
     } catch (err) {
       if (this.destroyed) return;
-      assistantMsg.content = this.locale.errorGeneric;
-      assistantMsg.status = "error";
+      this.markFailed(assistantMsg, this.locale.errorGeneric);
       assistantMsg.errorType = "network";
       this.retryRequests.set(assistantMsg.id, {
         regenerate: options.regenerate,
         userMessageId: options.userMessageId
       });
       this.panel.messages.removeTyping();
-      this.panel.addMessage(assistantMsg);
+      if (firstChunk) {
+        this.panel.addMessage(assistantMsg);
+      } else {
+        this.panel.messages.updateMessage(assistantMsg);
+      }
       this.messages.push(assistantMsg);
       const error = err instanceof Error ? err : new Error(String(err));
       (_i = (_h = this.config).onError) == null ? void 0 : _i.call(_h, error);
@@ -1244,9 +1473,6 @@ class Widget {
         this.abortController = void 0;
       }
       if (!this.destroyed) {
-        if (includeUserData && requestCompleted) {
-          this.userDataSent = true;
-        }
         this.isStreaming = false;
         this.panel.input.setDisabled(false);
         this.panel.input.focus();
@@ -1254,8 +1480,10 @@ class Widget {
       }
     }
   }
-  createRequest(text, options, includeUserData) {
+  createRequest(text, options) {
+    var _a;
     const pageContext = this.config.pageContext !== false ? { url: window.location.href, title: document.title } : void 0;
+    const includeUserData = Boolean(((_a = this.config.preChatForm) == null ? void 0 : _a.enabled) && this.userData);
     return {
       conversationId: this.conversationId,
       message: text,
@@ -1306,6 +1534,18 @@ class Widget {
         return "provider_error";
     }
   }
+  /**
+   * Marks a reply as failed. Text that already streamed stays, and the error
+   * shows as a note under it; an empty reply shows the error as its content.
+   */
+  markFailed(message, errorMessage) {
+    message.status = "error";
+    if (message.content.trim()) {
+      message.errorText = errorMessage;
+    } else {
+      message.content = errorMessage;
+    }
+  }
   getErrorMessage(errorType) {
     switch (errorType) {
       case "rate_limit":
@@ -1336,6 +1576,7 @@ class Widget {
   }
 }
 let instance = null;
+const persistentHandlers = /* @__PURE__ */ new Map();
 function parseAutoOpen(value) {
   if (value === void 0) return void 0;
   if (value === "" || value === "true") return true;
@@ -1349,6 +1590,11 @@ const ChatCops = {
       instance.destroy();
     }
     instance = new Widget(config);
+    for (const [event, handlers] of persistentHandlers) {
+      for (const handler of handlers) {
+        instance.on(event, handler);
+      }
+    }
     instance.init();
     return instance;
   },
@@ -1363,9 +1609,20 @@ const ChatCops = {
     instance = null;
   },
   on(event, handler) {
+    let handlers = persistentHandlers.get(event);
+    if (!handlers) {
+      handlers = /* @__PURE__ */ new Set();
+      persistentHandlers.set(event, handlers);
+    }
+    handlers.add(handler);
     instance == null ? void 0 : instance.on(event, handler);
+    return () => {
+      ChatCops.off(event, handler);
+    };
   },
   off(event, handler) {
+    var _a;
+    (_a = persistentHandlers.get(event)) == null ? void 0 : _a.delete(handler);
     instance == null ? void 0 : instance.off(event, handler);
   }
 };
@@ -1405,7 +1662,7 @@ function autoInit(script) {
 const currentScript = typeof document !== "undefined" ? document.currentScript : null;
 if (currentScript && currentScript.dataset.apiUrl) {
   if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", () => autoInit(currentScript));
+    document.addEventListener("DOMContentLoaded", () => autoInit(currentScript), { once: true });
   } else {
     autoInit(currentScript);
   }