@opengeni/react 0.29.0 → 0.32.1

package/dist/chunk-ZMNPFZWL.js

@@ -1,3918 +0,0 @@
-import {
-  cn
-} from "./chunk-TK7G6XLT.js";
-import {
-  buildTimeline,
-  groupTimeline
-} from "./chunk-OKXCECLG.js";
-import {
-  formatRelativeTime,
-  stringifyPayload,
-  truncate,
-  tryParseJson
-} from "./chunk-M7X4JZOD.js";
-import {
-  EmptyQueueStateSurface
-} from "./chunk-YDNWMKXO.js";
-
-// src/components/queue-surface.tsx
-import { Loader2Icon } from "lucide-react";
-import { lazy, Suspense } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var loadQueueSurface = () => import("./queue-surface-implementation-UQ535OKQ.js");
-var QueueSurface = createQueueSurface(loadQueueSurface);
-function createQueueSurface(loadImplementation) {
-  const LazyQueueSurface = lazy(async () => ({
-    default: (await loadImplementation()).QueueSurface
-  }));
-  return function QueueSurfaceBoundary(props) {
-    const { queue } = props;
-    if (queue.queue.length + queue.pendingInputs.length === 0) {
-      if (!queue.stoppingPreviousAttempt && !queue.error && !queue.mutationError) return null;
-      return /* @__PURE__ */ jsx(EmptyQueueStateSurface, { queue });
-    }
-    return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(QueueSurfaceFallback, {}), children: /* @__PURE__ */ jsx(LazyQueueSurface, { ...props }) });
-  };
-}
-function QueueSurfaceFallback() {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-live": "polite",
-      className: "mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6",
-      "data-testid": "queue-surface-loading",
-      role: "status",
-      children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-xs text-fg-muted pointer-coarse:min-h-[44px]", children: [
-        /* @__PURE__ */ jsx(
-          Loader2Icon,
-          {
-            "aria-hidden": "true",
-            className: "size-3.5 shrink-0 animate-spin motion-reduce:animate-none"
-          }
-        ),
-        "Loading inputs\u2026"
-      ] }) })
-    }
-  );
-}
-
-// src/components/human-input-form.tsx
-import { useEffect, useId, useRef, useState } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var defaultHumanInputFormMessages = {
-  title: "Your input is needed",
-  description: "The agent is paused until you answer these questions.",
-  submit: "Continue",
-  skip: "Skip",
-  submitting: "Submitting\u2026",
-  other: "Other",
-  deadlineLabel: "Respond before",
-  formatDeadline,
-  required: "This question is required.",
-  minLength: (count) => `Enter at least ${count} characters.`,
-  maxLength: (count) => `Enter no more than ${count} characters.`,
-  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"}.`
-};
-function HumanInputForm({
-  request,
-  onSubmit,
-  submitting = false,
-  error,
-  title,
-  description,
-  submitLabel,
-  skipLabel,
-  messages: messageOverrides,
-  autoFocus = true,
-  className
-}) {
-  const messages = { ...defaultHumanInputFormMessages, ...messageOverrides };
-  const resolvedTitle = title === void 0 ? messages.title : title;
-  const resolvedDescription = description === void 0 ? messages.description : description;
-  const resolvedSubmitLabel = submitLabel ?? messages.submit;
-  const resolvedSkipLabel = skipLabel ?? messages.skip;
-  const formId = useId();
-  const [drafts, setDrafts] = useState(
-    () => initialDrafts(request.questions)
-  );
-  const [validationErrors, setValidationErrors] = useState({});
-  const [submissionError, setSubmissionError] = useState(null);
-  const [submittingInternally, setSubmittingInternally] = useState(false);
-  const submissionInFlight = useRef(false);
-  const submissionGeneration = useRef(0);
-  const busy = submitting || submittingInternally;
-  useEffect(() => {
-    submissionGeneration.current += 1;
-    submissionInFlight.current = false;
-    setDrafts(initialDrafts(request.questions));
-    setValidationErrors({});
-    setSubmissionError(null);
-    setSubmittingInternally(false);
-  }, [request.id, request.questions]);
-  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 submit = async (event) => {
-    event.preventDefault();
-    const result = answersFromDrafts(request.questions, drafts, messages);
-    if (Object.keys(result.errors).length > 0) {
-      setValidationErrors(result.errors);
-      return;
-    }
-    await submitResponse({ outcome: "answered", answers: result.answers });
-  };
-  return /* @__PURE__ */ jsxs2(
-    "form",
-    {
-      "data-human-input-request": request.id,
-      onSubmit: (event) => void submit(event),
-      className: cn(
-        "og-root flex w-full flex-col gap-5 rounded-og-lg border border-og-border bg-og-surface-1 p-5 shadow-og-sm",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs2("header", { children: [
-          /* @__PURE__ */ jsx2("h2", { className: "text-og-md font-semibold text-og-fg", children: resolvedTitle }),
-          resolvedDescription ? /* @__PURE__ */ jsx2("div", { className: "mt-1 text-og-sm text-og-fg-muted", children: resolvedDescription }) : null,
-          request.expiresAt ? /* @__PURE__ */ jsxs2("p", { className: "mt-1 text-og-xs text-og-fg-subtle", children: [
-            messages.deadlineLabel,
-            " ",
-            /* @__PURE__ */ jsx2("time", { dateTime: request.expiresAt, children: messages.formatDeadline(request.expiresAt) })
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ jsx2("fieldset", { disabled: busy, className: "contents", children: request.questions.map((question, index) => {
-          const draft = drafts[question.id] ?? emptyDraft();
-          const fieldId = `${formId}-${index}`;
-          const errorId = `${fieldId}-error`;
-          const helpId = `${fieldId}-help`;
-          const describedBy = [question.helpText ? helpId : null, validationErrors[question.id] ? errorId : null].filter(Boolean).join(" ") || void 0;
-          return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxs2(
-              "label",
-              {
-                htmlFor: question.kind === "text" ? fieldId : void 0,
-                className: "text-og-base font-medium text-og-fg",
-                children: [
-                  question.label ?? question.prompt,
-                  question.required ? /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "ml-1 text-og-status-failed", children: "*" }) : null
-                ]
-              }
-            ),
-            question.label ? /* @__PURE__ */ jsx2("p", { className: "text-og-sm text-og-fg-muted", children: question.prompt }) : null,
-            question.helpText ? /* @__PURE__ */ jsx2("p", { id: helpId, className: "text-og-xs text-og-fg-subtle", children: question.helpText }) : null,
-            question.kind === "text" ? /* @__PURE__ */ jsx2(
-              "textarea",
-              {
-                id: fieldId,
-                value: draft.values[0] ?? "",
-                onChange: (event) => update(question.id, (current) => ({
-                  ...current,
-                  values: event.target.value ? [event.target.value] : []
-                })),
-                "aria-invalid": Boolean(validationErrors[question.id]),
-                "aria-describedby": describedBy,
-                autoFocus: autoFocus && index === 0,
-                rows: 3,
-                className: "min-h-20 w-full resize-y rounded-og-md border border-og-border bg-og-surface-2 px-3 py-2 text-og-base text-og-fg outline-none placeholder:text-og-fg-subtle focus:border-og-accent"
-              }
-            ) : /* @__PURE__ */ jsxs2(
-              "div",
-              {
-                role: question.kind === "single_select" ? "radiogroup" : "group",
-                "aria-describedby": describedBy,
-                className: "flex flex-col gap-2",
-                children: [
-                  question.options.map((option, optionIndex) => {
-                    const checked = draft.values.includes(option.id);
-                    return /* @__PURE__ */ jsxs2(
-                      "label",
-                      {
-                        className: "flex cursor-pointer items-start gap-2 rounded-og-md border border-og-border px-3 py-2 hover:bg-og-surface-2",
-                        children: [
-                          /* @__PURE__ */ jsx2(
-                            "input",
-                            {
-                              type: question.kind === "single_select" ? "radio" : "checkbox",
-                              name: question.kind === "single_select" ? fieldId : void 0,
-                              autoFocus: autoFocus && index === 0 && optionIndex === 0,
-                              checked,
-                              onChange: (event) => update(question.id, (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__ */ jsxs2("span", { className: "min-w-0", children: [
-                            /* @__PURE__ */ jsx2("span", { className: "block text-og-sm font-medium text-og-fg", children: option.label }),
-                            option.description ? /* @__PURE__ */ jsx2("span", { className: "block text-og-xs text-og-fg-muted", children: option.description }) : null
-                          ] })
-                        ]
-                      },
-                      option.id
-                    );
-                  }),
-                  question.allowOther ? /* @__PURE__ */ jsxs2("label", { className: "flex items-start gap-2 rounded-og-md border border-og-border px-3 py-2", children: [
-                    /* @__PURE__ */ jsx2(
-                      "input",
-                      {
-                        type: question.kind === "single_select" ? "radio" : "checkbox",
-                        name: question.kind === "single_select" ? fieldId : void 0,
-                        checked: draft.otherSelected,
-                        autoFocus: autoFocus && index === 0 && question.options.length === 0,
-                        onChange: (event) => update(question.id, (current) => ({
-                          ...current,
-                          otherSelected: event.target.checked,
-                          ...question.kind === "single_select" && event.target.checked ? { values: [] } : {}
-                        })),
-                        className: "mt-2 accent-og-accent"
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs2("span", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsx2("span", { className: "block text-og-sm font-medium text-og-fg", children: messages.other }),
-                      /* @__PURE__ */ jsx2(
-                        "input",
-                        {
-                          type: "text",
-                          value: draft.other,
-                          disabled: !draft.otherSelected || busy,
-                          onChange: (event) => update(question.id, (current) => ({
-                            ...current,
-                            other: event.target.value
-                          })),
-                          className: "mt-1 w-full rounded-og-sm border border-og-border bg-og-surface-2 px-2 py-1.5 text-og-sm text-og-fg outline-none focus:border-og-accent disabled:opacity-50"
-                        }
-                      )
-                    ] })
-                  ] }) : null
-                ]
-              }
-            ),
-            validationErrors[question.id] ? /* @__PURE__ */ jsx2("p", { id: errorId, role: "alert", className: "text-og-xs text-og-status-failed", children: validationErrors[question.id] }) : null
-          ] }, question.id);
-        }) }),
-        error ?? submissionError ? /* @__PURE__ */ jsx2("p", { role: "alert", className: "text-og-sm text-og-status-failed", children: error ?? submissionError }) : null,
-        /* @__PURE__ */ jsxs2("footer", { className: "flex items-center justify-end gap-2", children: [
-          request.allowSkip ? /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              disabled: busy,
-              onClick: () => void submitResponse({ outcome: "skipped" }),
-              className: "rounded-og-md border border-og-border px-3 py-2 text-og-sm font-medium text-og-fg-muted hover:bg-og-surface-2 disabled:opacity-50",
-              children: resolvedSkipLabel
-            }
-          ) : null,
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "submit",
-              disabled: busy,
-              className: "rounded-og-md bg-og-accent px-3 py-2 text-og-sm font-medium text-og-accent-fg hover:bg-og-accent-strong disabled:opacity-50",
-              children: busy ? messages.submitting : resolvedSubmitLabel
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-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.trim() : "";
-    const supplied = values.length + (other ? 1 : 0);
-    if (question.required && supplied === 0) {
-      errors[question.id] = messages.required;
-      continue;
-    }
-    if (question.kind === "text") {
-      const value = values[0] ?? "";
-      if (value && question.validation?.minLength != null && value.length < question.validation.minLength) {
-        errors[question.id] = messages.minLength(question.validation.minLength);
-        continue;
-      }
-      if (question.validation?.maxLength != null && value.length > question.validation.maxLength) {
-        errors[question.id] = messages.maxLength(question.validation.maxLength);
-        continue;
-      }
-    } else {
-      if (draft.otherSelected && !other) {
-        errors[question.id] = messages.otherRequired;
-        continue;
-      }
-      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,
-        ...other ? { 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);
-  return Number.isNaN(date.getTime()) ? value : date.toLocaleString();
-}
-
-// src/timeline/registry.ts
-function rawTypeOf(item) {
-  const raw = item.raw;
-  if (raw && typeof raw === "object" && typeof raw.type === "string") {
-    return raw.type;
-  }
-  return null;
-}
-function createToolRegistry(baseEntries, baseFallback, options = {}) {
-  const entries = [...options.entries ?? [], ...baseEntries];
-  const fallback = options.fallback ?? baseFallback;
-  const byRawType = /* @__PURE__ */ new Map();
-  const byName = /* @__PURE__ */ new Map();
-  for (const entry of entries) {
-    if (entry.match === "rawType") {
-      if (!byRawType.has(entry.type)) {
-        byRawType.set(entry.type, entry.render);
-      }
-    } else if (!byName.has(entry.name)) {
-      byName.set(entry.name, entry.render);
-    }
-  }
-  const resolve = (item) => {
-    const rawType = rawTypeOf(item);
-    if (rawType) {
-      const byType = byRawType.get(rawType);
-      if (byType) {
-        return byType;
-      }
-    }
-    return byName.get(item.name) ?? fallback;
-  };
-  return { resolve, fallback };
-}
-
-// src/timeline/parsers.ts
-import { normalizeMcpOutput } from "@opengeni/sdk";
-function sandboxCommandExitCode(out) {
-  const match = String(out ?? "").match(/Process exited with code (-?\d+)/);
-  return match ? Number(match[1]) : null;
-}
-function parseExecBannerSessionId(out) {
-  const text = String(out ?? "");
-  const outputIdx = text.indexOf("\nOutput:\n");
-  const banner = outputIdx >= 0 ? text.slice(0, outputIdx) : text.startsWith("Output:\n") ? "" : text;
-  const match = banner.match(/Process running with session ID (\d+)/);
-  if (!match) {
-    return null;
-  }
-  const n = Number.parseInt(match[1], 10);
-  return Number.isFinite(n) ? n : null;
-}
-function stripExecBanner(out) {
-  const text = String(out ?? "");
-  const marker = text.indexOf("\nOutput:\n");
-  if (marker >= 0) {
-    return text.slice(marker + "\nOutput:\n".length);
-  }
-  if (text.startsWith("Output:\n")) {
-    return text.slice("Output:\n".length);
-  }
-  return text;
-}
-function execTruncated(out) {
-  return /Total output lines:|\.{3}\d+ tokens truncated\.{3}|\[\.{3}\d+ characters truncated/.test(
-    String(out ?? "")
-  );
-}
-function isExecSessionLostBanner(out) {
-  return /write_stdin failed: session not found: \d+/.test(String(out ?? ""));
-}
-function looksBinary(text) {
-  return text.includes("\0") || text.startsWith("\x7FELF");
-}
-function controlCaret(printable) {
-  return String(printable).replace(
-    /[\u0000-\u001f]/g,
-    (c) => `^${String.fromCharCode(c.charCodeAt(0) + 64)}`
-  );
-}
-function v4aToGitFileDiff(op) {
-  const status = op.type === "create_file" ? "added" : op.type === "delete_file" ? "deleted" : op.moveTo ? "renamed" : "modified";
-  const oldPath = op.moveTo ? op.path : null;
-  const path = op.moveTo || op.path;
-  const hunks = [];
-  let additions = 0;
-  let deletions = 0;
-  let sawHunkAnchor = false;
-  if (op.type !== "delete_file") {
-    const lines = (op.diff ?? "").split("\n");
-    let cur = null;
-    let oldNo = 1;
-    let newNo = 1;
-    for (const raw of lines) {
-      if (raw.startsWith("@@")) {
-        sawHunkAnchor = true;
-        const match = raw.match(/-(\d+)(?:,\d+)?\s+\+(\d+)/);
-        oldNo = match ? Number(match[1]) : 1;
-        newNo = match ? Number(match[2]) : 1;
-        cur = {
-          oldStart: oldNo,
-          oldLines: 0,
-          newStart: newNo,
-          newLines: 0,
-          header: raw,
-          lines: [{ type: "meta", oldNo: null, newNo: null, text: raw }]
-        };
-        hunks.push(cur);
-      } else if (cur || op.type === "create_file") {
-        if (!cur) {
-          cur = {
-            oldStart: 0,
-            oldLines: 0,
-            newStart: 1,
-            newLines: 0,
-            header: "",
-            lines: []
-          };
-          hunks.push(cur);
-          oldNo = 0;
-          newNo = 1;
-        }
-        if (raw.startsWith("+")) {
-          cur.lines.push({
-            type: "add",
-            oldNo: null,
-            newNo: newNo++,
-            text: raw.slice(1)
-          });
-          cur.newLines += 1;
-          additions += 1;
-        } else if (raw.startsWith("-")) {
-          cur.lines.push({
-            type: "del",
-            oldNo: oldNo++,
-            newNo: null,
-            text: raw.slice(1)
-          });
-          cur.oldLines += 1;
-          deletions += 1;
-        } else {
-          cur.lines.push({
-            type: "context",
-            oldNo: oldNo++,
-            newNo: newNo++,
-            text: raw.replace(/^ /, "")
-          });
-          cur.oldLines += 1;
-          cur.newLines += 1;
-        }
-      }
-    }
-    if (op.type === "update_file" && !sawHunkAnchor && lines.some((l) => l.trim().length > 0)) {
-      throw new Error("malformed V4A: no @@ hunk anchor");
-    }
-  }
-  return {
-    path,
-    oldPath,
-    status,
-    isBinary: false,
-    isImage: false,
-    additions,
-    deletions,
-    hunks,
-    truncated: false
-  };
-}
-function applyPatchOps(raw) {
-  const r = raw ?? {};
-  if (Array.isArray(r.operations)) {
-    return r.operations;
-  }
-  return r.operation ? [r.operation] : [];
-}
-function isApplyPatch(item) {
-  const type = item.raw && typeof item.raw === "object" ? item.raw.type : void 0;
-  return type === "apply_patch_call" || item.name === "apply_patch_call";
-}
-var SECRET_KEY = /^(value|secret|token|password|api[_-]?key|signing[_-]?key)$/i;
-function redactSecrets(value) {
-  if (Array.isArray(value)) {
-    return value.map(redactSecrets);
-  }
-  if (value && typeof value === "object") {
-    const out = {};
-    for (const [k, v] of Object.entries(value)) {
-      out[k] = SECRET_KEY.test(k) ? "\u2022\u2022\u2022\u2022" : redactSecrets(v);
-    }
-    return out;
-  }
-  return value;
-}
-function parseToolArgs(args) {
-  if (args == null) {
-    return {};
-  }
-  if (typeof args === "string") {
-    const parsed = tryParseJson(args);
-    return parsed && typeof parsed === "object" ? parsed : {};
-  }
-  return typeof args === "object" ? args : {};
-}
-function tailPeek(text) {
-  const trimmed = text.trim();
-  if (!trimmed) {
-    return "";
-  }
-  const lines = trimmed.split("\n");
-  return lines[lines.length - 1] ?? "";
-}
-function unwrapMcpOutput(output) {
-  const normalized = normalizeMcpOutput(output);
-  return { text: normalized.text, isError: normalized.isError };
-}
-function screenshotDataUrl(out) {
-  if (typeof out === "string") {
-    if (out.startsWith("data:image")) {
-      return out;
-    }
-    if (out.startsWith("{") || out.startsWith("[")) {
-      const parsed = tryParseJson(out);
-      if (parsed !== void 0 && parsed !== out) {
-        return screenshotDataUrl(parsed);
-      }
-    }
-    return null;
-  }
-  if (Array.isArray(out)) {
-    for (const entry of out) {
-      const url = screenshotDataUrl(entry);
-      if (url) {
-        return url;
-      }
-    }
-    return null;
-  }
-  if (out === null || typeof out !== "object") {
-    return null;
-  }
-  const record = out;
-  const imageUrl = record.image_url ?? record.imageUrl;
-  if (typeof imageUrl === "string" && imageUrl.startsWith("data:image")) {
-    return imageUrl;
-  }
-  if (imageUrl && typeof imageUrl === "object") {
-    const url = imageUrl.url;
-    if (typeof url === "string" && url.startsWith("data:image")) {
-      return url;
-    }
-  }
-  const image = record.image;
-  if (image && typeof image === "object") {
-    const mediaType = typeof image.mediaType === "string" ? image.mediaType : "image/png";
-    const base64 = bytesToBase64(image.data);
-    if (base64) {
-      return `data:${mediaType};base64,${base64}`;
-    }
-    if (typeof image.data === "string" && image.data.length > 0) {
-      return `data:${mediaType};base64,${image.data}`;
-    }
-  }
-  return null;
-}
-function mediaPreviewFact(out) {
-  if (typeof out === "string" && (out.startsWith("{") || out.startsWith("["))) {
-    const parsed = tryParseJson(out);
-    if (parsed !== void 0 && parsed !== out) return mediaPreviewFact(parsed);
-  }
-  if (Array.isArray(out)) {
-    for (const entry of out) {
-      const preview = mediaPreviewFact(entry);
-      if (preview) return preview;
-    }
-    return null;
-  }
-  if (!out || typeof out !== "object") return null;
-  const record = out;
-  if (record.type !== "media_preview" || typeof record.mediaType !== "string" || record.fullOutputAvailable !== false || typeof record.preview !== "string" || record.inlineBytes !== null && typeof record.inlineBytes !== "number") {
-    return null;
-  }
-  return record;
-}
-function bytesToBase64(data) {
-  const isByte = (n) => typeof n === "number" && Number.isInteger(n) && n >= 0 && n <= 255;
-  let bytes = null;
-  if (Array.isArray(data) && data.every(isByte)) {
-    bytes = data;
-  } else if (data && typeof data === "object") {
-    const record = data;
-    if (record.type === "Buffer" && Array.isArray(record.data) && record.data.every(isByte)) {
-      bytes = record.data;
-    } else {
-      const keys = Object.keys(record);
-      if (keys.length > 0 && keys.every((key) => /^\d+$/.test(key))) {
-        const values = keys.sort((a, b) => Number(a) - Number(b)).map((key) => record[key]);
-        if (values.every(isByte)) {
-          bytes = values;
-        }
-      }
-    }
-  }
-  if (!bytes || bytes.length === 0) {
-    return null;
-  }
-  try {
-    let binary = "";
-    const CHUNK = 32768;
-    for (let i = 0; i < bytes.length; i += CHUNK) {
-      binary += String.fromCharCode(...bytes.slice(i, i + CHUNK));
-    }
-    return typeof btoa === "function" ? btoa(binary) : Buffer.from(binary, "binary").toString("base64");
-  } catch {
-    return null;
-  }
-}
-
-// src/timeline/disclosure-context.tsx
-import { createContext, useContext } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var DisclosureDefaultsContext = createContext(void 0);
-function DisclosureDefaultsProvider({
-  defaultOpen,
-  children
-}) {
-  return /* @__PURE__ */ jsx3(DisclosureDefaultsContext.Provider, { value: defaultOpen, children });
-}
-function useForcedDefaultOpen() {
-  return useContext(DisclosureDefaultsContext);
-}
-
-// src/timeline/screenshot-lightbox.tsx
-import { XIcon } from "lucide-react";
-import { AnimatePresence, motion } from "motion/react";
-import { createContext as createContext2, useCallback, useContext as useContext2, useMemo, useState as useState2 } from "react";
-import { Dialog } from "radix-ui";
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var LightboxContext = createContext2(null);
-function useLightbox() {
-  return useContext2(LightboxContext) ?? NOOP;
-}
-function useLightboxOptional() {
-  return useContext2(LightboxContext);
-}
-var NOOP = { open: () => {
-} };
-function LightboxProvider({ children }) {
-  const ancestor = useContext2(LightboxContext);
-  if (ancestor) {
-    return /* @__PURE__ */ jsx4(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx4(LightboxRoot, { children });
-}
-function LightboxRoot({ children }) {
-  const [state, setState] = useState2(null);
-  const open = useCallback((src, caption) => {
-    setState(caption ? { src, caption } : { src });
-  }, []);
-  const controller = useMemo(() => ({ open }), [open]);
-  return /* @__PURE__ */ jsxs3(LightboxContext.Provider, { value: controller, children: [
-    children,
-    /* @__PURE__ */ jsx4(Dialog.Root, { open: state !== null, onOpenChange: (next) => !next && setState(null), children: /* @__PURE__ */ jsx4(AnimatePresence, { children: state !== null ? /* @__PURE__ */ jsxs3(Dialog.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsx4(Dialog.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx4(
-        motion.div,
-        {
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-          transition: { duration: 0.15 },
-          className: "og-root fixed inset-0 z-50 bg-black/90 backdrop-blur-md"
-        }
-      ) }),
-      /* @__PURE__ */ jsx4(
-        Dialog.Content,
-        {
-          asChild: true,
-          forceMount: true,
-          "aria-label": "Screenshot",
-          onOpenAutoFocus: (event) => event.preventDefault(),
-          children: /* @__PURE__ */ jsxs3(
-            motion.div,
-            {
-              initial: { opacity: 0, scale: 0.98 },
-              animate: { opacity: 1, scale: 1 },
-              exit: { opacity: 0, scale: 0.98 },
-              transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
-              onClick: (event) => {
-                if (event.target === event.currentTarget) {
-                  setState(null);
-                }
-              },
-              className: "og-root fixed inset-0 z-50 flex items-center justify-center p-6 sm:p-12",
-              children: [
-                /* @__PURE__ */ jsx4(Dialog.Title, { className: "sr-only", children: "Screenshot" }),
-                /* @__PURE__ */ jsxs3("figure", { className: "m-0 flex max-h-full max-w-5xl flex-col items-center gap-3", children: [
-                  /* @__PURE__ */ jsxs3("div", { className: "relative flex min-h-0 w-fit max-w-full", children: [
-                    /* @__PURE__ */ jsx4(
-                      "img",
-                      {
-                        src: state.src,
-                        alt: state.caption ?? "Screenshot",
-                        className: "min-h-0 max-h-[82vh] w-auto max-w-full rounded-og-md border border-white/10 object-contain shadow-og-lg"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx4(
-                      Dialog.Close,
-                      {
-                        className: cn(
-                          "absolute -right-3 -top-3 inline-flex size-9 items-center justify-center rounded-full",
-                          "border border-white/15 bg-black/60 text-white/70 backdrop-blur",
-                          "transition-colors hover:border-white/30 hover:text-white"
-                        ),
-                        "aria-label": "Close",
-                        children: /* @__PURE__ */ jsx4(XIcon, { className: "size-4" })
-                      }
-                    )
-                  ] }),
-                  state.caption ? /* @__PURE__ */ jsx4("figcaption", { className: "max-w-2xl text-center font-og-mono text-og-xs text-white/55", children: state.caption }) : /* @__PURE__ */ jsx4("figcaption", { className: "font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35", children: "Esc or click outside to close" })
-                ] })
-              ]
-            }
-          )
-        }
-      )
-    ] }) : null }) })
-  ] });
-}
-
-// src/timeline/shared.tsx
-import { CameraIcon, CameraOffIcon, ChevronRightIcon } from "lucide-react";
-import { useState as useState3 } from "react";
-import { Collapsible } from "radix-ui";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var ICON_TONE = {
-  accent: "text-og-accent",
-  failed: "text-og-status-failed",
-  running: "text-og-status-running",
-  muted: "text-og-fg-subtle"
-};
-function ActivityDisclosure({
-  icon,
-  iconTone: iconToneProp = "muted",
-  title,
-  titleMono,
-  running,
-  preview,
-  media,
-  chip: chipProp,
-  failed,
-  cancelled,
-  expandable = true,
-  children
-}) {
-  const iconTone = failed && iconToneProp === "muted" ? "failed" : iconToneProp;
-  const chip = chipProp ?? (failed ? { tone: "bad", text: "failed" } : cancelled ? { tone: "interrupted", text: "interrupted" } : void 0);
-  const forcedDefaultOpen = useForcedDefaultOpen();
-  const [open, setOpen] = useState3(forcedDefaultOpen ?? false);
-  const hasBody = expandable && children != 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 padding so the
-    // hit area clears the 40px minimum without loosening the dense desktop rail.
-    "pointer-coarse:py-2.5"
-  );
-  const inner = /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    hasBody ? /* @__PURE__ */ jsx5(ChevronRightIcon, { className: "size-3.5 shrink-0 text-og-fg-subtle transition-transform duration-150 ease-og-in-out group-data-[state=open]/disclosure:rotate-90" }) : /* @__PURE__ */ jsx5("span", { className: "size-3.5 shrink-0" }),
-    /* @__PURE__ */ jsx5("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
-    /* @__PURE__ */ jsx5(
-      "span",
-      {
-        className: cn(
-          "min-w-0 shrink truncate text-og-base font-medium",
-          titleMono && "font-og-mono text-og-sm font-normal",
-          running && "og-shimmer-text"
-        ),
-        children: title
-      }
-    ),
-    previewVisible && !media ? /* @__PURE__ */ jsx5("span", { className: "min-w-0 flex-1 truncate text-og-sm text-og-fg-subtle", children: preview }) : /* @__PURE__ */ jsx5("span", { className: "flex-1" }),
-    media ? /* @__PURE__ */ jsx5("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2", children: media }) : chip && !open ? /* @__PURE__ */ jsx5("span", { className: "ml-auto shrink-0 pl-2", children: /* @__PURE__ */ jsx5(Chip, { chip }) }) : null
-  ] });
-  const dataStatus = cancelled ? "cancelled" : failed ? "failed" : void 0;
-  if (!hasBody) {
-    return /* @__PURE__ */ jsx5("div", { className: cn(rowClass, "cursor-default"), "data-status": dataStatus, children: inner });
-  }
-  return /* @__PURE__ */ jsxs4(Collapsible.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx5(Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsx5(
-      "div",
-      {
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (event) => {
-          if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            setOpen((prev) => !prev);
-          }
-        },
-        "data-status": dataStatus,
-        className: cn(
-          rowClass,
-          "cursor-pointer outline-none 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
-      }
-    ) }),
-    /* @__PURE__ */ jsx5(Collapsible.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx5("div", { className: "mb-2 ml-7 mt-1.5 flex flex-col gap-2", children }) })
-  ] });
-}
-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__ */ jsxs4("span", { className: cn(base, withText, "text-og-status-failed"), children: [
-      /* @__PURE__ */ jsx5("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
-      chip.text
-    ] });
-  }
-  if (chip.tone === "interrupted") {
-    return /* @__PURE__ */ jsx5("span", { className: cn(base, "text-og-fg-subtle og-cancelled-chip"), children: chip.text });
-  }
-  return /* @__PURE__ */ jsx5("span", { className: cn(base, "text-og-fg-subtle"), children: chip.text });
-}
-function TermBlock({
-  command,
-  workdir,
-  output,
-  live,
-  tailLines = 12,
-  failed
-}) {
-  const [full, setFull] = useState3(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__ */ jsxs4(
-    "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__ */ jsxs4("div", { className: "flex items-center gap-2 pb-1", children: [
-          /* @__PURE__ */ jsx5("span", { className: "select-none text-og-status-idle", children: "$" }),
-          command != null ? /* @__PURE__ */ jsx5("span", { className: "min-w-0 flex-1 truncate font-og-mono text-og-sm text-og-fg-muted", children: command }) : /* @__PURE__ */ jsx5("span", { className: "flex-1" }),
-          workdir ? /* @__PURE__ */ jsx5("span", { className: "shrink-0 font-og-mono text-og-xs text-og-fg-subtle", children: workdir }) : null
-        ] }) : null,
-        empty ? /* @__PURE__ */ jsx5("p", { className: "font-og-mono text-og-xs italic text-og-fg-subtle", children: "(no output)" }) : /* @__PURE__ */ jsxs4("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap break-all font-og-mono text-og-xs leading-5 text-og-fg-muted", children: [
-          shown,
-          live ? /* @__PURE__ */ jsx5("span", { className: "ml-px inline-block h-[1em] w-[2px] translate-y-[2px] animate-og-blink bg-og-accent align-middle" }) : null
-        ] }),
-        showMore ? /* @__PURE__ */ jsxs4(
-          "button",
-          {
-            type: "button",
-            onClick: () => setFull(true),
-            className: "mt-1 text-left text-og-xs text-og-fg-subtle transition-colors hover:text-og-fg",
-            children: [
-              "show full output (",
-              lines.length,
-              " lines)"
-            ]
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function PayloadBlock({
-  label,
-  value,
-  failed
-}) {
-  const text = typeof value === "string" ? value : stringifyPayload(value);
-  if (!text || text.trim() === "") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      className: cn(
-        "min-w-0 border-l-2 pl-3",
-        failed ? "border-og-status-failed/50" : "border-og-border"
-      ),
-      children: [
-        /* @__PURE__ */ jsx5("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: label }),
-        /* @__PURE__ */ jsx5(
-          "pre",
-          {
-            className: cn(
-              "max-h-64 overflow-auto whitespace-pre-wrap break-all font-og-mono text-og-xs leading-5",
-              failed ? "text-og-status-failed" : "text-og-fg-muted"
-            ),
-            children: text
-          }
-        )
-      ]
-    }
-  );
-}
-function BodyNote({
-  children,
-  tone
-}) {
-  if (tone === "error") {
-    return /* @__PURE__ */ jsx5("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__ */ jsx5("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__ */ jsxs4(
-    "span",
-    {
-      className: cn(
-        MEDIA_BOX,
-        "relative inline-flex items-center justify-center overflow-hidden bg-og-surface-2"
-      ),
-      children: [
-        /* @__PURE__ */ jsx5("span", { className: "absolute inset-0 animate-og-pulse bg-og-surface-3/50" }),
-        /* @__PURE__ */ jsx5(CameraIcon, { className: "relative size-3.5 text-og-fg-subtle" })
-      ]
-    }
-  );
-}
-function MediaEmpty() {
-  return /* @__PURE__ */ jsx5("span", { className: cn(MEDIA_BOX, "inline-flex items-center justify-center bg-og-bg"), children: /* @__PURE__ */ jsx5(CameraOffIcon, { className: "size-3.5 text-og-fg-subtle" }) });
-}
-function Thumbnail({
-  src,
-  caption,
-  alt = "screenshot"
-}) {
-  const lightbox = useLightboxOptional();
-  const [failed, setFailed] = useState3(false);
-  if (failed) {
-    return /* @__PURE__ */ jsx5(MediaEmpty, {});
-  }
-  const img = /* @__PURE__ */ jsx5(
-    "img",
-    {
-      src,
-      alt,
-      onError: () => setFailed(true),
-      className: "h-full w-full object-cover transition-opacity group-hover/thumb:opacity-80"
-    }
-  );
-  if (!lightbox) {
-    return /* @__PURE__ */ jsx5("span", { className: cn(MEDIA_BOX, "inline-flex overflow-hidden bg-og-bg"), children: img });
-  }
-  return /* @__PURE__ */ jsx5(
-    "button",
-    {
-      type: "button",
-      onClick: (event) => {
-        event.stopPropagation();
-        lightbox.open(src, caption);
-      },
-      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-none",
-        "focus-visible:ring-2 focus-visible:ring-og-accent"
-      ),
-      "aria-label": "Expand screenshot",
-      children: img
-    }
-  );
-}
-function ScreenshotFigure({
-  src,
-  caption,
-  alt = "screenshot"
-}) {
-  const lightbox = useLightboxOptional();
-  const [failed, setFailed] = useState3(false);
-  const surface = "block w-full overflow-hidden rounded-og-md border border-og-border bg-og-bg";
-  const img = /* @__PURE__ */ jsx5(
-    "img",
-    {
-      src,
-      alt,
-      onError: () => setFailed(true),
-      className: "max-h-80 w-full object-contain"
-    }
-  );
-  return /* @__PURE__ */ jsxs4("figure", { className: "m-0 min-w-0", children: [
-    failed ? /* @__PURE__ */ jsx5("div", { className: "rounded-og-md border border-og-border bg-og-bg px-3 py-6 text-center font-og-mono text-og-xs text-og-fg-subtle", children: "image unavailable" }) : lightbox ? /* @__PURE__ */ jsx5(
-      "button",
-      {
-        type: "button",
-        onClick: () => lightbox.open(src, caption),
-        className: surface,
-        "aria-label": "Expand screenshot",
-        children: img
-      }
-    ) : /* @__PURE__ */ jsx5("div", { className: surface, children: img }),
-    caption ? /* @__PURE__ */ jsx5("figcaption", { className: "mt-1.5 font-og-mono text-og-xs text-og-fg-subtle", children: caption }) : null
-  ] });
-}
-
-// src/lib/git-patch.ts
-function gitFileDiffToPatch(file) {
-  const oldPath = file.oldPath ?? file.path;
-  const newPath = file.path;
-  const lines = [];
-  lines.push(`diff --git a/${oldPath} b/${newPath}`);
-  if (file.status === "deleted") {
-    lines.push(`--- a/${oldPath}`);
-    lines.push(`+++ /dev/null`);
-  } else if (file.status === "added" || file.status === "untracked") {
-    lines.push(`--- /dev/null`);
-    lines.push(`+++ b/${newPath}`);
-  } else {
-    lines.push(`--- a/${oldPath}`);
-    lines.push(`+++ b/${newPath}`);
-  }
-  for (const hunk of file.hunks) {
-    const headerIsValid = /^@@ -\d+(?:,\d+)? \+\d+(?:,\d+)? @@/.test(hunk.header ?? "");
-    const header = headerIsValid ? hunk.header : `@@ -${hunk.oldStart},${hunk.oldLines} +${hunk.newStart},${hunk.newLines} @@`;
-    lines.push(header);
-    for (const line of hunk.lines) {
-      if (line.type === "meta") continue;
-      const prefix = line.type === "add" ? "+" : line.type === "del" ? "-" : " ";
-      lines.push(`${prefix}${line.text}`);
-    }
-  }
-  return lines.join("\n") + "\n";
-}
-
-// src/components/pierre-diff.tsx
-import {
-  lazy as lazy2,
-  Suspense as Suspense2,
-  useEffect as useEffect2,
-  useState as useState4
-} from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var LazyPatchDiff = lazy2(async () => {
-  const mod = await import("@pierre/diffs/react");
-  return { default: mod.PatchDiff };
-});
-function PierreDiff({
-  diff,
-  layout = "unified",
-  themeType,
-  theme,
-  disableWorkerPool,
-  loading,
-  fallback,
-  plain,
-  overflow = "wrap",
-  className
-}) {
-  const [failed, setFailed] = useState4(false);
-  const [forcedColors, setForcedColors] = useState4(false);
-  useEffect2(() => {
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
-    const query = window.matchMedia("(forced-colors: active)");
-    const update = () => setForcedColors(query.matches);
-    update();
-    query.addEventListener?.("change", update);
-    return () => query.removeEventListener?.("change", update);
-  }, []);
-  useEffect2(() => {
-    if (plain) return;
-    let cancelled = false;
-    void import("@pierre/diffs/react").catch(() => {
-      if (!cancelled) setFailed(true);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [plain]);
-  if (plain || failed || forcedColors) {
-    return /* @__PURE__ */ jsx6(
-      "div",
-      {
-        className,
-        "data-opengeni-plain-diff": forcedColors ? "forced-colors" : "fallback",
-        children: fallback ?? /* @__PURE__ */ jsx6(PlainPatch, { diff })
-      }
-    );
-  }
-  const options = {
-    diffStyle: layout,
-    overflow,
-    stickyHeader: true,
-    ...theme ? { theme } : {
-      theme: {
-        dark: "github-dark-high-contrast",
-        light: "github-light-high-contrast"
-      }
-    },
-    themeType: themeType ?? "dark"
-  };
-  const pierreVars = {
-    "--diffs-dark-bg": "var(--og-color-bg)",
-    "--diffs-light-bg": "var(--og-color-bg)",
-    "--diffs-bg-buffer-override": "var(--og-color-surface-1)",
-    "--diffs-bg-separator-override": "var(--og-color-surface-1)",
-    "--diffs-addition-color-override": "var(--og-color-status-idle)",
-    "--diffs-deletion-color-override": "var(--og-color-status-failed)",
-    "--diffs-fg-number-addition-override": "var(--og-color-status-idle)",
-    "--diffs-fg-number-deletion-override": "var(--og-color-status-failed)",
-    "--diffs-bg-addition-override": "color-mix(in oklab, var(--og-color-status-idle) 12%, var(--og-color-bg))",
-    "--diffs-bg-deletion-override": "color-mix(in oklab, var(--og-color-status-failed) 12%, var(--og-color-bg))",
-    "--diffs-bg-addition-emphasis-override": "color-mix(in oklab, var(--og-color-status-idle) 22%, var(--og-color-bg))",
-    "--diffs-bg-deletion-emphasis-override": "color-mix(in oklab, var(--og-color-status-failed) 22%, var(--og-color-bg))",
-    "--diffs-header-font-family": "var(--og-font-sans)",
-    "--diffs-font-family": "var(--og-font-mono)",
-    "--diffs-font-size": "var(--og-code-font-size)",
-    "--diffs-line-height": "var(--og-code-line-height)"
-  };
-  return /* @__PURE__ */ jsx6("div", { className: cn("min-w-0", className), "data-opengeni-pierre-diff": true, style: pierreVars, children: /* @__PURE__ */ jsx6(Suspense2, { fallback: loading ?? /* @__PURE__ */ jsx6(DiffSkeleton, {}), children: diff.map((file) => /* @__PURE__ */ jsx6("div", { className: "mb-2", children: /* @__PURE__ */ jsx6(
-    LazyPatchDiff,
-    {
-      patch: gitFileDiffToPatch(file),
-      options,
-      ...disableWorkerPool !== void 0 ? { disableWorkerPool } : {}
-    }
-  ) }, file.path)) }) });
-}
-function DiffSkeleton() {
-  return /* @__PURE__ */ jsx6("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "Loading diff\u2026" });
-}
-function PlainPatch({ diff }) {
-  if (diff.length === 0) {
-    return /* @__PURE__ */ jsx6("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "No changes" });
-  }
-  return /* @__PURE__ */ jsx6("div", { className: "min-w-0", children: diff.map((file) => /* @__PURE__ */ jsx6(
-    "pre",
-    {
-      "aria-label": `Diff for ${file.path}`,
-      className: "mb-2 overflow-auto whitespace-pre rounded-og-sm border border-og-border bg-og-bg/60 p-2.5 font-og-mono text-og-xs leading-5",
-      role: "region",
-      tabIndex: 0,
-      children: gitFileDiffToPatch(file).split("\n").map((line, index) => /* @__PURE__ */ jsx6(
-        "span",
-        {
-          className: cn(
-            "block",
-            line.startsWith("@@") ? "text-og-accent" : line.startsWith("+") ? "text-og-status-idle" : line.startsWith("-") ? "text-og-status-failed" : "text-og-fg-muted"
-          ),
-          children: line || " "
-        },
-        index
-      ))
-    },
-    file.path
-  )) });
-}
-
-// src/timeline/tool-renderers.tsx
-import {
-  CameraIcon as CameraIcon2,
-  CameraOffIcon as CameraOffIcon2,
-  FileDiffIcon,
-  GlobeIcon,
-  ImageIcon,
-  KeyboardIcon,
-  KeyRoundIcon,
-  LockIcon,
-  MousePointer2Icon,
-  PlugIcon,
-  SearchIcon,
-  TerminalIcon,
-  WrenchIcon
-} from "lucide-react";
-
-// src/timeline/tool-diff.tsx
-import { useState as useState6 } from "react";
-
-// src/lib/use-theme-type.ts
-import { useEffect as useEffect3, useState as useState5 } from "react";
-function useThemeType(forced) {
-  const [detected, setDetected] = useState5("dark");
-  useEffect3(() => {
-    if (forced || typeof document === "undefined") return;
-    const read = () => {
-      const el = document.querySelector("[data-og-theme]");
-      const value = el?.getAttribute("data-og-theme");
-      setDetected(value === "light" ? "light" : "dark");
-    };
-    read();
-    const observer = new MutationObserver(read);
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["data-og-theme"],
-      subtree: true
-    });
-    return () => observer.disconnect();
-  }, [forced]);
-  return forced ?? detected;
-}
-
-// src/timeline/tool-diff.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function ToolDiff({ files }) {
-  const [layout, setLayout] = useState6("unified");
-  const themeType = useThemeType(void 0);
-  return /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
-    /* @__PURE__ */ jsx7("div", { className: "mb-1.5 flex justify-end", children: /* @__PURE__ */ jsx7(LayoutToggle, { layout, onChange: setLayout }) }),
-    /* @__PURE__ */ jsx7(PierreDiff, { diff: files, layout, themeType })
-  ] });
-}
-function LayoutToggle({
-  layout,
-  onChange
-}) {
-  return /* @__PURE__ */ jsx7("div", { className: "inline-flex items-center gap-px rounded-og-xs border border-og-border p-px", children: ["unified", "split"].map((value) => /* @__PURE__ */ jsx7(
-    "button",
-    {
-      type: "button",
-      onClick: () => onChange(value),
-      className: cn(
-        "rounded-og-xs px-2 py-[3px] text-og-xs font-medium capitalize transition-colors",
-        layout === value ? "bg-og-surface-2 text-og-fg" : "text-og-fg-subtle hover:text-og-fg-muted"
-      ),
-      children: value
-    },
-    value
-  )) });
-}
-function RawPatch({ diff }) {
-  const occurrences = /* @__PURE__ */ new Map();
-  const lines = diff.split("\n").map((line) => {
-    const occurrence = (occurrences.get(line) ?? 0) + 1;
-    occurrences.set(line, occurrence);
-    return { key: `${line}\0${occurrence}`, line };
-  });
-  return /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
-    /* @__PURE__ */ jsx7("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: "raw patch (could not parse hunks)" }),
-    /* @__PURE__ */ jsx7("pre", { className: "max-h-72 overflow-auto border-l-2 border-og-border pl-3 font-og-mono text-og-xs leading-5", children: lines.map(({ key, line }) => /* @__PURE__ */ jsx7(
-      "span",
-      {
-        className: cn(
-          "block",
-          line.startsWith("@@") ? "text-og-accent" : line.startsWith("+") ? "text-og-status-idle" : line.startsWith("-") ? "text-og-status-failed" : "text-og-fg-muted"
-        ),
-        children: line || " "
-      },
-      key
-    )) })
-  ] });
-}
-
-// src/timeline/tool-display-name.ts
-function toolDisplayName(name) {
-  const boundary = name.indexOf("__");
-  const toolPart = boundary >= 0 ? name.slice(boundary + 2) : name;
-  return toolPart.replace(/[_-]+/g, " ").trim();
-}
-
-// src/timeline/tool-renderers.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var ICON_SIZE = "size-3.5";
-function RunningPreview({ children }) {
-  return /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx8("span", { className: "size-1.5 shrink-0 animate-og-pulse rounded-full bg-og-status-running" }),
-    /* @__PURE__ */ jsx8("span", { className: "min-w-0 truncate", children })
-  ] });
-}
-function ExecRenderer({ item }) {
-  const args = parseToolArgs(item.arguments);
-  const cmd = typeof args.cmd === "string" ? args.cmd : "";
-  const workdir = typeof args.workdir === "string" ? args.workdir : null;
-  const running = item.status === "running";
-  const out = item.output;
-  const title = `$ ${cmd}`;
-  if (item.status === "failed" && out === void 0) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(TerminalIcon, { className: ICON_SIZE }),
-        iconTone: "failed",
-        title,
-        titleMono: true,
-        chip: { tone: "bad", text: "failed" },
-        preview: "output lost \u2014 NUL byte could not be stored",
-        children: /* @__PURE__ */ jsx8(BodyNote, { tone: "error", children: "output contained a NUL byte and could not be stored; the turn failed on this tool's output insert \u2014 no output event ever arrived." })
-      }
-    );
-  }
-  if (item.status === "failed" && (out == null || out === "")) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(TerminalIcon, { className: ICON_SIZE }),
-        iconTone: "failed",
-        title,
-        titleMono: true,
-        chip: { tone: "bad", text: "failed" },
-        preview: "tool call failed",
-        children: /* @__PURE__ */ jsx8(BodyNote, { tone: "error", children: "the tool call failed with no output." })
-      }
-    );
-  }
-  if (running) {
-    const streamed = typeof out === "string" ? stripExecBanner(out) : "";
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(TerminalIcon, { className: ICON_SIZE }),
-        iconTone: "running",
-        title,
-        titleMono: true,
-        running: true,
-        preview: /* @__PURE__ */ jsx8(RunningPreview, { children: streamed ? `${streamed.split("\n").length} lines` : "running\u2026" }),
-        children: /* @__PURE__ */ jsx8(TermBlock, { command: null, workdir, output: streamed, live: true })
-      }
-    );
-  }
-  const text = typeof out === "string" ? out : stringifyPayload(out);
-  const stripped = stripExecBanner(text);
-  const bgSession = parseExecBannerSessionId(text);
-  const exitCode = sandboxCommandExitCode(text);
-  const binary = looksBinary(stripped);
-  let chip;
-  let iconTone = "muted";
-  if (bgSession != null) {
-    chip = { tone: "muted", text: `session ${bgSession}` };
-  } else if (exitCode != null && exitCode !== 0) {
-    chip = { tone: "bad", text: `exit ${exitCode}` };
-    iconTone = "failed";
-  }
-  const preview = binary ? "binary output" : tailPeek(stripped) || "(no output)";
-  const truncated = execTruncated(text);
-  const body = binary ? "(binary output suppressed)" : stripped;
-  return /* @__PURE__ */ jsxs6(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx8(TerminalIcon, { className: ICON_SIZE }),
-      iconTone,
-      title,
-      titleMono: true,
-      ...chip ? { chip } : {},
-      failed: item.status === "failed",
-      cancelled: item.status === "cancelled",
-      preview: truncated ? `\u22EF truncated \xB7 ${preview}` : preview,
-      children: [
-        /* @__PURE__ */ jsx8(
-          TermBlock,
-          {
-            command: null,
-            workdir,
-            output: body,
-            failed: item.status === "failed" || exitCode != null && exitCode !== 0
-          }
-        ),
-        bgSession != null ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
-          "\u21B3 session ",
-          bgSession,
-          " \u2014 a later write_stdin can target this PTY."
-        ] }) : null
-      ]
-    }
-  );
-}
-function WriteStdinRenderer({ item }) {
-  const args = parseToolArgs(item.arguments);
-  const sessionId = typeof args.session_id === "string" || typeof args.session_id === "number" ? args.session_id : void 0;
-  const running = item.status === "running";
-  const text = typeof item.output === "string" ? item.output : stringifyPayload(item.output);
-  const lost = isExecSessionLostBanner(text);
-  const keys = controlCaret(typeof args.chars === "string" ? args.chars : "");
-  const exitCode = sandboxCommandExitCode(text);
-  const stripped = stripExecBanner(text);
-  if (running) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(KeyboardIcon, { className: ICON_SIZE }),
-        iconTone: "running",
-        title: `session ${sessionId} \u2190 ${keys || "\u2205"}`,
-        titleMono: true,
-        running: true,
-        preview: /* @__PURE__ */ jsx8(RunningPreview, { children: "sending\u2026" }),
-        children: /* @__PURE__ */ jsxs6(BodyNote, { children: [
-          "sending input to session ",
-          sessionId,
-          "\u2026"
-        ] })
-      }
-    );
-  }
-  let chip;
-  if (lost) {
-    chip = { tone: "bad", text: "lost" };
-  } else if (exitCode != null && exitCode !== 0) {
-    chip = { tone: "bad", text: `exit ${exitCode}` };
-  }
-  return /* @__PURE__ */ jsx8(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx8(KeyboardIcon, { className: ICON_SIZE }),
-      iconTone: lost ? "failed" : "muted",
-      title: `session ${sessionId} \u2190 ${keys || "\u2205"}`,
-      titleMono: true,
-      ...chip ? { chip } : {},
-      failed: item.status === "failed",
-      cancelled: item.status === "cancelled",
-      preview: lost ? `session ${sessionId} PTY vanished` : tailPeek(stripped) || "sent",
-      children: lost ? /* @__PURE__ */ jsx8(BodyNote, { tone: "error", children: stripped || text }) : /* @__PURE__ */ jsx8(TermBlock, { command: `write_stdin \u2192 session ${sessionId}`, output: stripped })
-    }
-  );
-}
-function verbForOp(op) {
-  if (!op) {
-    return "Edited";
-  }
-  return op.type === "create_file" ? "Created" : op.type === "delete_file" ? "Deleted" : op.moveTo ? "Renamed" : "Edited";
-}
-function basename(path) {
-  const parts = path.split("/").filter(Boolean);
-  return parts.length ? parts[parts.length - 1] : path;
-}
-function dirname(path) {
-  const idx = path.lastIndexOf("/");
-  return idx >= 0 ? path.slice(0, idx + 1) : "";
-}
-function PathPreview({
-  path,
-  add,
-  del
-}) {
-  return /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-2 truncate font-og-mono", children: [
-    /* @__PURE__ */ jsxs6("span", { className: "truncate", children: [
-      /* @__PURE__ */ jsx8("span", { className: "text-og-fg-subtle", children: dirname(path) }),
-      /* @__PURE__ */ jsx8("span", { className: "text-og-fg-muted", children: basename(path) })
-    ] }),
-    add != null || del != null ? /* @__PURE__ */ jsxs6("span", { className: "shrink-0 text-og-fg-subtle", children: [
-      add != null ? `+${add}` : "",
-      add != null && del != null ? " " : "",
-      del != null ? `\u2212${del}` : ""
-    ] }) : null
-  ] });
-}
-function ApplyPatchRenderer({ item }) {
-  const ops = applyPatchOps(item.raw);
-  const failed = item.status === "failed";
-  const cancelled = item.status === "cancelled";
-  const running = item.status === "running";
-  const firstOp = ops[0];
-  if (running) {
-    const fileCount = ops.length;
-    const titleVerb = firstOp ? `Applying ${basename(firstOp.path)}` : "Applying patch";
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(FileDiffIcon, { className: ICON_SIZE }),
-        iconTone: "running",
-        title: fileCount > 1 ? `Applying ${fileCount} files` : titleVerb,
-        running: true,
-        preview: /* @__PURE__ */ jsx8(RunningPreview, { children: fileCount > 1 ? `${fileCount} files` : firstOp ? firstOp.path : "applying\u2026" }),
-        children: ops.map((op) => {
-          const file2 = safeParseOp(op);
-          return file2 ? /* @__PURE__ */ jsx8(ToolDiff, { files: [file2] }, op.path) : /* @__PURE__ */ jsxs6("div", { children: [
-            /* @__PURE__ */ jsx8("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
-            /* @__PURE__ */ jsx8(RawPatch, { diff: op.diff ?? "" })
-          ] }, op.path);
-        })
-      }
-    );
-  }
-  if (failed) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(FileDiffIcon, { className: ICON_SIZE }),
-        iconTone: "failed",
-        title: firstOp ? `${verbForOp(firstOp)} ${basename(firstOp.path)}` : "apply_patch",
-        chip: { tone: "bad", text: "failed" },
-        preview: typeof item.output === "string" ? item.output : "patch failed",
-        children: /* @__PURE__ */ jsx8(PayloadBlock, { label: "Error", value: item.output, failed: true })
-      }
-    );
-  }
-  if (ops.length > 1) {
-    const parsed = ops.map((op) => safeParseOp(op));
-    const goodFiles = parsed.filter((f) => f !== null);
-    const add = goodFiles.reduce((n, f) => n + f.additions, 0);
-    const del = goodFiles.reduce((n, f) => n + f.deletions, 0);
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(FileDiffIcon, { className: ICON_SIZE }),
-        iconTone: "accent",
-        title: `Edited ${ops.length} files`,
-        cancelled,
-        preview: /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
-          /* @__PURE__ */ jsxs6("span", { className: "text-og-fg-muted", children: [
-            ops.length,
-            " files"
-          ] }),
-          /* @__PURE__ */ jsxs6("span", { className: "text-og-fg-subtle", children: [
-            "+",
-            add,
-            " \u2212",
-            del
-          ] })
-        ] }),
-        children: ops.map((op, index) => {
-          const file2 = parsed[index];
-          return file2 ? /* @__PURE__ */ jsx8(ToolDiff, { files: [file2] }, op.path) : /* @__PURE__ */ jsxs6("div", { children: [
-            /* @__PURE__ */ jsx8("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
-            /* @__PURE__ */ jsx8(RawPatch, { diff: op.diff ?? "" })
-          ] }, op.path);
-        })
-      }
-    );
-  }
-  if (!firstOp) {
-    return /* @__PURE__ */ jsx8(GenericRenderer, { item });
-  }
-  if (firstOp.type === "delete_file") {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(FileDiffIcon, { className: ICON_SIZE }),
-        iconTone: "failed",
-        title: `Deleted ${basename(firstOp.path)}`,
-        cancelled,
-        preview: /* @__PURE__ */ jsx8(PathPreview, { path: firstOp.path }),
-        children: /* @__PURE__ */ jsx8(BodyNote, { children: "File deleted \u2014 no diff to show." })
-      }
-    );
-  }
-  const file = safeParseOp(firstOp);
-  if (!file) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(FileDiffIcon, { className: ICON_SIZE }),
-        iconTone: "accent",
-        title: `${verbForOp(firstOp)} ${basename(firstOp.path)}`,
-        cancelled,
-        preview: /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
-          /* @__PURE__ */ jsx8("span", { className: "text-og-fg-muted", children: basename(firstOp.path) }),
-          /* @__PURE__ */ jsx8("span", { className: "text-og-fg-subtle", children: "malformed V4A" })
-        ] }),
-        children: /* @__PURE__ */ jsx8(RawPatch, { diff: firstOp.diff ?? "" })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx8(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx8(FileDiffIcon, { className: ICON_SIZE }),
-      iconTone: "accent",
-      title: `${verbForOp(firstOp)} ${basename(file.path)}`,
-      cancelled,
-      preview: /* @__PURE__ */ jsx8(PathPreview, { path: file.path, add: file.additions, del: file.deletions }),
-      children: /* @__PURE__ */ jsx8(ToolDiff, { files: [file] })
-    }
-  );
-}
-function safeParseOp(op) {
-  try {
-    return v4aToGitFileDiff(op);
-  } catch {
-    return null;
-  }
-}
-function computerVerb(action) {
-  if (!action || !action.type) {
-    return "Acted";
-  }
-  switch (action.type) {
-    case "screenshot":
-      return "Screenshot";
-    case "click":
-      return `Clicked (${action.x}, ${action.y})`;
-    case "double_click":
-      return `Double-clicked (${action.x}, ${action.y})`;
-    case "move":
-      return `Moved (${action.x}, ${action.y})`;
-    case "scroll":
-      return "Scrolled";
-    case "type": {
-      const t = action.text ?? "";
-      return `Typed \u201C${t.slice(0, 28)}${t.length > 28 ? "\u2026" : ""}\u201D`;
-    }
-    case "keypress":
-      return `Pressed ${(action.keys ?? []).join("+")}`;
-    case "drag":
-      return "Dragged";
-    case "wait":
-      return "Waited";
-    default:
-      return action.type;
-  }
-}
-function asComputerArgs(args) {
-  if (!args) {
-    return {};
-  }
-  const parsed = typeof args === "string" ? tryParseJson(args) : args;
-  if (!parsed || typeof parsed !== "object") {
-    return {};
-  }
-  const record = parsed;
-  return {
-    ...typeof record.x === "number" ? { x: record.x } : {},
-    ...typeof record.y === "number" ? { y: record.y } : {},
-    ...typeof record.text === "string" ? { text: record.text } : {},
-    ...Array.isArray(record.keys) ? { keys: record.keys } : {},
-    ...typeof record.button === "string" ? { button: record.button } : {}
-  };
-}
-function ComputerCallRenderer({ item }) {
-  const raw = item.raw ?? {};
-  const functionAction = !raw.action && item.name.startsWith("computer_") && item.name !== "computer_call" ? { type: item.name.slice("computer_".length), ...asComputerArgs(item.arguments) } : void 0;
-  const action = raw.action ?? functionAction;
-  const actions = raw.actions ?? (action ? [action] : []);
-  const verb = computerVerb(action);
-  const out = item.output;
-  const running = item.status === "running";
-  const rejected = raw.providerData?.approvalStatus === "rejected";
-  const readOnly = typeof out === "string" && out.includes("read-only");
-  const shotUrl = screenshotDataUrl(out);
-  const omittedMedia = mediaPreviewFact(out);
-  const empty = out === "" || out == null;
-  const batched = actions.length > 1 ? actions.map((a) => computerVerb(a)).join(" \xB7 ") : null;
-  const countSuffix = actions.length > 1 ? ` \xB7${actions.length}` : "";
-  const isShot = action?.type === "screenshot";
-  if (running) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: isShot ? /* @__PURE__ */ jsx8(CameraIcon2, { className: ICON_SIZE }) : /* @__PURE__ */ jsx8(MousePointer2Icon, { className: ICON_SIZE }),
-        iconTone: "running",
-        title: verb,
-        running: true,
-        media: /* @__PURE__ */ jsx8(MediaSkeleton, {}),
-        children: /* @__PURE__ */ jsx8(BodyNote, { children: "capturing frame\u2026" })
-      }
-    );
-  }
-  if (readOnly) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(MousePointer2Icon, { className: ICON_SIZE }),
-        iconTone: "failed",
-        title: verb,
-        chip: { tone: "bad", text: "read-only" },
-        preview: "write actions disabled",
-        children: /* @__PURE__ */ jsx8(BodyNote, { tone: "error", children: "computer-use is read-only \u2014 write actions are disabled." })
-      }
-    );
-  }
-  if (rejected) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(LockIcon, { className: ICON_SIZE }),
-        iconTone: "muted",
-        title: verb,
-        preview: "approval rejected \u2014 this action did not run",
-        children: /* @__PURE__ */ jsx8(BodyNote, { children: "approval rejected \u2014 this action did not run." })
-      }
-    );
-  }
-  const isFailed = item.status === "failed";
-  const isCancelled = item.status === "cancelled";
-  if (shotUrl) {
-    const caption = `${verb}${actions.length > 1 ? ` (+${actions.length - 1} more)` : ""}`;
-    return /* @__PURE__ */ jsxs6(
-      ActivityDisclosure,
-      {
-        icon: isShot ? /* @__PURE__ */ jsx8(CameraIcon2, { className: ICON_SIZE }) : /* @__PURE__ */ jsx8(MousePointer2Icon, { className: ICON_SIZE }),
-        iconTone: isFailed ? "failed" : "accent",
-        title: `${verb}${countSuffix}`,
-        failed: isFailed,
-        cancelled: isCancelled,
-        media: /* @__PURE__ */ jsx8(Thumbnail, { src: shotUrl, caption }),
-        children: [
-          /* @__PURE__ */ jsx8(ScreenshotFigure, { src: shotUrl, caption }),
-          batched ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
-            "batched: ",
-            batched
-          ] }) : null
-        ]
-      }
-    );
-  }
-  if (omittedMedia) {
-    return /* @__PURE__ */ jsxs6(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(CameraOffIcon2, { className: ICON_SIZE }),
-        iconTone: isFailed ? "failed" : "muted",
-        title: `${verb}${countSuffix} \xB7 image omitted \xB7 not retained`,
-        failed: isFailed,
-        cancelled: isCancelled,
-        preview: "inline image omitted \xB7 not retained",
-        media: /* @__PURE__ */ jsx8(MediaEmpty, {}),
-        children: [
-          /* @__PURE__ */ jsxs6(BodyNote, { children: [
-            "The inline ",
-            omittedMedia.mediaType,
-            " output was omitted from the audit timeline and its source bytes were not retained."
-          ] }),
-          batched ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
-            "batched: ",
-            batched
-          ] }) : null
-        ]
-      }
-    );
-  }
-  if (empty) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(CameraOffIcon2, { className: ICON_SIZE }),
-        iconTone: isFailed ? "failed" : "muted",
-        title: verb,
-        failed: isFailed,
-        cancelled: isCancelled,
-        media: /* @__PURE__ */ jsx8(MediaEmpty, {}),
-        children: /* @__PURE__ */ jsx8(BodyNote, { children: isFailed ? "computer_call failed \u2014 no image returned." : isCancelled ? "computer_call interrupted \u2014 no image returned." : "(no image) \u2014 the session returned an empty screenshot." })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx8(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx8(MousePointer2Icon, { className: ICON_SIZE }),
-      iconTone: isFailed ? "failed" : "accent",
-      title: verb,
-      failed: isFailed,
-      cancelled: isCancelled,
-      preview: batched ?? void 0,
-      expandable: batched != null,
-      children: batched ? /* @__PURE__ */ jsx8(BodyNote, { children: batched }) : null
-    }
-  );
-}
-function WebSearchRenderer({ item }) {
-  const raw = item.raw ?? {};
-  const action = raw.providerData?.action ?? {};
-  const query = action.query ?? "(query unavailable)";
-  const queries = action.queries ?? [];
-  const variants = queries.length > 1 ? ` +${queries.length - 1} variants` : "";
-  const running = item.status === "running";
-  const rawResults = item.output?.results;
-  const results = Array.isArray(rawResults) ? rawResults.filter((r) => !!r && typeof r === "object") : void 0;
-  const resultOccurrences = /* @__PURE__ */ new Map();
-  const keyedResults = results?.map((result) => {
-    const contentKey = `${result.domain}\0${result.title}\0${result.snippet}`;
-    const occurrence = (resultOccurrences.get(contentKey) ?? 0) + 1;
-    resultOccurrences.set(contentKey, occurrence);
-    return { key: `${contentKey}\0${occurrence}`, result };
-  });
-  if (running) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(SearchIcon, { className: ICON_SIZE }),
-        iconTone: "running",
-        title: "Searching the web",
-        running: true,
-        preview: /* @__PURE__ */ jsx8(RunningPreview, { children: `${query}${variants}` }),
-        children: /* @__PURE__ */ jsx8(BodyNote, { children: "searching\u2026 results fold into the model context (no output event)." })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx8(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx8(SearchIcon, { className: ICON_SIZE }),
-      iconTone: "muted",
-      title: "Searched the web",
-      preview: `${query}${variants}`,
-      failed: item.status === "failed",
-      cancelled: item.status === "cancelled",
-      children: keyedResults && keyedResults.length ? /* @__PURE__ */ jsx8("ul", { className: "flex flex-col gap-2", children: keyedResults.map(({ key, result }) => /* @__PURE__ */ jsxs6("li", { className: "flex gap-2.5", children: [
-        /* @__PURE__ */ jsx8(GlobeIcon, { className: "mt-0.5 size-3.5 shrink-0 text-og-fg-subtle" }),
-        /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsxs6("p", { className: "truncate text-og-base text-og-fg", children: [
-            result.title,
-            " ",
-            /* @__PURE__ */ jsx8("span", { className: "text-og-fg-subtle", children: result.domain })
-          ] }),
-          /* @__PURE__ */ jsx8("p", { className: "text-og-sm leading-5 text-og-fg-muted", children: result.snippet })
-        ] })
-      ] }, key)) }) : /* @__PURE__ */ jsx8(BodyNote, { children: "results folded into model context \u2014 no list available." })
-    }
-  );
-}
-var VIEW_IMAGE_ERRORS = [
-  "was not found",
-  "is not a file",
-  "exceeded the allowed size",
-  "is not a supported image",
-  "unable to read image"
-];
-function ViewImageRenderer({ item }) {
-  const args = parseToolArgs(item.arguments);
-  const path = typeof args.path === "string" ? args.path : "";
-  const out = item.output;
-  const text = typeof out === "string" ? out : "";
-  const omittedMedia = mediaPreviewFact(out);
-  if (item.status === "running") {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(ImageIcon, { className: ICON_SIZE }),
-        iconTone: "running",
-        title: `View ${basename(path)}`,
-        running: true,
-        preview: /* @__PURE__ */ jsx8(RunningPreview, { children: "reading\u2026" }),
-        media: /* @__PURE__ */ jsx8(MediaSkeleton, {}),
-        children: /* @__PURE__ */ jsx8(BodyNote, { children: "reading image\u2026" })
-      }
-    );
-  }
-  const viewFailed = item.status === "failed";
-  const viewCancelled = item.status === "cancelled";
-  const errMatch = VIEW_IMAGE_ERRORS.find((p) => text.includes(p));
-  if (errMatch) {
-    const tooBig = text.includes("exceeded the allowed size");
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(ImageIcon, { className: ICON_SIZE }),
-        iconTone: "failed",
-        title: `View ${basename(path)}`,
-        chip: { tone: "bad", text: tooBig ? "too large" : "error" },
-        preview: text,
-        children: /* @__PURE__ */ jsx8(BodyNote, { tone: "error", children: text })
-      }
-    );
-  }
-  if (text.startsWith("OpenAI file reference:")) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(ImageIcon, { className: ICON_SIZE }),
-        iconTone: viewFailed ? "failed" : "muted",
-        title: `Viewed ${basename(path)}`,
-        failed: viewFailed,
-        cancelled: viewCancelled,
-        preview: path,
-        children: /* @__PURE__ */ jsx8(BodyNote, { children: text })
-      }
-    );
-  }
-  if (omittedMedia) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(ImageIcon, { className: ICON_SIZE }),
-        iconTone: viewFailed ? "failed" : "muted",
-        title: `Viewed ${basename(path)} \xB7 image omitted \xB7 not retained`,
-        failed: viewFailed,
-        cancelled: viewCancelled,
-        preview: "inline image omitted \xB7 not retained",
-        media: /* @__PURE__ */ jsx8(MediaEmpty, {}),
-        children: /* @__PURE__ */ jsxs6(BodyNote, { children: [
-          "The inline ",
-          omittedMedia.mediaType,
-          " output was omitted from the audit timeline and its source bytes were not retained."
-        ] })
-      }
-    );
-  }
-  if (text.includes("No image data")) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(ImageIcon, { className: ICON_SIZE }),
-        iconTone: viewFailed ? "failed" : "muted",
-        title: `Viewed ${basename(path)}`,
-        failed: viewFailed,
-        cancelled: viewCancelled,
-        preview: "(no image)",
-        children: /* @__PURE__ */ jsx8(BodyNote, { children: viewFailed ? "view_image failed \u2014 no image data returned." : viewCancelled ? "view_image interrupted." : "(no image) \u2014 the sandbox session returned no image data." })
-      }
-    );
-  }
-  if (text.startsWith("data:")) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(ImageIcon, { className: ICON_SIZE }),
-        iconTone: viewFailed ? "failed" : "accent",
-        title: `Viewed ${basename(path)}`,
-        failed: viewFailed,
-        cancelled: viewCancelled,
-        media: /* @__PURE__ */ jsx8(Thumbnail, { src: text, caption: path, alt: path }),
-        children: /* @__PURE__ */ jsx8(ScreenshotFigure, { src: text, caption: path, alt: path })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx8(GenericRenderer, { item });
-}
-function SecretSetRenderer({ item }) {
-  const args = parseToolArgs(item.arguments);
-  const name = typeof args.name === "string" ? args.name : "variable";
-  if (item.status === "running") {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(KeyRoundIcon, { className: ICON_SIZE }),
-        iconTone: "running",
-        title: `Set ${name}`,
-        running: true,
-        preview: /* @__PURE__ */ jsx8(RunningPreview, { children: "setting\u2026" }),
-        children: /* @__PURE__ */ jsx8(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
-      }
-    );
-  }
-  if (item.status === "failed") {
-    const errorText = typeof item.output === "string" ? item.output : null;
-    return /* @__PURE__ */ jsxs6(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(KeyRoundIcon, { className: ICON_SIZE }),
-        iconTone: "failed",
-        title: `Set ${name}`,
-        failed: true,
-        preview: errorText ?? "variable write failed",
-        children: [
-          /* @__PURE__ */ jsx8(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
-          errorText ? /* @__PURE__ */ jsx8(PayloadBlock, { label: "Error", value: errorText, failed: true }) : /* @__PURE__ */ jsx8(BodyNote, { tone: "error", children: "the tool call failed with no output." })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs6(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx8(KeyRoundIcon, { className: ICON_SIZE }),
-      iconTone: "muted",
-      title: `Set ${name}`,
-      cancelled: item.status === "cancelled",
-      preview: "value write-only \xB7 never returned",
-      children: [
-        /* @__PURE__ */ jsx8(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
-        /* @__PURE__ */ jsx8(BodyNote, { children: "the value is a secret \u2014 redacted in every view; the API never returns it." })
-      ]
-    }
-  );
-}
-function GenericRenderer({ item }) {
-  const running = item.status === "running";
-  const args = redactSecrets(parseToolArgs(item.arguments));
-  const display = toolDisplayName(item.name);
-  if (running) {
-    return /* @__PURE__ */ jsx8(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(PlugIcon, { className: ICON_SIZE }),
-        iconTone: "running",
-        title: display,
-        running: true,
-        preview: /* @__PURE__ */ jsx8(RunningPreview, { children: compactArgs(args) || "running\u2026" }),
-        children: /* @__PURE__ */ jsx8(PayloadBlock, { label: "Arguments", value: args })
-      }
-    );
-  }
-  const { text: outText, isError } = unwrapMcpOutput(item.output);
-  if ((isError || item.status === "failed") && item.status !== "cancelled") {
-    return /* @__PURE__ */ jsxs6(
-      ActivityDisclosure,
-      {
-        icon: /* @__PURE__ */ jsx8(WrenchIcon, { className: ICON_SIZE }),
-        iconTone: "failed",
-        title: display,
-        chip: { tone: "bad", text: "error" },
-        preview: outText.slice(0, 80),
-        children: [
-          /* @__PURE__ */ jsx8(PayloadBlock, { label: "Arguments", value: args }),
-          /* @__PURE__ */ jsx8(PayloadBlock, { label: "Error", value: outText, failed: true })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs6(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx8(WrenchIcon, { className: ICON_SIZE }),
-      iconTone: "muted",
-      title: display,
-      cancelled: item.status === "cancelled",
-      preview: compactArgs(args),
-      children: [
-        /* @__PURE__ */ jsx8(PayloadBlock, { label: "Arguments", value: args }),
-        /* @__PURE__ */ jsx8(PayloadBlock, { label: "Result", value: outText })
-      ]
-    }
-  );
-}
-function compactArgs(args) {
-  const text = stringifyPayload(args).replace(/\s+/g, " ").trim();
-  return text === "{}" ? "" : text.length > 90 ? `${text.slice(0, 89)}\u2026` : text;
-}
-var BASE_ENTRIES = [
-  // Provider-native items carry `raw.type` on the wire — this is their source of
-  // truth and is consulted first by the registry.
-  { match: "rawType", type: "apply_patch_call", render: ApplyPatchRenderer },
-  { match: "rawType", type: "computer_call", render: ComputerCallRenderer },
-  { match: "rawType", type: "hosted_tool_call", render: WebSearchRenderer },
-  // First-party sandbox + MCP tools resolve by name. `apply_patch_call` /
-  // `computer_call` are intentionally repeated by name as a fallback only for
-  // first-party replays that omit `raw` (the rawType entries above win whenever
-  // `raw.type` is present, which is the live-wire case).
-  { match: "name", name: "exec_command", render: ExecRenderer },
-  { match: "name", name: "write_stdin", render: WriteStdinRenderer },
-  { match: "name", name: "apply_patch_call", render: ApplyPatchRenderer },
-  { match: "name", name: "computer_call", render: ComputerCallRenderer },
-  // Function-mode computer tools (codex / chat-wire transports).
-  { match: "name", name: "computer_screenshot", render: ComputerCallRenderer },
-  { match: "name", name: "computer_click", render: ComputerCallRenderer },
-  { match: "name", name: "computer_double_click", render: ComputerCallRenderer },
-  { match: "name", name: "computer_move", render: ComputerCallRenderer },
-  { match: "name", name: "computer_scroll", render: ComputerCallRenderer },
-  { match: "name", name: "computer_type", render: ComputerCallRenderer },
-  { match: "name", name: "computer_keypress", render: ComputerCallRenderer },
-  { match: "name", name: "computer_drag", render: ComputerCallRenderer },
-  { match: "name", name: "web_search_call", render: WebSearchRenderer },
-  { match: "name", name: "view_image", render: ViewImageRenderer },
-  { match: "name", name: "environment_set_variable", render: SecretSetRenderer }
-];
-var defaultToolRegistry = createToolRegistry(BASE_ENTRIES, GenericRenderer);
-function createDefaultToolRegistry(options = {}) {
-  return createToolRegistry(BASE_ENTRIES, GenericRenderer, options);
-}
-
-// src/timeline/activity-rail.tsx
-import {
-  ArrowRightIcon,
-  BotIcon,
-  BrainCircuitIcon,
-  BrainIcon,
-  SquareTerminalIcon
-} from "lucide-react";
-import { lazy as lazy3, Suspense as Suspense3 } from "react";
-import { jsx as rowJsx, jsxs as rowJsxs } from "react/jsx-runtime";
-
-// src/timeline/entrance.tsx
-import { createContext as createContext3, useContext as useContext3, useRef as useRef2 } from "react";
-var EntranceAnimationContext = createContext3(true);
-var EntranceAnimationProvider = EntranceAnimationContext.Provider;
-function useEntranceAnimation() {
-  const enabled = useContext3(EntranceAnimationContext);
-  const captured = useRef2(enabled);
-  return captured.current;
-}
-
-// src/timeline/activity-rail.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var LazyFleetDecisionRow = lazy3(() => import("./fleet-decision-row-GGCAT4E4.js"));
-function familyOf(item) {
-  if (item.kind === "tool-call") {
-    return item.name === "exec_command" || item.name === "write_stdin" ? "terminal" : item.name;
-  }
-  return item.kind;
-}
-function ActivityRail({
-  items,
-  toolRegistry = defaultToolRegistry,
-  onOpenSession,
-  onMemoryClick,
-  bare,
-  className
-}) {
-  const enter = useEntranceAnimation();
-  return /* @__PURE__ */ jsx9(
-    "div",
-    {
-      className: cn(
-        // Rows sit TIGHT by default (gap-0.5) so a same-family run reads as one
-        // calm cluster; a family change opens real breathing room (mt-3) below,
-        // so a long rail reads as a few clusters, not a metronome of rows.
-        "flex flex-col gap-0.5",
-        !bare && "border-l-2 border-og-border pl-3 sm:pl-4",
-        !bare && enter && "animate-og-enter",
-        className
-      ),
-      children: items.map((item, index) => {
-        const newFamily = index > 0 && familyOf(item) !== familyOf(items[index - 1]);
-        const row = renderActivity(item, toolRegistry, onOpenSession, onMemoryClick);
-        return /* @__PURE__ */ jsx9("div", { "data-og-timeline-row-anchor": "", className: cn(newFamily && "mt-3"), children: row }, item.id);
-      })
-    }
-  );
-}
-function assertNever(item) {
-  throw new Error(`ActivityRail: unhandled activity item ${JSON.stringify(item)}`);
-}
-function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick) {
-  switch (item.kind) {
-    case "reasoning":
-      return /* @__PURE__ */ jsx9(ReasoningRow, { item });
-    case "tool-call": {
-      const Renderer = toolRegistry.resolve(item);
-      return /* @__PURE__ */ jsx9(Renderer, { item });
-    }
-    case "worker":
-      return /* @__PURE__ */ jsx9(WorkerRow, { item, onOpenSession });
-    case "sandbox":
-      return /* @__PURE__ */ jsx9(SandboxRow, { item });
-    case "memory":
-      return /* @__PURE__ */ jsx9(MemoryRow, { item, onMemoryClick });
-    case "fleet-decision":
-      return /* @__PURE__ */ jsx9(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx9(
-        LazyFleetDecisionRow,
-        {
-          item,
-          d: ActivityDisclosure,
-          b: BodyNote,
-          j: rowJsx,
-          s: rowJsxs
-        }
-      ) });
-    default:
-      return assertNever(item);
-  }
-}
-function ReasoningRow({ item }) {
-  return /* @__PURE__ */ jsx9(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx9(BrainIcon, { className: "size-3.5" }),
-      iconTone: "muted",
-      title: item.streaming ? "Thinking" : /* @__PURE__ */ jsx9("span", { className: "font-normal italic text-og-fg-subtle", children: "Thought" }),
-      running: item.streaming,
-      preview: truncate(item.text, 110),
-      children: /* @__PURE__ */ jsx9("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.text })
-    }
-  );
-}
-var MEMORY_KIND_LABEL = {
-  preference: "Preference",
-  semantic: "Fact",
-  procedural: "Procedure",
-  decision: "Decision",
-  episodic: "History"
-};
-function MemoryRow({
-  item,
-  onMemoryClick
-}) {
-  const corrected = item.variant === "corrected";
-  const kindLabel = MEMORY_KIND_LABEL[item.memoryKind];
-  const superseded = corrected && Boolean(item.replacementPreview);
-  const targetId = corrected ? item.replacementMemoryId ?? item.memoryId : item.memoryId;
-  const deepLink = Boolean(onMemoryClick);
-  return /* @__PURE__ */ jsxs7(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx9(BrainCircuitIcon, { className: "size-3.5" }),
-      iconTone: "muted",
-      title: /* @__PURE__ */ jsxs7("span", { className: "inline-flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx9("span", { className: "shrink-0", children: corrected ? "Updated memory" : "Saved to memory" }),
-        kindLabel ? /* @__PURE__ */ jsx9("span", { className: "shrink-0 rounded-og-xs bg-og-surface-2 px-1.5 py-px text-og-xs font-normal leading-tight text-og-fg-subtle", children: kindLabel }) : null
-      ] }),
-      preview: superseded ? item.replacementPreview : item.preview,
-      children: [
-        superseded ? (
-          // The correction as a before → after: the old memory struck through and
-          // dimmed, the new text in the ordinary body weight below it.
-          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx9("p", { className: "whitespace-pre-wrap text-og-sm leading-6 text-og-fg-subtle line-through", children: item.preview }),
-            /* @__PURE__ */ jsx9("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.replacementPreview })
-          ] })
-        ) : corrected && item.action === "updated" ? (
-          // Edited in place, no replacement record: the memory is still live, so
-          // show its current text — NOT the archived treatment.
-          /* @__PURE__ */ jsxs7(Fragment3, { children: [
-            /* @__PURE__ */ jsx9("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
-            /* @__PURE__ */ jsx9(BodyNote, { tone: "muted", children: "Updated in place." })
-          ] })
-        ) : corrected ? (
-          // A correction with no replacement (and not an in-place update) archived the record.
-          /* @__PURE__ */ jsx9(BodyNote, { tone: "muted", children: "Archived." })
-        ) : /* @__PURE__ */ jsx9("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
-        item.deduped ? /* @__PURE__ */ jsx9(BodyNote, { tone: "muted", children: "Merged into an existing memory." }) : null,
-        deepLink ? /* @__PURE__ */ jsxs7(
-          "button",
-          {
-            type: "button",
-            onClick: () => onMemoryClick?.(targetId),
-            className: cn(
-              "group/memlink -mx-1 inline-flex w-fit items-center gap-1 rounded-og-sm px-1 py-0.5 text-left text-og-sm text-og-fg-subtle",
-              "outline-none transition-colors duration-150 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent"
-            ),
-            children: [
-              "View in memory",
-              /* @__PURE__ */ jsx9(ArrowRightIcon, { className: "size-3.5 transition-transform duration-150 group-hover/memlink:translate-x-0.5" })
-            ]
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function sandboxRowTitle(item) {
-  if (item.name === "sandbox.provision") {
-    if (item.status === "failed") return "Sandbox didn\u2019t start";
-    if (item.status === "running") return "Starting sandbox";
-    if (item.origin === "resumed") return "Sandbox reattached";
-    if (item.origin === "restored") return "Sandbox restored";
-    if (item.origin === "created") return "Sandbox created";
-    return "Sandbox ready";
-  }
-  return toolDisplayName(item.name);
-}
-function SandboxRow({ item }) {
-  return /* @__PURE__ */ jsxs7(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx9(SquareTerminalIcon, { className: "size-3.5" }),
-      iconTone: item.status === "failed" ? "failed" : item.status === "running" ? "running" : "muted",
-      title: sandboxRowTitle(item),
-      running: item.status === "running",
-      failed: item.status === "failed",
-      cancelled: item.status === "cancelled",
-      preview: item.command ?? void 0,
-      children: [
-        item.command ? /* @__PURE__ */ jsx9(PayloadBlock, { label: "Command", value: item.command }) : null,
-        item.output ? /* @__PURE__ */ jsx9(PayloadBlock, { label: "Output", value: item.output }) : null
-      ]
-    }
-  );
-}
-function WorkerRow({
-  item,
-  onOpenSession
-}) {
-  const running = item.status === "running";
-  const failed = item.status === "failed";
-  const cancelled = item.status === "cancelled";
-  const title = item.action === "spawn" ? running ? "Spawning worker" : failed ? "Worker spawn failed" : cancelled ? "Worker interrupted" : "Worker spawned" : running ? "Messaging worker" : failed ? "Worker message failed" : cancelled ? "Worker interrupted" : "Worker messaged";
-  const sessionId = item.workerSessionId;
-  const deepLink = Boolean(sessionId) && Boolean(onOpenSession) && !failed && !cancelled;
-  const inner = /* @__PURE__ */ jsxs7(Fragment3, { children: [
-    /* @__PURE__ */ jsx9("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
-    /* @__PURE__ */ jsx9("span", { className: cn("mt-px shrink-0", failed ? "text-og-status-failed" : "text-og-accent"), children: /* @__PURE__ */ jsx9(BotIcon, { className: "size-3.5" }) }),
-    /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx9(
-        "span",
-        {
-          className: cn(
-            "text-og-base font-medium",
-            running ? "og-shimmer-text" : failed ? "text-og-status-failed" : "text-og-fg"
-          ),
-          children: title
-        }
-      ),
-      item.prompt ? /* @__PURE__ */ jsx9("p", { className: "mt-0.5 truncate text-og-sm text-og-fg-muted", children: truncate(item.prompt, 140) }) : null
-    ] }),
-    failed ? /* @__PURE__ */ jsxs7("span", { className: "inline-flex shrink-0 self-center items-center gap-1.5 font-og-mono text-og-xs leading-none text-og-status-failed", children: [
-      /* @__PURE__ */ jsx9("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
-      "failed"
-    ] }) : cancelled ? /* @__PURE__ */ jsx9("span", { className: "og-cancelled-chip shrink-0 self-center font-og-mono text-og-xs leading-none text-og-fg-subtle", children: "interrupted" }) : deepLink ? /* @__PURE__ */ jsx9(
-      ArrowRightIcon,
-      {
-        "aria-hidden": true,
-        className: "mt-0.5 size-3.5 shrink-0 text-og-fg-subtle transition-[transform,color] duration-150 group-hover/worker:translate-x-0.5 group-hover/worker:text-og-fg"
-      }
-    ) : null
-  ] });
-  if (deepLink && sessionId && onOpenSession) {
-    return /* @__PURE__ */ jsx9(
-      "button",
-      {
-        type: "button",
-        onClick: () => onOpenSession(sessionId),
-        className: cn(
-          "group/worker -mx-1.5 flex w-full items-start gap-2 rounded-og-sm px-1.5 py-1.5 text-left",
-          "outline-none transition-colors duration-150 hover:bg-og-surface-1 focus-visible:ring-2 focus-visible:ring-og-accent",
-          "pointer-coarse:py-2.5"
-        ),
-        children: inner
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx9("div", { className: "flex items-start gap-2 px-1.5 py-1.5", children: inner });
-}
-
-// src/timeline/turn-summary.tsx
-import { CheckIcon, ChevronRightIcon as ChevronRightIcon2, CircleSlashIcon, TriangleAlertIcon } from "lucide-react";
-import { Component, useMemo as useMemo2, useState as useState7 } from "react";
-import { Collapsible as Collapsible2 } from "radix-ui";
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-var BUILT_IN_TURN_SUMMARY_FACET_IDS = [
-  "steps",
-  "files",
-  "commands",
-  "screenshots",
-  "memories",
-  "duration"
-];
-function TurnSummary({
-  items,
-  outcome,
-  failureText,
-  durationMs,
-  defaultOpen,
-  bare,
-  facets: facetConfiguration,
-  children
-}) {
-  const forcedDefaultOpen = useForcedDefaultOpen();
-  const [open, setOpen] = useState7(defaultOpen ?? forcedDefaultOpen ?? false);
-  const enter = useEntranceAnimation();
-  const context = useMemo2(
-    () => createTurnSummaryContext(items, outcome, failureText, durationMs),
-    [items, outcome, failureText, durationMs]
-  );
-  const facetDefinitions = useMemo2(
-    () => resolveTurnSummaryFacets(facetConfiguration),
-    [facetConfiguration]
-  );
-  const facets = useMemo2(
-    () => facetDefinitions.flatMap((facet) => {
-      try {
-        const result = facet.summarize(context);
-        return result && hasFacetContent(result.content) ? [{ facet, result }] : [];
-      } catch {
-        return [];
-      }
-    }),
-    [context, facetDefinitions]
-  );
-  return /* @__PURE__ */ jsxs8(
-    Collapsible2.Root,
-    {
-      open,
-      onOpenChange: setOpen,
-      className: enter && !bare ? "animate-og-enter" : void 0,
-      children: [
-        /* @__PURE__ */ jsxs8(
-          Collapsible2.Trigger,
-          {
-            className: cn(
-              // Both the top-level turn fold and a nested cluster fold render as a
-              // FLAT rail row — chevron + glyph + facets on the page background, no
-              // border, no fill. Only a hover tint hints the row is expandable, so a
-              // collapsed turn never reads as a boxed card. The top-level row is a
-              // touch larger (base text, size-5 glyph, wider gap) so it still reads
-              // as a turn landmark above the nested cluster rows it groups.
-              "group flex w-full items-center rounded-og-sm text-left transition-colors",
-              // A folded turn is a touch target on coarse pointers: grow the row so it
-              // clears the 40px minimum without disturbing the calm desktop rhythm.
-              "pointer-coarse:py-2.5",
-              bare ? "gap-2 px-1.5 py-1.5 text-og-sm text-og-fg-muted" : "-mx-2 gap-2.5 px-2 py-1.5 text-og-base text-og-fg-muted",
-              // A failed fold keeps its red accent (glyph + inline reason below) and a
-              // faint red hover wash so attention still lands there; every other
-              // outcome gets the neutral surface hover.
-              outcome === "failed" ? "hover:bg-og-status-failed/[0.06] hover:text-og-fg" : "hover:bg-og-surface-1 hover:text-og-fg"
-            ),
-            children: [
-              /* @__PURE__ */ jsx10(ChevronRightIcon2, { className: "size-3.5 shrink-0 text-og-fg-subtle transition-transform duration-150 group-data-[state=open]:rotate-90" }),
-              /* @__PURE__ */ jsx10(
-                "span",
-                {
-                  className: cn(
-                    "inline-flex shrink-0 items-center justify-center",
-                    bare ? "size-3.5" : "size-5",
-                    outcome === "failed" ? "text-og-status-failed" : "text-og-fg-subtle"
-                  ),
-                  children: outcome === "failed" ? /* @__PURE__ */ jsx10(TriangleAlertIcon, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx10(CircleSlashIcon, { className: "size-3" }) : outcome === "complete" ? /* @__PURE__ */ jsx10(CheckIcon, { className: bare ? "size-3" : "size-3.5" }) : /* @__PURE__ */ jsx10("span", { className: "size-1.5 animate-og-pulse rounded-full bg-og-fg-subtle" })
-                }
-              ),
-              /* @__PURE__ */ jsxs8("span", { className: cn("min-w-0 flex-1 truncate", bare ? "text-og-sm" : "text-og-fg-muted"), children: [
-                facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx10(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs8(Fragment4, { children: [
-                  index > 0 ? " \xB7 " : null,
-                  /* @__PURE__ */ jsxs8("span", { "aria-label": result.ariaLabel, title: result.title, children: [
-                    result.icon ? /* @__PURE__ */ jsx10("span", { "aria-hidden": true, className: "mr-1 inline-flex align-[-0.125em]", children: result.icon }) : null,
-                    result.content
-                  ] })
-                ] }) }, facet.id)),
-                outcome === "failed" && failureText ? /* @__PURE__ */ jsxs8("span", { className: "text-og-status-failed", children: [
-                  " \xB7 ",
-                  failureText
-                ] }) : null,
-                outcome === "cancelled" ? /* @__PURE__ */ jsx10("span", { className: "text-og-fg-subtle", children: " \xB7 interrupted" }) : null
-              ] }),
-              /* @__PURE__ */ jsx10(
-                "span",
-                {
-                  "aria-hidden": true,
-                  className: cn(
-                    "ml-auto shrink-0 pl-2 text-og-xs text-og-fg-subtle transition-opacity duration-150",
-                    "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100",
-                    "pointer-coarse:opacity-100"
-                  ),
-                  children: open ? "hide steps" : "show steps"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx10(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx10("div", { className: bare ? "pt-1 pl-5" : "pt-2", children }) })
-      ]
-    }
-  );
-}
-function createTurnSummaryContext(items, outcome, failureText, durationMs) {
-  const itemSnapshot = Object.freeze([...items]);
-  const toolCalls = Object.freeze(
-    itemSnapshot.filter((item) => item.kind === "tool-call")
-  );
-  const settled = itemSnapshot.every((item) => {
-    if (item.kind === "reasoning") {
-      return !item.streaming;
-    }
-    if (item.kind === "tool-call" || item.kind === "worker" || item.kind === "sandbox") {
-      return item.status !== "running";
-    }
-    return true;
-  });
-  return Object.freeze({
-    items: itemSnapshot,
-    toolCalls,
-    outcome,
-    failureText,
-    durationMs,
-    settled
-  });
-}
-var BUILT_IN_TURN_SUMMARY_FACETS = Object.freeze([
-  {
-    id: "steps",
-    summarize: ({ items }) => ({
-      content: `${items.length} ${items.length === 1 ? "step" : "steps"}`
-    })
-  },
-  {
-    id: "files",
-    summarize: ({ toolCalls }) => {
-      let files = 0;
-      for (const item of toolCalls) {
-        if (isApplyPatch(item)) {
-          files += applyPatchOps(item.raw).length;
-        }
-      }
-      return files ? { content: `${files} ${files === 1 ? "file" : "files"} edited` } : null;
-    }
-  },
-  {
-    id: "commands",
-    summarize: ({ toolCalls }) => {
-      const commands = toolCalls.filter((item) => item.name === "exec_command").length;
-      return commands ? { content: `${commands} ${commands === 1 ? "command" : "commands"}` } : null;
-    }
-  },
-  {
-    id: "screenshots",
-    summarize: ({ toolCalls }) => {
-      let screenshots = 0;
-      for (const item of toolCalls) {
-        if ((rawTypeOf(item) === "computer_call" || item.name === "computer_call" || item.name === "computer_screenshot") && (screenshotDataUrl(item.output) !== null || mediaPreviewFact(item.output) !== null)) {
-          screenshots += 1;
-        }
-      }
-      return screenshots ? {
-        content: `${screenshots} ${screenshots === 1 ? "screenshot" : "screenshots"}`
-      } : null;
-    }
-  },
-  {
-    id: "memories",
-    summarize: ({ items }) => {
-      let saved = 0;
-      let updated = 0;
-      for (const item of items) {
-        if (item.kind !== "memory") {
-          continue;
-        }
-        if (item.variant === "corrected") {
-          updated += 1;
-        } else {
-          saved += 1;
-        }
-      }
-      const parts = [];
-      if (saved) {
-        parts.push(`${saved} ${saved === 1 ? "memory" : "memories"} saved`);
-      }
-      if (updated) {
-        parts.push(`${updated} ${updated === 1 ? "memory" : "memories"} updated`);
-      }
-      return parts.length > 0 ? { content: parts.join(" \xB7 ") } : null;
-    }
-  },
-  {
-    id: "duration",
-    summarize: ({ durationMs }) => {
-      const duration = formatDurationFacet(durationMs);
-      return duration ? { content: duration } : null;
-    }
-  }
-]);
-function resolveTurnSummaryFacets(configuration) {
-  const requested = configuration?.replace ?? [
-    ...BUILT_IN_TURN_SUMMARY_FACETS.filter(
-      (facet) => !configuration?.remove?.includes(facet.id)
-    ),
-    ...configuration?.add ?? []
-  ];
-  const seen = /* @__PURE__ */ new Set();
-  return requested.filter((facet) => {
-    if (!facet.id || seen.has(facet.id)) {
-      return false;
-    }
-    seen.add(facet.id);
-    return true;
-  });
-}
-function hasFacetContent(content) {
-  return content !== null && content !== void 0 && content !== false && content !== "";
-}
-var FacetRenderBoundary = class extends Component {
-  state = { failed: false };
-  static getDerivedStateFromError() {
-    return { failed: true };
-  }
-  render() {
-    return this.state.failed ? null : this.props.children;
-  }
-};
-function formatDurationFacet(durationMs) {
-  if (durationMs === void 0 || !Number.isFinite(durationMs) || durationMs < 1e3) {
-    return null;
-  }
-  const totalSeconds = Math.floor(durationMs / 1e3);
-  if (totalSeconds < 60) {
-    return `${totalSeconds}s`;
-  }
-  const totalMinutes = Math.floor(totalSeconds / 60);
-  if (totalMinutes < 60) {
-    return `${totalMinutes}m`;
-  }
-  const hours = Math.floor(totalMinutes / 60);
-  const minutes = totalMinutes % 60;
-  return `${hours}h ${String(minutes).padStart(2, "0")}m`;
-}
-
-// src/components/markdown.tsx
-import { memo } from "react";
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var components = {
-  h1: ({ children, ...props }) => /* @__PURE__ */ jsx11(
-    "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__ */ jsx11("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
-  h3: ({ children, ...props }) => /* @__PURE__ */ jsx11(
-    "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__ */ jsx11(
-    "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__ */ jsx11("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
-  strong: ({ children, ...props }) => /* @__PURE__ */ jsx11("strong", { className: "font-semibold text-og-fg", ...props, children }),
-  em: ({ children, ...props }) => /* @__PURE__ */ jsx11("em", { className: "italic", ...props, children }),
-  a: ({ children, ...props }) => /* @__PURE__ */ jsx11(
-    "a",
-    {
-      className: "break-words font-medium text-og-accent underline-offset-2 hover:underline",
-      target: "_blank",
-      rel: "noreferrer noopener",
-      ...props,
-      children
-    }
-  ),
-  ul: ({ children, ...props }) => /* @__PURE__ */ jsx11(
-    "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__ */ jsx11(
-    "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__ */ jsx11(
-    "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__ */ jsx11(
-    "input",
-    {
-      ...props,
-      type: "checkbox",
-      disabled: true,
-      className: "mr-2 size-3.5 translate-y-[2px] cursor-default accent-og-accent align-baseline"
-    }
-  ) : /* @__PURE__ */ jsx11("input", { type, ...props }),
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx11(
-    "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__ */ jsx11("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__ */ jsx11(
-    "code",
-    {
-      className: "rounded-og-xs border border-og-border bg-og-surface-1 px-1 py-0.5 font-og-mono text-og-sm text-og-fg",
-      ...props,
-      children
-    }
-  ),
-  // Fenced code blocks — mirror the timeline's PayloadBlock <pre> styling for
-  // visual consistency (bordered, scrollable, mono, surface background).
-  pre: ({ children, ...props }) => /* @__PURE__ */ jsx11(
-    "pre",
-    {
-      className: "my-3 max-h-96 overflow-auto rounded-og-md border border-og-border bg-og-bg/60 p-3 font-og-mono text-og-sm text-og-fg-muted [&>code]:border-0 [&>code]:bg-transparent [&>code]:p-0 [&>code]:text-inherit first:mt-0 last:mb-0",
-      ...props,
-      children
-    }
-  ),
-  table: ({ children, ...props }) => /* @__PURE__ */ jsx11("div", { className: "my-3 max-w-full overflow-x-auto rounded-og-md border border-og-border first:mt-0 last:mb-0", children: /* @__PURE__ */ jsx11("table", { className: "w-full border-collapse text-og-base", ...props, children }) }),
-  thead: ({ children, ...props }) => /* @__PURE__ */ jsx11("thead", { className: "bg-og-surface-1", ...props, children }),
-  th: ({ children, ...props }) => /* @__PURE__ */ jsx11(
-    "th",
-    {
-      className: "border-b border-og-border px-3 py-1.5 text-left font-medium text-og-fg",
-      ...props,
-      children
-    }
-  ),
-  td: ({ children, ...props }) => /* @__PURE__ */ jsx11(
-    "td",
-    {
-      className: "border-b border-og-border px-3 py-1.5 align-top text-og-fg-muted [tr:last-child>&]:border-b-0",
-      ...props,
-      children
-    }
-  ),
-  img: ({ alt, ...props }) => /* @__PURE__ */ jsx11(
-    "img",
-    {
-      alt: alt ?? "",
-      className: "my-3 max-w-full rounded-og-md border border-og-border",
-      ...props
-    }
-  )
-};
-function MarkdownImpl({ children, className }) {
-  return (
-    // `min-w-0` lets the prose shrink inside flex parents (message bubbles) so
-    // long links and code blocks wrap/scroll instead of forcing overflow.
-    /* @__PURE__ */ jsx11("div", { className: cn("min-w-0 break-words", className), children: /* @__PURE__ */ jsx11(ReactMarkdown, { remarkPlugins: [remarkGfm], components, children }) })
-  );
-}
-var Markdown = memo(MarkdownImpl);
-
-// src/components/session-status.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-var SESSION_STATUS_META = {
-  queued: {
-    label: "Queued",
-    dotClassName: "bg-og-status-queued",
-    badgeClassName: "text-og-fg-muted border-og-border bg-og-status-queued/10",
-    pulse: true
-  },
-  running: {
-    label: "Running",
-    dotClassName: "bg-og-status-running",
-    badgeClassName: "text-og-status-running border-og-status-running/30 bg-og-status-running/10",
-    pulse: true
-  },
-  recovering: {
-    label: "Recovering",
-    dotClassName: "bg-og-status-running",
-    badgeClassName: "text-og-status-running border-og-status-running/30 bg-og-status-running/10",
-    pulse: true
-  },
-  waiting_capacity: {
-    label: "Waiting for capacity",
-    dotClassName: "bg-og-status-waiting",
-    badgeClassName: "text-og-status-waiting border-og-status-waiting/35 bg-og-status-waiting/10",
-    pulse: true
-  },
-  idle: {
-    label: "Idle",
-    dotClassName: "bg-og-status-idle",
-    badgeClassName: "text-og-status-idle border-og-status-idle/30 bg-og-status-idle/10",
-    pulse: false
-  },
-  requires_action: {
-    label: "Waiting on you",
-    dotClassName: "bg-og-status-waiting",
-    badgeClassName: "text-og-status-waiting border-og-status-waiting/35 bg-og-status-waiting/10",
-    pulse: true
-  },
-  failed: {
-    label: "Failed",
-    dotClassName: "bg-og-status-failed",
-    badgeClassName: "text-og-status-failed border-og-status-failed/35 bg-og-status-failed/10",
-    pulse: false
-  },
-  cancelled: {
-    label: "Cancelled",
-    dotClassName: "bg-og-status-cancelled",
-    badgeClassName: "text-og-fg-subtle border-og-border bg-og-status-cancelled/10",
-    pulse: false
-  }
-};
-function SessionStatus({ status, label, size = "md", className }) {
-  const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsxs9(
-    "span",
-    {
-      "data-status": status,
-      className: cn(
-        "og-root inline-flex shrink-0 items-center rounded-full border font-medium",
-        size === "sm" ? "gap-1 px-1.5 py-px text-og-xs" : "gap-1.5 px-2 py-0.5 text-xs",
-        meta.badgeClassName,
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx12(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
-        label ?? meta.label
-      ]
-    }
-  );
-}
-function StatusDot({ status, className }) {
-  const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsx12(
-    "span",
-    {
-      className: cn(
-        "relative inline-flex size-1.5 shrink-0 rounded-full",
-        meta.dotClassName,
-        className
-      ),
-      children: meta.pulse ? /* @__PURE__ */ jsx12("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
-    }
-  );
-}
-
-// src/components/message-timeline.tsx
-import {
-  ArrowDownIcon,
-  ArrowRightIcon as ArrowRightIcon2,
-  BotIcon as BotIcon2,
-  CheckCircle2Icon,
-  CheckIcon as CheckIcon2,
-  ChevronRightIcon as ChevronRightIcon3,
-  PauseCircleIcon,
-  PauseIcon,
-  PencilLineIcon,
-  PlayIcon,
-  RefreshCwIcon,
-  TargetIcon,
-  Trash2Icon,
-  TriangleAlertIcon as TriangleAlertIcon2,
-  XCircleIcon
-} from "lucide-react";
-import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
-import { Collapsible as Collapsible3 } from "radix-ui";
-import {
-  memo as memo2,
-  useCallback as useCallback2,
-  useEffect as useEffect4,
-  useLayoutEffect,
-  useMemo as useMemo3,
-  useRef as useRef3,
-  useState as useState8
-} from "react";
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var INITIAL_MOUNTED_GROUPS = 1;
-function MessageTimeline({
-  events,
-  items,
-  status,
-  renderMessageText,
-  onOpenSession,
-  onMemoryClick,
-  onReconnect,
-  resolveProviderLogo,
-  toolRegistry = defaultToolRegistry,
-  turnSummary,
-  autoFollow = true,
-  hasOlder = false,
-  loadingOlder = false,
-  onLoadOlder,
-  emptyState,
-  className
-}) {
-  const resolvedItems = useMemo3(() => items ?? buildTimeline(events ?? []), [items, events]);
-  const allGroups = useMemo3(() => groupTimeline(resolvedItems), [resolvedItems]);
-  const keyedGroups = useStableTimelineGroupKeys(allGroups);
-  const { mountedGroups: groups, mountingOlderGroups } = useProgressivelyMountedGroups(keyedGroups);
-  const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
-  const scrollRef = useRef3(null);
-  const topSentinelRef = useRef3(null);
-  const previousBulkFirstKeyRef = useRef3(void 0);
-  const [pinned, setPinned] = useState8(true);
-  const [bulkActive, setBulkActive] = useState8(true);
-  const [revealed, setRevealed] = useState8(false);
-  const programmaticScrollTargetsRef = useRef3([]);
-  const assignScrollTop = useCallback2((node, value) => {
-    const previous = node.scrollTop;
-    node.scrollTop = value;
-    if (node.scrollTop === previous) {
-      return;
-    }
-    const pending = programmaticScrollTargetsRef.current;
-    pending.push(node.scrollTop);
-    if (pending.length > 32) {
-      pending.splice(0, pending.length - 32);
-    }
-  }, []);
-  const pinnedRef = useRef3(true);
-  const anchorRef = useRef3(null);
-  const lastItem = resolvedItems[resolvedItems.length - 1];
-  const streaming = lastItem !== void 0 && (lastItem.kind === "agent-message" || lastItem.kind === "reasoning") && lastItem.streaming;
-  const working = status === "running" && !streaming;
-  const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
-  const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk || mountingOlderGroups);
-  const captureAnchor = useCallback2(() => {
-    const node = scrollRef.current;
-    const inner = node?.firstElementChild;
-    if (!node || !inner) {
-      anchorRef.current = null;
-      return;
-    }
-    const containerTop = node.getBoundingClientRect().top;
-    const findVisible = (selector) => {
-      for (const candidate of inner.querySelectorAll(selector)) {
-        if (candidate instanceof HTMLElement && candidate.dataset.ogTimelineChrome !== void 0) {
-          continue;
-        }
-        const rect = candidate.getBoundingClientRect();
-        if (rect.bottom > containerTop + 1 && rect.height > 0) {
-          return candidate;
-        }
-      }
-      return null;
-    };
-    const anchor = findVisible("[data-og-timeline-row-anchor]") ?? findVisible("[data-og-timeline-group-anchor]");
-    if (anchor) {
-      const rect = anchor.getBoundingClientRect();
-      anchorRef.current = { el: anchor, top: rect.top - containerTop };
-      return;
-    }
-    anchorRef.current = null;
-  }, []);
-  const restoreAnchor = useCallback2(
-    (node) => {
-      if (autoFollow && pinnedRef.current) {
-        assignScrollTop(node, node.scrollHeight);
-        return;
-      }
-      const anchor = anchorRef.current;
-      if (!anchor || !anchor.el.isConnected) {
-        return;
-      }
-      const containerTop = node.getBoundingClientRect().top;
-      const now = anchor.el.getBoundingClientRect().top - containerTop;
-      const diff = now - anchor.top;
-      if (diff !== 0) {
-        assignScrollTop(node, node.scrollTop + diff);
-      }
-    },
-    [assignScrollTop, autoFollow]
-  );
-  useLayoutEffect(() => {
-    const node = scrollRef.current;
-    if (node) {
-      restoreAnchor(node);
-    }
-    if (!revealed && groups.length > 0) {
-      setRevealed(true);
-    }
-  }, [resolvedItems, working, revealed, groups.length, restoreAnchor]);
-  useLayoutEffect(() => {
-    if (allGroups.length === 0 && revealed) {
-      setRevealed(false);
-    }
-  }, [allGroups.length, revealed]);
-  useLayoutEffect(() => {
-    previousBulkFirstKeyRef.current = firstGroupKey;
-    if (!bulkRender) {
-      return;
-    }
-    setBulkActive(true);
-    if (mountingOlderGroups) {
-      return;
-    }
-    const frame = requestFrame(() => setBulkActive(false));
-    return () => cancelFrame(frame);
-  }, [bulkRender, firstGroupKey, mountingOlderGroups]);
-  useEffect4(() => {
-    const root = scrollRef.current;
-    const target = topSentinelRef.current;
-    if (!root || !target || mountingOlderGroups || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
-      return;
-    }
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries.some((entry) => entry.isIntersecting)) {
-          onLoadOlder();
-        }
-      },
-      { root, rootMargin: "1600px 0px 0px 0px" }
-    );
-    observer.observe(target);
-    return () => observer.disconnect();
-  }, [hasOlder, loadingOlder, onLoadOlder, firstGroupKey, mountingOlderGroups]);
-  useEffect4(() => {
-    const node = scrollRef.current;
-    const inner = node?.firstElementChild;
-    if (!node || !inner || typeof ResizeObserver === "undefined") {
-      return;
-    }
-    const observer = new ResizeObserver(() => {
-      const current = scrollRef.current;
-      if (!current) {
-        return;
-      }
-      restoreAnchor(current);
-    });
-    observer.observe(inner);
-    return () => observer.disconnect();
-  }, [restoreAnchor]);
-  const onScroll = () => {
-    const node = scrollRef.current;
-    if (!node) {
-      return;
-    }
-    const pending = programmaticScrollTargetsRef.current;
-    const programmaticIndex = pending.findIndex((target) => Math.abs(node.scrollTop - target) <= 1);
-    const programmatic = programmaticIndex >= 0;
-    if (programmatic) {
-      pending.splice(0, programmaticIndex + 1);
-    } else {
-      pending.length = 0;
-    }
-    const nextPinned = node.scrollHeight - node.scrollTop - node.clientHeight < 48;
-    if (nextPinned || !programmatic) {
-      pinnedRef.current = nextPinned;
-      setPinned(nextPinned);
-    }
-    if (!programmatic) {
-      captureAnchor();
-    }
-  };
-  return /* @__PURE__ */ jsx13(LightboxProvider, { children: /* @__PURE__ */ jsx13(EntranceAnimationProvider, { value: !bulkRender, children: /* @__PURE__ */ jsxs10("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
-    /* @__PURE__ */ jsx13(
-      "div",
-      {
-        ref: scrollRef,
-        onScroll,
-        style: groups.length > 0 && !revealed ? { visibility: "hidden" } : void 0,
-        className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-6 [overflow-anchor:none] sm:px-6",
-        children: /* @__PURE__ */ jsxs10("div", { className: "mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
-          groups.length === 0 && !working ? emptyState ?? /* @__PURE__ */ jsx13("p", { className: "py-10 text-center text-sm text-og-fg-subtle", children: "No activity yet." }) : null,
-          hasOlder && !mountingOlderGroups ? /* @__PURE__ */ jsx13(
-            "div",
-            {
-              ref: topSentinelRef,
-              "data-og-top-sentinel": "",
-              "data-og-timeline-chrome": "",
-              "aria-hidden": "true",
-              className: "h-px w-full shrink-0"
-            }
-          ) : null,
-          loadingOlder ? /* @__PURE__ */ jsx13("div", { "data-og-timeline-chrome": "", className: "flex items-center gap-2 text-sm", children: /* @__PURE__ */ jsx13("span", { className: "og-shimmer-text font-medium", children: "Loading earlier activity\u2026" }) }) : null,
-          groups.map(({ group, key }, index) => /* @__PURE__ */ jsx13("div", { "data-og-timeline-group-anchor": "", children: /* @__PURE__ */ jsx13(
-            TimelineGroupView,
-            {
-              group,
-              renderMessageText,
-              onOpenSession,
-              onMemoryClick,
-              onReconnect,
-              resolveProviderLogo,
-              toolRegistry,
-              turnSummary,
-              foldLiveCluster: isAgentProgress(groups[index + 1]?.group)
-            }
-          ) }, key)),
-          working ? /* @__PURE__ */ jsx13("div", { className: "flex items-center gap-2 text-sm", children: /* @__PURE__ */ jsx13("span", { className: "og-shimmer-text font-medium", children: "Working\u2026" }) }) : null
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx13(AnimatePresence2, { children: !pinned && autoFollow ? /* @__PURE__ */ jsxs10(
-      motion2.button,
-      {
-        type: "button",
-        initial: { opacity: 0, y: 8 },
-        animate: { opacity: 1, y: 0 },
-        exit: { opacity: 0, y: 8 },
-        transition: { duration: 0.15, ease: "easeOut" },
-        onClick: () => {
-          const node = scrollRef.current;
-          if (node) {
-            node.scrollTo({ top: node.scrollHeight, behavior: "smooth" });
-          }
-          pinnedRef.current = true;
-          setPinned(true);
-        },
-        className: cn(
-          "absolute bottom-4 left-1/2 -translate-x-1/2",
-          "inline-flex items-center gap-1.5 rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1.5",
-          "text-xs font-medium text-og-fg shadow-og-md backdrop-blur",
-          "hover:border-og-border-strong"
-        ),
-        children: [
-          /* @__PURE__ */ jsx13(ArrowDownIcon, { className: "size-3.5" }),
-          "Jump to latest"
-        ]
-      }
-    ) : null })
-  ] }) }) });
-}
-function useStableTimelineGroupKeys(allGroups) {
-  const previousRef = useRef3([]);
-  const keyedGroups = useMemo3(() => {
-    const previousByItemId = /* @__PURE__ */ new Map();
-    for (const previous of previousRef.current) {
-      for (const itemId of timelineGroupItemIds(previous.group)) {
-        previousByItemId.set(itemId, previous);
-      }
-    }
-    const usedKeys = /* @__PURE__ */ new Set();
-    return allGroups.map((group, index) => {
-      const itemIds = timelineGroupItemIds(group);
-      let retainedKey;
-      for (const itemId of itemIds) {
-        const previous = previousByItemId.get(itemId);
-        if (previous && !usedKeys.has(previous.key)) {
-          retainedKey = previous.key;
-          break;
-        }
-      }
-      const canonicalKey = timelineGroupKey(group);
-      let key = retainedKey ?? canonicalKey;
-      let collision = 0;
-      while (usedKeys.has(key)) {
-        key = `${canonicalKey}:${index}:${collision}`;
-        collision += 1;
-      }
-      usedKeys.add(key);
-      return { group, key };
-    });
-  }, [allGroups]);
-  useLayoutEffect(() => {
-    previousRef.current = keyedGroups;
-  }, [keyedGroups]);
-  return keyedGroups;
-}
-function useProgressivelyMountedGroups(allGroups) {
-  const previousGroupKeysRef = useRef3([]);
-  const groupKeys = useMemo3(() => {
-    const nextKeys = allGroups.map((group) => group.key);
-    const previousKeys = previousGroupKeysRef.current;
-    return nextKeys.length === previousKeys.length && nextKeys.every((key, index) => key === previousKeys[index]) ? previousKeys : nextKeys;
-  }, [allGroups]);
-  useLayoutEffect(() => {
-    previousGroupKeysRef.current = groupKeys;
-  }, [groupKeys]);
-  const [window2, setWindow] = useState8(() => ({
-    groupKeys,
-    visibleStart: Math.max(0, allGroups.length - INITIAL_MOUNTED_GROUPS)
-  }));
-  const lastPossibleStart = Math.max(0, allGroups.length - INITIAL_MOUNTED_GROUPS);
-  let visibleStart = 0;
-  if (allGroups.length > 0) {
-    const currentIndexByKey = new Map(groupKeys.map((key, index) => [key, index]));
-    let retainedStart;
-    for (const key of window2.groupKeys.slice(window2.visibleStart)) {
-      const index = currentIndexByKey.get(key);
-      if (index !== void 0) {
-        retainedStart = index;
-        break;
-      }
-    }
-    visibleStart = retainedStart === void 0 ? lastPossibleStart : Math.min(retainedStart, lastPossibleStart);
-  }
-  useEffect4(() => {
-    if (window2.groupKeys !== groupKeys || window2.visibleStart !== visibleStart) {
-      setWindow({ groupKeys, visibleStart });
-      return;
-    }
-    if (visibleStart === 0) {
-      return;
-    }
-    const frame = requestFrame(() => {
-      setWindow(
-        (current) => current.groupKeys === groupKeys && current.visibleStart > 0 ? { ...current, visibleStart: current.visibleStart - 1 } : current
-      );
-    });
-    return () => cancelFrame(frame);
-  }, [groupKeys, visibleStart, window2.groupKeys, window2.visibleStart]);
-  return {
-    mountedGroups: allGroups.slice(visibleStart),
-    mountingOlderGroups: visibleStart > 0
-  };
-}
-function requestFrame(callback) {
-  if (typeof requestAnimationFrame === "function") {
-    return requestAnimationFrame(callback);
-  }
-  return window.setTimeout(() => callback(performance.now()), 16);
-}
-function cancelFrame(id) {
-  if (typeof cancelAnimationFrame === "function") {
-    cancelAnimationFrame(id);
-    return;
-  }
-  window.clearTimeout(id);
-}
-var TimelineGroupView = memo2(function TimelineGroupView2({
-  group,
-  renderMessageText,
-  onOpenSession,
-  onMemoryClick,
-  onReconnect,
-  resolveProviderLogo,
-  toolRegistry,
-  turnSummary,
-  insideTurn = false,
-  foldLiveCluster = false
-}) {
-  switch (group.kind) {
-    case "activity":
-      return group.outcome || foldLiveCluster && clusterIsSettled(group) ? /* @__PURE__ */ jsx13(
-        TurnSummary,
-        {
-          items: group.items,
-          outcome: group.outcome,
-          failureText: insideTurn ? void 0 : group.failureText,
-          defaultOpen: !insideTurn && group.outcome === "failed" ? true : void 0,
-          bare: insideTurn,
-          facets: turnSummary?.facets,
-          children: /* @__PURE__ */ jsx13(
-            ActivityRail,
-            {
-              items: group.items,
-              onOpenSession,
-              onMemoryClick,
-              toolRegistry,
-              bare: insideTurn
-            }
-          )
-        }
-      ) : (
-        // A nested live cluster hangs on the turn's rail (bare); a top-level one
-        // owns its own rail.
-        /* @__PURE__ */ jsx13(
-          ActivityRail,
-          {
-            items: group.items,
-            onOpenSession,
-            onMemoryClick,
-            toolRegistry,
-            bare: insideTurn
-          }
-        )
-      );
-    case "turn": {
-      const activityItems = flattenActivityItems(group.groups);
-      const body = group.groups.map((child) => /* @__PURE__ */ jsx13(
-        TimelineGroupView2,
-        {
-          group: child,
-          renderMessageText,
-          onOpenSession,
-          onMemoryClick,
-          onReconnect,
-          resolveProviderLogo,
-          toolRegistry,
-          turnSummary,
-          insideTurn: true
-        },
-        timelineGroupKey(child)
-      ));
-      return /* @__PURE__ */ jsx13(
-        TurnSummary,
-        {
-          items: activityItems,
-          outcome: group.outcome,
-          failureText: insideTurn ? void 0 : group.failureText,
-          durationMs: durationBetween(group.startedAt, group.endedAt),
-          defaultOpen: !insideTurn && group.outcome === "failed" ? true : void 0,
-          bare: insideTurn,
-          facets: turnSummary?.facets,
-          children: insideTurn ? (
-            // A nested turn is already on an ancestor rail — its body just stacks
-            // flush (the bare-node body already indents it), so no second rule.
-            /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-4", children: body })
-          ) : (
-            // The top-level turn draws THE rail: one thin continuous rule that
-            // every nested node and step hangs off of.
-            /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-4 border-l-2 border-og-border pl-3 sm:pl-4", children: body })
-          )
-        }
-      );
-    }
-    case "item":
-      return /* @__PURE__ */ jsx13(
-        TimelineRow,
-        {
-          item: group.item,
-          renderMessageText,
-          onReconnect,
-          resolveProviderLogo,
-          onOpenSession
-        }
-      );
-  }
-});
-function timelineGroupKey(group) {
-  switch (group.kind) {
-    case "item":
-      return group.item.id;
-    case "activity":
-      return group.id;
-    case "turn":
-      return group.id;
-  }
-}
-function timelineGroupItemIds(group) {
-  switch (group.kind) {
-    case "item":
-      return [group.item.id];
-    case "activity":
-      return group.items.map((item) => item.id);
-    case "turn":
-      return group.groups.flatMap(timelineGroupItemIds);
-  }
-}
-function isAgentProgress(next) {
-  if (!next) {
-    return false;
-  }
-  return next.kind === "activity" || next.kind === "turn" || next.kind === "item" && next.item.kind === "agent-message";
-}
-function clusterIsSettled(group) {
-  return group.items.every((item) => {
-    if (item.kind === "reasoning") {
-      return !item.streaming;
-    }
-    if (item.kind === "memory" || item.kind === "fleet-decision") {
-      return true;
-    }
-    return item.status !== "running";
-  });
-}
-function flattenActivityItems(groups) {
-  const items = [];
-  for (const group of groups) {
-    if (group.kind === "activity") {
-      items.push(...group.items);
-    } else if (group.kind === "turn") {
-      items.push(...flattenActivityItems(group.groups));
-    }
-  }
-  return items;
-}
-function durationBetween(startedAt, endedAt) {
-  const started = Date.parse(startedAt);
-  const ended = Date.parse(endedAt);
-  if (!Number.isFinite(started) || !Number.isFinite(ended) || ended < started) {
-    return void 0;
-  }
-  return ended - started;
-}
-function TimelineRow({
-  item,
-  renderMessageText,
-  onReconnect,
-  resolveProviderLogo,
-  onOpenSession
-}) {
-  switch (item.kind) {
-    case "user-message":
-      return /* @__PURE__ */ jsx13(UserMessageRow, { item, renderMessageText });
-    case "agent-message":
-      return /* @__PURE__ */ jsx13(AgentMessageRow, { item, renderMessageText });
-    case "worker-completion":
-      return /* @__PURE__ */ jsx13(WorkerCompletionRow, { item, onOpenSession });
-    case "session-status":
-      return /* @__PURE__ */ jsx13(SessionStatusRow, { item });
-    case "goal":
-      return /* @__PURE__ */ jsx13(GoalRow, { item });
-    case "machine-input-batch":
-      return /* @__PURE__ */ jsx13(MachineInputBatchRow, { item });
-    case "notice":
-      return /* @__PURE__ */ jsx13(NoticeRow, { item });
-    case "auth-needed":
-      return /* @__PURE__ */ jsx13(
-        AuthNeededRow,
-        {
-          item,
-          onReconnect,
-          resolveProviderLogo
-        }
-      );
-    default:
-      return null;
-  }
-}
-function UserMessageRow({
-  item,
-  renderMessageText
-}) {
-  const enter = useEntranceAnimation();
-  return /* @__PURE__ */ jsx13("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsx13("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: /* @__PURE__ */ jsx13("div", { className: "w-fit max-w-full min-w-0 rounded-og-lg rounded-br-og-xs border border-og-border bg-og-surface-2 px-4 py-2.5 text-og-md leading-6 text-og-fg", children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx13(Markdown, { children: item.text }) }) }) });
-}
-function AgentMessageRow({
-  item,
-  renderMessageText
-}) {
-  const enter = useEntranceAnimation();
-  const caret = item.streaming ? /* @__PURE__ */ jsx13(
-    "span",
-    {
-      className: "ml-0.5 inline-block h-[1.1em] w-[2px] translate-y-[3px] animate-og-blink rounded-full bg-og-accent",
-      "aria-hidden": true
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx13("div", { className: cn(enter && "animate-og-enter", "min-w-0 text-og-md leading-7 text-og-fg"), children: renderMessageText ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
-    renderMessageText(item.text, item),
-    caret
-  ] }) : (
-    // While streaming, let the caret ride the end of the last rendered line:
-    // the trailing block (usually a <p>) flows inline so the caret sits on
-    // its baseline instead of dropping to a new line.
-    /* @__PURE__ */ jsxs10("div", { className: item.streaming ? "[&_>div>:last-child]:inline" : void 0, children: [
-      /* @__PURE__ */ jsx13(Markdown, { children: item.text }),
-      caret
-    ] })
-  ) });
-}
-function workerCompletionMeta(item) {
-  if (item.childStatus === "failed") {
-    return {
-      label: "Worker failed",
-      icon: XCircleIcon,
-      iconClass: "text-og-status-failed",
-      accentClass: "border-og-status-failed/60"
-    };
-  }
-  if (item.goalStatus === "paused") {
-    return {
-      label: "Worker paused",
-      icon: PauseCircleIcon,
-      iconClass: "text-og-status-waiting",
-      accentClass: "border-og-status-waiting/50"
-    };
-  }
-  if (item.goalStatus === "completed") {
-    return {
-      label: "Worker completed",
-      icon: CheckCircle2Icon,
-      iconClass: "text-og-status-idle",
-      accentClass: "border-og-status-idle/45"
-    };
-  }
-  return {
-    label: "Worker reported back",
-    icon: BotIcon2,
-    iconClass: "text-og-accent",
-    accentClass: "border-og-border-strong"
-  };
-}
-function WorkerCompletionRow({
-  item,
-  onOpenSession
-}) {
-  const enter = useEntranceAnimation();
-  const [open, setOpen] = useState8(false);
-  const meta = workerCompletionMeta(item);
-  const Icon = meta.icon;
-  const showPausedReason = item.childStatus !== "failed" && item.goalStatus === "paused" && Boolean(item.pausedReason?.trim());
-  const details = [
-    ...item.text.trim() ? [{ label: "Report", value: item.text.trim() }] : [],
-    ...item.evidence?.trim() ? [{ label: "Evidence", value: item.evidence.trim(), muted: true }] : [],
-    ...showPausedReason ? [{ label: "Paused because", value: item.pausedReason.trim(), muted: true }] : []
-  ];
-  const hasDetails = details.length > 0;
-  return /* @__PURE__ */ jsx13("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs10("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
-    /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-2.5", children: [
-      /* @__PURE__ */ jsx13("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx13(Icon, { className: "size-4" }) }),
-      /* @__PURE__ */ jsx13("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs10("p", { className: "text-og-base leading-5 text-og-fg", children: [
-        /* @__PURE__ */ jsx13("span", { className: "font-medium", children: meta.label }),
-        item.goalText ? /* @__PURE__ */ jsxs10("span", { className: "text-og-fg-muted", children: [
-          " \xB7 ",
-          truncate(item.goalText, 90)
-        ] }) : null
-      ] }) }),
-      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs10(
-        "button",
-        {
-          type: "button",
-          onClick: () => onOpenSession(item.childSessionId),
-          className: cn(
-            "-my-0.5 -mr-1 inline-flex shrink-0 items-center gap-1 rounded-og-sm px-2 py-1 text-og-sm font-medium text-og-fg-muted pointer-coarse:py-2",
-            "outline-none transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
-            "focus-visible:ring-2 focus-visible:ring-og-accent"
-          ),
-          children: [
-            "View session",
-            /* @__PURE__ */ jsx13(ArrowRightIcon2, { className: "size-3.5" })
-          ]
-        }
-      ) : null
-    ] }),
-    hasDetails ? /* @__PURE__ */ jsxs10(Collapsible3.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx13(Collapsible3.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
-        "button",
-        {
-          type: "button",
-          className: cn(
-            "group/wc -mx-1 inline-flex w-fit items-center gap-1 rounded-og-sm px-1 py-0.5 text-og-xs font-medium text-og-fg-subtle",
-            "outline-none transition-colors duration-150 hover:text-og-fg-muted focus-visible:ring-2 focus-visible:ring-og-accent"
-          ),
-          children: [
-            /* @__PURE__ */ jsx13(ChevronRightIcon3, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
-            open ? "Hide details" : "Show details"
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx13(Collapsible3.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx13("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs10("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx13("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
-        /* @__PURE__ */ jsx13(
-          "p",
-          {
-            className: cn(
-              "whitespace-pre-wrap break-words text-og-sm leading-6",
-              detail.muted ? "text-og-fg-subtle" : "text-og-fg-muted"
-            ),
-            children: detail.value
-          }
-        )
-      ] }, detail.label)) }) })
-    ] }) : null
-  ] }) });
-}
-function SessionStatusRow({ item }) {
-  const enter = useEntranceAnimation();
-  const meta = SESSION_STATUS_META[item.status];
-  return /* @__PURE__ */ jsxs10(
-    "div",
-    {
-      className: cn(
-        enter && "animate-og-enter",
-        "flex items-center gap-3 text-og-xs text-og-fg-subtle"
-      ),
-      role: "status",
-      children: [
-        /* @__PURE__ */ jsx13("span", { className: "h-px flex-1 bg-og-border" }),
-        /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx13(StatusDot, { status: item.status, className: "size-1" }),
-          meta.label.toLowerCase(),
-          " \xB7 ",
-          formatRelativeTime(item.occurredAt)
-        ] }),
-        /* @__PURE__ */ jsx13("span", { className: "h-px flex-1 bg-og-border" })
-      ]
-    }
-  );
-}
-var NEUTRAL_PILL = "border-og-border bg-og-surface-1 text-og-fg-muted";
-var GOAL_META = {
-  set: {
-    label: "Goal set",
-    pill: "border-og-accent/30 bg-og-accent/10 text-og-accent",
-    icon: TargetIcon
-  },
-  updated: { label: "Goal updated", pill: NEUTRAL_PILL, icon: PencilLineIcon },
-  completed: {
-    label: "Goal completed",
-    pill: "border-og-status-idle/30 bg-og-status-idle/10 text-og-status-idle",
-    icon: CheckIcon2
-  },
-  paused: {
-    label: "Goal paused",
-    pill: "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting",
-    icon: PauseIcon
-  },
-  resumed: { label: "Goal resumed", pill: NEUTRAL_PILL, icon: PlayIcon },
-  cleared: { label: "Goal cleared", pill: NEUTRAL_PILL, icon: Trash2Icon },
-  continuation: { label: "Continuing toward the goal", pill: NEUTRAL_PILL, icon: ArrowRightIcon2 }
-};
-function GoalRow({ item }) {
-  const enter = useEntranceAnimation();
-  const { label, pill, icon: Icon } = GOAL_META[item.action];
-  return /* @__PURE__ */ jsx13("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs10(
-    "span",
-    {
-      className: cn(
-        "inline-flex max-w-full items-center gap-1.5 rounded-full border px-3 py-1 text-og-sm",
-        pill
-      ),
-      children: [
-        /* @__PURE__ */ jsx13(Icon, { className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxs10("span", { className: "truncate", children: [
-          label,
-          item.text ? `: ${truncate(item.text, 90)}` : ""
-        ] })
-      ]
-    }
-  ) });
-}
-var MACHINE_INPUT_META = {
-  scheduled_occurrence: "Scheduled update",
-  goal_continuation: "Goal continued",
-  agent_message: "Agent update",
-  agent_steer_instruction: "Agent direction",
-  child_terminal_result: "Agent finished"
-};
-function MachineInputBatchRow({ item }) {
-  const enter = useEntranceAnimation();
-  const visible = item.members.slice(0, 3);
-  return /* @__PURE__ */ jsxs10(
-    "div",
-    {
-      className: cn(
-        enter && "animate-og-enter",
-        "rounded-og-md border border-og-border/70 bg-og-surface-1/55 px-3 py-2.5"
-      ),
-      children: [
-        item.members.length > 1 && /* @__PURE__ */ jsxs10("div", { className: "mb-2 text-xs font-medium text-og-fg-subtle", children: [
-          item.members.length,
-          " updates joined this turn"
-        ] }),
-        /* @__PURE__ */ jsx13("div", { className: "space-y-2", children: visible.map((member) => /* @__PURE__ */ jsx13(MachineInputRow, { member }, member.id)) }),
-        item.members.length > visible.length && /* @__PURE__ */ jsxs10("details", { className: "mt-2 pl-8 text-xs text-og-fg-muted", children: [
-          /* @__PURE__ */ jsxs10("summary", { className: "cursor-pointer select-none hover:text-og-fg", children: [
-            "Show ",
-            item.members.length - visible.length,
-            " more"
-          ] }),
-          /* @__PURE__ */ jsx13("div", { className: "mt-2 space-y-2", children: item.members.slice(visible.length).map((member) => /* @__PURE__ */ jsx13(MachineInputRow, { member }, member.id)) })
-        ] })
-      ]
-    }
-  );
-}
-function MachineInputRow({ member }) {
-  const source = readableMachineInputSource(member.sourceId);
-  return /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-    /* @__PURE__ */ jsx13("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
-    /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx13("span", { className: "text-xs font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
-      source && /* @__PURE__ */ jsxs10("span", { className: "ml-1.5 text-xs text-og-fg-subtle", children: [
-        "from ",
-        source
-      ] }),
-      member.summary && /* @__PURE__ */ jsx13("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-sm leading-5 text-og-fg", children: truncate(cleanMachineInputSummary(member.summary), 320) })
-    ] })
-  ] });
-}
-function readableMachineInputSource(sourceId) {
-  const value = sourceId.trim();
-  if (!value || /^[0-9a-f]{8}-[0-9a-f-]{27,}$/i.test(value)) return null;
-  if (/^(goal|schedule|system):/i.test(value)) return null;
-  return value.replaceAll("_", " ");
-}
-function cleanMachineInputSummary(summary) {
-  return summary.replace(/^\[[A-Z][A-Z _-]*(?:\s+\d+\/\d+)?\]\s*/, "").trim();
-}
-function NoticeRow({ item }) {
-  const enter = useEntranceAnimation();
-  const tone = item.tone === "failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.tone === "waiting" ? "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting" : "border-og-border bg-og-surface-1 text-og-fg-muted";
-  return /* @__PURE__ */ jsxs10(
-    "div",
-    {
-      className: cn(
-        enter && "animate-og-enter",
-        "flex items-start gap-2.5 rounded-og-md border px-3.5 py-2.5 text-sm",
-        tone
-      ),
-      role: "status",
-      children: [
-        /* @__PURE__ */ jsx13(
-          TriangleAlertIcon2,
-          {
-            className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60")
-          }
-        ),
-        /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx13("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
-          item.details ? /* @__PURE__ */ jsxs10("details", { className: "mt-2 text-xs", children: [
-            /* @__PURE__ */ jsx13("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
-            /* @__PURE__ */ jsx13("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-black/5 p-2 font-mono dark:bg-white/5", children: JSON.stringify(item.details.value, null, 2) })
-          ] }) : null
-        ] }),
-        item.action ? /* @__PURE__ */ jsx13(
-          "a",
-          {
-            className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-xs font-medium hover:bg-current/10",
-            href: item.action.url,
-            rel: "noreferrer",
-            target: "_blank",
-            children: item.action.label
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function AuthNeededRow({
-  item,
-  onReconnect,
-  resolveProviderLogo
-}) {
-  const enter = useEntranceAnimation();
-  const [busy, setBusy] = useState8(false);
-  const [failed, setFailed] = useState8(false);
-  const provider = providerLabel(item.providerDomain);
-  const unavailable = item.reason === "unsupported_auth" || item.reason === "resource_scope_unavailable";
-  const missing = item.reason === "missing_connection";
-  const actionLabel = missing ? "Connect" : "Reconnect";
-  const start = async () => {
-    if (!onReconnect || busy) {
-      return;
-    }
-    setBusy(true);
-    setFailed(false);
-    try {
-      await onReconnect(item);
-      setBusy(false);
-    } catch {
-      setFailed(true);
-      setBusy(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs10("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-3 rounded-og-lg border border-og-border bg-og-surface-1 px-3.5 py-3 sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-        /* @__PURE__ */ jsx13(
-          AuthProviderLogo,
-          {
-            src: resolveProviderLogo?.(item.providerDomain) ?? null,
-            label: provider
-          }
-        ),
-        /* @__PURE__ */ jsxs10("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx13("p", { className: "truncate text-og-md font-medium text-og-fg", children: unavailable ? `${provider} tools unavailable` : `${actionLabel} ${provider}` }),
-          /* @__PURE__ */ jsx13("p", { className: "truncate text-og-sm text-og-fg-subtle", children: authReasonLine(item.reason) })
-        ] })
-      ] }),
-      !unavailable && onReconnect ? /* @__PURE__ */ jsxs10(
-        "button",
-        {
-          type: "button",
-          onClick: () => void start(),
-          disabled: busy,
-          className: cn(
-            "inline-flex w-full shrink-0 items-center justify-center gap-1.5 rounded-og-md bg-og-accent px-3 py-1.5 text-sm font-medium text-og-accent-fg sm:w-auto",
-            "transition-colors hover:bg-og-accent-strong disabled:opacity-70 pointer-coarse:min-h-9"
-          ),
-          children: [
-            /* @__PURE__ */ jsx13(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
-            busy ? "Opening\u2026" : actionLabel
-          ]
-        }
-      ) : !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs10(
-        "a",
-        {
-          href: item.authorizationUrl,
-          rel: "noreferrer",
-          target: "_blank",
-          className: cn(
-            "inline-flex w-full shrink-0 items-center justify-center gap-1.5 rounded-og-md bg-og-accent px-3 py-1.5 text-sm font-medium text-og-accent-fg sm:w-auto",
-            "transition-colors hover:bg-og-accent-strong pointer-coarse:min-h-9"
-          ),
-          children: [
-            /* @__PURE__ */ jsx13(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
-            actionLabel
-          ]
-        }
-      ) : null
-    ] }),
-    !unavailable ? /* @__PURE__ */ jsxs10("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: [
-      "This tool call wasn't replayed. After ",
-      missing ? "connecting" : "reconnecting",
-      ", send a new message to try again."
-    ] }) : null,
-    failed ? /* @__PURE__ */ jsxs10("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
-      "Couldn't start ",
-      missing ? "connecting" : "reconnecting",
-      " ",
-      provider,
-      ". Try again."
-    ] }) : null
-  ] });
-}
-function AuthProviderLogo({ src, label }) {
-  const [failed, setFailed] = useState8(false);
-  useEffect4(() => setFailed(false), [src]);
-  const showImage = src && !failed;
-  return /* @__PURE__ */ jsx13(
-    "span",
-    {
-      className: "relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-og-md border border-og-border bg-og-surface-2 text-sm font-semibold text-og-fg-muted",
-      "aria-hidden": true,
-      children: showImage ? /* @__PURE__ */ jsx13(
-        "img",
-        {
-          src,
-          alt: "",
-          loading: "lazy",
-          decoding: "async",
-          className: "size-full object-contain p-1.5",
-          onError: () => setFailed(true)
-        }
-      ) : /* @__PURE__ */ jsx13("span", { children: monogram(label) })
-    }
-  );
-}
-function monogram(label) {
-  const words = label.trim().split(/\s+/).filter(Boolean);
-  if (words.length === 0) {
-    return "?";
-  }
-  if (words.length === 1) {
-    return words[0].slice(0, 2).toUpperCase();
-  }
-  return (words[0][0] + words[1][0]).toUpperCase();
-}
-function providerLabel(domain) {
-  const host = domain.trim().replace(/^https?:\/\//, "").replace(/^www\./, "").split("/")[0] ?? "";
-  const first = host.split(".")[0] ?? host;
-  if (!first) {
-    return "this service";
-  }
-  return first.charAt(0).toUpperCase() + first.slice(1);
-}
-function authReasonLine(reason) {
-  switch (reason) {
-    case "insufficient_scope":
-      return "It needs additional access to continue.";
-    case "missing_connection":
-      return "It isn't connected yet.";
-    case "expired":
-    case "refresh_failed":
-      return "Its access expired.";
-    case "unsupported_auth":
-      return "This connection cannot authenticate the configured tool endpoint.";
-    case "resource_scope_unavailable":
-      return "This tool endpoint cannot enforce the selected repository access.";
-    default:
-      return "Its connection needs attention.";
-  }
-}
-
-export {
-  QueueSurface,
-  defaultHumanInputFormMessages,
-  HumanInputForm,
-  answersFromDrafts,
-  rawTypeOf,
-  createToolRegistry,
-  sandboxCommandExitCode,
-  parseExecBannerSessionId,
-  stripExecBanner,
-  execTruncated,
-  isExecSessionLostBanner,
-  looksBinary,
-  controlCaret,
-  v4aToGitFileDiff,
-  applyPatchOps,
-  isApplyPatch,
-  redactSecrets,
-  parseToolArgs,
-  tailPeek,
-  unwrapMcpOutput,
-  DisclosureDefaultsProvider,
-  useLightbox,
-  useLightboxOptional,
-  LightboxProvider,
-  ActivityDisclosure,
-  TermBlock,
-  PayloadBlock,
-  BodyNote,
-  MediaSkeleton,
-  MediaEmpty,
-  Thumbnail,
-  ScreenshotFigure,
-  useThemeType,
-  gitFileDiffToPatch,
-  PierreDiff,
-  defaultToolRegistry,
-  createDefaultToolRegistry,
-  ActivityRail,
-  BUILT_IN_TURN_SUMMARY_FACET_IDS,
-  TurnSummary,
-  Markdown,
-  SESSION_STATUS_META,
-  SessionStatus,
-  StatusDot,
-  MessageTimeline,
-  TimelineRow
-};
-//# sourceMappingURL=chunk-ZMNPFZWL.js.map