@floegence/floe-webapp-core 0.86.46 → 0.86.48

package/dist/components/chat/blocks/MarkdownMedia.d.ts

@@ -54,6 +54,8 @@ export interface MarkdownMediaProps {
     labels: MarkdownMediaLabels;
     /** Replace this callback when its authorization or resource context changes. Reads inside it do not trigger reloads. */
     resolve?: (source: MarkdownMediaSource, signal: AbortSignal) => Promise<ResolvedMarkdownMedia>;
+    /** Positive finite deadline shared by resolution and HTML loading. Omit for no deadline. */
+    loadTimeoutMs?: number;
     /** Resolve and authorize a user-activated HTML link using the source's host context. */
     onOpenLink?: (source: MarkdownMediaSource, href: string, signal: AbortSignal) => void | Promise<void>;
     class?: string;

package/dist/components/chat/blocks/MarkdownMedia.js

@@ -1,153 +1,181 @@
-import { use as z, insert as h, createComponent as i, memo as E, effect as f, setAttribute as u, className as p, template as m, delegateEvents as ee } from "solid-js/web";
-import { createSignal as S, onMount as te, onCleanup as j, createMemo as re, createEffect as ne, on as ae, Show as y, Switch as G, Match as _ } from "solid-js";
-import { HtmlPreviewCanvas as le } from "./HtmlPreviewCanvas.js";
-import { FloatingWindow as J } from "../../ui/FloatingWindow.js";
-import { Refresh as ie, FolderOpen as oe, Eye as K, ExternalLink as ce } from "../../icons/index.js";
-import { cn as se } from "../../../utils/cn.js";
-import { safeMarkdownMediaURL as de } from "../markdown/media.js";
-import { SandboxedHtmlFrame as Q } from "../../html-preview/SandboxedHtmlFrame.js";
-var ue = /* @__PURE__ */ m("<div class=chat-media-preview-content><img referrerpolicy=no-referrer class=chat-media-full-image>"), ve = /* @__PURE__ */ m("<div class=chat-media-preview-content>"), he = /* @__PURE__ */ m("<span>"), me = /* @__PURE__ */ m("<span class=chat-media-placeholder role=status>"), ge = /* @__PURE__ */ m("<span class=chat-media-placeholder role=status><span></span><button type=button class=chat-media-retry>"), be = /* @__PURE__ */ m("<button type=button class=chat-media-image-button><img class=chat-media-image loading=lazy decoding=async referrerpolicy=no-referrer>", !0, !1, !1), we = /* @__PURE__ */ m("<video class=chat-media-video controls playsinline preload=metadata>"), fe = /* @__PURE__ */ m("<audio class=chat-media-audio controls preload=metadata>"), ke = /* @__PURE__ */ m("<span class=chat-media-viewport>"), X = /* @__PURE__ */ m("<button type=button class=chat-media-action>"), $e = /* @__PURE__ */ m("<button type=button class=chat-media-action data-chat-media-action=preview>"), ye = /* @__PURE__ */ m("<span class=chat-media-header><span class=chat-media-heading><span class=chat-media-kind></span><span class=chat-media-title></span></span><span class=chat-media-actions>"), Se = /* @__PURE__ */ m('<a class=chat-media-action target=_blank rel="noopener noreferrer">');
-async function Le(e) {
-  const k = de(e.src ?? "");
-  if (!k || e.kind === "html") throw new Error("A host resolver is required");
+import { use as F, insert as h, createComponent as c, memo as H, effect as k, setAttribute as v, className as ne, template as g, delegateEvents as ae } from "solid-js/web";
+import { createSignal as L, onMount as le, onCleanup as K, createMemo as ie, createEffect as oe, on as ce, Show as y, Switch as Q, Match as E } from "solid-js";
+import { HtmlPreviewCanvas as se } from "./HtmlPreviewCanvas.js";
+import { FloatingWindow as X } from "../../ui/FloatingWindow.js";
+import { Refresh as de, FolderOpen as ue, Eye as Y, ExternalLink as ve } from "../../icons/index.js";
+import { cn as he } from "../../../utils/cn.js";
+import { safeMarkdownMediaURL as me } from "../markdown/media.js";
+import { SandboxedHtmlFrame as Z } from "../../html-preview/SandboxedHtmlFrame.js";
+var ge = /* @__PURE__ */ g("<div class=chat-media-preview-content><img referrerpolicy=no-referrer class=chat-media-full-image>"), fe = /* @__PURE__ */ g("<div class=chat-media-preview-content>"), we = /* @__PURE__ */ g("<span>"), be = /* @__PURE__ */ g("<span class=chat-media-placeholder role=status>"), ke = /* @__PURE__ */ g("<span class=chat-media-placeholder role=status><span></span><button type=button class=chat-media-retry>"), $e = /* @__PURE__ */ g("<button type=button class=chat-media-image-button><img class=chat-media-image loading=lazy decoding=async referrerpolicy=no-referrer>", !0, !1, !1), ye = /* @__PURE__ */ g("<video class=chat-media-video controls playsinline preload=metadata>"), Le = /* @__PURE__ */ g("<audio class=chat-media-audio controls preload=metadata>"), Se = /* @__PURE__ */ g("<span class=chat-media-viewport>"), p = /* @__PURE__ */ g("<button type=button class=chat-media-action>"), Me = /* @__PURE__ */ g("<button type=button class=chat-media-action data-chat-media-action=preview>"), Ee = /* @__PURE__ */ g("<span class=chat-media-header><span class=chat-media-heading><span class=chat-media-kind></span><span class=chat-media-title></span></span><span class=chat-media-actions>"), _e = /* @__PURE__ */ g('<a class=chat-media-action target=_blank rel="noopener noreferrer">');
+async function Te(e) {
+  const b = me(e.src ?? "");
+  if (!b || e.kind === "html") throw new Error("A host resolver is required");
   return {
-    src: k,
-    openURL: k
+    src: b,
+    openURL: b
   };
 }
-const Re = (e) => {
-  let k, O;
-  const [Y, I] = S(!1);
-  te(() => {
+const Fe = (e) => {
+  let b, _, I;
+  const [ee, A] = L(!1);
+  le(() => {
     if (typeof IntersectionObserver > "u") {
-      I(!0);
+      A(!0);
       return;
     }
-    const c = new IntersectionObserver((o) => {
-      o.some((r) => r.isIntersecting) && (I(!0), c.disconnect());
+    const a = new IntersectionObserver((i) => {
+      i.some((r) => r.isIntersecting) && (A(!0), a.disconnect());
     }, {
       rootMargin: "400px"
     });
-    c.observe(k), j(() => c.disconnect());
+    a.observe(b), K(() => a.disconnect());
   });
-  const [g, P] = S(), [T, C] = S(), [$, L] = S("loading"), [Z, A] = S(0), [R, H] = S(!1), [q, U] = S(!1), b = () => e.source.title || e.labels[e.source.kind], F = re(() => e.source), M = () => g()?.preview?.label || (e.source.kind === "image" ? e.labels.previewImage : e.labels.previewHTMLWindow ?? "Open preview window") || e.labels.open, B = (c) => {
-    O = c.currentTarget;
-    const o = g()?.preview;
-    o ? o.onSelect() : H(!0);
-  }, W = (c) => {
-    O = c?.currentTarget ?? k.querySelector('[aria-haspopup="menu"]') ?? void 0;
-    const o = g()?.preview;
-    o ? o.onSelect() : U(!0);
-  }, D = () => {
-    const c = e.onOpenLink, o = F();
-    return c ? (r, n) => c(o, r, n) : void 0;
-  }, N = () => ({
+  const [f, R] = L(), [U, T] = L(), [$, z] = L("loading"), [te, D] = L(0), [P, S] = L(!1), [re, C] = L(!1), w = () => e.source.title || e.labels[e.source.kind], B = ie(() => e.source, void 0, {
+    equals: (a, i) => a.kind === i.kind && a.src === i.src && a.html === i.html && a.title === i.title
+  });
+  let x = () => {
+  };
+  const N = (a) => {
+    const i = b.ownerDocument.activeElement, r = i instanceof Element && I?.closest("[role=dialog]")?.contains(i) && _?.isConnected;
+    a(!1), r && _?.focus({
+      preventScroll: !0
+    });
+  }, W = (a) => {
+    I = a, queueMicrotask(() => {
+      a.isConnected && b.ownerDocument.activeElement === _ && a.closest('[role="dialog"]')?.focus({
+        preventScroll: !0
+      });
+    });
+  }, M = () => f()?.preview?.label || (e.source.kind === "image" ? e.labels.previewImage : e.labels.previewHTMLWindow ?? "Open preview window") || e.labels.open, V = (a) => {
+    _ = a.currentTarget;
+    const i = f()?.preview;
+    i ? i.onSelect() : S(!0);
+  }, j = (a) => {
+    _ = a?.currentTarget ?? b.querySelector('[aria-haspopup="menu"]') ?? void 0;
+    const i = f()?.preview;
+    i ? i.onSelect() : C(!0);
+  }, q = () => {
+    const a = e.onOpenLink, i = B();
+    return a ? (r, t) => a(i, r, t) : void 0;
+  }, G = () => ({
     linkUnavailable: e.labels.linkUnavailable ?? "Opening links is unavailable in this preview.",
     anchorUnavailable: e.labels.anchorUnavailable ?? "The linked section was not found."
   });
-  return ne(ae([Y, F, () => e.resolve, Z, () => e.htmlState], ([c, o, r]) => {
-    if (!c) return;
-    const n = r ?? Le, t = new AbortController();
-    if (j(() => t.abort()), P(void 0), C(void 0), L("loading"), U(!1), o.kind !== "html" && H(!1), o.kind === "html" && e.htmlState) {
-      C(o.html);
+  return oe(ce([ee, B, () => e.resolve, te, () => e.htmlState, () => e.loadTimeoutMs], ([a, i, r, , , t]) => {
+    if (!a) return;
+    const l = r ?? Te, n = new AbortController();
+    let u;
+    const s = () => {
+      u !== void 0 && (clearTimeout(u), u = void 0);
+    };
+    K(() => {
+      s(), n.abort();
+    }), x = () => {
+      n.signal.aborted || (s(), z("error"), S(!1), C(!1), R(void 0), T(void 0), n.abort());
+    };
+    const o = x;
+    if (R(void 0), T(void 0), z("loading"), C(!1), i.kind !== "html" && S(!1), t !== void 0 && (!Number.isFinite(t) || t <= 0)) {
+      o();
+      return;
+    }
+    if (i.kind === "html" && e.htmlState) {
+      T(i.html);
       return;
     }
-    (async () => {
-      if (o.kind === "html" && o.html !== void 0) {
-        if (o.html.length > 1e6) throw new Error("HTML preview is too large");
-        t.signal.aborted || C(o.html);
+    t !== void 0 && (u = setTimeout(o, t)), (async () => {
+      if (i.kind === "html" && i.html !== void 0) {
+        if (i.html.length > 1e6) throw new Error("HTML preview is too large");
+        n.signal.aborted || T(i.html);
       } else {
-        const a = await n(o, t.signal);
-        if (t.signal.aborted) return;
-        if (o.kind === "html") {
-          if (!a.loadHTML) throw new Error("HTML loader is required");
-          const s = await a.loadHTML(t.signal);
-          if (t.signal.aborted) return;
-          if (s.length > 1e6) throw new Error("HTML preview is too large");
-          C(s);
-        } else if (!a.src) throw new Error("Media URL is required");
-        P(a);
+        const d = await l(i, n.signal);
+        if (n.signal.aborted) return;
+        if (i.kind === "html") {
+          if (!d.loadHTML) throw new Error("HTML loader is required");
+          const m = await d.loadHTML(n.signal);
+          if (n.signal.aborted) return;
+          if (m.length > 1e6) throw new Error("HTML preview is too large");
+          T(m);
+        } else if (!d.src) throw new Error("Media URL is required");
+        R(d);
       }
-      t.signal.aborted || L("ready");
-    })().catch(() => {
-      t.signal.aborted || L("error");
-    });
+      n.signal.aborted || z("ready");
+    })().catch(o).finally(s);
   })), (() => {
-    var c = he(), o = k;
-    return typeof o == "function" ? z(o, c) : k = c, h(c, i(y, {
+    var a = we(), i = b;
+    return typeof i == "function" ? F(i, a) : b = a, h(a, c(y, {
       get when() {
         return e.source.kind === "html";
       },
       get fallback() {
         return [(() => {
-          var r = ke();
-          return h(r, i(G, {
+          var r = Se();
+          return h(r, c(Q, {
             get children() {
-              return [i(_, {
+              return [c(E, {
                 get when() {
                   return $() === "loading";
                 },
                 get children() {
-                  var n = me();
-                  return h(n, () => e.labels.loading), n;
+                  var t = be();
+                  return h(t, () => e.labels.loading), t;
                 }
-              }), i(_, {
+              }), c(E, {
                 get when() {
                   return $() === "error";
                 },
                 get children() {
-                  var n = ge(), t = n.firstChild, a = t.nextSibling;
-                  return h(t, () => e.labels.unavailable), a.$$click = () => A((s) => s + 1), h(a, i(ie, {}), null), h(a, () => e.labels.retry, null), n;
+                  var t = ke(), l = t.firstChild, n = l.nextSibling;
+                  return h(l, () => e.labels.unavailable), n.$$click = () => D((u) => u + 1), h(n, c(de, {}), null), h(n, () => e.labels.retry, null), t;
                 }
-              }), i(_, {
+              }), c(E, {
                 get when() {
                   return $() === "ready";
                 },
                 get children() {
-                  return i(G, {
+                  return c(Q, {
                     get children() {
-                      return [i(_, {
+                      return [c(E, {
                         get when() {
                           return e.source.kind === "image";
                         },
                         get children() {
-                          var n = be(), t = n.firstChild;
-                          return n.$$click = B, t.addEventListener("error", () => L("error")), f((a) => {
-                            var s = `${M()}: ${b()}`, d = g()?.src, l = b();
-                            return s !== a.e && u(n, "aria-label", a.e = s), d !== a.t && u(t, "src", a.t = d), l !== a.a && u(t, "alt", a.a = l), a;
+                          var t = $e(), l = t.firstChild;
+                          return t.$$click = V, l.addEventListener("error", () => x()), k((n) => {
+                            var u = `${M()}: ${w()}`, s = f()?.src, o = w();
+                            return u !== n.e && v(t, "aria-label", n.e = u), s !== n.t && v(l, "src", n.t = s), o !== n.a && v(l, "alt", n.a = o), n;
                           }, {
                             e: void 0,
                             t: void 0,
                             a: void 0
-                          }), n;
+                          }), t;
                         }
-                      }), i(_, {
+                      }), c(E, {
                         get when() {
                           return e.source.kind === "video";
                         },
                         get children() {
-                          var n = we();
-                          return n.addEventListener("error", () => L("error")), f((t) => {
-                            var a = g()?.src, s = b();
-                            return a !== t.e && u(n, "src", t.e = a), s !== t.t && u(n, "aria-label", t.t = s), t;
+                          var t = ye();
+                          return t.addEventListener("error", () => x()), k((l) => {
+                            var n = f()?.src, u = w();
+                            return n !== l.e && v(t, "src", l.e = n), u !== l.t && v(t, "aria-label", l.t = u), l;
                           }, {
                             e: void 0,
                             t: void 0
-                          }), n;
+                          }), t;
                         }
-                      }), i(_, {
+                      }), c(E, {
                         get when() {
                           return e.source.kind === "audio";
                         },
                         get children() {
-                          var n = fe();
-                          return n.addEventListener("error", () => L("error")), f((t) => {
-                            var a = g()?.src, s = b();
-                            return a !== t.e && u(n, "src", t.e = a), s !== t.t && u(n, "aria-label", t.t = s), t;
+                          var t = Le();
+                          return t.addEventListener("error", () => x()), k((l) => {
+                            var n = f()?.src, u = w();
+                            return n !== l.e && v(t, "src", l.e = n), u !== l.t && v(t, "aria-label", l.t = u), l;
                           }, {
                             e: void 0,
                             t: void 0
-                          }), n;
+                          }), t;
                         }
                       })];
                     }
@@ -157,109 +185,109 @@ const Re = (e) => {
             }
           })), r;
         })(), (() => {
-          var r = ye(), n = r.firstChild, t = n.firstChild, a = t.nextSibling, s = n.nextSibling;
-          return h(t, () => e.labels[e.source.kind]), h(a, b), h(s, i(y, {
+          var r = Ee(), t = r.firstChild, l = t.firstChild, n = l.nextSibling, u = t.nextSibling;
+          return h(l, () => e.labels[e.source.kind]), h(n, w), h(u, c(y, {
             get when() {
-              return E(() => $() === "ready")() && g()?.reveal;
+              return H(() => $() === "ready")() && f()?.reveal;
             },
-            children: (d) => (() => {
-              var l = X();
-              return l.$$click = () => d().onSelect(), h(l, i(oe, {})), f((v) => {
-                var w = d().label, x = d().label;
-                return w !== v.e && u(l, "aria-label", v.e = w), x !== v.t && u(l, "title", v.t = x), v;
+            children: (s) => (() => {
+              var o = p();
+              return o.$$click = () => s().onSelect(), h(o, c(ue, {})), k((d) => {
+                var m = s().label, O = s().label;
+                return m !== d.e && v(o, "aria-label", d.e = m), O !== d.t && v(o, "title", d.t = O), d;
               }, {
                 e: void 0,
                 t: void 0
-              }), l;
+              }), o;
             })()
-          }), null), h(s, i(y, {
+          }), null), h(u, c(y, {
             get when() {
-              return E(() => $() === "ready")() && e.source.kind === "image";
+              return H(() => $() === "ready")() && e.source.kind === "image";
             },
             get children() {
-              var d = X();
-              return d.$$click = B, h(d, i(K, {})), f((l) => {
-                var v = M(), w = M();
-                return v !== l.e && u(d, "aria-label", l.e = v), w !== l.t && u(d, "title", l.t = w), l;
+              var s = p();
+              return s.$$click = V, h(s, c(Y, {})), k((o) => {
+                var d = M(), m = M();
+                return d !== o.e && v(s, "aria-label", o.e = d), m !== o.t && v(s, "title", o.t = m), o;
               }, {
                 e: void 0,
                 t: void 0
-              }), d;
+              }), s;
             }
-          }), null), h(s, i(y, {
+          }), null), h(u, c(y, {
             get when() {
-              return E(() => $() === "ready" && e.source.kind !== "image")() && g()?.preview;
+              return H(() => $() === "ready" && e.source.kind !== "image")() && f()?.preview;
             },
             get children() {
-              var d = $e();
-              return d.$$click = W, h(d, i(K, {})), f((l) => {
-                var v = M(), w = M();
-                return v !== l.e && u(d, "aria-label", l.e = v), w !== l.t && u(d, "title", l.t = w), l;
+              var s = Me();
+              return s.$$click = j, h(s, c(Y, {})), k((o) => {
+                var d = M(), m = M();
+                return d !== o.e && v(s, "aria-label", o.e = d), m !== o.t && v(s, "title", o.t = m), o;
               }, {
                 e: void 0,
                 t: void 0
-              }), d;
+              }), s;
             }
-          }), null), h(s, i(y, {
+          }), null), h(u, c(y, {
             get when() {
-              return E(() => e.source.kind !== "image" && !g()?.reveal)() && g()?.openURL;
+              return H(() => e.source.kind !== "image" && !f()?.reveal)() && f()?.openURL;
             },
-            children: (d) => (() => {
-              var l = Se();
-              return h(l, i(ce, {})), f((v) => {
-                var w = d(), x = e.labels.open, V = e.labels.open;
-                return w !== v.e && u(l, "href", v.e = w), x !== v.t && u(l, "aria-label", v.t = x), V !== v.a && u(l, "title", v.a = V), v;
+            children: (s) => (() => {
+              var o = _e();
+              return h(o, c(ve, {})), k((d) => {
+                var m = s(), O = e.labels.open, J = e.labels.open;
+                return m !== d.e && v(o, "href", d.e = m), O !== d.t && v(o, "aria-label", d.t = O), J !== d.a && v(o, "title", d.a = J), d;
               }, {
                 e: void 0,
                 t: void 0,
                 a: void 0
-              }), l;
+              }), o;
             })()
-          }), null), f(() => u(a, "title", b())), r;
+          }), null), k(() => v(n, "title", w())), r;
         })()];
       },
       get children() {
-        return i(le, {
+        return c(se, {
           get state() {
             return e.htmlState ?? $();
           },
           get html() {
-            return T() ?? e.source.html ?? "";
+            return U() ?? e.source.html ?? "";
           },
           get labels() {
             return e.labels;
           },
           get expanded() {
-            return R();
+            return P();
           },
-          onExpand: () => H((r) => !r),
-          onRetry: () => A((r) => r + 1),
-          onPreview: () => W(),
+          onExpand: () => S((r) => !r),
+          onRetry: () => D((r) => r + 1),
+          onPreview: () => j(),
           get previewLabel() {
             return M();
           },
           get resource() {
-            return g();
+            return f();
           },
           get children() {
-            return i(y, {
+            return c(y, {
               get when() {
-                return E(() => $() === "ready")() && !e.htmlState;
+                return H(() => $() === "ready")() && !e.htmlState;
               },
               get children() {
-                return i(Q, {
+                return c(Z, {
                   class: "chat-media-html",
                   get title() {
-                    return b();
+                    return w();
                   },
                   get html() {
-                    return T() ?? "";
+                    return U() ?? "";
                   },
                   get labels() {
-                    return N();
+                    return G();
                   },
                   get onOpenLink() {
-                    return D();
+                    return q();
                   }
                 });
               }
@@ -267,22 +295,18 @@ const Re = (e) => {
           }
         });
       }
-    }), null), h(c, i(y, {
+    }), null), h(a, c(y, {
       get when() {
         return e.source.kind === "image";
       },
       get children() {
-        return i(J, {
+        return c(X, {
           get open() {
-            return R();
-          },
-          onOpenChange: (r) => {
-            H(r), r || O?.focus({
-              preventScroll: !0
-            });
+            return P();
           },
+          onOpenChange: (r) => r ? S(!0) : N(S),
           get title() {
-            return b();
+            return w();
           },
           get labels() {
             return {
@@ -302,12 +326,10 @@ const Re = (e) => {
           compactBelow: 640,
           class: "chat-media-preview-window",
           get children() {
-            var r = ue(), n = r.firstChild;
-            return z((t) => queueMicrotask(() => t.closest('[role="dialog"]')?.focus({
-              preventScroll: !0
-            })), r), f((t) => {
-              var a = g()?.src, s = b();
-              return a !== t.e && u(n, "src", t.e = a), s !== t.t && u(n, "alt", t.t = s), t;
+            var r = ge(), t = r.firstChild;
+            return F(W, r), k((l) => {
+              var n = f()?.src, u = w();
+              return n !== l.e && v(t, "src", l.e = n), u !== l.t && v(t, "alt", l.t = u), l;
             }, {
               e: void 0,
               t: void 0
@@ -315,22 +337,18 @@ const Re = (e) => {
           }
         });
       }
-    }), null), h(c, i(y, {
+    }), null), h(a, c(y, {
       get when() {
         return e.source.kind === "html";
       },
       get children() {
-        return i(J, {
+        return c(X, {
           get open() {
-            return q();
-          },
-          onOpenChange: (r) => {
-            U(r), r || O?.focus({
-              preventScroll: !0
-            });
+            return re();
           },
+          onOpenChange: (r) => r ? C(!0) : N(C),
           get title() {
-            return b();
+            return w();
           },
           get labels() {
             return {
@@ -350,37 +368,35 @@ const Re = (e) => {
           compactBelow: 640,
           class: "chat-media-preview-window",
           get children() {
-            var r = ve();
-            return z((n) => queueMicrotask(() => n.closest('[role="dialog"]')?.focus({
-              preventScroll: !0
-            })), r), h(r, i(Q, {
+            var r = fe();
+            return F(W, r), h(r, c(Z, {
               class: "chat-media-html",
               get title() {
-                return b();
+                return w();
               },
               get html() {
-                return T() ?? "";
+                return U() ?? "";
               },
               get labels() {
-                return N();
+                return G();
               },
               get onOpenLink() {
-                return D();
+                return q();
               }
             })), r;
           }
         });
       }
-    }), null), f((r) => {
-      var n = se("chat-media", R() && e.source.kind === "html" && "chat-media-expanded", e.class), t = e.source.kind;
-      return n !== r.e && p(c, r.e = n), t !== r.t && u(c, "data-media-kind", r.t = t), r;
+    }), null), k((r) => {
+      var t = he("chat-media", P() && e.source.kind === "html" && "chat-media-expanded", e.class), l = e.source.kind;
+      return t !== r.e && ne(a, r.e = t), l !== r.t && v(a, "data-media-kind", r.t = l), r;
     }, {
       e: void 0,
       t: void 0
-    }), c;
+    }), a;
   })();
 };
-ee(["click"]);
+ae(["click"]);
 export {
-  Re as MarkdownMedia
+  Fe as MarkdownMedia
 };

package/dist/components/chat/markdown/incremental.d.ts

@@ -0,0 +1,43 @@
+import type { Links, Marked, Token, TokensList } from 'marked';
+export type MarkdownBlock = Readonly<{
+    id: number;
+    start: number;
+    token: Token;
+}>;
+export type MarkdownBlockChange = Readonly<{
+    kind: 'replace';
+    block: MarkdownBlock;
+}> | Readonly<{
+    kind: 'remove';
+    id: number;
+}> | Readonly<{
+    kind: 'append_text';
+    id: number;
+    text: string;
+    code: boolean;
+    inlineIndex?: number;
+}> | Readonly<{
+    kind: 'inline';
+    id: number;
+    from: number;
+    deleteCount: number;
+    tokens: readonly Token[];
+}>;
+export type MarkdownUpdate = Readonly<{
+    changes: readonly MarkdownBlockChange[];
+    links: Links;
+    sourceLength: number;
+}>;
+/** One append-only source, Marked semantics, and explicit changed blocks. */
+export declare function createIncrementalMarkdownParser(markdown: Marked<string, string>): {
+    append: (delta: string) => MarkdownUpdate;
+    reset: (text?: string) => MarkdownUpdate;
+    finish: () => MarkdownUpdate;
+    snapshot: () => TokensList;
+    readonly sourceLength: number;
+    diagnostics: () => {
+        fullParses: number;
+        parsedCharacters: number;
+        blocks: number;
+    };
+};

package/dist/components/chat/markdown/incremental.js

@@ -0,0 +1,245 @@
+function V(O) {
+  let L = 0, b = [], C = 0, I = !1, l = [], d = /* @__PURE__ */ Object.create(null), y = /* @__PURE__ */ Object.create(null), D = 1, o = 0, g, v, M = !1, S = 0, W = 0;
+  const x = /* @__PURE__ */ new Map();
+  function R(e) {
+    let t = 0, n = b.length;
+    for (; t < n; ) {
+      const s = t + n >>> 1;
+      b[s].start <= e ? t = s + 1 : n = s;
+    }
+    const r = Math.max(0, t - 1);
+    return b.slice(r).map((s, a) => a === 0 ? s.text.slice(e - s.start) : s.text).join("");
+  }
+  function F(e, t) {
+    W += e.length;
+    const n = new O.Lexer({ ...O.defaults });
+    return n.tokens.links = { ...t }, n.lex(e);
+  }
+  function m(e) {
+    return { changes: e, links: d, sourceLength: C };
+  }
+  function $(e) {
+    return { id: e.id, start: e.start, token: structuredClone(e.token) };
+  }
+  function U(e) {
+    for (const t of e.token.raw.matchAll(/\[((?:\\[^\n]|[^\]\n\\])+)\]/g)) {
+      const n = t[1].toLowerCase().replace(/\s+/g, " ");
+      e.references.add(n);
+      let r = x.get(n);
+      r || x.set(n, r = /* @__PURE__ */ new Set()), r.add(e);
+    }
+  }
+  function q(e) {
+    for (const t of e.references) {
+      const n = x.get(t);
+      n?.delete(e), n?.size || x.delete(t);
+    }
+  }
+  function E(e, t) {
+    for (const n of e)
+      if (n === `
+`) {
+        if (t.candidate && t.count >= t.minimum) return !0;
+        t.count = 0, t.indent = 0, t.candidate = !0;
+      } else t.candidate && (n === t.mark && t.indent <= 3 ? t.count++ : n === " " && t.count === 0 && t.indent < 3 ? t.indent++ : (n !== " " && n !== "	" || t.count === 0) && (t.candidate = !1));
+    return t.candidate && t.count >= t.minimum;
+  }
+  function z(e, t = 0) {
+    const n = e.tokens;
+    let r = -1;
+    for (let f = t; f < n.length; f++) {
+      const u = n[f];
+      if (u.type === "text" && /[\\\x60*_[<~]/u.test(u.raw)) {
+        r = f;
+        break;
+      }
+    }
+    let s = r >= 0 ? r : Math.max(t, n.length - 1);
+    s > t && n[s]?.type === "text" && !/\s/u.test(n[s].raw) && n[s - 1]?.type === "link" && s--;
+    const a = n[s];
+    if (r < 0 && a?.type === "text" && a.raw === a.text) {
+      const f = a.raw.lastIndexOf(" ");
+      if (f > 0) {
+        const u = a;
+        n.splice(
+          s,
+          1,
+          { ...u, raw: u.raw.slice(0, f), text: u.text.slice(0, f) },
+          { ...u, raw: u.raw.slice(f), text: u.text.slice(f) }
+        ), s++;
+      }
+    }
+    const p = n.slice(s).map((f) => f.raw).join("");
+    v = {
+      from: s,
+      source: p,
+      unresolved: r >= 0,
+      lastChar: p.slice(-1)
+    };
+  }
+  function B() {
+    g = void 0, v = void 0, M = !1;
+    const e = l.at(-1)?.token;
+    if (e?.type === "paragraph") {
+      z(e);
+      const a = e.raw.lastIndexOf(`
+`) + 1, p = e.raw.slice(a, a + 32);
+      M = !e.raw.endsWith(`
+`) && !/^(?: {0,3}(?:[-+*_]+|[0-9]{1,9}[.)]?)[ \t]*$| {0,3}[[<\x60~#|=])/u.test(p);
+    }
+    if (e?.type !== "code") return;
+    const t = /^(\x60{3,}|~{3,})[^\n]*\n/.exec(e.raw);
+    if (!t) return;
+    const n = t[1], r = e.raw.slice(t[0].length), s = {
+      mark: n[0],
+      minimum: n.length,
+      count: 0,
+      indent: 0,
+      candidate: !0,
+      pendingNewline: r.endsWith(`
+`)
+    };
+    E(r, s) || (g = s);
+  }
+  function _(e = !1) {
+    const t = l[o]?.start ?? 0, n = l.splice(o);
+    for (const i of n) q(i);
+    const r = F(R(t), y), s = d;
+    d = Object.freeze(
+      Object.fromEntries(
+        Object.entries(r.links).map(([i, c]) => [i, Object.freeze({ ...c })])
+      )
+    );
+    const a = [];
+    let p = t;
+    for (let i = 0; i < r.length; i++) {
+      const c = r[i], h = n[i], k = {
+        id: h?.start === p ? h.id : D++,
+        start: p,
+        token: c,
+        references: /* @__PURE__ */ new Set()
+      };
+      l.push(k), U(k), i === r.length - 1 && c.type === "paragraph" && z(c), (!e || !h || JSON.stringify(h.token) !== JSON.stringify(c)) && a.push({ kind: "replace", block: $(k) }), p += c.raw.length;
+    }
+    const f = new Set(l.slice(o).map((i) => i.id));
+    for (const i of n)
+      f.has(i.id) || a.push({ kind: "remove", id: i.id });
+    const u = /* @__PURE__ */ new Set();
+    for (const i of /* @__PURE__ */ new Set([...Object.keys(s), ...Object.keys(d)]))
+      if (!(s[i]?.href === d[i]?.href && s[i]?.title === d[i]?.title))
+        for (const c of x.get(i) ?? [])
+          c.start < t && u.add(c);
+    for (const i of u) {
+      const c = F(i.token.raw, d);
+      c.length === 1 && (i.token = c[0], a.push({ kind: "replace", block: $(i) }));
+    }
+    const N = o;
+    o = Math.max(0, l.length - 1), l[o]?.token.type === "space" ? o = Math.max(0, o - 1) : o > 0 && !l[o - 1].token.raw.endsWith(`
+
+`) && (l[o - 1]?.token.type !== "space" ? o-- : /\n[ \t]*\n/u.test(l[o - 1].token.raw) || (o = Math.max(0, o - 2)));
+    const w = l.at(-1)?.token;
+    o > 1 && l[o - 1]?.token.type === "space" && l[o - 2]?.token.type === "list" && (w?.type === "list" || w?.type === "paragraph" && /^ {0,3}(?:[0-9]{1,9}[.)]?|[-+*])[ \t]*$/u.test(w.raw)) && (o -= 2);
+    for (let i = N; i < o; i++) {
+      const c = l[i].token;
+      c.type === "def" && !y[c.tag] && (y[c.tag] = { href: c.href, title: c.title });
+    }
+    return B(), m(a);
+  }
+  function J(e) {
+    const t = I && e.startsWith(`
+`);
+    return I = e.endsWith("\r"), (t ? e.slice(1) : e).replace(/\r\n?/g, `
+`);
+  }
+  function G(e) {
+    if (!e) return m([]);
+    if (C += e.length, e = J(e), !e) return m([]);
+    b.push({ start: L, text: e }), L += e.length;
+    const t = l.at(-1), n = t?.token;
+    if (t && o === l.length - 1 && n?.type === "code" && g && !e.includes("\r") && !E(e, g)) {
+      const s = (g.pendingNewline ? `
+` : "") + (e.endsWith(`
+`) ? e.slice(0, -1) : e);
+      return g.pendingNewline = e.endsWith(`
+`), n.raw += e, n.text += s, m(s ? [{ kind: "append_text", id: t.id, text: s, code: !0 }] : []);
+    }
+    const r = n?.type === "paragraph" ? n : void 0;
+    if (t && o === l.length - 1 && r && v && M && !/[\n\r]/u.test(e)) {
+      const s = v, a = r.tokens.at(-1), p = a?.type === "text" && s.from === r.tokens.length - 1 && !/[\\\x60*_[\]<>~&:/.@;|="'()-]/u.test(e) && !/[\\\x60*_[\]<>~&:/.@;|="'()-]$/u.test(s.lastChar);
+      if (r.raw += e, r.text += e, p) {
+        const c = a, h = s.unresolved ? -1 : e.lastIndexOf(" "), k = h > 0 ? e.slice(0, h) : h === 0 ? "" : e, T = [], A = r.tokens.length - 1;
+        if (k && (c.raw += k, c.text += k, T.push({
+          kind: "append_text",
+          id: t.id,
+          text: k,
+          code: !1,
+          inlineIndex: A
+        })), h >= 0) {
+          const j = e.slice(h), P = { type: "text", raw: j, text: j };
+          r.tokens.push(P), T.push({
+            kind: "inline",
+            id: t.id,
+            from: A + 1,
+            deleteCount: 0,
+            tokens: [structuredClone(P)]
+          }), v = {
+            from: A + 1,
+            source: j,
+            unresolved: !1,
+            lastChar: j.slice(-1)
+          };
+        } else
+          s.source += e, s.lastChar = e.slice(-1);
+        return m(T);
+      }
+      const f = new O.Lexer({ ...O.defaults });
+      f.tokens.links = d;
+      const u = s.source + e;
+      W += u.length;
+      const N = f.inlineTokens(u), w = r.tokens.length - s.from;
+      r.tokens.splice(s.from, w, ...N), z(r, s.from);
+      const i = r.tokens.slice(s.from);
+      return m([
+        {
+          kind: "inline",
+          id: t.id,
+          from: s.from,
+          deleteCount: w,
+          tokens: structuredClone(i)
+        }
+      ]);
+    }
+    return _();
+  }
+  function H(e = "") {
+    const t = l.map((s) => ({
+      kind: "remove",
+      id: s.id
+    }));
+    C = e.length, I = !1;
+    const n = J(e);
+    L = n.length, b = n ? [{ start: 0, text: n }] : [], l = [], d = /* @__PURE__ */ Object.create(null), y = /* @__PURE__ */ Object.create(null), x.clear(), o = 0, g = void 0, S++;
+    const r = _();
+    return { ...r, changes: [...t, ...r.changes] };
+  }
+  function K() {
+    const e = l.map((t) => structuredClone(t.token));
+    return e.links = { ...d }, e;
+  }
+  function Q() {
+    return S++, o = 0, y = /* @__PURE__ */ Object.create(null), _(!0);
+  }
+  return {
+    append: G,
+    reset: H,
+    finish: Q,
+    snapshot: K,
+    get sourceLength() {
+      return C;
+    },
+    diagnostics: () => ({ fullParses: S, parsedCharacters: W, blocks: l.length })
+  };
+}
+export {
+  V as createIncrementalMarkdownParser
+};

package/dist/markdown.d.ts

@@ -1 +1,3 @@
 export { createMarkdownParser } from './components/chat/markdown/parser';
+export { createIncrementalMarkdownParser } from './components/chat/markdown/incremental';
+export type { MarkdownBlock, MarkdownBlockChange, MarkdownUpdate, } from './components/chat/markdown/incremental';

package/dist/markdown.js

@@ -1,4 +1,6 @@
 import { createMarkdownParser as a } from "./components/chat/markdown/parser.js";
+import { createIncrementalMarkdownParser as t } from "./components/chat/markdown/incremental.js";
 export {
+  t as createIncrementalMarkdownParser,
   a as createMarkdownParser
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.86.46",
+  "version": "0.86.48",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",