@opengeni/react 3.8.0-canary.1 → 4.0.1-canary.1

package/dist/chunk-YAIPFO5D.js

@@ -1,1416 +0,0 @@
-import {
-  copyTextToClipboard,
-  tableElementToTsv
-} from "./chunk-JVYQRRC4.js";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./chunk-HQV2I5HV.js";
-import {
-  cn
-} from "./chunk-22KP6LR5.js";
-
-// src/components/human-input-form.tsx
-import { ChevronDownIcon, ChevronUpIcon, MessageCircleQuestionIcon } from "lucide-react";
-import { useEffect, useId, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var defaultHumanInputFormMessages = {
-  title: "Input required",
-  /** Multi-question chrome has no default subtitle; hosts may still override. */
-  description: "",
-  submit: "Send answers",
-  skip: "Skip",
-  submitting: "Submitting\u2026",
-  other: "Other",
-  deadlineLabel: "Expires",
-  formatDeadline,
-  required: "This question is required.",
-  otherRequired: "Enter a value for Other.",
-  minSelections: (count) => `Choose at least ${count} option${count === 1 ? "" : "s"}.`,
-  maxSelections: (count) => `Choose no more than ${count} option${count === 1 ? "" : "s"}.`,
-  optional: "Optional",
-  moreBelow: "More below",
-  questionCount: (count) => `${count} questions`,
-  collapse: "Collapse",
-  expand: "Expand",
-  selectionHint: (min, max) => {
-    if (min != null && max != null) return `Choose ${min}\u2013${max}.`;
-    if (min != null) return `Choose at least ${min}.`;
-    if (max != null) return `Choose up to ${max}.`;
-    return null;
-  }
-};
-function HumanInputForm(props) {
-  return /* @__PURE__ */ jsx(HumanInputRequestForm, { ...props }, props.request.id);
-}
-function HumanInputRequestForm({
-  request,
-  onSubmit,
-  submitting = false,
-  error,
-  title,
-  description,
-  progressLabel,
-  submitLabel,
-  skipLabel,
-  messages: messageOverrides,
-  autoFocus = true,
-  defaultCollapsed = false,
-  className
-}) {
-  const messages = { ...defaultHumanInputFormMessages, ...messageOverrides };
-  const singleQuestion = request.questions.length === 1 ? request.questions[0] : null;
-  const resolvedTitle = title === void 0 ? singleQuestion ? singleQuestion.label ?? singleQuestion.prompt : messages.title : title;
-  const resolvedDescription = description === void 0 ? singleQuestion ? singleQuestion.label ? singleQuestion.prompt : singleQuestion.helpText ?? null : messages.description || null : description;
-  const resolvedSubmitLabel = submitLabel ?? messages.submit;
-  const resolvedSkipLabel = skipLabel ?? messages.skip;
-  const formId = useId();
-  const titleId = useId();
-  const scrollRef = useRef(null);
-  const [drafts, setDrafts] = useState(
-    () => initialDrafts(request.questions)
-  );
-  const [validationErrors, setValidationErrors] = useState({});
-  const [submissionError, setSubmissionError] = useState(null);
-  const [submittingInternally, setSubmittingInternally] = useState(false);
-  const [overflowBelow, setOverflowBelow] = useState(false);
-  const [collapsed, setCollapsed] = useState(defaultCollapsed);
-  const submissionInFlight = useRef(false);
-  const submissionGeneration = useRef(0);
-  const busy = submitting || submittingInternally;
-  useEffect(() => {
-    if (collapsed) {
-      setOverflowBelow(false);
-      return;
-    }
-    const node = scrollRef.current;
-    if (!node) return;
-    const sync = () => {
-      const { scrollTop, scrollHeight, clientHeight } = node;
-      setOverflowBelow(
-        scrollHeight > clientHeight + 2 && scrollTop + clientHeight < scrollHeight - 4
-      );
-    };
-    const frame = requestAnimationFrame(sync);
-    node.addEventListener("scroll", sync, { passive: true });
-    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(sync) : null;
-    observer?.observe(node);
-    const content = node.firstElementChild;
-    if (content) observer?.observe(content);
-    return () => {
-      cancelAnimationFrame(frame);
-      node.removeEventListener("scroll", sync);
-      observer?.disconnect();
-    };
-  }, [request.id, request.questions, collapsed]);
-  const update = (questionId, apply) => {
-    setDrafts((current) => ({
-      ...current,
-      [questionId]: apply(current[questionId] ?? emptyDraft())
-    }));
-    setValidationErrors((current) => {
-      if (!(questionId in current)) return current;
-      const next = { ...current };
-      delete next[questionId];
-      return next;
-    });
-  };
-  const submitResponse = async (response) => {
-    if (busy || submissionInFlight.current) return;
-    const generation = submissionGeneration.current;
-    submissionInFlight.current = true;
-    setSubmissionError(null);
-    setSubmittingInternally(true);
-    try {
-      await onSubmit(response);
-    } catch (cause) {
-      if (generation === submissionGeneration.current) {
-        setSubmissionError(cause instanceof Error ? cause.message : String(cause));
-      }
-    } finally {
-      if (generation === submissionGeneration.current) {
-        submissionInFlight.current = false;
-        setSubmittingInternally(false);
-      }
-    }
-  };
-  const focusQuestion = (questionId) => {
-    const root = scrollRef.current;
-    if (!root) return;
-    const block = Array.from(
-      root.querySelectorAll("[data-human-input-question]")
-    ).find((node) => node.getAttribute("data-human-input-question") === questionId);
-    block?.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    const focusable = block?.querySelector(
-      "input:not([type='hidden']):not([disabled]), textarea:not([disabled])"
-    );
-    focusable?.focus({ preventScroll: true });
-  };
-  const submit = async (event) => {
-    event.preventDefault();
-    const result = answersFromDrafts(request.questions, drafts, messages);
-    if (Object.keys(result.errors).length > 0) {
-      setValidationErrors(result.errors);
-      const firstInvalid = request.questions.find((question) => question.id in result.errors);
-      if (firstInvalid) {
-        requestAnimationFrame(() => focusQuestion(firstInvalid.id));
-      }
-      return;
-    }
-    await submitResponse({ outcome: "answered", answers: result.answers });
-  };
-  const metaBits = [
-    progressLabel,
-    !singleQuestion ? messages.questionCount(request.questions.length) : null,
-    request.expiresAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      messages.deadlineLabel,
-      " ",
-      /* @__PURE__ */ jsx("time", { dateTime: request.expiresAt, title: new Date(request.expiresAt).toLocaleString(), children: messages.formatDeadline(request.expiresAt) })
-    ] }) : null
-  ].filter(Boolean);
-  if (collapsed) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-human-input-request": request.id,
-        "data-human-input-collapsed": "",
-        "aria-labelledby": titleId,
-        className: cn(
-          "og-root flex w-full items-center gap-3 rounded-og-lg border border-og-status-waiting/35 bg-og-status-waiting/5 px-3 py-2.5 shadow-og-sm",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/12 text-og-status-waiting", children: /* @__PURE__ */ jsx(MessageCircleQuestionIcon, { "aria-hidden": "true", className: "size-4" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("h2", { id: titleId, className: "truncate text-og-sm font-semibold text-og-fg", children: resolvedTitle }),
-            metaBits.length > 0 ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-og-xs text-og-fg-subtle", children: metaBits.join(" \xB7 ") }) : null
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => setCollapsed(false),
-              className: "inline-flex min-h-8 shrink-0 items-center gap-1 rounded-og-md border border-og-border px-2.5 py-1 text-og-xs font-medium text-og-fg-muted transition-colors hover:bg-og-surface-1 hover:text-og-fg",
-              children: [
-                messages.expand,
-                /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true", className: "size-3.5" })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "form",
-    {
-      "data-human-input-request": request.id,
-      onSubmit: (event) => void submit(event),
-      "aria-labelledby": titleId,
-      className: cn(
-        // Multi-question: pin height at the cap so the flex body gets a real
-        // box and overflow-y engages. max-height alone + percentage/`h-full`
-        // children often sizes to content and clips with no scroll.
-        "og-root flex min-h-0 w-full flex-col overflow-hidden rounded-og-lg border border-og-status-waiting/35 bg-og-status-waiting/5 shadow-og-sm",
-        singleQuestion ? "max-h-[min(28rem,50dvh)]" : "h-[min(28rem,50dvh)] max-h-[min(28rem,50dvh)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("header", { className: "shrink-0 border-b border-og-status-waiting/20 px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx("span", { className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/12 text-og-status-waiting", children: /* @__PURE__ */ jsx(MessageCircleQuestionIcon, { "aria-hidden": "true", className: "size-4" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
-              /* @__PURE__ */ jsxs("h2", { id: titleId, className: "text-og-md font-semibold text-og-fg", children: [
-                resolvedTitle,
-                singleQuestion?.required && !request.allowSkip ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "ml-1 text-og-status-failed", children: "*" }) : null
-              ] }),
-              progressLabel ? /* @__PURE__ */ jsx("span", { className: "text-og-xs font-medium text-og-status-waiting", children: progressLabel }) : null,
-              !singleQuestion ? /* @__PURE__ */ jsx("span", { className: "text-og-xs font-medium text-og-fg-subtle", children: messages.questionCount(request.questions.length) }) : null
-            ] }),
-            resolvedDescription ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-og-sm text-og-fg-muted", children: resolvedDescription }) : null,
-            request.expiresAt ? /* @__PURE__ */ jsxs("p", { className: "mt-1 text-og-xs text-og-fg-subtle", children: [
-              messages.deadlineLabel,
-              " ",
-              /* @__PURE__ */ jsx(
-                "time",
-                {
-                  dateTime: request.expiresAt,
-                  title: new Date(request.expiresAt).toLocaleString(),
-                  children: messages.formatDeadline(request.expiresAt)
-                }
-              )
-            ] }) : null,
-            request.allowSkip && singleQuestion ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-og-xs text-og-fg-subtle", children: "Or skip and let the agent decide." }) : null
-          ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => setCollapsed(true),
-              "aria-label": messages.collapse,
-              title: messages.collapse,
-              className: "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md text-og-fg-muted transition-colors hover:bg-og-surface-1 hover:text-og-fg",
-              children: /* @__PURE__ */ jsx(ChevronUpIcon, { "aria-hidden": "true", className: "size-4" })
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: scrollRef,
-              className: "min-h-0 flex-1 overflow-y-auto overscroll-contain [scrollbar-gutter:stable]",
-              children: /* @__PURE__ */ jsx("fieldset", { disabled: busy, className: "min-w-0 space-y-4 px-4 py-3", children: request.questions.map((question, index) => {
-                if (singleQuestion) {
-                  return /* @__PURE__ */ jsx("div", { "data-human-input-question": question.id, children: /* @__PURE__ */ jsx(
-                    QuestionControls,
-                    {
-                      question,
-                      questionNumber: null,
-                      labelledBy: titleId,
-                      draft: drafts[question.id] ?? emptyDraft(),
-                      fieldId: `${formId}-${index}`,
-                      error: validationErrors[question.id],
-                      messages,
-                      autoFocus,
-                      firstOption: true,
-                      showPromptChrome: false,
-                      allowSkip: request.allowSkip,
-                      busy,
-                      onUpdate: (apply) => update(question.id, apply)
-                    }
-                  ) }, question.id);
-                }
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    "data-human-input-question": question.id,
-                    className: "flex flex-col gap-1.5",
-                    children: /* @__PURE__ */ jsx(
-                      QuestionControls,
-                      {
-                        question,
-                        questionNumber: index + 1,
-                        labelledBy: void 0,
-                        draft: drafts[question.id] ?? emptyDraft(),
-                        fieldId: `${formId}-${index}`,
-                        error: validationErrors[question.id],
-                        messages,
-                        autoFocus: autoFocus && index === 0,
-                        firstOption: index === 0,
-                        showPromptChrome: true,
-                        allowSkip: request.allowSkip,
-                        busy,
-                        onUpdate: (apply) => update(question.id, apply)
-                      }
-                    )
-                  },
-                  question.id
-                );
-              }) })
-            }
-          ),
-          overflowBelow ? /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "pointer-events-none absolute inset-x-0 bottom-0 z-[1] flex flex-col items-center",
-              "aria-hidden": "true",
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "h-10 w-full bg-gradient-to-t from-og-surface-1 via-og-surface-1/85 to-transparent" }),
-                /* @__PURE__ */ jsx("span", { className: "-mt-5 mb-1 rounded-og-full bg-og-surface-1 px-2.5 py-0.5 text-og-xs font-medium text-og-fg-muted shadow-og-sm ring-1 ring-og-border/60", children: messages.moreBelow })
-              ]
-            }
-          ) : null
-        ] }),
-        error ?? submissionError ? /* @__PURE__ */ jsx(
-          "p",
-          {
-            role: "alert",
-            className: "relative z-10 shrink-0 px-4 pb-1 text-og-sm text-og-status-failed",
-            children: error ?? submissionError
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs("footer", { className: "relative z-10 flex shrink-0 items-center justify-end gap-2 border-t border-og-status-waiting/20 bg-og-surface-1/95 px-4 py-3 backdrop-blur-[2px]", children: [
-          request.allowSkip ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              disabled: busy,
-              onClick: () => void submitResponse({ outcome: "skipped" }),
-              className: "inline-flex min-h-9 items-center rounded-og-md border border-og-border px-3 py-1.5 text-og-sm font-medium text-og-fg-muted transition-colors hover:bg-og-surface-1 hover:text-og-fg disabled:opacity-50",
-              children: resolvedSkipLabel
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "submit",
-              disabled: busy,
-              className: "inline-flex min-h-9 items-center rounded-og-md bg-og-accent-deep px-3 py-1.5 text-og-sm font-medium text-og-accent-fg transition hover:brightness-110 disabled:opacity-50",
-              children: busy ? messages.submitting : resolvedSubmitLabel
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function QuestionControls({
-  question,
-  questionNumber,
-  labelledBy,
-  draft,
-  fieldId,
-  error,
-  messages,
-  autoFocus,
-  firstOption,
-  showPromptChrome,
-  allowSkip,
-  busy,
-  onUpdate
-}) {
-  const errorId = `${fieldId}-error`;
-  const helpId = `${fieldId}-help`;
-  const labelId = `${fieldId}-label`;
-  const promptId = `${fieldId}-prompt`;
-  const otherChoiceId = `${fieldId}-other-choice`;
-  const otherLabelId = `${fieldId}-other-label`;
-  const otherTextId = `${fieldId}-other-text`;
-  const visibleLabel = question.label ?? question.prompt;
-  const controlLabelId = showPromptChrome ? labelId : labelledBy;
-  const hint = question.kind === "multi_select" ? messages.selectionHint(
-    question.validation?.minSelections,
-    question.validation?.maxSelections
-  ) : null;
-  const describedBy = [
-    question.label && showPromptChrome ? promptId : null,
-    question.helpText && showPromptChrome ? helpId : null,
-    hint ? `${fieldId}-hint` : null,
-    error ? errorId : null
-  ].filter(Boolean).join(" ") || void 0;
-  const selectOtherDraft = (current) => ({
-    ...current,
-    otherSelected: true,
-    ...question.kind === "single_select" ? { values: [] } : {}
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showPromptChrome ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-baseline gap-x-2", children: /* @__PURE__ */ jsxs(
-        "label",
-        {
-          id: labelId,
-          htmlFor: question.kind === "text" ? fieldId : void 0,
-          className: "text-og-sm font-medium text-og-fg",
-          children: [
-            questionNumber === null ? null : /* @__PURE__ */ jsxs("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
-              questionNumber,
-              "."
-            ] }),
-            questionNumber === null ? null : " ",
-            visibleLabel,
-            question.required && !allowSkip ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "ml-1 text-og-status-failed", children: "*" }) : !question.required ? /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-og-xs font-normal text-og-fg-subtle", children: messages.optional }) : null
-          ]
-        }
-      ) }),
-      question.label ? /* @__PURE__ */ jsx("p", { id: promptId, className: "text-og-sm text-og-fg-muted", children: question.prompt }) : null,
-      question.helpText ? /* @__PURE__ */ jsx("p", { id: helpId, className: "text-og-xs text-og-fg-subtle", children: question.helpText }) : null,
-      hint ? /* @__PURE__ */ jsx("p", { id: `${fieldId}-hint`, className: "text-og-xs text-og-fg-subtle", children: hint }) : null
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      !question.required && allowSkip === false ? /* @__PURE__ */ jsx("p", { className: "text-og-xs text-og-fg-subtle", children: messages.optional }) : null,
-      question.helpText && question.label ? /* @__PURE__ */ jsx("p", { id: helpId, className: "mb-1.5 text-og-xs text-og-fg-subtle", children: question.helpText }) : null,
-      hint ? /* @__PURE__ */ jsx("p", { id: `${fieldId}-hint`, className: "mb-1.5 text-og-xs text-og-fg-subtle", children: hint }) : null
-    ] }),
-    question.kind === "text" ? /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        id: fieldId,
-        value: draft.values[0] ?? "",
-        onChange: (event) => onUpdate((current) => ({
-          ...current,
-          values: event.target.value ? [event.target.value] : []
-        })),
-        "aria-invalid": Boolean(error),
-        "aria-labelledby": controlLabelId,
-        "aria-describedby": describedBy,
-        autoFocus,
-        rows: 2,
-        className: "min-h-14 w-full resize-y rounded-og-md border border-og-border bg-og-surface-1 px-3 py-2 text-og-sm text-og-fg outline-hidden placeholder:text-og-fg-subtle focus:border-og-accent"
-      }
-    ) : /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: question.kind === "single_select" ? "radiogroup" : "group",
-        "aria-labelledby": controlLabelId,
-        "aria-describedby": describedBy,
-        className: "flex flex-col gap-0.5",
-        children: [
-          question.options.map((option, optionIndex) => {
-            const checked = draft.values.includes(option.id);
-            return /* @__PURE__ */ jsxs(
-              "label",
-              {
-                className: cn(
-                  "flex cursor-pointer items-start gap-2.5 rounded-og-md px-2.5 py-2 transition-colors",
-                  checked ? "bg-og-status-waiting/12 text-og-fg" : "text-og-fg hover:bg-og-surface-1/80"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: question.kind === "single_select" ? "radio" : "checkbox",
-                      name: question.kind === "single_select" ? fieldId : void 0,
-                      autoFocus: autoFocus && firstOption && optionIndex === 0,
-                      checked,
-                      onChange: (event) => onUpdate((current) => ({
-                        ...current,
-                        values: question.kind === "single_select" ? event.target.checked ? [option.id] : [] : event.target.checked ? [...current.values, option.id] : current.values.filter((value) => value !== option.id),
-                        ...question.kind === "single_select" && event.target.checked ? { otherSelected: false } : {}
-                      })),
-                      className: "mt-0.5 accent-og-accent"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-                    /* @__PURE__ */ jsx("span", { className: "block text-og-sm font-medium", children: option.label }),
-                    option.description ? /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-og-xs text-og-fg-muted", children: option.description }) : null
-                  ] })
-                ]
-              },
-              option.id
-            );
-          }),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "flex items-start gap-2.5 rounded-og-md px-2.5 py-2 transition-colors",
-                draft.otherSelected ? "bg-og-status-waiting/12 text-og-fg" : "text-og-fg hover:bg-og-surface-1/80"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    id: otherChoiceId,
-                    type: question.kind === "single_select" ? "radio" : "checkbox",
-                    name: question.kind === "single_select" ? fieldId : void 0,
-                    "aria-labelledby": otherLabelId,
-                    checked: draft.otherSelected,
-                    autoFocus: autoFocus && firstOption && question.options.length === 0,
-                    onChange: (event) => onUpdate((current) => ({
-                      ...current,
-                      otherSelected: event.target.checked,
-                      ...question.kind === "single_select" && event.target.checked ? { values: [] } : {}
-                    })),
-                    className: "mt-2 accent-og-accent"
-                  }
-                ),
-                /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx(
-                    "label",
-                    {
-                      id: otherLabelId,
-                      htmlFor: otherChoiceId,
-                      className: "block text-og-sm font-medium",
-                      children: messages.other
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("label", { htmlFor: otherTextId, className: "sr-only", children: [
-                    messages.other,
-                    " answer for ",
-                    visibleLabel
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      id: otherTextId,
-                      type: "text",
-                      value: draft.other,
-                      disabled: busy,
-                      placeholder: "Type a value\u2026",
-                      onClick: () => onUpdate(selectOtherDraft),
-                      onFocus: () => onUpdate(selectOtherDraft),
-                      onChange: (event) => {
-                        const other = event.target.value;
-                        onUpdate((current) => ({
-                          ...selectOtherDraft(current),
-                          other
-                        }));
-                      },
-                      className: "mt-1.5 w-full rounded-og-sm border border-og-border bg-og-surface-1 px-2 py-1.5 text-og-sm text-og-fg outline-hidden focus:border-og-accent disabled:opacity-50"
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    error ? /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "text-og-xs text-og-status-failed", children: error }) : null
-  ] });
-}
-function answersFromDrafts(questions, drafts, messageOverrides = {}) {
-  const messages = { ...defaultHumanInputFormMessages, ...messageOverrides };
-  const answers = [];
-  const errors = {};
-  for (const question of questions) {
-    const draft = drafts[question.id] ?? emptyDraft();
-    const values = question.kind === "text" ? draft.values.filter(Boolean) : draft.values;
-    const other = draft.otherSelected ? draft.other : "";
-    const hasOther = Boolean(other.trim());
-    const supplied = values.length + (hasOther ? 1 : 0);
-    if (question.kind !== "text" && draft.otherSelected && !hasOther) {
-      errors[question.id] = messages.otherRequired;
-      continue;
-    }
-    if (question.required && supplied === 0) {
-      errors[question.id] = messages.required;
-      continue;
-    }
-    if (question.kind !== "text") {
-      const min = question.validation?.minSelections;
-      const max = question.kind === "single_select" ? 1 : question.validation?.maxSelections;
-      if (min != null && supplied < min) {
-        errors[question.id] = messages.minSelections(min);
-        continue;
-      }
-      if (max != null && supplied > max) {
-        errors[question.id] = messages.maxSelections(max);
-        continue;
-      }
-    }
-    if (supplied > 0) {
-      answers.push({
-        questionId: question.id,
-        values,
-        ...hasOther ? { other } : {}
-      });
-    }
-  }
-  return { answers, errors };
-}
-function initialDrafts(questions) {
-  return Object.fromEntries(questions.map((question) => [question.id, emptyDraft()]));
-}
-function emptyDraft() {
-  return { values: [], other: "", otherSelected: false };
-}
-function formatDeadline(value) {
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return value;
-  const ms = date.getTime() - Date.now();
-  if (ms <= 0) return "deadline passed";
-  const minutes = Math.round(ms / 6e4);
-  if (minutes < 1) return "in under a minute";
-  if (minutes < 60) return `in ${minutes}m`;
-  const hours = Math.round(minutes / 60);
-  if (hours < 48) return `in ${hours}h`;
-  return date.toLocaleString();
-}
-
-// src/components/copy-button.tsx
-import { CheckIcon, CopyIcon } from "lucide-react";
-import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var COPIED_MS = 1600;
-function CopyButton({
-  text,
-  label = "Copy",
-  className,
-  reveal = "group-hover"
-}) {
-  const [copied, setCopied] = useState2(false);
-  const [tipOpen, setTipOpen] = useState2(false);
-  const timerRef = useRef2(null);
-  useEffect2(() => {
-    return () => {
-      if (timerRef.current !== null) {
-        clearTimeout(timerRef.current);
-      }
-    };
-  }, []);
-  const onClick = async (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    const button = event.currentTarget;
-    const pointerActivated = event.detail > 0;
-    const value = typeof text === "function" ? text() : text;
-    const ok = await copyTextToClipboard(value);
-    if (!ok) {
-      return;
-    }
-    setCopied(true);
-    setTipOpen(true);
-    if (timerRef.current !== null) {
-      clearTimeout(timerRef.current);
-    }
-    timerRef.current = setTimeout(() => {
-      timerRef.current = null;
-      setCopied(false);
-      setTipOpen(false);
-    }, COPIED_MS);
-    if (pointerActivated) {
-      button.blur();
-    }
-  };
-  const tip = copied ? "Copied" : label;
-  return /* @__PURE__ */ jsxs2(
-    Tooltip,
-    {
-      open: copied ? true : tipOpen,
-      onOpenChange: (next) => {
-        if (!copied) {
-          setTipOpen(next);
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx2(
-          "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__ */ jsx2(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx2(CopyIcon, { className: "size-3.5", "aria-hidden": true })
-          }
-        ) }),
-        /* @__PURE__ */ jsx2(TooltipContent, { side: "top", children: tip })
-      ]
-    }
-  );
-}
-function CopyHoverFrame({
-  children,
-  className,
-  copyText,
-  label,
-  align = "end",
-  trailing
-}) {
-  if (copyText.trim().length === 0) {
-    return /* @__PURE__ */ jsx2("div", { className, children });
-  }
-  return /* @__PURE__ */ jsxs2("div", { className: cn("group/copy", className), children: [
-    children,
-    /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        "data-og-annotation-chrome": "",
-        className: cn(
-          "mt-1 flex h-7 items-center gap-1.5",
-          align === "end" ? "justify-end" : "justify-start"
-        ),
-        children: [
-          /* @__PURE__ */ jsx2(CopyButton, { text: copyText, label, reveal: "group-hover" }),
-          trailing
-        ]
-      }
-    )
-  ] });
-}
-
-// src/components/markdown.tsx
-import {
-  Children,
-  isValidElement,
-  memo,
-  useEffect as useEffect3,
-  useMemo,
-  useReducer,
-  useRef as useRef3,
-  useState as useState3
-} from "react";
-import ReactMarkdown, {
-  defaultUrlTransform
-} from "react-markdown";
-import remarkGfm from "remark-gfm";
-
-// src/lib/motion.ts
-import { flushSync } from "react-dom";
-var query;
-function prefersReducedMotion() {
-  if (query === void 0) {
-    query = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
-  }
-  return query?.matches ?? false;
-}
-
-// src/lib/motion-inspect.ts
-var MOTION_INSPECT_SCALE = 1;
-
-// src/components/soften-streaming-markdown.ts
-function softenStreamingMarkdown(source) {
-  if (source.length === 0) {
-    return source;
-  }
-  let text = source;
-  if (countFences(text) % 2 === 1) {
-    text += text.endsWith("\n") ? "```" : "\n```";
-  }
-  const segments = splitByFences(text);
-  for (const segment of segments) {
-    if (segment.kind === "fence") {
-      continue;
-    }
-    segment.value = closeInlineMarkers(segment.value);
-  }
-  let result = segments.map((segment) => segment.value).join("");
-  if (text.endsWith("\n") && !result.endsWith("\n")) {
-    result += "\n";
-  }
-  return result;
-}
-function countFences(text) {
-  let count = 0;
-  for (const line of text.split("\n")) {
-    if (/^ {0,3}```/.test(line)) {
-      count += 1;
-    }
-  }
-  return count;
-}
-function splitByFences(text) {
-  const segments = [];
-  const lines = text.split("\n");
-  let buf = [];
-  let inFence = false;
-  const flush = (kind, mode) => {
-    if (buf.length === 0) {
-      return;
-    }
-    let value = buf.join("\n");
-    if (mode === "boundary") {
-      value += "\n";
-    }
-    segments.push({ kind, value });
-    buf = [];
-  };
-  for (const line of lines) {
-    const isFence = /^ {0,3}```/.test(line);
-    if (isFence) {
-      if (inFence) {
-        buf.push(line);
-        flush("fence", "end");
-        inFence = false;
-      } else {
-        flush("prose", "boundary");
-        buf.push(line);
-        inFence = true;
-      }
-      continue;
-    }
-    buf.push(line);
-  }
-  flush(inFence ? "fence" : "prose", "end");
-  return segments;
-}
-function closeInlineMarkers(prose) {
-  let text = prose;
-  text = closeDelimiter(text, "~~");
-  text = closeDelimiter(text, "**");
-  text = closeDelimiter(text, "__");
-  text = closeSingleBackticks(text);
-  text = closeSingleAsterisks(text);
-  text = closeUnfinishedLink(text);
-  return text;
-}
-function closeDelimiter(text, delimiter) {
-  let count = 0;
-  let i = 0;
-  while (i < text.length) {
-    if (text[i] === "\\" && i + 1 < text.length) {
-      i += 2;
-      continue;
-    }
-    if (text.startsWith(delimiter, i)) {
-      count += 1;
-      i += delimiter.length;
-      continue;
-    }
-    i += 1;
-  }
-  return count % 2 === 1 ? insertBeforeTrailingNewlines(text, delimiter) : text;
-}
-function insertBeforeTrailingNewlines(text, suffix) {
-  let end = text.length;
-  while (end > 0 && text[end - 1] === "\n") {
-    end -= 1;
-  }
-  return text.slice(0, end) + suffix + text.slice(end);
-}
-function closeSingleBackticks(text) {
-  let count = 0;
-  for (let i = 0; i < text.length; i += 1) {
-    if (text[i] === "\\" && i + 1 < text.length) {
-      i += 1;
-      continue;
-    }
-    if (text[i] === "`") {
-      if (text.startsWith("```", i)) {
-        i += 2;
-        continue;
-      }
-      count += 1;
-    }
-  }
-  return count % 2 === 1 ? insertBeforeTrailingNewlines(text, "`") : text;
-}
-function closeSingleAsterisks(text) {
-  let count = 0;
-  for (let i = 0; i < text.length; i += 1) {
-    if (text[i] === "\\" && i + 1 < text.length) {
-      i += 1;
-      continue;
-    }
-    if (text[i] === "*" && text[i + 1] === "*") {
-      i += 1;
-      continue;
-    }
-    if (text[i] === "*") {
-      count += 1;
-    }
-  }
-  return count % 2 === 1 ? insertBeforeTrailingNewlines(text, "*") : text;
-}
-function closeUnfinishedLink(text) {
-  const open = text.lastIndexOf("](");
-  if (open === -1) {
-    return text;
-  }
-  const after = text.slice(open + 2);
-  if (after.includes(")")) {
-    return text;
-  }
-  if (after.includes("[")) {
-    return text;
-  }
-  return insertBeforeTrailingNewlines(text, ")");
-}
-
-// src/components/stream-reveal.ts
-var INK_FADE_MS = 420 * MOTION_INSPECT_SCALE;
-var INITIAL_ANIMATED_LIMIT = 400;
-function createStreamReveal() {
-  let batches = [];
-  let revealedChars = -1;
-  return {
-    observe(text, now) {
-      if (revealedChars === -1) {
-        revealedChars = text.length > INITIAL_ANIMATED_LIMIT ? text.length : 0;
-      }
-      if (text.length <= revealedChars) {
-        revealedChars = Math.max(revealedChars, text.length);
-        return;
-      }
-      batches.push({ start: revealedChars, end: text.length, birth: now });
-      revealedChars = text.length;
-      batches = batches.filter((batch) => batch.birth + INK_FADE_MS > now);
-    },
-    delayFor(offset, now) {
-      const batch = findBatch(batches, offset);
-      if (!batch) {
-        return null;
-      }
-      const delay = batch.birth - now;
-      return delay + INK_FADE_MS <= 0 ? null : delay;
-    },
-    hasActive(now) {
-      const last = batches[batches.length - 1];
-      return last !== void 0 && last.birth + INK_FADE_MS > now;
-    }
-  };
-}
-function findBatch(batches, offset) {
-  let low = 0;
-  let high = batches.length - 1;
-  while (low <= high) {
-    const mid = low + high >> 1;
-    const batch = batches[mid];
-    if (offset < batch.start) {
-      high = mid - 1;
-    } else if (offset >= batch.end) {
-      low = mid + 1;
-    } else {
-      return batch;
-    }
-  }
-  return null;
-}
-function rehypeStreamReveal(options) {
-  const { reveal, now } = options;
-  return (tree) => {
-    walk(tree, false);
-  };
-  function walk(node, insideVerbatim) {
-    if (!node.children) {
-      return;
-    }
-    const verbatim = insideVerbatim || node.tagName === "code" || node.tagName === "pre";
-    const next = [];
-    for (const child of node.children) {
-      if (child.type === "text" && !verbatim) {
-        next.push(...splitTextNode(child));
-        continue;
-      }
-      walk(child, verbatim);
-      next.push(child);
-    }
-    node.children = next;
-  }
-  function splitTextNode(node) {
-    const sourceOffset = node.position?.start?.offset;
-    if (sourceOffset === void 0) {
-      return [node];
-    }
-    const value = node.value;
-    const out = [];
-    let plain = "";
-    const flushPlain = () => {
-      if (plain.length > 0) {
-        out.push({ type: "text", value: plain });
-        plain = "";
-      }
-    };
-    let i = 0;
-    while (i < value.length) {
-      const delay = reveal.delayFor(sourceOffset + i, now);
-      let j = i + 1;
-      while (j < value.length) {
-        const nextDelay = reveal.delayFor(sourceOffset + j, now);
-        if (nextDelay !== delay) {
-          break;
-        }
-        j += 1;
-      }
-      const slice = value.slice(i, j);
-      if (delay === null) {
-        plain += slice;
-      } else {
-        flushPlain();
-        out.push({
-          type: "element",
-          tagName: "span",
-          properties: {
-            className: ["og-stream-ink"],
-            style: `animation-delay:${Math.round(delay)}ms`
-          },
-          children: [{ type: "text", value: slice }]
-        });
-      }
-      i = j;
-    }
-    flushPlain();
-    return out.length > 0 ? out : [node];
-  }
-}
-
-// src/components/markdown.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var baseComponents = {
-  h1: ({ children, ...props }) => /* @__PURE__ */ jsx3(
-    "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__ */ jsx3("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
-  h3: ({ children, ...props }) => /* @__PURE__ */ jsx3(
-    "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__ */ jsx3(
-    "h4",
-    {
-      className: "mt-4 mb-1.5 text-og-sm font-semibold uppercase tracking-[0.04em] text-og-fg-muted first:mt-0",
-      ...props,
-      children
-    }
-  ),
-  p: ({ children, ...props }) => /* @__PURE__ */ jsx3("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
-  strong: ({ children, ...props }) => /* @__PURE__ */ jsx3("strong", { className: "font-semibold text-og-fg", ...props, children }),
-  em: ({ children, ...props }) => /* @__PURE__ */ jsx3("em", { className: "italic", ...props, children }),
-  ul: ({ children, ...props }) => /* @__PURE__ */ jsx3(
-    "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__ */ jsx3(
-    "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__ */ jsx3(
-    "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__ */ jsx3(
-    "input",
-    {
-      ...props,
-      type: "checkbox",
-      disabled: true,
-      className: "mr-2 size-3.5 translate-y-[2px] cursor-default accent-og-accent align-baseline"
-    }
-  ) : /* @__PURE__ */ jsx3("input", { type, ...props }),
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx3(
-    "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__ */ jsx3("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__ */ jsx3(
-    "code",
-    {
-      className: "rounded-og-xs bg-og-surface-1 px-1 py-0.5 font-og-mono text-og-sm text-og-fg",
-      ...props,
-      children
-    }
-  ),
-  // Fenced code — quiet mono block (no card / no nested vertical scroll).
-  pre: ({ children }) => /* @__PURE__ */ jsx3(MarkdownCodeBlock, { children }),
-  // Tables stay unboxed (hairline rules); hover reveals a TSV copy control.
-  table: ({ children, ...props }) => /* @__PURE__ */ jsx3(MarkdownTable, { ...props, children }),
-  thead: ({ children, ...props }) => /* @__PURE__ */ jsx3("thead", { ...props, children }),
-  th: ({ children, ...props }) => /* @__PURE__ */ jsx3(
-    "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__ */ jsx3(
-    "td",
-    {
-      className: "border-b border-og-border/70 px-0 py-1.5 pr-4 align-top text-og-fg-muted [tr:last-child>&]:border-b-0",
-      ...props,
-      children
-    }
-  ),
-  img: ({ alt, src, ...props }) => src ? /* @__PURE__ */ jsx3(
-    "img",
-    {
-      alt: alt ?? "",
-      src,
-      className: "my-3 max-w-full rounded-og-md border border-og-border",
-      ...props
-    }
-  ) : alt ? /* @__PURE__ */ jsx3("span", { className: "text-og-fg-subtle", "aria-disabled": "true", children: alt }) : null
-};
-var MARKDOWN_LINK_CLASS = "break-words font-medium text-og-accent-strong underline-offset-2 hover:underline";
-function markdownComponents(onSandboxFile) {
-  return {
-    ...baseComponents,
-    a: ({ children, href, ...props }) => {
-      const location = sandboxFileLocationFromHref(href);
-      if (location !== null) {
-        return /* @__PURE__ */ jsx3(SandboxMarkdownLink, { location, onSandboxFile, children });
-      }
-      if (isSandboxHref(href) || !href) {
-        return /* @__PURE__ */ jsx3(
-          "span",
-          {
-            className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
-            "aria-disabled": "true",
-            title: isSandboxHref(href) ? "This sandbox file reference is invalid" : "This link is unavailable",
-            children
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx3(
-        "a",
-        {
-          className: MARKDOWN_LINK_CLASS,
-          target: "_blank",
-          rel: "noreferrer noopener",
-          href,
-          ...props,
-          children
-        }
-      );
-    }
-  };
-}
-function SandboxMarkdownLink({
-  location,
-  onSandboxFile,
-  children
-}) {
-  const [state, setState] = useState3("idle");
-  const { path, line } = location;
-  if (!onSandboxFile) {
-    return /* @__PURE__ */ jsx3(
-      "span",
-      {
-        className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
-        "aria-disabled": "true",
-        title: "This sandbox file requires a session-aware handler",
-        children
-      }
-    );
-  }
-  const idleTitle = line !== null ? `Open ${path} at line ${line}` : `Open ${path}`;
-  return /* @__PURE__ */ jsxs3(
-    "button",
-    {
-      type: "button",
-      className: cn(
-        MARKDOWN_LINK_CLASS,
-        "inline-flex min-h-7 cursor-pointer items-center disabled:cursor-wait disabled:opacity-70 pointer-coarse:min-h-11"
-      ),
-      disabled: state === "loading",
-      "aria-busy": state === "loading",
-      title: state === "error" ? "Couldn't open this file. Select to retry." : idleTitle,
-      onClick: () => {
-        setState("loading");
-        void Promise.resolve(onSandboxFile(path, line ?? void 0)).then(
-          () => setState("idle"),
-          () => setState("error")
-        );
-      },
-      children: [
-        children,
-        state === "loading" ? " (opening\u2026)" : state === "error" ? " (retry)" : null
-      ]
-    }
-  );
-}
-var SANDBOX_SCHEME = "sandbox:";
-var LEGACY_WORKSPACE_PREFIX = "/workspace/";
-var TRAILING_LINE = /:([0-9]+)$/u;
-var TRAILING_INVALID_LINE = /:-(?:[0-9]+)$|:[0-9]+-[0-9]+$/u;
-var CONTROL_CHARACTER = /[\u0000-\u001f\u007f]/u;
-function isSandboxHref(href) {
-  return href?.startsWith(SANDBOX_SCHEME) ?? false;
-}
-function sandboxFileLocationFromHref(href) {
-  if (!href) return null;
-  const encodedLocation = isSandboxHref(href) ? href.slice(SANDBOX_SCHEME.length) : href.startsWith(LEGACY_WORKSPACE_PREFIX) ? href : null;
-  if (!encodedLocation || encodedLocation.includes("?") || encodedLocation.includes("#")) {
-    return null;
-  }
-  if (TRAILING_INVALID_LINE.test(encodedLocation)) return null;
-  const lineMatch = TRAILING_LINE.exec(encodedLocation);
-  const encodedPath = lineMatch ? encodedLocation.slice(0, -lineMatch[0].length) : encodedLocation;
-  const line = lineMatch?.[1] ? Number(lineMatch[1]) : null;
-  if (line !== null && (!Number.isSafeInteger(line) || line < 1)) return null;
-  if (!encodedPath) return null;
-  try {
-    const path = decodeURIComponent(encodedPath);
-    return path && !CONTROL_CHARACTER.test(path) ? { path, line } : null;
-  } catch {
-    return null;
-  }
-}
-function sandboxFilePathFromHref(href) {
-  return sandboxFileLocationFromHref(href)?.path ?? null;
-}
-var markdownUrlTransform = (url, key, node) => key === "href" && node.tagName === "a" && isSandboxHref(url) ? url : defaultUrlTransform(url);
-var REVEAL_LINGER_MS = 480 * MOTION_INSPECT_SCALE;
-var MARKDOWN_SETTLE_MS = 480 * MOTION_INSPECT_SCALE;
-function nodeText(node) {
-  if (node == null || typeof node === "boolean") {
-    return "";
-  }
-  if (typeof node === "string" || typeof node === "number") {
-    return String(node);
-  }
-  if (Array.isArray(node)) {
-    return node.map(nodeText).join("");
-  }
-  if (isValidElement(node)) {
-    return nodeText(node.props.children);
-  }
-  return "";
-}
-function fenceLanguage(children) {
-  let found = null;
-  Children.forEach(children, (child) => {
-    if (found || !isValidElement(child)) {
-      return;
-    }
-    const match = /language-([a-zA-Z0-9_+-]+)/.exec(child.props.className ?? "");
-    if (match?.[1]) {
-      found = match[1];
-    }
-  });
-  return found;
-}
-function MarkdownCodeBlock({ children }) {
-  const code = nodeText(children).replace(/\n$/, "");
-  const language = fenceLanguage(children);
-  return /* @__PURE__ */ jsxs3("div", { className: "group/copy relative mt-3 first:mt-0", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1", children: [
-      language ? /* @__PURE__ */ jsx3("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__ */ jsx3("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx3(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
-    ] }),
-    /* @__PURE__ */ jsx3(
-      "pre",
-      {
-        tabIndex: 0,
-        className: "overflow-x-auto overflow-y-hidden rounded-og-md bg-og-surface-1/70 px-3 py-2.5 font-og-mono text-og-sm leading-5 text-og-fg-muted [scrollbar-gutter:stable] [&>code]:block [&>code]:border-0 [&>code]:bg-transparent [&>code]:p-0 [&>code]:leading-5 [&>code]:text-inherit",
-        children
-      }
-    )
-  ] });
-}
-function MarkdownTable({ children, className, ...props }) {
-  const tableRef = useRef3(null);
-  return /* @__PURE__ */ jsxs3("div", { className: "group/copy relative mt-3 max-w-full first:mt-0", children: [
-    /* @__PURE__ */ jsx3("div", { className: "pointer-events-none absolute top-0 right-0 z-10", children: /* @__PURE__ */ jsx3("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx3(
-      CopyButton,
-      {
-        text: () => tableElementToTsv(tableRef.current),
-        label: "Copy table",
-        reveal: "group-hover"
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx3("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx3(
-      "table",
-      {
-        ref: tableRef,
-        className: cn("w-full min-w-0 border-collapse text-og-base", className),
-        ...props,
-        children
-      }
-    ) })
-  ] });
-}
-function MarkdownImpl({ children, className, streaming = false, onSandboxFile }) {
-  const revealRef = useRef3(null);
-  const bodyRef = useRef3(null);
-  const [, bump] = useReducer((n) => n + 1, 0);
-  const [settling, setSettling] = useState3(false);
-  const hadRevealRef = useRef3(false);
-  const now = typeof performance !== "undefined" ? performance.now() : Date.now();
-  const crystallize = (mutate) => {
-    mutate();
-    setSettling(true);
-    bump();
-    return setTimeout(() => setSettling(false), MARKDOWN_SETTLE_MS);
-  };
-  if (streaming && revealRef.current === null && !prefersReducedMotion()) {
-    revealRef.current = createStreamReveal();
-  }
-  const reveal = revealRef.current;
-  if (reveal !== null && streaming) {
-    reveal.observe(children, now);
-  }
-  if (reveal !== null) {
-    hadRevealRef.current = true;
-  }
-  const revealActive = reveal !== null && (streaming || reveal.hasActive(now));
-  const rehypePlugins = revealActive && reveal !== null ? [[rehypeStreamReveal, { reveal, now }]] : void 0;
-  useEffect3(() => {
-    if (streaming || revealRef.current === null) {
-      return;
-    }
-    let clearSettle;
-    const timer = setTimeout(() => {
-      const shouldSettle = hadRevealRef.current && !prefersReducedMotion();
-      if (shouldSettle) {
-        hadRevealRef.current = false;
-      }
-      if (shouldSettle) {
-        clearSettle = crystallize(() => {
-          revealRef.current = null;
-        });
-      } else {
-        revealRef.current = null;
-        bump();
-      }
-    }, REVEAL_LINGER_MS);
-    return () => {
-      clearTimeout(timer);
-      if (clearSettle !== void 0) {
-        clearTimeout(clearSettle);
-      }
-    };
-  }, [streaming]);
-  const wasStreamingRef = useRef3(streaming);
-  useEffect3(() => {
-    const ended = wasStreamingRef.current && !streaming;
-    wasStreamingRef.current = streaming;
-    if (!ended || revealRef.current !== null || prefersReducedMotion()) {
-      return;
-    }
-    setSettling(true);
-    const timer = setTimeout(() => setSettling(false), MARKDOWN_SETTLE_MS);
-    return () => clearTimeout(timer);
-  }, [streaming]);
-  const parseText = streaming || revealActive ? softenStreamingMarkdown(children) : children;
-  const components = useMemo(() => markdownComponents(onSandboxFile), [onSandboxFile]);
-  return /* @__PURE__ */ jsx3(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx3(
-    "div",
-    {
-      ref: bodyRef,
-      className: cn(
-        "og-markdown-body min-w-0 break-words",
-        settling && "og-markdown-settle",
-        className
-      ),
-      children: /* @__PURE__ */ jsx3(
-        ReactMarkdown,
-        {
-          remarkPlugins: [remarkGfm],
-          rehypePlugins,
-          components,
-          urlTransform: markdownUrlTransform,
-          children: parseText
-        }
-      )
-    }
-  ) });
-}
-var Markdown = memo(MarkdownImpl);
-
-export {
-  defaultHumanInputFormMessages,
-  HumanInputForm,
-  answersFromDrafts,
-  prefersReducedMotion,
-  MOTION_INSPECT_SCALE,
-  CopyButton,
-  CopyHoverFrame,
-  sandboxFileLocationFromHref,
-  sandboxFilePathFromHref,
-  Markdown
-};
-//# sourceMappingURL=chunk-YAIPFO5D.js.map