@docgenlab.com/chat-widget 0.1.3 → 0.4.2

package/dist/index.js

@@ -1,301 +1,546 @@
-import { createRoot as he } from "react-dom/client";
+import { createRoot as $e } from "react-dom/client";
 import * as e from "react";
-import { useRef as $, useState as E, useEffect as F, useCallback as ae, createElement as re } from "react";
-const j = "/api/v1/public/kb", le = "dgl-visitor-id";
-function ie() {
+import { useRef as j, useState as f, useEffect as T, useCallback as be, createElement as Ee } from "react";
+const S = "/api/v1/public/kb", ye = "dgl-visitor-id";
+function ve() {
   const t = globalThis.crypto;
-  return t && typeof t.randomUUID == "function" ? t.randomUUID() : "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (a) => {
-    const r = Math.random() * 16 | 0;
-    return (a === "x" ? r : r & 3 | 8).toString(16);
+  return t && typeof t.randomUUID == "function" ? t.randomUUID() : "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (n) => {
+    const i = Math.random() * 16 | 0;
+    return (n === "x" ? i : i & 3 | 8).toString(16);
   });
 }
-function fe() {
+function Se() {
   try {
-    let t = localStorage.getItem(le);
-    return t || (t = ie(), localStorage.setItem(le, t)), t;
+    let t = localStorage.getItem(ye);
+    return t || (t = ve(), localStorage.setItem(ye, t)), t;
   } catch (t) {
-    return ie();
+    return ve();
   }
 }
-class ye {
-  constructor(a) {
-    this.agentKey = a.agentKey, this.baseUrl = a.apiBaseUrl.replace(/\/+$/, ""), this.visitorId = fe();
+class Te {
+  constructor(n) {
+    this.agentKey = n.agentKey, this.baseUrl = n.apiBaseUrl.replace(/\/+$/, ""), this.visitorId = n.endUserId ? `user:${n.endUserId}` : Se(), this.endUserHash = n.endUserHash;
   }
-  headers(a) {
-    return {
+  headers(n) {
+    const i = {
       "X-DocGenLab-Key": this.agentKey,
       "X-DocGenLab-Visitor-Id": this.visitorId,
-      ...a || {}
+      ...n || {}
     };
+    return this.endUserHash && (i["X-DocGenLab-User-Hash"] = this.endUserHash), i;
   }
   async getAgent() {
-    const a = await fetch(`${this.baseUrl}${j}/agent`, {
+    const n = await fetch(`${this.baseUrl}${S}/agent`, {
       method: "GET",
       headers: this.headers()
     });
-    if (!a.ok) throw new Error(`getAgent failed: ${a.status}`);
-    return a.json();
+    if (!n.ok) throw new Error(`getAgent failed: ${n.status}`);
+    return n.json();
+  }
+  /** Load a previous conversation's messages so the widget can show
+   *  history after a refresh / re-open. The visitor-id header is the
+   *  authorization — the backend only returns conversations owned by
+   *  the requesting visitor on this agent. */
+  async getConversation(n) {
+    const i = `${this.baseUrl}${S}/conversations/${encodeURIComponent(n)}`, l = await fetch(i, { headers: this.headers() });
+    if (!l.ok) throw new Error(`getConversation failed: ${l.status}`);
+    return l.json();
   }
-  async uploadImage(a) {
-    const r = new FormData();
-    r.append("file", a);
-    const n = await fetch(`${this.baseUrl}${j}/chat-image`, {
+  /** Reconstruct the ticket card that SHOULD currently be on the
+   *  conversation, based on persisted state. Lets the widget restore
+   *  raise-ticket / "already on it" / created cards after refresh.
+   *  Returns kind=null when nothing should show. */
+  async getTicketCardState(n) {
+    const i = `${this.baseUrl}${S}/conversations/${encodeURIComponent(n)}/ticket-card`, l = await fetch(i, { headers: this.headers() });
+    if (!l.ok) throw new Error(`getTicketCardState failed: ${l.status}`);
+    return l.json();
+  }
+  async uploadImage(n) {
+    const i = new FormData();
+    i.append("file", n);
+    const l = await fetch(`${this.baseUrl}${S}/chat-image`, {
       method: "POST",
       headers: this.headers(),
       // browser sets Content-Type for FormData
-      body: r
+      body: i
     });
-    if (!n.ok) {
-      let o = `${n.status} ${n.statusText}`;
+    if (!l.ok) {
+      let o = `${l.status} ${l.statusText}`;
       try {
-        const s = await n.json();
+        const s = await l.json();
         o = (s == null ? void 0 : s.detail) || o;
       } catch (s) {
       }
       throw new Error(o);
     }
-    return (await n.json()).image_path;
+    return (await l.json()).image_path;
   }
   /** Fetch a previously-uploaded image as a blob URL. Caller must
    *  URL.revokeObjectURL() when done to avoid memory leaks. */
-  async fetchImage(a) {
-    const r = `${this.baseUrl}${j}/chat-image?path=${encodeURIComponent(a)}&key=${encodeURIComponent(this.agentKey)}`, n = await fetch(r, {
+  async fetchImage(n) {
+    const i = `${this.baseUrl}${S}/chat-image?path=${encodeURIComponent(n)}&key=${encodeURIComponent(this.agentKey)}`, l = await fetch(i, {
       method: "GET",
       headers: { "X-DocGenLab-Visitor-Id": this.visitorId }
     });
-    if (!n.ok) throw new Error(`fetchImage failed: ${n.status}`);
-    const l = await n.blob();
-    return URL.createObjectURL(l);
+    if (!l.ok) throw new Error(`fetchImage failed: ${l.status}`);
+    const a = await l.blob();
+    return URL.createObjectURL(a);
+  }
+  /** Raise a support ticket from a conversation. Requires explicit user
+   *  consent — the widget only calls this after the user clicks the
+   *  in-chat "Raise a ticket" chip. */
+  async raiseTicket(n, i) {
+    const l = `${this.baseUrl}${S}/conversations/${encodeURIComponent(n)}/raise-ticket`, a = await fetch(l, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-DocGenLab-Key": this.agentKey,
+        "X-DocGenLab-Visitor-Id": this.visitorId,
+        ...this.endUserHash ? { "X-DocGenLab-User-Hash": this.endUserHash } : {}
+      },
+      body: JSON.stringify(i)
+    });
+    if (!a.ok) {
+      let o = `raiseTicket failed: ${a.status}`;
+      try {
+        o = (await a.json()).detail || o;
+      } catch (s) {
+      }
+      throw new Error(o);
+    }
+    return a.json();
+  }
+  /** List all tickets for THIS visitor on THIS agent. Used by the widget
+   *  to hydrate ticket cards on conversation reload and to power the
+   *  "Manage tickets" modal. Optionally filtered by conversation. */
+  async listTickets(n) {
+    const i = n ? `?conversation_id=${encodeURIComponent(n)}` : "", l = `${this.baseUrl}${S}/tickets${i}`, a = await fetch(l, {
+      headers: {
+        "X-DocGenLab-Key": this.agentKey,
+        "X-DocGenLab-Visitor-Id": this.visitorId
+      }
+    });
+    if (!a.ok) throw new Error(`listTickets failed: ${a.status}`);
+    return a.json();
+  }
+  /** Fetch the latest status of a ticket the user raised. */
+  async getTicket(n, i = !1) {
+    const l = `${this.baseUrl}${S}/tickets/${encodeURIComponent(n)}${i ? "?refresh=1" : ""}`, a = await fetch(l, {
+      headers: {
+        "X-DocGenLab-Key": this.agentKey,
+        "X-DocGenLab-Visitor-Id": this.visitorId
+      }
+    });
+    if (!a.ok) throw new Error(`getTicket failed: ${a.status}`);
+    return a.json();
+  }
+  /** Fetch a video-source frame attached to a citation chunk.
+   *  Same auth pattern as fetchImage. */
+  async fetchSourceFrame(n, i) {
+    const l = `${this.baseUrl}${S}/sources/${encodeURIComponent(n)}/frame?path=${encodeURIComponent(i)}&key=${encodeURIComponent(this.agentKey)}`, a = await fetch(l, {
+      method: "GET",
+      headers: { "X-DocGenLab-Visitor-Id": this.visitorId }
+    });
+    if (!a.ok) throw new Error(`fetchSourceFrame failed: ${a.status}`);
+    const o = await a.blob();
+    return URL.createObjectURL(o);
   }
   /** Stream a chat response via SSE. Returns an abort fn the caller invokes
    *  to cancel the stream. */
-  streamChat(a, r) {
-    const n = new AbortController();
+  streamChat(n, i) {
+    const l = new AbortController();
     return (async () => {
       try {
-        const l = await fetch(`${this.baseUrl}${j}/chat`, {
+        const a = await fetch(`${this.baseUrl}${S}/chat`, {
           method: "POST",
-          signal: n.signal,
+          signal: l.signal,
           headers: this.headers({ "Content-Type": "application/json", Accept: "text/event-stream" }),
-          body: JSON.stringify(a)
+          body: JSON.stringify(n)
         });
-        if (!l.ok || !l.body) {
-          let y = `${l.status} ${l.statusText}`;
+        if (!a.ok || !a.body) {
+          let d = `${a.status} ${a.statusText}`;
           try {
-            const u = await l.json();
-            y = (u == null ? void 0 : u.detail) || y;
-          } catch (u) {
+            const h = await a.json();
+            d = (h == null ? void 0 : h.detail) || d;
+          } catch (h) {
           }
-          r({ type: "error", error: y });
+          i({ type: "error", error: d });
           return;
         }
-        const o = l.body.getReader(), s = new TextDecoder();
-        let m = "";
+        const o = a.body.getReader(), s = new TextDecoder();
+        let r = "";
         for (; ; ) {
-          const { value: y, done: u } = await o.read();
-          if (u) break;
-          m += s.decode(y, { stream: !0 });
-          let k;
-          for (; (k = m.indexOf(`
+          const { value: d, done: h } = await o.read();
+          if (h) break;
+          r += s.decode(d, { stream: !0 });
+          let w;
+          for (; (w = r.indexOf(`
 
 `)) !== -1; ) {
-            const h = m.slice(0, k);
-            m = m.slice(k + 2);
-            const R = h.trim();
-            if (R.startsWith("data:"))
+            const y = r.slice(0, w);
+            r = r.slice(w + 2);
+            const k = y.trim();
+            if (k.startsWith("data:"))
               try {
-                const U = JSON.parse(R.slice(5).trim());
-                r(U);
-              } catch (U) {
+                const L = JSON.parse(k.slice(5).trim());
+                i(L);
+              } catch (L) {
               }
           }
         }
-      } catch (l) {
-        (l == null ? void 0 : l.name) !== "AbortError" && r({ type: "error", error: (l == null ? void 0 : l.message) || String(l) });
+      } catch (a) {
+        (a == null ? void 0 : a.name) !== "AbortError" && i({ type: "error", error: (a == null ? void 0 : a.message) || String(a) });
       }
-    })(), () => n.abort();
+    })(), () => l.abort();
   }
 }
-const N = {
+const F = {
   apiBaseUrl: "https://api.docgenlab.com",
   position: "bottom-right",
   primary: "#4F46E5",
   primaryText: "#FFFFFF",
   radius: "14px",
   fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
-  greeting: "Hi — how can I help?"
+  greeting: "How can I help you today?",
+  greetingSub: "Ask anything about your uploaded documents. I'll only answer from what's in the knowledge base."
 };
-function V(t) {
-  var Y, Q, Z, ee;
-  const a = t.apiBaseUrl || N.apiBaseUrl, r = t.position || N.position, n = t.enableImageUpload !== !1, l = {
-    "--dgl-primary": ((Y = t.theme) == null ? void 0 : Y.primary) || N.primary,
-    "--dgl-primary-text": ((Q = t.theme) == null ? void 0 : Q.primaryText) || N.primaryText,
-    "--dgl-radius": ((Z = t.theme) == null ? void 0 : Z.radius) || N.radius,
-    "--dgl-font": ((ee = t.theme) == null ? void 0 : ee.fontFamily) || N.fontFamily
-  }, o = $(null);
-  o.current || (o.current = new ye({ agentKey: t.agentKey, apiBaseUrl: a }));
-  const s = o.current, [m, y] = E(!!t.openOnLoad), [u, k] = E(!1), [h, R] = E(null), [U, ce] = E(null), [S, x] = E([]), [A, O] = E(""), [I, T] = E(!1), [B, P] = E(null), [X, K] = E(null), [v, M] = E(null), [D, G] = E(!1), H = $(null), z = $(null), _ = $(""), W = $(null);
-  F(() => {
-    !m || h || s.getAgent().then((i) => {
-      var c;
-      R(i), (c = t.onReady) == null || c.call(t, i);
-    }).catch((i) => {
-      var c;
-      ce(i.message), (c = t.onError) == null || c.call(t, i.message);
+function le(t) {
+  var de, me, ge, ue, he, fe, pe, ke;
+  const n = t.apiBaseUrl || F.apiBaseUrl, i = t.enableImageUpload !== !1, l = j(null), a = `${t.agentKey}::${t.endUserId || ""}::${t.endUserHash || ""}`, o = j("");
+  (!l.current || o.current !== a) && (l.current = new Te({
+    agentKey: t.agentKey,
+    apiBaseUrl: n,
+    endUserId: t.endUserId,
+    endUserHash: t.endUserHash
+  }), o.current = a);
+  const s = l.current, [r, d] = f(null), [h, w] = f(null), y = (r == null ? void 0 : r.widget_config) || {}, k = {
+    position: t.position || y.position || F.position,
+    primary: ((de = t.theme) == null ? void 0 : de.primary) || y.primary_color || F.primary,
+    primaryText: ((me = t.theme) == null ? void 0 : me.primaryText) || y.primary_text_color || F.primaryText,
+    radius: ((ge = t.theme) == null ? void 0 : ge.radius) || y.radius || F.radius,
+    fontFamily: ((ue = t.theme) == null ? void 0 : ue.fontFamily) || F.fontFamily,
+    greeting: t.greeting || y.greeting || F.greeting,
+    agentName: t.agentName || y.agent_name || (r == null ? void 0 : r.name) || "Assistant",
+    agentAvatarUrl: t.agentAvatarUrl || y.agent_avatar_url || void 0,
+    launcherAvatarUrl: y.launcher_avatar_url || void 0,
+    hideBranding: (fe = (he = t.hideBranding) != null ? he : y.hide_branding) != null ? fe : !1,
+    openOnLoad: (ke = (pe = t.openOnLoad) != null ? pe : y.open_on_load) != null ? ke : !1
+  }, L = {
+    "--dgl-primary": k.primary,
+    "--dgl-primary-text": k.primaryText,
+    "--dgl-radius": k.radius,
+    "--dgl-font": k.fontFamily
+  }, [_, R] = f(k.openOnLoad), [C, P] = f(!1), [E, I] = f([]), [W, q] = f(""), [D, G] = f(!1), [K, J] = f(null), [re, Q] = f(null), [$, Z] = f(null), [H, ee] = f(!1), ie = j(null), te = j(null), X = j(""), V = j(null), [ae, ne] = f([]), [Ue, se] = f(!1);
+  T(() => {
+    !_ || r || s.getAgent().then((m) => {
+      var b;
+      d(m), (b = t.onReady) == null || b.call(t, m);
+    }).catch((m) => {
+      var b;
+      w(m.message), (b = t.onError) == null || b.call(t, m.message);
     });
-  }, [m, h, s, t]), F(() => {
-    const i = `dgl-chat:${t.agentKey}`, c = localStorage.getItem(i);
-    c && P(c);
-  }, [t.agentKey]), F(() => {
-    B && localStorage.setItem(`dgl-chat:${t.agentKey}`, B);
-  }, [B, t.agentKey]), F(() => {
-    W.current && (W.current.scrollTop = W.current.scrollHeight);
-  }, [S]);
-  const q = ae(() => {
-    v && URL.revokeObjectURL(v), K(null), M(null);
-  }, [v]), J = ae((i) => {
-    if (!i.type.startsWith("image/")) return;
-    const c = 10 * 1024 * 1024;
-    i.size > c || (v && URL.revokeObjectURL(v), K(i), M(URL.createObjectURL(i)));
-  }, [v]), de = async (i) => {
-    var te;
-    if (i.preventDefault(), !A.trim() || I || D) return;
-    const c = A.trim();
-    let p, w;
-    if (X) {
+  }, [_, r, s, t]), T(() => {
+    if (!_ || t.disableTicketing) return;
+    let m = !1;
+    return s.listTickets().then((b) => {
+      m || ne(b);
+    }).catch(() => {
+    }), () => {
+      m = !0;
+    };
+  }, [_, s, t.disableTicketing]), T(() => {
+    if (!_) return;
+    const m = `dgl-chat:${t.agentKey}`, b = localStorage.getItem(m);
+    if (!b) return;
+    let x = !1;
+    return (async () => {
       try {
-        G(!0), p = await s.uploadImage(X);
-      } catch (d) {
-        (te = t.onError) == null || te.call(t, (d == null ? void 0 : d.message) || "Image upload failed"), G(!1);
+        const [v, p] = await Promise.all([
+          s.getConversation(b),
+          s.getTicketCardState(b).catch(() => null)
+        ]);
+        if (x) return;
+        const c = [];
+        for (const U of v.messages || [])
+          U.role === "user" ? c.push({
+            id: U.id,
+            role: "user",
+            content: U.content || "",
+            imagePath: U.image_path || void 0
+          }) : U.role === "assistant" && c.push({
+            id: U.id,
+            role: "assistant",
+            content: U.content || "",
+            citations: U.retrieved_chunks || void 0
+          });
+        if (p && p.kind && c.length) {
+          let U = -1;
+          for (let g = c.length - 1; g >= 0; g--)
+            if (c[g].role === "assistant") {
+              U = g;
+              break;
+            }
+          if (U >= 0) {
+            const g = c[U];
+            p.kind === "offer" && p.conversation_id && p.connector_type && p.connector_name ? g.ticketOffer = {
+              conversationId: p.conversation_id,
+              connectorType: p.connector_type,
+              connectorName: p.connector_name
+            } : p.kind === "existing" && p.ticket_id && p.status ? g.ticketExisting = {
+              ticketId: p.ticket_id,
+              externalNumber: p.external_ticket_number || null,
+              externalUrl: p.external_url || null,
+              status: p.status
+            } : p.kind === "created" && p.ticket_id && (g.ticketCreated = {
+              id: p.ticket_id,
+              externalNumber: p.external_ticket_number || null,
+              externalUrl: p.external_url || null
+            });
+          }
+        }
+        J(b), I(c);
+      } catch (v) {
+        localStorage.removeItem(m);
+      }
+    })(), () => {
+      x = !0;
+    };
+  }, [t.agentKey, s, _]), T(() => {
+    K && localStorage.setItem(`dgl-chat:${t.agentKey}`, K);
+  }, [K, t.agentKey]), T(() => {
+    V.current && (V.current.scrollTop = V.current.scrollHeight);
+  }, [E]);
+  const ce = be(() => {
+    $ && URL.revokeObjectURL($), Q(null), Z(null);
+  }, [$]), oe = be((m) => {
+    if (!m.type.startsWith("image/")) return;
+    const b = 10 * 1024 * 1024;
+    m.size > b || ($ && URL.revokeObjectURL($), Q(m), Z(URL.createObjectURL(m)));
+  }, [$]), Ce = async (m) => {
+    var p;
+    if (m.preventDefault(), !W.trim() || D || H) return;
+    const b = W.trim();
+    let x, v;
+    if (re) {
+      try {
+        ee(!0), x = await s.uploadImage(re);
+      } catch (c) {
+        (p = t.onError) == null || p.call(t, (c == null ? void 0 : c.message) || "Image upload failed"), ee(!1);
         return;
       }
-      G(!1), w = v || void 0;
+      ee(!1), v = $ || void 0;
     }
-    O(""), _.current = "", x((d) => [
-      ...d,
-      { role: "user", content: c, imagePath: p, imagePreviewUrl: w },
+    q(""), X.current = "", I((c) => [
+      ...c,
+      { role: "user", content: b, imagePath: x, imagePreviewUrl: v },
       { role: "assistant", content: "", streaming: !0 }
-    ]), T(!0), K(null), M(null), z.current = s.streamChat(
-      { message: c, conversation_id: B || void 0, image_path: p },
-      (d) => {
-        var ne;
-        if (d.type === "conversation")
-          P(d.conversation_id);
-        else if (d.type === "token") {
-          _.current += d.content;
-          const f = _.current;
-          x((g) => g.map(
-            (b, ue) => ue === g.length - 1 && b.role === "assistant" ? { ...b, content: f } : b
+    ]), G(!0), Q(null), Z(null), te.current = s.streamChat(
+      { message: b, conversation_id: K || void 0, image_path: x },
+      (c) => {
+        var U;
+        if (c.type === "conversation")
+          J(c.conversation_id);
+        else if (c.type === "token") {
+          X.current += c.content;
+          const g = X.current;
+          I((u) => u.map(
+            (N, Ie) => Ie === u.length - 1 && N.role === "assistant" ? { ...N, content: g } : N
+          ));
+        } else if (c.type === "citations")
+          I((g) => g.map(
+            (u, N) => N === g.length - 1 && u.role === "assistant" ? { ...u, citations: c.citations } : u
+          ));
+        else if (c.type === "refused")
+          X.current = c.content, I((g) => g.map(
+            (u, N) => N === g.length - 1 && u.role === "assistant" ? { ...u, content: c.content, refused: !0 } : u
+          ));
+        else if (c.type === "ticket_offer") {
+          if (t.disableTicketing) return;
+          I((g) => g.map(
+            (u, N) => N === g.length - 1 && u.role === "assistant" ? {
+              ...u,
+              ticketOffer: {
+                conversationId: c.conversation_id,
+                connectorType: c.connector_type,
+                connectorName: c.connector_name
+              }
+            } : u
+          ));
+        } else if (c.type === "ticket_existing") {
+          if (t.disableTicketing) return;
+          I((g) => g.map(
+            (u, N) => N === g.length - 1 && u.role === "assistant" ? {
+              ...u,
+              ticketExisting: {
+                ticketId: c.ticket_id,
+                externalNumber: c.external_ticket_number,
+                externalUrl: c.external_url,
+                status: c.status
+              }
+            } : u
           ));
-        } else d.type === "citations" ? x((f) => f.map(
-          (g, b) => b === f.length - 1 && g.role === "assistant" ? { ...g, citations: d.citations } : g
-        )) : d.type === "refused" ? (_.current = d.content, x((f) => f.map(
-          (g, b) => b === f.length - 1 && g.role === "assistant" ? { ...g, content: d.content, refused: !0 } : g
-        ))) : d.type === "done" ? (x((f) => f.map(
-          (g, b) => b === f.length - 1 && g.role === "assistant" ? { ...g, streaming: !1, id: d.message_id, cacheHit: d.cache_hit } : g
-        )), T(!1)) : d.type === "error" && (x((f) => f.map(
-          (g, b) => b === f.length - 1 && g.role === "assistant" ? { ...g, content: `Error: ${d.error}`, streaming: !1, refused: !0 } : g
-        )), T(!1), (ne = t.onError) == null || ne.call(t, d.error));
+        } else c.type === "ticket_status_card" ? I((g) => g.map(
+          (u, N) => N === g.length - 1 && u.role === "assistant" ? {
+            ...u,
+            ticketStatus: {
+              ticketId: c.ticket_id,
+              externalNumber: c.external_number,
+              externalUrl: c.external_url,
+              status: c.status,
+              title: c.title,
+              priority: c.priority,
+              lastUpdate: c.last_update,
+              assignedTo: c.assigned_to,
+              createdAt: c.created_at
+            }
+          } : u
+        )) : c.type === "done" ? (I((g) => g.map(
+          (u, N) => N === g.length - 1 && u.role === "assistant" ? { ...u, streaming: !1, id: c.message_id, cacheHit: c.cache_hit } : u
+        )), G(!1)) : c.type === "error" && (I((g) => g.map(
+          (u, N) => N === g.length - 1 && u.role === "assistant" ? { ...u, content: `Error: ${c.error}`, streaming: !1, refused: !0 } : u
+        )), G(!1), (U = t.onError) == null || U.call(t, c.error));
       }
     );
-  }, me = () => {
-    z.current && z.current(), x([]), P(null), T(!1), localStorage.removeItem(`dgl-chat:${t.agentKey}`), q();
-  }, ge = t.agentName || (h == null ? void 0 : h.name) || "Assistant";
-  return /* @__PURE__ */ e.createElement("div", { className: `dgl-root dgl-pos-${r}`, style: l }, m && /* @__PURE__ */ e.createElement("div", { className: `dgl-panel ${u ? "dgl-panel-expanded" : ""}` }, /* @__PURE__ */ e.createElement("div", { className: "dgl-header" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-header-info" }, t.agentAvatarUrl && /* @__PURE__ */ e.createElement("img", { src: t.agentAvatarUrl, alt: "", className: "dgl-avatar" }), /* @__PURE__ */ e.createElement("div", { className: "dgl-header-text" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-title" }, ge), (h == null ? void 0 : h.org_name) && /* @__PURE__ */ e.createElement("div", { className: "dgl-subtitle" }, h.org_name))), /* @__PURE__ */ e.createElement("div", { className: "dgl-header-actions" }, /* @__PURE__ */ e.createElement(
+  }, Le = () => {
+    te.current && te.current(), I([]), J(null), G(!1), localStorage.removeItem(`dgl-chat:${t.agentKey}`), ce();
+  };
+  return /* @__PURE__ */ e.createElement("div", { className: `dgl-root dgl-pos-${k.position}`, style: L }, _ && /* @__PURE__ */ e.createElement("div", { className: `dgl-panel ${C ? "dgl-panel-expanded" : ""}` }, /* @__PURE__ */ e.createElement("div", { className: "dgl-header" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-header-info" }, k.agentAvatarUrl ? /* @__PURE__ */ e.createElement("img", { src: k.agentAvatarUrl, alt: "", className: "dgl-avatar" }) : /* @__PURE__ */ e.createElement("div", { className: "dgl-avatar dgl-avatar-fallback dgl-avatar-fallback-light" }, k.agentName.slice(0, 1).toUpperCase()), /* @__PURE__ */ e.createElement("div", { className: "dgl-header-text" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-title" }, k.agentName), (r == null ? void 0 : r.org_name) && /* @__PURE__ */ e.createElement("div", { className: "dgl-subtitle" }, r.org_name))), /* @__PURE__ */ e.createElement("div", { className: "dgl-header-actions" }, !t.disableTicketing && ae.length > 0 && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      onClick: me,
+      onClick: () => se(!0),
+      className: "dgl-tix-btn",
+      title: "Your tickets",
+      "aria-label": "Your tickets"
+    },
+    M(),
+    /* @__PURE__ */ e.createElement("span", null, "Tickets"),
+    /* @__PURE__ */ e.createElement("span", { className: "dgl-tix-btn-badge" }, ae.length)
+  ), /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: Le,
       className: "dgl-icon-btn",
       title: "New chat",
       "aria-label": "New chat"
     },
-    Ue()
+    Je()
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      onClick: () => k((i) => !i),
+      onClick: () => P((m) => !m),
       className: "dgl-icon-btn dgl-hide-on-mobile",
-      title: u ? "Restore size" : "Expand view",
-      "aria-label": u ? "Restore size" : "Expand view"
+      title: C ? "Restore size" : "Expand view",
+      "aria-label": C ? "Restore size" : "Expand view"
     },
-    u ? Se() : Re()
+    C ? tt() : et()
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      onClick: () => y(!1),
+      onClick: () => R(!1),
       className: "dgl-icon-btn",
       title: "Close",
       "aria-label": "Close"
     },
-    oe()
-  ))), /* @__PURE__ */ e.createElement("div", { className: "dgl-messages", ref: W }, S.length === 0 && !U && /* @__PURE__ */ e.createElement("div", { className: "dgl-empty" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-empty-text" }, t.greeting || N.greeting), (h == null ? void 0 : h.description) && /* @__PURE__ */ e.createElement("div", { className: "dgl-empty-sub" }, h.description)), U && /* @__PURE__ */ e.createElement("div", { className: "dgl-error" }, "Couldn't load the assistant: ", U), S.map((i, c) => /* @__PURE__ */ e.createElement(
-    Ee,
+    Y()
+  ))), Ue && /* @__PURE__ */ e.createElement(
+    Ve,
     {
-      key: c,
-      message: i,
+      tickets: ae,
+      onClose: () => se(!1),
+      onRefresh: async () => {
+        try {
+          const m = await s.listTickets();
+          ne(m);
+        } catch (m) {
+        }
+      }
+    }
+  ), /* @__PURE__ */ e.createElement("div", { className: "dgl-messages", ref: V }, E.length === 0 && !h && /* @__PURE__ */ e.createElement("div", { className: "dgl-empty" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-empty-icon" }, _e()), /* @__PURE__ */ e.createElement("div", { className: "dgl-empty-text" }, k.greeting), /* @__PURE__ */ e.createElement("div", { className: "dgl-empty-sub" }, (r == null ? void 0 : r.description) || F.greetingSub)), h && /* @__PURE__ */ e.createElement("div", { className: "dgl-error" }, "Couldn't load the assistant: ", h), E.map((m, b) => /* @__PURE__ */ e.createElement(
+    Re,
+    {
+      key: b,
+      message: m,
       client: s,
-      isLast: c === S.length - 1,
-      agentAvatarUrl: t.agentAvatarUrl,
-      onPickFollowup: (p) => {
-        O(p);
+      isLast: b === E.length - 1,
+      agentAvatarUrl: k.agentAvatarUrl,
+      onPickFollowup: (x) => {
+        q(x);
+      },
+      defaultEmail: t.endUserEmail,
+      defaultPhone: t.endUserPhone,
+      conversationId: K || void 0,
+      onTicketCreated: (x, v) => {
+        I((p) => p.map((c) => c === x ? {
+          ...c,
+          // Either an existing-issue card OR a fresh offer
+          // can land here — clear both, render created.
+          ticketOffer: void 0,
+          ticketExisting: void 0,
+          ticketCreated: {
+            id: v.id,
+            externalNumber: v.external_ticket_number,
+            externalUrl: v.external_url
+          }
+        } : c)), ne((p) => [v, ...p.filter((c) => c.id !== v.id)]);
       }
     }
-  ))), /* @__PURE__ */ e.createElement("form", { className: "dgl-composer", onSubmit: de }, v && /* @__PURE__ */ e.createElement("div", { className: "dgl-staged-image" }, /* @__PURE__ */ e.createElement("img", { src: v, alt: "attachment" }), /* @__PURE__ */ e.createElement(
+  ))), /* @__PURE__ */ e.createElement("form", { className: "dgl-composer", onSubmit: Ce }, $ && /* @__PURE__ */ e.createElement("div", { className: "dgl-staged-image" }, /* @__PURE__ */ e.createElement("img", { src: $, alt: "attachment" }), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      onClick: q,
+      onClick: ce,
       className: "dgl-staged-remove",
       "aria-label": "Remove image"
     },
-    oe()
-  )), /* @__PURE__ */ e.createElement("div", { className: "dgl-composer-row" }, n && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    Y()
+  )), /* @__PURE__ */ e.createElement("div", { className: "dgl-composer-row" }, i && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: "dgl-icon-btn",
       onClick: () => {
-        var i;
-        return (i = H.current) == null ? void 0 : i.click();
+        var m;
+        return (m = ie.current) == null ? void 0 : m.click();
       },
-      disabled: I || D,
+      disabled: D || H,
       title: "Attach image",
       "aria-label": "Attach image"
     },
-    $e()
+    Ze()
   ), /* @__PURE__ */ e.createElement(
     "input",
     {
-      ref: H,
+      ref: ie,
       type: "file",
       accept: "image/png,image/jpeg,image/webp,image/gif",
       style: { display: "none" },
-      onChange: (i) => {
-        var p;
-        const c = (p = i.target.files) == null ? void 0 : p[0];
-        c && J(c), i.target && (i.target.value = "");
+      onChange: (m) => {
+        var x;
+        const b = (x = m.target.files) == null ? void 0 : x[0];
+        b && oe(b), m.target && (m.target.value = "");
       }
     }
   )), /* @__PURE__ */ e.createElement(
     "input",
     {
       className: "dgl-input",
-      value: A,
-      onChange: (i) => O(i.target.value),
-      placeholder: I ? "Thinking…" : v ? "Describe what to know about this image…" : "Type your question…",
-      disabled: I,
-      onPaste: (i) => {
-        var p;
-        if (!n) return;
-        const c = Array.from(((p = i.clipboardData) == null ? void 0 : p.items) || []).find(
-          (w) => w.kind === "file" && w.type.startsWith("image/")
+      value: W,
+      onChange: (m) => q(m.target.value),
+      placeholder: D ? "Thinking…" : $ ? "Describe what to know about this image…" : "Type your question…",
+      disabled: D,
+      onPaste: (m) => {
+        var x;
+        if (!i) return;
+        const b = Array.from(((x = m.clipboardData) == null ? void 0 : x.items) || []).find(
+          (v) => v.kind === "file" && v.type.startsWith("image/")
         );
-        if (c) {
-          const w = c.getAsFile();
-          w && (i.preventDefault(), J(w));
+        if (b) {
+          const v = b.getAsFile();
+          v && (m.preventDefault(), oe(v));
         }
       }
     }
@@ -304,155 +549,556 @@ function V(t) {
     {
       type: "submit",
       className: "dgl-send-btn",
-      disabled: !A.trim() || I || D,
+      disabled: !W.trim() || D || H,
       "aria-label": "Send"
     },
-    I || D ? Fe() : Ie()
-  )), !t.hideBranding && /* @__PURE__ */ e.createElement("div", { className: "dgl-branding" }, "Powered by ", /* @__PURE__ */ e.createElement("a", { href: "https://docgenlab.com", target: "_blank", rel: "noopener noreferrer" }, "DocGenLab")))), /* @__PURE__ */ e.createElement(
+    D || H ? z() : Qe()
+  )), !k.hideBranding && /* @__PURE__ */ e.createElement("div", { className: "dgl-branding" }, "Powered by ", /* @__PURE__ */ e.createElement("a", { href: "https://docgenlab.com", target: "_blank", rel: "noopener noreferrer" }, "DocGenLab")))), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: "dgl-launcher",
-      onClick: () => y((i) => !i),
-      "aria-label": m ? "Close chat" : "Open chat"
+      onClick: () => R((m) => !m),
+      "aria-label": _ ? "Close chat" : "Open chat"
     },
-    m ? Le() : Ce()
+    _ ? qe() : k.launcherAvatarUrl ? /* @__PURE__ */ e.createElement("img", { src: k.launcherAvatarUrl, alt: "", className: "dgl-launcher-avatar" }) : ze()
   ));
 }
-function Ee({
+function Re({
   message: t,
-  client: a,
-  isLast: r,
-  agentAvatarUrl: n,
-  onPickFollowup: l
+  client: n,
+  isLast: i,
+  agentAvatarUrl: l,
+  onPickFollowup: a,
+  defaultEmail: o,
+  defaultPhone: s,
+  conversationId: r,
+  onTicketCreated: d
 }) {
-  var m;
+  var y;
   if (t.role === "user")
-    return /* @__PURE__ */ e.createElement("div", { className: "dgl-msg dgl-msg-user" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-bubble dgl-bubble-user" }, (t.imagePath || t.imagePreviewUrl) && /* @__PURE__ */ e.createElement(be, { client: a, imagePath: t.imagePath, previewUrl: t.imagePreviewUrl }), t.content));
-  const o = ke(t.content), s = t.streaming ? [] : we(t.content);
-  return /* @__PURE__ */ e.createElement("div", { className: "dgl-msg dgl-msg-assistant" }, n ? /* @__PURE__ */ e.createElement("img", { src: n, className: "dgl-avatar", alt: "" }) : /* @__PURE__ */ e.createElement("div", { className: "dgl-avatar dgl-avatar-fallback" }, Ae()), /* @__PURE__ */ e.createElement("div", { className: "dgl-msg-body" }, t.refused ? /* @__PURE__ */ e.createElement("div", { className: "dgl-refused" }, o) : /* @__PURE__ */ e.createElement("div", { className: "dgl-assistant-text" }, t.streaming && !o ? /* @__PURE__ */ e.createElement(Ne, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, xe(o), t.streaming && /* @__PURE__ */ e.createElement("span", { className: "dgl-typing-cursor" }, "▍"))), !t.streaming && !!((m = t.citations) != null && m.length) && /* @__PURE__ */ e.createElement(ve, { citations: t.citations }), s.length > 0 && /* @__PURE__ */ e.createElement(pe, { suggestions: s, onPick: l })));
+    return /* @__PURE__ */ e.createElement("div", { className: "dgl-msg dgl-msg-user" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-bubble dgl-bubble-user" }, (t.imagePath || t.imagePreviewUrl) && /* @__PURE__ */ e.createElement(Be, { client: n, imagePath: t.imagePath, previewUrl: t.imagePreviewUrl }), t.content));
+  const h = Me(t.content), w = t.streaming ? [] : je(t.content);
+  return /* @__PURE__ */ e.createElement("div", { className: "dgl-msg dgl-msg-assistant" }, l ? /* @__PURE__ */ e.createElement("img", { src: l, className: "dgl-avatar", alt: "" }) : /* @__PURE__ */ e.createElement("div", { className: "dgl-avatar dgl-avatar-fallback" }, _e()), /* @__PURE__ */ e.createElement("div", { className: "dgl-msg-body" }, t.refused ? /* @__PURE__ */ e.createElement("div", { className: "dgl-refused" }, h) : t.ticketStatus ? (
+    /* Status query — suppress the markdown body and render
+       the rich Jira-style card on its own. */
+    /* @__PURE__ */ e.createElement(Xe, { ticket: t.ticketStatus })
+  ) : /* @__PURE__ */ e.createElement("div", { className: "dgl-assistant-text" }, t.streaming && !h ? /* @__PURE__ */ e.createElement(Ke, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, Pe(h), t.streaming && /* @__PURE__ */ e.createElement("span", { className: "dgl-typing-cursor" }, "▍"))), !t.streaming && !t.refused && !!((y = t.citations) != null && y.length) && !t.ticketStatus && /* @__PURE__ */ e.createElement(Oe, { citations: t.citations, client: n }), !t.streaming && !t.ticketStatus && t.ticketCreated ? /* @__PURE__ */ e.createElement(Ge, { created: t.ticketCreated }) : !t.streaming && !t.ticketStatus && t.ticketExisting ? /* @__PURE__ */ e.createElement(
+    He,
+    {
+      existing: t.ticketExisting,
+      client: n,
+      conversationId: r,
+      defaultEmail: o,
+      defaultPhone: s,
+      onNewTicketRaised: (k) => d == null ? void 0 : d(t, k)
+    }
+  ) : !t.streaming && !t.ticketStatus && t.ticketOffer ? /* @__PURE__ */ e.createElement(
+    We,
+    {
+      client: n,
+      offer: t.ticketOffer,
+      defaultEmail: o,
+      defaultPhone: s,
+      onCreated: (k) => d == null ? void 0 : d(t, k)
+    }
+  ) : null, w.length > 0 && /* @__PURE__ */ e.createElement(Fe, { suggestions: w, onPick: a })));
 }
-function pe({
+function Fe({
   suggestions: t,
-  onPick: a
+  onPick: n
 }) {
-  return /* @__PURE__ */ e.createElement("div", { className: "dgl-followups" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-followups-label" }, "Continue exploring"), /* @__PURE__ */ e.createElement("div", { className: "dgl-followups-list" }, t.map((r, n) => /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: "dgl-followups" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-followups-label" }, "Continue exploring"), /* @__PURE__ */ e.createElement("div", { className: "dgl-followups-list" }, t.map((i, l) => /* @__PURE__ */ e.createElement(
     "button",
     {
-      key: n,
+      key: l,
       type: "button",
       className: "dgl-followup-chip",
-      onClick: () => a(r)
+      onClick: () => n(i)
     },
-    r
+    i
   ))));
 }
-function be({
+function Be({
   client: t,
-  imagePath: a,
-  previewUrl: r
+  imagePath: n,
+  previewUrl: i
+}) {
+  const [l, a] = f(i || null), [o, s] = f(!1);
+  return T(() => {
+    if (i || !n) return;
+    let r = null;
+    return t.fetchImage(n).then((d) => {
+      r = d, a(d);
+    }).catch(() => a(null)), () => {
+      r && URL.revokeObjectURL(r);
+    };
+  }, [t, n, i]), T(() => {
+    if (!o) return;
+    const r = (h) => {
+      h.key === "Escape" && s(!1);
+    };
+    window.addEventListener("keydown", r);
+    const d = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      window.removeEventListener("keydown", r), document.body.style.overflow = d;
+    };
+  }, [o]), l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => s(!0),
+      className: "dgl-user-image-btn",
+      "aria-label": "View image"
+    },
+    /* @__PURE__ */ e.createElement("img", { src: l, className: "dgl-user-image", alt: "attached" })
+  ), o && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: "dgl-lightbox",
+      role: "dialog",
+      "aria-modal": "true",
+      onClick: () => s(!1)
+    },
+    /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        type: "button",
+        className: "dgl-lightbox-close",
+        onClick: (r) => {
+          r.stopPropagation(), s(!1);
+        },
+        "aria-label": "Close image"
+      },
+      Y()
+    ),
+    /* @__PURE__ */ e.createElement(
+      "img",
+      {
+        src: l,
+        className: "dgl-lightbox-img",
+        alt: "attached",
+        onClick: (r) => r.stopPropagation()
+      }
+    )
+  )) : null;
+}
+function Oe({ citations: t, client: n }) {
+  const i = {};
+  for (const r of t) {
+    const d = i[r.source_id];
+    (!d || r.score > d.score) && (i[r.source_id] = r);
+  }
+  const l = Object.values(i).sort((r, d) => d.score - r.score).slice(0, 3), a = Object.keys(i).length - l.length;
+  if (!l.length) return null;
+  const [o, s] = f(null);
+  return /* @__PURE__ */ e.createElement("div", { className: "dgl-citations" }, l.map((r) => /* @__PURE__ */ e.createElement(
+    Ae,
+    {
+      key: r.chunk_id,
+      citation: r,
+      client: n,
+      isOpen: o === r.chunk_id,
+      onToggle: () => s(o === r.chunk_id ? null : r.chunk_id)
+    }
+  )), a > 0 && /* @__PURE__ */ e.createElement("span", { className: "dgl-citation-more" }, "+", a, " more"));
+}
+function Ae({
+  citation: t,
+  client: n,
+  isOpen: i,
+  onToggle: l
 }) {
-  const [n, l] = E(r || null);
-  return F(() => {
-    if (r || !a) return;
+  const a = t, o = !!a.frame_path, s = a.heading ? `${a.heading}${a.subheading ? " › " + a.subheading : ""}` : null, r = a.start_seconds != null ? `${Math.floor(a.start_seconds / 60)}:${String(a.start_seconds % 60).padStart(2, "0")}` : null;
+  return /* @__PURE__ */ e.createElement("span", { className: "dgl-citation-wrap" }, /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: `dgl-citation ${i ? "dgl-citation-open" : ""}`,
+      onClick: l,
+      title: a.snippet || ""
+    },
+    o && /* @__PURE__ */ e.createElement("span", { className: "dgl-citation-icon" }, "▶"),
+    a.source_name,
+    r && /* @__PURE__ */ e.createElement("span", { className: "dgl-citation-stamp" }, " · ", r),
+    a.page && /* @__PURE__ */ e.createElement("span", { className: "dgl-citation-stamp" }, " · p", a.page)
+  ), i && /* @__PURE__ */ e.createElement("div", { className: "dgl-citation-popover" }, a.frame_path && /* @__PURE__ */ e.createElement(
+    De,
+    {
+      client: n,
+      sourceId: a.source_id,
+      framePath: a.frame_path
+    }
+  ), s && /* @__PURE__ */ e.createElement("div", { className: "dgl-citation-breadcrumb" }, s), a.snippet && /* @__PURE__ */ e.createElement("div", { className: "dgl-citation-snippet" }, a.snippet)));
+}
+function De({
+  client: t,
+  sourceId: n,
+  framePath: i
+}) {
+  const [l, a] = f(null);
+  return T(() => {
     let o = null;
-    return t.fetchImage(a).then((s) => {
-      o = s, l(s);
-    }).catch(() => l(null)), () => {
+    return t.fetchSourceFrame(n, i).then((s) => {
+      o = s, a(s);
+    }).catch(() => a(null)), () => {
       o && URL.revokeObjectURL(o);
     };
-  }, [t, a, r]), n ? /* @__PURE__ */ e.createElement("a", { href: n, target: "_blank", rel: "noopener noreferrer", className: "dgl-user-image-link" }, /* @__PURE__ */ e.createElement("img", { src: n, className: "dgl-user-image", alt: "attached" })) : null;
+  }, [t, n, i]), l ? /* @__PURE__ */ e.createElement("a", { href: l, target: "_blank", rel: "noopener noreferrer", className: "dgl-citation-frame-link" }, /* @__PURE__ */ e.createElement("img", { src: l, alt: "", className: "dgl-citation-frame" })) : /* @__PURE__ */ e.createElement("div", { className: "dgl-citation-frame-loading" });
 }
-function ve({ citations: t }) {
-  const a = /* @__PURE__ */ new Set(), r = t.filter((n) => a.has(n.source_id) ? !1 : (a.add(n.source_id), !0));
-  return r.length ? /* @__PURE__ */ e.createElement("div", { className: "dgl-citations" }, r.map((n) => /* @__PURE__ */ e.createElement("span", { key: n.chunk_id, className: "dgl-citation", title: n.snippet }, n.source_name, n.page ? ` · p${n.page}` : ""))) : null;
+function je(t) {
+  const n = t.match(/<followups>([\s\S]*?)<\/followups>/i);
+  return n ? n[1].split(`
+`).map((i) => i.trim()).map((i) => i.replace(/^[-*•\d.)\s"']+|["']$/g, "").trim()).filter((i) => i.length >= 4 && i.length <= 120).slice(0, 3) : [];
 }
-function we(t) {
-  const a = t.match(/<followups>([\s\S]*?)<\/followups>/i);
-  return a ? a[1].split(`
-`).map((r) => r.trim()).map((r) => r.replace(/^[-*•\d.)\s"']+|["']$/g, "").trim()).filter((r) => r.length >= 4 && r.length <= 120).slice(0, 3) : [];
-}
-function ke(t) {
-  return t.replace(/\n*<followups>[\s\S]*?(<\/followups>|$)/gi, "").replace(/\s*\[\s*Section:[^\]]*\]?/gi, "").replace(/\s*\[\s*doc:[^\]]*\]?/gi, "").replace(/\s*\[\s*(?:document|doc|source|ref|reference)[^\]]*\]?/gi, "").replace(/\s*\[\s*(?:p\.?\s*)?\d+(?:\s*[,–-]\s*\d+)*\s*\]/gi, "").replace(/[,;]?\s*doc:\s*[0-9a-fA-F][0-9a-fA-F-]{6,}\]?/gi, "").replace(/[,;]\s*(?:\d+|doc:?\s*[0-9a-fA-F-]+)\s*\]?/gi, "").replace(/([\w%])\s*\]/g, "$1").replace(/\s+([,.;:!?])/g, "$1").replace(/[ \t]+/g, " ").replace(/\n{3,}/g, `
+function Me(t) {
+  const n = /\s*I\s+(don'?t|do not)\s+have\s+(?:specific|enough|that|the|any)?\s*information\s+on\s+(?:this|that)[^.]*?\.(?:\s*Please\s+(?:contact|reach\s*out\s+to)\s+(?:your\s+)?(?:support|admin)[^.]*?\.)?/gi, i = /\n*<followups>[\s\S]*?(<\/followups>|$)/gi, l = t.replace(i, ""), a = l.replace(n, "").trim();
+  return (l.trim().length > 0 && a.length < 20 ? t : t.replace(n, "")).replace(/\n*<followups>[\s\S]*?(<\/followups>|$)/gi, "").replace(/\s*\[\s*Section:[^\]]*\]?/gi, "").replace(/\s*\[\s*doc:[^\]]*\]?/gi, "").replace(/\s*\[\s*(?:document|doc|source|ref|reference)[^\]]*\]?/gi, "").replace(/\s*\[\s*(?:p\.?\s*)?\d+(?:\s*[,–-]\s*\d+)*\s*\]/gi, "").replace(/[,;]?\s*doc:\s*[0-9a-fA-F][0-9a-fA-F-]{6,}\]?/gi, "").replace(/[,;]\s*(?:\d+|doc:?\s*[0-9a-fA-F-]+)\s*\]?/gi, "").replace(/([\w%])\s*\]/g, "$1").replace(/\s+([,.;:!?])/g, "$1").replace(/[ \t]+/g, " ").replace(/\n{3,}/g, `
 
 `).trim();
 }
-function xe(t) {
-  return t.split(/\n{2,}/).map((r, n) => {
-    const l = r.split(`
+function Pe(t) {
+  return t.split(/\n{2,}/).map((i, l) => {
+    const a = i.split(`
 `);
-    if (l.every((s) => /^(\s*)([-*]|\d+\.)\s/.test(s)) && l.length > 0) {
-      const s = /^\d+\./.test(l[0].trim()), m = l.map((u) => u.replace(/^\s*(?:[-*]|\d+\.)\s+/, "")), y = s ? "ol" : "ul";
-      return /* @__PURE__ */ e.createElement(y, { key: n, className: `dgl-md-list ${s ? "dgl-md-ol" : "dgl-md-ul"}` }, m.map((u, k) => /* @__PURE__ */ e.createElement("li", { key: k }, se(u))));
+    if (a.every((s) => /^(\s*)([-*]|\d+\.)\s/.test(s)) && a.length > 0) {
+      const s = /^\d+\./.test(a[0].trim()), r = a.map((h) => h.replace(/^\s*(?:[-*]|\d+\.)\s+/, "")), d = s ? "ol" : "ul";
+      return /* @__PURE__ */ e.createElement(d, { key: l, className: `dgl-md-list ${s ? "dgl-md-ol" : "dgl-md-ul"}` }, r.map((h, w) => /* @__PURE__ */ e.createElement("li", { key: w }, Ne(h))));
     }
-    return /* @__PURE__ */ e.createElement("p", { key: n, className: "dgl-md-p" }, r.split(`
-`).map((s, m, y) => /* @__PURE__ */ e.createElement(e.Fragment, { key: m }, se(s), m < y.length - 1 && /* @__PURE__ */ e.createElement("br", null))));
+    return /* @__PURE__ */ e.createElement("p", { key: l, className: "dgl-md-p" }, i.split(`
+`).map((s, r, d) => /* @__PURE__ */ e.createElement(e.Fragment, { key: r }, Ne(s), r < d.length - 1 && /* @__PURE__ */ e.createElement("br", null))));
   });
 }
-function se(t) {
-  const a = /(`[^`]+`|\*\*[^*\n]+\*\*|\*[^*\n]+\*|\[[^\]]+\]\([^)]+\))/g;
-  return t.split(a).map((n, l) => {
-    if (!n) return null;
-    if (n.startsWith("`") && n.endsWith("`"))
-      return /* @__PURE__ */ e.createElement("code", { key: l, className: "dgl-md-code" }, n.slice(1, -1));
-    if (n.startsWith("**") && n.endsWith("**"))
-      return /* @__PURE__ */ e.createElement("strong", { key: l }, n.slice(2, -2));
-    if (n.startsWith("*") && n.endsWith("*") && n.length > 2)
-      return /* @__PURE__ */ e.createElement("em", { key: l }, n.slice(1, -1));
-    const o = n.match(/^\[([^\]]+)\]\(([^)]+)\)$/);
-    return o ? /* @__PURE__ */ e.createElement("a", { key: l, href: o[2], target: "_blank", rel: "noopener noreferrer", className: "dgl-md-link" }, o[1]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: l }, n);
+function Ne(t) {
+  const n = /(`[^`]+`|\*\*[^*\n]+\*\*|\*[^*\n]+\*|\[[^\]]+\]\([^)]+\))/g;
+  return t.split(n).map((l, a) => {
+    if (!l) return null;
+    if (l.startsWith("`") && l.endsWith("`"))
+      return /* @__PURE__ */ e.createElement("code", { key: a, className: "dgl-md-code" }, l.slice(1, -1));
+    if (l.startsWith("**") && l.endsWith("**"))
+      return /* @__PURE__ */ e.createElement("strong", { key: a }, l.slice(2, -2));
+    if (l.startsWith("*") && l.endsWith("*") && l.length > 2)
+      return /* @__PURE__ */ e.createElement("em", { key: a }, l.slice(1, -1));
+    const o = l.match(/^\[([^\]]+)\]\(([^)]+)\)$/);
+    return o ? /* @__PURE__ */ e.createElement("a", { key: a, href: o[2], target: "_blank", rel: "noopener noreferrer", className: "dgl-md-link" }, o[1]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: a }, l);
   });
 }
-function Ne() {
+function Ke() {
   return /* @__PURE__ */ e.createElement("span", { className: "dgl-thinking" }, /* @__PURE__ */ e.createElement("span", { className: "dgl-thinking-dot" }), /* @__PURE__ */ e.createElement("span", { className: "dgl-thinking-dot" }), /* @__PURE__ */ e.createElement("span", { className: "dgl-thinking-dot" }));
 }
-function Ce() {
+const A = {
+  open: { label: "Open", stripe: "linear-gradient(90deg,#3b82f6,#6366f1)", iconBg: "#3b82f6", pillBg: "#dbeafe", pillFg: "#1e40af" },
+  in_progress: { label: "In progress", stripe: "linear-gradient(90deg,#8b5cf6,#d946ef)", iconBg: "#8b5cf6", pillBg: "#ede9fe", pillFg: "#5b21b6" },
+  on_hold: { label: "On hold", stripe: "linear-gradient(90deg,#f59e0b,#f97316)", iconBg: "#f59e0b", pillBg: "#fef3c7", pillFg: "#92400e" },
+  resolved: { label: "Resolved", stripe: "linear-gradient(90deg,#10b981,#14b8a6)", iconBg: "#10b981", pillBg: "#d1fae5", pillFg: "#065f46" },
+  closed: { label: "Closed", stripe: "linear-gradient(90deg,#94a3b8,#64748b)", iconBg: "#64748b", pillBg: "#f1f5f9", pillFg: "#334155" },
+  cancelled: { label: "Cancelled", stripe: "linear-gradient(90deg,#ef4444,#f43f5e)", iconBg: "#ef4444", pillBg: "#fee2e2", pillFg: "#991b1b" }
+}, we = {
+  low: { bg: "#f1f5f9", fg: "#475569" },
+  medium: { bg: "#dbeafe", fg: "#1e40af" },
+  high: { bg: "#fef3c7", fg: "#92400e" },
+  urgent: { bg: "#fee2e2", fg: "#991b1b" }
+};
+function xe(t) {
+  if (!t) return "—";
+  const n = new Date(t), i = Date.now() - n.getTime();
+  if (Number.isNaN(i)) return t;
+  const l = Math.floor(i / 6e4);
+  if (l < 1) return "just now";
+  if (l < 60) return `${l}m ago`;
+  const a = Math.floor(l / 60);
+  if (a < 24) return `${a}h ago`;
+  const o = Math.floor(a / 24);
+  return o < 7 ? `${o}d ago` : n.toLocaleDateString();
+}
+function We({
+  client: t,
+  offer: n,
+  defaultEmail: i,
+  defaultPhone: l,
+  onCreated: a
+}) {
+  const [o, s] = f(i || ""), [r, d] = f(l || ""), [h, w] = f(!i), [y, k] = f("medium"), [L, _] = f(!1), [R, C] = f(null), P = async () => {
+    if (!o.trim()) {
+      C("Email is required so the team can follow up.");
+      return;
+    }
+    _(!0), C(null);
+    try {
+      const E = await t.raiseTicket(n.conversationId, {
+        consent: !0,
+        end_user_email: o.trim(),
+        end_user_phone: r.trim() || void 0,
+        priority: y
+      });
+      a(E);
+    } catch (E) {
+      C((E == null ? void 0 : E.message) || "Could not create ticket. Try again.");
+    } finally {
+      _(!1);
+    }
+  };
+  return /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-stripe", style: { background: "linear-gradient(90deg,#6366f1,#8b5cf6)" } }), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-body" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-head" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-icon", style: { background: "linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899)" } }, M()), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-titles" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-eyebrow" }, "Support escalation"), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-title" }, "Need a human to look at this?"))), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-desc" }, "We'll summarise this chat and raise a ticket. Our team will follow up on the email below."), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-form-grid" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-field-label" }, "Reply to"), h ? /* @__PURE__ */ e.createElement(
+    "input",
+    {
+      type: "email",
+      className: "dgl-ticket-input",
+      value: o,
+      onChange: (E) => s(E.target.value),
+      onBlur: () => o && w(!1),
+      placeholder: "you@example.com",
+      autoFocus: !0
+    }
+  ) : /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: "dgl-ticket-email-link",
+      onClick: () => w(!0),
+      title: "Click to change"
+    },
+    o || "Set email",
+    " ",
+    /* @__PURE__ */ e.createElement("span", { className: "dgl-ticket-email-change" }, "(change)")
+  )), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-field-label" }, "Priority"), /* @__PURE__ */ e.createElement(
+    "select",
+    {
+      className: "dgl-ticket-input",
+      value: y,
+      onChange: (E) => k(E.target.value)
+    },
+    /* @__PURE__ */ e.createElement("option", { value: "low" }, "Low"),
+    /* @__PURE__ */ e.createElement("option", { value: "medium" }, "Medium"),
+    /* @__PURE__ */ e.createElement("option", { value: "high" }, "High"),
+    /* @__PURE__ */ e.createElement("option", { value: "urgent" }, "Urgent")
+  ))), R && /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-error" }, R), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-footer" }, /* @__PURE__ */ e.createElement("span", { className: "dgl-ticket-hint" }, "The bot writes the title + description from this chat."), /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: "dgl-ticket-submit",
+      onClick: P,
+      disabled: L || !o.trim()
+    },
+    L ? z() : M(),
+    /* @__PURE__ */ e.createElement("span", null, L ? "Submitting…" : "Submit ticket")
+  ))));
+}
+function Ge({ created: t }) {
+  const n = A.open;
+  return /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-stripe", style: { background: "linear-gradient(90deg,#10b981,#14b8a6)" } }), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-body" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-head" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-icon", style: { background: "linear-gradient(135deg,#10b981,#14b8a6)" } }, Ye()), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-titles" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-eyebrow", style: { color: "#059669" } }, "Ticket created"), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-title" }, "#", t.externalNumber || t.id.slice(0, 8))), t.externalUrl && /* @__PURE__ */ e.createElement("a", { className: "dgl-ticket-open-btn", href: t.externalUrl, target: "_blank", rel: "noopener noreferrer" }, "Open")), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-pills" }, /* @__PURE__ */ e.createElement("span", { className: "dgl-ticket-pill", style: { background: n.pillBg, color: n.pillFg } }, /* @__PURE__ */ e.createElement("span", { className: "dgl-ticket-pill-dot", style: { background: n.iconBg } }), " Open")), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-desc" }, "Support team has been notified — they'll follow up directly on your email.")));
+}
+function He({
+  existing: t,
+  client: n,
+  conversationId: i,
+  defaultEmail: l,
+  defaultPhone: a,
+  onNewTicketRaised: o
+}) {
+  const s = A[t.status] || A.open, [r, d] = f(!1), [h, w] = f(l || ""), [y, k] = f("medium"), [L, _] = f(!1), [R, C] = f(null), P = async () => {
+    if (!h.trim()) {
+      C("Email is required so the team can follow up.");
+      return;
+    }
+    if (!i) {
+      C("Conversation not available yet.");
+      return;
+    }
+    _(!0), C(null);
+    try {
+      const E = await n.raiseTicket(i, {
+        consent: !0,
+        end_user_email: h.trim(),
+        end_user_phone: a || void 0,
+        priority: y,
+        force_new: !0
+      });
+      o == null || o(E);
+    } catch (E) {
+      C((E == null ? void 0 : E.message) || "Could not create ticket. Try again.");
+    } finally {
+      _(!1);
+    }
+  };
+  return /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-stripe", style: { background: s.stripe } }), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-body" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-head" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-icon", style: { background: s.iconBg } }, M()), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-titles" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-eyebrow" }, "We're already on it"), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-title" }, "#", t.externalNumber || t.ticketId.slice(0, 8))), t.externalUrl && /* @__PURE__ */ e.createElement("a", { className: "dgl-ticket-open-btn", href: t.externalUrl, target: "_blank", rel: "noopener noreferrer" }, "Open")), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-pills" }, /* @__PURE__ */ e.createElement("span", { className: "dgl-ticket-pill", style: { background: s.pillBg, color: s.pillFg } }, /* @__PURE__ */ e.createElement("span", { className: "dgl-ticket-pill-dot", style: { background: s.iconBg } }), " ", s.label)), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-desc" }, "A ticket has already been raised for this conversation. Our team will follow up — no need to file another."), r ? /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-diff-form" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-field-label", style: { marginTop: 4 } }, "File a separate ticket for a new issue"), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-form-grid" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-field-label" }, "Reply to"), /* @__PURE__ */ e.createElement(
+    "input",
+    {
+      type: "email",
+      className: "dgl-ticket-input",
+      value: h,
+      onChange: (E) => w(E.target.value),
+      placeholder: "you@example.com"
+    }
+  )), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-field-label" }, "Priority"), /* @__PURE__ */ e.createElement(
+    "select",
+    {
+      className: "dgl-ticket-input",
+      value: y,
+      onChange: (E) => k(E.target.value)
+    },
+    /* @__PURE__ */ e.createElement("option", { value: "low" }, "Low"),
+    /* @__PURE__ */ e.createElement("option", { value: "medium" }, "Medium"),
+    /* @__PURE__ */ e.createElement("option", { value: "high" }, "High"),
+    /* @__PURE__ */ e.createElement("option", { value: "urgent" }, "Urgent")
+  ))), R && /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-error" }, R), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-footer" }, /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: "dgl-ticket-diff-cancel",
+      onClick: () => d(!1)
+    },
+    "Cancel"
+  ), /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: "dgl-ticket-submit",
+      onClick: P,
+      disabled: L || !h.trim()
+    },
+    L ? z() : M(),
+    /* @__PURE__ */ e.createElement("span", null, L ? "Submitting…" : "Submit new ticket")
+  ))) : /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: "dgl-ticket-diff-link",
+      onClick: () => d(!0)
+    },
+    "Different issue? Raise new ticket →"
+  )));
+}
+function Xe({
+  ticket: t
+}) {
+  const n = A[t.status] || A.open, i = we[(t.priority || "medium").toLowerCase()] || we.medium;
+  return /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-stripe", style: { background: n.stripe } }), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-body" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-head" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-icon", style: { background: n.iconBg } }, M()), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-titles" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-eyebrow" }, "Support ticket"), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-title" }, "#", t.externalNumber || t.ticketId.slice(0, 8))), t.externalUrl && /* @__PURE__ */ e.createElement("a", { className: "dgl-ticket-open-btn", href: t.externalUrl, target: "_blank", rel: "noopener noreferrer" }, "Open")), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-pills" }, /* @__PURE__ */ e.createElement("span", { className: "dgl-ticket-pill", style: { background: n.pillBg, color: n.pillFg } }, /* @__PURE__ */ e.createElement("span", { className: "dgl-ticket-pill-dot", style: { background: n.iconBg } }), " ", n.label), /* @__PURE__ */ e.createElement("span", { className: "dgl-ticket-pill", style: { background: i.bg, color: i.fg } }, t.priority || "medium", " priority")), t.title && /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-card-body-title" }, t.title), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-meta-grid" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-meta-label" }, "Last update"), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-meta-value" }, xe(t.lastUpdate))), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-meta-label" }, "Assigned to"), /* @__PURE__ */ e.createElement("div", { className: "dgl-ticket-meta-value" }, t.assignedTo || "Unassigned")))));
+}
+function Ve({
+  tickets: t,
+  onClose: n,
+  onRefresh: i
+}) {
+  const [l, a] = f(!1);
+  T(() => {
+    const r = (d) => {
+      d.key === "Escape" && n();
+    };
+    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+  }, [n]);
+  const o = async () => {
+    a(!0);
+    try {
+      await i();
+    } finally {
+      a(!1);
+    }
+  }, s = [...t].sort((r, d) => {
+    const h = r.created_at ? new Date(r.created_at).getTime() : 0;
+    return (d.created_at ? new Date(d.created_at).getTime() : 0) - h;
+  });
+  return /* @__PURE__ */ e.createElement("div", { className: "dgl-tix-modal-backdrop", onClick: n }, /* @__PURE__ */ e.createElement("div", { className: "dgl-tix-modal", onClick: (r) => r.stopPropagation() }, /* @__PURE__ */ e.createElement("div", { className: "dgl-tix-modal-header" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "dgl-tix-modal-title" }, "Your tickets"), /* @__PURE__ */ e.createElement("div", { className: "dgl-tix-modal-sub" }, t.length === 0 ? "No tickets yet" : `${t.length} ticket${t.length === 1 ? "" : "s"} on this assistant`)), /* @__PURE__ */ e.createElement("div", { style: { display: "flex", gap: 4 } }, /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: o,
+      className: "dgl-icon-btn",
+      title: "Refresh",
+      "aria-label": "Refresh tickets",
+      disabled: l,
+      style: { color: "#475569" }
+    },
+    l ? z() : at()
+  ), /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: n,
+      className: "dgl-icon-btn",
+      title: "Close",
+      "aria-label": "Close",
+      style: { color: "#475569" }
+    },
+    Y()
+  ))), /* @__PURE__ */ e.createElement("div", { className: "dgl-tix-modal-list" }, s.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "dgl-tix-empty" }, "You haven't raised any support tickets here yet. They'll show up here once you do.") : s.map((r) => {
+    const d = A[r.status] || A.open;
+    return /* @__PURE__ */ e.createElement("div", { key: r.id, className: "dgl-tix-row" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-tix-row-head" }, /* @__PURE__ */ e.createElement("span", { className: "dgl-tix-row-num" }, "#", r.external_ticket_number || r.id.slice(0, 8)), /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        className: "dgl-ticket-pill",
+        style: { background: d.pillBg, color: d.pillFg }
+      },
+      /* @__PURE__ */ e.createElement("span", { className: "dgl-ticket-pill-dot", style: { background: d.iconBg } }),
+      d.label
+    ), r.external_url && /* @__PURE__ */ e.createElement(
+      "a",
+      {
+        href: r.external_url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "dgl-ticket-open-btn",
+        style: { marginLeft: "auto" }
+      },
+      "Open"
+    )), r.title && /* @__PURE__ */ e.createElement("div", { className: "dgl-tix-row-title" }, r.title), /* @__PURE__ */ e.createElement("div", { className: "dgl-tix-row-meta" }, r.priority || "medium", " priority · raised ", xe(r.created_at)));
+  }))));
+}
+function M() {
+  return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ e.createElement("circle", { cx: "12", cy: "12", r: "4" }), /* @__PURE__ */ e.createElement("path", { d: "M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M14.83 9.17l4.24-4.24M14.83 9.17l3.53-3.53M4.93 19.07l4.24-4.24" }));
+}
+function Ye() {
+  return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("path", { d: "M20 6L9 17l-5-5" }));
+}
+function ze() {
   return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "22", height: "22", fill: "currentColor" }, /* @__PURE__ */ e.createElement("path", { d: "M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8l-4 4V6a2 2 0 0 1 2-2z" }));
 }
-function Le() {
+function qe() {
   return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "22", height: "22", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "6 9 12 15 18 9" }));
 }
-function oe() {
+function Y() {
   return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ e.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }));
 }
-function Ue() {
+function Je() {
   return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("line", { x1: "12", y1: "5", x2: "12", y2: "19" }), /* @__PURE__ */ e.createElement("line", { x1: "5", y1: "12", x2: "19", y2: "12" }));
 }
-function Ie() {
+function Qe() {
   return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "currentColor" }, /* @__PURE__ */ e.createElement("path", { d: "M2 21l21-9L2 3v7l15 2-15 2z" }));
 }
-function $e() {
+function Ze() {
   return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), /* @__PURE__ */ e.createElement("circle", { cx: "8.5", cy: "8.5", r: "1.5" }), /* @__PURE__ */ e.createElement("polyline", { points: "21 15 16 10 5 21" }));
 }
-function Fe() {
+function z() {
   return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "16", height: "16", className: "dgl-spin", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" }, /* @__PURE__ */ e.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }));
 }
-function Re() {
+function et() {
   return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "15 3 21 3 21 9" }), /* @__PURE__ */ e.createElement("polyline", { points: "9 21 3 21 3 15" }), /* @__PURE__ */ e.createElement("line", { x1: "21", y1: "3", x2: "14", y2: "10" }), /* @__PURE__ */ e.createElement("line", { x1: "3", y1: "21", x2: "10", y2: "14" }));
 }
-function Se() {
+function tt() {
   return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "4 14 10 14 10 20" }), /* @__PURE__ */ e.createElement("polyline", { points: "20 10 14 10 14 4" }), /* @__PURE__ */ e.createElement("line", { x1: "14", y1: "10", x2: "21", y2: "3" }), /* @__PURE__ */ e.createElement("line", { x1: "3", y1: "21", x2: "10", y2: "14" }));
 }
-function Ae() {
+function at() {
+  return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ e.createElement("polyline", { points: "1 20 1 14 7 14" }), /* @__PURE__ */ e.createElement("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" }));
+}
+function _e() {
   return /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", width: "14", height: "14", fill: "currentColor" }, /* @__PURE__ */ e.createElement("path", { d: "M12 2l2.39 6.95L21 11l-6.61 2.05L12 20l-2.39-6.95L3 11l6.61-2.05L12 2z" }));
 }
-let C = null, L = null;
-function Te(t) {
+let B = null, O = null;
+function nt(t) {
   if (typeof document == "undefined")
     throw new Error("DocGenLab.init() requires a browser environment.");
-  if (C) {
-    C.render(re(V, t));
+  if (B) {
+    B.render(Ee(le, t));
     return;
   }
-  L = document.createElement("div"), L.id = "docgenlab-chat-widget-root", document.body.appendChild(L), C = he(L), C.render(re(V, t));
+  O = document.createElement("div"), O.id = "docgenlab-chat-widget-root", document.body.appendChild(O), B = $e(O), B.render(Ee(le, t));
 }
-function Be() {
-  C && (C.unmount(), C = null), L && (L.remove(), L = null);
+function lt() {
+  B && (B.unmount(), B = null), O && (O.remove(), O = null);
 }
-typeof window != "undefined" && (window.DocGenLab = { init: Te, destroy: Be, DocGenLabChat: V });
+typeof window != "undefined" && (window.DocGenLab = { init: nt, destroy: lt, DocGenLabChat: le });
 export {
-  V as DocGenLabChat,
-  Be as destroy,
-  Te as init
+  le as DocGenLabChat,
+  lt as destroy,
+  nt as init
 };
 //# sourceMappingURL=index.js.map