@opengeni/react 3.1.0 → 3.1.2

package/dist/chunk-WIUKB3LD.js

@@ -0,0 +1,1911 @@
+"use client";
+import {
+  prefersReducedMotion
+} from "./chunk-OYQQJL3J.js";
+import {
+  annotatableText,
+  rangeFromOffsets,
+  visibleClientRect
+} from "./chunk-S2QH6EZ5.js";
+import {
+  chainLinkResolvers,
+  useOpenGeniLinkResolver
+} from "./chunk-4QYP6QUI.js";
+import {
+  secretReferenceLabel
+} from "./chunk-7QJT5O4S.js";
+import {
+  paintPreviewLoading
+} from "./chunk-UNJPZGNK.js";
+import {
+  copyTextToClipboard,
+  tableElementToTsv
+} from "./chunk-PEHTX3V7.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  useLightboxOptional
+} from "./chunk-KSGQ5ODA.js";
+import {
+  stringifyPayload
+} from "./chunk-BLL56F7R.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+
+// src/secrets-ui.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var SecretsUiContext = createContext(null);
+function SecretsUiProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx(SecretsUiContext.Provider, { value, children });
+}
+function useSecretsUi() {
+  return useContext(SecretsUiContext);
+}
+
+// src/components/secret-ref-chip.tsx
+import { FileLockIcon, LockIcon } from "lucide-react";
+import { Fragment } from "react";
+import { Fragment as Fragment2, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var CHIP_CLASS = (
+  // em-relative so one chip reads right in prose, payload mono runs and titles.
+  "og-secret-chip inline-flex max-w-full min-w-0 items-center gap-[0.3em] rounded-full border border-og-border bg-og-surface-2 px-[0.5em] align-baseline font-og-sans text-[0.9em] leading-[1.45] font-medium not-italic text-og-fg no-underline [overflow-wrap:normal] [word-break:normal]"
+);
+function SecretChipFrame({
+  icon,
+  primary,
+  suffix,
+  title,
+  srPrefix,
+  href,
+  className,
+  dataAttributes
+}) {
+  const Icon = icon === "file" ? FileLockIcon : LockIcon;
+  const body = /* @__PURE__ */ jsxs(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", className: "size-[1em] shrink-0 text-og-fg-muted" }),
+    /* @__PURE__ */ jsx2("span", { className: "sr-only", children: srPrefix }),
+    /* @__PURE__ */ jsx2("span", { className: "min-w-0 max-w-[18em] truncate", children: primary }),
+    suffix ? /* @__PURE__ */ jsx2("span", { className: "shrink-0 whitespace-nowrap", children: suffix }) : null
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx2(
+      "a",
+      {
+        href,
+        title,
+        className: cn(
+          CHIP_CLASS,
+          "cursor-pointer transition-colors hover:border-og-border-strong hover:bg-og-surface-3 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-og-accent/55",
+          className
+        ),
+        ...dataAttributes,
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2("span", { title, className: cn(CHIP_CLASS, className), ...dataAttributes, children: body });
+}
+function SecretRefChip({ reference, linkable = true, className }) {
+  const ui = useSecretsUi();
+  return /* @__PURE__ */ jsx2(SecretRefChipView, { ui, reference, linkable, className });
+}
+function SecretRefChipView({
+  ui,
+  reference,
+  linkable,
+  className
+}) {
+  const label = secretReferenceLabel(reference);
+  const href = linkable ? ui?.hrefForReference?.(reference) ?? null : null;
+  return /* @__PURE__ */ jsx2(
+    SecretChipFrame,
+    {
+      icon: reference.kind === "secretfile" ? "file" : "lock",
+      primary: label.primary,
+      suffix: label.suffix,
+      title: reference.raw,
+      srPrefix: reference.kind === "secretfile" ? "Secret file: " : "Secret: ",
+      href,
+      className,
+      dataAttributes: { "data-og-secret-ref": reference.raw }
+    }
+  );
+}
+function SecretRefText({ text, linkable = true, chipClassName }) {
+  const ui = useSecretsUi();
+  return /* @__PURE__ */ jsx2(Fragment2, { children: renderSecretRefText(ui, text, { linkable, chipClassName }) });
+}
+function mayContainSecretReference(text) {
+  return text.includes("{{secret");
+}
+function renderSecretRefText(ui, text, options = {}) {
+  if (!ui || !mayContainSecretReference(text)) return text;
+  const tokens = ui.tokenize(text);
+  if (!tokens.some((token) => token.type === "reference")) return text;
+  let offset = 0;
+  return tokens.map((token) => {
+    if (token.type === "reference") {
+      offset = token.reference.end;
+      return /* @__PURE__ */ jsx2(
+        SecretRefChipView,
+        {
+          ui,
+          reference: token.reference,
+          linkable: options.linkable ?? true,
+          className: options.chipClassName
+        },
+        `ref-${token.reference.start}`
+      );
+    }
+    if (token.type === "invalid") {
+      offset = token.end;
+      return /* @__PURE__ */ jsx2(Fragment, { children: token.raw }, `invalid-${token.start}`);
+    }
+    return /* @__PURE__ */ jsx2(Fragment, { children: token.value }, `text-${offset}`);
+  });
+}
+function SecretAnswerChip({ result, label, className }) {
+  return /* @__PURE__ */ jsx2(
+    SecretChipFrame,
+    {
+      icon: "lock",
+      primary: label,
+      suffix: result.username ? ` \xB7 ${result.username}` : "",
+      title: result.reference,
+      srPrefix: "",
+      className: cn("text-og-sm", className),
+      dataAttributes: { "data-og-secret-answer": result.reference }
+    }
+  );
+}
+
+// src/timeline/disclosure-context.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var DisclosureDefaultsContext = createContext2(void 0);
+function DisclosureDefaultsProvider({
+  defaultOpen,
+  children
+}) {
+  return /* @__PURE__ */ jsx3(DisclosureDefaultsContext.Provider, { value: defaultOpen, children });
+}
+function useForcedDefaultOpen() {
+  return useContext2(DisclosureDefaultsContext);
+}
+
+// src/timeline/shared.tsx
+import { CameraIcon, CameraOffIcon, ChevronRightIcon } from "lucide-react";
+import { createContext as createContext4, useContext as useContext4, useEffect, useState } from "react";
+
+// src/components/timeline-search.tsx
+import { createContext as createContext3, useContext as useContext3, useLayoutEffect, useRef } from "react";
+var TimelineSearchRevealContext = createContext3(null);
+var useTimelineSearchReveal = () => useContext3(TimelineSearchRevealContext);
+function isTimelineSearchTarget(item, target) {
+  const sources = item.sourceEvents ?? ("annotationSource" in item && item.annotationSource ? [item.annotationSource] : []);
+  return sources.some(
+    (source) => source.sequence === target.sequence && (!target.eventId || source.eventId === target.eventId)
+  );
+}
+function literalSearchOffset(text, query, occurrence = 0) {
+  if (!query || !Number.isSafeInteger(occurrence) || occurrence < 0) return -1;
+  const pattern = new RegExp(query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "giu");
+  let match;
+  let index = 0;
+  while (match = pattern.exec(text)) {
+    if (index++ === occurrence) return match.index;
+  }
+  return -1;
+}
+function matchAtOffset(text, query, offset) {
+  if (!query || !Number.isSafeInteger(offset) || offset < 0 || offset > text.length) return -1;
+  const pattern = new RegExp(query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "iyu");
+  pattern.lastIndex = offset;
+  return pattern.exec(text)?.index === offset ? offset : -1;
+}
+function searchMatchOffset(text, target) {
+  if (target.offset != null) return matchAtOffset(text, target.query, target.offset);
+  return literalSearchOffset(text, target.query, target.occurrence);
+}
+var nextHighlightId = 0;
+function useTimelineSearchNavigation(root, itemId, target, releasePin, revision) {
+  const highlightName = useRef("");
+  if (!highlightName.current) highlightName.current = `og-search-${++nextHighlightId}`;
+  const key = target ? JSON.stringify([
+    itemId,
+    target.sequence,
+    target.eventId,
+    target.query,
+    target.occurrence ?? 0,
+    target.offset ?? null
+  ]) : null;
+  const navigated = useRef(null);
+  useLayoutEffect(() => {
+    if (!key) navigated.current = null;
+    if (!key || !target || !itemId || !root.current) return;
+    releasePin();
+    const scroller = root.current;
+    const registry = globalThis.CSS?.highlights;
+    const HighlightClass = globalThis.Highlight;
+    const style = document.createElement("style");
+    style.textContent = `::highlight(${highlightName.current}) { background: var(--og-color-accent-deep); color: var(--og-color-accent-fg); }`;
+    scroller.append(style);
+    let frame = 0;
+    const update = () => {
+      const source = [...scroller.querySelectorAll("[data-og-search-item]")].find(
+        (element) => element.dataset.ogSearchItem === itemId
+      );
+      if (!source) return;
+      const materialized = [
+        ...source.querySelectorAll("[data-og-search-occurrence]")
+      ].find(
+        (element) => element.dataset.ogSearchSequence === String(target.sequence) && element.dataset.ogSearchQuery === target.query && (target.offset != null ? element.dataset.ogSearchOffset === String(target.offset) : element.dataset.ogSearchOccurrence === String(target.occurrence ?? 0))
+      );
+      const { text, spans } = annotatableText(materialized ?? source);
+      const offset = materialized ? matchAtOffset(text, target.query, 0) : target.offset != null ? -1 : searchMatchOffset(text, target);
+      const range = offset < 0 ? null : rangeFromOffsets(spans, offset, offset + target.query.length);
+      if (range && registry && HighlightClass)
+        registry.set(highlightName.current, new HighlightClass(range));
+      else registry?.delete(highlightName.current);
+      const rect = range ? visibleClientRect(range) : null;
+      if (navigated.current === key || !range || !rect) return;
+      const box = rect;
+      if (!box.height && !box.width) return;
+      scroller.scrollTop += box.top - scroller.getBoundingClientRect().top - scroller.clientHeight / 2;
+      navigated.current = key;
+    };
+    const schedule = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(update);
+    };
+    const observer = new MutationObserver(schedule);
+    observer.observe(scroller, { childList: true, subtree: true, characterData: true });
+    const resize = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(schedule);
+    resize?.observe(scroller);
+    schedule();
+    return () => {
+      observer.disconnect();
+      resize?.disconnect();
+      cancelAnimationFrame(frame);
+      registry?.delete(highlightName.current);
+      style.remove();
+    };
+  }, [key, root, itemId, target, releasePin, revision]);
+}
+
+// src/timeline/shared.tsx
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var ToolCallTruncationContext = createContext4(null);
+function ToolCallTruncationProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx4(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 = createContext4(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 searchReveal = useTimelineSearchReveal();
+  useEffect(() => {
+    if (searchReveal) setOpen(true);
+  }, [searchReveal]);
+  const truncation = useContext4(ToolCallTruncationContext);
+  const compact = useContext4(CompactActivityContext);
+  if (compact)
+    return /* @__PURE__ */ jsxs2("span", { className: "og-rolling-label", children: [
+      /* @__PURE__ */ jsx4("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
+      /* @__PURE__ */ jsxs2("span", { className: "og-command-reel", children: [
+        /* @__PURE__ */ jsx4("span", { className: "og-reel-title", children: title }),
+        (compactPreview === void 0 ? preview : compactPreview) ? /* @__PURE__ */ jsx4("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__ */ jsxs2(Fragment3, { children: [
+    hasBody ? /* @__PURE__ */ jsx4(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__ */ jsx4("span", { className: "size-3.5 shrink-0" }),
+    /* @__PURE__ */ jsx4("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
+    /* @__PURE__ */ jsxs2("span", { className: cn("og-command-reel", running && "og-command-reel-running"), children: [
+      /* @__PURE__ */ jsx4(
+        "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__ */ jsx4("span", { className: "min-w-0 flex-1 truncate text-og-sm text-og-fg-subtle", children: preview }) : /* @__PURE__ */ jsx4("span", { className: "flex-1" })
+    ] }),
+    media && !open ? /* @__PURE__ */ jsx4("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2", children: media }) : chip && !open ? /* @__PURE__ */ jsx4("span", { className: "ml-auto shrink-0 pl-2", children: /* @__PURE__ */ jsx4(Chip, { chip }) }) : null
+  ] });
+  const dataStatus = cancelled ? "cancelled" : failed ? "failed" : void 0;
+  if (!hasBody) {
+    return /* @__PURE__ */ jsx4("div", { className: cn(rowClass, "cursor-default"), "data-status": dataStatus, children: inner });
+  }
+  return /* @__PURE__ */ jsxs2("div", { children: [
+    /* @__PURE__ */ jsx4(
+      "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__ */ jsxs2("div", { className: "mb-2 ml-7 mt-1.5 flex flex-col gap-2 overflow-hidden animate-og-expand", children: [
+      children,
+      truncation ? /* @__PURE__ */ jsx4(ToolCallTruncationNotice, { truncation }) : null
+    ] }) : null
+  ] });
+}
+function ToolCallTruncationNotice({ truncation }) {
+  const fullEvidence = truncation.fullEvidence.available ? "retained" : truncation.fullEvidence.reason ?? "unavailable";
+  return /* @__PURE__ */ jsxs2("div", { "data-og-tool-output-truncation": "", className: "text-og-sm leading-5 text-og-fg-subtle", children: [
+    "Output bounded at ",
+    /* @__PURE__ */ jsx4("code", { className: "font-og-mono", children: truncation.surface }),
+    truncation.omittedBytes != null && truncation.omittedBytes > 0 ? ` \xB7 ${truncation.omittedBytes.toLocaleString()} bytes omitted` : null,
+    " \xB7 reason ",
+    /* @__PURE__ */ jsx4("code", { className: "font-og-mono", children: truncation.reason }),
+    " \xB7 full evidence ",
+    /* @__PURE__ */ jsx4("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__ */ jsxs2("span", { className: cn(base, withText, "text-og-status-failed"), children: [
+      /* @__PURE__ */ jsx4("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
+      chip.text
+    ] });
+  }
+  if (chip.tone === "interrupted") {
+    return /* @__PURE__ */ jsx4("span", { className: cn(base, "text-og-fg-subtle og-cancelled-chip"), children: chip.text });
+  }
+  return /* @__PURE__ */ jsx4("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__ */ jsxs2(
+    "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__ */ jsxs2("div", { className: "flex items-center gap-2 pb-1", children: [
+          /* @__PURE__ */ jsx4("span", { className: "select-none text-og-status-idle", children: "$" }),
+          command != null ? /* @__PURE__ */ jsx4("span", { className: "min-w-0 flex-1 truncate font-og-mono text-og-sm text-og-fg-muted", children: /* @__PURE__ */ jsx4(SecretRefText, { text: command }) }) : /* @__PURE__ */ jsx4("span", { className: "flex-1" }),
+          workdir ? /* @__PURE__ */ jsx4("span", { className: "shrink-0 font-og-mono text-og-xs text-og-fg-subtle", children: workdir }) : null
+        ] }) : null,
+        empty ? /* @__PURE__ */ jsx4("p", { className: "font-og-mono text-og-xs italic text-og-fg-subtle", children: "(no output)" }) : /* @__PURE__ */ jsxs2("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__ */ jsx4("span", { className: "ml-px inline-block h-[1em] w-[2px] translate-y-[2px] animate-og-blink bg-og-accent align-middle" }) : null
+        ] }),
+        showMore ? /* @__PURE__ */ jsxs2(
+          "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__ */ jsxs2(
+    "div",
+    {
+      className: cn(
+        "min-w-0 border-l-2 pl-3",
+        failed ? "border-og-status-failed/50" : "border-og-border"
+      ),
+      children: [
+        /* @__PURE__ */ jsx4("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: label }),
+        /* @__PURE__ */ jsx4(
+          "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: /* @__PURE__ */ jsx4(SecretRefText, { text })
+          }
+        )
+      ]
+    }
+  );
+}
+function BodyNote({
+  children,
+  tone
+}) {
+  if (tone === "error") {
+    return /* @__PURE__ */ jsx4("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__ */ jsx4("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__ */ jsxs2(
+    "span",
+    {
+      className: cn(
+        MEDIA_BOX,
+        "relative inline-flex items-center justify-center overflow-hidden bg-og-surface-2"
+      ),
+      children: [
+        /* @__PURE__ */ jsx4("span", { className: "absolute inset-0 animate-og-pulse bg-og-surface-3/50" }),
+        /* @__PURE__ */ jsx4(CameraIcon, { className: "relative size-3.5 text-og-fg-subtle" })
+      ]
+    }
+  );
+}
+function MediaEmpty() {
+  return /* @__PURE__ */ jsx4("span", { className: cn(MEDIA_BOX, "inline-flex items-center justify-center bg-og-bg"), children: /* @__PURE__ */ jsx4(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__ */ jsx4(MediaEmpty, {});
+  }
+  const img = /* @__PURE__ */ jsx4(
+    "img",
+    {
+      src,
+      alt,
+      onError: () => setFailed(true),
+      className: "h-full w-full object-cover transition-opacity group-hover/thumb:opacity-80"
+    }
+  );
+  if (!lightbox) {
+    return /* @__PURE__ */ jsx4("span", { className: cn(MEDIA_BOX, "inline-flex overflow-hidden bg-og-bg"), children: img });
+  }
+  return /* @__PURE__ */ jsx4(
+    "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__ */ jsx4(
+    "img",
+    {
+      src,
+      alt,
+      onError: () => setFailed(true),
+      className: "max-h-80 w-full object-contain"
+    }
+  );
+  return /* @__PURE__ */ jsxs2("figure", { className: "m-0 min-w-0", children: [
+    failed ? /* @__PURE__ */ jsx4("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__ */ jsx4(
+      "button",
+      {
+        type: "button",
+        onClick: (event) => lightbox.open(src, caption, event.currentTarget, lightboxLabel, downloadFilename),
+        className: surface,
+        "aria-label": expandLabel,
+        children: img
+      }
+    ) : /* @__PURE__ */ jsx4("div", { className: surface, children: img }),
+    caption ? /* @__PURE__ */ jsx4("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 { memo, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var COPIED_MS = 1600;
+var CopyButton = memo(function CopyButton2({
+  text,
+  label = "Copy",
+  className,
+  reveal = "group-hover"
+}) {
+  const [copied, setCopied] = useState2(false);
+  const [tipOpen, setTipOpen] = useState2(false);
+  const timerRef = useRef2(null);
+  useEffect2(() => {
+    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__ */ jsxs3(
+    Tooltip,
+    {
+      open: copied ? true : tipOpen,
+      onOpenChange: (next) => {
+        if (!copied) {
+          setTipOpen(next);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx5(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx5(
+          "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__ */ jsx5(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx5(CopyIcon, { className: "size-3.5", "aria-hidden": true })
+          }
+        ) }),
+        /* @__PURE__ */ jsx5(TooltipContent, { side: "top", children: tip })
+      ]
+    }
+  );
+});
+function CopyHoverFrame({
+  children,
+  className,
+  copyText,
+  label,
+  align = "end",
+  trailing
+}) {
+  if (copyText.trim().length === 0) {
+    return /* @__PURE__ */ jsx5("div", { className, children });
+  }
+  return /* @__PURE__ */ jsxs3("div", { className: cn("group/copy", className), children: [
+    children,
+    /* @__PURE__ */ jsxs3(
+      "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__ */ jsx5(
+            CopyButton,
+            {
+              text: copyText,
+              label,
+              reveal: "group-hover",
+              className: "size-6 pointer-coarse:size-11"
+            }
+          ),
+          trailing
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/markdown.tsx
+import {
+  Children,
+  createContext as createContext5,
+  useContext as useContext5,
+  isValidElement,
+  memo as memo2,
+  useEffect as useEffect4,
+  useMemo,
+  useReducer,
+  useRef as useRef4,
+  useState as useState3
+} from "react";
+import ReactMarkdown, {
+  defaultUrlTransform
+} from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { PanelsTopLeftIcon } from "lucide-react";
+
+// src/lib/motion-inspect.ts
+var MOTION_INSPECT_SCALE = 1;
+
+// src/components/preview-loading.tsx
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function PreviewLoading() {
+  const ref = useRef3(null);
+  useEffect3(() => {
+    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() || "#9fdccd";
+      const glowColor = style.getPropertyValue("--_og-preview-glow").trim() || "#5fb8a3";
+      context.setTransform(d, 0, 0, d, 0, 0);
+      paintPreviewLoading(context, w, h, time, ink, glowColor);
+      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__ */ jsxs4("div", { className: "og-preview-loading", children: [
+    /* @__PURE__ */ jsx6("canvas", { ref, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx6("span", { className: "og-preview-loading-label", children: "Preparing preview\u2026" })
+  ] });
+}
+
+// src/components/remark-soft-line-breaks.ts
+var LINE_ENDING = /\r\n|\r|\n/g;
+var HAS_LINE_ENDING = /[\r\n]/;
+var LINE_PREFIX = /[\t >]*/y;
+function remarkSoftLineBreaks() {
+  return (tree, file) => {
+    walk(tree, typeof file?.value === "string" ? file.value : void 0);
+  };
+}
+function walk(node, source) {
+  if (!node.children) {
+    return;
+  }
+  let next = null;
+  for (let index = 0; index < node.children.length; index += 1) {
+    const child = node.children[index];
+    if (child.type === "text" && typeof child.value === "string" && HAS_LINE_ENDING.test(child.value)) {
+      next ??= node.children.slice(0, index);
+      next.push(...splitText(child, child.value, source));
+      continue;
+    }
+    walk(child, source);
+    next?.push(child);
+  }
+  if (next !== null) {
+    node.children = next;
+  }
+}
+function splitText(node, value, source) {
+  const segments = [];
+  let cursor = 0;
+  for (const match of value.matchAll(LINE_ENDING)) {
+    segments.push({ value: value.slice(cursor, match.index), index: cursor });
+    cursor = match.index + match[0].length;
+  }
+  segments.push({ value: value.slice(cursor), index: cursor });
+  const starts = segmentStarts(node, segments, source);
+  const nodeEnd = exactPoint(node.position?.end);
+  const out = [];
+  segments.forEach((segment, k) => {
+    const start = starts?.[k];
+    const isLast = k === segments.length - 1;
+    const end = start === void 0 ? void 0 : isLast && nodeEnd !== void 0 ? nodeEnd : {
+      line: start.line,
+      column: start.column + segment.value.length,
+      offset: start.offset + segment.value.length
+    };
+    if (segment.value.length > 0) {
+      out.push({
+        type: "text",
+        value: segment.value,
+        ...start !== void 0 && end !== void 0 ? { position: { start, end } } : {}
+      });
+    }
+    if (!isLast) {
+      const nextStart = starts?.[k + 1];
+      out.push({
+        type: "break",
+        ...end !== void 0 && nextStart !== void 0 ? { position: { start: end, end: nextStart } } : {}
+      });
+    }
+  });
+  return out;
+}
+function segmentStarts(node, segments, source) {
+  const start = exactPoint(node.position?.start);
+  if (start === void 0) {
+    return void 0;
+  }
+  const endOffset = node.position?.end?.offset;
+  const lineStarts = [];
+  if (source !== void 0 && endOffset !== void 0 && endOffset >= start.offset) {
+    for (const match of source.slice(start.offset, endOffset).matchAll(LINE_ENDING)) {
+      lineStarts.push(start.offset + match.index + match[0].length);
+    }
+  }
+  const anchoredSource = lineStarts.length === segments.length - 1 ? source : void 0;
+  return segments.map((segment, k) => {
+    if (k === 0) {
+      return start;
+    }
+    if (anchoredSource !== void 0) {
+      const lineStart = lineStarts[k - 1];
+      LINE_PREFIX.lastIndex = lineStart;
+      const prefix = LINE_PREFIX.exec(anchoredSource)?.[0].length ?? 0;
+      return { line: start.line + k, column: prefix + 1, offset: lineStart + prefix };
+    }
+    return { line: start.line + k, column: 1, offset: start.offset + segment.index };
+  });
+}
+function exactPoint(point) {
+  if (point === void 0 || typeof point.line !== "number" || typeof point.column !== "number" || typeof point.offset !== "number") {
+    return void 0;
+  }
+  return { line: point.line, column: point.column, offset: point.offset };
+}
+
+// src/components/rehype-secret-refs.ts
+var MARKER = "{{secret";
+function rehypeSecretRefs(options) {
+  const { tokenize } = options;
+  return (tree) => {
+    walk2(tree);
+  };
+  function walk2(node) {
+    if (!node.children) return;
+    let changed = false;
+    const next = [];
+    for (const child of node.children) {
+      if (child.type === "text" && child.value.includes(MARKER)) {
+        const split = splitText2(child);
+        if (split) {
+          next.push(...split);
+          changed = true;
+          continue;
+        }
+      } else if (child.type === "element") {
+        const element = child;
+        if (element.tagName === "code") {
+          const chip = wholeReference(element);
+          if (chip) {
+            next.push(chip);
+            changed = true;
+            continue;
+          }
+        } else if (element.tagName !== "pre" && element.tagName !== "a") {
+          walk2(element);
+        }
+      } else if ("children" in child) {
+        walk2(child);
+      }
+      next.push(child);
+    }
+    if (changed) node.children = next;
+  }
+  function splitText2(node) {
+    const tokens = tokenize(node.value);
+    if (!tokens.some((token) => token.type === "reference")) return null;
+    return tokens.map(
+      (token) => token.type === "reference" ? chipPlaceholder(token.reference.raw) : { type: "text", value: token.type === "text" ? token.value : token.raw }
+    );
+  }
+  function wholeReference(code) {
+    if (code.children.length !== 1) return null;
+    const only = code.children[0];
+    if (only.type !== "text") return null;
+    const value = only.value;
+    if (!value.includes(MARKER)) return null;
+    const tokens = tokenize(value.trim());
+    const token = tokens.length === 1 ? tokens[0] : null;
+    return token?.type === "reference" ? chipPlaceholder(token.reference.raw) : null;
+  }
+}
+function chipPlaceholder(raw) {
+  return {
+    type: "element",
+    tagName: "span",
+    properties: { dataOgSecretRef: raw },
+    children: [{ type: "text", value: raw }]
+  };
+}
+
+// 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) => {
+    walk2(tree, false);
+  };
+  function walk2(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;
+      }
+      walk2(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 {
+  parseOpenGeniLink,
+  parseSandboxLink,
+  parseRetainedFileReference,
+  isReservedOpenGeniLink,
+  openGeniLinkScheme
+} from "@opengeni/sdk";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var InteractiveContext = createContext5({ source: "" });
+var baseComponents = {
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx7(
+    "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__ */ jsx7("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx7(
+    "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__ */ jsx7(
+    "h4",
+    {
+      className: "mt-4 mb-1.5 text-og-sm font-semibold uppercase tracking-[0.04em] text-og-fg first:mt-0",
+      ...props,
+      children
+    }
+  ),
+  p: ({ children, ...props }) => /* @__PURE__ */ jsx7("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx7("strong", { className: "font-semibold text-og-fg", ...props, children }),
+  em: ({ children, ...props }) => /* @__PURE__ */ jsx7("em", { className: "italic", ...props, children }),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx7(
+    "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__ */ jsx7(
+    "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__ */ jsx7(
+    "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__ */ jsx7(
+    "input",
+    {
+      ...props,
+      type: "checkbox",
+      disabled: true,
+      className: "mr-2 size-3.5 translate-y-[2px] cursor-default accent-og-accent align-baseline"
+    }
+  ) : /* @__PURE__ */ jsx7("input", { type, ...props }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx7(
+    "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__ */ jsx7("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__ */ jsx7(
+    "code",
+    {
+      className: "rounded-og-xs bg-og-surface-2 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__ */ jsx7(MarkdownTable, { ...props, children }),
+  thead: ({ children, ...props }) => /* @__PURE__ */ jsx7("thead", { ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx7(
+    "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__ */ jsx7(
+    "td",
+    {
+      className: "border-b border-og-border/70 px-0 py-1.5 pr-4 align-top text-og-fg-muted",
+      ...props,
+      children
+    }
+  ),
+  img: MarkdownImage
+};
+var MARKDOWN_LINK_CLASS = "break-words font-medium og-link";
+var MarkdownLinkContext = createContext5({});
+var UNAVAILABLE_LABEL = {
+  file: "This file needs a workspace-aware host to open",
+  "editable-artifact": "This artifact needs a workspace-aware host to open",
+  site: "This Site needs a workspace-aware host to open"
+};
+function linkActionTitle(target) {
+  if (target.kind === "sandbox-file") {
+    return target.line !== null ? `Open ${target.path} at line ${target.line}` : `Open ${target.path}`;
+  }
+  return target.kind === "file" ? "Open file" : target.kind === "site" ? "Open Site" : "Open artifact";
+}
+function MarkdownSpan({
+  node: _node,
+  children,
+  ...props
+}) {
+  const raw = props["data-og-secret-ref"];
+  if (typeof raw === "string") return /* @__PURE__ */ jsx7(MarkdownSecretRef, { raw, children });
+  return /* @__PURE__ */ jsx7("span", { ...props, children });
+}
+function MarkdownSecretRef({ raw, children }) {
+  const ui = useSecretsUi();
+  const token = ui?.tokenize(raw).find((candidate) => candidate.type === "reference");
+  if (!token || token.type !== "reference") return /* @__PURE__ */ jsx7(Fragment4, { children });
+  return /* @__PURE__ */ jsx7(SecretRefChip, { reference: token.reference });
+}
+var markdownComponents = {
+  ...baseComponents,
+  span: MarkdownSpan,
+  p: ({ children, node, ...props }) => {
+    const containsArtifact = node?.children.some(
+      (child) => child.type === "element" && child.tagName === "img" && typeof child.properties.src === "string" && retainedImageId(child.properties.src)
+    );
+    const Tag = containsArtifact ? "div" : "p";
+    return /* @__PURE__ */ jsx7(Tag, { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children });
+  },
+  a: ({ children, href, ...props }) => {
+    const { onSandboxFile, artifactHref, resolveLink } = useContext5(MarkdownLinkContext);
+    const inherited = useOpenGeniLinkResolver();
+    const target = parseOpenGeniLink(href);
+    if (target) {
+      if (target.kind === "file" && target.workspaceId === null && artifactHref) {
+        const destination2 = defaultUrlTransform(artifactHref(target.fileId));
+        if (destination2) {
+          return /* @__PURE__ */ jsx7(
+            "a",
+            {
+              className: MARKDOWN_LINK_CLASS,
+              href: destination2,
+              target: "_blank",
+              rel: "noreferrer noopener",
+              children
+            }
+          );
+        }
+      }
+      const resolution = target.kind === "sandbox-file" && onSandboxFile ? { open: () => onSandboxFile(target.path, target.line ?? void 0) } : chainLinkResolvers(resolveLink, inherited)?.(target);
+      const destination = resolution?.href ? defaultUrlTransform(resolution.href) : "";
+      if (destination) {
+        return /* @__PURE__ */ jsx7(
+          "a",
+          {
+            className: MARKDOWN_LINK_CLASS,
+            href: destination,
+            target: "_blank",
+            rel: "noreferrer noopener",
+            children
+          }
+        );
+      }
+      if (resolution?.open) {
+        return /* @__PURE__ */ jsx7(ActionMarkdownLink, { title: linkActionTitle(target), onOpen: resolution.open, children });
+      }
+      if (target.kind === "sandbox-file") {
+        return /* @__PURE__ */ jsx7(
+          "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
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxs5("span", { title: UNAVAILABLE_LABEL[target.kind], "data-og-link-unavailable": target.kind, children: [
+        children,
+        " (artifact unavailable)"
+      ] });
+    }
+    if (isReservedOpenGeniLink(href) || !href) {
+      return /* @__PURE__ */ jsxs5(
+        "span",
+        {
+          className: "break-words text-og-fg-subtle",
+          "aria-disabled": "true",
+          title: isSandboxHref(href) ? "This sandbox file reference is invalid" : "This link is unavailable",
+          children: [
+            children,
+            " (link unavailable)"
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx7(
+      "a",
+      {
+        className: MARKDOWN_LINK_CLASS,
+        target: "_blank",
+        rel: "noreferrer noopener",
+        href,
+        ...props,
+        children
+      }
+    );
+  }
+};
+function ActionMarkdownLink({
+  title,
+  onOpen,
+  children
+}) {
+  const [state, setState] = useState3("idle");
+  return /* @__PURE__ */ jsxs5(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        MARKDOWN_LINK_CLASS,
+        "inline-flex min-h-7 cursor-pointer items-center aria-disabled:cursor-wait aria-disabled:opacity-70 pointer-coarse:min-h-11"
+      ),
+      "aria-disabled": state === "loading" || void 0,
+      "aria-busy": state === "loading",
+      title: state === "error" ? "Couldn't open this file. Select to retry." : title,
+      onClick: () => {
+        if (state === "loading") return;
+        setState("loading");
+        void Promise.resolve().then(onOpen).then(
+          () => setState("idle"),
+          () => setState("error")
+        );
+      },
+      children: [
+        children,
+        state === "loading" ? " (opening\u2026)" : state === "error" ? " (retry)" : null
+      ]
+    }
+  );
+}
+function isSandboxHref(href) {
+  return openGeniLinkScheme(href) === "sandbox";
+}
+function sandboxFileLocationFromHref(href) {
+  return parseSandboxLink(href);
+}
+function sandboxFilePathFromHref(href) {
+  return sandboxFileLocationFromHref(href)?.path ?? null;
+}
+function retainedImageId(src) {
+  return parseRetainedFileReference(src);
+}
+function MarkdownImage({ src, alt }) {
+  const { renderImage, suppressImages } = useContext5(InteractiveContext);
+  if (suppressImages)
+    return /* @__PURE__ */ jsxs5("span", { "data-og-image-placeholder": "", children: [
+      alt || "Image",
+      " (preview unavailable)"
+    ] });
+  if (!src) return /* @__PURE__ */ jsx7("span", { children: alt ?? "Image unavailable" });
+  if (retainedImageId(src))
+    return renderImage ? /* @__PURE__ */ jsx7(Fragment4, { children: renderImage({ src, alt: alt ?? "" }) }) : /* @__PURE__ */ jsxs5("span", { children: [
+      alt || "Image",
+      " (preview unavailable)"
+    ] });
+  return /* @__PURE__ */ jsx7("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" && isReservedOpenGeniLink(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 } = useContext5(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__ */ jsx7("div", { role: "status", "aria-live": "polite", "aria-busy": streaming === true, className: "my-3", children: streaming ? /* @__PURE__ */ jsx7(PreviewLoading, {}) : /* @__PURE__ */ jsx7(
+        ActivityDisclosure,
+        {
+          icon: /* @__PURE__ */ jsx7(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__ */ jsx7(Fragment4, { children: render({
+      kind: language === "opengeni-html" ? "html" : "site",
+      content: nodeText(children).replace(/\n$/, "")
+    }) });
+  }
+  return /* @__PURE__ */ jsx7(MarkdownCodeBlock, { children });
+}
+function MarkdownCodeBlock({ children }) {
+  const code = nodeText(children).replace(/\n$/, "");
+  const language = fenceLanguage(children);
+  return /* @__PURE__ */ jsxs5("div", { className: "group/copy relative mt-3 first:mt-0", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1", children: [
+      language ? /* @__PURE__ */ jsx7("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__ */ jsx7("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx7(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
+    ] }),
+    /* @__PURE__ */ jsx7(
+      "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 = useRef4(null);
+  const tableRef = useRef4(null);
+  const layoutRef = useRef4(void 0);
+  useEffect4(() => {
+    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-3PV2UAAH.js").then(({ observeMarkdownTableLayout }) => {
+      if (!disposed) layoutRef.current = observeMarkdownTableLayout(wrapper, table);
+    }).catch(() => {
+    });
+    return () => {
+      disposed = true;
+      layoutRef.current?.disconnect();
+      layoutRef.current = void 0;
+    };
+  }, []);
+  useEffect4(() => {
+    layoutRef.current?.measure();
+  }, [children]);
+  return (
+    // Touch shows the copy action permanently at full touch size, so it sits
+    // under the table there instead of covering the right-aligned header.
+    /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        ref: wrapperRef,
+        "data-og-table": "",
+        className: "group/copy relative mt-3 max-w-full first:mt-0 pointer-coarse:pb-11",
+        children: [
+          /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute top-0 right-0 z-10 pointer-coarse:top-auto pointer-coarse:bottom-0", children: /* @__PURE__ */ jsx7("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx7(
+            CopyButton,
+            {
+              text: () => tableElementToTsv(tableRef.current),
+              label: "Copy table",
+              reveal: "group-hover"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx7("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx7(
+            "table",
+            {
+              ref: tableRef,
+              className: cn(
+                // Leading `&` only: a trailing one (`tr:last-child>&`) under the scoped
+                // selector list needs `:is()`, which bundlers warn about for older targets.
+                "w-full min-w-0 border-collapse text-og-base [&_tr:last-child>td]:border-b-0",
+                className
+              ),
+              ...props,
+              children
+            }
+          ) })
+        ]
+      }
+    )
+  );
+}
+var REMARK_PLUGINS = [remarkGfm];
+var SOFT_LINE_BREAK_REMARK_PLUGINS = [
+  remarkGfm,
+  remarkSoftLineBreaks
+];
+function MarkdownImpl({
+  children,
+  artifactHref,
+  className,
+  softLineBreaks = false,
+  streaming = false,
+  onSandboxFile,
+  renderInteractiveBlock,
+  renderImage,
+  resolveLink,
+  suppressImages
+}) {
+  const revealRef = useRef4(null);
+  const bodyRef = useRef4(null);
+  const [, bump] = useReducer((n) => n + 1, 0);
+  const [settling, setSettling] = useState3(false);
+  const hadRevealRef = useRef4(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 secretsUi = useSecretsUi();
+  const secretRefs = secretsUi && mayContainSecretReference(children) ? [[rehypeSecretRefs, { tokenize: secretsUi.tokenize }]] : [];
+  const rehypePluginList = [
+    ...secretRefs,
+    ...revealActive && reveal !== null ? [[rehypeStreamReveal, { reveal, now }]] : []
+  ];
+  const rehypePlugins = rehypePluginList.length > 0 ? rehypePluginList : void 0;
+  useEffect4(() => {
+    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 = useRef4(streaming);
+  useEffect4(() => {
+    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 linkContext = useMemo(
+    () => ({ onSandboxFile, artifactHref, resolveLink }),
+    [onSandboxFile, artifactHref, resolveLink]
+  );
+  const interactiveContext = useMemo(
+    () => ({
+      source: children,
+      streaming,
+      ...renderInteractiveBlock ? { render: renderInteractiveBlock } : {},
+      ...renderImage ? { renderImage } : {},
+      ...suppressImages ? { suppressImages } : {}
+    }),
+    [children, streaming, renderInteractiveBlock, renderImage, suppressImages]
+  );
+  return /* @__PURE__ */ jsx7(MarkdownLinkContext.Provider, { value: linkContext, children: /* @__PURE__ */ jsx7(InteractiveContext.Provider, { value: interactiveContext, children: /* @__PURE__ */ jsx7(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx7(
+    "div",
+    {
+      ref: bodyRef,
+      className: cn(
+        "og-markdown-body min-w-0 break-words",
+        settling && "og-markdown-settle",
+        className
+      ),
+      children: /* @__PURE__ */ jsx7(
+        ReactMarkdown,
+        {
+          remarkPlugins: softLineBreaks ? SOFT_LINE_BREAK_REMARK_PLUGINS : REMARK_PLUGINS,
+          rehypePlugins,
+          components: markdownComponents,
+          urlTransform: markdownUrlTransform,
+          children: parseText
+        }
+      )
+    }
+  ) }) }) });
+}
+var Markdown = memo2(function SearchableMarkdown(props) {
+  const [retained, setRetained] = useState3(
+    null
+  );
+  if (props.searchTarget && (retained?.target !== props.searchTarget || retained.text !== props.children)) {
+    setRetained({ text: props.children, target: props.searchTarget });
+  }
+  const target = props.searchTarget ?? (retained?.text === props.children ? retained.target : null);
+  if (!target) return /* @__PURE__ */ jsx7(MarkdownImpl, { ...props });
+  const offset = searchMatchOffset(props.children, target);
+  if (offset < 0)
+    return props.searchTarget ? /* @__PURE__ */ jsx7("div", { role: "status", children: "This match is no longer in the message source." }) : /* @__PURE__ */ jsx7(MarkdownImpl, { ...props });
+  let start = Math.max(0, offset - 240);
+  let end = Math.min(props.children.length, offset + target.query.length + 240);
+  if (start > 0 && /[\uDC00-\uDFFF]/.test(props.children[start])) start--;
+  if (end < props.children.length && /[\uDC00-\uDFFF]/.test(props.children[end])) end++;
+  const MatchTag = props.searchTarget ? "mark" : "span";
+  return /* @__PURE__ */ jsxs5("div", { className: cn("og-markdown-body min-w-0 break-words", props.className), children: [
+    /* @__PURE__ */ jsxs5("div", { "data-og-annotation-chrome": "", className: "text-xs opacity-70", children: [
+      "Match in message source \xB7 Excerpt stays in place when Find closes",
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          disabled: !!props.searchTarget,
+          title: props.searchTarget ? "Close Find to show the formatted message" : void 0,
+          className: "ml-2 inline-flex min-h-7 items-center rounded-og-sm px-1.5 text-og-xs font-medium text-og-fg-muted outline-hidden hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/45 pointer-coarse:min-h-11 disabled:opacity-50",
+          onClick: () => setRetained(null),
+          children: "Show formatted message"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: [
+      start > 0 ? "\u2026" : "",
+      props.children.slice(start, offset),
+      /* @__PURE__ */ jsx7(
+        MatchTag,
+        {
+          "data-og-search-occurrence": target.occurrence ?? 0,
+          "data-og-search-sequence": target.sequence,
+          "data-og-search-query": target.query,
+          "data-og-search-offset": offset,
+          children: props.children.slice(offset, offset + target.query.length)
+        }
+      ),
+      props.children.slice(offset + target.query.length, end),
+      end < props.children.length ? "\u2026" : ""
+    ] })
+  ] });
+});
+
+export {
+  SecretsUiProvider,
+  useSecretsUi,
+  SecretRefChip,
+  SecretRefText,
+  SecretAnswerChip,
+  TimelineSearchRevealContext,
+  useTimelineSearchReveal,
+  isTimelineSearchTarget,
+  useTimelineSearchNavigation,
+  DisclosureDefaultsProvider,
+  useForcedDefaultOpen,
+  ToolCallTruncationProvider,
+  CompactActivityContext,
+  ActivityDisclosure,
+  TermBlock,
+  PayloadBlock,
+  BodyNote,
+  MediaSkeleton,
+  MediaEmpty,
+  Thumbnail,
+  ScreenshotFigure,
+  MOTION_INSPECT_SCALE,
+  CopyButton,
+  CopyHoverFrame,
+  sandboxFileLocationFromHref,
+  sandboxFilePathFromHref,
+  retainedImageId,
+  Markdown
+};
+//# sourceMappingURL=chunk-WIUKB3LD.js.map