@dabalabs/agent 0.0.2-beta → 0.0.4-beta

package/dist/{chunk-IMPMGYCG.cjs → chunk-VAIC5ACS.cjs}

@@ -1,5 +1,19 @@
 'use strict';
 
+// src/utils/css-length.ts
+var UNIT = /^-?(?:\d+\.?\d*|\.\d+)(?:px|rem|em|%|vh|vw|dvh|dvw|svh|lvh|ch|pt|cm|mm|in)$/i;
+var BARE_NUMBER = /^-?(?:\d+\.?\d*|\.\d+)$/;
+var FUNCTION = /^(?:calc|min|max|clamp)\((?:[^;{}()]|\([^;{}()]*\))*\)$/i;
+function cssLength(value, allowFunctions = true) {
+  if (value === null || value === void 0) return null;
+  const raw = String(value).trim();
+  if (!raw) return null;
+  if (BARE_NUMBER.test(raw)) return `${raw}px`;
+  if (UNIT.test(raw)) return raw;
+  if (allowFunctions && FUNCTION.test(raw)) return raw;
+  return null;
+}
+
 // src/api/agent-api.ts
 var DabaFetchError = class extends Error {
   constructor(dabaError, cause) {
@@ -294,6 +308,7 @@ async function sendChatTurn(gatewayUrl, projectId, apiKey, body) {
 // src/voice/live-transport.ts
 var DATA_CHANNEL = "oai-events";
 var ICE_TIMEOUT_MS = 2e3;
+var TURN_END_MS = 3500;
 var LiveTransport = class {
   constructor(options) {
     this.options = options;
@@ -302,6 +317,8 @@ var LiveTransport = class {
     this.micStream = null;
     this.audioEl = null;
     this.stopped = false;
+    this.turnTimers = {};
+    this.openTurns = /* @__PURE__ */ new Set();
   }
   get isActive() {
     return this.pc !== null && !this.stopped;
@@ -404,21 +421,28 @@ var LiveTransport = class {
     } catch {
       return;
     }
+    this.handleEvent(msg);
+  }
+  handleEvent(msg) {
+    if (msg.type === "response.event") {
+      const inner = msg.event;
+      if (inner && typeof inner === "object") this.handleEvent(inner);
+      return;
+    }
     const { handlers } = this.options;
     switch (msg.type) {
       case "session.input_transcript.delta":
-        this.emitTranscript("user", msg, false);
+        this.onDelta("user", msg);
         break;
       case "session.input_transcript.done":
-        this.emitTranscript("user", msg, true);
+        this.endTurn("user");
         break;
       case "session.output_transcript.delta":
         handlers.onStatus("speaking");
-        this.emitTranscript("agent", msg, false);
+        this.onDelta("agent", msg);
         break;
       case "session.output_transcript.done":
-        this.emitTranscript("agent", msg, true);
-        handlers.onStatus("listening");
+        this.endTurn("agent");
         break;
       case "response.output_item.done":
         this.emitToolCall(msg);
@@ -433,6 +457,20 @@ var LiveTransport = class {
       }
     }
   }
+  onDelta(role, msg) {
+    this.endTurn(role === "user" ? "agent" : "user");
+    this.emitTranscript(role, msg, false);
+    this.openTurns.add(role);
+    window.clearTimeout(this.turnTimers[role]);
+    this.turnTimers[role] = window.setTimeout(() => this.endTurn(role), TURN_END_MS);
+  }
+  endTurn(role) {
+    window.clearTimeout(this.turnTimers[role]);
+    this.turnTimers[role] = void 0;
+    if (!this.openTurns.delete(role)) return;
+    this.options.handlers.onTranscript(role, "", true);
+    if (role === "agent") this.options.handlers.onStatus("listening");
+  }
   emitTranscript(role, msg, final) {
     const text = msg.delta ?? msg.transcript ?? msg.text;
     if (!text && !final) return;
@@ -453,6 +491,10 @@ var LiveTransport = class {
   teardown() {
     if (this.stopped) return;
     this.stopped = true;
+    window.clearTimeout(this.turnTimers.user);
+    window.clearTimeout(this.turnTimers.agent);
+    this.turnTimers = {};
+    this.openTurns.clear();
     this.channel?.close();
     this.channel = null;
     this.micStream?.getTracks().forEach((track) => track.stop());
@@ -583,8 +625,8 @@ function labelForField(el) {
   }
   const closestLabel = el.closest("label");
   if (closestLabel && closestLabel.textContent) return cleanText(closestLabel.textContent);
-  const ariaLabel = el.getAttribute("aria-label");
-  if (ariaLabel) return cleanText(ariaLabel);
+  const ariaLabel2 = el.getAttribute("aria-label");
+  if (ariaLabel2) return cleanText(ariaLabel2);
   const placeholder = el.getAttribute("placeholder");
   if (placeholder) return cleanText(placeholder);
   const name = el.getAttribute("name");
@@ -646,8 +688,8 @@ function labelForField2(el) {
   }
   const closestLabel = el.closest("label");
   if (closestLabel && closestLabel.textContent) return cleanText2(closestLabel.textContent);
-  const ariaLabel = el.getAttribute("aria-label");
-  if (ariaLabel) return cleanText2(ariaLabel);
+  const ariaLabel2 = el.getAttribute("aria-label");
+  if (ariaLabel2) return cleanText2(ariaLabel2);
   const placeholder = el.getAttribute("placeholder");
   if (placeholder) return cleanText2(placeholder);
   const name = el.getAttribute("name");
@@ -1086,16 +1128,22 @@ var MAX_TRANSCRIPT_BYTES = 96 * 1024;
 function transcriptKey(projectId, conversationId) {
   return `${TRANSCRIPT_KEY_PREFIX}${projectId}:${conversationId}`;
 }
+function boundTranscript(messages) {
+  let slice = messages.slice(-40);
+  let raw = JSON.stringify(slice);
+  while (raw.length > MAX_TRANSCRIPT_BYTES && slice.length > 1) {
+    slice = slice.slice(1);
+    raw = JSON.stringify(slice);
+  }
+  return slice;
+}
 function persistTranscript(projectId, conversationId, messages) {
   if (typeof sessionStorage === "undefined") return;
-  let slice = messages.slice(-40);
   try {
-    let raw = JSON.stringify(slice);
-    while (raw.length > MAX_TRANSCRIPT_BYTES && slice.length > 1) {
-      slice = slice.slice(1);
-      raw = JSON.stringify(slice);
-    }
-    sessionStorage.setItem(transcriptKey(projectId, conversationId), raw);
+    sessionStorage.setItem(
+      transcriptKey(projectId, conversationId),
+      JSON.stringify(boundTranscript(messages))
+    );
   } catch {
   }
 }
@@ -1120,6 +1168,110 @@ function clearTranscript(projectId, conversationId) {
   } catch {
   }
 }
+var HISTORY_INDEX_PREFIX = "daba-agent:history:";
+var HISTORY_BODY_PREFIX = "daba-agent:history-body:";
+var MAX_CONVERSATIONS = 20;
+var MAX_HISTORY_AGE_MS = 30 * 24 * 60 * 60 * 1e3;
+var MAX_TITLE_CHARS = 60;
+function indexKey(projectId) {
+  return HISTORY_INDEX_PREFIX + projectId;
+}
+function bodyKey(projectId, conversationId) {
+  return `${HISTORY_BODY_PREFIX}${projectId}:${conversationId}`;
+}
+function deriveTitle(messages, fallback) {
+  const first = messages.find((m) => m.role === "user" && m.text.trim());
+  const text = first?.text.trim().replace(/\s+/g, " ") ?? "";
+  if (!text) return fallback;
+  const chars = [...text];
+  return chars.length > MAX_TITLE_CHARS ? `${chars.slice(0, MAX_TITLE_CHARS).join("")}\u2026` : text;
+}
+function readIndex(projectId) {
+  if (typeof localStorage === "undefined") return [];
+  try {
+    const raw = localStorage.getItem(indexKey(projectId));
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed.filter(
+      (c) => !!c && typeof c === "object" && typeof c.id === "string"
+    );
+  } catch {
+    return [];
+  }
+}
+function writeIndex(projectId, entries) {
+  if (typeof localStorage === "undefined") return [];
+  const cutoff = Date.now() - MAX_HISTORY_AGE_MS;
+  const kept = entries.filter((c) => c.updatedAt > cutoff).sort((a, b) => b.updatedAt - a.updatedAt).slice(0, MAX_CONVERSATIONS);
+  const keptIds = new Set(kept.map((c) => c.id));
+  for (const dropped of entries) {
+    if (keptIds.has(dropped.id)) continue;
+    try {
+      localStorage.removeItem(bodyKey(projectId, dropped.id));
+    } catch {
+    }
+  }
+  try {
+    localStorage.setItem(indexKey(projectId), JSON.stringify(kept));
+  } catch {
+  }
+  return kept;
+}
+function archiveConversation(projectId, conversationId, messages, path, fallbackTitle) {
+  if (typeof localStorage === "undefined") return;
+  const body = boundTranscript(messages);
+  if (!body.length) return;
+  try {
+    localStorage.setItem(bodyKey(projectId, conversationId), JSON.stringify(body));
+  } catch {
+    return;
+  }
+  const entry = {
+    id: conversationId,
+    title: deriveTitle(body, fallbackTitle),
+    updatedAt: Date.now(),
+    messageCount: body.length,
+    path: path.split("?")[0].split("#")[0]
+  };
+  const others = readIndex(projectId).filter((c) => c.id !== conversationId);
+  writeIndex(projectId, [entry, ...others]);
+}
+function listConversations(projectId) {
+  return writeIndex(projectId, readIndex(projectId));
+}
+function readConversation(projectId, conversationId) {
+  if (typeof localStorage === "undefined") return [];
+  try {
+    const raw = localStorage.getItem(bodyKey(projectId, conversationId));
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+}
+function deleteConversation(projectId, conversationId) {
+  if (typeof localStorage === "undefined") return;
+  try {
+    localStorage.removeItem(bodyKey(projectId, conversationId));
+  } catch {
+  }
+  writeIndex(projectId, readIndex(projectId).filter((c) => c.id !== conversationId));
+}
+function clearConversations(projectId) {
+  if (typeof localStorage === "undefined") return;
+  for (const entry of readIndex(projectId)) {
+    try {
+      localStorage.removeItem(bodyKey(projectId, entry.id));
+    } catch {
+    }
+  }
+  try {
+    localStorage.removeItem(indexKey(projectId));
+  } catch {
+  }
+}
 
 // src/ui/styles.ts
 var STYLE_ELEMENT_ID = "daba-agent-styles";
@@ -1166,8 +1318,15 @@ var KNOWN_TOKENS = /* @__PURE__ */ new Set([
   "inset",
   "gap",
   "badge-size",
+  "badge-icon-size",
+  "badge-radius",
   "panel-w",
-  "panel-h"
+  "panel-h",
+  // The trigger icon's two recolourable fills. Written on the wrapper so
+  // the panel header and intro marks pick them up too, not just the
+  // launcher — see ui/icon.ts.
+  "icon-bg",
+  "icon-mark"
 ]);
 var UNSAFE_TOKEN_VALUE = /[;{}<>]|url\s*\(|expression\s*\(/i;
 function tokenProperty(key) {
@@ -1237,8 +1396,10 @@ var SHEET = `
   --daba-agent-inset: 20px;
   --daba-agent-gap: 12px;
   --daba-agent-badge-size: 56px;
-  --daba-agent-panel-w: 380px;
-  --daba-agent-panel-h: 560px;
+  --daba-agent-badge-icon-size: 100%;
+  --daba-agent-badge-radius: 10px;
+  --daba-agent-panel-w: 400px;
+  --daba-agent-panel-h: 740px;
   --daba-agent-anchor: flex-end;
 }
 
@@ -1407,27 +1568,34 @@ h1, h2, h3, h4, h5, h6) {
 }
 
 .daba-agent-badge--circle {
-  border-radius: var(--daba-agent-radius-pill);
+  --daba-agent-badge-radius: var(--daba-agent-radius-pill);
 }
 .daba-agent-badge--rounded {
-  border-radius: calc(var(--daba-agent-radius) * 0.95);
+  --daba-agent-badge-radius: calc(var(--daba-agent-radius) * 0.95);
 }
 .daba-agent-badge--pill {
+  --daba-agent-badge-radius: var(--daba-agent-radius-pill);
   width: auto;
   height: calc(var(--daba-agent-badge-size) * 0.82);
   padding-inline: 8px 18px;
   gap: 10px;
-  border-radius: var(--daba-agent-radius-pill);
 }
 
 .daba-agent-badge__icon {
   display: block;
-  width: 100%;
-  height: 100%;
+  width: var(--daba-agent-badge-icon-size);
+  height: var(--daba-agent-badge-icon-size);
+  margin: auto;
   border-radius: inherit;
   overflow: hidden;
   line-height: 0;
 }
+.daba-agent-badge__icon--text {
+  display: grid;
+  place-items: center;
+  font-size: calc(var(--daba-agent-badge-size) * 0.48);
+  line-height: 1;
+}
 .daba-agent-badge--pill .daba-agent-badge__icon {
   width: calc(var(--daba-agent-badge-size) * 0.55);
   height: calc(var(--daba-agent-badge-size) * 0.55);
@@ -1511,10 +1679,6 @@ h1, h2, h3, h4, h5, h6) {
 .daba-agent-window {
   display: flex;
   flex-direction: column;
-  width: var(--daba-agent-panel-w);
-  height: min(var(--daba-agent-panel-h), calc(100vh - 140px));
-  max-width: calc(100vw - 24px);
-  max-height: calc(100vh - 120px);
   background: var(--daba-agent-surface);
   color: var(--daba-agent-text);
   border: 1px solid var(--daba-agent-border);
@@ -2409,8 +2573,8 @@ h1, h2, h3, h4, h5, h6) {
   --ref-mark: #2b2b2b;
   --ref-user: #f2f2f2;
 
-  width: 400px;
-  height: 740px;
+  width: var(--daba-agent-panel-w);
+  height: var(--daba-agent-panel-h);
   /* The launcher sits above the panel in the same column, so the panel
      must leave room for it plus the viewport margins \u2014 otherwise on a
      laptop screen the two overlap at the corner. 40px badge + 12px gap
@@ -2834,9 +2998,121 @@ h1, h2, h3, h4, h5, h6) {
   background: #ffffff;
 }
 
+/* --- history: the same sheet, one level in -------------------------------- */
+.daba-agent-history {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  background: var(--daba-agent-surface);
+}
+.daba-agent-history__head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 12px;
+  border-block-end: 1px solid var(--ref-line);
+}
+.daba-agent-history__title {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--ref-ink);
+}
+.daba-agent-history__title:focus-visible {
+  outline: 2px solid var(--daba-agent-accent);
+  outline-offset: 2px;
+}
+.daba-agent-history__back {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 28px;
+  border: 0;
+  border-radius: var(--daba-agent-radius-sm);
+  background: transparent;
+  color: var(--ref-muted);
+  cursor: pointer;
+}
+.daba-agent-history__back:hover { color: var(--ref-ink); background: var(--ref-user); }
+.daba-agent-history__list {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 6px;
+}
+.daba-agent-history__item {
+  display: flex;
+  align-items: stretch;
+  gap: 2px;
+  border-radius: var(--daba-agent-radius-sm);
+}
+.daba-agent-history__item:hover { background: var(--ref-user); }
+.daba-agent-history__open {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 10px;
+  border: 0;
+  background: transparent;
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+}
+.daba-agent-history__name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+  color: var(--ref-ink);
+}
+.daba-agent-history__meta {
+  font-size: 11px;
+  color: var(--ref-faint);
+}
+.daba-agent-history__delete {
+  display: grid;
+  place-items: center;
+  width: 32px;
+  border: 0;
+  border-radius: var(--daba-agent-radius-sm);
+  background: transparent;
+  color: var(--ref-faint);
+  cursor: pointer;
+  /* Revealed on hover: a delete button beside every row turns a list of
+     conversations into a list of ways to lose one. */
+  opacity: 0;
+}
+.daba-agent-history__item:hover .daba-agent-history__delete,
+.daba-agent-history__delete:focus-visible { opacity: 1; }
+.daba-agent-history__delete:hover { color: var(--daba-agent-danger); }
+.daba-agent-history__empty {
+  margin: 0;
+  padding: 24px 12px;
+  text-align: center;
+  font-size: 13px;
+  color: var(--ref-muted);
+}
+.daba-agent-history__clear {
+  display: block;
+  width: 100%;
+  margin-block-start: 8px;
+  padding: 10px;
+  border: 0;
+  border-radius: var(--daba-agent-radius-sm);
+  background: transparent;
+  font: inherit;
+  font-size: 12px;
+  color: var(--ref-muted);
+  cursor: pointer;
+}
+.daba-agent-history__clear:hover { color: var(--daba-agent-danger); }
+
 /* --- launcher: darkens toward black, same hue ----------------------------- */
 .daba-agent-badge {
-  border-radius: 10px;
+  border-radius: var(--daba-agent-badge-radius);
   transition: background-color var(--daba-ms) var(--daba-ease);
 }
 .daba-agent-badge:hover  { background: color-mix(in srgb, var(--daba-agent-accent) 92%, #000000); }
@@ -3078,6 +3354,42 @@ var AGENT_LOGO_BADGE_SVG = `<svg viewBox="0 0 469 469" xmlns="http://www.w3.org/
 <g transform="translate(94 94) scale(1.905)"><path d="M73.751 0C114.483 0 147.502 33.0194 147.502 73.751C147.502 114.483 114.483 147.502 73.751 147.502C33.0194 147.502 0 114.483 0 73.751C8.24653e-06 33.0194 33.0194 8.2476e-06 73.751 0ZM73.751 116.118C60.7517 116.118 50.2141 120.334 50.2139 125.533C50.2139 130.733 60.7515 134.948 73.751 134.948C86.7504 134.948 97.2881 130.733 97.2881 125.533C97.2878 120.334 86.7502 116.118 73.751 116.118ZM38.9844 31.3828C27.962 31.3828 12.5537 47.8829 12.5537 73.751C12.5538 99.619 27.9621 116.118 38.9844 116.118C51.1171 116.118 56.4902 92.4737 56.4902 73.751C56.4902 55.0282 51.1171 31.3829 38.9844 31.3828ZM108.518 31.3828C96.3849 31.3831 91.0117 55.0283 91.0117 73.751C91.0117 92.4736 96.385 116.118 108.518 116.118C119.54 116.118 134.948 99.619 134.948 73.751C134.948 47.8829 119.54 31.3828 108.518 31.3828Z" fill="var(--daba-agent-icon-mark, #ffffff)"/></g>
 </svg>`;
 
+// src/utils/sanitize-svg.ts
+var BANNED_TAGS = ["script", "foreignobject", "iframe", "object", "embed", "animate", "set", "handler"];
+function sanitizeSvg(markup) {
+  if (!markup) return null;
+  const source = String(markup).trim();
+  if (!source.startsWith("<")) return null;
+  if (typeof DOMParser === "undefined") return null;
+  let doc;
+  try {
+    doc = new DOMParser().parseFromString(source, "image/svg+xml");
+  } catch {
+    return null;
+  }
+  if (doc.querySelector("parsererror")) return null;
+  const root = doc.documentElement;
+  if (!root || root.nodeName.toLowerCase() !== "svg") return null;
+  for (const el of Array.from(root.querySelectorAll("*")).concat(root)) {
+    if (BANNED_TAGS.includes(el.nodeName.toLowerCase())) {
+      el.remove();
+      continue;
+    }
+    for (const attr of Array.from(el.attributes)) {
+      const name = attr.name.toLowerCase();
+      const value = attr.value.trim();
+      const isReference = name === "href" || name.endsWith(":href") || name === "src";
+      if (name.startsWith("on") || name === "style" || isReference && !value.startsWith("#")) {
+        el.removeAttribute(attr.name);
+      }
+    }
+  }
+  if (!root.children.length) return null;
+  root.setAttribute("aria-hidden", "true");
+  root.setAttribute("focusable", "false");
+  return root.outerHTML;
+}
+
 // src/ui/badge.ts
 var STATUS_TEXT = {
   idle: "Click and talk",
@@ -3086,13 +3398,24 @@ var STATUS_TEXT = {
   thinking: "Thinking\u2026",
   speaking: "Speaking\u2026"
 };
-function buildBadge(position, mode, accentColor, iconBackgroundColor, iconMarkColor) {
+var ACTION_TEXT = {
+  idle: "Click and talk",
+  connecting: "Click to cancel",
+  listening: "Click to end the conversation",
+  thinking: "Click to end the conversation",
+  speaking: "Click to end the conversation"
+};
+function ariaLabel(status, hotkeyLabel2) {
+  const action = status === "idle" ? "Talk to AI Assistant" : "End the conversation with AI Assistant";
+  return hotkeyLabel2 ? `${action} (${hotkeyLabel2})` : action;
+}
+function buildBadge(position, mode, accentColor, iconBackgroundColor, iconMarkColor, hotkeyLabel2) {
   injectAgentStyles();
   const root = document.createElement("button");
   root.type = "button";
   root.className = `daba-agent-badge daba-agent-badge--idle daba-agent-badge--pos-${position}`;
-  root.setAttribute("aria-label", "Click and talk to AI Assistant (Ctrl+Space)");
-  root.title = STATUS_TEXT.idle;
+  root.setAttribute("aria-label", ariaLabel("idle", hotkeyLabel2));
+  root.title = ACTION_TEXT.idle;
   if (accentColor) root.style.setProperty("--daba-agent-accent", accentColor);
   if (iconBackgroundColor) root.style.setProperty("--daba-agent-icon-bg", iconBackgroundColor);
   if (iconMarkColor) root.style.setProperty("--daba-agent-icon-mark", iconMarkColor);
@@ -3109,28 +3432,41 @@ function buildBadge(position, mode, accentColor, iconBackgroundColor, iconMarkCo
   root.appendChild(label);
   return { root, label };
 }
-function updateBadge(root, label, status, position) {
+function updateBadge(root, label, status, position, hotkeyLabel2) {
   root.className = `daba-agent-badge daba-agent-badge--${status} daba-agent-badge--pos-${position}`;
-  root.title = STATUS_TEXT[status];
+  root.title = ACTION_TEXT[status];
+  root.setAttribute("aria-label", ariaLabel(status, hotkeyLabel2));
   label.textContent = STATUS_TEXT[status];
 }
-function setBadgeIcon(root, url) {
+function setBadgeIcon(root, mark) {
   const slot = root.querySelector(".daba-agent-badge__icon");
   if (!slot) return;
-  if (!url) {
-    slot.innerHTML = AGENT_LOGO_BADGE_SVG;
+  slot.textContent = "";
+  slot.classList.remove("daba-agent-badge__icon--text");
+  const svg = sanitizeSvg(mark.svg);
+  if (svg) {
+    slot.innerHTML = svg;
     return;
   }
-  const img = document.createElement("img");
-  img.className = "daba-agent-badge__img";
-  img.alt = "";
-  img.decoding = "async";
-  img.addEventListener("error", () => {
-    slot.innerHTML = AGENT_LOGO_BADGE_SVG;
-  });
-  img.src = url;
-  slot.textContent = "";
-  slot.appendChild(img);
+  const text = mark.text?.trim();
+  if (text) {
+    slot.classList.add("daba-agent-badge__icon--text");
+    slot.textContent = text;
+    return;
+  }
+  if (mark.url) {
+    const img = document.createElement("img");
+    img.className = "daba-agent-badge__img";
+    img.alt = "";
+    img.decoding = "async";
+    img.addEventListener("error", () => {
+      slot.innerHTML = AGENT_LOGO_BADGE_SVG;
+    });
+    img.src = mark.url;
+    slot.appendChild(img);
+    return;
+  }
+  slot.innerHTML = AGENT_LOGO_BADGE_SVG;
 }
 
 // src/ui/cards.ts
@@ -3618,6 +3954,9 @@ var ICON = {
   ticket: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 0 0 6v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-6z"/><path d="M12 7v2M12 15v2"/></svg>`,
   clock: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="8.5"/><path d="M12 7.5V12l3 1.8"/></svg>`,
   chevron: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>`,
+  history: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 4v4h4"/><path d="M12 8v4l3 2"/></svg>`,
+  back: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M15 5l-7 7 7 7"/></svg>`,
+  trash: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 12h10l1-12"/></svg>`,
   keys: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="12" rx="2.5"/><path d="M7 10h.01M11 10h.01M15 10h.01M7 14h10"/></svg>`,
   pin: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s7-5.7 7-11a7 7 0 1 0-14 0c0 5.3 7 11 7 11z"/><circle cx="12" cy="10" r="2.5"/></svg>`
 };
@@ -3655,11 +3994,17 @@ function buildChatWindow(options) {
     mode,
     intro,
     logoUrl,
+    logoSvg,
     hotkeyLabel: hotkeyLabel2,
+    historyEnabled,
     onSendText,
     onMicClick,
     onCloseClick,
-    onNewConversation
+    onNewConversation,
+    onListHistory,
+    onOpenConversation,
+    onDeleteConversation,
+    onClearHistory
   } = options;
   const voiceAvailable = mode !== "chat";
   const chatWindow = document.createElement("div");
@@ -3677,7 +4022,10 @@ function buildChatWindow(options) {
   headerLeft.appendChild(headerMarkSlot);
   const setHeaderLogo = (url) => {
     headerMarkSlot.textContent = "";
-    if (url) {
+    const svg = sanitizeSvg(logoSvg);
+    if (svg) {
+      headerMarkSlot.appendChild(icon(svg, "daba-agent-header__mark"));
+    } else if (url) {
       const logo = document.createElement("img");
       logo.className = "daba-agent-header__logo";
       logo.alt = "";
@@ -3701,6 +4049,14 @@ function buildChatWindow(options) {
   headerRight.className = "daba-agent-header__right";
   const micBtn = iconButton(ICON.mic, strings.startVoice, "daba-agent-header__btn daba-agent-header__btn--mic", onMicClick);
   micBtn.hidden = true;
+  const historyBtn = iconButton(
+    ICON.history,
+    strings.history,
+    "daba-agent-header__btn",
+    () => setHistoryVisible(!historyOpen)
+  );
+  historyBtn.hidden = true;
+  if (historyEnabled) headerRight.appendChild(historyBtn);
   headerRight.appendChild(
     iconButton(ICON.grid, strings.newConversation, "daba-agent-header__btn", onNewConversation)
   );
@@ -3719,7 +4075,10 @@ function buildChatWindow(options) {
   const setIntroLogo = (url) => {
     if (!introMarkSlot) return;
     introMarkSlot.textContent = "";
-    if (url) {
+    const svg = sanitizeSvg(logoSvg);
+    if (svg) {
+      introMarkSlot.appendChild(icon(svg, "daba-agent-intro__mark"));
+    } else if (url) {
       const img = document.createElement("img");
       img.className = "daba-agent-intro__mark daba-agent-intro__logo";
       img.alt = "";
@@ -3823,6 +4182,104 @@ function buildChatWindow(options) {
     thinkingEl?.remove();
     thinkingEl = null;
   };
+  const historyEl = document.createElement("div");
+  historyEl.className = "daba-agent-history";
+  historyEl.hidden = true;
+  const historyHead = document.createElement("div");
+  historyHead.className = "daba-agent-history__head";
+  const historyBack = iconButton(
+    ICON.back,
+    strings.historyBack,
+    "daba-agent-history__back",
+    () => setHistoryVisible(false)
+  );
+  historyHead.appendChild(historyBack);
+  const historyTitle = document.createElement("h2");
+  historyTitle.className = "daba-agent-history__title";
+  historyTitle.textContent = strings.history;
+  historyTitle.tabIndex = -1;
+  historyHead.appendChild(historyTitle);
+  historyEl.appendChild(historyHead);
+  const historyList = document.createElement("div");
+  historyList.className = "daba-agent-history__list";
+  historyEl.appendChild(historyList);
+  let historyOpen = false;
+  const when = (ts) => {
+    const day = 24 * 60 * 60 * 1e3;
+    const age = Date.now() - ts;
+    try {
+      const rtf = new Intl.RelativeTimeFormat(lang, { numeric: "auto" });
+      if (age < 60 * 60 * 1e3) return rtf.format(-Math.round(age / (60 * 1e3)) || 0, "minute");
+      if (age < day) return rtf.format(-Math.round(age / (60 * 60 * 1e3)), "hour");
+      if (age < 7 * day) return rtf.format(-Math.round(age / day), "day");
+      return new Intl.DateTimeFormat(lang, { month: "short", day: "numeric" }).format(ts);
+    } catch {
+      return new Date(ts).toLocaleDateString();
+    }
+  };
+  const renderHistory = () => {
+    const entries = onListHistory?.() ?? [];
+    historyList.textContent = "";
+    if (!entries.length) {
+      const empty = document.createElement("p");
+      empty.className = "daba-agent-history__empty";
+      empty.textContent = strings.historyEmpty;
+      historyList.appendChild(empty);
+      return entries;
+    }
+    for (const entry of entries) {
+      const row = document.createElement("div");
+      row.className = "daba-agent-history__item";
+      const open = document.createElement("button");
+      open.type = "button";
+      open.className = "daba-agent-history__open";
+      const name = document.createElement("span");
+      name.className = "daba-agent-history__name";
+      name.textContent = entry.title;
+      const meta = document.createElement("span");
+      meta.className = "daba-agent-history__meta";
+      meta.textContent = when(entry.updatedAt);
+      open.append(name, meta);
+      open.addEventListener("click", () => {
+        onOpenConversation?.(entry.id);
+        setHistoryVisible(false);
+      });
+      row.appendChild(open);
+      const remove = iconButton(ICON.trash, strings.historyDelete, "daba-agent-history__delete", () => {
+        onDeleteConversation?.(entry.id);
+        renderHistory();
+      });
+      row.appendChild(remove);
+      historyList.appendChild(row);
+    }
+    const clear = document.createElement("button");
+    clear.type = "button";
+    clear.className = "daba-agent-history__clear";
+    clear.textContent = strings.historyClear;
+    clear.addEventListener("click", () => {
+      onClearHistory?.();
+      renderHistory();
+      refreshHistory();
+    });
+    historyList.appendChild(clear);
+    return entries;
+  };
+  const setHistoryVisible = (visible) => {
+    if (!historyEnabled) return;
+    historyOpen = visible;
+    if (visible) renderHistory();
+    historyEl.hidden = !visible;
+    messagesContainer.hidden = visible;
+    composer.hidden = visible;
+    historyBtn.setAttribute("aria-expanded", String(visible));
+    if (visible) historyTitle.focus();
+    else inputElement.focus();
+  };
+  const refreshHistory = () => {
+    if (!historyEnabled) return;
+    historyBtn.hidden = (onListHistory?.() ?? []).length === 0;
+    if (historyOpen) renderHistory();
+  };
   const composer = document.createElement("div");
   composer.className = "daba-agent-composer";
   const inputForm = document.createElement("form");
@@ -3880,6 +4337,7 @@ function buildChatWindow(options) {
   footer.appendChild(footerRight);
   composer.appendChild(footer);
   chatWindow.appendChild(composer);
+  if (historyEnabled) chatWindow.insertBefore(historyEl, composer);
   return {
     chatWindow,
     messagesContainer,
@@ -3898,6 +4356,14 @@ function buildChatWindow(options) {
     setStatusText(text) {
       statusEl.textContent = text;
     },
+    clearMessages() {
+      for (const child of Array.from(messagesContainer.children)) {
+        if (child !== introEl) child.remove();
+      }
+    },
+    setHistoryVisible,
+    isHistoryVisible: () => historyOpen,
+    refreshHistory,
     applyConfig(config) {
       if (config.logoUrl !== void 0) {
         setHeaderLogo(config.logoUrl);
@@ -3970,7 +4436,7 @@ var STRINGS = {
     close: "Close",
     minimize: "Minimize",
     newConversation: "New conversation",
-    poweredBy: "Powered by Dabalabs",
+    poweredBy: "Powered by DabaLabs",
     errorGeneric: "Something went wrong. Please try again.",
     errorMicDenied: "Microphone access was blocked. Allow it in your browser settings to talk.",
     errorOffline: "You appear to be offline. Check your connection.",
@@ -3987,7 +4453,13 @@ var STRINGS = {
     retry: "Try again",
     typeOrTalk: "Type, or tap the mic to talk",
     voiceUnavailable: "Voice is unavailable on this device.",
-    cardsLabel: "Results"
+    cardsLabel: "Results",
+    history: "History",
+    historyBack: "Back",
+    historyEmpty: "No past conversations yet.",
+    historyDelete: "Delete",
+    historyClear: "Clear all",
+    untitledConversation: "Untitled conversation"
   },
   ar: {
     assistantTitle: "\u0627\u0644\u0645\u0633\u0627\u0639\u062F \u0627\u0644\u0630\u0643\u064A",
@@ -4002,7 +4474,7 @@ var STRINGS = {
     close: "\u0625\u063A\u0644\u0627\u0642",
     minimize: "\u062A\u0635\u063A\u064A\u0631",
     newConversation: "\u0645\u062D\u0627\u062F\u062B\u0629 \u062C\u062F\u064A\u062F\u0629",
-    poweredBy: "\u0645\u062F\u0639\u0648\u0645 \u0645\u0646 Dabalabs",
+    poweredBy: "\u0645\u062F\u0639\u0648\u0645 \u0645\u0646 DabaLabs",
     errorGeneric: "\u062D\u062F\u062B \u062E\u0637\u0623 \u0645\u0627. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.",
     errorMicDenied: "\u062A\u0645 \u062D\u0638\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u064A\u0643\u0631\u0648\u0641\u0648\u0646. \u0627\u0633\u0645\u062D \u0628\u0647 \u0645\u0646 \u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0645\u062A\u0635\u0641\u062D \u0644\u0644\u062A\u062D\u062F\u062B.",
     errorOffline: "\u064A\u0628\u062F\u0648 \u0623\u0646\u0643 \u063A\u064A\u0631 \u0645\u062A\u0635\u0644 \u0628\u0627\u0644\u0625\u0646\u062A\u0631\u0646\u062A. \u062A\u062D\u0642\u0642 \u0645\u0646 \u0627\u062A\u0635\u0627\u0644\u0643.",
@@ -4019,7 +4491,13 @@ var STRINGS = {
     retry: "\u0623\u0639\u062F \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629",
     typeOrTalk: "\u0627\u0643\u062A\u0628 \u0623\u0648 \u0627\u0636\u063A\u0637 \u0639\u0644\u0649 \u0627\u0644\u0645\u064A\u0643\u0631\u0648\u0641\u0648\u0646 \u0644\u0644\u062A\u062D\u062F\u062B",
     voiceUnavailable: "\u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629 \u0627\u0644\u0635\u0648\u062A\u064A\u0629 \u063A\u064A\u0631 \u0645\u062A\u0627\u062D\u0629 \u0639\u0644\u0649 \u0647\u0630\u0627 \u0627\u0644\u062C\u0647\u0627\u0632.",
-    cardsLabel: "\u0627\u0644\u0646\u062A\u0627\u0626\u062C"
+    cardsLabel: "\u0627\u0644\u0646\u062A\u0627\u0626\u062C",
+    history: "\u0627\u0644\u0633\u062C\u0644",
+    historyBack: "\u0631\u062C\u0648\u0639",
+    historyEmpty: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0645\u062D\u0627\u062F\u062B\u0627\u062A \u0633\u0627\u0628\u0642\u0629 \u0628\u0639\u062F.",
+    historyDelete: "\u062D\u0630\u0641",
+    historyClear: "\u0645\u0633\u062D \u0627\u0644\u0643\u0644",
+    untitledConversation: "\u0645\u062D\u0627\u062F\u062B\u0629 \u0628\u062F\u0648\u0646 \u0639\u0646\u0648\u0627\u0646"
   },
   fr: {
     assistantTitle: "Assistant IA",
@@ -4034,7 +4512,7 @@ var STRINGS = {
     close: "Fermer",
     minimize: "R\xE9duire",
     newConversation: "Nouvelle conversation",
-    poweredBy: "Propuls\xE9 par Dabalabs",
+    poweredBy: "Propuls\xE9 par DabaLabs",
     errorGeneric: "Une erreur s'est produite. Veuillez r\xE9essayer.",
     errorMicDenied: "L'acc\xE8s au microphone a \xE9t\xE9 bloqu\xE9. Autorisez-le dans les param\xE8tres du navigateur pour parler.",
     errorOffline: "Vous semblez \xEAtre hors ligne. V\xE9rifiez votre connexion.",
@@ -4051,7 +4529,13 @@ var STRINGS = {
     retry: "R\xE9essayer",
     typeOrTalk: "\xC9crivez, ou appuyez sur le micro pour parler",
     voiceUnavailable: "La voix n'est pas disponible sur cet appareil.",
-    cardsLabel: "R\xE9sultats"
+    cardsLabel: "R\xE9sultats",
+    history: "Historique",
+    historyBack: "Retour",
+    historyEmpty: "Aucune conversation pass\xE9e pour l'instant.",
+    historyDelete: "Supprimer",
+    historyClear: "Tout effacer",
+    untitledConversation: "Conversation sans titre"
   },
   es: {
     assistantTitle: "Asistente de IA",
@@ -4066,7 +4550,7 @@ var STRINGS = {
     close: "Cerrar",
     minimize: "Minimizar",
     newConversation: "Nueva conversaci\xF3n",
-    poweredBy: "Con tecnolog\xEDa de Dabalabs",
+    poweredBy: "Con tecnolog\xEDa de DabaLabs",
     errorGeneric: "Algo sali\xF3 mal. Int\xE9ntalo de nuevo.",
     errorMicDenied: "Se bloque\xF3 el acceso al micr\xF3fono. Perm\xEDtelo en la configuraci\xF3n del navegador para hablar.",
     errorOffline: "Parece que no tienes conexi\xF3n. Comprueba tu red.",
@@ -4083,7 +4567,13 @@ var STRINGS = {
     retry: "Reintentar",
     typeOrTalk: "Escribe, o toca el micr\xF3fono para hablar",
     voiceUnavailable: "La voz no est\xE1 disponible en este dispositivo.",
-    cardsLabel: "Resultados"
+    cardsLabel: "Resultados",
+    history: "Historial",
+    historyBack: "Atr\xE1s",
+    historyEmpty: "A\xFAn no hay conversaciones anteriores.",
+    historyDelete: "Eliminar",
+    historyClear: "Borrar todo",
+    untitledConversation: "Conversaci\xF3n sin t\xEDtulo"
   },
   de: {
     assistantTitle: "KI-Assistent",
@@ -4098,7 +4588,7 @@ var STRINGS = {
     close: "Schlie\xDFen",
     minimize: "Minimieren",
     newConversation: "Neue Unterhaltung",
-    poweredBy: "Bereitgestellt von Dabalabs",
+    poweredBy: "Bereitgestellt von DabaLabs",
     errorGeneric: "Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut.",
     errorMicDenied: "Der Mikrofonzugriff wurde blockiert. Erlauben Sie ihn in den Browsereinstellungen, um zu sprechen.",
     errorOffline: "Sie scheinen offline zu sein. Pr\xFCfen Sie Ihre Verbindung.",
@@ -4115,7 +4605,13 @@ var STRINGS = {
     retry: "Erneut versuchen",
     typeOrTalk: "Schreiben oder aufs Mikrofon tippen, um zu sprechen",
     voiceUnavailable: "Die Sprachfunktion ist auf diesem Ger\xE4t nicht verf\xFCgbar.",
-    cardsLabel: "Ergebnisse"
+    cardsLabel: "Ergebnisse",
+    history: "Verlauf",
+    historyBack: "Zur\xFCck",
+    historyEmpty: "Noch keine fr\xFCheren Unterhaltungen.",
+    historyDelete: "L\xF6schen",
+    historyClear: "Alle l\xF6schen",
+    untitledConversation: "Unbenannte Unterhaltung"
   },
   ru: {
     assistantTitle: "\u0418\u0418-\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043D\u0442",
@@ -4130,7 +4626,7 @@ var STRINGS = {
     close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C",
     minimize: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C",
     newConversation: "\u041D\u043E\u0432\u044B\u0439 \u0434\u0438\u0430\u043B\u043E\u0433",
-    poweredBy: "\u0420\u0430\u0431\u043E\u0442\u0430\u0435\u0442 \u043D\u0430 Dabalabs",
+    poweredBy: "\u0420\u0430\u0431\u043E\u0442\u0430\u0435\u0442 \u043D\u0430 DabaLabs",
     errorGeneric: "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437.",
     errorMicDenied: "\u0414\u043E\u0441\u0442\u0443\u043F \u043A \u043C\u0438\u043A\u0440\u043E\u0444\u043E\u043D\u0443 \u0437\u0430\u0431\u043B\u043E\u043A\u0438\u0440\u043E\u0432\u0430\u043D. \u0420\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u0435 \u0435\u0433\u043E \u0432 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0430\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430, \u0447\u0442\u043E\u0431\u044B \u0433\u043E\u0432\u043E\u0440\u0438\u0442\u044C.",
     errorOffline: "\u041F\u043E\u0445\u043E\u0436\u0435, \u0432\u044B \u043D\u0435 \u0432 \u0441\u0435\u0442\u0438. \u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435.",
@@ -4147,7 +4643,13 @@ var STRINGS = {
     retry: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C",
     typeOrTalk: "\u041D\u0430\u043F\u0438\u0448\u0438\u0442\u0435 \u0438\u043B\u0438 \u043D\u0430\u0436\u043C\u0438\u0442\u0435 \u043D\u0430 \u043C\u0438\u043A\u0440\u043E\u0444\u043E\u043D, \u0447\u0442\u043E\u0431\u044B \u0433\u043E\u0432\u043E\u0440\u0438\u0442\u044C",
     voiceUnavailable: "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 \u0440\u0435\u0436\u0438\u043C \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u043D\u0430 \u044D\u0442\u043E\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435.",
-    cardsLabel: "\u0420\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u044B"
+    cardsLabel: "\u0420\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u044B",
+    history: "\u0418\u0441\u0442\u043E\u0440\u0438\u044F",
+    historyBack: "\u041D\u0430\u0437\u0430\u0434",
+    historyEmpty: "\u041F\u0440\u043E\u0448\u043B\u044B\u0445 \u0440\u0430\u0437\u0433\u043E\u0432\u043E\u0440\u043E\u0432 \u043F\u043E\u043A\u0430 \u043D\u0435\u0442.",
+    historyDelete: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+    historyClear: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0432\u0441\u0435",
+    untitledConversation: "\u0420\u0430\u0437\u0433\u043E\u0432\u043E\u0440 \u0431\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F"
   },
   tr: {
     assistantTitle: "Yapay Zek\xE2 Asistan\u0131",
@@ -4162,7 +4664,7 @@ var STRINGS = {
     close: "Kapat",
     minimize: "K\xFC\xE7\xFClt",
     newConversation: "Yeni sohbet",
-    poweredBy: "Dabalabs taraf\u0131ndan sa\u011Flan\u0131r",
+    poweredBy: "DabaLabs taraf\u0131ndan sa\u011Flan\u0131r",
     errorGeneric: "Bir \u015Feyler ters gitti. L\xFCtfen tekrar deneyin.",
     errorMicDenied: "Mikrofon eri\u015Fimi engellendi. Konu\u015Fmak i\xE7in taray\u0131c\u0131 ayarlar\u0131ndan izin verin.",
     errorOffline: "\xC7evrimd\u0131\u015F\u0131 g\xF6r\xFCn\xFCyorsunuz. Ba\u011Flant\u0131n\u0131z\u0131 kontrol edin.",
@@ -4179,7 +4681,13 @@ var STRINGS = {
     retry: "Tekrar dene",
     typeOrTalk: "Yaz\u0131n veya konu\u015Fmak i\xE7in mikrofona dokunun",
     voiceUnavailable: "Sesli g\xF6r\xFC\u015Fme bu cihazda kullan\u0131lam\u0131yor.",
-    cardsLabel: "Sonu\xE7lar"
+    cardsLabel: "Sonu\xE7lar",
+    history: "Ge\xE7mi\u015F",
+    historyBack: "Geri",
+    historyEmpty: "Hen\xFCz ge\xE7mi\u015F sohbet yok.",
+    historyDelete: "Sil",
+    historyClear: "T\xFCm\xFCn\xFC temizle",
+    untitledConversation: "Ads\u0131z sohbet"
   },
   ur: {
     assistantTitle: "\u0627\u06D2 \u0622\u0626\u06CC \u0627\u0633\u0633\u0679\u0646\u0679",
@@ -4194,7 +4702,7 @@ var STRINGS = {
     close: "\u0628\u0646\u062F \u06A9\u0631\u06CC\u06BA",
     minimize: "\u0686\u06BE\u0648\u0679\u0627 \u06A9\u0631\u06CC\u06BA",
     newConversation: "\u0646\u0626\u06CC \u06AF\u0641\u062A\u06AF\u0648",
-    poweredBy: "Dabalabs \u06A9\u06D2 \u062A\u0639\u0627\u0648\u0646 \u0633\u06D2",
+    poweredBy: "DabaLabs \u06A9\u06D2 \u062A\u0639\u0627\u0648\u0646 \u0633\u06D2",
     errorGeneric: "\u06A9\u0686\u06BE \u063A\u0644\u0637 \u06C1\u0648 \u06AF\u06CC\u0627\u06D4 \u0628\u0631\u0627\u06C1 \u06A9\u0631\u0645 \u062F\u0648\u0628\u0627\u0631\u06C1 \u06A9\u0648\u0634\u0634 \u06A9\u0631\u06CC\u06BA\u06D4",
     errorMicDenied: "\u0645\u0627\u0626\u06CC\u06A9\u0631\u0648\u0641\u0648\u0646 \u062A\u06A9 \u0631\u0633\u0627\u0626\u06CC \u0628\u0644\u0627\u06A9 \u06A9\u0631 \u062F\u06CC \u06AF\u0626\u06CC \u06C1\u06D2\u06D4 \u0628\u0627\u062A \u06A9\u0631\u0646\u06D2 \u06A9\u06D2 \u0644\u06CC\u06D2 \u0628\u0631\u0627\u0624\u0632\u0631 \u06A9\u06CC \u062A\u0631\u062A\u06CC\u0628\u0627\u062A \u0645\u06CC\u06BA \u0627\u062C\u0627\u0632\u062A \u062F\u06CC\u06BA\u06D4",
     errorOffline: "\u0644\u06AF\u062A\u0627 \u06C1\u06D2 \u0622\u067E \u0622\u0641 \u0644\u0627\u0626\u0646 \u06C1\u06CC\u06BA\u06D4 \u0627\u067E\u0646\u0627 \u06A9\u0646\u06A9\u0634\u0646 \u0686\u06CC\u06A9 \u06A9\u0631\u06CC\u06BA\u06D4",
@@ -4211,7 +4719,13 @@ var STRINGS = {
     retry: "\u062F\u0648\u0628\u0627\u0631\u06C1 \u06A9\u0648\u0634\u0634 \u06A9\u0631\u06CC\u06BA",
     typeOrTalk: "\u0644\u06A9\u06BE\u06CC\u06BA \u06CC\u0627 \u0628\u0627\u062A \u06A9\u0631\u0646\u06D2 \u06A9\u06D2 \u0644\u06CC\u06D2 \u0645\u0627\u0626\u06CC\u06A9\u0631\u0648\u0641\u0648\u0646 \u062F\u0628\u0627\u0626\u06CC\u06BA",
     voiceUnavailable: "\u0627\u0633 \u0688\u06CC\u0648\u0627\u0626\u0633 \u067E\u0631 \u0635\u0648\u062A\u06CC \u06AF\u0641\u062A\u06AF\u0648 \u062F\u0633\u062A\u06CC\u0627\u0628 \u0646\u06C1\u06CC\u06BA \u06C1\u06D2\u06D4",
-    cardsLabel: "\u0646\u062A\u0627\u0626\u062C"
+    cardsLabel: "\u0646\u062A\u0627\u0626\u062C",
+    history: "\u062A\u0627\u0631\u06CC\u062E",
+    historyBack: "\u0648\u0627\u067E\u0633",
+    historyEmpty: "\u0627\u0628\u06BE\u06CC \u062A\u06A9 \u06A9\u0648\u0626\u06CC \u067E\u0686\u06BE\u0644\u06CC \u06AF\u0641\u062A\u06AF\u0648 \u0646\u06C1\u06CC\u06BA\u06D4",
+    historyDelete: "\u062D\u0630\u0641 \u06A9\u0631\u06CC\u06BA",
+    historyClear: "\u0633\u0628 \u0635\u0627\u0641 \u06A9\u0631\u06CC\u06BA",
+    untitledConversation: "\u0628\u0644\u0627 \u0639\u0646\u0648\u0627\u0646 \u06AF\u0641\u062A\u06AF\u0648"
   },
   hi: {
     assistantTitle: "\u090F\u0906\u0908 \u0938\u0939\u093E\u092F\u0915",
@@ -4226,7 +4740,7 @@ var STRINGS = {
     close: "\u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
     minimize: "\u091B\u094B\u091F\u093E \u0915\u0930\u0947\u0902",
     newConversation: "\u0928\u0908 \u092C\u093E\u0924\u091A\u0940\u0924",
-    poweredBy: "Dabalabs \u0926\u094D\u0935\u093E\u0930\u093E \u0938\u0902\u091A\u093E\u0932\u093F\u0924",
+    poweredBy: "DabaLabs \u0926\u094D\u0935\u093E\u0930\u093E \u0938\u0902\u091A\u093E\u0932\u093F\u0924",
     errorGeneric: "\u0915\u0941\u091B \u0917\u0921\u093C\u092C\u0921\u093C \u0939\u094B \u0917\u0908\u0964 \u0915\u0943\u092A\u092F\u093E \u092B\u093F\u0930 \u0938\u0947 \u0915\u094B\u0936\u093F\u0936 \u0915\u0930\u0947\u0902\u0964",
     errorMicDenied: "\u092E\u093E\u0907\u0915\u094D\u0930\u094B\u092B\u093C\u094B\u0928 \u0915\u0940 \u0905\u0928\u0941\u092E\u0924\u093F \u0930\u094B\u0915 \u0926\u0940 \u0917\u0908 \u0939\u0948\u0964 \u092C\u093E\u0924 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093F\u090F \u092C\u094D\u0930\u093E\u0909\u091C\u093C\u0930 \u0938\u0947\u091F\u093F\u0902\u0917\u094D\u0938 \u092E\u0947\u0902 \u0907\u0938\u0947 \u0905\u0928\u0941\u092E\u0924\u093F \u0926\u0947\u0902\u0964",
     errorOffline: "\u0906\u092A \u0911\u092B\u093C\u0932\u093E\u0907\u0928 \u0932\u0917 \u0930\u0939\u0947 \u0939\u0948\u0902\u0964 \u0905\u092A\u0928\u093E \u0915\u0928\u0947\u0915\u094D\u0936\u0928 \u091C\u093E\u0901\u091A\u0947\u0902\u0964",
@@ -4243,7 +4757,13 @@ var STRINGS = {
     retry: "\u092B\u093F\u0930 \u0938\u0947 \u0915\u094B\u0936\u093F\u0936 \u0915\u0930\u0947\u0902",
     typeOrTalk: "\u0932\u093F\u0916\u0947\u0902 \u092F\u093E \u092C\u093E\u0924 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093F\u090F \u092E\u093E\u0907\u0915\u094D\u0930\u094B\u092B\u093C\u094B\u0928 \u0926\u092C\u093E\u090F\u0901",
     voiceUnavailable: "\u0907\u0938 \u0921\u093F\u0935\u093E\u0907\u0938 \u092A\u0930 \u0935\u0949\u0907\u0938 \u0909\u092A\u0932\u092C\u094D\u0927 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964",
-    cardsLabel: "\u092A\u0930\u093F\u0923\u093E\u092E"
+    cardsLabel: "\u092A\u0930\u093F\u0923\u093E\u092E",
+    history: "\u0907\u0924\u093F\u0939\u093E\u0938",
+    historyBack: "\u0935\u093E\u092A\u0938",
+    historyEmpty: "\u0905\u092D\u0940 \u0924\u0915 \u0915\u094B\u0908 \u092A\u093F\u091B\u0932\u0940 \u092C\u093E\u0924\u091A\u0940\u0924 \u0928\u0939\u0940\u0902\u0964",
+    historyDelete: "\u0939\u091F\u093E\u090F\u0901",
+    historyClear: "\u0938\u092D\u0940 \u0938\u093E\u092B\u093C \u0915\u0930\u0947\u0902",
+    untitledConversation: "\u092C\u093F\u0928\u093E \u0936\u0940\u0930\u094D\u0937\u0915 \u092C\u093E\u0924\u091A\u0940\u0924"
   },
   zh: {
     assistantTitle: "AI \u52A9\u624B",
@@ -4258,7 +4778,7 @@ var STRINGS = {
     close: "\u5173\u95ED",
     minimize: "\u6700\u5C0F\u5316",
     newConversation: "\u65B0\u5BF9\u8BDD",
-    poweredBy: "\u7531 Dabalabs \u63D0\u4F9B\u652F\u6301",
+    poweredBy: "\u7531 DabaLabs \u63D0\u4F9B\u652F\u6301",
     errorGeneric: "\u51FA\u4E86\u70B9\u95EE\u9898\uFF0C\u8BF7\u91CD\u8BD5\u3002",
     errorMicDenied: "\u9EA6\u514B\u98CE\u6743\u9650\u88AB\u62D2\u7EDD\u3002\u8BF7\u5728\u6D4F\u89C8\u5668\u8BBE\u7F6E\u4E2D\u5141\u8BB8\u540E\u518D\u4F7F\u7528\u8BED\u97F3\u3002",
     errorOffline: "\u4F60\u4F3C\u4E4E\u5DF2\u79BB\u7EBF\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u8FDE\u63A5\u3002",
@@ -4275,7 +4795,13 @@ var STRINGS = {
     retry: "\u91CD\u8BD5",
     typeOrTalk: "\u8F93\u5165\u95EE\u9898\uFF0C\u6216\u70B9\u51FB\u9EA6\u514B\u98CE\u8BF4\u8BDD",
     voiceUnavailable: "\u6B64\u8BBE\u5907\u4E0D\u652F\u6301\u8BED\u97F3\u529F\u80FD\u3002",
-    cardsLabel: "\u7ED3\u679C"
+    cardsLabel: "\u7ED3\u679C",
+    history: "\u5386\u53F2\u8BB0\u5F55",
+    historyBack: "\u8FD4\u56DE",
+    historyEmpty: "\u8FD8\u6CA1\u6709\u5386\u53F2\u5BF9\u8BDD\u3002",
+    historyDelete: "\u5220\u9664",
+    historyClear: "\u5168\u90E8\u6E05\u9664",
+    untitledConversation: "\u672A\u547D\u540D\u5BF9\u8BDD"
   },
   pt: {
     assistantTitle: "Assistente de IA",
@@ -4290,7 +4816,7 @@ var STRINGS = {
     close: "Fechar",
     minimize: "Minimizar",
     newConversation: "Nova conversa",
-    poweredBy: "Com tecnologia da Dabalabs",
+    poweredBy: "Com tecnologia da DabaLabs",
     errorGeneric: "Algo deu errado. Tente novamente.",
     errorMicDenied: "O acesso ao microfone foi bloqueado. Permita-o nas configura\xE7\xF5es do navegador para falar.",
     errorOffline: "Parece que voc\xEA est\xE1 offline. Verifique sua conex\xE3o.",
@@ -4307,7 +4833,13 @@ var STRINGS = {
     retry: "Tentar novamente",
     typeOrTalk: "Escreva, ou toque no microfone para falar",
     voiceUnavailable: "A voz n\xE3o est\xE1 dispon\xEDvel neste dispositivo.",
-    cardsLabel: "Resultados"
+    cardsLabel: "Resultados",
+    history: "Hist\xF3rico",
+    historyBack: "Voltar",
+    historyEmpty: "Ainda n\xE3o h\xE1 conversas anteriores.",
+    historyDelete: "Excluir",
+    historyClear: "Limpar tudo",
+    untitledConversation: "Conversa sem t\xEDtulo"
   },
   id: {
     assistantTitle: "Asisten AI",
@@ -4322,7 +4854,7 @@ var STRINGS = {
     close: "Tutup",
     minimize: "Perkecil",
     newConversation: "Percakapan baru",
-    poweredBy: "Didukung oleh Dabalabs",
+    poweredBy: "Didukung oleh DabaLabs",
     errorGeneric: "Terjadi kesalahan. Silakan coba lagi.",
     errorMicDenied: "Akses mikrofon diblokir. Izinkan di pengaturan browser untuk berbicara.",
     errorOffline: "Sepertinya Anda sedang offline. Periksa koneksi Anda.",
@@ -4339,7 +4871,13 @@ var STRINGS = {
     retry: "Coba lagi",
     typeOrTalk: "Ketik, atau ketuk mikrofon untuk berbicara",
     voiceUnavailable: "Suara tidak tersedia di perangkat ini.",
-    cardsLabel: "Hasil"
+    cardsLabel: "Hasil",
+    history: "Riwayat",
+    historyBack: "Kembali",
+    historyEmpty: "Belum ada percakapan sebelumnya.",
+    historyDelete: "Hapus",
+    historyClear: "Hapus semua",
+    untitledConversation: "Percakapan tanpa judul"
   }
 };
 var RTL_SUBTAGS = /* @__PURE__ */ new Set(["ar", "arc", "ckb", "dv", "fa", "he", "iw", "ku", "prs", "ps", "sd", "ug", "ur", "yi", "ji"]);
@@ -4392,9 +4930,41 @@ function stringsFor(lang) {
 }
 
 // src/utils/hotkey.ts
+var HOLD_MS = 600;
+var HOLD_KEYS = {
+  ctrl: ["Control"],
+  alt: ["Alt"],
+  shift: ["Shift"],
+  meta: ["Meta", "OS"]
+};
+function holdModifier(hotkey) {
+  if (!hotkey.hold) return null;
+  if (hotkey.ctrl) return "ctrl";
+  if (hotkey.alt) return "alt";
+  if (hotkey.shift) return "shift";
+  if (hotkey.meta) return "meta";
+  return null;
+}
+function holdHotkeyProblem(hotkey) {
+  const parsed = parseHotkey(hotkey);
+  if (!parsed.hold) return null;
+  if (parsed.key !== "") {
+    return `"hold:" waits on a modifier held by itself, so it cannot also carry the key "${parsed.key}"`;
+  }
+  const count = [parsed.ctrl, parsed.alt, parsed.shift, parsed.meta].filter(Boolean).length;
+  if (count === 0) return `"hold:" needs one of ctrl, alt, shift or cmd after it`;
+  if (count > 1) return `"hold:" waits on a single modifier, not a combination`;
+  return null;
+}
+function isHoldKey(e, modifier) {
+  return HOLD_KEYS[modifier].includes(e.key);
+}
 function parseHotkey(hotkey) {
-  const parts = hotkey.toLowerCase().split("+").map((p) => p.trim());
+  const raw = hotkey.toLowerCase().trim();
+  const hold = raw.startsWith("hold:");
+  const parts = (hold ? raw.slice(5) : raw).split("+").map((p) => p.trim());
   return {
+    hold,
     ctrl: parts.includes("ctrl") || parts.includes("control"),
     alt: parts.includes("alt"),
     shift: parts.includes("shift"),
@@ -4423,6 +4993,11 @@ function defaultHotkey() {
 }
 function hotkeyLabel(hotkey) {
   const parsed = parseHotkey(hotkey);
+  const held = holdModifier(parsed);
+  if (held) {
+    const name = isApplePlatform() ? { ctrl: "\u2303", alt: "\u2325", shift: "\u21E7", meta: "\u2318" }[held] : { ctrl: "Ctrl", alt: "Alt", shift: "Shift", meta: "Win" }[held];
+    return `Hold ${name}`;
+  }
   const keyName = parsed.key === "space" ? "Space" : parsed.key.length === 1 ? parsed.key.toUpperCase() : parsed.key;
   if (isApplePlatform()) {
     const mods2 = [parsed.ctrl && "\u2303", parsed.alt && "\u2325", parsed.shift && "\u21E7", parsed.meta && "\u2318"].filter(Boolean);
@@ -4477,6 +5052,13 @@ function readConversationId(projectId) {
 var DabaAgent = class {
   constructor(options) {
     this.keydownHandler = (e) => this.handleKeydown(e);
+    this.keyupHandler = (e) => this.handleKeyup(e);
+    this.blurHandler = () => this.cancelHold();
+    this.holdTimer = null;
+    /** Set the moment a hold activates and cleared only on the matching
+     *  keyup, so one physical press cannot start two sessions if the browser
+     *  repeats the modifier keydown. */
+    this.holdFired = false;
     this.status = "idle";
     this.isOpen = false;
     this.destroyed = false;
@@ -4489,6 +5071,7 @@ var DabaAgent = class {
     this.messages = [];
     this.currentStreamBubble = null;
     this.currentStreamRole = null;
+    this.currentStreamText = "";
     this.chatInFlight = false;
     this.remoteConfig = null;
     this.live = null;
@@ -4510,6 +5093,16 @@ var DabaAgent = class {
     this.strings = stringsFor(this.uiLang);
     this.conversationId = readConversationId(options.projectId);
     this.restricted = isPageRestricted();
+    const requested = options.hotkey ?? defaultHotkey();
+    const holdProblem = options.hotkey === null ? null : holdHotkeyProblem(requested);
+    if (holdProblem) {
+      console.error(`daba-agent: ignoring hotkey "${requested}" \u2014 ${holdProblem}. Falling back to ${defaultHotkey()}.`);
+    }
+    const effective = holdProblem ? defaultHotkey() : requested;
+    this.parsedHotkey = options.hotkey === null ? null : parseHotkey(effective);
+    this.heldModifier = this.parsedHotkey ? holdModifier(this.parsedHotkey) : null;
+    const touchOnly = typeof window.matchMedia === "function" && window.matchMedia("(hover: none) and (pointer: coarse)").matches;
+    this.hotkeyText = this.parsedHotkey && !touchOnly ? hotkeyLabel(effective) : null;
     if (this.restricted) {
       console.warn(
         "daba-agent: this page has data-daba-agent-restricted set \u2014 the assistant will not read this page or start a session here."
@@ -4533,6 +5126,13 @@ var DabaAgent = class {
         },
         setStatusText: () => {
         },
+        clearMessages: () => {
+        },
+        setHistoryVisible: () => {
+        },
+        isHistoryVisible: () => false,
+        refreshHistory: () => {
+        },
         applyConfig: () => {
         }
       };
@@ -4546,7 +5146,8 @@ var DabaAgent = class {
       this.mode,
       options.accentColor,
       options.iconBackgroundColor,
-      options.iconMarkColor
+      options.iconMarkColor,
+      this.hotkeyText
     );
     this.badge = badgeUI.root;
     this.badgeLabel = badgeUI.label;
@@ -4566,6 +5167,20 @@ var DabaAgent = class {
     }
     if (options.theme) applyThemeTokens(wrapper, options.theme);
     if (options.accentColor) applyThemeTokens(wrapper, { accent: options.accentColor });
+    applyThemeTokens(wrapper, {
+      "icon-bg": options.iconBackgroundColor,
+      "icon-mark": options.iconMarkColor,
+      "badge-size": cssLength(options.launcher?.size),
+      "badge-icon-size": cssLength(options.launcher?.iconSize),
+      "panel-w": cssLength(options.panel?.width),
+      "panel-h": cssLength(options.panel?.height)
+    });
+    const mark = {
+      svg: options.launcher?.iconSvg,
+      text: options.launcher?.iconText,
+      url: options.launcher?.iconUrl
+    };
+    if (mark.svg || mark.text || mark.url) setBadgeIcon(this.badge, mark);
     const chatUI = buildChatWindow({
       title: options.title ?? this.strings.assistantTitle,
       placeholder: options.placeholder ?? (this.mode === "chat" ? this.strings.inputPlaceholder : this.strings.typeOrTalk),
@@ -4575,12 +5190,18 @@ var DabaAgent = class {
       mode: this.mode,
       intro: options.intro ?? {},
       logoUrl: options.logoUrl,
+      logoSvg: options.logoSvg,
       // null disables the shortcut entirely; the hint disappears with it.
-      hotkeyLabel: options.hotkey === null ? null : hotkeyLabel(options.hotkey ?? defaultHotkey()),
+      hotkeyLabel: this.hotkeyText,
       onSendText: (text) => void this.sendText(text),
       onMicClick: () => void this.toggleVoice(),
       onCloseClick: () => this.closeChat(),
-      onNewConversation: () => this.resetConversation()
+      historyEnabled: options.historyEnabled === true,
+      onNewConversation: () => this.resetConversation(),
+      onListHistory: () => this.listConversations(),
+      onOpenConversation: (id) => this.openConversation(id),
+      onDeleteConversation: (id) => this.deleteConversation(id),
+      onClearHistory: () => this.clearHistory()
     });
     this.ui = chatUI;
     this.chatWindow = chatUI.chatWindow;
@@ -4594,8 +5215,13 @@ var DabaAgent = class {
     }
     if (options.hotkey !== null) {
       document.addEventListener("keydown", this.keydownHandler);
+      document.addEventListener("keyup", this.keyupHandler);
+      window.addEventListener("blur", this.blurHandler);
+      document.addEventListener("pointerdown", this.blurHandler, true);
+      document.addEventListener("visibilitychange", this.blurHandler);
     }
     this.restoreTranscript();
+    this.ui.refreshHistory();
     void this.tryReattach();
     void this.loadRemoteConfig();
   }
@@ -4603,7 +5229,12 @@ var DabaAgent = class {
    * navigate() lands the visitor mid-conversation, not on a blank intro
    * while the model silently remembers the last four turns. */
   restoreTranscript() {
-    const saved = readTranscript(this.options.projectId, this.conversationId);
+    this.renderMessages(readTranscript(this.options.projectId, this.conversationId));
+  }
+  /** Put a stored thread on screen and into `messages`. Shared by the
+   *  reload path and by opening something out of the archive, so a
+   *  reopened conversation behaves exactly like a resumed one. */
+  renderMessages(saved) {
     if (!saved.length) return;
     for (const m of saved) {
       const cards = Array.isArray(m.cards) ? m.cards : [];
@@ -4627,11 +5258,54 @@ var DabaAgent = class {
   }
   saveTranscript() {
     persistConversationId(this.options.projectId, this.conversationId);
-    persistTranscript(
-      this.options.projectId,
-      this.conversationId,
-      this.messages.filter((m) => m.role !== "system").map((m) => ({ role: m.role, text: m.text, cards: m.cards, suggestions: m.suggestions, ts: m.timestamp }))
-    );
+    const stored = this.messages.filter((m) => m.role !== "system").map((m) => ({ role: m.role, text: m.text, cards: m.cards, suggestions: m.suggestions, ts: m.timestamp }));
+    persistTranscript(this.options.projectId, this.conversationId, stored);
+    if (this.options.historyEnabled) {
+      archiveConversation(
+        this.options.projectId,
+        this.conversationId,
+        stored,
+        window.location.pathname,
+        this.strings.untitledConversation
+      );
+      this.ui.refreshHistory();
+    }
+  }
+  /** The archive, newest first. Empty unless the embed opted in. */
+  listConversations() {
+    if (!this.options.historyEnabled || this.restricted) return [];
+    return listConversations(this.options.projectId);
+  }
+  /**
+   * Reopen an archived conversation as the LIVE one.
+   *
+   * Resuming rather than previewing: the gateway keeps its own thread
+   * state keyed on the conversation id, so restoring the id means the
+   * model still has the context the visitor is looking at. A read-only
+   * view would show a conversation they cannot continue, which is the one
+   * thing "go back to my chat" does not mean.
+   */
+  openConversation(id) {
+    if (!this.options.historyEnabled || this.restricted) return;
+    const saved = readConversation(this.options.projectId, id);
+    if (!saved.length) return;
+    this.messages = [];
+    this.ui.clearMessages();
+    this.conversationId = id;
+    persistConversationId(this.options.projectId, id);
+    persistTranscript(this.options.projectId, id, saved);
+    this.renderMessages(saved);
+  }
+  deleteConversation(id) {
+    if (!this.options.historyEnabled) return;
+    deleteConversation(this.options.projectId, id);
+    if (id === this.conversationId) this.resetConversation();
+    this.ui.refreshHistory();
+  }
+  clearHistory() {
+    if (!this.options.historyEnabled) return;
+    clearConversations(this.options.projectId);
+    this.ui.refreshHistory();
   }
   /**
    * Pull the project's own mode, theme, intro and locale from the gateway.
@@ -4670,8 +5344,11 @@ var DabaAgent = class {
       this.mode = config.mode;
       this.applyMode();
     }
-    const launcherIcon = this.options.launcher?.iconUrl ?? a.launcherIconUrl;
-    if (launcherIcon) setBadgeIcon(this.badge, launcherIcon);
+    setBadgeIcon(this.badge, {
+      svg: this.options.launcher?.iconSvg,
+      text: this.options.launcher?.iconText,
+      url: this.options.launcher?.iconUrl ?? a.launcherIconUrl
+    });
     this.ui.applyConfig({
       logoUrl: this.options.logoUrl ?? a.logoUrl,
       title: this.options.title ?? config.title,
@@ -4695,17 +5372,60 @@ var DabaAgent = class {
     if (this.ui.composerMicBtn) this.ui.composerMicBtn.hidden = !showVoice;
   }
   handleKeydown(e) {
-    if (this.destroyed || this.restricted) return;
+    if (this.destroyed || this.restricted || !this.parsedHotkey) return;
+    if (this.heldModifier) {
+      if (!isHoldKey(e, this.heldModifier)) {
+        this.cancelHold();
+        return;
+      }
+      if (e.repeat || this.holdTimer !== null || this.holdFired) return;
+      this.holdTimer = window.setTimeout(() => {
+        this.holdTimer = null;
+        this.holdFired = true;
+        void this.activate();
+      }, HOLD_MS);
+      return;
+    }
     if (isEditableTarget(e.target) && e.target !== this.inputElement) return;
     if (e.repeat) return;
-    const hotkey = parseHotkey(this.options.hotkey ?? defaultHotkey());
-    if (!matchesHotkey(e, hotkey)) return;
+    if (!matchesHotkey(e, this.parsedHotkey)) return;
     e.preventDefault();
     void this.toggle();
   }
+  handleKeyup(e) {
+    if (!this.heldModifier || !isHoldKey(e, this.heldModifier)) return;
+    this.cancelHold();
+    this.holdFired = false;
+  }
+  /**
+   * What a completed hold does: START talking, never stop.
+   *
+   * The panel advertises this as "Hold ^ to talk". A visitor who keeps
+   * holding while they speak — which is what those words invite — was
+   * hanging up on themselves, because the hold used to call toggle() and
+   * the second completed hold ended the session. Ending a conversation is
+   * the badge's job, and the badge tooltip already says so.
+   */
+  async activate() {
+    if (this.destroyed || this.restricted) return;
+    if (this.mode === "chat") {
+      this.openChat();
+      return;
+    }
+    if (this.isActive) return;
+    await this.startSession();
+  }
+  /** Releasing early, pressing another key, or leaving the tab all mean the
+   *  hold did not happen. Letting a stale timer survive any of those is how
+   *  a widget opens itself for no reason the visitor can see. */
+  cancelHold() {
+    if (this.holdTimer === null) return;
+    window.clearTimeout(this.holdTimer);
+    this.holdTimer = null;
+  }
   setStatus(status) {
     this.status = status;
-    updateBadge(this.badge, this.badgeLabel, status, this.position);
+    updateBadge(this.badge, this.badgeLabel, status, this.position, this.hotkeyText);
     this.options.onStatusChange?.(status);
     if (status === "listening" || status === "speaking") {
       this.micBtn.classList.add("daba-agent-header__btn--active");
@@ -4849,11 +5569,10 @@ var DabaAgent = class {
     this.messages = [];
     this.conversationId = newConversationId();
     persistConversationId(this.options.projectId, this.conversationId);
-    for (const child of Array.from(this.messagesContainer.children)) {
-      if (child !== this.ui.introEl) child.remove();
-    }
+    this.ui.clearMessages();
     this.ui.setIntroVisible(true);
     this.ui.setTyping(false);
+    this.ui.refreshHistory();
   }
   /** Voice, explicitly. Never reached in chat mode — the controls that
    * would call it are not rendered there. */
@@ -4865,14 +5584,28 @@ var DabaAgent = class {
     if (this.currentStreamRole !== role || !this.currentStreamBubble) {
       this.currentStreamBubble = appendMessage(this.messagesContainer, "", role);
       this.currentStreamRole = role;
+      this.currentStreamText = "";
     }
     if (this.currentStreamBubble) {
+      this.currentStreamText += text;
       this.currentStreamBubble.textContent += text;
       this.messagesContainer.scrollTop = this.messagesContainer.scrollHeight;
     }
     if (isFinal) {
+      const spoken = this.currentStreamText.trim();
+      if (spoken) {
+        this.messages.push({
+          id: `${role}-${this.messages.length}-${Date.now()}`,
+          role,
+          text: spoken,
+          timestamp: Date.now(),
+          isFinal: true
+        });
+        this.saveTranscript();
+      }
       this.currentStreamBubble = null;
       this.currentStreamRole = null;
+      this.currentStreamText = "";
     }
   }
   async toggle() {
@@ -5139,6 +5872,9 @@ Allow this?`);
     }
   }
   stopSession() {
+    const live = this.live;
+    this.live = null;
+    live?.stop();
     this.ws?.close(HARD_STOP_CLOSE_CODE, "user_stopped");
     clearPersistedSession(this.options.projectId);
     this.cleanupAfterClose();
@@ -5167,7 +5903,7 @@ Allow this?`);
     window.setTimeout(() => {
       this.badge.classList.remove("daba-agent-badge--error");
       if (this.status === "idle") {
-        updateBadge(this.badge, this.badgeLabel, "idle", this.position);
+        updateBadge(this.badge, this.badgeLabel, "idle", this.position, this.hotkeyText);
       }
     }, 4e3);
   }
@@ -5186,12 +5922,18 @@ Allow this?`);
   destroy() {
     this.destroyed = true;
     document.removeEventListener("keydown", this.keydownHandler);
-    this.stopSession();
+    document.removeEventListener("keyup", this.keyupHandler);
+    window.removeEventListener("blur", this.blurHandler);
+    document.removeEventListener("pointerdown", this.blurHandler, true);
+    document.removeEventListener("visibilitychange", this.blurHandler);
+    this.cancelHold();
+    if (this.isActive || this.ws || this.live) this.stopSession();
     this.badge.parentElement?.remove();
     this.badge.remove();
   }
 };
 
 exports.DabaAgent = DabaAgent;
-//# sourceMappingURL=chunk-IMPMGYCG.cjs.map
-//# sourceMappingURL=chunk-IMPMGYCG.cjs.map
+exports.cssLength = cssLength;
+//# sourceMappingURL=chunk-VAIC5ACS.cjs.map
+//# sourceMappingURL=chunk-VAIC5ACS.cjs.map