@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-JEA3QDX7.js

@@ -0,0 +1,2469 @@
+"use client";
+import {
+  prefersReducedMotion
+} from "./chunk-OCN4S7WN.js";
+import {
+  ActivityDisclosure,
+  SecretRefChip,
+  mayContainSecretReference,
+  searchMatchOffset,
+  useSecretsUi
+} from "./chunk-6DVCC7QS.js";
+import {
+  LoadFailureNotice,
+  isChunkLoadError
+} from "./chunk-KYS77RPN.js";
+import {
+  prepareMathMarkdown
+} from "./chunk-W4F72GU3.js";
+import {
+  paintPreviewLoading
+} from "./chunk-UNJPZGNK.js";
+import {
+  chainLinkRenderers,
+  chainLinkResolvers,
+  useOpenGeniLinkRenderer,
+  useOpenGeniLinkResolver
+} from "./chunk-NPNX7LTL.js";
+import {
+  copyTextToClipboard,
+  tableElementToTsv
+} from "./chunk-PEHTX3V7.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6IWKHHRS.js";
+import {
+  INTERACTIVE_ANSWER_FENCE,
+  bestInteractiveItems,
+  formatInteractiveValue,
+  interactiveActionLabel,
+  interactiveAnswerKey,
+  interactiveFilterOptions,
+  interactiveSelectionMessage,
+  interactiveSelectionWasSent,
+  nextInteractiveSort,
+  parseInteractiveAnswer,
+  settleInteractiveAnswer,
+  toggleInteractiveSelection,
+  trailingOpenFence,
+  useInteractiveAnswerHost,
+  useInteractiveAnswerState,
+  visibleInteractiveItems
+} from "./chunk-OONTDHBV.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.js";
+
+// src/components/copy-button.tsx
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { memo, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var COPIED_MS = 1600;
+var CopyButton = memo(function CopyButton2({
+  text: text2,
+  label: labelProp,
+  className,
+  reveal = "group-hover"
+}) {
+  const t = useOpenGeniText();
+  const label = labelProp === void 0 ? t("copyButton.copy") : labelProp;
+  const [copied, setCopied] = useState(false);
+  const [tipOpen, setTipOpen] = useState(false);
+  const timerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (timerRef.current !== null) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, []);
+  const onClick = async (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    const button = event.currentTarget;
+    const pointerActivated = event.detail > 0;
+    const value = typeof text2 === "function" ? text2() : text2;
+    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 ? t("copyButton.copied") : label;
+  return /* @__PURE__ */ jsxs(
+    Tooltip,
+    {
+      open: copied ? true : tipOpen,
+      onOpenChange: (next) => {
+        if (!copied) {
+          setTipOpen(next);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-og-copy": "",
+            "data-state": copied ? "copied" : "idle",
+            "aria-label": tip,
+            onClick,
+            className: cn(
+              "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm pointer-coarse:size-11",
+              "text-og-fg-subtle transition-[opacity,color,background-color] duration-150",
+              "hover:bg-og-surface-2/80 hover:text-og-fg",
+              "focus-visible:opacity-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+              reveal === "group-hover" && "opacity-0 group-hover/copy:opacity-100 group-focus-within/copy:opacity-100 pointer-coarse:opacity-70",
+              copied && "opacity-100 text-og-accent",
+              className
+            ),
+            children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-3.5", "aria-hidden": true })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: tip })
+      ]
+    }
+  );
+});
+function CopyHoverFrame({
+  children,
+  className,
+  copyText,
+  label,
+  align = "end",
+  trailing
+}) {
+  if (copyText.trim().length === 0) {
+    return /* @__PURE__ */ jsx("div", { className, children });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("group/copy", className), children: [
+    children,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-og-annotation-chrome": "",
+        className: cn(
+          "flex h-6 items-center gap-1.5 pointer-coarse:h-11",
+          align === "end" ? "justify-end" : "justify-start"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            CopyButton,
+            {
+              text: copyText,
+              label,
+              reveal: "group-hover",
+              className: "size-6 pointer-coarse:size-11"
+            }
+          ),
+          trailing
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/interactive-answer.tsx
+import {
+  ArrowDownIcon,
+  ArrowUpIcon,
+  ArrowUpRightIcon,
+  CheckIcon as CheckIcon2,
+  LayoutGridIcon,
+  LoaderCircleIcon as LoaderCircleIcon2,
+  Table2Icon
+} from "lucide-react";
+import { useId, useMemo, useState as useState2 } from "react";
+
+// src/components/decision-card.tsx
+import { LoaderCircleIcon } from "lucide-react";
+import { forwardRef } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var decisionCardClass = "og-root @container/decision box-border min-w-0 w-full overflow-hidden rounded-og-lg border border-og-border bg-og-surface-1 text-og-fg shadow-[0_1px_2px_rgb(0_0_0/0.04),0_6px_20px_-12px_rgb(0_0_0/0.18)]";
+var decisionCardPad = "px-4 @md/decision:px-5";
+function DecisionMark({
+  children,
+  tone = "neutral",
+  className
+}) {
+  return /* @__PURE__ */ jsx2(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-og-md [&_svg]:size-[18px]",
+        tone === "danger" ? "bg-og-status-failed/10 text-og-status-failed" : tone === "plain" ? "" : "bg-og-fg/[0.06] text-og-fg-muted",
+        className
+      ),
+      children
+    }
+  );
+}
+function DecisionActions({
+  lead,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: cn(
+        "flex min-w-0 flex-col-reverse gap-2 @md/decision:flex-row @md/decision:flex-wrap @md/decision:items-center @md/decision:justify-end",
+        className
+      ),
+      children: [
+        lead ? /* @__PURE__ */ jsx2("div", { className: "flex min-w-0 flex-wrap items-center justify-center gap-x-3 gap-y-1 @md/decision:mr-auto @md/decision:justify-start", children: lead }) : null,
+        children
+      ]
+    }
+  );
+}
+var buttonKinds = {
+  primary: "border-transparent bg-og-fg text-og-bg hover:bg-og-fg/85 active:bg-og-fg/75",
+  danger: "border-transparent bg-og-danger-fill text-og-danger-fg hover:bg-og-danger-fill/90 active:bg-og-danger-fill/80",
+  secondary: "border-og-border bg-og-surface-1 text-og-fg hover:border-og-border-strong hover:bg-og-hover active:bg-og-surface-2",
+  quiet: "border-transparent text-og-fg-muted hover:bg-og-hover hover:text-og-fg"
+};
+function decisionButtonClass(kind, className) {
+  return cn(
+    "inline-flex min-h-10 w-full items-center justify-center gap-1.5 rounded-og-md border px-4 py-2 text-og-sm font-medium whitespace-nowrap transition-[background-color,border-color,color,opacity] duration-150",
+    "@md/decision:min-h-9 @md/decision:w-auto pointer-coarse:min-h-11",
+    "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/45 focus-visible:ring-offset-1 focus-visible:ring-offset-og-surface-1",
+    "disabled:cursor-not-allowed disabled:opacity-55",
+    buttonKinds[kind],
+    className
+  );
+}
+var DecisionButton = forwardRef(
+  function DecisionButton2({ kind = "secondary", busy = false, className, children, type = "button", ...rest }, ref) {
+    return /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        ref,
+        type,
+        "aria-busy": busy || void 0,
+        className: decisionButtonClass(kind, className),
+        ...rest,
+        children: [
+          busy ? /* @__PURE__ */ jsx2(LoaderCircleIcon, { "aria-hidden": "true", className: "size-3.5 shrink-0 animate-spin" }) : null,
+          children
+        ]
+      }
+    );
+  }
+);
+
+// src/components/interactive-answer.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function InteractiveAnswer({ source, state, renderSource }) {
+  const parsed = useMemo(
+    () => settleInteractiveAnswer(
+      parseInteractiveAnswer(source, { partial: state !== "complete" }),
+      state
+    ),
+    [source, state]
+  );
+  if (parsed.status === "invalid") return /* @__PURE__ */ jsx3(InvalidAnswer, { renderSource });
+  if (!parsed.spec || parsed.spec.items.length === 0) {
+    return state === "streaming" ? /* @__PURE__ */ jsx3(AnswerStatus, { streaming: true, title: parsed.spec?.title }) : /* @__PURE__ */ jsx3(InvalidAnswer, { renderSource });
+  }
+  return /* @__PURE__ */ jsx3(
+    LoadedAnswer,
+    {
+      spec: parsed.spec,
+      answerKey: interactiveAnswerKey(source),
+      state,
+      complete: parsed.status === "ok"
+    }
+  );
+}
+function LoadedAnswer({
+  spec,
+  answerKey,
+  state: streamState,
+  complete
+}) {
+  const t = useOpenGeniText();
+  const host = useInteractiveAnswerHost();
+  const ids = useMemo(
+    () => complete ? spec.items.map((item) => item.id) : null,
+    [complete, spec]
+  );
+  const [state, update] = useInteractiveAnswerState(answerKey, ids);
+  const [hovered, setHovered] = useState2(null);
+  const [sending, setSending] = useState2(false);
+  const [failed, setFailed] = useState2(false);
+  const titleId = useId();
+  const interactive = complete;
+  const canPick = interactive && Boolean(spec.select) && Boolean(host.send) && !host.readOnly;
+  const max = spec.select?.max ?? 0;
+  const view = state.view ?? spec.view;
+  const showTable = view === "table" && spec.fields.length > 0;
+  const filterFields = interactive ? spec.fields.filter((field) => field.filter) : [];
+  const visible = interactive ? visibleInteractiveItems(spec, state) : spec.items;
+  const best = useMemo(
+    () => complete ? bestInteractiveItems(spec, spec.items) : /* @__PURE__ */ new Map(),
+    [complete, spec]
+  );
+  const words = { yes: t("interactiveAnswer.yes"), no: t("interactiveAnswer.no"), empty: "\u2014" };
+  const fallbackAction = max === 1 ? t("interactiveAnswer.continueWithThis") : t("interactiveAnswer.continueWithThese");
+  const sent = interactiveSelectionWasSent(state);
+  const activeFilters = Object.values(state.filters).some((values) => values.length > 0);
+  const toggle = (id) => {
+    if (!canPick) return;
+    setFailed(false);
+    update((current) => ({
+      ...current,
+      selected: toggleInteractiveSelection(current.selected, id, max)
+    }));
+  };
+  const send = async () => {
+    if (!host.send || state.selected.length === 0 || sending) return;
+    const selection = [...state.selected];
+    setSending(true);
+    setFailed(false);
+    try {
+      const result = await host.send(
+        interactiveSelectionMessage(spec, selection, fallbackAction, t.locale)
+      );
+      if (result === false) setFailed(true);
+      else update((current) => ({ ...current, sent: selection }));
+    } catch {
+      setFailed(true);
+    } finally {
+      setSending(false);
+    }
+  };
+  const itemProps = {
+    spec,
+    selected: state.selected,
+    hovered,
+    onHover: setHovered,
+    onToggle: canPick ? toggle : void 0,
+    atMax: max > 1 && state.selected.length >= max,
+    best,
+    words,
+    single: max === 1
+  };
+  return /* @__PURE__ */ jsxs3(
+    "section",
+    {
+      "aria-labelledby": spec.title ? titleId : void 0,
+      "aria-label": spec.title ? void 0 : t("interactiveAnswer.options"),
+      "aria-busy": streamState === "streaming" && !complete || void 0,
+      className: "og-interactive-answer @container/answer my-3 flex min-w-0 flex-col gap-3 first:mt-0",
+      children: [
+        spec.title || interactive && spec.fields.length > 0 ? (
+          // Without a title, narrow answers have no header: the switch is hidden there.
+          /* @__PURE__ */ jsxs3(
+            "header",
+            {
+              className: cn("flex min-w-0 items-center gap-3", !spec.title && "hidden @md/answer:flex"),
+              children: [
+                spec.title ? /* @__PURE__ */ jsx3(
+                  "h3",
+                  {
+                    id: titleId,
+                    className: "m-0 min-w-0 flex-1 text-og-md leading-6 font-medium text-og-fg",
+                    children: spec.title
+                  }
+                ) : /* @__PURE__ */ jsx3("span", { className: "flex-1" }),
+                interactive && spec.fields.length > 0 ? /* @__PURE__ */ jsx3(
+                  ViewSwitch,
+                  {
+                    view: showTable ? "table" : "cards",
+                    onChange: (next) => update((current) => ({ ...current, view: next }))
+                  }
+                ) : null
+              ]
+            }
+          )
+        ) : null,
+        filterFields.length > 0 ? /* @__PURE__ */ jsx3(
+          Filters,
+          {
+            fields: filterFields,
+            items: spec.items,
+            filters: state.filters,
+            words,
+            onChange: (key, values) => update((current) => ({ ...current, filters: { ...current.filters, [key]: values } }))
+          }
+        ) : null,
+        spec.chart ? /* @__PURE__ */ jsx3(
+          BarChart,
+          {
+            ...itemProps,
+            field: spec.fields.find((field) => field.key === spec.chart),
+            items: visible
+          }
+        ) : null,
+        visible.length === 0 ? /* @__PURE__ */ jsxs3("p", { className: "m-0 flex flex-wrap items-center gap-x-2 text-og-sm text-og-fg-muted", children: [
+          t("interactiveAnswer.noMatches"),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              className: "cursor-pointer rounded-og-sm text-og-fg underline decoration-og-border-strong underline-offset-2 hover:decoration-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/45",
+              onClick: () => update((current) => ({ ...current, filters: {} })),
+              children: t("interactiveAnswer.showAll")
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+          showTable ? (
+            // Narrow answers (a phone, a side panel) read the same options as cards,
+            // so no column hides off-screen.
+            /* @__PURE__ */ jsx3("div", { className: "hidden min-w-0 @md/answer:block", children: /* @__PURE__ */ jsx3(
+              OptionTable,
+              {
+                ...itemProps,
+                items: visible,
+                sort: state.sort,
+                onSort: (key, field) => update((current) => ({
+                  ...current,
+                  sort: nextInteractiveSort(current.sort, key, field)
+                }))
+              }
+            ) })
+          ) : null,
+          /* @__PURE__ */ jsx3(
+            "div",
+            {
+              className: cn(
+                "grid min-w-0 grid-cols-1 gap-2 @lg/answer:grid-cols-2",
+                showTable && "@md/answer:hidden"
+              ),
+              children: visible.map((item) => /* @__PURE__ */ jsx3(OptionCard, { item, ...itemProps }, item.id))
+            }
+          )
+        ] }),
+        interactive && (activeFilters || spec.omitted > 0) ? /* @__PURE__ */ jsx3("p", { className: "m-0 text-og-xs text-og-fg-subtle", children: activeFilters ? t("interactiveAnswer.showing", { shown: visible.length, total: spec.items.length }) : t("interactiveAnswer.omitted", { count: spec.omitted }) }) : null,
+        streamState === "streaming" && !complete ? /* @__PURE__ */ jsx3(AnswerStatus, { streaming: true }) : null,
+        streamState === "incomplete" && !complete ? /* @__PURE__ */ jsx3("p", { className: "m-0 text-og-sm text-og-fg-muted", children: t("interactiveAnswer.stopped") }) : null,
+        canPick ? /* @__PURE__ */ jsx3(
+          PickBar,
+          {
+            spec,
+            max,
+            selected: state.selected,
+            sent,
+            sending,
+            failed,
+            action: interactiveActionLabel(spec, fallbackAction),
+            onClear: () => update((current) => ({ ...current, selected: [] })),
+            onSend: () => void send()
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function ViewSwitch({
+  view,
+  onChange
+}) {
+  const t = useOpenGeniText();
+  const options = [
+    { id: "cards", label: t("interactiveAnswer.cards"), icon: LayoutGridIcon },
+    { id: "table", label: t("interactiveAnswer.table"), icon: Table2Icon }
+  ];
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      role: "group",
+      "aria-label": t("interactiveAnswer.viewAs"),
+      className: "hidden shrink-0 items-center rounded-og-md bg-og-fg/[0.05] p-0.5 @md/answer:inline-flex",
+      children: options.map(({ id, label, icon: Icon }) => /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": view === id,
+          title: label,
+          onClick: () => onChange(id),
+          className: cn(
+            "inline-flex h-7 cursor-pointer items-center gap-1.5 rounded-[calc(var(--og-radius-md)-2px)] px-2 text-og-xs font-medium transition-colors duration-150 pointer-coarse:h-9 pointer-coarse:px-3",
+            "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/45",
+            view === id ? "bg-og-surface-1 text-og-fg shadow-[0_1px_2px_rgb(0_0_0/0.08)]" : "text-og-fg-muted hover:text-og-fg"
+          ),
+          children: [
+            /* @__PURE__ */ jsx3(Icon, { "aria-hidden": "true", className: "size-3.5" }),
+            /* @__PURE__ */ jsx3("span", { children: label })
+          ]
+        },
+        id
+      ))
+    }
+  );
+}
+function Filters({
+  fields,
+  items,
+  filters,
+  words,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx3("div", { className: "flex min-w-0 flex-col gap-2", children: fields.map((field) => {
+    const options = interactiveFilterOptions(field, items);
+    if (options.length === 0) return null;
+    const active = filters[field.key] ?? [];
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        role: "group",
+        "aria-label": field.label,
+        className: "flex min-w-0 flex-wrap items-center gap-1.5",
+        children: [
+          /* @__PURE__ */ jsx3("span", { className: "mr-1 text-og-xs text-og-fg-subtle", children: field.label }),
+          options.map((option) => {
+            const on = active.includes(option);
+            return /* @__PURE__ */ jsxs3(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": on,
+                onClick: () => onChange(
+                  field.key,
+                  on ? active.filter((value) => value !== option) : [...active, option]
+                ),
+                className: cn(
+                  "inline-flex h-7 cursor-pointer items-center gap-1 rounded-full border px-2.5 text-og-xs transition-colors duration-150 pointer-coarse:h-9 pointer-coarse:px-3",
+                  "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/45",
+                  on ? "border-og-fg bg-og-fg text-og-bg" : "border-og-border text-og-fg-muted hover:border-og-border-strong hover:text-og-fg"
+                ),
+                children: [
+                  on ? /* @__PURE__ */ jsx3(CheckIcon2, { "aria-hidden": "true", className: "size-3" }) : null,
+                  formatInteractiveValue(field, option, words)
+                ]
+              },
+              String(option)
+            );
+          })
+        ]
+      },
+      field.key
+    );
+  }) });
+}
+function SelectMark({ on, single }) {
+  return /* @__PURE__ */ jsx3(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "inline-flex size-[18px] shrink-0 items-center justify-center border transition-colors duration-150",
+        single ? "rounded-full" : "rounded-[5px]",
+        on ? "border-og-fg bg-og-fg text-og-bg" : "border-og-border-strong bg-og-surface-1 group-hover/option:border-og-fg-muted"
+      ),
+      children: on ? single ? /* @__PURE__ */ jsx3("span", { className: "size-1.5 rounded-full bg-og-bg" }) : /* @__PURE__ */ jsx3(CheckIcon2, { className: "size-3", strokeWidth: 3 }) : null
+    }
+  );
+}
+function BestMark() {
+  const t = useOpenGeniText();
+  return /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-0.5 text-[11px] leading-4 font-medium text-og-status-idle", children: [
+    /* @__PURE__ */ jsx3(CheckIcon2, { "aria-hidden": "true", className: "size-3", strokeWidth: 2.5 }),
+    t("interactiveAnswer.best")
+  ] });
+}
+function OptionCard({
+  item,
+  spec,
+  selected,
+  hovered,
+  onHover,
+  onToggle,
+  atMax,
+  best,
+  words,
+  single
+}) {
+  const t = useOpenGeniText();
+  const on = selected.includes(item.id);
+  const disabled = Boolean(onToggle) && !on && atMax;
+  const facts = spec.fields.filter((field) => {
+    const value = item.values[field.key];
+    return value !== void 0 && value !== null && value !== "";
+  });
+  const Root = onToggle ? "label" : "div";
+  return /* @__PURE__ */ jsxs3(
+    Root,
+    {
+      "data-option-id": item.id,
+      onPointerEnter: () => onHover(item.id),
+      onPointerLeave: () => onHover(null),
+      className: cn(
+        "group/option relative flex min-w-0 gap-3 rounded-og-lg border bg-og-surface-1 px-3.5 py-3 transition-[border-color,background-color,box-shadow] duration-150",
+        onToggle && !disabled && "cursor-pointer",
+        disabled && "opacity-60",
+        on ? "border-og-fg bg-og-fg/[0.025]" : hovered === item.id ? "border-og-border-strong bg-og-hover" : "border-og-border",
+        "has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-og-accent/45"
+      ),
+      children: [
+        onToggle ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              type: single ? "radio" : "checkbox",
+              className: "sr-only",
+              checked: on,
+              disabled,
+              "aria-label": t("interactiveAnswer.select", { title: item.title }),
+              onChange: () => onToggle(item.id)
+            }
+          ),
+          /* @__PURE__ */ jsx3("span", { className: "pt-0.5", children: /* @__PURE__ */ jsx3(SelectMark, { on, single }) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-start gap-2", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx3("div", { className: "text-og-sm leading-5 font-medium text-og-fg", children: item.title }),
+              item.subtitle ? /* @__PURE__ */ jsx3("div", { className: "text-og-xs leading-4 text-og-fg-muted", children: item.subtitle }) : null
+            ] }),
+            item.badge ? /* @__PURE__ */ jsx3("span", { className: "shrink-0 rounded-full bg-og-fg/[0.07] px-2 py-0.5 text-[11px] leading-4 font-medium text-og-fg", children: item.badge }) : null
+          ] }),
+          item.description ? /* @__PURE__ */ jsx3("p", { className: "m-0 line-clamp-2 text-og-sm leading-5 text-og-fg-muted", children: item.description }) : null,
+          facts.length > 0 ? /* @__PURE__ */ jsx3("dl", { className: "m-0 mt-1.5 flex flex-wrap gap-x-5 gap-y-2", children: facts.map((field) => {
+            const isBest = best.get(field.key)?.has(item.id);
+            return /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ jsxs3("dt", { className: "flex items-center gap-1.5 text-og-xs leading-4 text-og-fg-subtle", children: [
+                field.label,
+                isBest ? /* @__PURE__ */ jsx3(BestMark, {}) : null
+              ] }),
+              /* @__PURE__ */ jsx3("dd", { className: "m-0 min-w-0 text-og-sm leading-5 text-og-fg tabular-nums", children: formatInteractiveValue(field, item.values[field.key], words, t.locale) })
+            ] }, field.key);
+          }) }) : null,
+          item.url ? /* @__PURE__ */ jsxs3(
+            "a",
+            {
+              href: item.url,
+              target: "_blank",
+              rel: "noreferrer noopener",
+              onClick: (event) => event.stopPropagation(),
+              className: "relative z-10 mt-1 inline-flex w-fit items-center gap-1 rounded-og-sm text-og-xs font-medium text-og-fg-muted underline decoration-og-border-strong underline-offset-2 hover:text-og-fg hover:decoration-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/45",
+              children: [
+                hostLabel(item.url),
+                /* @__PURE__ */ jsx3(ArrowUpRightIcon, { "aria-hidden": "true", className: "size-3" })
+              ]
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
+}
+function hostLabel(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return url;
+  }
+}
+var INLINE_UNITS = /* @__PURE__ */ new Set(["$", "\u20AC", "\xA3", "\xA5", "US$", "%"]);
+function OptionTable({
+  items,
+  spec,
+  selected,
+  hovered,
+  onHover,
+  onToggle,
+  atMax,
+  best,
+  words,
+  single,
+  sort,
+  onSort
+}) {
+  const t = useOpenGeniText();
+  const header = (key, label, field, numeric) => {
+    const active = sort?.key === key;
+    const Arrow = active && sort?.direction === "desc" ? ArrowDownIcon : ArrowUpIcon;
+    const arrow = /* @__PURE__ */ jsx3(
+      Arrow,
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "size-3 shrink-0 transition-opacity",
+          active ? "opacity-100" : "opacity-0 group-hover/sort:opacity-60"
+        )
+      }
+    );
+    return /* @__PURE__ */ jsx3(
+      "th",
+      {
+        scope: "col",
+        "aria-sort": active ? sort?.direction === "asc" ? "ascending" : "descending" : void 0,
+        className: cn(
+          "border-b border-og-border px-2.5 py-2 text-left align-bottom font-normal first:pl-0",
+          numeric && "text-right",
+          numeric && field?.better && "pr-6"
+        ),
+        children: /* @__PURE__ */ jsxs3(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSort(key, field),
+            className: cn(
+              // align-bottom: an inline-flex box takes its baseline from its first
+              // item, and a leading arrow icon would lift numeric headers.
+              "group/sort inline-flex cursor-pointer items-center gap-1 rounded-og-sm align-bottom text-og-xs whitespace-nowrap focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/45",
+              active ? "text-og-fg" : "text-og-fg-subtle hover:text-og-fg"
+            ),
+            children: [
+              numeric ? arrow : null,
+              /* @__PURE__ */ jsxs3("span", { children: [
+                label,
+                field?.unit && !INLINE_UNITS.has(field.unit) ? /* @__PURE__ */ jsxs3("span", { className: "text-og-fg-subtle", children: [
+                  " (",
+                  field.unit,
+                  ")"
+                ] }) : null
+              ] }),
+              numeric ? null : arrow
+            ]
+          }
+        )
+      },
+      key
+    );
+  };
+  const numericField = (field) => spec.items.some((item) => typeof item.values[field.key] === "number");
+  return /* @__PURE__ */ jsxs3("div", { className: "min-w-0 overflow-x-auto [scrollbar-gutter:stable]", children: [
+    /* @__PURE__ */ jsxs3("table", { className: "w-full border-collapse text-og-sm", children: [
+      /* @__PURE__ */ jsx3("thead", { children: /* @__PURE__ */ jsxs3("tr", { children: [
+        onToggle ? /* @__PURE__ */ jsx3("th", { scope: "col", className: "w-8 border-b border-og-border py-2 pr-1", children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("interactiveAnswer.selected") }) }) : null,
+        header("title", t("interactiveAnswer.option")),
+        spec.fields.map((field) => header(field.key, field.label, field, numericField(field)))
+      ] }) }),
+      /* @__PURE__ */ jsx3("tbody", { children: items.map((item) => {
+        const on = selected.includes(item.id);
+        const disabled = Boolean(onToggle) && !on && atMax;
+        return /* @__PURE__ */ jsxs3(
+          "tr",
+          {
+            "data-option-id": item.id,
+            onPointerEnter: () => onHover(item.id),
+            onPointerLeave: () => onHover(null),
+            onClick: (event) => {
+              if (event.target.closest("a,label,input")) return;
+              if (onToggle && !disabled) onToggle(item.id);
+            },
+            className: cn(
+              "transition-colors duration-150",
+              onToggle && !disabled && "cursor-pointer",
+              disabled && "opacity-60",
+              on ? "bg-og-fg/[0.06]" : hovered === item.id && "bg-og-hover"
+            ),
+            children: [
+              onToggle ? /* @__PURE__ */ jsx3("td", { className: "border-b border-og-border py-2 pr-1 align-top", children: /* @__PURE__ */ jsxs3("label", { className: "group/option relative inline-flex cursor-pointer pt-0.5 has-[input:focus-visible]:rounded-[5px] has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-og-accent/45", children: [
+                /* @__PURE__ */ jsx3(
+                  "input",
+                  {
+                    type: single ? "radio" : "checkbox",
+                    className: "sr-only",
+                    checked: on,
+                    disabled,
+                    "aria-label": t("interactiveAnswer.select", { title: item.title }),
+                    onChange: () => onToggle(item.id)
+                  }
+                ),
+                /* @__PURE__ */ jsx3(SelectMark, { on, single })
+              ] }) }) : null,
+              /* @__PURE__ */ jsxs3(
+                "th",
+                {
+                  scope: "row",
+                  className: "border-b border-og-border px-2.5 py-2 text-left align-top font-normal first:pl-0",
+                  children: [
+                    /* @__PURE__ */ jsxs3("div", { className: "flex min-w-[9rem] flex-wrap items-center gap-x-1.5", children: [
+                      /* @__PURE__ */ jsx3("span", { className: "font-medium text-og-fg", children: item.title }),
+                      item.badge ? /* @__PURE__ */ jsx3("span", { className: "rounded-full bg-og-fg/[0.07] px-1.5 text-[10.5px] leading-4 font-medium text-og-fg", children: item.badge }) : null
+                    ] }),
+                    item.subtitle ? /* @__PURE__ */ jsx3("div", { className: "text-og-xs text-og-fg-muted", children: item.subtitle }) : null
+                  ]
+                }
+              ),
+              spec.fields.map((field) => {
+                const value = item.values[field.key];
+                const isBest = best.get(field.key)?.has(item.id);
+                return /* @__PURE__ */ jsxs3(
+                  "td",
+                  {
+                    className: cn(
+                      "border-b border-og-border px-2.5 py-2 align-top text-og-fg tabular-nums",
+                      typeof value === "number" && "text-right whitespace-nowrap",
+                      typeof value === "number" && field.better && "pr-2",
+                      isBest && "font-medium",
+                      (value === void 0 || value === null) && "text-og-fg-subtle"
+                    ),
+                    children: [
+                      formatInteractiveValue(
+                        field.unit && !INLINE_UNITS.has(field.unit) ? { ...field, unit: void 0 } : field,
+                        value,
+                        words,
+                        t.locale
+                      ),
+                      field.better && typeof value === "number" ? (
+                        // A fixed slot keeps numbers aligned whether or not they are best.
+                        /* @__PURE__ */ jsx3("span", { className: "inline-flex w-3.5 justify-end", children: isBest ? /* @__PURE__ */ jsx3(
+                          "span",
+                          {
+                            role: "img",
+                            "aria-label": t("interactiveAnswer.best"),
+                            className: "inline-block size-1.5 rounded-full bg-og-status-idle"
+                          }
+                        ) : null })
+                      ) : null
+                    ]
+                  },
+                  field.key
+                );
+              })
+            ]
+          },
+          item.id
+        );
+      }) })
+    ] }),
+    best.size > 0 ? /* @__PURE__ */ jsxs3("p", { className: "m-0 mt-2 inline-flex items-center gap-1.5 text-og-xs text-og-fg-subtle", children: [
+      /* @__PURE__ */ jsx3(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "inline-block size-1.5 rounded-full bg-og-status-idle"
+        }
+      ),
+      t("interactiveAnswer.bestInColumn")
+    ] }) : null
+  ] });
+}
+function BarChart({
+  field,
+  items,
+  selected,
+  hovered,
+  onHover,
+  onToggle,
+  atMax,
+  best,
+  words
+}) {
+  const t = useOpenGeniText();
+  const values = items.map((item) => item.values[field.key]).filter((value) => typeof value === "number");
+  const top = Math.max(0, ...values);
+  const bottom = Math.min(0, ...values);
+  const span = top - bottom || 1;
+  const rows = items.filter((item) => typeof item.values[field.key] === "number");
+  if (rows.length === 0) return null;
+  return /* @__PURE__ */ jsxs3(
+    "figure",
+    {
+      className: "m-0 flex min-w-0 flex-col gap-1.5",
+      "aria-label": t("interactiveAnswer.chartLabel", { label: field.label }),
+      children: [
+        /* @__PURE__ */ jsxs3("figcaption", { className: "text-og-xs text-og-fg-subtle", children: [
+          field.label,
+          field.unit ? ` (${field.unit})` : ""
+        ] }),
+        /* @__PURE__ */ jsx3("ul", { className: "m-0 grid list-none grid-cols-[minmax(0,1fr)_auto] gap-y-0.5 p-0 @md/answer:grid-cols-[minmax(5.5rem,34%)_minmax(0,1fr)_auto]", children: rows.map((item) => {
+          const value = item.values[field.key];
+          const on = selected.includes(item.id);
+          const lit = on || hovered === item.id;
+          const width = `${Math.max(1.5, Math.abs(value) / span * 100)}%`;
+          const disabled = !on && atMax;
+          const body = /* @__PURE__ */ jsxs3(Fragment, { children: [
+            /* @__PURE__ */ jsx3("span", { className: "col-start-1 row-start-1 min-w-0 truncate text-left text-og-xs leading-5 text-og-fg @md/answer:leading-6", children: item.title }),
+            /* @__PURE__ */ jsx3("span", { className: "col-span-2 col-start-1 row-start-2 flex h-4 min-w-0 items-center @md/answer:col-span-1 @md/answer:col-start-2 @md/answer:row-start-1 @md/answer:h-6", children: /* @__PURE__ */ jsx3(
+              "span",
+              {
+                className: cn(
+                  "h-2.5 rounded-r-[4px] rounded-l-[2px] transition-[width,background-color] duration-300 ease-out motion-reduce:transition-none @md/answer:h-3.5",
+                  on ? "bg-og-fg/85" : lit ? "bg-og-fg/40" : "bg-og-fg/[0.16]"
+                ),
+                style: { width }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs3("span", { className: "col-start-2 row-start-1 text-right text-og-xs leading-5 whitespace-nowrap text-og-fg-muted tabular-nums @md/answer:col-start-3 @md/answer:text-left @md/answer:leading-6", children: [
+              formatInteractiveValue(field, value, words, t.locale),
+              best.get(field.key)?.has(item.id) ? /* @__PURE__ */ jsx3("span", { className: "ml-1.5 inline-flex align-[-2px]", children: /* @__PURE__ */ jsx3(BestMark, {}) }) : null
+            ] })
+          ] });
+          const rowClass = "col-span-full grid min-w-0 grid-cols-subgrid items-center gap-x-3 rounded-og-sm px-1 py-1 -mx-1 @md/answer:py-0";
+          return /* @__PURE__ */ jsx3(
+            "li",
+            {
+              "data-option-id": item.id,
+              className: "col-span-full grid grid-cols-subgrid",
+              onPointerEnter: () => onHover(item.id),
+              onPointerLeave: () => onHover(null),
+              children: onToggle ? /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  type: "button",
+                  "aria-pressed": on,
+                  disabled,
+                  "aria-label": t("interactiveAnswer.select", { title: item.title }),
+                  onClick: () => onToggle(item.id),
+                  className: cn(
+                    rowClass,
+                    "cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/45 disabled:cursor-not-allowed disabled:opacity-60"
+                  ),
+                  children: body
+                }
+              ) : /* @__PURE__ */ jsx3("div", { className: rowClass, children: body })
+            },
+            item.id
+          );
+        }) })
+      ]
+    }
+  );
+}
+function PickBar({
+  spec,
+  max,
+  selected,
+  sent,
+  sending,
+  failed,
+  action,
+  onClear,
+  onSend
+}) {
+  const t = useOpenGeniText();
+  const names = spec.items.filter((item) => selected.includes(item.id)).map((item) => item.title);
+  const status = failed ? t("interactiveAnswer.sendFailed") : sent ? t("interactiveAnswer.sent") : selected.length === 0 ? max === 1 ? t("interactiveAnswer.pickOne") : max < spec.items.length ? t("interactiveAnswer.pickUpTo", { count: max }) : t("interactiveAnswer.pickAny") : max > 1 && selected.length >= max && max < spec.items.length ? t("interactiveAnswer.selectedMax", { count: selected.length }) : t("interactiveAnswer.selectedCount", { count: selected.length });
+  return /* @__PURE__ */ jsx3("div", { className: "@container/decision min-w-0 border-t border-og-border pt-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-col gap-2.5 @md/decision:flex-row @md/decision:items-center", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxs3(
+        "p",
+        {
+          role: "status",
+          "aria-live": "polite",
+          className: cn(
+            "m-0 flex items-center gap-1.5 text-og-sm",
+            failed ? "text-og-status-failed" : "text-og-fg-muted"
+          ),
+          children: [
+            sent && !failed ? /* @__PURE__ */ jsx3(CheckIcon2, { "aria-hidden": "true", className: "size-3.5 text-og-status-running" }) : null,
+            /* @__PURE__ */ jsx3("span", { children: status }),
+            selected.length > 0 && !sent ? /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                onClick: onClear,
+                className: "cursor-pointer rounded-og-sm text-og-fg-subtle underline decoration-transparent underline-offset-2 hover:text-og-fg hover:decoration-current focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/45",
+                children: t("interactiveAnswer.clear")
+              }
+            ) : null
+          ]
+        }
+      ),
+      names.length > 0 ? /* @__PURE__ */ jsx3("p", { className: "m-0 truncate text-og-xs text-og-fg-subtle", children: names.join(", ") }) : null
+    ] }),
+    /* @__PURE__ */ jsx3(
+      DecisionButton,
+      {
+        kind: sent ? "secondary" : "primary",
+        busy: sending,
+        disabled: selected.length === 0 || sent || sending,
+        onClick: onSend,
+        children: action
+      }
+    )
+  ] }) });
+}
+function AnswerStatus({ streaming, title }) {
+  const t = useOpenGeniText();
+  return /* @__PURE__ */ jsxs3("div", { role: "status", "aria-live": "polite", className: "my-3 flex flex-col gap-2 first:mt-0", children: [
+    title ? /* @__PURE__ */ jsx3("h3", { className: "m-0 text-og-md leading-6 font-medium text-og-fg", children: title }) : null,
+    /* @__PURE__ */ jsxs3("p", { className: "m-0 inline-flex items-center gap-2 text-og-sm text-og-fg-muted", children: [
+      streaming ? /* @__PURE__ */ jsx3(
+        LoaderCircleIcon2,
+        {
+          "aria-hidden": "true",
+          className: "size-3.5 animate-spin motion-reduce:animate-none"
+        }
+      ) : null,
+      t("interactiveAnswer.writing")
+    ] })
+  ] });
+}
+function InvalidAnswer({ renderSource }) {
+  const t = useOpenGeniText();
+  const [open, setOpen] = useState2(false);
+  return /* @__PURE__ */ jsxs3("div", { className: "my-3 flex flex-col gap-2 first:mt-0", children: [
+    /* @__PURE__ */ jsxs3("p", { className: "m-0 flex flex-wrap items-center gap-x-2 text-og-sm text-og-fg-muted", children: [
+      t("interactiveAnswer.invalid"),
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": open,
+          onClick: () => setOpen((value) => !value),
+          className: "cursor-pointer rounded-og-sm text-og-fg underline decoration-og-border-strong underline-offset-2 hover:decoration-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/45",
+          children: open ? t("interactiveAnswer.hideSource") : t("interactiveAnswer.showSource")
+        }
+      )
+    ] }),
+    open ? renderSource() : null
+  ] });
+}
+
+// src/components/lazy-part.tsx
+import { Component, Suspense } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function LazyPart({
+  children,
+  fallback = null,
+  onLoadFailure = "notice",
+  failed
+}) {
+  return /* @__PURE__ */ jsx4(
+    LazyPartBoundary,
+    {
+      failed: failed ?? (onLoadFailure === "notice" ? /* @__PURE__ */ jsx4(LoadFailureNotice, {}) : null),
+      children: /* @__PURE__ */ jsx4(Suspense, { fallback, children })
+    }
+  );
+}
+var LazyPartBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error: { value: error } };
+  }
+  render() {
+    const { error } = this.state;
+    if (!error) return this.props.children;
+    if (!isChunkLoadError(error.value)) throw error.value;
+    return this.props.failed;
+  }
+};
+
+// src/components/markdown.tsx
+import {
+  Children,
+  createContext,
+  useContext,
+  isValidElement,
+  memo as memo2,
+  useEffect as useEffect4,
+  useMemo as useMemo2,
+  useReducer,
+  useRef as useRef3,
+  useState as useState4
+} 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 useEffect2, useRef as useRef2 } from "react";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function PreviewLoading() {
+  const t = useOpenGeniText();
+  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() || "#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__ */ jsx5("canvas", { ref, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx5("span", { className: "og-preview-loading-label", children: t("previewLoading.preparingPreview") })
+  ] });
+}
+
+// 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-inline-flow.ts
+var BLOCKS = /* @__PURE__ */ new Set([
+  "p",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "ul",
+  "ol",
+  "li",
+  "blockquote",
+  "pre",
+  "hr",
+  "table",
+  "thead",
+  "tbody",
+  "tr",
+  "th",
+  "td",
+  "div",
+  "section"
+]);
+function isBlock(node) {
+  return node.type === "element" && BLOCKS.has(node.tagName);
+}
+function isBlank(node) {
+  return node.type === "text" && (node.value ?? "").trim() === "";
+}
+function text(value) {
+  return { type: "text", value };
+}
+function rehypeInlineFlow(options = {}) {
+  const separator = () => options.separator === "space" ? text(" ") : { type: "element", tagName: "br", properties: {}, children: [] };
+  function runs(children, listKind, start = 1) {
+    const hasBlock = children.some(isBlock);
+    const result = [];
+    let inline = [];
+    let item = start;
+    const flushInline = () => {
+      if (inline.some((node) => !isBlank(node))) result.push(inline);
+      inline = [];
+    };
+    for (const child of children) {
+      if (!isBlock(child)) {
+        if (!(hasBlock && isBlank(child))) inline.push(child);
+        continue;
+      }
+      flushInline();
+      const nested = child.tagName === "ul" || child.tagName === "ol" ? runs(
+        child.children,
+        child.tagName,
+        child.tagName === "ol" && typeof child.properties?.start === "number" ? child.properties.start : 1
+      ) : runs(child.children);
+      if (child.tagName === "li" && listKind) {
+        const marker = listKind === "ol" ? `${item}. ` : "\u2022 ";
+        item += 1;
+        if (nested.length > 0) nested[0] = [text(marker), ...nested[0]];
+      }
+      result.push(...nested);
+    }
+    flushInline();
+    return result;
+  }
+  return (tree) => {
+    const flowed = [];
+    for (const run of runs(tree.children ?? [])) {
+      if (flowed.length > 0) flowed.push(separator());
+      flowed.push(...run);
+    }
+    tree.children = flowed;
+  };
+}
+
+// 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 text2 = source;
+  if (countFences(text2) % 2 === 1) {
+    text2 += text2.endsWith("\n") ? "```" : "\n```";
+  }
+  const segments = splitByFences(text2);
+  for (const segment of segments) {
+    if (segment.kind === "fence") {
+      continue;
+    }
+    segment.value = closeInlineMarkers(segment.value);
+  }
+  let result = segments.map((segment) => segment.value).join("");
+  if (text2.endsWith("\n") && !result.endsWith("\n")) {
+    result += "\n";
+  }
+  return result;
+}
+function countFences(text2) {
+  let count = 0;
+  for (const line of text2.split("\n")) {
+    if (/^ {0,3}```/.test(line)) {
+      count += 1;
+    }
+  }
+  return count;
+}
+function splitByFences(text2) {
+  const segments = [];
+  const lines = text2.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 text2 = prose;
+  text2 = closeDelimiter(text2, "~~");
+  text2 = closeDelimiter(text2, "**");
+  text2 = closeDelimiter(text2, "__");
+  text2 = closeSingleBackticks(text2);
+  text2 = closeSingleAsterisks(text2);
+  text2 = closeUnfinishedLink(text2);
+  return text2;
+}
+function closeDelimiter(text2, delimiter) {
+  let count = 0;
+  let i = 0;
+  while (i < text2.length) {
+    if (text2[i] === "\\" && i + 1 < text2.length) {
+      i += 2;
+      continue;
+    }
+    if (text2.startsWith(delimiter, i)) {
+      count += 1;
+      i += delimiter.length;
+      continue;
+    }
+    i += 1;
+  }
+  return count % 2 === 1 ? insertBeforeTrailingNewlines(text2, delimiter) : text2;
+}
+function insertBeforeTrailingNewlines(text2, suffix) {
+  let end = text2.length;
+  while (end > 0 && text2[end - 1] === "\n") {
+    end -= 1;
+  }
+  return text2.slice(0, end) + suffix + text2.slice(end);
+}
+function closeSingleBackticks(text2) {
+  let count = 0;
+  for (let i = 0; i < text2.length; i += 1) {
+    if (text2[i] === "\\" && i + 1 < text2.length) {
+      i += 1;
+      continue;
+    }
+    if (text2[i] === "`") {
+      if (text2.startsWith("```", i)) {
+        i += 2;
+        continue;
+      }
+      count += 1;
+    }
+  }
+  return count % 2 === 1 ? insertBeforeTrailingNewlines(text2, "`") : text2;
+}
+function closeSingleAsterisks(text2) {
+  let count = 0;
+  for (let i = 0; i < text2.length; i += 1) {
+    if (text2[i] === "\\" && i + 1 < text2.length) {
+      i += 1;
+      continue;
+    }
+    if (text2[i] === "*" && text2[i + 1] === "*") {
+      i += 1;
+      continue;
+    }
+    if (text2[i] === "*") {
+      count += 1;
+    }
+  }
+  return count % 2 === 1 ? insertBeforeTrailingNewlines(text2, "*") : text2;
+}
+function closeUnfinishedLink(text2) {
+  const open = text2.lastIndexOf("](");
+  if (open === -1) {
+    return text2;
+  }
+  const after = text2.slice(open + 2);
+  if (after.includes(")")) {
+    return text2;
+  }
+  if (after.includes("[")) {
+    return text2;
+  }
+  return insertBeforeTrailingNewlines(text2, ")");
+}
+
+// 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(text2, now) {
+      if (revealedChars === -1) {
+        revealedChars = text2.length > INITIAL_ANIMATED_LIMIT ? text2.length : 0;
+      }
+      if (text2.length <= revealedChars) {
+        revealedChars = Math.max(revealedChars, text2.length);
+        return;
+      }
+      batches.push({ start: revealedChars, end: text2.length, birth: now });
+      revealedChars = text2.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";
+
+// src/components/rehype-standalone-links.ts
+var STANDALONE_LINK_PROPERTY = "dataOgStandalone";
+var STANDALONE_LINK_ATTRIBUTE = "data-og-standalone";
+var CONTAINERS = /* @__PURE__ */ new Set(["p", "li"]);
+function isElement(node) {
+  return node.type === "element";
+}
+function isBlank2(node) {
+  return node.type === "text" && (node.value ?? "").trim() === "";
+}
+function standaloneLinkOf(container) {
+  const content = (container.children ?? []).filter((child) => !isBlank2(child));
+  const only = content.length === 1 ? content[0] : void 0;
+  return only && isElement(only) && only.tagName === "a" ? only : null;
+}
+function rehypeStandaloneLinks() {
+  return (tree) => {
+    walk2(tree);
+  };
+  function walk2(node) {
+    for (const child of node.children ?? []) {
+      if (!isElement(child)) continue;
+      if (CONTAINERS.has(child.tagName)) {
+        const link = standaloneLinkOf(child);
+        if (link) link.properties = { ...link.properties, [STANDALONE_LINK_PROPERTY]: "" };
+      }
+      walk2(child);
+    }
+  }
+}
+
+// src/components/markdown-math-loader.ts
+import { useEffect as useEffect3, useState as useState3 } from "react";
+var loaded = null;
+var loading = null;
+function loadMathPlugins() {
+  loading ??= import("./markdown-math-plugins-Q23LAE7Z.js").then(
+    (module) => loaded = module,
+    (error) => {
+      loading = null;
+      throw error;
+    }
+  );
+  return loading;
+}
+function useMathPlugins(needed) {
+  const [plugins, setPlugins] = useState3(loaded);
+  useEffect3(() => {
+    if (!needed || plugins) return;
+    if (loaded) {
+      setPlugins(loaded);
+      return;
+    }
+    let active = true;
+    loadMathPlugins().then(
+      (module) => {
+        if (active) setPlugins(module);
+      },
+      () => {
+      }
+    );
+    return () => {
+      active = false;
+    };
+  }, [needed, plugins]);
+  return needed ? plugins ?? loaded : null;
+}
+
+// src/components/markdown.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var InteractiveContext = createContext({ source: "" });
+var baseComponents = {
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx6(
+    "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__ */ jsx6("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx6(
+    "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__ */ jsx6(
+    "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__ */ jsx6("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx6("strong", { className: "font-semibold text-og-fg", ...props, children }),
+  em: ({ children, ...props }) => /* @__PURE__ */ jsx6("em", { className: "italic", ...props, children }),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx6(
+    "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__ */ jsx6(
+    "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__ */ jsx6(
+    "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__ */ jsx6(
+    "input",
+    {
+      ...props,
+      type: "checkbox",
+      disabled: true,
+      className: "mr-2 size-3.5 translate-y-[2px] cursor-default accent-og-accent align-baseline"
+    }
+  ) : /* @__PURE__ */ jsx6("input", { type, ...props }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx6(
+    "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__ */ jsx6("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__ */ jsx6(
+    "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__ */ jsx6(MarkdownTable, { ...props, children }),
+  thead: ({ children, ...props }) => /* @__PURE__ */ jsx6("thead", { ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx6(
+    "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__ */ jsx6(
+    "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 INLINE_MARKDOWN_LINK_CLASS = "font-medium og-link [overflow-wrap:anywhere]";
+var MarkdownLinkContext = createContext({});
+var UNAVAILABLE_LABEL = (t) => ({
+  file: t("markdown.thisFileNeedsAWorkspace"),
+  "editable-artifact": t("markdown.thisArtifactNeedsAWorkspace"),
+  site: t("markdown.thisSiteNeedsAWorkspace"),
+  session: t("markdown.thisChatNeedsAWorkspace")
+});
+function linkActionTitle(t, target) {
+  if (target.kind === "sandbox-file") {
+    return target.line !== null ? t("markdown.openPathAtLineLine", { path: target.path, line: target.line }) : t("markdown.openPath", { path: target.path });
+  }
+  if (target.kind === "session") return t("markdown.openChat");
+  return target.kind === "file" ? t("markdown.openFile") : target.kind === "site" ? t("markdown.openSite") : t("markdown.openArtifact");
+}
+function MarkdownSpan({
+  node: _node,
+  children,
+  ...props
+}) {
+  const raw = props["data-og-secret-ref"];
+  if (typeof raw === "string") return /* @__PURE__ */ jsx6(MarkdownSecretRef, { raw, children });
+  return /* @__PURE__ */ jsx6("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__ */ jsx6(Fragment2, { children });
+  return /* @__PURE__ */ jsx6(SecretRefChip, { reference: token.reference });
+}
+var markdownComponents = {
+  ...baseComponents,
+  span: MarkdownSpan,
+  p: ({ children, node, ...props }) => {
+    const containsBlock = node?.children.some(
+      (child) => child.type === "element" && (child.tagName === "img" && typeof child.properties.src === "string" && retainedImageId(child.properties.src) || child.tagName === "a" && child.properties[STANDALONE_LINK_PROPERTY] !== void 0)
+    );
+    const Tag = containsBlock ? "div" : "p";
+    return /* @__PURE__ */ jsx6(Tag, { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children });
+  },
+  a: ({ children, href, ...linkProps }) => {
+    const t = useOpenGeniText();
+    const { onSandboxFile, artifactHref, resolveLink, renderLink, inline } = useContext(MarkdownLinkContext);
+    const linkClass = inline ? INLINE_MARKDOWN_LINK_CLASS : MARKDOWN_LINK_CLASS;
+    const inherited = useOpenGeniLinkResolver();
+    const { [STANDALONE_LINK_ATTRIBUTE]: standaloneMarker, ...props } = linkProps;
+    const target = parseOpenGeniLink(href);
+    if (target) {
+      if (target.kind === "file" && target.workspaceId === null && artifactHref) {
+        const destination2 = defaultUrlTransform(artifactHref(target.fileId));
+        if (destination2) {
+          return /* @__PURE__ */ jsx6("a", { className: linkClass, 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) : "";
+      const navigate = resolution?.href ? resolution.open : void 0;
+      if (destination && navigate) {
+        return /* @__PURE__ */ jsx6(
+          "a",
+          {
+            className: MARKDOWN_LINK_CLASS,
+            href: destination,
+            onClick: (event) => {
+              if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
+                return;
+              event.preventDefault();
+              navigate();
+            },
+            children
+          }
+        );
+      }
+      if (destination) {
+        return /* @__PURE__ */ jsx6("a", { className: linkClass, href: destination, target: "_blank", rel: "noreferrer noopener", children });
+      }
+      if (resolution?.open) {
+        return /* @__PURE__ */ jsx6(
+          ActionMarkdownLink,
+          {
+            className: linkClass,
+            title: linkActionTitle(t, target),
+            onOpen: resolution.open,
+            children
+          }
+        );
+      }
+      if (target.kind === "sandbox-file") {
+        return /* @__PURE__ */ jsx6(
+          "span",
+          {
+            className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
+            "aria-disabled": "true",
+            title: t("markdown.thisSandboxFileRequiresA"),
+            children
+          }
+        );
+      }
+      if (target.kind === "session") {
+        return /* @__PURE__ */ jsx6("span", { title: UNAVAILABLE_LABEL(t).session, "data-og-link-unavailable": "session", children });
+      }
+      return /* @__PURE__ */ jsxs5("span", { title: UNAVAILABLE_LABEL(t)[target.kind], "data-og-link-unavailable": target.kind, children: [
+        children,
+        " ",
+        t("markdown.artifactUnavailable")
+      ] });
+    }
+    if (!isReservedOpenGeniLink(href) && href && renderLink) {
+      const drawn = renderLink({ href, children, standalone: standaloneMarker !== void 0 });
+      if (drawn !== void 0) return /* @__PURE__ */ jsx6(Fragment2, { children: drawn });
+    }
+    const safeHref = href ? defaultUrlTransform(href) : "";
+    if (isReservedOpenGeniLink(href) || !safeHref) {
+      return /* @__PURE__ */ jsxs5(
+        "span",
+        {
+          className: "break-words text-og-fg-subtle",
+          "aria-disabled": "true",
+          title: isSandboxHref(href) ? t("markdown.thisSandboxFileReferenceIs") : t("markdown.thisLinkIsUnavailable"),
+          children: [
+            children,
+            " ",
+            t("markdown.linkUnavailable")
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx6("a", { className: linkClass, target: "_blank", rel: "noreferrer noopener", href: safeHref, ...props, children });
+  }
+};
+function ActionMarkdownLink({
+  className,
+  title,
+  onOpen,
+  children
+}) {
+  const t = useOpenGeniText();
+  const [state, setState] = useState4("idle");
+  return /* @__PURE__ */ jsxs5(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        className,
+        "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" ? t("markdown.couldnTOpenThisFile") : 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 t = useOpenGeniText();
+  const { renderImage, suppressImages } = useContext(InteractiveContext);
+  if (suppressImages)
+    return /* @__PURE__ */ jsxs5("span", { "data-og-image-placeholder": "", children: [
+      alt || t("markdown.image"),
+      " ",
+      t("markdown.previewUnavailable")
+    ] });
+  if (!src) return /* @__PURE__ */ jsx6("span", { children: alt ?? t("markdown.imageUnavailable") });
+  if (retainedImageId(src))
+    return renderImage ? /* @__PURE__ */ jsx6(LazyPart, { children: renderImage({ src, alt: alt ?? "" }) }) : /* @__PURE__ */ jsxs5("span", { children: [
+      alt || t("markdown.image"),
+      " ",
+      t("markdown.previewUnavailable")
+    ] });
+  return /* @__PURE__ */ jsx6("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" || 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 fenceIsClosed(node, source) {
+  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();
+  return Boolean(
+    opening && lines.length > 1 && closing && closing.length >= opening[1].length && [...closing].every((c) => c === opening[1][0])
+  );
+}
+function InteractiveCodeBlock({ children, node }) {
+  const t = useOpenGeniText();
+  const { source, render, streaming } = useContext(InteractiveContext);
+  const language = fenceLanguage(children);
+  if (language === INTERACTIVE_ANSWER_FENCE) {
+    const body = nodeText(children).replace(/\n$/, "");
+    const tail = source.includes(INTERACTIVE_ANSWER_FENCE) ? trailingOpenFence(source) : null;
+    const open = tail !== null && tail.trimEnd() === body.trimEnd();
+    const state = !open ? "complete" : streaming ? "streaming" : "incomplete";
+    return /* @__PURE__ */ jsx6(
+      InteractiveAnswer,
+      {
+        source: body,
+        state,
+        renderSource: () => /* @__PURE__ */ jsx6(MarkdownCodeBlock, { children })
+      }
+    );
+  }
+  if (render && (language === "opengeni-html" || language === "opengeni-site")) {
+    if (!fenceIsClosed(node, source)) {
+      return /* @__PURE__ */ jsx6("div", { role: "status", "aria-live": "polite", "aria-busy": streaming === true, className: "my-3", children: streaming ? /* @__PURE__ */ jsx6(PreviewLoading, {}) : /* @__PURE__ */ jsx6(
+        ActivityDisclosure,
+        {
+          icon: /* @__PURE__ */ jsx6(PanelsTopLeftIcon, { "aria-hidden": true, className: "size-3.5" }),
+          title: t("markdown.previewIncomplete"),
+          running: false,
+          expandable: false,
+          preview: t("markdown.generationStoppedBeforeThePreview")
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsx6(LazyPart, { children: render({
+      kind: language === "opengeni-html" ? "html" : "site",
+      content: nodeText(children).replace(/\n$/, "")
+    }) });
+  }
+  return /* @__PURE__ */ jsx6(MarkdownCodeBlock, { children });
+}
+function MarkdownCodeBlock({ children }) {
+  const t = useOpenGeniText();
+  const code = nodeText(children).replace(/\n$/, "");
+  const language = fenceLanguage(children);
+  return /* @__PURE__ */ jsxs5("div", { className: "group/copy relative mt-3 first:mt-0 pointer-coarse:flex pointer-coarse:items-start pointer-coarse:rounded-og-md pointer-coarse:bg-og-surface-1/70", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1 pointer-coarse:static pointer-coarse:order-last pointer-coarse:shrink-0 pointer-coarse:py-0 pointer-coarse:pr-0.5", children: [
+      language ? /* @__PURE__ */ jsx6("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__ */ jsx6("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx6(CopyButton, { text: code, label: t("markdown.copyCode"), reveal: "group-hover" }) })
+    ] }),
+    /* @__PURE__ */ jsx6(
+      "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] pointer-coarse:min-w-0 pointer-coarse:flex-1 pointer-coarse:bg-transparent [&>code]:block [&>code]:border-0 [&>code]:bg-transparent [&>code]:p-0 [&>code]:leading-5 [&>code]:text-inherit",
+        children
+      }
+    )
+  ] });
+}
+function MarkdownTable({ children, className, ...props }) {
+  const t = useOpenGeniText();
+  const wrapperRef = useRef3(null);
+  const tableRef = useRef3(null);
+  const layoutRef = useRef3(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__ */ jsx6("div", { className: "pointer-events-none absolute top-0 right-0 z-10 pointer-coarse:top-auto pointer-coarse:bottom-0", children: /* @__PURE__ */ jsx6("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx6(
+            CopyButton,
+            {
+              text: () => tableElementToTsv(tableRef.current),
+              label: t("markdown.copyTable"),
+              reveal: "group-hover"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx6("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx6(
+            "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,
+  renderLink,
+  suppressImages
+}) {
+  const revealRef = useRef3(null);
+  const bodyRef = useRef3(null);
+  const [, bump] = useReducer((n) => n + 1, 0);
+  const [settling, setSettling] = useState4(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 secretsUi = useSecretsUi();
+  const inheritedRenderer = useOpenGeniLinkRenderer();
+  const linkRenderer = useMemo2(
+    () => chainLinkRenderers(renderLink, inheritedRenderer) ?? void 0,
+    [renderLink, inheritedRenderer]
+  );
+  const secretRefs = secretsUi && mayContainSecretReference(children) ? [[rehypeSecretRefs, { tokenize: secretsUi.tokenize }]] : [];
+  const rehypePluginList = [
+    ...linkRenderer ? [rehypeStandaloneLinks] : [],
+    ...secretRefs,
+    ...revealActive && reveal !== null ? [[rehypeStreamReveal, { reveal, now }]] : []
+  ];
+  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 = useRef3(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 math = useMemo2(() => prepareMathMarkdown(parseText), [parseText]);
+  const mathPlugins = useMathPlugins(math.hasMath);
+  if (mathPlugins) {
+    rehypePluginList.push(mathPlugins.rehypeKatexPlugin);
+  }
+  const rehypePlugins = rehypePluginList.length > 0 ? rehypePluginList : void 0;
+  const baseRemarkPlugins = softLineBreaks ? SOFT_LINE_BREAK_REMARK_PLUGINS : REMARK_PLUGINS;
+  const remarkPlugins = mathPlugins ? [...baseRemarkPlugins, mathPlugins.remarkMathPlugin] : baseRemarkPlugins;
+  const linkContext = useMemo2(
+    () => ({ onSandboxFile, artifactHref, resolveLink, renderLink: linkRenderer }),
+    [onSandboxFile, artifactHref, resolveLink, linkRenderer]
+  );
+  const interactiveContext = useMemo2(
+    () => ({
+      source: children,
+      streaming,
+      ...renderInteractiveBlock ? { render: renderInteractiveBlock } : {},
+      ...renderImage ? { renderImage } : {},
+      ...suppressImages ? { suppressImages } : {}
+    }),
+    [children, streaming, renderInteractiveBlock, renderImage, suppressImages]
+  );
+  return /* @__PURE__ */ jsx6(MarkdownLinkContext.Provider, { value: linkContext, children: /* @__PURE__ */ jsx6(InteractiveContext.Provider, { value: interactiveContext, children: /* @__PURE__ */ jsx6(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx6(
+    "div",
+    {
+      ref: bodyRef,
+      className: cn(
+        "og-markdown-body min-w-0 break-words",
+        settling && "og-markdown-settle",
+        className
+      ),
+      children: /* @__PURE__ */ jsx6(
+        ReactMarkdown,
+        {
+          remarkPlugins,
+          rehypePlugins,
+          components: markdownComponents,
+          urlTransform: markdownUrlTransform,
+          children: mathPlugins ? math.text : parseText
+        }
+      )
+    }
+  ) }) }) });
+}
+var INLINE_MARKDOWN_ELEMENTS = ["a", "br", "code", "del", "em", "span", "strong"];
+var inlineMarkdownComponents = {
+  a: markdownComponents.a,
+  // Code follows the surrounding text size (help text and options are smaller).
+  code: ({ children, className: _className, node: _node, ...props }) => /* @__PURE__ */ jsx6(
+    "code",
+    {
+      className: "rounded-og-xs bg-og-surface-2 px-1 py-0.5 font-og-mono text-[0.9em] text-og-fg",
+      ...props,
+      children
+    }
+  ),
+  em: baseComponents.em,
+  span: MarkdownSpan,
+  strong: baseComponents.strong
+};
+var INLINE_FLOW_BREAK = [[rehypeInlineFlow, { separator: "break" }]];
+var INLINE_FLOW_SPACE = [[rehypeInlineFlow, { separator: "space" }]];
+var InlineMarkdown = memo2(function InlineMarkdown2({
+  children,
+  singleLine = false
+}) {
+  const secretsUi = useSecretsUi();
+  const renderLink = useOpenGeniLinkRenderer() ?? void 0;
+  const linkContext = useMemo2(() => ({ renderLink, inline: true }), [renderLink]);
+  const rehypePlugins = [
+    ...singleLine ? INLINE_FLOW_SPACE : INLINE_FLOW_BREAK,
+    ...secretsUi && mayContainSecretReference(children) ? [[rehypeSecretRefs, { tokenize: secretsUi.tokenize }]] : []
+  ];
+  return /* @__PURE__ */ jsx6(MarkdownLinkContext.Provider, { value: linkContext, children: /* @__PURE__ */ jsx6(
+    ReactMarkdown,
+    {
+      remarkPlugins: singleLine ? REMARK_PLUGINS : SOFT_LINE_BREAK_REMARK_PLUGINS,
+      rehypePlugins,
+      components: inlineMarkdownComponents,
+      urlTransform: markdownUrlTransform,
+      allowedElements: INLINE_MARKDOWN_ELEMENTS,
+      unwrapDisallowed: true,
+      children
+    }
+  ) });
+});
+var Markdown = memo2(function SearchableMarkdown(props) {
+  const t = useOpenGeniText();
+  const [retained, setRetained] = useState4(
+    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__ */ jsx6(MarkdownImpl, { ...props });
+  const offset = searchMatchOffset(props.children, target);
+  if (offset < 0)
+    return props.searchTarget ? /* @__PURE__ */ jsx6("div", { role: "status", children: t("markdown.thisMatchIsNoLonger") }) : /* @__PURE__ */ jsx6(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: [
+      t("markdown.matchInMessageSourceExcerpt"),
+      /* @__PURE__ */ jsx6(
+        "button",
+        {
+          type: "button",
+          disabled: !!props.searchTarget,
+          title: props.searchTarget ? t("markdown.closeFindToShowThe") : 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: t("markdown.showFormattedMessage")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: [
+      start > 0 ? "\u2026" : "",
+      props.children.slice(start, offset),
+      /* @__PURE__ */ jsx6(
+        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 {
+  MOTION_INSPECT_SCALE,
+  CopyButton,
+  CopyHoverFrame,
+  decisionCardClass,
+  decisionCardPad,
+  DecisionMark,
+  DecisionActions,
+  decisionButtonClass,
+  DecisionButton,
+  InteractiveAnswer,
+  LazyPart,
+  sandboxFileLocationFromHref,
+  sandboxFilePathFromHref,
+  retainedImageId,
+  InlineMarkdown,
+  Markdown
+};
+//# sourceMappingURL=chunk-JEA3QDX7.js.map