@chatcops/widget 0.4.4 → 0.6.0

package/dist/chatcops.esm.js

@@ -1,10 +1,9 @@
-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-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);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,box-shadow .2s;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}.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,transform .2s}.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}.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,color .15s,opacity .15s}.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}.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,opacity .15s}.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,transform .3s;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}.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;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,54 +15,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);
-    __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);
-    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 ? this.closeLabel : this.openLabel);
-  }
-  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;",
@@ -131,9 +90,7 @@ const RETRY_ICON = '<svg viewBox="0 0 24 24" width="14" height="14" aria-hidden=
 const REGENERATE_ICON = '<svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46A7.93 7.93 0 0020 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74A7.93 7.93 0 004 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg>';
 class Messages {
   constructor(parent, actions) {
-    __publicField(this, "container");
-    __publicField(this, "typingEl", null);
-    __publicField(this, "actions");
+    this.typingEl = null;
     this.actions = actions;
     this.container = document.createElement("div");
     this.container.className = "cc-messages";
@@ -149,7 +106,7 @@ 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();
@@ -175,18 +132,20 @@ 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() {
-    this.container.querySelectorAll(".cc-message-regenerate").forEach((button) => button.remove());
+    this.container.querySelectorAll(".cc-message-regenerate").forEach((button) => {
+      button.remove();
+    });
     this.cleanupEmptyActionContainers();
   }
   showRegenerateButton(messageId) {
     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({
@@ -202,6 +161,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;
   }
@@ -213,6 +176,9 @@ class Messages {
   renderMessageElement(el, msg) {
     el.className = `cc-message cc-message-${msg.role}`;
     el.dataset.id = msg.id;
+    if (msg.role === "assistant" && msg.id !== "welcome") {
+      el.dataset.aiGenerated = "true";
+    }
     if (msg.status) {
       el.dataset.status = msg.status;
     } else {
@@ -233,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);
@@ -290,10 +262,6 @@ class Messages {
 const MAX_MESSAGE_LENGTH = 1e4;
 class Input {
   constructor(parent, options) {
-    __publicField(this, "area");
-    __publicField(this, "textarea");
-    __publicField(this, "sendBtn");
-    __publicField(this, "onSend");
     this.onSend = options.onSend;
     this.area = document.createElement("div");
     this.area.className = "cc-input-area";
@@ -309,7 +277,7 @@ class Input {
     this.sendBtn.className = "cc-send-btn";
     this.sendBtn.disabled = true;
     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.innerHTML = '<svg viewBox="0 0 24 24"><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", () => {
       this.sendBtn.disabled = this.textarea.value.trim().length === 0;
@@ -352,15 +320,11 @@ class Input {
     this.textarea.style.height = Math.min(this.textarea.scrollHeight, maxHeight) + "px";
   }
 }
-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 PANEL_ID = "cc-panel";
+const BOT_ICON = `<svg viewBox="0 0 24 24"><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$1 = `<svg viewBox="0 0 24 24"><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");
-    __publicField(this, "inline");
-    __publicField(this, "messages");
-    __publicField(this, "input");
-    __publicField(this, "messagesContainer");
     this.inline = options.inline ?? false;
     this.el = document.createElement("div");
     this.el.className = "cc-panel";
@@ -370,6 +334,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) {
@@ -392,7 +365,7 @@ class Panel {
       const closeBtn = document.createElement("button");
       closeBtn.className = "cc-header-close";
       closeBtn.setAttribute("aria-label", options.closeLabel);
-      closeBtn.innerHTML = CLOSE_ICON;
+      closeBtn.innerHTML = CLOSE_ICON$1;
       closeBtn.addEventListener("click", options.onClose);
       header.appendChild(closeBtn);
     }
@@ -419,11 +392,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");
@@ -440,23 +418,73 @@ 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"><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"><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) {
+    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.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) {
-    __publicField(this, "el");
-    __publicField(this, "timerId", null);
+    this.timerId = null;
     this.el = document.createElement("div");
     this.el.className = "cc-bubble";
     if (options.position === "bottom-left") {
       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";
@@ -481,26 +509,64 @@ 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();
   }
 }
+let loading;
+async function turnstileToken(siteKey) {
+  loading ?? (loading = new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = "https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit";
+    script.onload = resolve;
+    script.onerror = reject;
+    document.head.append(script);
+  }));
+  await loading;
+  const box = document.createElement("div");
+  box.style.cssText = "position:fixed;bottom:96px;right:24px;z-index:2147483647";
+  document.body.append(box);
+  try {
+    return await new Promise((resolve, reject) => {
+      window.turnstile.render(box, {
+        sitekey: siteKey,
+        appearance: "interaction-only",
+        callback: resolve,
+        "error-callback": reject
+      });
+    });
+  } finally {
+    box.remove();
+  }
+}
 class ChatClient {
   constructor(options) {
-    __publicField(this, "apiUrl");
-    __publicField(this, "timeout");
+    this.saved = {};
     this.apiUrl = options.apiUrl;
+    this.turnstileSiteKey = options.turnstileSiteKey;
     this.timeout = options.timeout ?? 3e4;
+    this.sessionKey = `chatcops-session:${options.apiUrl}`;
+    try {
+      this.saved = JSON.parse(localStorage.getItem(this.sessionKey) || "{}");
+    } catch {
+    }
   }
   async *sendMessage(request, options = {}) {
     var _a;
@@ -545,19 +611,41 @@ class ChatClient {
     }
     resetTimeout();
     try {
-      const response = await fetch(this.apiUrl, {
+      const post = (url, body, token) => fetch(url, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(request),
+        headers: { "Content-Type": "application/json", ...token && { Authorization: `Bearer ${token}` } },
+        body: JSON.stringify(body),
         signal: controller.signal
       });
+      const saved = this.saved;
+      const resumable = saved.conversationId === request.conversationId;
+      let response = await post(this.apiUrl, { protocol: 1, ...request }, resumable ? saved.token : void 0);
+      if (response.status === 401) {
+        const minted = await post(this.apiUrl.replace(/\/?(\?.*)?$/, "/session$1"), {
+          conversationId: request.conversationId,
+          previousToken: saved.token,
+          turnstileToken: this.turnstileSiteKey && !resumable ? await turnstileToken(this.turnstileSiteKey) : void 0
+        });
+        if (minted.ok) {
+          const session = await minted.json();
+          this.saved = session;
+          try {
+            localStorage.setItem(this.sessionKey, JSON.stringify(session));
+          } catch {
+          }
+          if (session.conversationId !== request.conversationId) {
+            request = { ...request, conversationId: session.conversationId };
+            yield { conversationId: session.conversationId };
+          }
+          response = await post(this.apiUrl, { protocol: 1, ...request }, session.token);
+        } else {
+          this.saved = {};
+        }
+      }
       if (!response.ok) {
+        const { error } = await response.json().catch(() => ({}));
         await cleanup();
-        if (response.status === 429) {
-          yield { error: "rate_limit" };
-          return;
-        }
-        yield { error: `HTTP ${response.status}` };
+        yield (error == null ? void 0 : error.code) ? errorChunk(error.code, error.retryAfterMs) : { error: response.status === 429 ? "rate_limit" : `HTTP ${response.status}` };
         return;
       }
       reader = (_a = response.body) == null ? void 0 : _a.getReader();
@@ -568,6 +656,8 @@ class ChatClient {
       }
       const decoder = new TextDecoder();
       let buffer = "";
+      let v1 = false;
+      let finished = false;
       while (true) {
         const { done, value } = await reader.read();
         if (done) break;
@@ -581,17 +671,27 @@ class ChatClient {
           const data = trimmed.slice(6);
           if (data === "[DONE]") {
             await cleanup();
-            yield { done: true };
+            yield v1 && !finished ? { error: "cut_off" } : { done: true };
             return;
           }
+          let chunk;
           try {
-            yield JSON.parse(data);
+            chunk = JSON.parse(data);
           } catch {
+            continue;
+          }
+          if ("type" in chunk) {
+            v1 = true;
+            if (chunk.type === "finish") finished = true;
+            const mapped = fromPart(chunk);
+            if (mapped) yield mapped;
+          } else {
+            yield chunk;
           }
         }
       }
       await cleanup();
-      yield { done: true };
+      yield buffer.trim() === "data: [DONE]" ? { done: true } : { error: v1 ? "cut_off" : "network" };
     } catch (err) {
       await cleanup();
       if (err instanceof DOMException && err.name === "AbortError") {
@@ -604,17 +704,65 @@ class ChatClient {
     }
   }
 }
+const ERROR_TYPES = {
+  rate_limited: "rate_limit",
+  timeout: "timeout",
+  budget_exceeded: "budget",
+  budget_daily: "budget_daily",
+  provider_unavailable: "unavailable"
+};
+function errorChunk(code, retryAfterMs) {
+  return { error: ERROR_TYPES[code] ?? "provider_error", retryAfterMs };
+}
+function fromPart(part) {
+  switch (part.type) {
+    case "start":
+      return { messageId: part.messageId };
+    case "text-delta":
+      return { content: part.delta };
+    case "lead-captured":
+      return { leadCaptured: true, leadData: part.lead };
+    case "error":
+      return errorChunk(part.code === "budget_exceeded" && part.scope !== "conversation" ? "budget_daily" : part.code, part.retryAfterMs);
+    case "finish":
+      return part.reason === "error" || part.reason === "aborted" ? null : { done: true };
+    default:
+      return null;
+  }
+}
 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");
     this.key = siteId ? `${KEY_PREFIX}_${siteId}` : KEY_PREFIX;
+    this.sessionKey = siteId ? `${SESSION_KEY_PREFIX}_${siteId}` : SESSION_KEY_PREFIX;
   }
   load() {
     try {
       const raw = localStorage.getItem(this.key);
-      if (!raw) return null;
-      return JSON.parse(raw);
+      if (raw === null) return null;
+      let parsed;
+      try {
+        parsed = JSON.parse(raw);
+      } catch {
+        this.clear();
+        return null;
+      }
+      if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed) || typeof parsed.id !== "string" || !Array.isArray(parsed.messages)) {
+        this.clear();
+        return null;
+      }
+      const record = parsed;
+      const rawMessages = record.messages;
+      const messages = rawMessages.filter(
+        (msg) => typeof msg === "object" && msg !== null && !Array.isArray(msg) && (msg.role === "user" || msg.role === "assistant") && typeof msg.content === "string"
+      );
+      return {
+        ...record,
+        id: record.id,
+        messages
+      };
     } catch {
       return null;
     }
@@ -636,12 +784,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 {
@@ -684,11 +831,54 @@ class ConversationStorage {
     }
   }
 }
+const DEFAULT = "";
+const CLAIMS_KEY = Symbol.for("chatcops.storageClaims");
+const store = globalThis;
+store[CLAIMS_KEY] ?? (store[CLAIMS_KEY] = /* @__PURE__ */ new Map());
+const claims = store[CLAIMS_KEY];
+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);
@@ -711,6 +901,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("#", "");
@@ -744,6 +962,11 @@ const en = {
   errorGeneric: "Something went wrong. Please try again.",
   errorNetwork: "Connection error. Please check your network.",
   errorRateLimit: "Too many messages. Please wait a moment.",
+  errorRateLimitWait: "Too many messages. Please try again in {seconds} seconds.",
+  errorBudget: "This chat has reached its limit.",
+  errorBudgetDaily: "The assistant has reached its limit for today. Please try again later.",
+  errorUnavailable: "The assistant is unavailable right now. Please try again later.",
+  errorCutOff: "The reply was cut off.",
   typingIndicator: "Typing...",
   poweredBy: "Powered by ChatCops",
   newConversation: "New conversation",
@@ -764,11 +987,8 @@ function getWidgetLocale(code, overrides) {
 const MAX_PRECHAT_FIELD_LENGTH = 500;
 class PreChatForm {
   constructor(parent, options) {
-    __publicField(this, "container");
-    __publicField(this, "fieldElements", /* @__PURE__ */ new Map());
-    __publicField(this, "errorElements", /* @__PURE__ */ new Map());
-    __publicField(this, "submitBtn");
-    __publicField(this, "options");
+    this.fieldElements = /* @__PURE__ */ new Map();
+    this.errorElements = /* @__PURE__ */ new Map();
     this.options = options;
     this.container = document.createElement("div");
     this.container.className = "cc-prechat";
@@ -903,7 +1123,6 @@ class PreChatForm {
       if (field.type === "email" && value && !this.isValidEmail(value)) {
         this.showError(field.name, this.options.locale.preChatInvalidEmail);
         valid = false;
-        continue;
       }
     }
     if (valid) {
@@ -941,30 +1160,32 @@ class PreChatForm {
     this.errorElements.clear();
   }
 }
+const ERROR_MESSAGES = {
+  network: "errorNetwork",
+  timeout: "errorNetwork",
+  provider_error: "errorGeneric",
+  budget: "errorBudget",
+  budget_daily: "errorBudgetDaily",
+  unavailable: "errorUnavailable",
+  cut_off: "errorCutOff"
+};
 class Widget {
   constructor(config) {
-    __publicField(this, "config");
-    __publicField(this, "shadow");
-    __publicField(this, "fab");
-    __publicField(this, "panel");
-    __publicField(this, "bubble");
-    __publicField(this, "preChatFormEl");
-    __publicField(this, "client");
-    __publicField(this, "storage");
-    __publicField(this, "locale");
-    __publicField(this, "conversationId");
-    __publicField(this, "messages", []);
-    __publicField(this, "userData");
-    __publicField(this, "isStreaming", false);
-    __publicField(this, "destroyed", false);
-    __publicField(this, "abortController");
-    __publicField(this, "retryRequests", /* @__PURE__ */ new Map());
-    __publicField(this, "eventHandlers", /* @__PURE__ */ new Map());
-    __publicField(this, "containerEl");
-    __publicField(this, "autoOpenTimer");
+    this.mounted = false;
+    this.messages = [];
+    this.isStreaming = false;
+    this.v1 = false;
+    this.destroyed = false;
+    this.retryRequests = /* @__PURE__ */ new Map();
+    this.eventHandlers = /* @__PURE__ */ new Map();
     this.config = config;
-    this.client = new ChatClient({ apiUrl: config.apiUrl, timeout: config.timeout });
-    this.storage = new ConversationStorage();
+    this.client = new ChatClient({ apiUrl: config.apiUrl, timeout: config.timeout, turnstileSiteKey: config.turnstileSiteKey });
+    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();
   }
@@ -992,6 +1213,7 @@ class Widget {
     } else {
       this.shadow = createShadowRoot();
     }
+    this.mounted = true;
     if (this.config.theme) {
       applyTheme(this.shadow, this.config.theme);
     }
@@ -1084,12 +1306,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() {
@@ -1109,7 +1333,8 @@ 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;
@@ -1119,6 +1344,7 @@ class Widget {
       this.eventHandlers.set(event, /* @__PURE__ */ new Set());
     }
     this.eventHandlers.get(event).add(handler);
+    return () => this.off(event, handler);
   }
   off(event, handler) {
     var _a;
@@ -1127,7 +1353,9 @@ class Widget {
   emit(event, ...args) {
     var _a;
     if (this.destroyed) return;
-    (_a = this.eventHandlers.get(event)) == null ? void 0 : _a.forEach((h) => h(...args));
+    (_a = this.eventHandlers.get(event)) == null ? void 0 : _a.forEach((h) => {
+      h(...args);
+    });
   }
   isPreChatCompleted() {
     return this.storage.isPreChatCompleted(this.conversationId);
@@ -1229,7 +1457,8 @@ class Widget {
     this.retryRequests.delete(assistantMessageId);
     this.messages = this.messages.filter((message) => message.id !== assistantMessageId);
     await this.sendToServer(userMessage.content, {
-      regenerate: true,
+      // A v1 server saved the reply under this id; a 0.5 server only knows `true`.
+      regenerate: this.v1 ? { assistantMessageId } : true,
       userMessageId: userMessage.id
     });
   }
@@ -1259,8 +1488,7 @@ class Widget {
         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, chunk.retryAfterMs));
           assistantMsg.errorType = errorType;
           hasError = true;
           this.retryRequests.set(assistantMsg.id, {
@@ -1283,6 +1511,11 @@ class Widget {
           requestCompleted = true;
           break;
         }
+        if (chunk.conversationId) this.conversationId = chunk.conversationId;
+        if (chunk.messageId) {
+          assistantMsg.id = chunk.messageId;
+          this.v1 = true;
+        }
         if (chunk.leadCaptured) {
           (_d = (_c = this.config).onLeadCaptured) == null ? void 0 : _d.call(_c, chunk.leadData);
           this.emit("leadCaptured", chunk.leadData);
@@ -1317,15 +1550,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);
@@ -1345,7 +1581,7 @@ class Widget {
   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);
+    const includeUserData = Boolean(((_a = this.config.preChatForm) == null ? void 0 : _a.enabled) && this.userData && !this.v1);
     return {
       conversationId: this.conversationId,
       message: text,
@@ -1386,26 +1622,25 @@ class Widget {
     }
   }
   resolveErrorType(error) {
-    switch (error) {
-      case "rate_limit":
-      case "network":
-      case "provider_error":
-      case "timeout":
-        return error;
-      default:
-        return "provider_error";
-    }
-  }
-  getErrorMessage(errorType) {
-    switch (errorType) {
-      case "rate_limit":
-        return this.locale.errorRateLimit;
-      case "network":
-      case "timeout":
-        return this.locale.errorNetwork;
-      default:
-        return this.locale.errorGeneric;
+    return error in ERROR_MESSAGES || error === "rate_limit" ? error : "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, retryAfterMs) {
+    if (errorType === "rate_limit") {
+      return retryAfterMs ? this.locale.errorRateLimitWait.replace("{seconds}", String(Math.ceil(retryAfterMs / 1e3))) : this.locale.errorRateLimit;
     }
+    return this.locale[ERROR_MESSAGES[errorType] ?? "errorGeneric"];
   }
   saveHistory() {
     if (this.config.persistHistory === false) return;
@@ -1426,6 +1661,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;
@@ -1439,6 +1675,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;
   },
@@ -1453,9 +1694,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);
   }
 };
@@ -1467,6 +1719,7 @@ function autoInit(script) {
   const container = script.dataset.container;
   ChatCops.init({
     apiUrl,
+    turnstileSiteKey: script.dataset.turnstileSiteKey,
     mode: mode || void 0,
     container: container || void 0,
     theme: {
@@ -1495,7 +1748,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);
   }