@opengeni/react 0.27.0 → 0.28.2

package/dist/{chunk-GQN2QIR2.js → chunk-WAA247AB.js}

@@ -4,7 +4,7 @@ import {
 import {
   buildTimeline,
   groupTimeline
-} from "./chunk-OZDLELJQ.js";
+} from "./chunk-OCHBZ2X7.js";
 import {
   formatRelativeTime,
   stringifyPayload,
@@ -19,7 +19,7 @@ import {
 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 loadQueueSurface = () => import("./queue-surface-implementation-UQ535OKQ.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
   const LazyQueueSurface = lazy(async () => ({
@@ -27,14 +27,14 @@ function createQueueSurface(loadImplementation) {
   }));
   return function QueueSurfaceBoundary(props) {
     const { queue } = props;
-    if (queue.queue.length === 0) {
+    if (queue.queue.length + queue.pendingInputs.length === 0) {
       if (!queue.stoppingPreviousAttempt && !queue.error && !queue.mutationError) return null;
       return /* @__PURE__ */ jsx(EmptyQueueStateSurface, { queue });
     }
-    return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(QueueSurfaceFallback, { count: queue.queue.length }), children: /* @__PURE__ */ jsx(LazyQueueSurface, { ...props }) });
+    return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(QueueSurfaceFallback, {}), children: /* @__PURE__ */ jsx(LazyQueueSurface, { ...props }) });
   };
 }
-function QueueSurfaceFallback({ count }) {
+function QueueSurfaceFallback() {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -50,11 +50,7 @@ function QueueSurfaceFallback({ count }) {
             className: "size-3.5 shrink-0 animate-spin motion-reduce:animate-none"
           }
         ),
-        "Loading ",
-        count,
-        " queued prompt",
-        count === 1 ? "" : "s",
-        "\u2026"
+        "Loading inputs\u2026"
       ] }) })
     }
   );
@@ -408,6 +404,7 @@ function createToolRegistry(baseEntries, baseFallback, options = {}) {
 }
 
 // src/timeline/parsers.ts
