@opengeni/react 3.3.2 → 3.4.1-canary.38960406141001

package/src/timeline/platform-activity-row.tsx

@@ -1,3 +1,9 @@
+import {
+  sandboxRowTitle,
+  startupDuration,
+  startupPhaseTitle,
+  STARTUP_WAIT_TITLES,
+} from "./platform-activity-presentation";
 import type { ReasoningItem, SandboxItem, StartupPhaseItem } from "./types";
 
 type RowJsx = typeof import("react/jsx-runtime").jsx;
@@ -10,7 +16,6 @@ export default function PlatformActivityRow({
   t: displayName,
   b: BotIcon,
   m: Markdown,
-  r: truncate,
   j,
   s,
 }: {
@@ -20,7 +25,6 @@ export default function PlatformActivityRow({
   t: (name: string) => string;
   b: typeof import("lucide-react").BotIcon;
   m: typeof import("../components/markdown").Markdown;
-  r: typeof import("../lib/format").truncate;
   j: RowJsx;
   s: RowJsxs;
 }) {
@@ -35,7 +39,11 @@ export default function PlatformActivityRow({
             children: "Thought",
           }),
       running: item.streaming,
-      preview: truncate(item.text, 110),
+      compactPreview: item.text.replace(/\*\*|__|`/g, "").replace(/\s+/g, " "),
+      preview: j("span", {
+        className: "og-reasoning-preview",
+        children: j(Markdown, { streaming: item.streaming, children: item.text }),
+      }),
       children: j("div", {
         className: "text-og-base leading-6 text-og-fg-muted [&_strong]:text-og-fg-muted",
         children: j(Markdown, { streaming: item.streaming, children: item.text }),
@@ -65,10 +73,12 @@ export default function PlatformActivityRow({
   return j(ActivityDisclosure, {
     icon: j(BotIcon, { className: "size-3.5" }),
     iconTone: failed ? "failed" : running ? "running" : "muted",
-    title: startupPhaseTitle(item.phase, item.status, item.outcome),
+    title: item.blockedReason
+      ? STARTUP_WAIT_TITLES[item.blockedReason]
+      : startupPhaseTitle(item.phase, item.status, item.outcome),
     preview:
       item.phase === "model_preparation"
-        ? "Includes overlapping sandbox, rig, repository, and runtime setup shown below."
+        ? "Includes overlapping sandbox startup, custom environment setup, repository preparation, and runtime setup shown below."
         : undefined,
     running,
     failed,
@@ -114,88 +124,3 @@ function lucideIcon(j: RowJsx, s: RowJsxs, name: string, children: ReturnType<Ro
     children,
   });
 }
-
-function sandboxRowTitle(item: SandboxItem, displayName: (name: string) => string): string {
-  if (item.name === "sandbox.provision") {
-    return startupPhaseTitle(
-      "sandbox",
-      item.status === "cancelled" ? "complete" : item.status,
-      item.origin ?? null,
-    );
-  }
-  return displayName(item.name);
-}
-
-function startupPhaseTitle(
-  phase: StartupPhaseItem["phase"],
-  status: StartupPhaseItem["status"],
-  outcome: StartupPhaseItem["outcome"],
-): string {
-  if (status === "complete" && phase === "sandbox" && outcome && outcome !== "skipped") {
-    return `Sandbox ${outcome === "resumed" ? "reattached" : outcome}`;
-  }
-  if (status === "complete" && phase === "rig" && outcome === "skipped") {
-    return "Rig already ready";
-  }
-  const statusIndex =
-    status === "running" ? 0 : status === "failed" ? 1 : status === "cancelled" ? 2 : 3;
-  return STARTUP_PHASE_TITLES[phase][statusIndex];
-}
-
-const STARTUP_PHASE_TITLES: Record<
-  StartupPhaseItem["phase"],
-  readonly [string, string, string, string]
-> = {
-  queue: [
-    "Waiting for a worker",
-    "Worker startup failed",
-    "Worker wait interrupted",
-    "Worker started",
-  ],
-  sandbox: [
-    "Starting sandbox",
-    "Sandbox didn’t start",
-    "Sandbox startup interrupted",
-    "Sandbox ready",
-  ],
-  rig: ["Setting up rig", "Rig setup failed", "Rig setup interrupted", "Rig ready"],
-  repository: [
-    "Preparing repository",
-    "Repository preparation failed",
-    "Repository preparation interrupted",
-    "Repository ready",
-  ],
-  files: [
-    "Preparing files",
-    "File preparation failed",
-    "File preparation interrupted",
-    "Files ready",
-  ],
-  tools: [
-    "Connecting tools",
-    "Tool connection failed",
-    "Tool connection interrupted",
-    "Tools ready",
-  ],
-  model_preparation: [
-    "Preparing runtime and model request",
-    "Runtime/model preparation failed",
-    "Runtime/model preparation interrupted",
-    "Model request dispatched",
-  ],
-  provider_first_byte: [
-    "Waiting for model",
-    "Model didn’t respond",
-    "Model wait interrupted",
-    "Model started responding",
-  ],
-};
-
-function startupDuration(durationMs: number | null): string | null {
-  if (durationMs === null || !Number.isFinite(durationMs) || durationMs < 0) return null;
-  if (durationMs < 1_000) return `${Math.round(durationMs)}ms`;
-  if (durationMs < 60_000) return `${(durationMs / 1_000).toFixed(1)}s`;
-  const minutes = Math.floor(durationMs / 60_000);
-  const seconds = Math.round((durationMs % 60_000) / 1_000);
-  return `${minutes}m ${String(seconds).padStart(2, "0")}s`;
-}

package/src/timeline/presented-image.ts

@@ -0,0 +1,63 @@
+import { normalizeMcpOutput, parseSandboxFileArtifactReceipt } from "@opengeni/sdk";
+import { mcpToolLeaf } from "./tool-display-name";
+import type { ActivityItem, TimelineGroup } from "./types";
+
+/*
+ * Pure presentation facts shared by the projection and the renderers. Kept
+ * free of React so the session-only entry can inspect primary output without pulling
+ * in rendering code.
+ */
+
+/** Shared browser preview allowlist; other published files remain downloads. */
+export function isRetainedImageContentType(contentType: string): boolean {
+  return [
+    "image/png",
+    "image/jpeg",
+    "image/gif",
+    "image/webp",
+    "image/avif",
+    "image/svg+xml",
+  ].includes(contentType);
+}
+
+/** A published patch, applied locally with `git apply`. */
+export function isPatchFilename(filename: string): boolean {
+  return /\.(patch|diff)$/iu.test(filename.trim());
+}
+
+/**
+ * Deliberately published images and patches are primary output, not
+ * incidental screenshots or work files.
+ */
+export function activityPresentsImage(items: readonly ActivityItem[]): boolean {
+  return items.some((item) => {
+    if (item.kind !== "tool-call") return false;
+    const name = mcpToolLeaf(item.name);
+    if (name === "generate_image" || name === "image_generation_call") return true;
+    if (item.status !== "complete" || name !== "sandbox_file_publish") return false;
+    const output = normalizeMcpOutput(item.output);
+    if (output.isError) return false;
+    const receipt = parseSandboxFileArtifactReceipt(output.text);
+    return (
+      receipt !== null &&
+      (isRetainedImageContentType(receipt.artifact.contentType) ||
+        // A published patch is the deliverable when there's no pull request:
+        // keep its card (with the apply command) visible like an image.
+        isPatchFilename(receipt.filename))
+    );
+  });
+}
+
+export function timelineGroupContainsPresentedImage(group: TimelineGroup): boolean {
+  switch (group.kind) {
+    case "item":
+      return false;
+    case "activity":
+      return (
+        activityPresentsImage(group.items) ||
+        (group.work?.details?.some(timelineGroupContainsPresentedImage) ?? false)
+      );
+    case "turn":
+      return group.groups.some(timelineGroupContainsPresentedImage);
+  }
+}