@floegence/floe-webapp-core 0.86.31 → 0.86.33

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

@@ -1,256 +1,342 @@
-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 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");
   return {
     src: k,
     openURL: k
   };
 }
-const Se = (a) => {
-  let k, I;
-  const [j, O] = S(!1);
-  Y(() => {
+const Re = (e) => {
+  let k, O;
+  const [Y, I] = S(!1);
+  te(() => {
     if (typeof IntersectionObserver > "u") {
-      O(!0);
+      I(!0);
       return;
     }
-    const c = new IntersectionObserver((d) => {
-      d.some((C) => C.isIntersecting) && (O(!0), c.disconnect());
+    const c = new IntersectionObserver((o) => {
+      o.some((r) => r.isIntersecting) && (I(!0), c.disconnect());
     }, {
       rootMargin: "400px"
     });
-    c.observe(k), D(() => c.disconnect());
+    c.observe(k), j(() => c.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]) => {
+  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 = () => ({
+    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 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 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;
+    }
+    (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);
       } 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 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);
       }
-      u.signal.aborted || L("ready");
+      t.signal.aborted || L("ready");
     })().catch(() => {
-      u.signal.aborted || L("error");
+      t.signal.aborted || L("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 c = he(), o = k;
+    return typeof o == "function" ? z(o, c) : k = c, h(c, i(y, {
+      get when() {
+        return e.source.kind === "html";
+      },
+      get fallback() {
+        return [(() => {
+          var r = ke();
+          return h(r, i(G, {
+            get children() {
+              return [i(_, {
+                get when() {
+                  return $() === "loading";
+                },
+                get children() {
+                  var n = me();
+                  return h(n, () => e.labels.loading), n;
+                }
+              }), i(_, {
+                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;
+                }
+              }), i(_, {
+                get when() {
+                  return $() === "ready";
+                },
+                get children() {
+                  return i(G, {
+                    get children() {
+                      return [i(_, {
+                        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;
+                          }, {
+                            e: void 0,
+                            t: void 0,
+                            a: void 0
+                          }), n;
+                        }
+                      }), i(_, {
+                        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;
+                          }, {
+                            e: void 0,
+                            t: void 0
+                          }), n;
+                        }
+                      }), i(_, {
+                        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;
+                          }, {
+                            e: void 0,
+                            t: void 0
+                          }), n;
+                        }
+                      })];
+                    }
+                  });
+                }
+              })];
+            }
+          })), 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, {
+            get when() {
+              return E(() => $() === "ready")() && g()?.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;
+              }, {
+                e: void 0,
+                t: void 0
+              }), l;
+            })()
+          }), null), h(s, i(y, {
+            get when() {
+              return E(() => $() === "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;
+              }, {
+                e: void 0,
+                t: void 0
+              }), d;
+            }
+          }), null), h(s, i(y, {
+            get when() {
+              return E(() => $() === "ready" && e.source.kind !== "image")() && g()?.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;
+              }, {
+                e: void 0,
+                t: void 0
+              }), d;
+            }
+          }), null), h(s, i(y, {
+            get when() {
+              return E(() => e.source.kind !== "image" && !g()?.reveal)() && g()?.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;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0
+              }), l;
+            })()
+          }), null), f(() => u(a, "title", b())), r;
+        })()];
+      },
       get children() {
-        return [i(x, {
-          get when() {
-            return y() === "loading";
+        return i(le, {
+          get state() {
+            return e.htmlState ?? $();
           },
-          get children() {
-            var e = ce();
-            return o(e, () => a.labels.loading), e;
-          }
-        }), i(x, {
-          get when() {
-            return y() === "error";
+          get html() {
+            return T() ?? e.source.html ?? "";
           },
-          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;
-          }
-        }), i(x, {
-          get when() {
-            return y() === "ready";
+          get labels() {
+            return e.labels;
+          },
+          get expanded() {
+            return R();
+          },
+          onExpand: () => H((r) => !r),
+          onRetry: () => A((r) => r + 1),
+          onPreview: () => W(),
+          get previewLabel() {
+            return M();
+          },
+          get resource() {
+            return g();
           },
           get children() {
-            return i(N, {
+            return i(y, {
+              get when() {
+                return E(() => $() === "ready")() && !e.htmlState;
+              },
               get children() {
-                return [i(x, {
-                  get when() {
-                    return a.source.kind === "image";
+                return i(Q, {
+                  class: "chat-media-html",
+                  get title() {
+                    return b();
                   },
-                  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;
-                    }, {
-                      e: void 0,
-                      t: void 0,
-                      a: void 0
-                    }), e;
-                  }
-                }), i(x, {
-                  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;
-                    }, {
-                      e: void 0,
-                      t: void 0
-                    }), e;
-                  }
-                }), i(x, {
-                  get when() {
-                    return a.source.kind === "audio";
+                  get html() {
+                    return T() ?? "";
                   },
-                  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;
-                    }, {
-                      e: void 0,
-                      t: void 0
-                    }), e;
-                  }
-                }), i(x, {
-                  get when() {
-                    return a.source.kind === "html";
+                  get labels() {
+                    return N();
                   },
-                  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;
+                  get onOpenLink() {
+                    return D();
                   }
-                })];
+                });
               }
             });
           }
-        })];
-      }
-    })), o(u, () => a.labels[a.source.kind]), o($, g), o(f, i(M, {
-      get when() {
-        return _(() => y() === "ready")() && v()?.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;
-        }, {
-          e: void 0,
-          t: void 0
-        }), t;
-      })()
-    }), null), o(f, i(M, {
-      get when() {
-        return _(() => y() === "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;
-        }, {
-          e: void 0,
-          t: void 0
-        }), e;
-      }
-    }), null), o(f, i(M, {
-      get when() {
-        return _(() => !!(y() === "ready" && v()?.preview))() && a.source.kind !== "image";
-      },
-      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;
-        }, {
-          e: void 0,
-          t: void 0
-        }), e;
+        });
       }
