@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-PW4IMTYR.js

@@ -1,702 +0,0 @@
-"use client";
-import {
-  useToolDetails
-} from "./chunk-RZLBICR5.js";
-import {
-  annotatableText,
-  rangeFromOffsets,
-  visibleClientRect
-} from "./chunk-5XXRHX3V.js";
-import {
-  redactPayload,
-  secretReferenceLabel
-} from "./chunk-YM45PLD6.js";
-import {
-  ShimmerText,
-  useLightboxOptional
-} from "./chunk-UI4HI5QK.js";
-import {
-  stringifyPayload
-} from "./chunk-5MOJZORA.js";
-import {
-  cn
-} from "./chunk-TXS65BB2.js";
-import {
-  useOpenGeniText
-} from "./chunk-TNUSPXPW.js";
-
-// src/secrets-ui.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var SecretsUiContext = createContext(null);
-function SecretsUiProvider({
-  value,
-  children
-}) {
-  return /* @__PURE__ */ jsx(SecretsUiContext.Provider, { value, children });
-}
-function useSecretsUi() {
-  return useContext(SecretsUiContext);
-}
-
-// src/components/secret-ref-chip.tsx
-import { FileLockIcon, LockIcon } from "lucide-react";
-import { Fragment } from "react";
-import { Fragment as Fragment2, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var CHIP_CLASS = (
-  // em-relative so one chip reads right in prose, payload mono runs and titles.
-  "og-secret-chip inline-flex max-w-full min-w-0 items-center gap-[0.3em] rounded-full border border-og-border bg-og-surface-2 px-[0.5em] align-baseline font-og-sans text-[0.9em] leading-[1.45] font-medium not-italic text-og-fg no-underline [overflow-wrap:normal] [word-break:normal]"
-);
-function SecretChipFrame({
-  icon,
-  primary,
-  suffix,
-  title,
-  srPrefix,
-  href,
-  className,
-  dataAttributes
-}) {
-  const Icon = icon === "file" ? FileLockIcon : LockIcon;
-  const body = /* @__PURE__ */ jsxs(Fragment2, { children: [
-    /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", className: "size-[1em] shrink-0 text-og-fg-muted" }),
-    /* @__PURE__ */ jsx2("span", { className: "sr-only", children: srPrefix }),
-    /* @__PURE__ */ jsx2("span", { className: "min-w-0 max-w-[18em] truncate", children: primary }),
-    suffix ? /* @__PURE__ */ jsx2("span", { className: "shrink-0 whitespace-nowrap", children: suffix }) : null
-  ] });
-  if (href) {
-    return /* @__PURE__ */ jsx2(
-      "a",
-      {
-        href,
-        title,
-        className: cn(
-          CHIP_CLASS,
-          "cursor-pointer transition-colors hover:border-og-border-strong hover:bg-og-surface-3 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-og-accent/55",
-          className
-        ),
-        ...dataAttributes,
-        children: body
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx2("span", { title, className: cn(CHIP_CLASS, className), ...dataAttributes, children: body });
-}
-function SecretRefChip({ reference, linkable = true, className }) {
-  const ui = useSecretsUi();
-  return /* @__PURE__ */ jsx2(SecretRefChipView, { ui, reference, linkable, className });
-}
-function SecretRefChipView({
-  ui,
-  reference,
-  linkable,
-  className
-}) {
-  const t = useOpenGeniText();
-  const label = secretReferenceLabel(t, reference);
-  const href = linkable ? ui?.hrefForReference?.(reference) ?? null : null;
-  return /* @__PURE__ */ jsx2(
-    SecretChipFrame,
-    {
-      icon: reference.kind === "secretfile" ? "file" : "lock",
-      primary: label.primary,
-      suffix: label.suffix,
-      title: reference.raw,
-      srPrefix: `${reference.kind === "secretfile" ? t("secretRefChip.secretFile") : t("secretRefChip.secret")} `,
-      href,
-      className,
-      dataAttributes: { "data-og-secret-ref": reference.raw }
-    }
-  );
-}
-function SecretRefText({ text, linkable = true, chipClassName }) {
-  const ui = useSecretsUi();
-  return /* @__PURE__ */ jsx2(Fragment2, { children: renderSecretRefText(ui, text, { linkable, chipClassName }) });
-}
-function mayContainSecretReference(text) {
-  return text.includes("{{secret");
-}
-function renderSecretRefText(ui, text, options = {}) {
-  if (!ui || !mayContainSecretReference(text)) return text;
-  const tokens = ui.tokenize(text);
-  if (!tokens.some((token) => token.type === "reference")) return text;
-  let offset = 0;
-  return tokens.map((token) => {
-    if (token.type === "reference") {
-      offset = token.reference.end;
-      return /* @__PURE__ */ jsx2(
-        SecretRefChipView,
-        {
-          ui,
-          reference: token.reference,
-          linkable: options.linkable ?? true,
-          className: options.chipClassName
-        },
-        `ref-${token.reference.start}`
-      );
-    }
-    if (token.type === "invalid") {
-      offset = token.end;
-      return /* @__PURE__ */ jsx2(Fragment, { children: token.raw }, `invalid-${token.start}`);
-    }
-    return /* @__PURE__ */ jsx2(Fragment, { children: token.value }, `text-${offset}`);
-  });
-}
-function SecretAnswerChip({ result, label, className }) {
-  return /* @__PURE__ */ jsx2(
-    SecretChipFrame,
-    {
-      icon: "lock",
-      primary: label,
-      suffix: result.username ? ` \xB7 ${result.username}` : "",
-      title: result.reference,
-      srPrefix: "",
-      className: cn("text-og-sm", className),
-      dataAttributes: { "data-og-secret-answer": result.reference }
-    }
-  );
-}
-
-// src/timeline/disclosure-context.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var DisclosureDefaultsContext = createContext2(void 0);
-function DisclosureDefaultsProvider({
-  defaultOpen,
-  children
-}) {
-  return /* @__PURE__ */ jsx3(DisclosureDefaultsContext.Provider, { value: defaultOpen, children });
-}
-function useForcedDefaultOpen() {
-  return useContext2(DisclosureDefaultsContext);
-}
-
-// src/timeline/shared.tsx
-import { CameraIcon, CameraOffIcon, ChevronRightIcon } from "lucide-react";
-import { createContext as createContext4, useContext as useContext4, useEffect, useState } from "react";
-
-// src/components/timeline-search.tsx
-import { createContext as createContext3, useContext as useContext3, useLayoutEffect, useRef } from "react";
-var TimelineSearchRevealContext = createContext3(null);
-var useTimelineSearchReveal = () => useContext3(TimelineSearchRevealContext);
-function isTimelineSearchTarget(item, target) {
-  const sources = item.sourceEvents ?? ("annotationSource" in item && item.annotationSource ? [item.annotationSource] : []);
-  return sources.some(
-    (source) => source.sequence === target.sequence && (!target.eventId || source.eventId === target.eventId)
-  );
-}
-function literalSearchOffset(text, query, occurrence = 0) {
-  if (!query || !Number.isSafeInteger(occurrence) || occurrence < 0) return -1;
-  const pattern = new RegExp(query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "giu");
-  let match;
-  let index = 0;
-  while (match = pattern.exec(text)) {
-    if (index++ === occurrence) return match.index;
-  }
-  return -1;
-}
-function matchAtOffset(text, query, offset) {
-  if (!query || !Number.isSafeInteger(offset) || offset < 0 || offset > text.length) return -1;
-  const pattern = new RegExp(query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "iyu");
-  pattern.lastIndex = offset;
-  return pattern.exec(text)?.index === offset ? offset : -1;
-}
-function searchMatchOffset(text, target) {
-  if (target.offset != null) return matchAtOffset(text, target.query, target.offset);
-  return literalSearchOffset(text, target.query, target.occurrence);
-}
-var nextHighlightId = 0;
-function useTimelineSearchNavigation(root, itemId, target, releasePin, revision) {
-  const highlightName = useRef("");
-  if (!highlightName.current) highlightName.current = `og-search-${++nextHighlightId}`;
-  const key = target ? JSON.stringify([
-    itemId,
-    target.sequence,
-    target.eventId,
-    target.query,
-    target.occurrence ?? 0,
-    target.offset ?? null
-  ]) : null;
-  const navigated = useRef(null);
-  useLayoutEffect(() => {
-    if (!key) navigated.current = null;
-    if (!key || !target || !itemId || !root.current) return;
-    releasePin();
-    const scroller = root.current;
-    const registry = globalThis.CSS?.highlights;
-    const HighlightClass = globalThis.Highlight;
-    const style = document.createElement("style");
-    style.textContent = `::highlight(${highlightName.current}) { background: var(--og-color-accent-deep); color: var(--og-color-accent-fg); }`;
-    scroller.append(style);
-    let frame = 0;
-    const update = () => {
-      const source = [...scroller.querySelectorAll("[data-og-search-item]")].find(
-        (element) => element.dataset.ogSearchItem === itemId
-      );
-      if (!source) return;
-      const materialized = [
-        ...source.querySelectorAll("[data-og-search-occurrence]")
-      ].find(
-        (element) => element.dataset.ogSearchSequence === String(target.sequence) && element.dataset.ogSearchQuery === target.query && (target.offset != null ? element.dataset.ogSearchOffset === String(target.offset) : element.dataset.ogSearchOccurrence === String(target.occurrence ?? 0))
-      );
-      const { text, spans } = annotatableText(materialized ?? source);
-      const offset = materialized ? matchAtOffset(text, target.query, 0) : target.offset != null ? -1 : searchMatchOffset(text, target);
-      const range = offset < 0 ? null : rangeFromOffsets(spans, offset, offset + target.query.length);
-      if (range && registry && HighlightClass)
-        registry.set(highlightName.current, new HighlightClass(range));
-      else registry?.delete(highlightName.current);
-      const rect = range ? visibleClientRect(range) : null;
-      if (navigated.current === key || !range || !rect) return;
-      const box = rect;
-      if (!box.height && !box.width) return;
-      scroller.scrollTop += box.top - scroller.getBoundingClientRect().top - scroller.clientHeight / 2;
-      navigated.current = key;
-    };
-    const schedule = () => {
-      cancelAnimationFrame(frame);
-      frame = requestAnimationFrame(update);
-    };
-    const observer = new MutationObserver(schedule);
-    observer.observe(scroller, { childList: true, subtree: true, characterData: true });
-    const resize = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(schedule);
-    resize?.observe(scroller);
-    schedule();
-    return () => {
-      observer.disconnect();
-      resize?.disconnect();
-      cancelAnimationFrame(frame);
-      registry?.delete(highlightName.current);
-      style.remove();
-    };
-  }, [key, root, itemId, target, releasePin, revision]);
-}
-
-// src/timeline/shared.tsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var ToolOutputPreviewContext = createContext4(null);
-function ToolOutputPreviewProvider({
-  value,
-  children
-}) {
-  return /* @__PURE__ */ jsx4(ToolOutputPreviewContext.Provider, { value, children });
-}
-var ToolCallTruncationContext = createContext4(null);
-function ToolCallTruncationProvider({
-  value,
-  children
-}) {
-  return /* @__PURE__ */ jsx4(ToolCallTruncationContext.Provider, { value, children });
-}
-var ICON_TONE = {
-  accent: "text-og-accent",
-  failed: "text-og-status-failed",
-  running: "text-og-status-running",
-  muted: "text-og-fg-subtle"
-};
-var CompactActivityContext = createContext4(false);
-function ActivityDisclosure({
-  icon,
-  iconTone: iconToneProp = "muted",
-  title,
-  titleMono,
-  running,
-  preview,
-  compactPreview,
-  media,
-  chip: chipProp,
-  failed,
-  cancelled,
-  expandable = true,
-  defaultOpen,
-  children
-}) {
-  const t = useOpenGeniText();
-  const iconTone = failed && iconToneProp === "muted" ? "failed" : iconToneProp;
-  const chip = chipProp ?? (failed ? { tone: "bad", text: t("timeline.chip.failed") } : cancelled ? { tone: "interrupted", text: t("timeline.chip.interrupted") } : void 0);
-  const forcedDefaultOpen = useForcedDefaultOpen();
-  const [open, setOpen] = useState(defaultOpen ?? forcedDefaultOpen ?? false);
-  const searchReveal = useTimelineSearchReveal();
-  useEffect(() => {
-    if (searchReveal) setOpen(true);
-  }, [searchReveal]);
-  const plain = useToolDetails() === "plain";
-  const truncationContext = useContext4(ToolCallTruncationContext);
-  const truncation = plain ? null : truncationContext;
-  const compact = useContext4(CompactActivityContext);
-  const outputPreview = useContext4(ToolOutputPreviewContext);
-  const loadOutput = outputPreview?.load;
-  const outputPending = outputPreview?.state === "preview";
-  useEffect(() => {
-    if (open && outputPending && !compact) loadOutput?.();
-  }, [open, outputPending, loadOutput, compact]);
-  if (compact)
-    return /* @__PURE__ */ jsxs2("span", { className: "og-rolling-label", children: [
-      /* @__PURE__ */ jsx4("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
-      /* @__PURE__ */ jsxs2(ShimmerText, { active: "ancestor", tone: "reel", className: "og-command-reel", children: [
-        /* @__PURE__ */ jsx4("span", { className: "og-reel-title", children: title }),
-        (compactPreview === void 0 ? preview : compactPreview) ? /* @__PURE__ */ jsx4("span", { className: "og-reel-preview text-og-fg-subtle", children: compactPreview === void 0 ? preview : compactPreview }) : null
-      ] })
-    ] });
-  const hasBody = expandable && (children != null || truncation != null);
-  const previewVisible = preview != null && !open;
-  const rowClass = cn(
-    "group/disclosure flex w-full min-w-0 items-center gap-2 rounded-og-sm px-1.5 py-1.5 text-left text-og-base",
-    "text-og-fg-muted transition-colors duration-150",
-    // A tool row is a touch target on coarse pointers: grow its hit area to the
-    // 44px mobile minimum without loosening the dense desktop rail.
-    "pointer-coarse:min-h-11 pointer-coarse:py-2.5"
-  );
-  const inner = /* @__PURE__ */ jsxs2(Fragment3, { children: [
-    hasBody ? /* @__PURE__ */ jsx4(ChevronRightIcon, { className: "size-3.5 shrink-0 text-og-fg-subtle transition-transform duration-[var(--_og-duration-disclose)] ease-og-in-out group-data-[state=open]/disclosure:rotate-90" }) : /* @__PURE__ */ jsx4("span", { className: "size-3.5 shrink-0" }),
-    /* @__PURE__ */ jsx4("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
-    /* @__PURE__ */ jsxs2(
-      ShimmerText,
-      {
-        active: Boolean(running),
-        tone: "reel",
-        className: cn("og-command-reel", running && "og-command-reel-running"),
-        children: [
-          /* @__PURE__ */ jsx4(
-            "span",
-            {
-              className: cn(
-                "min-w-0 shrink truncate text-og-base font-medium",
-                titleMono && "font-og-mono text-og-sm font-normal"
-              ),
-              children: title
-            }
-          ),
-          previewVisible && !media ? /* @__PURE__ */ jsx4("span", { className: "min-w-0 flex-1 truncate text-og-sm text-og-fg-subtle", children: preview }) : /* @__PURE__ */ jsx4("span", { className: "flex-1" })
-        ]
-      }
-    ),
-    media && !open ? /* @__PURE__ */ jsx4("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2", children: media }) : chip && !open ? /* @__PURE__ */ jsx4("span", { className: "ml-auto shrink-0 pl-2", children: /* @__PURE__ */ jsx4(Chip, { chip }) }) : null
-  ] });
-  const dataStatus = cancelled ? "cancelled" : failed ? "failed" : void 0;
-  if (!hasBody) {
-    return /* @__PURE__ */ jsx4("div", { className: cn(rowClass, "cursor-default"), "data-status": dataStatus, children: inner });
-  }
-  return /* @__PURE__ */ jsxs2("div", { children: [
-    /* @__PURE__ */ jsx4(
-      "div",
-      {
-        role: "button",
-        tabIndex: 0,
-        "aria-expanded": open,
-        "data-state": open ? "open" : "closed",
-        onClick: () => setOpen((prev) => !prev),
-        onKeyDown: (event) => {
-          if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            setOpen((prev) => !prev);
-          }
-        },
-        "data-status": dataStatus,
-        className: cn(
-          rowClass,
-          "cursor-pointer outline-hidden hover:bg-og-surface-1 hover:text-og-fg",
-          "focus-visible:ring-2 focus-visible:ring-og-accent focus-visible:ring-offset-0"
-        ),
-        children: inner
-      }
-    ),
-    open ? /* @__PURE__ */ jsxs2("div", { className: "mb-2 ml-7 mt-1.5 flex flex-col gap-2 overflow-hidden animate-og-expand", children: [
-      outputPreview && loadOutput && outputPreview.state !== "error" ? (
-        // Never show a preview's body as if it were the whole output.
-        /* @__PURE__ */ jsx4(
-          "div",
-          {
-            "data-og-tool-output-loading": "",
-            role: "status",
-            className: "text-og-sm leading-5 text-og-fg-subtle",
-            children: t("timeline.shared.loadingFullOutput")
-          }
-        )
-      ) : outputPreview ? /* @__PURE__ */ jsxs2(Fragment3, { children: [
-        /* @__PURE__ */ jsx4(ToolOutputPreviewNotice, { preview: outputPreview }),
-        /* @__PURE__ */ jsx4(ToolOutputPreviewContext.Provider, { value: null, children })
-      ] }) : children,
-      truncation ? /* @__PURE__ */ jsx4(ToolCallTruncationNotice, { truncation }) : null
-    ] }) : null
-  ] });
-}
-function ToolOutputPreviewNotice({ preview }) {
-  const t = useOpenGeniText();
-  const retry = preview.load;
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      "data-og-tool-output-preview": "",
-      role: "status",
-      className: "flex flex-wrap items-center gap-x-2 text-og-sm leading-5 text-og-fg-subtle",
-      children: [
-        /* @__PURE__ */ jsx4("span", { children: retry ? t("timeline.shared.outputPreviewFailed") : t("timeline.shared.outputPreviewOnly") }),
-        retry ? /* @__PURE__ */ jsx4(
-          "button",
-          {
-            type: "button",
-            onClick: retry,
-            className: "rounded-og-sm font-medium text-og-fg-muted underline-offset-2 hover:text-og-fg hover:underline focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent",
-            children: t("timeline.shared.retryFullOutput")
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function ToolCallTruncationNotice({ truncation }) {
-  const t = useOpenGeniText();
-  const fullEvidence = truncation.fullEvidence.available ? "retained" : truncation.fullEvidence.reason ?? "unavailable";
-  return /* @__PURE__ */ jsxs2("div", { "data-og-tool-output-truncation": "", className: "text-og-sm leading-5 text-og-fg-subtle", children: [
-    t("timeline.shared.outputBoundedAt"),
-    " ",
-    /* @__PURE__ */ jsx4("code", { className: "font-og-mono", children: truncation.surface }),
-    truncation.omittedBytes != null && truncation.omittedBytes > 0 ? ` \xB7 ${t("timeline.shared.bytesOmitted", { count: truncation.omittedBytes, bytes: truncation.omittedBytes.toLocaleString(t.locale) })}` : null,
-    ` \xB7 ${t("timeline.shared.truncationReason")} `,
-    /* @__PURE__ */ jsx4("code", { className: "font-og-mono", children: truncation.reason }),
-    ` \xB7 ${t("timeline.shared.fullEvidence")} `,
-    /* @__PURE__ */ jsx4("code", { className: "font-og-mono", children: fullEvidence })
-  ] });
-}
-function Chip({ chip }) {
-  const base = "inline-flex items-center font-og-mono text-og-xs leading-none";
-  const withText = chip.text ? "gap-1.5" : "gap-0";
-  if (chip.tone === "bad") {
-    return /* @__PURE__ */ jsxs2("span", { className: cn(base, withText, "text-og-status-failed"), children: [
-      /* @__PURE__ */ jsx4("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
-      chip.text
-    ] });
-  }
-  if (chip.tone === "interrupted") {
-    return /* @__PURE__ */ jsx4("span", { className: cn(base, "text-og-fg-subtle og-cancelled-chip"), children: chip.text });
-  }
-  return /* @__PURE__ */ jsx4("span", { className: cn(base, "text-og-fg-subtle"), children: chip.text });
-}
-function TermBlock(props) {
-  return useToolDetails() === "plain" ? null : /* @__PURE__ */ jsx4(TermBlockView, { ...props });
-}
-function TermBlockView({
-  command,
-  workdir,
-  output,
-  live,
-  tailLines = 12,
-  failed
-}) {
-  const t = useOpenGeniText();
-  const [full, setFull] = useState(false);
-  const empty = output.trim() === "";
-  const lines = output.split("\n");
-  const big = lines.length > tailLines + 4;
-  const shown = full || !big ? output : lines.slice(-tailLines).join("\n");
-  const showMore = big && !full;
-  const showHeader = command != null || workdir != null;
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: cn(
-        "min-w-0 border-l-2 pl-3",
-        failed ? "border-og-status-failed/50" : live ? "border-og-status-running/50" : "border-og-border"
-      ),
-      children: [
-        showHeader ? /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-2 pb-1", children: [
-          /* @__PURE__ */ jsx4("span", { className: "select-none text-og-status-idle", children: "$" }),
-          command != null ? /* @__PURE__ */ jsx4("span", { className: "max-h-64 min-w-0 flex-1 overflow-auto whitespace-pre-wrap wrap-anywhere font-og-mono text-og-sm text-og-fg-muted", children: /* @__PURE__ */ jsx4(SecretRefText, { text: command }) }) : /* @__PURE__ */ jsx4("span", { className: "flex-1" }),
-          workdir ? /* @__PURE__ */ jsx4("span", { className: "shrink-0 font-og-mono text-og-xs text-og-fg-subtle", children: workdir }) : null
-        ] }) : null,
-        empty ? /* @__PURE__ */ jsx4("p", { className: "font-og-mono text-og-xs italic text-og-fg-subtle", children: t("timeline.shared.noOutput") }) : /* @__PURE__ */ jsxs2("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap wrap-anywhere font-og-mono text-og-xs leading-5 text-og-fg-muted", children: [
-          shown,
-          live ? /* @__PURE__ */ jsx4("span", { className: "ml-px inline-block h-[1em] w-[2px] translate-y-[2px] animate-og-blink bg-og-accent align-middle" }) : null
-        ] }),
-        showMore ? /* @__PURE__ */ jsx4(
-          "button",
-          {
-            type: "button",
-            onClick: () => setFull(true),
-            className: "mt-1 text-left text-og-xs text-og-fg-subtle transition-colors hover:text-og-fg",
-            children: t("timeline.shared.showFullOutputLengthLines", { length: lines.length })
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function PayloadBlock({
-  label,
-  value,
-  failed
-}) {
-  const plain = useToolDetails() === "plain";
-  const shown = redactPayload(value);
-  const text = typeof shown === "string" ? shown : stringifyPayload(shown);
-  if (plain || !text || text.trim() === "") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: cn(
-        "min-w-0 border-l-2 pl-3",
-        failed ? "border-og-status-failed/50" : "border-og-border"
-      ),
-      children: [
-        /* @__PURE__ */ jsx4("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: label }),
-        /* @__PURE__ */ jsx4(
-          "pre",
-          {
-            className: cn(
-              "max-h-64 overflow-auto whitespace-pre-wrap wrap-anywhere font-og-mono text-og-xs leading-5",
-              failed ? "text-og-status-failed" : "text-og-fg-muted"
-            ),
-            children: /* @__PURE__ */ jsx4(SecretRefText, { text })
-          }
-        )
-      ]
-    }
-  );
-}
-function BodyNote({
-  children,
-  tone
-}) {
-  if (tone === "error") {
-    return /* @__PURE__ */ jsx4("div", { className: "border-l-2 border-og-status-failed/50 pl-3 font-og-mono text-og-xs leading-5 text-og-status-failed", children });
-  }
-  return /* @__PURE__ */ jsx4("p", { className: "px-0.5 text-og-sm italic leading-5 text-og-fg-subtle", children });
-}
-var MEDIA_BOX = "h-7 w-[52px] shrink-0 rounded-og-xs border border-og-border";
-function MediaSkeleton() {
-  return /* @__PURE__ */ jsxs2(
-    "span",
-    {
-      className: cn(
-        MEDIA_BOX,
-        "relative inline-flex items-center justify-center overflow-hidden bg-og-surface-2"
-      ),
-      children: [
-        /* @__PURE__ */ jsx4("span", { className: "absolute inset-0 animate-og-pulse bg-og-surface-3/50" }),
-        /* @__PURE__ */ jsx4(CameraIcon, { className: "relative size-3.5 text-og-fg-subtle" })
-      ]
-    }
-  );
-}
-function MediaEmpty() {
-  return /* @__PURE__ */ jsx4("span", { className: cn(MEDIA_BOX, "inline-flex items-center justify-center bg-og-bg"), children: /* @__PURE__ */ jsx4(CameraOffIcon, { className: "size-3.5 text-og-fg-subtle" }) });
-}
-function Thumbnail({
-  src,
-  caption,
-  alt = "screenshot",
-  expandLabel: expandLabelProp,
-  lightboxLabel: lightboxLabelProp,
-  downloadFilename
-}) {
-  const t = useOpenGeniText();
-  const expandLabel = expandLabelProp === void 0 ? t("timeline.shared.expandScreenshot") : expandLabelProp;
-  const lightboxLabel = lightboxLabelProp === void 0 ? t("timeline.shared.screenshot") : lightboxLabelProp;
-  const lightbox = useLightboxOptional();
-  const [failed, setFailed] = useState(false);
-  if (failed) {
-    return /* @__PURE__ */ jsx4(MediaEmpty, {});
-  }
-  const img = /* @__PURE__ */ jsx4(
-    "img",
-    {
-      src,
-      alt,
-      onError: () => setFailed(true),
-      className: "h-full w-full object-cover transition-opacity group-hover/thumb:opacity-80"
-    }
-  );
-  if (!lightbox) {
-    return /* @__PURE__ */ jsx4("span", { className: cn(MEDIA_BOX, "inline-flex overflow-hidden bg-og-bg"), children: img });
-  }
-  return /* @__PURE__ */ jsx4(
-    "button",
-    {
-      type: "button",
-      onClick: (event) => {
-        event.stopPropagation();
-        lightbox.open(src, caption, event.currentTarget, lightboxLabel, downloadFilename);
-      },
-      onKeyDown: (event) => {
-        if (event.key === "Enter" || event.key === " ") {
-          event.stopPropagation();
-        }
-      },
-      className: cn(
-        MEDIA_BOX,
-        "group/thumb relative inline-flex overflow-hidden bg-og-bg outline-hidden",
-        "focus-visible:ring-2 focus-visible:ring-og-accent"
-      ),
-      "aria-label": expandLabel,
-      children: img
-    }
-  );
-}
-function ScreenshotFigure({
-  src,
-  caption,
-  showCaption = true,
-  alt = "screenshot",
-  expandLabel: expandLabelProp,
-  lightboxLabel: lightboxLabelProp,
-  downloadFilename
-}) {
-  const t = useOpenGeniText();
-  const expandLabel = expandLabelProp === void 0 ? t("timeline.shared.expandScreenshot") : expandLabelProp;
-  const lightboxLabel = lightboxLabelProp === void 0 ? t("timeline.shared.screenshot") : lightboxLabelProp;
-  const lightbox = useLightboxOptional();
-  const [failed, setFailed] = useState(false);
-  const surface = "block w-full overflow-hidden rounded-og-md border border-og-border bg-og-bg";
-  const img = /* @__PURE__ */ jsx4(
-    "img",
-    {
-      src,
-      alt,
-      onError: () => setFailed(true),
-      className: "max-h-80 w-full object-contain"
-    }
-  );
-  return /* @__PURE__ */ jsxs2("figure", { className: "m-0 min-w-0", children: [
-    failed ? /* @__PURE__ */ jsx4("div", { className: "rounded-og-md border border-og-border bg-og-bg px-3 py-6 text-center font-og-mono text-og-xs text-og-fg-subtle", children: t("timeline.shared.imageUnavailable") }) : lightbox ? /* @__PURE__ */ jsx4(
-      "button",
-      {
-        type: "button",
-        onClick: (event) => lightbox.open(src, caption, event.currentTarget, lightboxLabel, downloadFilename),
-        className: surface,
-        "aria-label": expandLabel,
-        children: img
-      }
-    ) : /* @__PURE__ */ jsx4("div", { className: surface, children: img }),
-    caption && showCaption ? /* @__PURE__ */ jsx4("figcaption", { className: "mt-1.5 font-og-mono text-og-xs text-og-fg-subtle", children: caption }) : null
-  ] });
-}
-
-export {
-  TimelineSearchRevealContext,
-  useTimelineSearchReveal,
-  isTimelineSearchTarget,
-  searchMatchOffset,
-  useTimelineSearchNavigation,
-  SecretsUiProvider,
-  useSecretsUi,
-  SecretRefChip,
-  SecretRefText,
-  mayContainSecretReference,
-  SecretAnswerChip,
-  DisclosureDefaultsProvider,
-  useForcedDefaultOpen,
-  ToolOutputPreviewProvider,
-  ToolCallTruncationProvider,
-  CompactActivityContext,
-  ActivityDisclosure,
-  TermBlock,
-  PayloadBlock,
-  BodyNote,
-  MediaSkeleton,
-  MediaEmpty,
-  Thumbnail,
-  ScreenshotFigure
-};
-//# sourceMappingURL=chunk-PW4IMTYR.js.map