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

package/dist/chunk-AWEBVNVX.js

@@ -0,0 +1,1398 @@
+import {
+  copyTextToClipboard,
+  tableElementToTsv
+} from "./chunk-JVYQRRC4.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  useLightboxOptional
+} from "./chunk-BRM6FVZA.js";
+import {
+  stringifyPayload
+} from "./chunk-PLYRL5ER.js";
+import {
+  cn
+} from "./chunk-22KP6LR5.js";
+
+// src/timeline/disclosure-context.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var DisclosureDefaultsContext = createContext(void 0);
+function DisclosureDefaultsProvider({
+  defaultOpen,
+  children
+}) {
+  return /* @__PURE__ */ jsx(DisclosureDefaultsContext.Provider, { value: defaultOpen, children });
+}
+function useForcedDefaultOpen() {
+  return useContext(DisclosureDefaultsContext);
+}
+
+// src/timeline/shared.tsx
+import { CameraIcon, CameraOffIcon, ChevronRightIcon } from "lucide-react";
+import { createContext as createContext2, useContext as useContext2, useState } from "react";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ToolCallTruncationContext = createContext2(null);
+function ToolCallTruncationProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx2(ToolCallTruncationContext.Provider, { value, children });
+}
+var ICON_TONE = {
+  accent: "text-og-accent",
+  failed: "text-og-status-failed",
+  running: "text-og-status-running",
+  muted: "text-og-fg-subtle"
+};
+var CompactActivityContext = createContext2(false);
+function ActivityDisclosure({
+  icon,
+  iconTone: iconToneProp = "muted",
+  title,
+  titleMono,
+  running,
+  preview,
+  compactPreview,
+  media,
+  chip: chipProp,
+  failed,
+  cancelled,
+  expandable = true,
+  defaultOpen,
+  children
+}) {
+  const iconTone = failed && iconToneProp === "muted" ? "failed" : iconToneProp;
+  const chip = chipProp ?? (failed ? { tone: "bad", text: "failed" } : cancelled ? { tone: "interrupted", text: "interrupted" } : void 0);
+  const forcedDefaultOpen = useForcedDefaultOpen();
+  const [open, setOpen] = useState(defaultOpen ?? forcedDefaultOpen ?? false);
+  const truncation = useContext2(ToolCallTruncationContext);
+  const compact = useContext2(CompactActivityContext);
+  if (compact)
+    return /* @__PURE__ */ jsxs("span", { className: "og-rolling-label", children: [
+      /* @__PURE__ */ jsx2("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
+      /* @__PURE__ */ jsxs("span", { className: "og-command-reel", children: [
+        /* @__PURE__ */ jsx2("span", { className: "og-reel-title", children: title }),
+        (compactPreview === void 0 ? preview : compactPreview) ? /* @__PURE__ */ jsx2("span", { className: "og-reel-preview text-og-fg-subtle", children: compactPreview === void 0 ? preview : compactPreview }) : null
+      ] })
+    ] });
+  const hasBody = expandable && (children != null || truncation != null);
+  const previewVisible = preview != null && !open;
+  const rowClass = cn(
+    "group/disclosure flex w-full min-w-0 items-center gap-2 rounded-og-sm px-1.5 py-1.5 text-left text-og-base",
+    "text-og-fg-muted transition-colors duration-150",
+    // A tool row is a touch target on coarse pointers: grow its hit area to the
+    // 44px mobile minimum without loosening the dense desktop rail.
+    "pointer-coarse:min-h-11 pointer-coarse:py-2.5"
+  );
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    hasBody ? /* @__PURE__ */ jsx2(ChevronRightIcon, { className: "size-3.5 shrink-0 text-og-fg-subtle transition-transform duration-[var(--_og-duration-disclose)] ease-og-in-out group-data-[state=open]/disclosure:rotate-90" }) : /* @__PURE__ */ jsx2("span", { className: "size-3.5 shrink-0" }),
+    /* @__PURE__ */ jsx2("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
+    /* @__PURE__ */ jsxs("span", { className: cn("og-command-reel", running && "og-command-reel-running"), children: [
+      /* @__PURE__ */ jsx2(
+        "span",
+        {
+          className: cn(
+            "min-w-0 shrink truncate text-og-base font-medium",
+            titleMono && "font-og-mono text-og-sm font-normal"
+          ),
+          children: title
+        }
+      ),
+      previewVisible && !media ? /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1 truncate text-og-sm text-og-fg-subtle", children: preview }) : /* @__PURE__ */ jsx2("span", { className: "flex-1" })
+    ] }),
+    media && !open ? /* @__PURE__ */ jsx2("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2", children: media }) : chip && !open ? /* @__PURE__ */ jsx2("span", { className: "ml-auto shrink-0 pl-2", children: /* @__PURE__ */ jsx2(Chip, { chip }) }) : null
+  ] });
+  const dataStatus = cancelled ? "cancelled" : failed ? "failed" : void 0;
+  if (!hasBody) {
+    return /* @__PURE__ */ jsx2("div", { className: cn(rowClass, "cursor-default"), "data-status": dataStatus, children: inner });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": open,
+        "data-state": open ? "open" : "closed",
+        onClick: () => setOpen((prev) => !prev),
+        onKeyDown: (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            setOpen((prev) => !prev);
+          }
+        },
+        "data-status": dataStatus,
+        className: cn(
+          rowClass,
+          "cursor-pointer outline-hidden hover:bg-og-surface-1 hover:text-og-fg",
+          "focus-visible:ring-2 focus-visible:ring-og-accent focus-visible:ring-offset-0"
+        ),
+        children: inner
+      }
+    ),
+    open ? /* @__PURE__ */ jsxs("div", { className: "mb-2 ml-7 mt-1.5 flex flex-col gap-2 overflow-hidden animate-og-expand", children: [
+      children,
+      truncation ? /* @__PURE__ */ jsx2(ToolCallTruncationNotice, { truncation }) : null
+    ] }) : null
+  ] });
+}
+function ToolCallTruncationNotice({ truncation }) {
+  const fullEvidence = truncation.fullEvidence.available ? "retained" : truncation.fullEvidence.reason ?? "unavailable";
+  return /* @__PURE__ */ jsxs("div", { "data-og-tool-output-truncation": "", className: "text-og-sm leading-5 text-og-fg-subtle", children: [
+    "Output bounded at ",
+    /* @__PURE__ */ jsx2("code", { className: "font-og-mono", children: truncation.surface }),
+    truncation.omittedBytes != null && truncation.omittedBytes > 0 ? ` \xB7 ${truncation.omittedBytes.toLocaleString()} bytes omitted` : null,
+    " \xB7 reason ",
+    /* @__PURE__ */ jsx2("code", { className: "font-og-mono", children: truncation.reason }),
+    " \xB7 full evidence ",
+    /* @__PURE__ */ jsx2("code", { className: "font-og-mono", children: fullEvidence })
+  ] });
+}
+function Chip({ chip }) {
+  const base = "inline-flex items-center font-og-mono text-og-xs leading-none";
+  const withText = chip.text ? "gap-1.5" : "gap-0";
+  if (chip.tone === "bad") {
+    return /* @__PURE__ */ jsxs("span", { className: cn(base, withText, "text-og-status-failed"), children: [
+      /* @__PURE__ */ jsx2("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
+      chip.text
+    ] });
+  }
+  if (chip.tone === "interrupted") {
+    return /* @__PURE__ */ jsx2("span", { className: cn(base, "text-og-fg-subtle og-cancelled-chip"), children: chip.text });
+  }
+  return /* @__PURE__ */ jsx2("span", { className: cn(base, "text-og-fg-subtle"), children: chip.text });
+}
+function TermBlock({
+  command,
+  workdir,
+  output,
+  live,
+  tailLines = 12,
+  failed
+}) {
+  const [full, setFull] = useState(false);
+  const empty = output.trim() === "";
+  const lines = output.split("\n");
+  const big = lines.length > tailLines + 4;
+  const shown = full || !big ? output : lines.slice(-tailLines).join("\n");
+  const showMore = big && !full;
+  const showHeader = command != null || workdir != null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "min-w-0 border-l-2 pl-3",
+        failed ? "border-og-status-failed/50" : live ? "border-og-status-running/50" : "border-og-border"
+      ),
+      children: [
+        showHeader ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pb-1", children: [
+          /* @__PURE__ */ jsx2("span", { className: "select-none text-og-status-idle", children: "$" }),
+          command != null ? /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1 truncate font-og-mono text-og-sm text-og-fg-muted", children: command }) : /* @__PURE__ */ jsx2("span", { className: "flex-1" }),
+          workdir ? /* @__PURE__ */ jsx2("span", { className: "shrink-0 font-og-mono text-og-xs text-og-fg-subtle", children: workdir }) : null
+        ] }) : null,
+        empty ? /* @__PURE__ */ jsx2("p", { className: "font-og-mono text-og-xs italic text-og-fg-subtle", children: "(no output)" }) : /* @__PURE__ */ jsxs("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap break-all font-og-mono text-og-xs leading-5 text-og-fg-muted", children: [
+          shown,
+          live ? /* @__PURE__ */ jsx2("span", { className: "ml-px inline-block h-[1em] w-[2px] translate-y-[2px] animate-og-blink bg-og-accent align-middle" }) : null
+        ] }),
+        showMore ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setFull(true),
+            className: "mt-1 text-left text-og-xs text-og-fg-subtle transition-colors hover:text-og-fg",
+            children: [
+              "show full output (",
+              lines.length,
+              " lines)"
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function PayloadBlock({
+  label,
+  value,
+  failed
+}) {
+  const text = typeof value === "string" ? value : stringifyPayload(value);
+  if (!text || text.trim() === "") {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "min-w-0 border-l-2 pl-3",
+        failed ? "border-og-status-failed/50" : "border-og-border"
+      ),
+      children: [
+        /* @__PURE__ */ jsx2("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: label }),
+        /* @__PURE__ */ jsx2(
+          "pre",
+          {
+            className: cn(
+              "max-h-64 overflow-auto whitespace-pre-wrap break-all font-og-mono text-og-xs leading-5",
+              failed ? "text-og-status-failed" : "text-og-fg-muted"
+            ),
+            children: text
+          }
+        )
+      ]
+    }
+  );
+}
+function BodyNote({
+  children,
+  tone
+}) {
+  if (tone === "error") {
+    return /* @__PURE__ */ jsx2("div", { className: "border-l-2 border-og-status-failed/50 pl-3 font-og-mono text-og-xs leading-5 text-og-status-failed", children });
+  }
+  return /* @__PURE__ */ jsx2("p", { className: "px-0.5 text-og-sm italic leading-5 text-og-fg-subtle", children });
+}
+var MEDIA_BOX = "h-7 w-[52px] shrink-0 rounded-og-xs border border-og-border";
+function MediaSkeleton() {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        MEDIA_BOX,
+        "relative inline-flex items-center justify-center overflow-hidden bg-og-surface-2"
+      ),
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "absolute inset-0 animate-og-pulse bg-og-surface-3/50" }),
+        /* @__PURE__ */ jsx2(CameraIcon, { className: "relative size-3.5 text-og-fg-subtle" })
+      ]
+    }
+  );
+}
+function MediaEmpty() {
+  return /* @__PURE__ */ jsx2("span", { className: cn(MEDIA_BOX, "inline-flex items-center justify-center bg-og-bg"), children: /* @__PURE__ */ jsx2(CameraOffIcon, { className: "size-3.5 text-og-fg-subtle" }) });
+}
+function Thumbnail({
+  src,
+  caption,
+  alt = "screenshot",
+  expandLabel = "Expand screenshot",
+  lightboxLabel = "Screenshot",
+  downloadFilename
+}) {
+  const lightbox = useLightboxOptional();
+  const [failed, setFailed] = useState(false);
+  if (failed) {
+    return /* @__PURE__ */ jsx2(MediaEmpty, {});
+  }
+  const img = /* @__PURE__ */ jsx2(
+    "img",
+    {
+      src,
+      alt,
+      onError: () => setFailed(true),
+      className: "h-full w-full object-cover transition-opacity group-hover/thumb:opacity-80"
+    }
+  );
+  if (!lightbox) {
+    return /* @__PURE__ */ jsx2("span", { className: cn(MEDIA_BOX, "inline-flex overflow-hidden bg-og-bg"), children: img });
+  }
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      type: "button",
+      onClick: (event) => {
+        event.stopPropagation();
+        lightbox.open(src, caption, event.currentTarget, lightboxLabel, downloadFilename);
+      },
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.stopPropagation();
+        }
+      },
+      className: cn(
+        MEDIA_BOX,
+        "group/thumb relative inline-flex overflow-hidden bg-og-bg outline-hidden",
+        "focus-visible:ring-2 focus-visible:ring-og-accent"
+      ),
+      "aria-label": expandLabel,
+      children: img
+    }
+  );
+}
+function ScreenshotFigure({
+  src,
+  caption,
+  alt = "screenshot",
+  expandLabel = "Expand screenshot",
+  lightboxLabel = "Screenshot",
+  downloadFilename
+}) {
+  const lightbox = useLightboxOptional();
+  const [failed, setFailed] = useState(false);
+  const surface = "block w-full overflow-hidden rounded-og-md border border-og-border bg-og-bg";
+  const img = /* @__PURE__ */ jsx2(
+    "img",
+    {
+      src,
+      alt,
+      onError: () => setFailed(true),
+      className: "max-h-80 w-full object-contain"
+    }
+  );
+  return /* @__PURE__ */ jsxs("figure", { className: "m-0 min-w-0", children: [
+    failed ? /* @__PURE__ */ jsx2("div", { className: "rounded-og-md border border-og-border bg-og-bg px-3 py-6 text-center font-og-mono text-og-xs text-og-fg-subtle", children: "image unavailable" }) : lightbox ? /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        onClick: (event) => lightbox.open(src, caption, event.currentTarget, lightboxLabel, downloadFilename),
+        className: surface,
+        "aria-label": expandLabel,
+        children: img
+      }
+    ) : /* @__PURE__ */ jsx2("div", { className: surface, children: img }),
+    caption ? /* @__PURE__ */ jsx2("figcaption", { className: "mt-1.5 font-og-mono text-og-xs text-og-fg-subtle", children: caption }) : null
+  ] });
+}
+
+// src/components/copy-button.tsx
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { useEffect, useRef, useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var COPIED_MS = 1600;
+function CopyButton({
+  text,
+  label = "Copy",
+  className,
+  reveal = "group-hover"
+}) {
+  const [copied, setCopied] = useState2(false);
+  const [tipOpen, setTipOpen] = useState2(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__ */ jsxs2(
+    Tooltip,
+    {
+      open: copied ? true : tipOpen,
+      onOpenChange: (next) => {
+        if (!copied) {
+          setTipOpen(next);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx3(
+          "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__ */ jsx3(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx3(CopyIcon, { className: "size-3.5", "aria-hidden": true })
+          }
+        ) }),
+        /* @__PURE__ */ jsx3(TooltipContent, { side: "top", children: tip })
+      ]
+    }
+  );
+}
+function CopyHoverFrame({
+  children,
+  className,
+  copyText,
+  label,
+  align = "end",
+  trailing
+}) {
+  if (copyText.trim().length === 0) {
+    return /* @__PURE__ */ jsx3("div", { className, children });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: cn("group/copy", className), children: [
+    children,
+    /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        "data-og-annotation-chrome": "",
+        className: cn(
+          "flex h-6 items-center gap-1.5 pointer-coarse:h-11",
+          align === "end" ? "justify-end" : "justify-start"
+        ),
+        children: [
+          /* @__PURE__ */ jsx3(
+            CopyButton,
+            {
+              text: copyText,
+              label,
+              reveal: "group-hover",
+              className: "size-6 pointer-coarse:size-11"
+            }
+          ),
+          trailing
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/markdown.tsx
+import {
+  Children,
+  createContext as createContext3,
+  useContext as useContext3,
+  isValidElement,
+  memo,
+  useEffect as useEffect3,
+  useMemo,
+  useReducer,
+  useRef as useRef3,
+  useState as useState3
+} from "react";
+import ReactMarkdown, {
+  defaultUrlTransform
+} from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { PanelsTopLeftIcon } from "lucide-react";
+
+// 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/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) {
+    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 { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var InteractiveContext = createContext3({ source: "" });
+var baseComponents = {
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx5(
+    "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__ */ 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",
+      ...props,
+      children
+    }
+  ),
+  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",
+      ...props,
+      children
+    }
+  ),
+  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",
+      ...props,
+      children
+    }
+  ),
+  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",
+      ...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__ */ jsx5(
+    "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__ */ jsx5(
+    "input",
+    {
+      ...props,
+      type: "checkbox",
+      disabled: true,
+      className: "mr-2 size-3.5 translate-y-[2px] cursor-default accent-og-accent align-baseline"
+    }
+  ) : /* @__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",
+      ...props,
+      children
+    }
+  ),
+  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__ */ jsx5(
+    "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: InteractiveCodeBlock,
+  // Tables stay unboxed (hairline rules); hover reveals a TSV copy control.
+  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",
+      ...props,
+      children
+    }
+  ),
+  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",
+      ...props,
+      children
+    }
+  ),
+  img: MarkdownImage
+};
+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__ */ jsx5(SandboxMarkdownLink, { location, onSandboxFile, children });
+      }
+      if (isSandboxHref(href) || !href) {
+        return /* @__PURE__ */ jsx5(
+          "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__ */ jsx5(
+        "a",
+        {
+          className: MARKDOWN_LINK_CLASS,
+          target: "_blank",
+          rel: "noreferrer noopener",
+          href,
+          ...props,
+          children
+        }
+      );
+    }
+  };
+}
+function SandboxMarkdownLink({
+  location,
+  onSandboxFile,
+  children
+}) {
+  const [state, setState] = useState3("idle");
+  const { path, line } = location;
+  if (!onSandboxFile) {
+    return /* @__PURE__ */ jsx5(
+      "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__ */ jsxs4(
+    "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;
+}
+function retainedImageId(src) {
+  return /^artifact:([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})$/i.exec(src)?.[1]?.toLowerCase() ?? null;
+}
+function MarkdownImage({ src, alt }) {
+  const { renderImage } = useContext3(InteractiveContext);
+  if (!src) return /* @__PURE__ */ jsx5("span", { children: alt ?? "Image unavailable" });
+  if (retainedImageId(src))
+    return renderImage ? /* @__PURE__ */ jsx5(Fragment2, { children: renderImage({ src, alt: alt ?? "" }) }) : /* @__PURE__ */ jsxs4("span", { children: [
+      alt || "Image",
+      " (preview unavailable)"
+    ] });
+  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;
+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 InteractiveCodeBlock({ children, node }) {
+  const { source, render, streaming } = useContext3(InteractiveContext);
+  const language = fenceLanguage(children);
+  if (render && (language === "opengeni-html" || language === "opengeni-site")) {
+    const start = node?.position?.start.offset;
+    const end = node?.position?.end.offset;
+    const original = start !== void 0 && end !== void 0 && end <= source.length ? source.slice(start, end) : "";
+    const lines = original.trimEnd().split("\n");
+    const opening = lines[0]?.match(/^ {0,3}([\x60]{3,}|~{3,})/);
+    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__ */ jsx5("div", { role: "status", "aria-live": "polite", "aria-busy": streaming === true, className: "my-3", children: streaming ? /* @__PURE__ */ jsx5(PreviewLoading, {}) : /* @__PURE__ */ jsx5(
+        ActivityDisclosure,
+        {
+          icon: /* @__PURE__ */ jsx5(PanelsTopLeftIcon, { "aria-hidden": true, className: "size-3.5" }),
+          title: "Preview incomplete",
+          running: false,
+          expandable: false,
+          preview: "Generation stopped before the preview was ready."
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsx5(Fragment2, { children: render({
+      kind: language === "opengeni-html" ? "html" : "site",
+      content: nodeText(children).replace(/\n$/, "")
+    }) });
+  }
+  return /* @__PURE__ */ jsx5(MarkdownCodeBlock, { children });
+}
+function MarkdownCodeBlock({ children }) {
+  const code = nodeText(children).replace(/\n$/, "");
+  const language = fenceLanguage(children);
+  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__ */ jsx5(
+      "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 = 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;
+    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;
+    };
+  }, []);
+  useEffect3(() => {
+    layoutRef.current?.measure();
+  }, [children]);
+  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),
+        label: "Copy table",
+        reveal: "group-hover"
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx5("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx5(
+      "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,
+  renderInteractiveBlock,
+  renderImage
+}) {
+  const revealRef = useRef3(null);
+  const bodyRef = useRef3(null);
+  const [, bump] = useReducer((n) => n + 1, 0);
+  const [settling, setSettling] = useState3(false);
+  const hadRevealRef = useRef3(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;
+  useEffect3(() => {
+    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 = useRef3(streaming);
+  useEffect3(() => {
+    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]);
+  const interactiveContext = useMemo(
+    () => ({
+      source: children,
+      streaming,
+      ...renderInteractiveBlock ? { render: renderInteractiveBlock } : {},
+      ...renderImage ? { renderImage } : {}
+    }),
+    [children, streaming, renderInteractiveBlock, renderImage]
+  );
+  return /* @__PURE__ */ jsx5(InteractiveContext.Provider, { value: interactiveContext, children: /* @__PURE__ */ jsx5(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx5(
+    "div",
+    {
+      ref: bodyRef,
+      className: cn(
+        "og-markdown-body min-w-0 break-words",
+        settling && "og-markdown-settle",
+        className
+      ),
+      children: /* @__PURE__ */ jsx5(
+        ReactMarkdown,
+        {
+          remarkPlugins: [remarkGfm],
+          rehypePlugins,
+          components,
+          urlTransform: markdownUrlTransform,
+          children: parseText
+        }
+      )
+    }
+  ) }) });
+}
+var Markdown = memo(MarkdownImpl);
+
+export {
+  DisclosureDefaultsProvider,
+  useForcedDefaultOpen,
+  ToolCallTruncationProvider,
+  CompactActivityContext,
+  ActivityDisclosure,
+  TermBlock,
+  PayloadBlock,
+  BodyNote,
+  MediaSkeleton,
+  MediaEmpty,
+  Thumbnail,
+  ScreenshotFigure,
+  prefersReducedMotion,
+  MOTION_INSPECT_SCALE,
+  CopyButton,
+  CopyHoverFrame,
+  sandboxFileLocationFromHref,
+  sandboxFilePathFromHref,
+  retainedImageId,
+  Markdown
+};
+//# sourceMappingURL=chunk-AWEBVNVX.js.map