-    }), null), o(f, i(M, {
+    }), null), h(c, i(y, {
       get when() {
-        return _(() => y() === "ready")() && a.source.kind === "html";
+        return e.source.kind === "image";
       },
       get children() {
-        var e = z();
-        return e.$$click = () => R(!b()), o(e, i(M, {
-          get when() {
+        return i(J, {
+          get open() {
+            return R();
+          },
+          onOpenChange: (r) => {
+            H(r), r || O?.focus({
+              preventScroll: !0
+            });
+          },
+          get title() {
             return b();
           },
-          get fallback() {
-            return i(le, {});
+          get labels() {
+            return {
+              close: e.labels.close,
+              maximize: e.labels.expand,
+              restore: e.labels.collapse
+            };
+          },
+          defaultSize: {
+            width: 960,
+            height: 680
+          },
+          minSize: {
+            width: 280,
+            height: 240
           },
+          compactBelow: 640,
+          class: "chat-media-preview-window",
           get children() {
-            return i(ae, {});
+            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;
+            }, {
+              e: void 0,
+              t: void 0
+            }), r;
           }
-        })), 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;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0,
-          o: void 0
-        }), e;
+        });
       }
-    }), null), o(f, i(M, {
-      get when() {
-        return _(() => a.source.kind !== "image" && !v()?.reveal)() && v()?.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;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        }), t;
-      })()
-    }), null), o(c, i(M, {
+    }), null), h(c, i(y, {
       get when() {
-        return a.source.kind === "image";
+        return e.source.kind === "html";
       },
       get children() {
-        return i(ee, {
+        return i(J, {
           get open() {
-            return b();
+            return q();
           },
-          onOpenChange: (e) => {
-            R(e), e || I?.focus({
+          onOpenChange: (r) => {
+            U(r), r || O?.focus({
               preventScroll: !0
             });
           },
           get title() {
-            return g();
+            return b();
           },
           get labels() {
             return {
-              close: a.labels.close,
-              maximize: a.labels.expand,
-              restore: a.labels.collapse
+              close: e.labels.close,
+              maximize: e.labels.expand,
+              restore: e.labels.collapse
             };
           },
           defaultSize: {
@@ -264,30 +350,37 @@ 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 r = ve();
+            return z((n) => queueMicrotask(() => n.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: void 0,
-              t: void 0
-            }), e;
+            })), r), h(r, i(Q, {
+              class: "chat-media-html",
+              get title() {
+                return b();
+              },
+              get html() {
+                return T() ?? "";
+              },
+              get labels() {
+                return N();
+              },
+              get onOpenLink() {
+                return D();
+              }
+            })), r;
           }
         });
       }
-    }), 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), 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;
     }, {
       e: void 0,
-      t: void 0,
-      a: void 0
+      t: void 0
     }), c;
   })();
 };
-X(["click"]);
+ee(["click"]);
 export {
-  Se as MarkdownMedia
+  Re as MarkdownMedia
 };

package/dist/components/html-preview/SandboxedHtmlFrame.d.ts

@@ -0,0 +1,18 @@
+import { type JSX } from 'solid-js';
+export interface SandboxedHtmlFrameLabels {
+    linkUnavailable: string;
+    anchorUnavailable: string;
+}
+export interface SandboxedHtmlFrameProps {
+    html: string;
+    title: string;
+    class?: string;
+    style?: JSX.CSSProperties;
+    inert?: boolean;
+    tabIndex?: number;
+    labels?: SandboxedHtmlFrameLabels;
+    /** An untrusted link intent. The host must resolve and authorize every target. */
+    onOpenLink?: (href: string, signal: AbortSignal) => void | Promise<void>;
+}
+/** A self-contained opaque document with a user-activated, host-authorized link boundary. */
+export declare function SandboxedHtmlFrame(props: SandboxedHtmlFrameProps): JSX.Element;