@opengeni/react 0.25.0 → 0.26.0

package/dist/chunk-GQN2QIR2.js

@@ -0,0 +1,3767 @@
+import {
+  cn
+} from "./chunk-TK7G6XLT.js";
+import {
+  buildTimeline,
+  groupTimeline
+} from "./chunk-OZDLELJQ.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-3UW3MIIR.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 === 0) {
+      if (!queue.stoppingPreviousAttempt && !queue.error && !queue.mutationError) return null;
+      return /* @__PURE__ */ jsx(EmptyQueueStateSurface, { queue });
+    }
+    return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(QueueSurfaceFallback, { count: queue.queue.length }), children: /* @__PURE__ */ jsx(LazyQueueSurface, { ...props }) });
+  };
+}
+function QueueSurfaceFallback({ count }) {
+  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 ",
+        count,
+        " queued prompt",
+        count === 1 ? "" : "s",
+        "\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
+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) {
+  if (output && typeof output === "object" && output.type === "text" && typeof output.text === "string") {
+    const record = output;
+    return { text: record.text, isError: Boolean(record.isError) };
+  }
+  if (output && typeof output === "object" && "content" in output) {
+    const record = output;
+    const isError = Boolean(record.isError);
+    if (Array.isArray(record.content)) {
+      const textPart = record.content.find(
+        (part) => !!part && typeof part === "object" && part.type === "text"
+      );
+      return {
+        text: textPart ? String(textPart.text) : JSON.stringify(output),
+        isError
+      };
+    }
+    return { text: JSON.stringify(output), isError };
+  }
+  return {
+    text: typeof output === "string" ? output : output == null ? "" : JSON.stringify(output),
+    isError: false
+  };
+}
+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 { useState as useState7 } from "react";
+import { Collapsible as Collapsible2 } from "radix-ui";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function TurnSummary({
+  items,
+  outcome,
+  failureText,
+  durationMs,
+  defaultOpen,
+  bare,
+  children
+}) {
+  const forcedDefaultOpen = useForcedDefaultOpen();
+  const [open, setOpen] = useState7(defaultOpen ?? forcedDefaultOpen ?? false);
+  const enter = useEntranceAnimation();
+  const facets = summarizeTurn(items, durationMs);
+  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,
+                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 summarizeTurn(items, durationMs) {
+  let files = 0;
+  let commands = 0;
+  let screenshots = 0;
+  let memoriesSaved = 0;
+  let memoriesUpdated = 0;
+  for (const item of items) {
+    if (item.kind === "memory") {
+      if (item.variant === "corrected") {
+        memoriesUpdated += 1;
+      } else {
+        memoriesSaved += 1;
+      }
+      continue;
+    }
+    if (item.kind !== "tool-call") {
+      continue;
+    }
+    if (isApplyPatch(item)) {
+      files += applyPatchOps(item.raw).length;
+    } else if (item.name === "exec_command") {
+      commands += 1;
+    } else if (rawTypeOf(item) === "computer_call" || item.name === "computer_call" || item.name === "computer_screenshot") {
+      if (screenshotDataUrl(item.output) !== null || mediaPreviewFact(item.output) !== null) {
+        screenshots += 1;
+      }
+    }
+  }
+  const parts = [`${items.length} ${items.length === 1 ? "step" : "steps"}`];
+  if (files) {
+    parts.push(`${files} ${files === 1 ? "file" : "files"} edited`);
+  }
+  if (commands) {
+    parts.push(`${commands} ${commands === 1 ? "command" : "commands"}`);
+  }
+  if (screenshots) {
+    parts.push(`${screenshots} ${screenshots === 1 ? "screenshot" : "screenshots"}`);
+  }
+  if (memoriesSaved) {
+    parts.push(`${memoriesSaved} ${memoriesSaved === 1 ? "memory" : "memories"} saved`);
+  }
+  if (memoriesUpdated) {
+    parts.push(`${memoriesUpdated} ${memoriesUpdated === 1 ? "memory" : "memories"} updated`);
+  }
+  const duration = formatDurationFacet(durationMs);
+  if (duration) {
+    parts.push(duration);
+  }
+  return parts.join(" \xB7 ");
+}
+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 useMemo2,
+  useRef as useRef3,
+  useState as useState8
+} from "react";
+import { Fragment as Fragment4, 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,
+  autoFollow = true,
+  hasOlder = false,
+  loadingOlder = false,
+  onLoadOlder,
+  emptyState,
+  className
+}) {
+  const resolvedItems = useMemo2(() => items ?? buildTimeline(events ?? []), [items, events]);
+  const allGroups = useMemo2(() => 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,
+              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 = useMemo2(() => {
+    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 = useMemo2(() => {
+    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,
+  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,
+          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,
+          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,
+          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 "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(Fragment4, { 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)}` : ""
+        ] })
+      ]
+    }
+  ) });
+}
+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,
+  TurnSummary,
+  Markdown,
+  SESSION_STATUS_META,
+  SessionStatus,
+  StatusDot,
+  MessageTimeline,
+  TimelineRow
+};
+//# sourceMappingURL=chunk-GQN2QIR2.js.map