@chatcops/widget 0.3.2 → 0.4.0

package/dist/chatcops.esm.js

@@ -1,7 +1,7 @@
 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;opacity:1;transform:none;pointer-events:auto;transition:none}.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}.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-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)}@media(max-width:768px){.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}}";
+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;opacity:1;transform:none;pointer-events:auto;transition:none}.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-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-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-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}}";
 function createShadowRoot(container) {
   const host = document.createElement("div");
   host.id = "chatcops-root";
@@ -96,28 +96,29 @@ function renderMarkdown(input) {
   html = html.replace(/\n/g, "<br>");
   return html;
 }
+const RETRY_ICON = '<svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true"><path d="M17.65 6.35A7.96 7.96 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>';
+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) {
+  constructor(parent, actions) {
     __publicField(this, "container");
     __publicField(this, "typingEl", null);
+    __publicField(this, "actions");
+    this.actions = actions;
     this.container = document.createElement("div");
     this.container.className = "cc-messages";
     parent.appendChild(this.container);
   }
   addMessage(msg) {
     this.removeTyping();
-    const el = document.createElement("div");
-    el.className = `cc-message cc-message-${msg.role}`;
-    el.dataset.id = msg.id;
-    el.innerHTML = msg.role === "assistant" ? renderMarkdown(msg.content) : this.escapeHtml(msg.content);
+    const el = this.createMessageElement(msg);
     this.container.appendChild(el);
     this.scrollToBottom();
     return el;
   }
-  updateMessage(id, content, isAssistant) {
-    const el = this.container.querySelector(`[data-id="${id}"]`);
+  updateMessage(msg) {
+    const el = this.container.querySelector(`[data-id="${msg.id}"]`);
     if (el) {
-      el.innerHTML = isAssistant ? renderMarkdown(content) : this.escapeHtml(content);
+      this.renderMessageElement(el, msg);
       this.scrollToBottom();
     }
   }
@@ -139,9 +140,108 @@ class Messages {
     this.container.innerHTML = "";
     this.typingEl = null;
   }
+  removeMessage(id) {
+    const el = this.container.querySelector(`[data-id="${id}"]`);
+    el == null ? void 0 : el.remove();
+  }
+  clearRegenerateButtons() {
+    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}"]`);
+    if (!msgEl || !msgEl.classList.contains("cc-message-assistant")) return;
+    const actions = this.ensureActionsContainer(msgEl);
+    actions.appendChild(this.createActionButton({
+      className: "cc-message-regenerate",
+      label: this.actions.regenerateLabel ?? "Regenerate",
+      icon: REGENERATE_ICON,
+      onClick: () => {
+        var _a2, _b;
+        return (_b = (_a2 = this.actions) == null ? void 0 : _a2.onRegenerate) == null ? void 0 : _b.call(_a2, messageId);
+      }
+    }));
+  }
+  setVisible(visible) {
+    this.container.classList.toggle("cc-hidden", !visible);
+  }
   scrollToBottom() {
     this.container.scrollTop = this.container.scrollHeight;
   }
+  createMessageElement(msg) {
+    const el = document.createElement("div");
+    this.renderMessageElement(el, msg);
+    return el;
+  }
+  renderMessageElement(el, msg) {
+    el.className = `cc-message cc-message-${msg.role}`;
+    el.dataset.id = msg.id;
+    if (msg.status) {
+      el.dataset.status = msg.status;
+    } else {
+      delete el.dataset.status;
+    }
+    if (msg.errorType) {
+      el.dataset.errorType = msg.errorType;
+    } else {
+      delete el.dataset.errorType;
+    }
+    el.innerHTML = "";
+    const content = document.createElement("div");
+    content.className = "cc-message-content";
+    content.innerHTML = msg.role === "assistant" ? renderMarkdown(msg.content) : this.escapeHtml(msg.content);
+    el.appendChild(content);
+    const actions = this.createActionsContainer(msg);
+    if (actions) {
+      el.appendChild(actions);
+    }
+  }
+  createActionsContainer(msg) {
+    var _a;
+    if (msg.status !== "error" || !((_a = this.actions) == null ? void 0 : _a.onRetry)) {
+      return null;
+    }
+    const actions = document.createElement("div");
+    actions.className = "cc-message-actions";
+    actions.appendChild(this.createActionButton({
+      className: "cc-message-retry",
+      label: this.actions.retryLabel ?? "Retry",
+      icon: RETRY_ICON,
+      onClick: () => {
+        var _a2, _b;
+        return (_b = (_a2 = this.actions) == null ? void 0 : _a2.onRetry) == null ? void 0 : _b.call(_a2, msg.id);
+      }
+    }));
+    return actions;
+  }
+  ensureActionsContainer(msgEl) {
+    const existing = msgEl.querySelector(".cc-message-actions");
+    if (existing) {
+      return existing;
+    }
+    const actions = document.createElement("div");
+    actions.className = "cc-message-actions";
+    msgEl.appendChild(actions);
+    return actions;
+  }
+  cleanupEmptyActionContainers() {
+    this.container.querySelectorAll(".cc-message-actions").forEach((container) => {
+      if (!container.hasChildNodes()) {
+        container.remove();
+      }
+    });
+  }
+  createActionButton(options) {
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = options.className;
+    button.innerHTML = `${options.icon}<span>${this.escapeHtml(options.label)}</span>`;
+    button.addEventListener("click", options.onClick);
+    return button;
+  }
   escapeHtml(text) {
     const div = document.createElement("div");
     div.textContent = text;
@@ -188,6 +288,9 @@ class Input {
     this.sendBtn.disabled = true;
     this.autoResize();
   }
+  setVisible(visible) {
+    this.area.classList.toggle("cc-hidden", !visible);
+  }
   send() {
     const text = this.textarea.value.trim();
     if (!text) return;
@@ -214,6 +317,7 @@ class Panel {
     __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";
@@ -250,7 +354,14 @@ class Panel {
       header.appendChild(closeBtn);
     }
     this.el.appendChild(header);
-    this.messages = new Messages(this.el);
+    if (options.preChatEnabled) {
+      this.messagesContainer = document.createElement("div");
+      this.messagesContainer.className = "cc-messages-wrapper";
+      this.el.appendChild(this.messagesContainer);
+    } else {
+      this.messagesContainer = this.el;
+    }
+    this.messages = new Messages(this.messagesContainer, options.messageActions);
     this.input = new Input(this.el, {
       placeholder: options.placeholder,
       onSend: options.onSend
@@ -276,6 +387,12 @@ class Panel {
   addMessage(msg) {
     return this.messages.addMessage(msg);
   }
+  hideMessages() {
+    this.messages.setVisible(false);
+  }
+  showMessages() {
+    this.messages.setVisible(true);
+  }
   destroy() {
     this.el.remove();
   }
@@ -414,7 +531,11 @@ class ConversationStorage {
   }
   save(conversation) {
     try {
-      localStorage.setItem(this.key, JSON.stringify(conversation));
+      const filtered = {
+        ...conversation,
+        messages: conversation.messages.filter((m) => m.status !== "error").map(({ status, ...message }) => message)
+      };
+      localStorage.setItem(this.key, JSON.stringify(filtered));
     } catch {
     }
   }
@@ -437,6 +558,19 @@ class ConversationStorage {
       return crypto.randomUUID();
     }
   }
+  isPreChatCompleted(sessionId) {
+    try {
+      return sessionStorage.getItem(`chatcops-prechat-${sessionId}`) === "true";
+    } catch {
+      return false;
+    }
+  }
+  setPreChatCompleted(sessionId) {
+    try {
+      sessionStorage.setItem(`chatcops-prechat-${sessionId}`, "true");
+    } catch {
+    }
+  }
 }
 function applyTheme(root, theme) {
   const host = root.host;
@@ -489,13 +623,174 @@ const en = {
   typingIndicator: "Typing...",
   poweredBy: "Powered by ChatCops",
   newConversation: "New conversation",
-  welcomeBubbleDefault: "Need help? Chat with us!"
+  welcomeBubbleDefault: "Need help? Chat with us!",
+  preChatTitle: "Before we start...",
+  preChatSubtitle: "Tell us a bit about yourself",
+  preChatSubmit: "Start Chat",
+  preChatRequired: "This field is required",
+  preChatInvalidEmail: "Please enter a valid email",
+  retryButton: "Retry",
+  regenerateButton: "Regenerate"
 };
 const locales = { en };
 function getWidgetLocale(code, overrides) {
   const base = locales[code] ?? en;
   return overrides ? { ...base, ...overrides } : base;
 }
+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.options = options;
+    this.container = document.createElement("div");
+    this.container.className = "cc-prechat";
+    if (options.title) {
+      const title = document.createElement("div");
+      title.className = "cc-prechat-title";
+      title.textContent = options.title;
+      this.container.appendChild(title);
+    }
+    if (options.subtitle) {
+      const subtitle = document.createElement("div");
+      subtitle.className = "cc-prechat-subtitle";
+      subtitle.textContent = options.subtitle;
+      this.container.appendChild(subtitle);
+    }
+    const form = document.createElement("form");
+    form.className = "cc-prechat-fields";
+    form.addEventListener("submit", (e) => {
+      e.preventDefault();
+      this.handleSubmit();
+    });
+    for (const field of options.fields) {
+      form.appendChild(this.createField(field));
+    }
+    this.submitBtn = document.createElement("button");
+    this.submitBtn.type = "submit";
+    this.submitBtn.className = "cc-prechat-submit";
+    this.submitBtn.textContent = options.submitLabel;
+    form.appendChild(this.submitBtn);
+    this.container.appendChild(form);
+    parent.appendChild(this.container);
+    this.updateSubmitState();
+    const firstInput = this.fieldElements.values().next().value;
+    if (firstInput) {
+      setTimeout(() => firstInput.focus(), 100);
+    }
+  }
+  createField(field) {
+    const wrapper = document.createElement("div");
+    wrapper.className = "cc-prechat-field";
+    const label = document.createElement("label");
+    label.className = "cc-prechat-label";
+    label.textContent = field.label;
+    if (field.required) {
+      const req = document.createElement("span");
+      req.className = "cc-required";
+      req.textContent = "*";
+      label.appendChild(req);
+    }
+    wrapper.appendChild(label);
+    let input;
+    if (field.type === "select") {
+      const select = document.createElement("select");
+      select.className = "cc-prechat-select";
+      const defaultOpt = document.createElement("option");
+      defaultOpt.value = "";
+      defaultOpt.textContent = field.placeholder ?? `Select ${field.label.toLowerCase()}...`;
+      defaultOpt.disabled = true;
+      defaultOpt.selected = true;
+      select.appendChild(defaultOpt);
+      for (const opt of field.options ?? []) {
+        const option = document.createElement("option");
+        option.value = opt;
+        option.textContent = opt;
+        select.appendChild(option);
+      }
+      input = select;
+    } else if (field.type === "textarea") {
+      const textarea = document.createElement("textarea");
+      textarea.className = "cc-prechat-textarea";
+      textarea.placeholder = field.placeholder ?? "";
+      textarea.rows = 3;
+      input = textarea;
+    } else {
+      const textInput = document.createElement("input");
+      textInput.type = field.type;
+      textInput.className = "cc-prechat-input";
+      textInput.placeholder = field.placeholder ?? "";
+      input = textInput;
+    }
+    input.name = field.name;
+    input.addEventListener("input", () => {
+      this.clearError(field.name);
+      this.updateSubmitState();
+    });
+    if (input instanceof HTMLSelectElement) {
+      input.addEventListener("change", () => {
+        this.clearError(field.name);
+        this.updateSubmitState();
+      });
+    }
+    wrapper.appendChild(input);
+    this.fieldElements.set(field.name, input);
+    const error = document.createElement("div");
+    error.className = "cc-prechat-error";
+    wrapper.appendChild(error);
+    this.errorElements.set(field.name, error);
+    return wrapper;
+  }
+  updateSubmitState() {
+    const allRequiredFilled = this.options.fields.every((field) => {
+      if (!field.required) return true;
+      const el = this.fieldElements.get(field.name);
+      return el ? el.value.trim().length > 0 : false;
+    });
+    this.submitBtn.disabled = !allRequiredFilled;
+  }
+  handleSubmit() {
+    const data = {};
+    let valid = true;
+    for (const field of this.options.fields) {
+      const el = this.fieldElements.get(field.name);
+      if (!el) continue;
+      const value = el.value.trim();
+      data[field.name] = value;
+      if (field.required && !value) {
+        this.showError(field.name, this.options.locale.preChatRequired);
+        valid = false;
+        continue;
+      }
+      if (field.type === "email" && value && !this.isValidEmail(value)) {
+        this.showError(field.name, this.options.locale.preChatInvalidEmail);
+        valid = false;
+        continue;
+      }
+    }
+    if (valid) {
+      this.options.onSubmit(data);
+    }
+  }
+  showError(fieldName, message) {
+    const el = this.errorElements.get(fieldName);
+    if (el) el.textContent = message;
+  }
+  clearError(fieldName) {
+    const el = this.errorElements.get(fieldName);
+    if (el) el.textContent = "";
+  }
+  isValidEmail(email) {
+    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+  }
+  destroy() {
+    this.container.remove();
+    this.fieldElements.clear();
+    this.errorElements.clear();
+  }
+}
 class Widget {
   constructor(config) {
     __publicField(this, "config");
@@ -503,12 +798,16 @@ class Widget {
     __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, "userDataSent", false);
     __publicField(this, "isStreaming", false);
+    __publicField(this, "retryRequests", /* @__PURE__ */ new Map());
     __publicField(this, "eventHandlers", /* @__PURE__ */ new Map());
     __publicField(this, "containerEl");
     this.config = config;
@@ -534,7 +833,7 @@ class Widget {
     return this.config.container;
   }
   init() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     if (this.isInline) {
       this.containerEl = this.resolveContainer();
       this.shadow = createShadowRoot(this.containerEl);
@@ -554,13 +853,24 @@ class Widget {
     this.panel = new Panel(this.shadow, {
       position,
       inline: this.isInline,
+      preChatEnabled: ((_b = this.config.preChatForm) == null ? void 0 : _b.enabled) ?? false,
       branding: {
-        name: ((_b = this.config.branding) == null ? void 0 : _b.name) ?? "AI Assistant",
-        avatar: (_c = this.config.branding) == null ? void 0 : _c.avatar,
-        subtitle: ((_d = this.config.branding) == null ? void 0 : _d.subtitle) ?? "Online"
+        name: ((_c = this.config.branding) == null ? void 0 : _c.name) ?? "AI Assistant",
+        avatar: (_d = this.config.branding) == null ? void 0 : _d.avatar,
+        subtitle: ((_e = this.config.branding) == null ? void 0 : _e.subtitle) ?? "Online"
       },
       placeholder: this.config.placeholder ?? this.locale.inputPlaceholder,
       footerText: this.locale.poweredBy,
+      messageActions: {
+        onRetry: (messageId) => {
+          void this.handleRetry(messageId);
+        },
+        onRegenerate: (messageId) => {
+          void this.handleRegenerate(messageId);
+        },
+        retryLabel: this.locale.retryButton,
+        regenerateLabel: this.locale.regenerateButton
+      },
       onSend: (text) => this.handleSend(text),
       onClose: () => this.close()
     });
@@ -574,16 +884,13 @@ class Widget {
         }
       }
     }
-    if (this.messages.length === 0) {
-      const welcomeText = this.config.welcomeMessage ?? this.locale.welcomeMessage;
-      const welcomeMsg = {
-        id: "welcome",
-        role: "assistant",
-        content: welcomeText
-      };
-      this.messages.push(welcomeMsg);
-      this.panel.addMessage(welcomeMsg);
+    const shouldShowPreChat = ((_f = this.config.preChatForm) == null ? void 0 : _f.enabled) && !this.isPreChatCompleted() && this.messages.length === 0;
+    if (shouldShowPreChat) {
+      this.showPreChatForm();
+    } else {
+      this.showChatView();
     }
+    this.showLatestRegenerateButton();
     if (!this.isInline && this.config.welcomeBubble) {
       this.bubble = new WelcomeBubble(this.shadow, {
         text: this.config.welcomeBubble.text,
@@ -629,10 +936,11 @@ class Widget {
     }
   }
   destroy() {
-    var _a, _b;
-    (_a = this.bubble) == null ? void 0 : _a.destroy();
+    var _a, _b, _c;
+    (_a = this.preChatFormEl) == null ? void 0 : _a.destroy();
+    (_b = this.bubble) == null ? void 0 : _b.destroy();
     this.panel.destroy();
-    (_b = this.fab) == null ? void 0 : _b.destroy();
+    (_c = this.fab) == null ? void 0 : _c.destroy();
     destroyShadowRoot(this.containerEl);
     this.eventHandlers.clear();
     this.messages = [];
@@ -651,8 +959,56 @@ class Widget {
     var _a;
     (_a = this.eventHandlers.get(event)) == null ? void 0 : _a.forEach((h) => h(...args));
   }
+  isPreChatCompleted() {
+    return this.storage.isPreChatCompleted(this.conversationId);
+  }
+  setPreChatCompleted() {
+    this.storage.setPreChatCompleted(this.conversationId);
+  }
+  showPreChatForm() {
+    const formConfig = this.config.preChatForm;
+    this.panel.hideMessages();
+    this.panel.input.setVisible(false);
+    this.preChatFormEl = new PreChatForm(this.panel.messagesContainer, {
+      title: formConfig.title ?? this.locale.preChatTitle,
+      subtitle: formConfig.subtitle ?? this.locale.preChatSubtitle,
+      fields: formConfig.fields,
+      submitLabel: formConfig.submitLabel ?? this.locale.preChatSubmit,
+      locale: this.locale,
+      onSubmit: (data) => this.handlePreChatSubmit(data)
+    });
+  }
+  handlePreChatSubmit(data) {
+    var _a, _b, _c;
+    this.userData = data;
+    this.setPreChatCompleted();
+    (_a = this.preChatFormEl) == null ? void 0 : _a.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);
+    this.emit("preChatSubmit", data);
+    if (data.message) {
+      this.handleSend(data.message);
+    }
+  }
+  showChatView() {
+    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 welcomeMsg = {
+        id: "welcome",
+        role: "assistant",
+        content: welcomeText
+      };
+      this.messages.push(welcomeMsg);
+      this.panel.addMessage(welcomeMsg);
+    }
+  }
   async handleSend(text) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    var _a, _b;
     if (this.isStreaming) return;
     const userMsg = {
       id: crypto.randomUUID(),
@@ -663,33 +1019,97 @@ class Widget {
     this.panel.addMessage(userMsg);
     (_b = (_a = this.config).onMessage) == null ? void 0 : _b.call(_a, userMsg);
     this.emit("message", userMsg);
+    await this.sendToServer(text, { userMessageId: userMsg.id });
+  }
+  async handleRetry(errorMessageId) {
+    if (this.isStreaming) return;
+    const errorIndex = this.messages.findIndex((message) => message.id === errorMessageId);
+    if (errorIndex === -1) return;
+    const retryRequest = this.retryRequests.get(errorMessageId);
+    let userMessage = (retryRequest == null ? void 0 : retryRequest.userMessageId) ? this.messages.find((message) => message.id === retryRequest.userMessageId) : void 0;
+    if (!userMessage) {
+      for (let i = errorIndex - 1; i >= 0; i--) {
+        if (this.messages[i].role === "user") {
+          userMessage = this.messages[i];
+          break;
+        }
+      }
+    }
+    if (!userMessage) return;
+    this.panel.messages.removeMessage(errorMessageId);
+    this.retryRequests.delete(errorMessageId);
+    this.messages = this.messages.filter((message) => message.id !== errorMessageId);
+    await this.sendToServer(userMessage.content, {
+      regenerate: retryRequest == null ? void 0 : retryRequest.regenerate,
+      userMessageId: (retryRequest == null ? void 0 : retryRequest.userMessageId) ?? userMessage.id
+    });
+  }
+  async handleRegenerate(assistantMessageId) {
+    if (this.isStreaming) return;
+    const assistantIndex = this.messages.findIndex((message) => message.id === assistantMessageId);
+    if (assistantIndex === -1) return;
+    const assistantMessage = this.messages[assistantIndex];
+    if (assistantMessage.role !== "assistant") return;
+    const userMessage = this.findUserMessageForAssistant(assistantIndex);
+    if (!userMessage) return;
+    this.panel.messages.clearRegenerateButtons();
+    this.panel.messages.removeMessage(assistantMessageId);
+    this.retryRequests.delete(assistantMessageId);
+    this.messages = this.messages.filter((message) => message.id !== assistantMessageId);
+    await this.sendToServer(userMessage.content, {
+      regenerate: true,
+      userMessageId: userMessage.id
+    });
+  }
+  async sendToServer(text, options = {}) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    if (this.isStreaming) return;
     this.isStreaming = true;
     this.panel.input.setDisabled(true);
+    this.panel.messages.clearRegenerateButtons();
     this.panel.messages.showTyping();
     const assistantMsg = {
       id: crypto.randomUUID(),
       role: "assistant",
-      content: ""
+      content: "",
+      status: "streaming"
     };
-    const pageContext = this.config.pageContext !== false ? { url: window.location.href, title: document.title } : void 0;
+    const includeUserData = !!(this.userData && !this.userDataSent);
+    let firstChunk = true;
+    let requestCompleted = false;
+    let hasError = false;
     try {
-      let firstChunk = true;
-      for await (const chunk of this.client.sendMessage({
-        conversationId: this.conversationId,
-        message: text,
-        pageContext,
-        locale: this.config.locale
-      })) {
+      for await (const chunk of this.client.sendMessage(this.createRequest(text, options, includeUserData))) {
         if (chunk.error) {
-          const errorKey = chunk.error === "rate_limit" ? "errorRateLimit" : chunk.error === "network" ? "errorNetwork" : "errorGeneric";
-          assistantMsg.content = this.locale[errorKey];
+          const errorType = this.resolveErrorType(chunk.error);
+          assistantMsg.content = this.getErrorMessage(errorType);
+          assistantMsg.status = "error";
+          assistantMsg.errorType = errorType;
+          hasError = true;
+          this.retryRequests.set(assistantMsg.id, {
+            regenerate: options.regenerate,
+            userMessageId: options.userMessageId
+          });
           this.panel.messages.removeTyping();
-          this.panel.addMessage(assistantMsg);
-          (_d = (_c = this.config).onError) == null ? void 0 : _d.call(_c, new Error(chunk.error));
-          this.emit("error", new Error(chunk.error));
+          if (firstChunk) {
+            this.panel.addMessage(assistantMsg);
+          } else {
+            this.panel.messages.updateMessage(assistantMsg);
+          }
+          this.messages.push(assistantMsg);
+          const error = new Error(chunk.error);
+          (_b = (_a = this.config).onError) == null ? void 0 : _b.call(_a, error);
+          this.emit("error", error);
           break;
         }
-        if (chunk.done) break;
+        if (chunk.done) {
+          requestCompleted = true;
+          break;
+        }
+        if (chunk.leadCaptured) {
+          (_d = (_c = this.config).onLeadCaptured) == null ? void 0 : _d.call(_c, chunk.leadData);
+          this.emit("leadCaptured", chunk.leadData);
+        }
         if (chunk.content) {
           if (firstChunk) {
             this.panel.messages.removeTyping();
@@ -697,29 +1117,113 @@ class Widget {
             firstChunk = false;
           }
           assistantMsg.content += chunk.content;
-          this.panel.messages.updateMessage(assistantMsg.id, assistantMsg.content, true);
+          this.panel.messages.updateMessage(assistantMsg);
         }
       }
-      if (assistantMsg.content) {
+      if (!hasError && !requestCompleted) {
+        requestCompleted = true;
+      }
+      if (!hasError && firstChunk) {
+        this.panel.messages.removeTyping();
+      }
+      if (!hasError && assistantMsg.content) {
+        assistantMsg.status = "complete";
+        this.panel.messages.updateMessage(assistantMsg);
         this.messages.push(assistantMsg);
         (_f = (_e = this.config).onMessage) == null ? void 0 : _f.call(_e, assistantMsg);
         this.emit("message", assistantMsg);
+        this.showLatestRegenerateButton();
         if (!this.isInline && !this.panel.isVisible) {
           (_g = this.fab) == null ? void 0 : _g.showBadge();
         }
       }
     } catch (err) {
-      this.panel.messages.removeTyping();
       assistantMsg.content = this.locale.errorGeneric;
+      assistantMsg.status = "error";
+      assistantMsg.errorType = "network";
+      this.retryRequests.set(assistantMsg.id, {
+        regenerate: options.regenerate,
+        userMessageId: options.userMessageId
+      });
+      this.panel.messages.removeTyping();
       this.panel.addMessage(assistantMsg);
-      (_i = (_h = this.config).onError) == null ? void 0 : _i.call(_h, err instanceof Error ? err : new Error(String(err)));
+      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);
+      this.emit("error", error);
     } finally {
+      if (includeUserData && requestCompleted) {
+        this.userDataSent = true;
+      }
       this.isStreaming = false;
       this.panel.input.setDisabled(false);
       this.panel.input.focus();
       this.saveHistory();
     }
   }
+  createRequest(text, options, includeUserData) {
+    const pageContext = this.config.pageContext !== false ? { url: window.location.href, title: document.title } : void 0;
+    return {
+      conversationId: this.conversationId,
+      message: text,
+      messageId: options.userMessageId,
+      regenerate: options.regenerate,
+      pageContext,
+      locale: this.config.locale,
+      ...includeUserData ? { userData: this.userData } : {}
+    };
+  }
+  findUserMessageForAssistant(assistantIndex) {
+    for (let i = assistantIndex - 1; i >= 0; i--) {
+      if (this.messages[i].role === "user") {
+        return this.messages[i];
+      }
+    }
+    return void 0;
+  }
+  findLatestRegeneratableAssistant() {
+    for (let i = this.messages.length - 1; i >= 0; i--) {
+      const message = this.messages[i];
+      if (message.id === "welcome") {
+        continue;
+      }
+      if (message.role !== "assistant" || message.status === "error") {
+        return void 0;
+      }
+      return message;
+    }
+    return void 0;
+  }
+  showLatestRegenerateButton() {
+    const assistantMessage = this.findLatestRegeneratableAssistant();
+    if (assistantMessage) {
+      this.panel.messages.showRegenerateButton(assistantMessage.id);
+    } else {
+      this.panel.messages.clearRegenerateButtons();
+    }
+  }
+  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;
+    }
+  }
   saveHistory() {
     if (this.config.persistHistory === false) return;
     const maxMessages = this.config.maxMessages ?? 50;
@@ -730,6 +1234,8 @@ class Widget {
         id: m.id,
         role: m.role,
         content: m.content,
+        status: m.status,
+        errorType: m.errorType,
         timestamp: Date.now()
       })),
       updatedAt: Date.now()