dewee-webchat 0.4.2 → 0.5.0-beta.1

package/dist/{chunk-UGHJZAKL.js → chunk-M6J3IXEI.js}

@@ -9,7 +9,7 @@ import {
   isLinkErrorCode,
   parseJobAccessLaunch,
   stripPageBlock
-} from "./chunk-SAUDVPFH.js";
+} from "./chunk-WHHQ6FKK.js";
 
 // src/actions/directives.ts
 var DIRECTIVE_LANG = "dewee-action";
@@ -79,14 +79,44 @@ function stripDirectives(content) {
   return removeBlocks(lines, findBlocks(lines, DIRECTIVE_OPEN_RE));
 }
 function isActionResultMessage(content) {
-  return RESULT_OPEN_RE.test(content.trimStart().split("\n", 1)[0] ?? "");
+  return /^\s*```dewee-action-result(?:\s|$)/.test(content);
+}
+function compactResultBodies(content) {
+  const open = /```dewee-action-result\s+/g;
+  const bodies = [];
+  let match;
+  while (match = open.exec(content)) {
+    const start = open.lastIndex;
+    if (content[start] !== "{") continue;
+    let depth = 0, quoted = false, escaped = false;
+    for (let i = start; i < content.length; i++) {
+      const c = content[i];
+      if (quoted) {
+        if (escaped) escaped = false;
+        else if (c === "\\") escaped = true;
+        else if (c === '"') quoted = false;
+      } else if (c === '"') quoted = true;
+      else if (c === "{") depth++;
+      else if (c === "}" && --depth === 0) {
+        const close = /^\s*```/.exec(content.slice(i + 1));
+        if (close) {
+          bodies.push(content.slice(start, i + 1));
+          open.lastIndex = i + 1 + close[0].length;
+        }
+        break;
+      }
+    }
+  }
+  return bodies;
 }
 function parseActionResults(content) {
   const lines = content.replace(/\r\n?/g, "\n").split("\n");
   const out = [];
-  for (const b of findBlocks(lines, RESULT_OPEN_RE)) {
+  const blocks = findBlocks(lines, RESULT_OPEN_RE);
+  const bodies = blocks.length ? blocks.map((b) => b.body.join("\n")) : compactResultBodies(content);
+  for (const body of bodies) {
     try {
-      const r = JSON.parse(b.body.join("\n"));
+      const r = JSON.parse(body);
       if (r && typeof r.id === "string" && ["ok", "denied", "error"].includes(r.status)) out.push(r);
     } catch {
     }
@@ -584,6 +614,8 @@ var ApiClient = class {
   session = null;
   config = null;
   sessionPromise = null;
+  supersededSessions = /* @__PURE__ */ new Map();
+  sessionGeneration = 0;
   url(action, qs) {
     const base = this.o.endpoint.replace(/\/+$/, "");
     const q = qs ? "?" + new URLSearchParams(qs).toString() : "";
@@ -618,7 +650,7 @@ var ApiClient = class {
       h[HEADER_GATEWAY_TOKEN] = this.o.gatewayToken;
     }
     if (auth) {
-      const s = this.session && this.fresh(this.session) ? this.session : await this.ensureSession();
+      const s = await this.ensureSession();
       h.authorization = `Bearer ${s.token}`;
     }
     return h;
@@ -632,16 +664,24 @@ var ApiClient = class {
     }
     return body;
   }
-  async getConfig(force = false) {
+  /** Obtain a short-lived, URL-bound image capability without exposing the visitor bearer in src. */
+  async imageUrl(source, signal) {
+    const res = await this.request(this.url("image-ticket"), { method: "POST", headers: await this.headers(true), body: JSON.stringify({ url: source }), redirect: "error", signal });
+    const data = await this.parse(res);
+    if (typeof data.ticket !== "string" || !/^[A-Za-z0-9_-]{1,8192}$/.test(data.ticket)) throw new Error("Invalid image ticket");
+    return this.url("image", { ticket: data.ticket });
+  }
+  async getConfig(force = false, probePageContext = false) {
     if (this.config && !force) return this.config;
-    this.config = await this.parse(await this.request(this.url("config"), { headers: await this.headers() }));
+    this.config = await this.parse(await this.request(this.url("config", probePageContext ? { pageContext: "1" } : void 0), { headers: await this.headers() }));
     return this.config;
   }
   /** When each signed-in session should be refreshed, on this browser's clock. */
   refreshAt = /* @__PURE__ */ new WeakMap();
   /**
    * Session reuse. A signed-in session follows its schedule (see `scheduleRefresh`). An anonymous
-   * token is refreshed once less than 10% of its lifetime (at most 24 h, at least 30 s) remains; a
+   * token is refreshed once less than 10% of its lifetime (at most 24 h, at least 30 s, and no more
+   * than half the lifetime) remains; a
    * stored token from before `obtainedAt` existed uses the 24 h margin. When the backend reports the
    * lifetime (`expiresIn`), it is counted from receipt, so a skewed browser clock does not matter.
    */
@@ -650,7 +690,7 @@ var ApiClient = class {
     const reported = typeof s.expiresIn === "number" && s.expiresIn >= 0 && s.obtainedAt;
     const end = reported ? s.obtainedAt + s.expiresIn : s.expiresAt;
     const lifetime = reported ? s.expiresIn : s.obtainedAt ? s.expiresAt - s.obtainedAt : Infinity;
-    const margin = Math.min(864e5, Math.max(3e4, lifetime * 0.1));
+    const margin = Math.min(864e5, lifetime / 2, Math.max(3e4, lifetime * 0.1));
     return end - Date.now() > margin;
   }
   /**
@@ -668,7 +708,11 @@ var ApiClient = class {
     if (!saved) return null;
     try {
       const s = JSON.parse(saved);
-      return s.verified ? null : s;
+      if (s.verified) {
+        store.del(this.storageKey);
+        return null;
+      }
+      return s;
     } catch {
       return null;
     }
@@ -679,21 +723,35 @@ var ApiClient = class {
   }
   /** Returns a valid visitor session, creating or refreshing it when needed. */
   ensureSession() {
+    if (this.sessionPromise) return this.sessionPromise;
     if (this.session && this.fresh(this.session)) return Promise.resolve(this.session);
-    return this.sessionPromise ??= this.loadSession().finally(() => this.sessionPromise = null);
+    const generation = this.sessionGeneration;
+    const promise = this.loadSession(generation).catch((error) => {
+      if (generation !== this.sessionGeneration) return this.supersededSessions.get(generation);
+      throw error;
+    }).finally(() => {
+      if (this.sessionPromise === promise) this.sessionPromise = null;
+      this.supersededSessions.delete(generation);
+    });
+    return this.sessionPromise = promise;
   }
-  async loadSession() {
+  async loadSession(generation) {
     if (!this.session) {
       const s = this.stored();
       if (s) {
-        if (this.fresh(s) && !(await this.getConfig()).identity) return this.session = s;
+        if (this.fresh(s)) {
+          const cfg = await this.getConfig();
+          if (generation !== this.sessionGeneration) return this.supersededSessions.get(generation);
+          if (!cfg.identity) return this.session = s;
+        }
         this.session = s;
       }
     }
-    return this.createSession();
+    return this.createSession(generation);
   }
-  async createSession() {
+  async createSession(generation) {
     const cfg = await this.getConfig();
+    if (generation !== this.sessionGeneration) return this.supersededSessions.get(generation);
     const body = {};
     const previous = this.session && !this.session.verified ? this.session : this.stored();
     if (previous?.token) body.token = previous.token;
@@ -717,9 +775,12 @@ var ApiClient = class {
         s = await post();
       }
     } catch (e) {
+      if (generation !== this.sessionGeneration) return this.supersededSessions.get(generation);
+      this.session = null;
       if (e instanceof ApiError && e.status === 401) tabStore.del(this.reuseKey);
       throw e;
     }
+    if (generation !== this.sessionGeneration) return this.supersededSessions.get(generation);
     const now = Date.now();
     const held = { ...s, obtainedAt: now };
     this.session = held;
@@ -749,8 +810,14 @@ var ApiClient = class {
    * stored anonymous visitor id is kept, so an anonymous visitor's history survives.
    */
   async renewSession() {
+    const previousGeneration = this.sessionGeneration;
+    const previous = this.sessionPromise;
+    this.sessionGeneration++;
     this.session = null;
-    return this.ensureSession();
+    this.sessionPromise = null;
+    const next = this.ensureSession();
+    if (previous) this.supersededSessions.set(previousGeneration, next);
+    return next;
   }
   /** Requests a single-use launch ticket. Does not refresh or swap the signed-in session after refusal. */
   async jobAccess(signal) {
@@ -1078,7 +1145,10 @@ var en = {
   jobAccessOpened: "Job access opened in a new window. Review and confirm any permissions there.",
   jobAccessUnavailable: "Job access could not be opened. Sign in again or retry.",
   jobAccessPopupBlocked: "Allow popups for this site, then choose Job access again.",
-  jobAccessPopupClosed: "The window was closed. Choose Job access again to retry."
+  jobAccessPopupClosed: "The window was closed. Choose Job access again to retry.",
+  pageShare: "Share this page with the assistant for this message",
+  pageChanged: "The page changed. Review it and choose to share again before sending.",
+  pageUnavailable: "Page details are unavailable. You can send without them."
 };
 var vi = {
   title: "Tr\u1EE3 l\xFD",
@@ -1138,7 +1208,10 @@ var vi = {
   jobAccessOpened: "\u0110\xE3 m\u1EDF c\u1EEDa s\u1ED5 quy\u1EC1n c\xF4ng vi\u1EC7c. H\xE3y xem l\u1EA1i v\xE0 x\xE1c nh\u1EADn quy\u1EC1n t\u1EA1i \u0111\xF3.",
   jobAccessUnavailable: "Ch\u01B0a m\u1EDF \u0111\u01B0\u1EE3c quy\u1EC1n c\xF4ng vi\u1EC7c. H\xE3y \u0111\u0103ng nh\u1EADp l\u1EA1i ho\u1EB7c th\u1EED l\u1EA1i.",
   jobAccessPopupBlocked: "Cho ph\xE9p c\u1EEDa s\u1ED5 b\u1EADt l\xEAn cho trang n\xE0y r\u1ED3i ch\u1ECDn Quy\u1EC1n c\xF4ng vi\u1EC7c l\u1EA7n n\u1EEFa.",
-  jobAccessPopupClosed: "C\u1EEDa s\u1ED5 \u0111\xE3 \u0111\xF3ng. Ch\u1ECDn Quy\u1EC1n c\xF4ng vi\u1EC7c l\u1EA7n n\u1EEFa \u0111\u1EC3 th\u1EED l\u1EA1i."
+  jobAccessPopupClosed: "C\u1EEDa s\u1ED5 \u0111\xE3 \u0111\xF3ng. Ch\u1ECDn Quy\u1EC1n c\xF4ng vi\u1EC7c l\u1EA7n n\u1EEFa \u0111\u1EC3 th\u1EED l\u1EA1i.",
+  pageShare: "Chia s\u1EBB trang n\xE0y v\u1EDBi tr\u1EE3 l\xFD trong tin nh\u1EAFn n\xE0y",
+  pageChanged: "Trang \u0111\xE3 thay \u0111\u1ED5i. H\xE3y xem l\u1EA1i v\xE0 ch\u1ECDn chia s\u1EBB tr\u01B0\u1EDBc khi g\u1EEDi.",
+  pageUnavailable: "Kh\xF4ng th\u1EC3 \u0111\u1ECDc n\u1ED9i dung trang. B\u1EA1n v\u1EABn c\xF3 th\u1EC3 g\u1EEDi tin nh\u1EAFn."
 };
 function pickStrings(locale) {
   const l = (locale || (typeof document !== "undefined" ? document.documentElement.lang : "") || (typeof navigator !== "undefined" ? navigator.language : "") || "en").toLowerCase();
@@ -1158,6 +1231,40 @@ var icons = {
 };
 
 // src/widget/markdown.ts
+var imageObservers = /* @__PURE__ */ new WeakMap();
+var imageLoads = /* @__PURE__ */ new WeakMap();
+function disposeMarkdownImages(root) {
+  for (const image of root.querySelectorAll("img.md-image")) {
+    imageObservers.get(image)?.disconnect();
+    imageObservers.delete(image);
+    imageLoads.get(image)?.abort();
+    imageLoads.delete(image);
+  }
+}
+function safeImageSrc(doc, raw, allowed) {
+  try {
+    if (!raw || /[\u0000-\u0020\u007f\\]/.test(raw) || raw.startsWith("//")) return null;
+    const decoded = decodeURIComponent(raw);
+    if (/[\u0000-\u0020\u007f\\]/.test(decoded) || decoded.startsWith("//")) return null;
+    const page = new URL(doc.defaultView?.location.href ?? doc.baseURI);
+    const url = new URL(raw, doc.baseURI);
+    if (url.username || url.password || !["http:", "https:"].includes(url.protocol)) return null;
+    if (/\.svg$/i.test(decodeURIComponent(url.pathname))) return null;
+    if (url.origin === page.origin) return url.href;
+    if (url.protocol !== "https:") return null;
+    const trusted = allowed.some((item) => {
+      try {
+        const origin = new URL(item);
+        return origin.protocol === "https:" && !origin.username && !origin.password && origin.href === origin.origin + "/" && origin.origin === url.origin;
+      } catch {
+        return false;
+      }
+    });
+    return trusted ? url.href : null;
+  } catch {
+    return null;
+  }
+}
 function el(doc, tag, cls) {
   const e = doc.createElement(tag);
   if (cls) e.className = cls;
@@ -1169,45 +1276,87 @@ function safeHref(url) {
   if (/^[/#?]/.test(u) && !u.startsWith("//")) return u;
   return null;
 }
-var INLINE_SRC = /(`+)([\s\S]*?[^`])\1(?!`)|\*\*([^*]+?)\*\*|__([^_]+?)__|~~([^~]+?)~~|\*([^*\s][^*]*?)\*|(?<![\w])_([^_\s][^_]*?)_(?![\w])|\[([^\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)|(https?:\/\/[^\s<>()]+[^\s<>().,;:!?'"])/;
-function renderInline(doc, text, parent) {
+var INLINE_SRC = /\\!\[[^\]]*\]\([^)\s]+\)|(`+)([\s\S]*?[^`])\1(?!`)|\*\*([^*]+?)\*\*|__([^_]+?)__|~~([^~]+?)~~|\*([^*\s][^*]*?)\*|(?<![\w])_([^_\s][^_]*?)_(?![\w])|(?<!\\)!\[([^\]]*)\]\(([^)\s]+)\)|\[([^\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)|(https?:\/\/[^\s<>()]+[^\s<>().,;:!?'"])/;
+function renderInline(doc, text, parent, options = {}) {
   const re = new RegExp(INLINE_SRC.source, "g");
   let last = 0;
   for (let m; m = re.exec(text); ) {
     if (m.index > last) parent.appendChild(doc.createTextNode(text.slice(last, m.index)));
     last = m.index + m[0].length;
-    if (m[2] !== void 0) {
+    if (m[0].startsWith("\\!")) {
+      parent.appendChild(doc.createTextNode(m[0].slice(1)));
+    } else if (m[2] !== void 0) {
       const c = el(doc, "code");
       c.textContent = m[2];
       parent.appendChild(c);
     } else if (m[3] !== void 0 || m[4] !== void 0) {
       const s = el(doc, "strong");
-      renderInline(doc, m[3] ?? m[4], s);
+      renderInline(doc, m[3] ?? m[4], s, options);
       parent.appendChild(s);
     } else if (m[5] !== void 0) {
       const s = el(doc, "del");
-      renderInline(doc, m[5], s);
+      renderInline(doc, m[5], s, options);
       parent.appendChild(s);
     } else if (m[6] !== void 0 || m[7] !== void 0) {
       const s = el(doc, "em");
-      renderInline(doc, m[6] ?? m[7], s);
+      renderInline(doc, m[6] ?? m[7], s, options);
       parent.appendChild(s);
     } else if (m[8] !== void 0) {
-      const href = safeHref(m[9]);
+      const original = options.deferImages ? null : safeImageSrc(doc, m[9], options.imageOrigins ?? []);
+      if (!original || !options.imageProxy) parent.appendChild(doc.createTextNode(m[8]));
+      else {
+        const img = el(doc, "img", "md-image");
+        img.alt = m[8];
+        img.setAttribute("loading", "lazy");
+        img.setAttribute("decoding", "async");
+        img.referrerPolicy = "no-referrer";
+        let retried = false;
+        const load = () => {
+          const controller = new AbortController();
+          imageLoads.set(img, controller);
+          return options.imageProxy(original, controller.signal).then((src) => {
+            if (!controller.signal.aborted && img.isConnected) img.src = src;
+          }).catch(() => {
+            if (!controller.signal.aborted && img.isConnected) img.replaceWith(doc.createTextNode(img.alt));
+          }).finally(() => {
+            if (imageLoads.get(img) === controller) imageLoads.delete(img);
+          });
+        };
+        img.addEventListener("error", () => {
+          if (!retried) {
+            retried = true;
+            void load();
+          } else img.replaceWith(doc.createTextNode(img.alt));
+        });
+        parent.appendChild(img);
+        const Observer = doc.defaultView?.IntersectionObserver;
+        if (Observer) {
+          const observer = new Observer((entries) => {
+            if (!entries.some((entry) => entry.isIntersecting)) return;
+            observer.disconnect();
+            imageObservers.delete(img);
+            if (img.parentNode) void load();
+          }, { rootMargin: "200px" });
+          imageObservers.set(img, observer);
+          observer.observe(img);
+        } else void load();
+      }
+    } else if (m[10] !== void 0) {
+      const href = safeHref(m[11]);
       if (href) {
         const a = el(doc, "a");
         a.href = href;
         a.target = "_blank";
         a.rel = "noopener noreferrer nofollow";
-        renderInline(doc, m[8], a);
+        renderInline(doc, m[10], a, options);
         parent.appendChild(a);
-      } else parent.appendChild(doc.createTextNode(m[8]));
-    } else if (m[10] !== void 0) {
+      } else parent.appendChild(doc.createTextNode(m[10]));
+    } else if (m[12] !== void 0) {
       const a = el(doc, "a");
-      a.href = m[10];
+      a.href = m[12];
       a.target = "_blank";
       a.rel = "noopener noreferrer nofollow";
-      a.textContent = m[10];
+      a.textContent = m[12];
       parent.appendChild(a);
     }
   }
@@ -1215,7 +1364,7 @@ function renderInline(doc, text, parent) {
 }
 var isTableSep = (l) => /^\s*\|?\s*:?-{2,}:?\s*(\|\s*:?-{2,}:?\s*)*\|?\s*$/.test(l);
 var splitRow = (l) => l.trim().replace(/^\||\|$/g, "").split("|").map((c) => c.trim());
-function renderMarkdown(doc, src) {
+function renderMarkdown(doc, src, options = {}) {
   const frag = doc.createDocumentFragment();
   const lines = src.replace(/\r\n?/g, "\n").split("\n");
   let i = 0;
@@ -1243,7 +1392,7 @@ function renderMarkdown(doc, src) {
     if (h) {
       const tag = `h${Math.min(6, h[1].length + 2)}`;
       const e = el(doc, tag);
-      renderInline(doc, h[2], e);
+      renderInline(doc, h[2], e, options);
       frag.appendChild(e);
       i++;
       continue;
@@ -1260,7 +1409,7 @@ function renderMarkdown(doc, src) {
       const tr = el(doc, "tr");
       for (const c of splitRow(line)) {
         const th = el(doc, "th");
-        renderInline(doc, c, th);
+        renderInline(doc, c, th, options);
         tr.appendChild(th);
       }
       thead.appendChild(tr);
@@ -1271,7 +1420,7 @@ function renderMarkdown(doc, src) {
         const r = el(doc, "tr");
         for (const c of splitRow(lines[i])) {
           const td = el(doc, "td");
-          renderInline(doc, c, td);
+          renderInline(doc, c, td, options);
           r.appendChild(td);
         }
         tbody.appendChild(r);
@@ -1286,7 +1435,7 @@ function renderMarkdown(doc, src) {
       const body = [];
       while (i < lines.length && /^\s*>/.test(lines[i])) body.push(lines[i++].replace(/^\s*>\s?/, ""));
       const q = el(doc, "blockquote");
-      q.appendChild(renderMarkdown(doc, body.join("\n")));
+      q.appendChild(renderMarkdown(doc, body.join("\n"), options));
       frag.appendChild(q);
       continue;
     }
@@ -1302,11 +1451,11 @@ function renderMarkdown(doc, src) {
         if (m[1].length > baseIndent) {
           const sub = [];
           while (i < lines.length && (/^\s+/.test(lines[i]) && lines[i].match(/^(\s*)/)[1].length > baseIndent)) sub.push(lines[i++].slice(baseIndent + 2));
-          list.lastElementChild?.appendChild(renderMarkdown(doc, sub.join("\n")));
+          list.lastElementChild?.appendChild(renderMarkdown(doc, sub.join("\n"), options));
           continue;
         }
         const item = el(doc, "li");
-        renderInline(doc, m[3], item);
+        renderInline(doc, m[3], item, options);
         list.appendChild(item);
         i++;
       }
@@ -1319,7 +1468,7 @@ function renderMarkdown(doc, src) {
     const p = el(doc, "p");
     para.forEach((l, idx) => {
       if (idx) p.appendChild(el(doc, "br"));
-      renderInline(doc, l, p);
+      renderInline(doc, l, p, options);
     });
     frag.appendChild(p);
   }
@@ -1517,6 +1666,7 @@ button { font: inherit; color: inherit; background: none; border: 0; cursor: poi
 .md li { margin: 3px 0; }
 .md h3, .md h4, .md h5, .md h6 { margin: 14px 0 6px; font-size: 15px; line-height: 1.35; }
 .md a { color: var(--dw-accent); text-decoration: underline; text-underline-offset: 2px; }
+.md .md-image { display: block; max-width: 100%; max-height: 320px; min-height: 48px; width: auto; height: auto; object-fit: contain; border-radius: 8px; }
 .md code { font-family: var(--dw-mono); font-size: .86em; background: var(--dw-surface); padding: 1.5px 5px; border-radius: 5px; }
 .md pre { background: #12132a; color: #e6e6f5; padding: 12px 14px; border-radius: 12px; overflow-x: auto; font-size: 12.5px; line-height: 1.55; }
 .md pre code { background: none; padding: 0; color: inherit; font-size: inherit; }
@@ -1611,6 +1761,9 @@ details > summary svg.ic { width: 14px; height: 14px; flex: none; }
 
 /* ---------- composer ---------- */
 .composer { padding: 10px 12px 12px; border-top: 1px solid var(--dw-border); background: var(--dw-bg); }
+.page-context { font-size: 12px; margin-bottom: 8px; }
+.page-context label { display: flex; align-items: center; gap: 6px; cursor: pointer; }
+.page-preview { max-height: 96px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: 6px; margin: 6px 0; border: 1px solid var(--dw-border); border-radius: 6px; font: inherit; }
 .box {
   display: flex; align-items: flex-end; gap: 8px; border: 1px solid var(--dw-border); border-radius: 14px;
   padding: 6px 6px 6px 12px; background: var(--dw-bg); transition: border-color .15s, box-shadow .15s;
@@ -1665,6 +1818,10 @@ var ATTRS = [
   "height",
   "z-index",
   "dom-actions-root",
+  "image-origins",
+  "page-context",
+  "context-selector",
+  "exclude-selectors",
   ...BOOL_ATTRS
 ];
 var camel = (s) => s.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
@@ -1712,12 +1869,17 @@ var DeweeChatElement = class extends ElementBase {
   api = null;
   apiKey = "";
   server = null;
+  sharedPage;
+  preparingPage = false;
+  pagePending = false;
+  pageGeneration = 0;
   agentId = "";
   conversationId = "";
   messages = [];
   running = null;
   jobAccessLaunch = null;
   activated = false;
+  probedPage = false;
   strings = pickStrings();
   mql = null;
   registry = new ActionRegistry();
@@ -1742,6 +1904,8 @@ var DeweeChatElement = class extends ElementBase {
       if (v === null) continue;
       if (BOOL_ATTRS.includes(a)) c[camel(a)] = parseBool(v);
       else if (a === "suggestions") c.suggestions = v.trim().startsWith("[") ? safeJson(v, []) : v.split("|").map((s) => s.trim()).filter(Boolean);
+      else if (a === "image-origins") c.imageOrigins = v.trim().startsWith("[") ? safeJson(v, []) : v.split(",").map((s) => s.trim()).filter(Boolean);
+      else if (a === "exclude-selectors") c.excludeSelectors = v.trim().startsWith("[") ? safeJson(v, []) : v.split(",").map((s) => s.trim()).filter(Boolean);
       else if (a === "z-index") c.zIndex = Number(v);
       else c[camel(a)] = v;
     }
@@ -1749,13 +1913,14 @@ var DeweeChatElement = class extends ElementBase {
   }
   /** Updates configuration at runtime (wins over attributes). */
   configure(partial) {
-    const { actions, confirm, getPageContext, headers, fetch, domActionsRoot, ...rest } = partial;
+    const { actions, confirm, getPageContext, headers, fetch, domActionsRoot, contextProvider, ...rest } = partial;
     const has = (k) => Object.prototype.hasOwnProperty.call(partial, k);
     if (has("actions")) this.setPropActions(actions ?? []);
     if (has("confirm")) this.hooks.confirm = confirm;
     if (has("getPageContext")) this.hooks.getPageContext = getPageContext;
     if (has("headers")) this.hooks.headers = headers;
     if (has("fetch")) this.hooks.fetch = fetch;
+    if (has("contextProvider")) this.hooks.contextProvider = contextProvider;
     if (has("domActionsRoot")) {
       if (domActionsRoot === void 0) delete this.hooks.domActionsRoot;
       else this.hooks.domActionsRoot = domActionsRoot;
@@ -1832,14 +1997,47 @@ var DeweeChatElement = class extends ElementBase {
   /** Sends a message programmatically (opens the widget first). */
   async send(text) {
     const message = text.trim();
-    if (!message || this.running || this.cooldown.active) return;
+    if (!message || this.running || this.preparingPage || this.cooldown.active) return;
     if (this.config.mode !== "inline" && !this.hasAttribute("data-open")) this.open();
     await this.activate();
+    let attachment;
+    if (this.els.pageChoice.checked) {
+      if (this.pagePending) {
+        this.showNotice(this.strings.pageUnavailable);
+        return;
+      }
+      this.preparingPage = true;
+      const generation = this.pageGeneration;
+      try {
+        const previous = this.sharedPage;
+        const current = await this.captureCurrentPage();
+        if (!this.els.pageChoice.checked || generation !== this.pageGeneration) return;
+        if (!previous || !current || this.pageFingerprint(previous) !== this.pageFingerprint(current)) {
+          this.sharedPage = current;
+          this.renderPagePreview();
+          this.els.pageChoice.checked = false;
+          this.showNotice(this.strings.pageChanged);
+          return;
+        }
+        attachment = current;
+      } catch {
+        this.sharedPage = void 0;
+        this.els.pageChoice.checked = false;
+        this.renderPagePreview();
+        this.showNotice(this.strings.pageUnavailable);
+        return;
+      } finally {
+        this.preparingPage = false;
+      }
+      this.els.pageChoice.checked = false;
+      this.sharedPage = void 0;
+      this.renderPagePreview();
+    }
     this.els.input.value = "";
     this.autosize();
     let next = { message, hidden: false };
     for (let round = 0; next; round++) {
-      const reply = await this.runTurn(next.message, next.hidden);
+      const reply = await this.runTurn(next.message, next.hidden, round === 0 ? attachment : void 0);
       next = null;
       if (reply.status !== "done" || reply.stopped || !this.actionRegistry().size) break;
       const { calls } = parseDirectives(reply.content);
@@ -1858,7 +2056,7 @@ var DeweeChatElement = class extends ElementBase {
     }
   }
   /** One request/response with the agent. */
-  async runTurn(message, hidden) {
+  async runTurn(message, hidden, attachment) {
     this.pushMessage({ role: "user", content: message, hidden });
     const reply = { role: "assistant", content: "", status: "streaming", startedAt: Date.now() };
     this.pushMessage(reply);
@@ -1866,7 +2064,7 @@ var DeweeChatElement = class extends ElementBase {
     this.emit("dewee:send", { message, agent: this.agentId, conversationId: this.conversationId, auto: hidden || void 0 });
     try {
       await this.client().ensureSession();
-      await this.client().chat(this.chatBody(message), (e) => this.onStreamEvent(reply, e), this.running.signal);
+      await this.client().chat({ ...this.chatBody(message), ...attachment ? { page_context: attachment } : {} }, (e) => this.onStreamEvent(reply, e), this.running.signal);
       if (reply.status === "streaming") reply.status = "done";
     } catch (e) {
       if (e.name === "AbortError") {
@@ -2102,6 +2300,12 @@ var DeweeChatElement = class extends ElementBase {
     }
   }
   disconnectedCallback() {
+    this.pageGeneration++;
+    this.sharedPage = void 0;
+    this.els.pageChoice.checked = false;
+    this.renderPagePreview();
+    disposeMarkdownImages(this.root);
+    for (const message of this.messages) if (message.view) message.view.mdKey = void 0;
     this.jobAccessLaunch?.abort();
     this.stop();
     this.mql?.removeEventListener("change", this.onScheme);
@@ -2183,6 +2387,8 @@ var DeweeChatElement = class extends ElementBase {
     e.jobAccess.setAttribute("aria-label", s.jobAccess);
     e.jobAccess.title = s.jobAccess;
     e.input.placeholder = c.placeholder || s.placeholder;
+    e.pageLabel.textContent = s.pageShare;
+    this.updatePageChoice();
     e.foot.hidden = !!c.hideBranding;
     e.foot.querySelector(".by").textContent = s.poweredBy + " ";
     this.renderSubtitle();
@@ -2190,11 +2396,16 @@ var DeweeChatElement = class extends ElementBase {
     if (this.activated && this.api && this.apiKey !== [c.endpoint, c.gatewayUrl, c.gatewayToken].join("|")) {
       this.activated = false;
       this.server = null;
+      this.probedPage = false;
+      this.activate();
+    } else if (this.activated && !this.probedPage && (c.pageContext === "metadata" || c.pageContext === "content")) {
+      this.activated = false;
       this.activate();
     } else if (this.activated && c.agent && c.agent !== this.agentId && this.server) {
       this.switchAgent(c.agent);
     } else if (this.activated) {
-      this.renderLog();
+      if (!this.messages.length) this.renderLog();
+      else for (const message of this.messages) this.updateMessage(message);
     }
   }
   renderShell() {
@@ -2215,6 +2426,7 @@ var DeweeChatElement = class extends ElementBase {
         <div class="log" part="log" role="log" aria-live="polite"></div>
         <div class="challenge"><slot name="challenge"></slot></div>
         <form class="composer" part="composer">
+          <div class="page-context" hidden><label><input type="checkbox" class="page-choice"> <span class="page-label"></span></label><pre class="page-preview" hidden></pre></div>
           <div class="cooldown" part="cooldown" aria-hidden="true" hidden></div>
           <div class="sr-only announcer" role="status" aria-live="polite"></div>
           <div class="box">
@@ -2241,7 +2453,11 @@ var DeweeChatElement = class extends ElementBase {
       close: $(".close"),
       foot: $(".foot"),
       cooldown: $(".cooldown"),
-      announcer: $(".announcer")
+      announcer: $(".announcer"),
+      pageChoice: $(".page-choice"),
+      pageWrap: $(".page-context"),
+      pageLabel: $(".page-label"),
+      pagePreview: $(".page-preview")
     };
     const e = this.els;
     e.launcher.addEventListener("click", () => this.toggle());
@@ -2253,6 +2469,9 @@ var DeweeChatElement = class extends ElementBase {
     e.jobAccess.addEventListener("click", () => {
       void this.openJobAccess();
     });
+    e.pageChoice.addEventListener("change", () => {
+      void this.choosePage();
+    });
     e.select.addEventListener("change", () => this.switchAgent(e.select.value));
     $("form").addEventListener("submit", (ev) => {
       ev.preventDefault();
@@ -2277,6 +2496,80 @@ var DeweeChatElement = class extends ElementBase {
     t.style.height = "auto";
     t.style.height = Math.min(t.scrollHeight, 140) + "px";
   }
+  updatePageChoice() {
+    const mode = this.config.pageContext;
+    const available = (mode === "metadata" || mode === "content") && this.server?.pageContextVersions?.includes(1) === true;
+    this.els.pageWrap.hidden = !available;
+    if (!available) {
+      this.pageGeneration++;
+      this.pagePending = false;
+      this.els.pageChoice.checked = false;
+      this.sharedPage = void 0;
+      this.renderPagePreview();
+    }
+  }
+  async captureCurrentPage() {
+    const c = this.config;
+    if (c.pageContext !== "metadata" && c.pageContext !== "content" || !this.server?.pageContextVersions?.includes(1)) return void 0;
+    const before = document.location.href;
+    const { capturePageContext, providedPageContext } = await import("./page-context-H3ZROFAV.js");
+    const provider = this.hooks.contextProvider;
+    const configKey = JSON.stringify([c.pageContext, c.contextSelector, c.excludeSelectors]);
+    const base = capturePageContext(document, { mode: provider ? "metadata" : c.pageContext, selector: c.contextSelector, excludeSelectors: c.excludeSelectors });
+    let result = base;
+    if (base && provider) {
+      let timer;
+      try {
+        const supplied = await Promise.race([provider(), new Promise((_, reject) => {
+          timer = setTimeout(() => reject(new Error("Page context timed out")), 5e3);
+        })]);
+        result = providedPageContext(supplied, base, c.pageContext);
+      } finally {
+        if (timer) clearTimeout(timer);
+      }
+    }
+    const now = this.config;
+    if (!this.isConnected || before !== document.location.href || provider !== this.hooks.contextProvider || configKey !== JSON.stringify([now.pageContext, now.contextSelector, now.excludeSelectors])) return void 0;
+    return result;
+  }
+  pageFingerprint(page) {
+    const { captured_at: _capturedAt, ...stable } = page;
+    return JSON.stringify(stable);
+  }
+  renderPagePreview() {
+    const preview = this.els.pagePreview;
+    preview.hidden = !this.sharedPage;
+    preview.textContent = this.sharedPage ? [this.sharedPage.title, this.sharedPage.url, this.sharedPage.description, this.sharedPage.selection, this.sharedPage.content?.text].filter(Boolean).join("\n\n") : "";
+  }
+  async choosePage() {
+    const generation = ++this.pageGeneration;
+    if (!this.els.pageChoice.checked) {
+      this.pagePending = false;
+      this.sharedPage = void 0;
+      this.renderPagePreview();
+      return;
+    }
+    this.sharedPage = void 0;
+    this.renderPagePreview();
+    this.pagePending = true;
+    try {
+      const page = await this.captureCurrentPage();
+      if (generation !== this.pageGeneration || !this.els.pageChoice.checked) return;
+      if (!page) throw new Error("Page unavailable");
+      this.sharedPage = page;
+      this.renderPagePreview();
+      this.emit("dewee:context-ready", { available: true });
+    } catch {
+      if (generation !== this.pageGeneration) return;
+      this.sharedPage = void 0;
+      this.els.pageChoice.checked = false;
+      this.renderPagePreview();
+      this.showNotice(this.strings.pageUnavailable);
+      this.emit("dewee:context-error", { code: "page_unavailable" });
+    } finally {
+      if (generation === this.pageGeneration) this.pagePending = false;
+    }
+  }
   updateSendButton() {
     const b = this.els.send;
     b.innerHTML = this.running ? icons.stop : icons.send;
@@ -2327,7 +2620,8 @@ var DeweeChatElement = class extends ElementBase {
     this.activated = true;
     this.renderLog();
     try {
-      this.server = await this.client().getConfig(true);
+      this.probedPage = this.config.pageContext === "metadata" || this.config.pageContext === "content";
+      this.server = await this.client().getConfig(true, this.probedPage);
       this.els.input.maxLength = this.server.maxMessageLength;
       const wanted = this.config.agent;
       const known = (id) => !!id && (this.server.agents.length === 0 || this.server.agents.some((a) => a.id === id));
@@ -2339,6 +2633,7 @@ var DeweeChatElement = class extends ElementBase {
       this.showError(null, e);
     }
     this.renderSubtitle();
+    this.updatePageChoice();
     this.emit("dewee:ready", { agent: this.agentId, config: this.server });
   }
   async switchAgent(id) {
@@ -2365,6 +2660,7 @@ var DeweeChatElement = class extends ElementBase {
   }
   renderLog() {
     const log = this.els.log;
+    disposeMarkdownImages(log);
     log.replaceChildren();
     if (!this.messages.length) log.appendChild(this.renderWelcome());
     for (const m of this.messages) log.appendChild(this.renderMessage(m));
@@ -2467,10 +2763,15 @@ var DeweeChatElement = class extends ElementBase {
     const shown = this.actionRegistry().size || m.actions ? stripDirectives(m.content) : m.content;
     const typing = m.status === "streaming" && !shown;
     v.md.hidden = !typing && !shown && !!m.actions?.length;
-    if (typing) {
-      v.md.innerHTML = `<span class="typing" aria-label="${this.strings.thinking}"><i></i><i></i><i></i></span>`;
-    } else {
-      v.md.replaceChildren(renderMarkdown(document, shown));
+    const mdKey = JSON.stringify([shown, typing, m.status === "streaming", c.endpoint, c.imageOrigins, this.strings.thinking]);
+    if (v.mdKey !== mdKey) {
+      v.mdKey = mdKey;
+      disposeMarkdownImages(v.md);
+      if (typing) {
+        v.md.innerHTML = `<span class="typing" aria-label="${this.strings.thinking}"><i></i><i></i><i></i></span>`;
+      } else {
+        v.md.replaceChildren(renderMarkdown(document, shown, { imageOrigins: Array.isArray(c.imageOrigins) ? c.imageOrigins : [], imageProxy: (source, signal) => this.client().imageUrl(source, signal), deferImages: m.status === "streaming" }));
+      }
       v.md.classList.toggle("cursor", m.status === "streaming");
     }
     this.renderActions(v, m.actions ?? []);