@opengeni/react 6.1.0-canary.3 → 6.1.0-canary.4

package/dist/{chunk-URNTAVGX.js → chunk-AWEBVNVX.js}

@@ -483,10 +483,10 @@ import {
   useContext as useContext3,
   isValidElement,
   memo,
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useMemo,
   useReducer,
-  useRef as useRef2,
+  useRef as useRef3,
   useState as useState3
 } from "react";
 import ReactMarkdown, {
@@ -508,6 +508,148 @@ function prefersReducedMotion() {
 // src/lib/motion-inspect.ts
 var MOTION_INSPECT_SCALE = 1;
 
+// src/components/preview-loading.tsx
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function PreviewLoading() {
+  const ref = useRef2(null);
+  useEffect2(() => {
+    const canvas = ref.current;
+    if (!canvas) return;
+    let ctx;
+    try {
+      ctx = canvas.getContext("2d");
+    } catch {
+      return;
+    }
+    if (!ctx) return;
+    const context = ctx;
+    const motion = window.matchMedia?.("(prefers-reduced-motion: reduce)");
+    let frame;
+    let time = 2;
+    let last;
+    let disposed = false;
+    let visible = false;
+    const canAnimate = () => !disposed && visible && !document.hidden && motion?.matches === false;
+    function draw() {
+      const w = canvas.clientWidth;
+      const h = canvas.clientHeight;
+      if (!w || !h || document.hidden || disposed) return;
+      const d = Math.min(window.devicePixelRatio || 1, 2);
+      if (canvas.width !== Math.round(w * d) || canvas.height !== Math.round(h * d)) {
+        canvas.width = Math.round(w * d);
+        canvas.height = Math.round(h * d);
+      }
+      const style = getComputedStyle(canvas);
+      const ink = style.getPropertyValue("--_og-preview-ink").trim() || "#bca3ef";
+      const glowColor = style.getPropertyValue("--_og-preview-glow").trim() || "#8f6ccc";
+      context.setTransform(d, 0, 0, d, 0, 0);
+      context.clearRect(0, 0, w, h);
+      const cx = w * (0.5 + 0.13 * Math.sin(time * 0.21));
+      const cy = h * (0.5 + 0.12 * Math.cos(time * 0.27));
+      const glow = context.createRadialGradient(cx, cy, 0, cx, cy, Math.max(w, h) * 0.65);
+      glow.addColorStop(0, glowColor);
+      glow.addColorStop(1, "transparent");
+      context.globalAlpha = 0.09;
+      context.fillStyle = glow;
+      context.fillRect(0, 0, w, h);
+      const rows = Math.ceil(h / 18) + 7;
+      const cols = Math.ceil(w / 18) + 7;
+      const points = Array.from(
+        { length: rows },
+        (_row, r) => Array.from({ length: cols }, (_col, c) => {
+          const x = (c - 3) * 18;
+          const y = (r - 3) * 18;
+          const dist = Math.hypot((x - cx) * 0.8, y - cy);
+          const wave = Math.sin(dist * 0.032 - time * 0.95);
+          return {
+            x: x + (x - cx) / Math.max(dist, 1) * wave * 4,
+            y: y + (y - cy) / Math.max(dist, 1) * wave * 4,
+            l: Math.pow((wave + 1) / 2, 5)
+          };
+        })
+      );
+      context.strokeStyle = ink;
+      context.fillStyle = ink;
+      context.lineWidth = 0.65;
+      points.forEach(
+        (row, r) => row.forEach((p, c) => {
+          context.globalAlpha = 0.035 + p.l * 0.055;
+          context.beginPath();
+          if (c + 1 < cols) {
+            context.moveTo(p.x, p.y);
+            context.lineTo(row[c + 1].x, row[c + 1].y);
+          }
+          if (r + 1 < rows) {
+            context.moveTo(p.x, p.y);
+            context.lineTo(points[r + 1][c].x, points[r + 1][c].y);
+          }
+          context.stroke();
+          context.globalAlpha = 0.15 + p.l * 0.55;
+          context.beginPath();
+          context.arc(p.x, p.y, 0.85 + p.l * 0.65, 0, Math.PI * 2);
+          context.fill();
+        })
+      );
+      context.globalAlpha = 1;
+      canvas.dataset.painted = "true";
+    }
+    function stop() {
+      if (frame !== void 0) window.cancelAnimationFrame(frame);
+      frame = void 0;
+      last = void 0;
+    }
+    function tick(stamp) {
+      frame = void 0;
+      if (!canAnimate()) return;
+      if (last !== void 0) time += Math.min((stamp - last) / 1e3, 0.05);
+      last = stamp;
+      draw();
+      frame = window.requestAnimationFrame(tick);
+    }
+    function refresh() {
+      stop();
+      if (disposed || document.hidden || !visible && intersection) return;
+      draw();
+      if (canAnimate() && typeof window.requestAnimationFrame === "function") {
+        frame = window.requestAnimationFrame(tick);
+      }
+    }
+    const intersection = typeof IntersectionObserver === "function" ? new IntersectionObserver(([entry]) => {
+      visible = entry?.isIntersecting === true;
+      refresh();
+    }) : void 0;
+    intersection?.observe(canvas);
+    const resize = typeof ResizeObserver === "function" ? new ResizeObserver(refresh) : void 0;
+    resize?.observe(canvas);
+    const theme = typeof MutationObserver === "function" ? new MutationObserver(refresh) : void 0;
+    for (let ancestor = canvas.parentElement; ancestor; ancestor = ancestor.parentElement) {
+      theme?.observe(ancestor, {
+        attributes: true,
+        attributeFilter: ["class", "style", "data-og-theme"]
+      });
+    }
+    motion?.addEventListener?.("change", refresh);
+    document.addEventListener("visibilitychange", refresh);
+    window.addEventListener("resize", refresh);
+    if (!intersection) draw();
+    return () => {
+      disposed = true;
+      stop();
+      intersection?.disconnect();
+      resize?.disconnect();
+      theme?.disconnect();
+      motion?.removeEventListener?.("change", refresh);
+      document.removeEventListener("visibilitychange", refresh);
+      window.removeEventListener("resize", refresh);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs3("div", { className: "og-preview-loading", children: [
+    /* @__PURE__ */ jsx4("canvas", { ref, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx4("span", { className: "og-preview-loading-label", children: "Preparing preview\u2026" })
+  ] });
+}
+
 // src/components/soften-streaming-markdown.ts
 function softenStreamingMarkdown(source) {
   if (source.length === 0) {
@@ -775,10 +917,10 @@ function rehypeStreamReveal(options) {
 }
 
 // src/components/markdown.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var InteractiveContext = createContext3({ source: "" });
 var baseComponents = {
-  h1: ({ children, ...props }) => /* @__PURE__ */ jsx4(
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx5(
     "h1",
     {
       className: "mt-5 mb-2.5 text-xl font-semibold tracking-tight text-og-fg first:mt-0",
@@ -786,8 +928,8 @@ var baseComponents = {
       children
     }
   ),
-  h2: ({ children, ...props }) => /* @__PURE__ */ jsx4("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
-  h3: ({ children, ...props }) => /* @__PURE__ */ jsx4(
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx5("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx5(
     "h3",
     {
       className: "mt-4 mb-1.5 text-og-md font-semibold tracking-tight text-og-fg first:mt-0",
@@ -795,7 +937,7 @@ var baseComponents = {
       children
     }
   ),
-  h4: ({ children, ...props }) => /* @__PURE__ */ jsx4(
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsx5(
     "h4",
     {
       className: "mt-4 mb-1.5 text-og-sm font-semibold uppercase tracking-[0.04em] text-og-fg-muted first:mt-0",
@@ -803,10 +945,10 @@ var baseComponents = {
       children
     }
   ),
-  p: ({ children, ...props }) => /* @__PURE__ */ jsx4("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
-  strong: ({ children, ...props }) => /* @__PURE__ */ jsx4("strong", { className: "font-semibold text-og-fg", ...props, children }),
-  em: ({ children, ...props }) => /* @__PURE__ */ jsx4("em", { className: "italic", ...props, children }),
-  ul: ({ children, ...props }) => /* @__PURE__ */ jsx4(
+  p: ({ children, ...props }) => /* @__PURE__ */ jsx5("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx5("strong", { className: "font-semibold text-og-fg", ...props, children }),
+  em: ({ children, ...props }) => /* @__PURE__ */ jsx5("em", { className: "italic", ...props, children }),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx5(
     "ul",
     {
       className: "my-2.5 ml-5 flex list-disc flex-col gap-1 marker:text-og-fg-subtle first:mt-0 last:mb-0",
@@ -814,7 +956,7 @@ var baseComponents = {
       children
     }
   ),
-  ol: ({ children, ...props }) => /* @__PURE__ */ jsx4(
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsx5(
     "ol",
     {
       className: "my-2.5 ml-5 flex list-decimal flex-col gap-1 marker:text-og-fg-subtle first:mt-0 last:mb-0",
@@ -825,7 +967,7 @@ var baseComponents = {
   // GFM task-list items carry a leading checkbox <input>; `list-none` + a
   // negative margin pull the checkbox back to the bullet column so it aligns
   // with the text.
-  li: ({ children, ...props }) => /* @__PURE__ */ jsx4(
+  li: ({ children, ...props }) => /* @__PURE__ */ jsx5(
     "li",
     {
       className: "leading-7 marker:text-og-fg-subtle [&>ul]:my-1 [&>ol]:my-1 [&:has(>input)]:list-none [&:has(>input)]:-ml-5",
@@ -833,7 +975,7 @@ var baseComponents = {
       children
     }
   ),
-  input: ({ type, ...props }) => type === "checkbox" ? /* @__PURE__ */ jsx4(
+  input: ({ type, ...props }) => type === "checkbox" ? /* @__PURE__ */ jsx5(
     "input",
     {
       ...props,
@@ -841,8 +983,8 @@ var baseComponents = {
       disabled: true,
       className: "mr-2 size-3.5 translate-y-[2px] cursor-default accent-og-accent align-baseline"
     }
-  ) : /* @__PURE__ */ jsx4("input", { type, ...props }),
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx4(
+  ) : /* @__PURE__ */ jsx5("input", { type, ...props }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx5(
     "blockquote",
     {
       className: "my-3 border-l-2 border-og-border-strong pl-3.5 text-og-fg-muted [&>p]:my-1.5 first:mt-0 last:mb-0",
@@ -850,11 +992,11 @@ var baseComponents = {
       children
     }
   ),
-  hr: (props) => /* @__PURE__ */ jsx4("hr", { className: "my-4 border-0 border-t border-og-border", ...props }),
+  hr: (props) => /* @__PURE__ */ jsx5("hr", { className: "my-4 border-0 border-t border-og-border", ...props }),
   // Inline `code` vs fenced code blocks. react-markdown v10 no longer passes an
   // `inline` flag; a fenced block is a <code> whose parent is <pre> (styled by
   // the `pre` renderer), so a `code` reaching here is treated as inline.
-  code: ({ children, className: _className, ...props }) => /* @__PURE__ */ jsx4(
+  code: ({ children, className: _className, ...props }) => /* @__PURE__ */ jsx5(
     "code",
     {
       className: "rounded-og-xs bg-og-surface-1 px-1 py-0.5 font-og-mono text-og-sm text-og-fg",
@@ -865,9 +1007,9 @@ var baseComponents = {
   // Fenced code — quiet mono block (no card / no nested vertical scroll).
   pre: InteractiveCodeBlock,
   // Tables stay unboxed (hairline rules); hover reveals a TSV copy control.
-  table: ({ children, ...props }) => /* @__PURE__ */ jsx4(MarkdownTable, { ...props, children }),
-  thead: ({ children, ...props }) => /* @__PURE__ */ jsx4("thead", { ...props, children }),
-  th: ({ children, ...props }) => /* @__PURE__ */ jsx4(
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx5(MarkdownTable, { ...props, children }),
+  thead: ({ children, ...props }) => /* @__PURE__ */ jsx5("thead", { ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx5(
     "th",
     {
       className: "border-b border-og-border px-0 py-1.5 pr-4 text-left font-medium text-og-fg first:pl-0",
@@ -875,7 +1017,7 @@ var baseComponents = {
       children
     }
   ),
-  td: ({ children, ...props }) => /* @__PURE__ */ jsx4(
+  td: ({ children, ...props }) => /* @__PURE__ */ jsx5(
     "td",
     {
       className: "border-b border-og-border/70 px-0 py-1.5 pr-4 align-top text-og-fg-muted [tr:last-child>&]:border-b-0",
@@ -892,10 +1034,10 @@ function markdownComponents(onSandboxFile) {
     a: ({ children, href, ...props }) => {
       const location = sandboxFileLocationFromHref(href);
       if (location !== null) {
-        return /* @__PURE__ */ jsx4(SandboxMarkdownLink, { location, onSandboxFile, children });
+        return /* @__PURE__ */ jsx5(SandboxMarkdownLink, { location, onSandboxFile, children });
       }
       if (isSandboxHref(href) || !href) {
-        return /* @__PURE__ */ jsx4(
+        return /* @__PURE__ */ jsx5(
           "span",
           {
             className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
@@ -905,7 +1047,7 @@ function markdownComponents(onSandboxFile) {
           }
         );
       }
-      return /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5(
         "a",
         {
           className: MARKDOWN_LINK_CLASS,
@@ -927,7 +1069,7 @@ function SandboxMarkdownLink({
   const [state, setState] = useState3("idle");
   const { path, line } = location;
   if (!onSandboxFile) {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(
       "span",
       {
         className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
@@ -938,7 +1080,7 @@ function SandboxMarkdownLink({
     );
   }
   const idleTitle = line !== null ? `Open ${path} at line ${line}` : `Open ${path}`;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "button",
     {
       type: "button",
@@ -998,13 +1140,13 @@ function retainedImageId(src) {
 }
 function MarkdownImage({ src, alt }) {
   const { renderImage } = useContext3(InteractiveContext);
-  if (!src) return /* @__PURE__ */ jsx4("span", { children: alt ?? "Image unavailable" });
+  if (!src) return /* @__PURE__ */ jsx5("span", { children: alt ?? "Image unavailable" });
   if (retainedImageId(src))
-    return renderImage ? /* @__PURE__ */ jsx4(Fragment2, { children: renderImage({ src, alt: alt ?? "" }) }) : /* @__PURE__ */ jsxs3("span", { children: [
+    return renderImage ? /* @__PURE__ */ jsx5(Fragment2, { children: renderImage({ src, alt: alt ?? "" }) }) : /* @__PURE__ */ jsxs4("span", { children: [
       alt || "Image",
       " (preview unavailable)"
     ] });
-  return /* @__PURE__ */ jsx4("img", { src, alt: alt ?? "", loading: "lazy", className: "my-3 max-w-full rounded-og-md" });
+  return /* @__PURE__ */ jsx5("img", { src, alt: alt ?? "", loading: "lazy", className: "my-3 max-w-full rounded-og-md" });
 }
 var markdownUrlTransform = (url, key, node) => key === "href" && node.tagName === "a" && isSandboxHref(url) || key === "src" && node.tagName === "img" && retainedImageId(url) ? url : defaultUrlTransform(url);
 var REVEAL_LINGER_MS = 480 * MOTION_INSPECT_SCALE;
@@ -1049,33 +1191,33 @@ function InteractiveCodeBlock({ children, node }) {
     const closing = lines.at(-1)?.replace(/^\s*(?:>\s*)+/, "").trim();
     const complete = opening && lines.length > 1 && closing && closing.length >= opening[1].length && [...closing].every((c) => c === opening[1][0]);
     if (!complete) {
-      return /* @__PURE__ */ jsx4("div", { role: "status", "aria-live": "polite", "aria-busy": streaming === true, className: "my-3", children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("div", { role: "status", "aria-live": "polite", "aria-busy": streaming === true, className: "my-3", children: streaming ? /* @__PURE__ */ jsx5(PreviewLoading, {}) : /* @__PURE__ */ jsx5(
         ActivityDisclosure,
         {
-          icon: /* @__PURE__ */ jsx4(PanelsTopLeftIcon, { "aria-hidden": true, className: "size-3.5" }),
-          title: streaming ? "Preparing preview\u2026" : "Preview incomplete",
-          running: streaming === true,
+          icon: /* @__PURE__ */ jsx5(PanelsTopLeftIcon, { "aria-hidden": true, className: "size-3.5" }),
+          title: "Preview incomplete",
+          running: false,
           expandable: false,
-          preview: streaming ? void 0 : "Generation stopped before the preview was ready."
+          preview: "Generation stopped before the preview was ready."
         }
       ) });
     }
-    return /* @__PURE__ */ jsx4(Fragment2, { children: render({
+    return /* @__PURE__ */ jsx5(Fragment2, { children: render({
       kind: language === "opengeni-html" ? "html" : "site",
       content: nodeText(children).replace(/\n$/, "")
     }) });
   }
-  return /* @__PURE__ */ jsx4(MarkdownCodeBlock, { children });
+  return /* @__PURE__ */ jsx5(MarkdownCodeBlock, { children });
 }
 function MarkdownCodeBlock({ children }) {
   const code = nodeText(children).replace(/\n$/, "");
   const language = fenceLanguage(children);
-  return /* @__PURE__ */ jsxs3("div", { className: "group/copy relative mt-3 first:mt-0", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1", children: [
-      language ? /* @__PURE__ */ jsx4("span", { className: "rounded px-1 py-0.5 font-og-mono text-[10px] uppercase tracking-wide text-og-fg-subtle/80 opacity-0 transition-opacity group-hover/copy:opacity-100 pointer-coarse:opacity-70", children: language }) : null,
-      /* @__PURE__ */ jsx4("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx4(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
+  return /* @__PURE__ */ jsxs4("div", { className: "group/copy relative mt-3 first:mt-0", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1", children: [
+      language ? /* @__PURE__ */ jsx5("span", { className: "rounded px-1 py-0.5 font-og-mono text-[10px] uppercase tracking-wide text-og-fg-subtle/80 opacity-0 transition-opacity group-hover/copy:opacity-100 pointer-coarse:opacity-70", children: language }) : null,
+      /* @__PURE__ */ jsx5("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx5(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
     ] }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       "pre",
       {
         tabIndex: 0,
@@ -1086,10 +1228,10 @@ function MarkdownCodeBlock({ children }) {
   ] });
 }
 function MarkdownTable({ children, className, ...props }) {
-  const wrapperRef = useRef2(null);
-  const tableRef = useRef2(null);
-  const layoutRef = useRef2(void 0);
-  useEffect2(() => {
+  const wrapperRef = useRef3(null);
+  const tableRef = useRef3(null);
+  const layoutRef = useRef3(void 0);
+  useEffect3(() => {
     const wrapper = wrapperRef.current;
     const table = tableRef.current;
     if (!wrapper?.closest("[data-og-wide-table-message]") || !table) return;
@@ -1104,11 +1246,11 @@ function MarkdownTable({ children, className, ...props }) {
       layoutRef.current = void 0;
     };
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     layoutRef.current?.measure();
   }, [children]);
-  return /* @__PURE__ */ jsxs3("div", { ref: wrapperRef, className: "group/copy relative mt-3 max-w-full first:mt-0", children: [
-    /* @__PURE__ */ jsx4("div", { className: "pointer-events-none absolute top-0 right-0 z-10", children: /* @__PURE__ */ jsx4("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs4("div", { ref: wrapperRef, className: "group/copy relative mt-3 max-w-full first:mt-0", children: [
+    /* @__PURE__ */ jsx5("div", { className: "pointer-events-none absolute top-0 right-0 z-10", children: /* @__PURE__ */ jsx5("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx5(
       CopyButton,
       {
         text: () => tableElementToTsv(tableRef.current),
@@ -1116,7 +1258,7 @@ function MarkdownTable({ children, className, ...props }) {
         reveal: "group-hover"
       }
     ) }) }),
-    /* @__PURE__ */ jsx4("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx5(
       "table",
       {
         ref: tableRef,
@@ -1135,11 +1277,11 @@ function MarkdownImpl({
   renderInteractiveBlock,
   renderImage
 }) {
-  const revealRef = useRef2(null);
-  const bodyRef = useRef2(null);
+  const revealRef = useRef3(null);
+  const bodyRef = useRef3(null);
   const [, bump] = useReducer((n) => n + 1, 0);
   const [settling, setSettling] = useState3(false);
-  const hadRevealRef = useRef2(false);
+  const hadRevealRef = useRef3(false);
   const now = typeof performance !== "undefined" ? performance.now() : Date.now();
   const crystallize = (mutate) => {
     mutate();
@@ -1159,7 +1301,7 @@ function MarkdownImpl({
   }
   const revealActive = reveal !== null && (streaming || reveal.hasActive(now));
   const rehypePlugins = revealActive && reveal !== null ? [[rehypeStreamReveal, { reveal, now }]] : void 0;
-  useEffect2(() => {
+  useEffect3(() => {
     if (streaming || revealRef.current === null) {
       return;
     }
@@ -1185,8 +1327,8 @@ function MarkdownImpl({
       }
     };
   }, [streaming]);
-  const wasStreamingRef = useRef2(streaming);
-  useEffect2(() => {
+  const wasStreamingRef = useRef3(streaming);
+  useEffect3(() => {
     const ended = wasStreamingRef.current && !streaming;
     wasStreamingRef.current = streaming;
     if (!ended || revealRef.current !== null || prefersReducedMotion()) {
@@ -1207,7 +1349,7 @@ function MarkdownImpl({
     }),
     [children, streaming, renderInteractiveBlock, renderImage]
   );
-  return /* @__PURE__ */ jsx4(InteractiveContext.Provider, { value: interactiveContext, children: /* @__PURE__ */ jsx4(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(InteractiveContext.Provider, { value: interactiveContext, children: /* @__PURE__ */ jsx5(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx5(
     "div",
     {
       ref: bodyRef,
@@ -1216,7 +1358,7 @@ function MarkdownImpl({
         settling && "og-markdown-settle",
         className
       ),
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx5(
         ReactMarkdown,
         {
           remarkPlugins: [remarkGfm],
@@ -1253,4 +1395,4 @@ export {
   retainedImageId,
   Markdown
 };
-//# sourceMappingURL=chunk-URNTAVGX.js.map
+//# sourceMappingURL=chunk-AWEBVNVX.js.map