@floegence/floe-webapp-core 0.86.28 → 0.86.32

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

@@ -9,6 +9,10 @@ export interface MarkdownMediaLabels {
     html: string;
     /** Label for opening an HTML file in the host's file preview surface. */
     previewHTML?: string;
+    /** Label for an independent floating preview of inline HTML. */
+    previewHTMLWindow?: string;
+    linkUnavailable?: string;
+    anchorUnavailable?: string;
     loading: string;
     unavailable: string;
     retry: string;
@@ -39,6 +43,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>;
+    /** 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;
 }
 /** Stable inline media with host-owned resource resolution and an isolated HTML document. */

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

@@ -1,144 +1,162 @@
-import { use as B, insert as o, createComponent as i, effect as h, setAttribute as n, memo as _, className as Q, template as m, delegateEvents as X } from "solid-js/web";
-import { createSignal as S, onMount as Y, onCleanup as D, createMemo as Z, createEffect as q, on as p, Switch as N, Match as x, Show as M } from "solid-js";
-import { FloatingWindow as ee } from "../../ui/FloatingWindow.js";
-import { Refresh as te, FolderOpen as re, Eye as V, Minus as ae, Maximize as le, ExternalLink as ne } from "../../icons/index.js";
-import { cn as ie } from "../../../utils/cn.js";
-import { sandboxedMarkdownHtml as W, safeMarkdownMediaURL as oe } from "../markdown/media.js";
-var ce = /* @__PURE__ */ m("<span class=chat-media-placeholder role=status>"), de = /* @__PURE__ */ m("<span class=chat-media-placeholder role=status><span></span><button type=button class=chat-media-retry>"), se = /* @__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), ve = /* @__PURE__ */ m("<video class=chat-media-video controls playsinline preload=metadata>"), ue = /* @__PURE__ */ m("<audio class=chat-media-audio controls preload=metadata>"), he = /* @__PURE__ */ m("<iframe class=chat-media-html sandbox=allow-scripts referrerpolicy=no-referrer>"), z = /* @__PURE__ */ m("<button type=button class=chat-media-action>"), me = /* @__PURE__ */ m("<button type=button class=chat-media-action data-chat-media-action=preview>"), ge = /* @__PURE__ */ m("<div class=chat-media-preview-content><img referrerpolicy=no-referrer class=chat-media-full-image>"), be = /* @__PURE__ */ m("<span><span class=chat-media-viewport></span><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>"), fe = /* @__PURE__ */ m('<a class=chat-media-action target=_blank rel="noopener noreferrer">');
-async function we(a) {
-  const k = oe(a.src ?? "");
-  if (!k || a.kind === "html") throw new Error("A host resolver is required");
+import { use as U, insert as c, createComponent as n, effect as g, setAttribute as i, memo as T, className as ee, template as m, delegateEvents as te } from "solid-js/web";
+import { createSignal as M, onMount as re, onCleanup as V, createMemo as ae, createEffect as le, on as ne, Switch as j, Match as S, Show as k } from "solid-js";
+import { FloatingWindow as G } from "../../ui/FloatingWindow.js";
+import { Refresh as ie, FolderOpen as oe, Eye as J, Minus as ce, Maximize as se, ExternalLink as de } from "../../icons/index.js";
+import { cn as ue } from "../../../utils/cn.js";
+import { safeMarkdownMediaURL as ve } from "../markdown/media.js";
+import { SandboxedHtmlFrame as K } from "../../html-preview/SandboxedHtmlFrame.js";
+var he = /* @__PURE__ */ m("<span class=chat-media-placeholder role=status>"), me = /* @__PURE__ */ m("<span class=chat-media-placeholder role=status><span></span><button type=button class=chat-media-retry>"), ge = /* @__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), be = /* @__PURE__ */ m("<video class=chat-media-video controls playsinline preload=metadata>"), we = /* @__PURE__ */ m("<audio class=chat-media-audio controls preload=metadata>"), I = /* @__PURE__ */ m("<button type=button class=chat-media-action>"), fe = /* @__PURE__ */ m("<button type=button class=chat-media-action data-chat-media-action=preview>"), ke = /* @__PURE__ */ m("<div class=chat-media-preview-content><img referrerpolicy=no-referrer class=chat-media-full-image>"), ye = /* @__PURE__ */ m("<div class=chat-media-preview-content>"), $e = /* @__PURE__ */ m("<span><span class=chat-media-viewport></span><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>"), Le = /* @__PURE__ */ m('<a class=chat-media-action target=_blank rel="noopener noreferrer">');
+async function xe(a) {
+  const y = ve(a.src ?? "");
+  if (!y || a.kind === "html") throw new Error("A host resolver is required");
   return {
-    src: k,
-    openURL: k
+    src: y,
+    openURL: y
   };
 }
-const Se = (a) => {
-  let k, I;
-  const [j, O] = S(!1);
-  Y(() => {
+const He = (a) => {
+  let y, _;
+  const [Q, A] = M(!1);
+  re(() => {
     if (typeof IntersectionObserver > "u") {
-      O(!0);
+      A(!0);
       return;
     }
-    const c = new IntersectionObserver((d) => {
-      d.some((C) => C.isIntersecting) && (O(!0), c.disconnect());
+    const o = new IntersectionObserver((s) => {
+      s.some((L) => L.isIntersecting) && (A(!0), o.disconnect());
     }, {
       rootMargin: "400px"
     });
-    c.observe(k), D(() => c.disconnect());
+    o.observe(y), V(() => o.disconnect());
   });
-  const [v, U] = S(), [G, H] = S(), [y, L] = S("loading"), [J, K] = S(0), [b, R] = S(!1), g = () => a.source.title || a.labels[a.source.kind], P = Z(() => a.source), E = () => v()?.preview?.label || (a.source.kind === "image" ? a.labels.previewImage : a.labels.previewHTML) || a.labels.open, A = (c) => {
-    I = c.currentTarget;
-    const d = v()?.preview;
-    d ? d.onSelect() : R(!0);
-  };
-  return q(p([j, P, () => a.resolve, J], ([c, d, C]) => {
-    if (!c) return;
-    const T = C ?? we, u = new AbortController();
-    D(() => u.abort()), U(void 0), H(void 0), L("loading"), R(!1), (async () => {
-      if (d.kind === "html" && d.html !== void 0) {
-        if (d.html.length > 1e6) throw new Error("HTML preview is too large");
-        u.signal.aborted || H(W(d.html));
+  const [u, F] = M(), [B, z] = M(), [$, E] = M("loading"), [X, Y] = M(0), [b, H] = M(!1), [Z, R] = M(!1), v = () => a.source.title || a.labels[a.source.kind], P = ae(() => a.source), C = () => u()?.preview?.label || (a.source.kind === "image" ? a.labels.previewImage : a.labels.previewHTMLWindow ?? "Open preview window") || a.labels.open, W = (o) => {
+    _ = o.currentTarget;
+    const s = u()?.preview;
+    s ? s.onSelect() : H(!0);
+  }, p = (o) => {
+    _ = o.currentTarget;
+    const s = u()?.preview;
+    s ? s.onSelect() : R(!0);
+  }, q = () => {
+    const o = a.onOpenLink, s = P();
+    return o ? (L, O) => o(s, L, O) : void 0;
+  }, D = () => ({
+    linkUnavailable: a.labels.linkUnavailable ?? "Opening links is unavailable in this preview.",
+    anchorUnavailable: a.labels.anchorUnavailable ?? "The linked section was not found."
+  });
+  return le(ne([Q, P, () => a.resolve, X], ([o, s, L]) => {
+    if (!o) return;
+    const O = L ?? xe, h = new AbortController();
+    V(() => h.abort()), F(void 0), z(void 0), E("loading"), H(!1), R(!1), (async () => {
+      if (s.kind === "html" && s.html !== void 0) {
+        if (s.html.length > 1e6) throw new Error("HTML preview is too large");
+        h.signal.aborted || z(s.html);
       } else {
-        const $ = await T(d, u.signal);
-        if (u.signal.aborted) return;
-        if (d.kind === "html") {
-          if (!$.loadHTML) throw new Error("HTML loader is required");
-          const f = await $.loadHTML(u.signal);
-          if (u.signal.aborted) return;
-          if (f.length > 1e6) throw new Error("HTML preview is too large");
-          H(W(f));
-        } else if (!$.src) throw new Error("Media URL is required");
-        U($);
+        const x = await O(s, h.signal);
+        if (h.signal.aborted) return;
+        if (s.kind === "html") {
+          if (!x.loadHTML) throw new Error("HTML loader is required");
+          const w = await x.loadHTML(h.signal);
+          if (h.signal.aborted) return;
+          if (w.length > 1e6) throw new Error("HTML preview is too large");
+          z(w);
+        } else if (!x.src) throw new Error("Media URL is required");
+        F(x);
       }
-      u.signal.aborted || L("ready");
+      h.signal.aborted || E("ready");
     })().catch(() => {
-      u.signal.aborted || L("error");
+      h.signal.aborted || E("error");
     });
   })), (() => {
-    var c = be(), d = c.firstChild, C = d.nextSibling, T = C.firstChild, u = T.firstChild, $ = u.nextSibling, f = T.nextSibling, F = k;
-    return typeof F == "function" ? B(F, c) : k = c, o(d, i(N, {
+    var o = $e(), s = o.firstChild, L = s.nextSibling, O = L.firstChild, h = O.firstChild, x = h.nextSibling, w = O.nextSibling, N = y;
+    return typeof N == "function" ? U(N, o) : y = o, c(s, n(j, {
       get children() {
-        return [i(x, {
+        return [n(S, {
           get when() {
-            return y() === "loading";
+            return $() === "loading";
           },
           get children() {
-            var e = ce();
-            return o(e, () => a.labels.loading), e;
+            var e = he();
+            return c(e, () => a.labels.loading), e;
           }
-        }), i(x, {
+        }), n(S, {
           get when() {
-            return y() === "error";
+            return $() === "error";
           },
           get children() {
-            var e = de(), t = e.firstChild, r = t.nextSibling;
-            return o(t, () => a.labels.unavailable), r.$$click = () => K((l) => l + 1), o(r, i(te, {}), null), o(r, () => a.labels.retry, null), e;
+            var e = me(), t = e.firstChild, r = t.nextSibling;
+            return c(t, () => a.labels.unavailable), r.$$click = () => Y((l) => l + 1), c(r, n(ie, {}), null), c(r, () => a.labels.retry, null), e;
           }
-        }), i(x, {
+        }), n(S, {
           get when() {
-            return y() === "ready";
+            return $() === "ready";
           },
           get children() {
-            return i(N, {
+            return n(j, {
               get children() {
-                return [i(x, {
+                return [n(S, {
                   get when() {
                     return a.source.kind === "image";
                   },
                   get children() {
-                    var e = se(), t = e.firstChild;
-                    return e.$$click = A, t.addEventListener("error", () => L("error")), h((r) => {
-                      var l = `${E()}: ${g()}`, s = v()?.src, w = g();
-                      return l !== r.e && n(e, "aria-label", r.e = l), s !== r.t && n(t, "src", r.t = s), w !== r.a && n(t, "alt", r.a = w), r;
+                    var e = ge(), t = e.firstChild;
+                    return e.$$click = W, t.addEventListener("error", () => E("error")), g((r) => {
+                      var l = `${C()}: ${v()}`, d = u()?.src, f = v();
+                      return l !== r.e && i(e, "aria-label", r.e = l), d !== r.t && i(t, "src", r.t = d), f !== r.a && i(t, "alt", r.a = f), r;
                     }, {
                       e: void 0,
                       t: void 0,
                       a: void 0
                     }), e;
                   }
-                }), i(x, {
+                }), n(S, {
                   get when() {
                     return a.source.kind === "video";
                   },
                   get children() {
-                    var e = ve();
-                    return e.addEventListener("error", () => L("error")), h((t) => {
-                      var r = v()?.src, l = g();
-                      return r !== t.e && n(e, "src", t.e = r), l !== t.t && n(e, "aria-label", t.t = l), t;
+                    var e = be();
+                    return e.addEventListener("error", () => E("error")), g((t) => {
+                      var r = u()?.src, l = v();
+                      return r !== t.e && i(e, "src", t.e = r), l !== t.t && i(e, "aria-label", t.t = l), t;
                     }, {
                       e: void 0,
                       t: void 0
                     }), e;
                   }
-                }), i(x, {
+                }), n(S, {
                   get when() {
                     return a.source.kind === "audio";
                   },
                   get children() {
-                    var e = ue();
-                    return e.addEventListener("error", () => L("error")), h((t) => {
-                      var r = v()?.src, l = g();
-                      return r !== t.e && n(e, "src", t.e = r), l !== t.t && n(e, "aria-label", t.t = l), t;
+                    var e = we();
+                    return e.addEventListener("error", () => E("error")), g((t) => {
+                      var r = u()?.src, l = v();
+                      return r !== t.e && i(e, "src", t.e = r), l !== t.t && i(e, "aria-label", t.t = l), t;
                     }, {
                       e: void 0,
                       t: void 0
                     }), e;
                   }
-                }), i(x, {
+                }), n(S, {
                   get when() {
                     return a.source.kind === "html";
                   },
                   get children() {
-                    var e = he();
-                    return h((t) => {
-                      var r = g(), l = G();
-                      return r !== t.e && n(e, "title", t.e = r), l !== t.t && n(e, "srcdoc", t.t = l), t;
-                    }, {
-                      e: void 0,
-                      t: void 0
-                    }), e;
+                    return n(K, {
+                      class: "chat-media-html",
+                      get title() {
+                        return v();
+                      },
+                      get html() {
+                        return B() ?? "";
+                      },
+                      get labels() {
+                        return D();
+                      },
+                      get onOpenLink() {
+                        return q();
+                      }
+                    });
                   }
                 })];
               }
@@ -146,67 +164,67 @@ const Se = (a) => {
           }
         })];
       }
-    })), o(u, () => a.labels[a.source.kind]), o($, g), o(f, i(M, {
+    })), c(h, () => a.labels[a.source.kind]), c(x, v), c(w, n(k, {
       get when() {
-        return _(() => y() === "ready")() && v()?.reveal;
+        return T(() => $() === "ready")() && u()?.reveal;
       },
       children: (e) => (() => {
-        var t = z();
-        return t.$$click = () => e().onSelect(), o(t, i(re, {})), h((r) => {
-          var l = e().label, s = e().label;
-          return l !== r.e && n(t, "aria-label", r.e = l), s !== r.t && n(t, "title", r.t = s), r;
+        var t = I();
+        return t.$$click = () => e().onSelect(), c(t, n(oe, {})), g((r) => {
+          var l = e().label, d = e().label;
+          return l !== r.e && i(t, "aria-label", r.e = l), d !== r.t && i(t, "title", r.t = d), r;
         }, {
           e: void 0,
           t: void 0
         }), t;
       })()
-    }), null), o(f, i(M, {
+    }), null), c(w, n(k, {
       get when() {
-        return _(() => y() === "ready")() && a.source.kind === "image";
+        return T(() => $() === "ready")() && a.source.kind === "image";
       },
       get children() {
-        var e = z();
-        return e.$$click = A, o(e, i(V, {})), h((t) => {
-          var r = E(), l = E();
-          return r !== t.e && n(e, "aria-label", t.e = r), l !== t.t && n(e, "title", t.t = l), t;
+        var e = I();
+        return e.$$click = W, c(e, n(J, {})), g((t) => {
+          var r = C(), l = C();
+          return r !== t.e && i(e, "aria-label", t.e = r), l !== t.t && i(e, "title", t.t = l), t;
         }, {
           e: void 0,
           t: void 0
         }), e;
       }
-    }), null), o(f, i(M, {
+    }), null), c(w, n(k, {
       get when() {
-        return _(() => !!(y() === "ready" && v()?.preview))() && a.source.kind !== "image";
+        return T(() => $() === "ready" && a.source.kind !== "image")() && (a.source.kind === "html" || u()?.preview);
       },
       get children() {
-        var e = me();
-        return e.$$click = () => v()?.preview?.onSelect(), o(e, i(V, {})), h((t) => {
-          var r = E(), l = E();
-          return r !== t.e && n(e, "aria-label", t.e = r), l !== t.t && n(e, "title", t.t = l), t;
+        var e = fe();
+        return e.$$click = p, c(e, n(J, {})), g((t) => {
+          var r = C(), l = C();
+          return r !== t.e && i(e, "aria-label", t.e = r), l !== t.t && i(e, "title", t.t = l), t;
         }, {
           e: void 0,
           t: void 0
         }), e;
       }
-    }), null), o(f, i(M, {
+    }), null), c(w, n(k, {
       get when() {
-        return _(() => y() === "ready")() && a.source.kind === "html";
+        return T(() => $() === "ready")() && a.source.kind === "html";
       },
       get children() {
-        var e = z();
-        return e.$$click = () => R(!b()), o(e, i(M, {
+        var e = I();
+        return e.$$click = () => H(!b()), c(e, n(k, {
           get when() {
             return b();
           },
           get fallback() {
-            return i(le, {});
+            return n(se, {});
           },
           get children() {
-            return i(ae, {});
+            return n(ce, {});
           }
-        })), h((t) => {
-          var r = b() ? "collapse" : "expand", l = b() ? a.labels.collapse : a.labels.expand, s = b() ? a.labels.collapse : a.labels.expand, w = b();
-          return r !== t.e && n(e, "data-chat-media-action", t.e = r), l !== t.t && n(e, "aria-label", t.t = l), s !== t.a && n(e, "title", t.a = s), w !== t.o && n(e, "aria-expanded", t.o = w), t;
+        })), g((t) => {
+          var r = b() ? "collapse" : "expand", l = b() ? a.labels.collapse : a.labels.expand, d = b() ? a.labels.collapse : a.labels.expand, f = b();
+          return r !== t.e && i(e, "data-chat-media-action", t.e = r), l !== t.t && i(e, "aria-label", t.t = l), d !== t.a && i(e, "title", t.a = d), f !== t.o && i(e, "aria-expanded", t.o = f), t;
         }, {
           e: void 0,
           t: void 0,
@@ -214,37 +232,37 @@ const Se = (a) => {
           o: void 0
         }), e;
       }
-    }), null), o(f, i(M, {
+    }), null), c(w, n(k, {
       get when() {
-        return _(() => a.source.kind !== "image" && !v()?.reveal)() && v()?.openURL;
+        return T(() => a.source.kind !== "image" && !u()?.reveal)() && u()?.openURL;
       },
       children: (e) => (() => {
-        var t = fe();
-        return o(t, i(ne, {})), h((r) => {
-          var l = e(), s = a.labels.open, w = a.labels.open;
-          return l !== r.e && n(t, "href", r.e = l), s !== r.t && n(t, "aria-label", r.t = s), w !== r.a && n(t, "title", r.a = w), r;
+        var t = Le();
+        return c(t, n(de, {})), g((r) => {
+          var l = e(), d = a.labels.open, f = a.labels.open;
+          return l !== r.e && i(t, "href", r.e = l), d !== r.t && i(t, "aria-label", r.t = d), f !== r.a && i(t, "title", r.a = f), r;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
         }), t;
       })()
-    }), null), o(c, i(M, {
+    }), null), c(o, n(k, {
       get when() {
         return a.source.kind === "image";
       },
       get children() {
-        return i(ee, {
+        return n(G, {
           get open() {
             return b();
           },
           onOpenChange: (e) => {
-            R(e), e || I?.focus({
+            H(e), e || _?.focus({
               preventScroll: !0
             });
           },
           get title() {
-            return g();
+            return v();
           },
           get labels() {
             return {
@@ -264,12 +282,12 @@ const Se = (a) => {
           compactBelow: 640,
           class: "chat-media-preview-window",
           get children() {
-            var e = ge(), t = e.firstChild;
-            return B((r) => queueMicrotask(() => r.closest('[role="dialog"]')?.focus({
+            var e = ke(), t = e.firstChild;
+            return U((r) => queueMicrotask(() => r.closest('[role="dialog"]')?.focus({
               preventScroll: !0
-            })), e), h((r) => {
-              var l = v()?.src, s = g();
-              return l !== r.e && n(t, "src", r.e = l), s !== r.t && n(t, "alt", r.t = s), r;
+            })), e), g((r) => {
+              var l = u()?.src, d = v();
+              return l !== r.e && i(t, "src", r.e = l), d !== r.t && i(t, "alt", r.t = d), r;
             }, {
               e: void 0,
               t: void 0
@@ -277,17 +295,73 @@ const Se = (a) => {
           }
         });
       }
-    }), null), h((e) => {
-      var t = ie("chat-media", b() && a.source.kind === "html" && "chat-media-expanded", a.class), r = a.source.kind, l = g();
-      return t !== e.e && Q(c, e.e = t), r !== e.t && n(c, "data-media-kind", e.t = r), l !== e.a && n($, "title", e.a = l), e;
+    }), null), c(o, n(k, {
+      get when() {
+        return a.source.kind === "html";
+      },
+      get children() {
+        return n(G, {
+          get open() {
+            return Z();
+          },
+          onOpenChange: (e) => {
+            R(e), e || _?.focus({
+              preventScroll: !0
+            });
+          },
+          get title() {
+            return v();
+          },
+          get labels() {
+            return {
+              close: a.labels.close,
+              maximize: a.labels.expand,
+              restore: a.labels.collapse
+            };
+          },
+          defaultSize: {
+            width: 960,
+            height: 680
+          },
+          minSize: {
+            width: 280,
+            height: 240
+          },
+          compactBelow: 640,
+          class: "chat-media-preview-window",
+          get children() {
+            var e = ye();
+            return U((t) => queueMicrotask(() => t.closest('[role="dialog"]')?.focus({
+              preventScroll: !0
+            })), e), c(e, n(K, {
+              class: "chat-media-html",
+              get title() {
+                return v();
+              },
+              get html() {
+                return B() ?? "";
+              },
+              get labels() {
+                return D();
+              },
+              get onOpenLink() {
+                return q();
+              }
+            })), e;
+          }
+        });
+      }
+    }), null), g((e) => {
+      var t = ue("chat-media", b() && a.source.kind === "html" && "chat-media-expanded", a.class), r = a.source.kind, l = v();
+      return t !== e.e && ee(o, e.e = t), r !== e.t && i(o, "data-media-kind", e.t = r), l !== e.a && i(x, "title", e.a = l), e;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), c;
+    }), o;
   })();
 };
-X(["click"]);
+te(["click"]);
 export {
-  Se as MarkdownMedia
+  He as MarkdownMedia
 };

package/dist/components/chat/hooks/useMarkdown.js

@@ -1,13 +1,13 @@
 import { secureRandomUUID as w } from "../../../utils/secureRandom.js";
 import { renderMarkdownToHtml as k } from "../markdown/markdown.js";
-let n = null, l = !1, u = null;
-const c = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), m = 200;
+let n = null, c = !1, u = null;
+const l = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), m = 200;
 function h() {
   if (typeof Worker > "u") return null;
   try {
     return new Worker(new URL(
       /* @vite-ignore */
-      "" + new URL("../../../assets/markdown.worker-D2sIOyGt.js", import.meta.url).href,
+      "" + new URL("../../../assets/markdown.worker-CcdiAiK-.js", import.meta.url).href,
       import.meta.url
     ), { type: "module" });
   } catch {
@@ -15,14 +15,14 @@ function h() {
   }
 }
 function W(r) {
-  return n = r, l = !1, u = new Promise((t) => {
+  return n = r, c = !1, u = new Promise((t) => {
     n.onmessage = (e) => {
       if ("type" in e.data && e.data.type === "ready") {
-        l = !0, t();
+        c = !0, t();
         return;
       }
-      const { id: o, html: f, error: i } = e.data, s = c.get(o);
-      s && (c.delete(o), i ? s.reject(new Error(i)) : s.resolve(f));
+      const { id: o, html: d, error: i } = e.data, s = l.get(o);
+      s && (l.delete(o), i ? s.reject(new Error(i)) : s.resolve(d));
     }, n.onerror = (e) => {
       console.error("Markdown worker error:", e);
     };
@@ -32,35 +32,35 @@ function g() {
   return !!n;
 }
 async function p() {
-  return n ? l ? !0 : u ? (await u, !0) : !1 : !1;
+  return n ? c ? !0 : u ? (await u, !0) : !1 : !1;
 }
 function R(r) {
   const t = a.get(r);
   if (t) return t;
   const e = k(r);
-  return d(r, e), e;
+  return f(r, e), e;
 }
 async function U(r) {
   const t = a.get(r);
   if (t) return t;
   if (!await p() || !n) {
     const o = k(r);
-    return d(r, o), o;
+    return f(r, o), o;
   }
-  return new Promise((o, f) => {
+  return new Promise((o, d) => {
     const i = w();
-    c.set(i, {
+    l.set(i, {
       resolve: (s) => {
-        d(r, s), o(s);
+        f(r, s), o(s);
       },
-      reject: f
+      reject: d
     }), n.postMessage({ id: i, content: r });
   });
 }
 function v() {
-  n && (n.terminate(), n = null), l = !1, u = null, c.clear(), a.clear();
+  n && (n.terminate(), n = null), c = !1, u = null, l.clear(), a.clear();
 }
-function d(r, t) {
+function f(r, t) {
   if (a.size >= m) {
     const e = a.keys().next().value;
     e && a.delete(e);

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

@@ -1,12 +1,9 @@
-import { marked as c } from "../../../node_modules/.pnpm/marked@17.0.6/node_modules/marked/lib/marked.esm.js";
-c.setOptions({
-  gfm: !0,
-  breaks: !0
-});
-const t = new c.Renderer();
+import { marked as n } from "../../../node_modules/.pnpm/marked@17.0.6/node_modules/marked/lib/marked.esm.js";
+import { createMarkdownParser as l } from "./parser.js";
+const a = l(), t = new n.Renderer();
 t.code = function(e) {
-  const r = e.lang || "text", a = e.text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-  return `<pre class="chat-md-code-block" data-language="${r}"><code>${a}</code></pre>`;
+  const r = e.lang || "text", c = e.text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  return `<pre class="chat-md-code-block" data-language="${r}"><code>${c}</code></pre>`;
 };
 t.codespan = function(e) {
   return `<code class="chat-md-inline-code">${e.text}</code>`;
@@ -22,10 +19,10 @@ t.image = function(e) {
 t.blockquote = function(e) {
   return `<blockquote class="chat-md-blockquote">${e.text}</blockquote>`;
 };
-c.use({ renderer: t });
-function l(e) {
-  return c.parse(e, { async: !1 });
+a.use({ renderer: t });
+function i(e) {
+  return a.parse(e, { async: !1 });
 }
 export {
-  l as renderMarkdownToHtml
+  i as renderMarkdownToHtml
 };

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

@@ -0,0 +1,3 @@
+import { Marked, type MarkedOptions } from 'marked';
+/** Create an isolated GFM parser with CJK-aware emphasis boundaries. */
+export declare function createMarkdownParser(options?: MarkedOptions): Marked;