@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-6DVCC7QS.js

@@ -0,0 +1,702 @@
+"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-XHIQ5I6N.js";
+import {
+  stringifyPayload
+} from "./chunk-5MOJZORA.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.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-6DVCC7QS.js.map