+import { normalizeMcpOutput } from "@opengeni/sdk";
 function sandboxCommandExitCode(out) {
   const match = String(out ?? "").match(/Process exited with code (-?\d+)/);
   return match ? Number(match[1]) : null;
@@ -583,28 +580,8 @@ function tailPeek(text) {
   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
-  };
+  const normalized = normalizeMcpOutput(output);
+  return { text: normalized.text, isError: normalized.isError };
 }
 function screenshotDataUrl(out) {
   if (typeof out === "string") {
@@ -2388,9 +2365,17 @@ function WorkerRow({
 
 // src/timeline/turn-summary.tsx
 import { CheckIcon, ChevronRightIcon as ChevronRightIcon2, CircleSlashIcon, TriangleAlertIcon } from "lucide-react";
-import { useState as useState7 } from "react";
+import { Component, useMemo as useMemo2, useState as useState7 } from "react";
 import { Collapsible as Collapsible2 } from "radix-ui";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var BUILT_IN_TURN_SUMMARY_FACET_IDS = [
+  "steps",
+  "files",
+  "commands",
+  "screenshots",
+  "memories",
+  "duration"
+];
 function TurnSummary({
   items,
   outcome,
@@ -2398,12 +2383,31 @@ function TurnSummary({
   durationMs,
   defaultOpen,
   bare,
+  facets: facetConfiguration,
   children
 }) {
   const forcedDefaultOpen = useForcedDefaultOpen();
   const [open, setOpen] = useState7(defaultOpen ?? forcedDefaultOpen ?? false);
   const enter = useEntranceAnimation();
-  const facets = summarizeTurn(items, durationMs);
+  const context = useMemo2(
+    () => createTurnSummaryContext(items, outcome, failureText, durationMs),
+    [items, outcome, failureText, durationMs]
+  );
+  const facetDefinitions = useMemo2(
+    () => resolveTurnSummaryFacets(facetConfiguration),
+    [facetConfiguration]
+  );
+  const facets = useMemo2(
+    () => facetDefinitions.flatMap((facet) => {
+      try {
+        const result = facet.summarize(context);
+        return result && hasFacetContent(result.content) ? [{ facet, result }] : [];
+      } catch {
+        return [];
+      }
+    }),
+    [context, facetDefinitions]
+  );
   return /* @__PURE__ */ jsxs8(
     Collapsible2.Root,
     {
@@ -2445,7 +2449,13 @@ function TurnSummary({
                 }
               ),
               /* @__PURE__ */ jsxs8("span", { className: cn("min-w-0 flex-1 truncate", bare ? "text-og-sm" : "text-og-fg-muted"), children: [
-                facets,
+                facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx10(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs8(Fragment4, { children: [
+                  index > 0 ? " \xB7 " : null,
+                  /* @__PURE__ */ jsxs8("span", { "aria-label": result.ariaLabel, title: result.title, children: [
+                    result.icon ? /* @__PURE__ */ jsx10("span", { "aria-hidden": true, className: "mr-1 inline-flex align-[-0.125em]", children: result.icon }) : null,
+                    result.content
+                  ] })
+                ] }) }, facet.id)),
                 outcome === "failed" && failureText ? /* @__PURE__ */ jsxs8("span", { className: "text-og-status-failed", children: [
                   " \xB7 ",
                   failureText
@@ -2472,56 +2482,130 @@ function TurnSummary({
     }
   );
 }
-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;
+function createTurnSummaryContext(items, outcome, failureText, durationMs) {
+  const itemSnapshot = Object.freeze([...items]);
+  const toolCalls = Object.freeze(
+    itemSnapshot.filter((item) => item.kind === "tool-call")
+  );
+  const settled = itemSnapshot.every((item) => {
+    if (item.kind === "reasoning") {
+      return !item.streaming;
+    }
+    if (item.kind === "tool-call" || item.kind === "worker" || item.kind === "sandbox") {
+      return item.status !== "running";
+    }
+    return true;
+  });
+  return Object.freeze({
+    items: itemSnapshot,
+    toolCalls,
+    outcome,
+    failureText,
+    durationMs,
+    settled
+  });
+}
+var BUILT_IN_TURN_SUMMARY_FACETS = Object.freeze([
+  {
+    id: "steps",
+    summarize: ({ items }) => ({
+      content: `${items.length} ${items.length === 1 ? "step" : "steps"}`
+    })
+  },
+  {
+    id: "files",
+    summarize: ({ toolCalls }) => {
+      let files = 0;
+      for (const item of toolCalls) {
+        if (isApplyPatch(item)) {
+          files += applyPatchOps(item.raw).length;
+        }
       }
-      continue;
+      return files ? { content: `${files} ${files === 1 ? "file" : "files"} edited` } : null;
     }
-    if (item.kind !== "tool-call") {
-      continue;
+  },
+  {
+    id: "commands",
+    summarize: ({ toolCalls }) => {
+      const commands = toolCalls.filter((item) => item.name === "exec_command").length;
+      return commands ? { content: `${commands} ${commands === 1 ? "command" : "commands"}` } : null;
+    }
+  },
+  {
+    id: "screenshots",
+    summarize: ({ toolCalls }) => {
+      let screenshots = 0;
+      for (const item of toolCalls) {
+        if ((rawTypeOf(item) === "computer_call" || item.name === "computer_call" || item.name === "computer_screenshot") && (screenshotDataUrl(item.output) !== null || mediaPreviewFact(item.output) !== null)) {
+          screenshots += 1;
+        }
+      }
+      return screenshots ? {
+        content: `${screenshots} ${screenshots === 1 ? "screenshot" : "screenshots"}`
+      } : null;
     }
-    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;
+  },
+  {
+    id: "memories",
+    summarize: ({ items }) => {
+      let saved = 0;
+      let updated = 0;
+      for (const item of items) {
+        if (item.kind !== "memory") {
+          continue;
+        }
+        if (item.variant === "corrected") {
+          updated += 1;
+        } else {
+          saved += 1;
+        }
+      }
+      const parts = [];
+      if (saved) {
+        parts.push(`${saved} ${saved === 1 ? "memory" : "memories"} saved`);
       }
+      if (updated) {
+        parts.push(`${updated} ${updated === 1 ? "memory" : "memories"} updated`);
+      }
+      return parts.length > 0 ? { content: parts.join(" \xB7 ") } : null;
     }
+  },
+  {
+    id: "duration",
+    summarize: ({ durationMs }) => {
+      const duration = formatDurationFacet(durationMs);
+      return duration ? { content: duration } : null;
+    }
+  }
+]);
+function resolveTurnSummaryFacets(configuration) {
+  const requested = configuration?.replace ?? [
+    ...BUILT_IN_TURN_SUMMARY_FACETS.filter(
+      (facet) => !configuration?.remove?.includes(facet.id)
+    ),
+    ...configuration?.add ?? []
+  ];
+  const seen = /* @__PURE__ */ new Set();
+  return requested.filter((facet) => {
+    if (!facet.id || seen.has(facet.id)) {
+      return false;
+    }
+    seen.add(facet.id);
+    return true;
+  });
+}
+function hasFacetContent(content) {
+  return content !== null && content !== void 0 && content !== false && content !== "";
+}
+var FacetRenderBoundary = class extends Component {
+  state = { failed: false };
+  static getDerivedStateFromError() {
+    return { failed: true };
   }
-  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);
+  render() {
+    return this.state.failed ? null : this.props.children;
   }
-  return parts.join(" \xB7 ");
-}
+};
 function formatDurationFacet(durationMs) {
   if (durationMs === void 0 || !Number.isFinite(durationMs) || durationMs < 1e3) {
     return null;
@@ -2796,11 +2880,11 @@ import {
   useCallback as useCallback2,
   useEffect as useEffect4,
   useLayoutEffect,
-  useMemo as useMemo2,
+  useMemo as useMemo3,
   useRef as useRef3,
   useState as useState8
 } from "react";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var INITIAL_MOUNTED_GROUPS = 1;
 function MessageTimeline({
   events,
@@ -2812,6 +2896,7 @@ function MessageTimeline({
   onReconnect,
   resolveProviderLogo,
   toolRegistry = defaultToolRegistry,
+  turnSummary,
   autoFollow = true,
   hasOlder = false,
   loadingOlder = false,
@@ -2819,8 +2904,8 @@ function MessageTimeline({
   emptyState,
   className
 }) {
-  const resolvedItems = useMemo2(() => items ?? buildTimeline(events ?? []), [items, events]);
-  const allGroups = useMemo2(() => groupTimeline(resolvedItems), [resolvedItems]);
+  const resolvedItems = useMemo3(() => items ?? buildTimeline(events ?? []), [items, events]);
+  const allGroups = useMemo3(() => groupTimeline(resolvedItems), [resolvedItems]);
   const keyedGroups = useStableTimelineGroupKeys(allGroups);
   const { mountedGroups: groups, mountingOlderGroups } = useProgressivelyMountedGroups(keyedGroups);
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
@@ -3009,6 +3094,7 @@ function MessageTimeline({
               onReconnect,
               resolveProviderLogo,
               toolRegistry,
+              turnSummary,
               foldLiveCluster: isAgentProgress(groups[index + 1]?.group)
             }
           ) }, key)),
@@ -3048,7 +3134,7 @@ function MessageTimeline({
 }
 function useStableTimelineGroupKeys(allGroups) {
   const previousRef = useRef3([]);
-  const keyedGroups = useMemo2(() => {
+  const keyedGroups = useMemo3(() => {
     const previousByItemId = /* @__PURE__ */ new Map();
     for (const previous of previousRef.current) {
       for (const itemId of timelineGroupItemIds(previous.group)) {
@@ -3084,7 +3170,7 @@ function useStableTimelineGroupKeys(allGroups) {
 }
 function useProgressivelyMountedGroups(allGroups) {
   const previousGroupKeysRef = useRef3([]);
-  const groupKeys = useMemo2(() => {
+  const groupKeys = useMemo3(() => {
     const nextKeys = allGroups.map((group) => group.key);
     const previousKeys = previousGroupKeysRef.current;
     return nextKeys.length === previousKeys.length && nextKeys.every((key, index) => key === previousKeys[index]) ? previousKeys : nextKeys;
@@ -3151,6 +3237,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
   onReconnect,
   resolveProviderLogo,
   toolRegistry,
+  turnSummary,
   insideTurn = false,
   foldLiveCluster = false
 }) {
@@ -3164,6 +3251,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           failureText: insideTurn ? void 0 : group.failureText,
           defaultOpen: !insideTurn && group.outcome === "failed" ? true : void 0,
           bare: insideTurn,
+          facets: turnSummary?.facets,
           children: /* @__PURE__ */ jsx13(
             ActivityRail,
             {
@@ -3201,6 +3289,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           onReconnect,
           resolveProviderLogo,
           toolRegistry,
+          turnSummary,
           insideTurn: true
         },
         timelineGroupKey(child)
@@ -3214,6 +3303,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           durationMs: durationBetween(group.startedAt, group.endedAt),
           defaultOpen: !insideTurn && group.outcome === "failed" ? true : void 0,
           bare: insideTurn,
+          facets: turnSummary?.facets,
           children: insideTurn ? (
             // A nested turn is already on an ancestor rail — its body just stacks
             // flush (the bare-node body already indents it), so no second rule.
@@ -3347,7 +3437,7 @@ function AgentMessageRow({
       "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: [
+  return /* @__PURE__ */ jsx13("div", { className: cn(enter && "animate-og-enter", "min-w-0 text-og-md leading-7 text-og-fg"), children: renderMessageText ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
     renderMessageText(item.text, item),
     caret
   ] }) : (
@@ -3756,6 +3846,7 @@ export {
   defaultToolRegistry,
   createDefaultToolRegistry,
   ActivityRail,
+  BUILT_IN_TURN_SUMMARY_FACET_IDS,
   TurnSummary,
   Markdown,
   SESSION_STATUS_META,
@@ -3764,4 +3855,4 @@ export {
   MessageTimeline,
   TimelineRow
 };
-//# sourceMappingURL=chunk-GQN2QIR2.js.map
+//# sourceMappingURL=chunk-WAA247AB.js.map