@opengeni/react 5.0.5-canary.0 → 5.0.5-canary.1

package/dist/chunk-M2HNWZYR.js

@@ -0,0 +1,835 @@
+import {
+  copyTextToClipboard,
+  tableElementToTsv
+} from "./chunk-JVYQRRC4.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-HQV2I5HV.js";
+import {
+  cn
+} from "./chunk-22KP6LR5.js";
+
+// src/components/copy-button.tsx
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var COPIED_MS = 1600;
+function CopyButton({
+  text,
+  label = "Copy",
+  className,
+  reveal = "group-hover"
+}) {
+  const [copied, setCopied] = useState(false);
+  const [tipOpen, setTipOpen] = useState(false);
+  const timerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (timerRef.current !== null) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, []);
+  const onClick = async (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    const button = event.currentTarget;
+    const pointerActivated = event.detail > 0;
+    const value = typeof text === "function" ? text() : text;
+    const ok = await copyTextToClipboard(value);
+    if (!ok) {
+      return;
+    }
+    setCopied(true);
+    setTipOpen(true);
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+    }
+    timerRef.current = setTimeout(() => {
+      timerRef.current = null;
+      setCopied(false);
+      setTipOpen(false);
+    }, COPIED_MS);
+    if (pointerActivated) {
+      button.blur();
+    }
+  };
+  const tip = copied ? "Copied" : label;
+  return /* @__PURE__ */ jsxs(
+    Tooltip,
+    {
+      open: copied ? true : tipOpen,
+      onOpenChange: (next) => {
+        if (!copied) {
+          setTipOpen(next);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-og-copy": "",
+            "data-state": copied ? "copied" : "idle",
+            "aria-label": tip,
+            onClick,
+            className: cn(
+              "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm pointer-coarse:size-11",
+              "text-og-fg-subtle transition-[opacity,color,background-color] duration-150",
+              "hover:bg-og-surface-2/80 hover:text-og-fg",
+              "focus-visible:opacity-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+              reveal === "group-hover" && "opacity-0 group-hover/copy:opacity-100 group-focus-within/copy:opacity-100 pointer-coarse:opacity-70",
+              copied && "opacity-100 text-og-accent",
+              className
+            ),
+            children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-3.5", "aria-hidden": true })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: tip })
+      ]
+    }
+  );
+}
+function CopyHoverFrame({
+  children,
+  className,
+  copyText,
+  label,
+  align = "end",
+  trailing
+}) {
+  if (copyText.trim().length === 0) {
+    return /* @__PURE__ */ jsx("div", { className, children });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("group/copy", className), children: [
+    children,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-og-annotation-chrome": "",
+        className: cn(
+          "mt-1 flex h-7 items-center gap-1.5",
+          align === "end" ? "justify-end" : "justify-start"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CopyButton, { text: copyText, label, reveal: "group-hover" }),
+          trailing
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/markdown.tsx
+import {
+  Children,
+  isValidElement,
+  memo,
+  useEffect as useEffect2,
+  useMemo,
+  useReducer,
+  useRef as useRef2,
+  useState as useState2
+} from "react";
+import ReactMarkdown, {
+  defaultUrlTransform
+} from "react-markdown";
+import remarkGfm from "remark-gfm";
+
+// src/lib/motion.ts
+import { flushSync } from "react-dom";
+var query;
+function prefersReducedMotion() {
+  if (query === void 0) {
+    query = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
+  }
+  return query?.matches ?? false;
+}
+
+// src/lib/motion-inspect.ts
+var MOTION_INSPECT_SCALE = 1;
+
+// src/components/soften-streaming-markdown.ts
+function softenStreamingMarkdown(source) {
+  if (source.length === 0) {
+    return source;
+  }
+  let text = source;
+  if (countFences(text) % 2 === 1) {
+    text += text.endsWith("\n") ? "```" : "\n```";
+  }
+  const segments = splitByFences(text);
+  for (const segment of segments) {
+    if (segment.kind === "fence") {
+      continue;
+    }
+    segment.value = closeInlineMarkers(segment.value);
+  }
+  let result = segments.map((segment) => segment.value).join("");
+  if (text.endsWith("\n") && !result.endsWith("\n")) {
+    result += "\n";
+  }
+  return result;
+}
+function countFences(text) {
+  let count = 0;
+  for (const line of text.split("\n")) {
+    if (/^ {0,3}```/.test(line)) {
+      count += 1;
+    }
+  }
+  return count;
+}
+function splitByFences(text) {
+  const segments = [];
+  const lines = text.split("\n");
+  let buf = [];
+  let inFence = false;
+  const flush = (kind, mode) => {
+    if (buf.length === 0) {
+      return;
+    }
+    let value = buf.join("\n");
+    if (mode === "boundary") {
+      value += "\n";
+    }
+    segments.push({ kind, value });
+    buf = [];
+  };
+  for (const line of lines) {
+    const isFence = /^ {0,3}```/.test(line);
+    if (isFence) {
+      if (inFence) {
+        buf.push(line);
+        flush("fence", "end");
+        inFence = false;
+      } else {
+        flush("prose", "boundary");
+        buf.push(line);
+        inFence = true;
+      }
+      continue;
+    }
+    buf.push(line);
+  }
+  flush(inFence ? "fence" : "prose", "end");
+  return segments;
+}
+function closeInlineMarkers(prose) {
+  let text = prose;
+  text = closeDelimiter(text, "~~");
+  text = closeDelimiter(text, "**");
+  text = closeDelimiter(text, "__");
+  text = closeSingleBackticks(text);
+  text = closeSingleAsterisks(text);
+  text = closeUnfinishedLink(text);
+  return text;
+}
+function closeDelimiter(text, delimiter) {
+  let count = 0;
+  let i = 0;
+  while (i < text.length) {
+    if (text[i] === "\\" && i + 1 < text.length) {
+      i += 2;
+      continue;
+    }
+    if (text.startsWith(delimiter, i)) {
+      count += 1;
+      i += delimiter.length;
+      continue;
+    }
+    i += 1;
+  }
+  return count % 2 === 1 ? insertBeforeTrailingNewlines(text, delimiter) : text;
+}
+function insertBeforeTrailingNewlines(text, suffix) {
+  let end = text.length;
+  while (end > 0 && text[end - 1] === "\n") {
+    end -= 1;
+  }
+  return text.slice(0, end) + suffix + text.slice(end);
+}
+function closeSingleBackticks(text) {
+  let count = 0;
+  for (let i = 0; i < text.length; i += 1) {
+    if (text[i] === "\\" && i + 1 < text.length) {
+      i += 1;
+      continue;
+    }
+    if (text[i] === "`") {
+      if (text.startsWith("```", i)) {
+        i += 2;
+        continue;
+      }
+      count += 1;
+    }
+  }
+  return count % 2 === 1 ? insertBeforeTrailingNewlines(text, "`") : text;
+}
+function closeSingleAsterisks(text) {
+  let count = 0;
+  for (let i = 0; i < text.length; i += 1) {
+    if (text[i] === "\\" && i + 1 < text.length) {
+      i += 1;
+      continue;
+    }
+    if (text[i] === "*" && text[i + 1] === "*") {
+      i += 1;
+      continue;
+    }
+    if (text[i] === "*") {
+      count += 1;
+    }
+  }
+  return count % 2 === 1 ? insertBeforeTrailingNewlines(text, "*") : text;
+}
+function closeUnfinishedLink(text) {
+  const open = text.lastIndexOf("](");
+  if (open === -1) {
+    return text;
+  }
+  const after = text.slice(open + 2);
+  if (after.includes(")")) {
+    return text;
+  }
+  if (after.includes("[")) {
+    return text;
+  }
+  return insertBeforeTrailingNewlines(text, ")");
+}
+
+// src/components/stream-reveal.ts
+var INK_FADE_MS = 420 * MOTION_INSPECT_SCALE;
+var INITIAL_ANIMATED_LIMIT = 400;
+function createStreamReveal() {
+  let batches = [];
+  let revealedChars = -1;
+  return {
+    observe(text, now) {
+      if (revealedChars === -1) {
+        revealedChars = text.length > INITIAL_ANIMATED_LIMIT ? text.length : 0;
+      }
+      if (text.length <= revealedChars) {
+        revealedChars = Math.max(revealedChars, text.length);
+        return;
+      }
+      batches.push({ start: revealedChars, end: text.length, birth: now });
+      revealedChars = text.length;
+      batches = batches.filter((batch) => batch.birth + INK_FADE_MS > now);
+    },
+    delayFor(offset, now) {
+      const batch = findBatch(batches, offset);
+      if (!batch) {
+        return null;
+      }
+      const delay = batch.birth - now;
+      return delay + INK_FADE_MS <= 0 ? null : delay;
+    },
+    hasActive(now) {
+      const last = batches[batches.length - 1];
+      return last !== void 0 && last.birth + INK_FADE_MS > now;
+    }
+  };
+}
+function findBatch(batches, offset) {
+  let low = 0;
+  let high = batches.length - 1;
+  while (low <= high) {
+    const mid = low + high >> 1;
+    const batch = batches[mid];
+    if (offset < batch.start) {
+      high = mid - 1;
+    } else if (offset >= batch.end) {
+      low = mid + 1;
+    } else {
+      return batch;
+    }
+  }
+  return null;
+}
+function rehypeStreamReveal(options) {
+  const { reveal, now } = options;
+  return (tree) => {
+    walk(tree, false);
+  };
+  function walk(node, insideVerbatim) {
+    if (!node.children) {
+      return;
+    }
+    const verbatim = insideVerbatim || node.tagName === "code" || node.tagName === "pre";
+    const next = [];
+    for (const child of node.children) {
+      if (child.type === "text" && !verbatim) {
+        next.push(...splitTextNode(child));
+        continue;
+      }
+      walk(child, verbatim);
+      next.push(child);
+    }
+    node.children = next;
+  }
+  function splitTextNode(node) {
+    const sourceOffset = node.position?.start?.offset;
+    if (sourceOffset === void 0) {
+      return [node];
+    }
+    const value = node.value;
+    const out = [];
+    let plain = "";
+    const flushPlain = () => {
+      if (plain.length > 0) {
+        out.push({ type: "text", value: plain });
+        plain = "";
+      }
+    };
+    let i = 0;
+    while (i < value.length) {
+      const delay = reveal.delayFor(sourceOffset + i, now);
+      let j = i + 1;
+      while (j < value.length) {
+        const nextDelay = reveal.delayFor(sourceOffset + j, now);
+        if (nextDelay !== delay) {
+          break;
+        }
+        j += 1;
+      }
+      const slice = value.slice(i, j);
+      if (delay === null) {
+        plain += slice;
+      } else {
+        flushPlain();
+        out.push({
+          type: "element",
+          tagName: "span",
+          properties: {
+            className: ["og-stream-ink"],
+            style: `animation-delay:${Math.round(delay)}ms`
+          },
+          children: [{ type: "text", value: slice }]
+        });
+      }
+      i = j;
+    }
+    flushPlain();
+    return out.length > 0 ? out : [node];
+  }
+}
+
+// src/components/markdown.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var baseComponents = {
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+    "h1",
+    {
+      className: "mt-5 mb-2.5 text-xl font-semibold tracking-tight text-og-fg first:mt-0",
+      ...props,
+      children
+    }
+  ),
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx2("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+    "h3",
+    {
+      className: "mt-4 mb-1.5 text-og-md font-semibold tracking-tight text-og-fg first:mt-0",
+      ...props,
+      children
+    }
+  ),
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+    "h4",
+    {
+      className: "mt-4 mb-1.5 text-og-sm font-semibold uppercase tracking-[0.04em] text-og-fg-muted first:mt-0",
+      ...props,
+      children
+    }
+  ),
+  p: ({ children, ...props }) => /* @__PURE__ */ jsx2("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx2("strong", { className: "font-semibold text-og-fg", ...props, children }),
+  em: ({ children, ...props }) => /* @__PURE__ */ jsx2("em", { className: "italic", ...props, children }),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+    "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",
+      ...props,
+      children
+    }
+  ),
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+    "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",
+      ...props,
+      children
+    }
+  ),
+  // 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__ */ jsx2(
+    "li",
+    {
+      className: "leading-7 marker:text-og-fg-subtle [&>ul]:my-1 [&>ol]:my-1 [&:has(>input)]:list-none [&:has(>input)]:-ml-5",
+      ...props,
+      children
+    }
+  ),
+  input: ({ type, ...props }) => type === "checkbox" ? /* @__PURE__ */ jsx2(
+    "input",
+    {
+      ...props,
+      type: "checkbox",
+      disabled: true,
+      className: "mr-2 size-3.5 translate-y-[2px] cursor-default accent-og-accent align-baseline"
+    }
+  ) : /* @__PURE__ */ jsx2("input", { type, ...props }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+    "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",
+      ...props,
+      children
+    }
+  ),
+  hr: (props) => /* @__PURE__ */ jsx2("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__ */ jsx2(
+    "code",
+    {
+      className: "rounded-og-xs bg-og-surface-1 px-1 py-0.5 font-og-mono text-og-sm text-og-fg",
+      ...props,
+      children
+    }
+  ),
+  // Fenced code — quiet mono block (no card / no nested vertical scroll).
+  pre: ({ children }) => /* @__PURE__ */ jsx2(MarkdownCodeBlock, { children }),
+  // Tables stay unboxed (hairline rules); hover reveals a TSV copy control.
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx2(MarkdownTable, { ...props, children }),
+  thead: ({ children, ...props }) => /* @__PURE__ */ jsx2("thead", { ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+    "th",
+    {
+      className: "border-b border-og-border px-0 py-1.5 pr-4 text-left font-medium text-og-fg first:pl-0",
+      ...props,
+      children
+    }
+  ),
+  td: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+    "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",
+      ...props,
+      children
+    }
+  ),
+  img: ({ alt, src, ...props }) => src ? /* @__PURE__ */ jsx2(
+    "img",
+    {
+      alt: alt ?? "",
+      src,
+      className: "my-3 max-w-full rounded-og-md border border-og-border",
+      ...props
+    }
+  ) : alt ? /* @__PURE__ */ jsx2("span", { className: "text-og-fg-subtle", "aria-disabled": "true", children: alt }) : null
+};
+var MARKDOWN_LINK_CLASS = "break-words font-medium text-og-accent-strong underline-offset-2 hover:underline";
+function markdownComponents(onSandboxFile) {
+  return {
+    ...baseComponents,
+    a: ({ children, href, ...props }) => {
+      const location = sandboxFileLocationFromHref(href);
+      if (location !== null) {
+        return /* @__PURE__ */ jsx2(SandboxMarkdownLink, { location, onSandboxFile, children });
+      }
+      if (isSandboxHref(href) || !href) {
+        return /* @__PURE__ */ jsx2(
+          "span",
+          {
+            className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
+            "aria-disabled": "true",
+            title: isSandboxHref(href) ? "This sandbox file reference is invalid" : "This link is unavailable",
+            children
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx2(
+        "a",
+        {
+          className: MARKDOWN_LINK_CLASS,
+          target: "_blank",
+          rel: "noreferrer noopener",
+          href,
+          ...props,
+          children
+        }
+      );
+    }
+  };
+}
+function SandboxMarkdownLink({
+  location,
+  onSandboxFile,
+  children
+}) {
+  const [state, setState] = useState2("idle");
+  const { path, line } = location;
+  if (!onSandboxFile) {
+    return /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
+        "aria-disabled": "true",
+        title: "This sandbox file requires a session-aware handler",
+        children
+      }
+    );
+  }
+  const idleTitle = line !== null ? `Open ${path} at line ${line}` : `Open ${path}`;
+  return /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        MARKDOWN_LINK_CLASS,
+        "inline-flex min-h-7 cursor-pointer items-center disabled:cursor-wait disabled:opacity-70 pointer-coarse:min-h-11"
+      ),
+      disabled: state === "loading",
+      "aria-busy": state === "loading",
+      title: state === "error" ? "Couldn't open this file. Select to retry." : idleTitle,
+      onClick: () => {
+        setState("loading");
+        void Promise.resolve(onSandboxFile(path, line ?? void 0)).then(
+          () => setState("idle"),
+          () => setState("error")
+        );
+      },
+      children: [
+        children,
+        state === "loading" ? " (opening\u2026)" : state === "error" ? " (retry)" : null
+      ]
+    }
+  );
+}
+var SANDBOX_SCHEME = "sandbox:";
+var LEGACY_WORKSPACE_PREFIX = "/workspace/";
+var TRAILING_LINE = /:([0-9]+)$/u;
+var TRAILING_INVALID_LINE = /:-(?:[0-9]+)$|:[0-9]+-[0-9]+$/u;
+var CONTROL_CHARACTER = /[\u0000-\u001f\u007f]/u;
+function isSandboxHref(href) {
+  return href?.startsWith(SANDBOX_SCHEME) ?? false;
+}
+function sandboxFileLocationFromHref(href) {
+  if (!href) return null;
+  const encodedLocation = isSandboxHref(href) ? href.slice(SANDBOX_SCHEME.length) : href.startsWith(LEGACY_WORKSPACE_PREFIX) ? href : null;
+  if (!encodedLocation || encodedLocation.includes("?") || encodedLocation.includes("#")) {
+    return null;
+  }
+  if (TRAILING_INVALID_LINE.test(encodedLocation)) return null;
+  const lineMatch = TRAILING_LINE.exec(encodedLocation);
+  const encodedPath = lineMatch ? encodedLocation.slice(0, -lineMatch[0].length) : encodedLocation;
+  const line = lineMatch?.[1] ? Number(lineMatch[1]) : null;
+  if (line !== null && (!Number.isSafeInteger(line) || line < 1)) return null;
+  if (!encodedPath) return null;
+  try {
+    const path = decodeURIComponent(encodedPath);
+    return path && !CONTROL_CHARACTER.test(path) ? { path, line } : null;
+  } catch {
+    return null;
+  }
+}
+function sandboxFilePathFromHref(href) {
+  return sandboxFileLocationFromHref(href)?.path ?? null;
+}
+var markdownUrlTransform = (url, key, node) => key === "href" && node.tagName === "a" && isSandboxHref(url) ? url : defaultUrlTransform(url);
+var REVEAL_LINGER_MS = 480 * MOTION_INSPECT_SCALE;
+var MARKDOWN_SETTLE_MS = 480 * MOTION_INSPECT_SCALE;
+function nodeText(node) {
+  if (node == null || typeof node === "boolean") {
+    return "";
+  }
+  if (typeof node === "string" || typeof node === "number") {
+    return String(node);
+  }
+  if (Array.isArray(node)) {
+    return node.map(nodeText).join("");
+  }
+  if (isValidElement(node)) {
+    return nodeText(node.props.children);
+  }
+  return "";
+}
+function fenceLanguage(children) {
+  let found = null;
+  Children.forEach(children, (child) => {
+    if (found || !isValidElement(child)) {
+      return;
+    }
+    const match = /language-([a-zA-Z0-9_+-]+)/.exec(child.props.className ?? "");
+    if (match?.[1]) {
+      found = match[1];
+    }
+  });
+  return found;
+}
+function MarkdownCodeBlock({ children }) {
+  const code = nodeText(children).replace(/\n$/, "");
+  const language = fenceLanguage(children);
+  return /* @__PURE__ */ jsxs2("div", { className: "group/copy relative mt-3 first:mt-0", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1", children: [
+      language ? /* @__PURE__ */ jsx2("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__ */ jsx2("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx2(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
+    ] }),
+    /* @__PURE__ */ jsx2(
+      "pre",
+      {
+        tabIndex: 0,
+        className: "overflow-x-auto overflow-y-hidden rounded-og-md bg-og-surface-1/70 px-3 py-2.5 font-og-mono text-og-sm leading-5 text-og-fg-muted [scrollbar-gutter:stable] [&>code]:block [&>code]:border-0 [&>code]:bg-transparent [&>code]:p-0 [&>code]:leading-5 [&>code]:text-inherit",
+        children
+      }
+    )
+  ] });
+}
+function MarkdownTable({ children, className, ...props }) {
+  const wrapperRef = useRef2(null);
+  const tableRef = useRef2(null);
+  const layoutRef = useRef2(void 0);
+  useEffect2(() => {
+    const wrapper = wrapperRef.current;
+    const table = tableRef.current;
+    if (!wrapper?.closest("[data-og-wide-table-message]") || !table) return;
+    let disposed = false;
+    void import("./markdown-table-layout-PFUEZ2U4.js").then(({ observeMarkdownTableLayout }) => {
+      if (!disposed) layoutRef.current = observeMarkdownTableLayout(wrapper, table);
+    }).catch(() => {
+    });
+    return () => {
+      disposed = true;
+      layoutRef.current?.disconnect();
+      layoutRef.current = void 0;
+    };
+  }, []);
+  useEffect2(() => {
+    layoutRef.current?.measure();
+  }, [children]);
+  return /* @__PURE__ */ jsxs2("div", { ref: wrapperRef, className: "group/copy relative mt-3 max-w-full first:mt-0", children: [
+    /* @__PURE__ */ jsx2("div", { className: "pointer-events-none absolute top-0 right-0 z-10", children: /* @__PURE__ */ jsx2("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx2(
+      CopyButton,
+      {
+        text: () => tableElementToTsv(tableRef.current),
+        label: "Copy table",
+        reveal: "group-hover"
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx2("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx2(
+      "table",
+      {
+        ref: tableRef,
+        className: cn("w-full min-w-0 border-collapse text-og-base", className),
+        ...props,
+        children
+      }
+    ) })
+  ] });
+}
+function MarkdownImpl({ children, className, streaming = false, onSandboxFile }) {
+  const revealRef = useRef2(null);
+  const bodyRef = useRef2(null);
+  const [, bump] = useReducer((n) => n + 1, 0);
+  const [settling, setSettling] = useState2(false);
+  const hadRevealRef = useRef2(false);
+  const now = typeof performance !== "undefined" ? performance.now() : Date.now();
+  const crystallize = (mutate) => {
+    mutate();
+    setSettling(true);
+    bump();
+    return setTimeout(() => setSettling(false), MARKDOWN_SETTLE_MS);
+  };
+  if (streaming && revealRef.current === null && !prefersReducedMotion()) {
+    revealRef.current = createStreamReveal();
+  }
+  const reveal = revealRef.current;
+  if (reveal !== null && streaming) {
+    reveal.observe(children, now);
+  }
+  if (reveal !== null) {
+    hadRevealRef.current = true;
+  }
+  const revealActive = reveal !== null && (streaming || reveal.hasActive(now));
+  const rehypePlugins = revealActive && reveal !== null ? [[rehypeStreamReveal, { reveal, now }]] : void 0;
+  useEffect2(() => {
+    if (streaming || revealRef.current === null) {
+      return;
+    }
+    let clearSettle;
+    const timer = setTimeout(() => {
+      const shouldSettle = hadRevealRef.current && !prefersReducedMotion();
+      if (shouldSettle) {
+        hadRevealRef.current = false;
+      }
+      if (shouldSettle) {
+        clearSettle = crystallize(() => {
+          revealRef.current = null;
+        });
+      } else {
+        revealRef.current = null;
+        bump();
+      }
+    }, REVEAL_LINGER_MS);
+    return () => {
+      clearTimeout(timer);
+      if (clearSettle !== void 0) {
+        clearTimeout(clearSettle);
+      }
+    };
+  }, [streaming]);
+  const wasStreamingRef = useRef2(streaming);
+  useEffect2(() => {
+    const ended = wasStreamingRef.current && !streaming;
+    wasStreamingRef.current = streaming;
+    if (!ended || revealRef.current !== null || prefersReducedMotion()) {
+      return;
+    }
+    setSettling(true);
+    const timer = setTimeout(() => setSettling(false), MARKDOWN_SETTLE_MS);
+    return () => clearTimeout(timer);
+  }, [streaming]);
+  const parseText = streaming || revealActive ? softenStreamingMarkdown(children) : children;
+  const components = useMemo(() => markdownComponents(onSandboxFile), [onSandboxFile]);
+  return /* @__PURE__ */ jsx2(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ref: bodyRef,
+      className: cn(
+        "og-markdown-body min-w-0 break-words",
+        settling && "og-markdown-settle",
+        className
+      ),
+      children: /* @__PURE__ */ jsx2(
+        ReactMarkdown,
+        {
+          remarkPlugins: [remarkGfm],
+          rehypePlugins,
+          components,
+          urlTransform: markdownUrlTransform,
+          children: parseText
+        }
+      )
+    }
+  ) });
+}
+var Markdown = memo(MarkdownImpl);
+
+export {
+  prefersReducedMotion,
+  MOTION_INSPECT_SCALE,
+  CopyButton,
+  CopyHoverFrame,
+  sandboxFileLocationFromHref,
+  sandboxFilePathFromHref,
+  Markdown
+};
+//# sourceMappingURL=chunk-M2HNWZYR.js.map