@docgenlab.com/chat-widget 0.2.4 → 0.4.2

package/dist/index.js

@@ -1,134 +1,200 @@
-import { createRoot as ke } from "react-dom/client";
+import { createRoot as $e } from "react-dom/client";
 import * as e from "react";
-import { useRef as _, useState as p, useEffect as C, useCallback as me, createElement as ge } from "react";
-const F = "/api/v1/public/kb", ue = "dgl-visitor-id";
-function he() {
+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, (s) => {
-    const l = Math.random() * 16 | 0;
-    return (s === "x" ? l : l & 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 we() {
+function Se() {
   try {
-    let t = localStorage.getItem(ue);
-    return t || (t = he(), localStorage.setItem(ue, t)), t;
+    let t = localStorage.getItem(ye);
+    return t || (t = ve(), localStorage.setItem(ye, t)), t;
   } catch (t) {
-    return he();
+    return ve();
   }
 }
-class xe {
-  constructor(s) {
-    this.agentKey = s.agentKey, this.baseUrl = s.apiBaseUrl.replace(/\/+$/, ""), this.visitorId = s.endUserId ? `user:${s.endUserId}` : we(), this.endUserHash = s.endUserHash;
+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(s) {
-    const l = {
+  headers(n) {
+    const i = {
       "X-DocGenLab-Key": this.agentKey,
       "X-DocGenLab-Visitor-Id": this.visitorId,
-      ...s || {}
+      ...n || {}
     };
-    return this.endUserHash && (l["X-DocGenLab-User-Hash"] = this.endUserHash), l;
+    return this.endUserHash && (i["X-DocGenLab-User-Hash"] = this.endUserHash), i;
   }
   async getAgent() {
-    const s = await fetch(`${this.baseUrl}${F}/agent`, {
+    const n = await fetch(`${this.baseUrl}${S}/agent`, {
       method: "GET",
       headers: this.headers()
     });
-    if (!s.ok) throw new Error(`getAgent failed: ${s.status}`);
-    return s.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(s) {
-    const l = new FormData();
-    l.append("file", s);
-    const r = await fetch(`${this.baseUrl}${F}/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: l
+      body: i
     });
-    if (!r.ok) {
-      let o = `${r.status} ${r.statusText}`;
+    if (!l.ok) {
+      let o = `${l.status} ${l.statusText}`;
       try {
-        const i = await r.json();
-        o = (i == null ? void 0 : i.detail) || o;
-      } catch (i) {
+        const s = await l.json();
+        o = (s == null ? void 0 : s.detail) || o;
+      } catch (s) {
       }
       throw new Error(o);
     }
-    return (await r.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(s) {
-    const l = `${this.baseUrl}${F}/chat-image?path=${encodeURIComponent(s)}&key=${encodeURIComponent(this.agentKey)}`, r = await fetch(l, {
+  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 (!r.ok) throw new Error(`fetchImage failed: ${r.status}`);
-    const n = await r.blob();
-    return URL.createObjectURL(n);
+    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(s, l) {
-    const r = `${this.baseUrl}${F}/sources/${encodeURIComponent(s)}/frame?path=${encodeURIComponent(l)}&key=${encodeURIComponent(this.agentKey)}`, n = await fetch(r, {
+  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 (!n.ok) throw new Error(`fetchSourceFrame failed: ${n.status}`);
-    const o = await n.blob();
+    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(s, l) {
-    const r = new AbortController();
+  streamChat(n, i) {
+    const l = new AbortController();
     return (async () => {
       try {
-        const n = await fetch(`${this.baseUrl}${F}/chat`, {
+        const a = await fetch(`${this.baseUrl}${S}/chat`, {
           method: "POST",
-          signal: r.signal,
+          signal: l.signal,
           headers: this.headers({ "Content-Type": "application/json", Accept: "text/event-stream" }),
-          body: JSON.stringify(s)
+          body: JSON.stringify(n)
         });
-        if (!n.ok || !n.body) {
-          let m = `${n.status} ${n.statusText}`;
+        if (!a.ok || !a.body) {
+          let d = `${a.status} ${a.statusText}`;
           try {
-            const f = await n.json();
-            m = (f == null ? void 0 : f.detail) || m;
-          } catch (f) {
+            const h = await a.json();
+            d = (h == null ? void 0 : h.detail) || d;
+          } catch (h) {
           }
-          l({ type: "error", error: m });
+          i({ type: "error", error: d });
           return;
         }
-        const o = n.body.getReader(), i = new TextDecoder();
-        let a = "";
+        const o = a.body.getReader(), s = new TextDecoder();
+        let r = "";
         for (; ; ) {
-          const { value: m, done: f } = await o.read();
-          if (f) break;
-          a += i.decode(m, { stream: !0 });
-          let N;
-          for (; (N = a.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 E = a.slice(0, N);
-            a = a.slice(N + 2);
-            const u = E.trim();
-            if (u.startsWith("data:"))
+            const y = r.slice(0, w);
+            r = r.slice(w + 2);
+            const k = y.trim();
+            if (k.startsWith("data:"))
               try {
-                const S = JSON.parse(u.slice(5).trim());
-                l(S);
-              } catch (S) {
+                const L = JSON.parse(k.slice(5).trim());
+                i(L);
+              } catch (L) {
               }
           }
         }
-      } catch (n) {
-        (n == null ? void 0 : n.name) !== "AbortError" && l({ type: "error", error: (n == null ? void 0 : n.message) || String(n) });
+      } catch (a) {
+        (a == null ? void 0 : a.name) !== "AbortError" && i({ type: "error", error: (a == null ? void 0 : a.message) || String(a) });
       }
-    })(), () => r.abort();
+    })(), () => l.abort();
   }
 }
-const x = {
+const F = {
   apiBaseUrl: "https://api.docgenlab.com",
   position: "bottom-right",
   primary: "#4F46E5",
@@ -138,194 +204,343 @@ const x = {
   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 z(t) {
-  var te, ne, ae, re, le, se, ie, oe;
-  const s = t.apiBaseUrl || x.apiBaseUrl, l = t.enableImageUpload !== !1, r = _(null), n = `${t.agentKey}::${t.endUserId || ""}::${t.endUserHash || ""}`, o = _("");
-  (!r.current || o.current !== n) && (r.current = new xe({
+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: s,
+    apiBaseUrl: n,
     endUserId: t.endUserId,
     endUserHash: t.endUserHash
-  }), o.current = n);
-  const i = r.current, [a, m] = p(null), [f, N] = p(null), E = (a == null ? void 0 : a.widget_config) || {}, u = {
-    position: t.position || E.position || x.position,
-    primary: ((te = t.theme) == null ? void 0 : te.primary) || E.primary_color || x.primary,
-    primaryText: ((ne = t.theme) == null ? void 0 : ne.primaryText) || E.primary_text_color || x.primaryText,
-    radius: ((ae = t.theme) == null ? void 0 : ae.radius) || E.radius || x.radius,
-    fontFamily: ((re = t.theme) == null ? void 0 : re.fontFamily) || x.fontFamily,
-    greeting: t.greeting || E.greeting || x.greeting,
-    agentName: t.agentName || E.agent_name || (a == null ? void 0 : a.name) || "Assistant",
-    agentAvatarUrl: t.agentAvatarUrl || E.agent_avatar_url || void 0,
-    launcherAvatarUrl: E.launcher_avatar_url || void 0,
-    hideBranding: (se = (le = t.hideBranding) != null ? le : E.hide_branding) != null ? se : !1,
-    openOnLoad: (oe = (ie = t.openOnLoad) != null ? ie : E.open_on_load) != null ? oe : !1
-  }, S = {
-    "--dgl-primary": u.primary,
-    "--dgl-primary-text": u.primaryText,
-    "--dgl-radius": u.radius,
-    "--dgl-font": u.fontFamily
-  }, [R, J] = p(u.openOnLoad), [A, ye] = p(!1), [T, U] = p([]), [O, W] = p(""), [$, B] = p(!1), [D, M] = p(null), [Y, G] = p(null), [k, H] = p(null), [j, V] = p(!1), Q = _(null), X = _(null), K = _(""), P = _(null);
-  C(() => {
-    !R || a || i.getAgent().then((c) => {
-      var d;
-      m(c), (d = t.onReady) == null || d.call(t, c);
-    }).catch((c) => {
-      var d;
-      N(c.message), (d = t.onError) == null || d.call(t, c.message);
+  }), 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);
     });
-  }, [R, a, i, t]), C(() => {
-    const c = `dgl-chat:${t.agentKey}`, d = localStorage.getItem(c);
-    d && M(d);
-  }, [t.agentKey]), C(() => {
-    D && localStorage.setItem(`dgl-chat:${t.agentKey}`, D);
-  }, [D, t.agentKey]), C(() => {
-    P.current && (P.current.scrollTop = P.current.scrollHeight);
-  }, [T]);
-  const Z = me(() => {
-    k && URL.revokeObjectURL(k), G(null), H(null);
-  }, [k]), ee = me((c) => {
-    if (!c.type.startsWith("image/")) return;
-    const d = 10 * 1024 * 1024;
-    c.size > d || (k && URL.revokeObjectURL(k), G(c), H(URL.createObjectURL(c)));
-  }, [k]), Ee = async (c) => {
-    var ce;
-    if (c.preventDefault(), !O.trim() || $ || j) return;
-    const d = O.trim();
-    let b, w;
-    if (Y) {
+  }, [_, 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 {
+        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 {
-        V(!0), b = await i.uploadImage(Y);
-      } catch (g) {
-        (ce = t.onError) == null || ce.call(t, (g == null ? void 0 : g.message) || "Image upload failed"), V(!1);
+        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;
       }
-      V(!1), w = k || void 0;
+      ee(!1), v = $ || void 0;
     }
-    W(""), K.current = "", U((g) => [
-      ...g,
-      { role: "user", content: d, imagePath: b, imagePreviewUrl: w },
+    q(""), X.current = "", I((c) => [
+      ...c,
+      { role: "user", content: b, imagePath: x, imagePreviewUrl: v },
       { role: "assistant", content: "", streaming: !0 }
-    ]), B(!0), G(null), H(null), X.current = i.streamChat(
-      { message: d, conversation_id: D || void 0, image_path: b },
-      (g) => {
-        var de;
-        if (g.type === "conversation")
-          M(g.conversation_id);
-        else if (g.type === "token") {
-          K.current += g.content;
-          const y = K.current;
-          U((h) => h.map(
-            (v, ve) => ve === h.length - 1 && v.role === "assistant" ? { ...v, content: y } : v
+    ]), 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 g.type === "citations" ? U((y) => y.map(
-          (h, v) => v === y.length - 1 && h.role === "assistant" ? { ...h, citations: g.citations } : h
-        )) : g.type === "refused" ? (K.current = g.content, U((y) => y.map(
-          (h, v) => v === y.length - 1 && h.role === "assistant" ? { ...h, content: g.content, refused: !0 } : h
-        ))) : g.type === "done" ? (U((y) => y.map(
-          (h, v) => v === y.length - 1 && h.role === "assistant" ? { ...h, streaming: !1, id: g.message_id, cacheHit: g.cache_hit } : h
-        )), B(!1)) : g.type === "error" && (U((y) => y.map(
-          (h, v) => v === y.length - 1 && h.role === "assistant" ? { ...h, content: `Error: ${g.error}`, streaming: !1, refused: !0 } : h
-        )), B(!1), (de = t.onError) == null || de.call(t, g.error));
+        } 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 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));
       }
     );
-  }, be = () => {
-    X.current && X.current(), U([]), M(null), B(!1), localStorage.removeItem(`dgl-chat:${t.agentKey}`), Z();
+  }, 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-${u.position}`, style: S }, R && /* @__PURE__ */ e.createElement("div", { className: `dgl-panel ${A ? "dgl-panel-expanded" : ""}` }, /* @__PURE__ */ e.createElement("div", { className: "dgl-header" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-header-info" }, u.agentAvatarUrl ? /* @__PURE__ */ e.createElement("img", { src: u.agentAvatarUrl, alt: "", className: "dgl-avatar" }) : /* @__PURE__ */ e.createElement("div", { className: "dgl-avatar dgl-avatar-fallback dgl-avatar-fallback-light" }, u.agentName.slice(0, 1).toUpperCase()), /* @__PURE__ */ e.createElement("div", { className: "dgl-header-text" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-title" }, u.agentName), (a == null ? void 0 : a.org_name) && /* @__PURE__ */ e.createElement("div", { className: "dgl-subtitle" }, a.org_name))), /* @__PURE__ */ e.createElement("div", { className: "dgl-header-actions" }, /* @__PURE__ */ e.createElement(
+  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: () => 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: be,
+      onClick: Le,
       className: "dgl-icon-btn",
       title: "New chat",
       "aria-label": "New chat"
     },
-    Oe()
+    Je()
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      onClick: () => ye((c) => !c),
+      onClick: () => P((m) => !m),
       className: "dgl-icon-btn dgl-hide-on-mobile",
-      title: A ? "Restore size" : "Expand view",
-      "aria-label": A ? "Restore size" : "Expand view"
+      title: C ? "Restore size" : "Expand view",
+      "aria-label": C ? "Restore size" : "Expand view"
     },
-    A ? Pe() : Ke()
+    C ? tt() : et()
   ), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      onClick: () => J(!1),
+      onClick: () => R(!1),
       className: "dgl-icon-btn",
       title: "Close",
       "aria-label": "Close"
     },
-    q()
-  ))), /* @__PURE__ */ e.createElement("div", { className: "dgl-messages", ref: P }, T.length === 0 && !f && /* @__PURE__ */ e.createElement("div", { className: "dgl-empty" }, /* @__PURE__ */ e.createElement("div", { className: "dgl-empty-icon" }, pe()), /* @__PURE__ */ e.createElement("div", { className: "dgl-empty-text" }, u.greeting), /* @__PURE__ */ e.createElement("div", { className: "dgl-empty-sub" }, (a == null ? void 0 : a.description) || x.greetingSub)), f && /* @__PURE__ */ e.createElement("div", { className: "dgl-error" }, "Couldn't load the assistant: ", f), T.map((c, d) => /* @__PURE__ */ e.createElement(
-    Ne,
+    Y()
+  ))), Ue && /* @__PURE__ */ e.createElement(
+    Ve,
+    {
+      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: d,
-      message: c,
-      client: i,
-      isLast: d === T.length - 1,
-      agentAvatarUrl: u.agentAvatarUrl,
-      onPickFollowup: (b) => {
-        W(b);
+      key: b,
+      message: m,
+      client: s,
+      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: Ee }, k && /* @__PURE__ */ e.createElement("div", { className: "dgl-staged-image" }, /* @__PURE__ */ e.createElement("img", { src: k, 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: Z,
+      onClick: ce,
       className: "dgl-staged-remove",
       "aria-label": "Remove image"
     },
-    q()
-  )), /* @__PURE__ */ e.createElement("div", { className: "dgl-composer-row" }, l && /* @__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 c;
-        return (c = Q.current) == null ? void 0 : c.click();
+        var m;
+        return (m = ie.current) == null ? void 0 : m.click();
       },
-      disabled: $ || j,
+      disabled: D || H,
       title: "Attach image",
       "aria-label": "Attach image"
     },
-    De()
+    Ze()
   ), /* @__PURE__ */ e.createElement(
     "input",
     {
-      ref: Q,
+      ref: ie,
       type: "file",
       accept: "image/png,image/jpeg,image/webp,image/gif",
       style: { display: "none" },
-      onChange: (c) => {
-        var b;
-        const d = (b = c.target.files) == null ? void 0 : b[0];
-        d && ee(d), c.target && (c.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: O,
-      onChange: (c) => W(c.target.value),
-      placeholder: $ ? "Thinking…" : k ? "Describe what to know about this image…" : "Type your question…",
-      disabled: $,
-      onPaste: (c) => {
-        var b;
-        if (!l) return;
-        const d = Array.from(((b = c.clipboardData) == null ? void 0 : b.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 (d) {
-          const w = d.getAsFile();
-          w && (c.preventDefault(), ee(w));
+        if (b) {
+          const v = b.getAsFile();
+          v && (m.preventDefault(), oe(v));
         }
       }
     }
@@ -334,262 +549,556 @@ function z(t) {
     {
       type: "submit",
       className: "dgl-send-btn",
-      disabled: !O.trim() || $ || j,
+      disabled: !W.trim() || D || H,
       "aria-label": "Send"
     },
-    $ || j ? je() : Be()
-  )), !u.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: () => J((c) => !c),
-      "aria-label": R ? "Close chat" : "Open chat"
+      onClick: () => R((m) => !m),
+      "aria-label": _ ? "Close chat" : "Open chat"
     },
-    R ? Te() : u.launcherAvatarUrl ? /* @__PURE__ */ e.createElement("img", { src: u.launcherAvatarUrl, alt: "", className: "dgl-launcher-avatar" }) : Ae()
+    _ ? qe() : k.launcherAvatarUrl ? /* @__PURE__ */ e.createElement("img", { src: k.launcherAvatarUrl, alt: "", className: "dgl-launcher-avatar" }) : ze()
   ));
 }
-function Ne({
+function Re({
   message: t,
-  client: s,
-  isLast: l,
-  agentAvatarUrl: r,
-  onPickFollowup: n
+  client: n,
+  isLast: i,
+  agentAvatarUrl: l,
+  onPickFollowup: a,
+  defaultEmail: o,
+  defaultPhone: s,
+  conversationId: r,
+  onTicketCreated: d
 }) {
-  var a;
+  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(Ce, { client: s, imagePath: t.imagePath, previewUrl: t.imagePreviewUrl }), t.content));
-  const o = Re(t.content), i = t.streaming ? [] : _e(t.content);
-  return /* @__PURE__ */ e.createElement("div", { className: "dgl-msg dgl-msg-assistant" }, r ? /* @__PURE__ */ e.createElement("img", { src: r, className: "dgl-avatar", alt: "" }) : /* @__PURE__ */ e.createElement("div", { className: "dgl-avatar dgl-avatar-fallback" }, pe()), /* @__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(Se, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, Fe(o), t.streaming && /* @__PURE__ */ e.createElement("span", { className: "dgl-typing-cursor" }, "▍"))), !t.streaming && !!((a = t.citations) != null && a.length) && /* @__PURE__ */ e.createElement(Ie, { citations: t.citations, client: s }), i.length > 0 && /* @__PURE__ */ e.createElement(Ue, { suggestions: i, onPick: n })));
+    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 Ue({
+function Fe({
   suggestions: t,
-  onPick: s
+  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((l, r) => /* @__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: r,
+      key: l,
       type: "button",
       className: "dgl-followup-chip",
-      onClick: () => s(l)
+      onClick: () => n(i)
     },
-    l
+    i
   ))));
 }
-function Ce({
+function Be({
   client: t,
-  imagePath: s,
-  previewUrl: l
+  imagePath: n,
+  previewUrl: i
 }) {
-  const [r, n] = p(l || null), [o, i] = p(!1);
-  return C(() => {
-    if (l || !s) return;
-    let a = null;
-    return t.fetchImage(s).then((m) => {
-      a = m, n(m);
-    }).catch(() => n(null)), () => {
-      a && URL.revokeObjectURL(a);
+  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, s, l]), C(() => {
+  }, [t, n, i]), T(() => {
     if (!o) return;
-    const a = (f) => {
-      f.key === "Escape" && i(!1);
+    const r = (h) => {
+      h.key === "Escape" && s(!1);
     };
-    window.addEventListener("keydown", a);
-    const m = document.body.style.overflow;
+    window.addEventListener("keydown", r);
+    const d = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      window.removeEventListener("keydown", a), document.body.style.overflow = m;
+      window.removeEventListener("keydown", r), document.body.style.overflow = d;
     };
-  }, [o]), r ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+  }, [o]), l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      onClick: () => i(!0),
+      onClick: () => s(!0),
       className: "dgl-user-image-btn",
       "aria-label": "View image"
     },
-    /* @__PURE__ */ e.createElement("img", { src: r, className: "dgl-user-image", alt: "attached" })
+    /* @__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: () => i(!1)
+      onClick: () => s(!1)
     },
     /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
         className: "dgl-lightbox-close",
-        onClick: (a) => {
-          a.stopPropagation(), i(!1);
+        onClick: (r) => {
+          r.stopPropagation(), s(!1);
         },
         "aria-label": "Close image"
       },
-      q()
+      Y()
     ),
     /* @__PURE__ */ e.createElement(
       "img",
       {
-        src: r,
+        src: l,
         className: "dgl-lightbox-img",
         alt: "attached",
-        onClick: (a) => a.stopPropagation()
+        onClick: (r) => r.stopPropagation()
       }
     )
   )) : null;
 }
-function Ie({ citations: t, client: s }) {
-  const l = {};
-  for (const a of t) {
-    const m = l[a.source_id];
-    (!m || a.score > m.score) && (l[a.source_id] = a);
+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 r = Object.values(l).sort((a, m) => m.score - a.score).slice(0, 3), n = Object.keys(l).length - r.length;
-  if (!r.length) return null;
-  const [o, i] = p(null);
-  return /* @__PURE__ */ e.createElement("div", { className: "dgl-citations" }, r.map((a) => /* @__PURE__ */ e.createElement(
-    Le,
+  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: a.chunk_id,
-      citation: a,
-      client: s,
-      isOpen: o === a.chunk_id,
-      onToggle: () => i(o === a.chunk_id ? null : a.chunk_id)
+      key: r.chunk_id,
+      citation: r,
+      client: n,
+      isOpen: o === r.chunk_id,
+      onToggle: () => s(o === r.chunk_id ? null : r.chunk_id)
     }
-  )), n > 0 && /* @__PURE__ */ e.createElement("span", { className: "dgl-citation-more" }, "+", n, " more"));
+  )), a > 0 && /* @__PURE__ */ e.createElement("span", { className: "dgl-citation-more" }, "+", a, " more"));
 }
-function Le({
+function Ae({
   citation: t,
-  client: s,
-  isOpen: l,
-  onToggle: r
+  client: n,
+  isOpen: i,
+  onToggle: l
 }) {
-  const n = t, o = !!n.frame_path, i = n.heading ? `${n.heading}${n.subheading ? " › " + n.subheading : ""}` : null, a = n.start_seconds != null ? `${Math.floor(n.start_seconds / 60)}:${String(n.start_seconds % 60).padStart(2, "0")}` : null;
+  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 ${l ? "dgl-citation-open" : ""}`,
-      onClick: r,
-      title: n.snippet || ""
+      className: `dgl-citation ${i ? "dgl-citation-open" : ""}`,
+      onClick: l,
+      title: a.snippet || ""
     },
     o && /* @__PURE__ */ e.createElement("span", { className: "dgl-citation-icon" }, "▶"),
-    n.source_name,
-    a && /* @__PURE__ */ e.createElement("span", { className: "dgl-citation-stamp" }, " · ", a),
-    n.page && /* @__PURE__ */ e.createElement("span", { className: "dgl-citation-stamp" }, " · p", n.page)
-  ), l && /* @__PURE__ */ e.createElement("div", { className: "dgl-citation-popover" }, n.frame_path && /* @__PURE__ */ e.createElement(
-    $e,
+    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: s,
-      sourceId: n.source_id,
-      framePath: n.frame_path
+      client: n,
+      sourceId: a.source_id,
+      framePath: a.frame_path
     }
-  ), i && /* @__PURE__ */ e.createElement("div", { className: "dgl-citation-breadcrumb" }, i), n.snippet && /* @__PURE__ */ e.createElement("div", { className: "dgl-citation-snippet" }, n.snippet)));
+  ), s && /* @__PURE__ */ e.createElement("div", { className: "dgl-citation-breadcrumb" }, s), a.snippet && /* @__PURE__ */ e.createElement("div", { className: "dgl-citation-snippet" }, a.snippet)));
 }
-function $e({
+function De({
   client: t,
-  sourceId: s,
-  framePath: l
+  sourceId: n,
+  framePath: i
 }) {
-  const [r, n] = p(null);
-  return C(() => {
+  const [l, a] = f(null);
+  return T(() => {
     let o = null;
-    return t.fetchSourceFrame(s, l).then((i) => {
-      o = i, n(i);
-    }).catch(() => n(null)), () => {
+    return t.fetchSourceFrame(n, i).then((s) => {
+      o = s, a(s);
+    }).catch(() => a(null)), () => {
       o && URL.revokeObjectURL(o);
     };
-  }, [t, s, l]), r ? /* @__PURE__ */ e.createElement("a", { href: r, target: "_blank", rel: "noopener noreferrer", className: "dgl-citation-frame-link" }, /* @__PURE__ */ e.createElement("img", { src: r, alt: "", className: "dgl-citation-frame" })) : /* @__PURE__ */ e.createElement("div", { className: "dgl-citation-frame-loading" });
+  }, [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 _e(t) {
-  const s = t.match(/<followups>([\s\S]*?)<\/followups>/i);
-  return s ? s[1].split(`
-`).map((l) => l.trim()).map((l) => l.replace(/^[-*•\d.)\s"']+|["']$/g, "").trim()).filter((l) => l.length >= 4 && l.length <= 120).slice(0, 3) : [];
+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 Re(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 Fe(t) {
-  return t.split(/\n{2,}/).map((l, r) => {
-    const n = l.split(`
+function Pe(t) {
+  return t.split(/\n{2,}/).map((i, l) => {
+    const a = i.split(`
 `);
-    if (n.every((i) => /^(\s*)([-*]|\d+\.)\s/.test(i)) && n.length > 0) {
-      const i = /^\d+\./.test(n[0].trim()), a = n.map((f) => f.replace(/^\s*(?:[-*]|\d+\.)\s+/, "")), m = i ? "ol" : "ul";
-      return /* @__PURE__ */ e.createElement(m, { key: r, className: `dgl-md-list ${i ? "dgl-md-ol" : "dgl-md-ul"}` }, a.map((f, N) => /* @__PURE__ */ e.createElement("li", { key: N }, fe(f))));
+    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: r, className: "dgl-md-p" }, l.split(`
-`).map((i, a, m) => /* @__PURE__ */ e.createElement(e.Fragment, { key: a }, fe(i), a < m.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 fe(t) {
-  const s = /(`[^`]+`|\*\*[^*\n]+\*\*|\*[^*\n]+\*|\[[^\]]+\]\([^)]+\))/g;
-  return t.split(s).map((r, n) => {
-    if (!r) return null;
-    if (r.startsWith("`") && r.endsWith("`"))
-      return /* @__PURE__ */ e.createElement("code", { key: n, className: "dgl-md-code" }, r.slice(1, -1));
-    if (r.startsWith("**") && r.endsWith("**"))
-      return /* @__PURE__ */ e.createElement("strong", { key: n }, r.slice(2, -2));
-    if (r.startsWith("*") && r.endsWith("*") && r.length > 2)
-      return /* @__PURE__ */ e.createElement("em", { key: n }, r.slice(1, -1));
-    const o = r.match(/^\[([^\]]+)\]\(([^)]+)\)$/);
-    return o ? /* @__PURE__ */ e.createElement("a", { key: n, href: o[2], target: "_blank", rel: "noopener noreferrer", className: "dgl-md-link" }, o[1]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, r);
+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 Se() {
+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 Ae() {
+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 Te() {
+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 q() {
+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 Oe() {
+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 Be() {
+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 De() {
+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 je() {
+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 Ke() {
+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 Pe() {
+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 pe() {
+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 I = null, L = null;
-function We(t) {
+let B = null, O = null;
+function nt(t) {
   if (typeof document == "undefined")
     throw new Error("DocGenLab.init() requires a browser environment.");
-  if (I) {
-    I.render(ge(z, t));
+  if (B) {
+    B.render(Ee(le, t));
     return;
   }
-  L = document.createElement("div"), L.id = "docgenlab-chat-widget-root", document.body.appendChild(L), I = ke(L), I.render(ge(z, t));
+  O = document.createElement("div"), O.id = "docgenlab-chat-widget-root", document.body.appendChild(O), B = $e(O), B.render(Ee(le, t));
 }
-function Me() {
-  I && (I.unmount(), I = null), L && (L.remove(), L = null);
+function lt() {
+  B && (B.unmount(), B = null), O && (O.remove(), O = null);
 }
-typeof window != "undefined" && (window.DocGenLab = { init: We, destroy: Me, DocGenLabChat: z });
+typeof window != "undefined" && (window.DocGenLab = { init: nt, destroy: lt, DocGenLabChat: le });
 export {
-  z as DocGenLabChat,
-  Me as destroy,
-  We as init
+  le as DocGenLabChat,
+  lt as destroy,
+  nt as init
 };
 //# sourceMappingURL=index.js.map