@opengeni/react 0.57.0 → 2.2.0-canary.0

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

@@ -0,0 +1,201 @@
+import type { ReasoningItem, SandboxItem, StartupPhaseItem } from "./types";
+
+type RowJsx = typeof import("react/jsx-runtime").jsx;
+type RowJsxs = typeof import("react/jsx-runtime").jsxs;
+
+export default function PlatformActivityRow({
+  item,
+  d: ActivityDisclosure,
+  p: PayloadBlock,
+  t: displayName,
+  b: BotIcon,
+  m: Markdown,
+  r: truncate,
+  j,
+  s,
+}: {
+  item: ReasoningItem | SandboxItem | StartupPhaseItem;
+  d: typeof import("./shared").ActivityDisclosure;
+  p: typeof import("./shared").PayloadBlock;
+  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;
+}) {
+  if (item.kind === "reasoning") {
+    return j(ActivityDisclosure, {
+      icon: brainIcon(j, s),
+      iconTone: "muted",
+      title: item.streaming
+        ? "Thinking"
+        : j("span", {
+            className: "font-normal italic text-og-fg-subtle",
+            children: "Thought",
+          }),
+      running: item.streaming,
+      preview: truncate(item.text, 110),
+      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 }),
+      }),
+    });
+  }
+  if (item.kind === "sandbox") {
+    return s(ActivityDisclosure, {
+      icon: terminalIcon(j, s),
+      iconTone:
+        item.status === "failed" ? "failed" : item.status === "running" ? "running" : "muted",
+      title: sandboxRowTitle(item, displayName),
+      running: item.status === "running",
+      failed: item.status === "failed",
+      cancelled: item.status === "cancelled",
+      preview: item.command ?? undefined,
+      children: [
+        item.command ? j(PayloadBlock, { label: "Command", value: item.command }, "command") : null,
+        item.output ? j(PayloadBlock, { label: "Output", value: item.output }, "output") : null,
+      ],
+    });
+  }
+
+  const failed = item.status === "failed";
+  const running = item.status === "running";
+  const duration = startupDuration(item.durationMs);
+  return j(ActivityDisclosure, {
+    icon: j(BotIcon, { className: "size-3.5" }),
+    iconTone: failed ? "failed" : running ? "running" : "muted",
+    title: startupPhaseTitle(item.phase, item.status, item.outcome),
+    preview:
+      item.phase === "model_preparation"
+        ? "Includes overlapping sandbox, rig, repository, and runtime setup shown below."
+        : undefined,
+    running,
+    failed,
+    cancelled: item.status === "cancelled",
+    chip: duration ? { tone: failed ? "bad" : "muted", text: duration } : undefined,
+    expandable: false,
+  });
+}
+
+function brainIcon(j: RowJsx, s: RowJsxs) {
+  return lucideIcon(j, s, "brain", [
+    j("path", { d: "M 12 18V5" }, "spine"),
+    j("path", { d: "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4" }, "center"),
+    j("path", { d: "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5" }, "top"),
+    j("path", { d: "M17.997 5.125a4 4 0 0 1 2.526 5.77" }, "upper-right"),
+    j("path", { d: "M18 18a4 4 0 0 0 2-7.464" }, "right"),
+    j("path", { d: "M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517" }, "base"),
+    j("path", { d: "M6 18a4 4 0 0 1-2-7.464" }, "left"),
+    j("path", { d: "M6.003 5.125a4 4 0 0 0-2.526 5.77" }, "upper-left"),
+  ]);
+}
+
+function terminalIcon(j: RowJsx, s: RowJsxs) {
+  return lucideIcon(j, s, "square-terminal", [
+    j("path", { d: "m7 11 2-2-2-2" }, "prompt"),
+    j("path", { d: "M11 13h4" }, "cursor"),
+    j("rect", { width: 18, height: 18, x: 3, y: 3, rx: 2, ry: 2 }, "frame"),
+  ]);
+}
+
+function lucideIcon(j: RowJsx, s: RowJsxs, name: string, children: ReturnType<RowJsx>[]) {
+  return s("svg", {
+    "aria-hidden": "true",
+    className: `lucide lucide-${name} size-3.5`,
+    fill: "none",
+    height: 24,
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    viewBox: "0 0 24 24",
+    width: 24,
+    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`;
+}