@opengeni/react 0.9.1 → 0.12.0

package/dist/index.js

@@ -1,5 +1,6 @@
 import {
   CONNECTION_STATUS_META,
+  CREDIT_EXHAUSTION_MESSAGE,
   ConnectionDot,
   ConnectionStatusPill,
   EnrollmentConsent,
@@ -17,6 +18,7 @@ import {
   formatBytes,
   formatRelativeTime,
   humanizeFailureReason,
+  isCreditExhaustion,
   stringifyPayload,
   truncate,
   tryParseJson,
@@ -27,7 +29,7 @@ import {
   useOpenGeniClient,
   usePolledValue,
   useSessionEventTrigger
-} from "./chunk-5C7RGAWA.js";
+} from "./chunk-5TIXRCSI.js";
 
 // src/hooks/use-session.ts
 import { useCallback, useState } from "react";
@@ -308,7 +310,7 @@ ${message}` : message;
         break;
       }
       case "sandbox.command.output.delta": {
-        const text = typeof payload.text === "string" ? payload.text : typeof payload.output === "string" ? payload.output : "";
+        const text = typeof payload.chunk === "string" ? payload.chunk : typeof payload.text === "string" ? payload.text : typeof payload.output === "string" ? payload.output : "";
         if (!text) {
           break;
         }
@@ -344,14 +346,39 @@ ${message}` : message;
         });
         break;
       }
+      case "tool.auth_needed": {
+        closeStreamingTail();
+        const authorizationUrl = typeof payload.authorizationUrl === "string" ? payload.authorizationUrl : null;
+        items.push({
+          kind: "notice",
+          id: event.id,
+          tone: "waiting",
+          text: authNeededNoticeText(payload),
+          ...authorizationUrl ? { action: { label: "Connect", url: authorizationUrl } } : {},
+          occurredAt: event.occurredAt
+        });
+        break;
+      }
       case "turn.completed": {
+        if (isCreditExhaustionPayload(payload)) {
+          finalizeOpen(turnId);
+          items.push(turnEndItem(event, "failed", CREDIT_EXHAUSTION_MESSAGE));
+          items.push({
+            kind: "notice",
+            id: event.id,
+            tone: "failed",
+            text: CREDIT_EXHAUSTION_MESSAGE,
+            occurredAt: event.occurredAt
+          });
+          break;
+        }
         finalizeOpen(turnId);
         items.push(turnEndItem(event, "complete", null));
         break;
       }
       case "turn.failed": {
         const hadActivity = hasTurnActivity(items, turnId);
-        const failureText = failureMessage(payload);
+        const failureText = isCreditExhaustionPayload(payload) ? CREDIT_EXHAUSTION_MESSAGE : failureMessage(payload);
         finalizeOpen(turnId, "cancelled");
         items.push(turnEndItem(event, "failed", failureText));
         if (!hadActivity) {
@@ -404,6 +431,24 @@ ${message}` : message;
   }
   return items;
 }
+function isCreditExhaustionPayload(payload) {
+  return isCreditExhaustion({
+    error: typeof payload.error === "string" ? payload.error : null,
+    detail: typeof payload.detail === "string" ? payload.detail : null,
+    segmentLimit: typeof payload.segmentLimit === "string" ? payload.segmentLimit : null
+  });
+}
+function creditExhaustedFromEvents(events) {
+  const ordered = [...events].sort((a, b) => a.sequence - b.sequence);
+  for (let index = ordered.length - 1; index >= 0; index -= 1) {
+    const event = ordered[index];
+    if (event?.type !== "turn.completed" && event?.type !== "turn.failed" && event?.type !== "turn.cancelled") {
+      continue;
+    }
+    return isCreditExhaustionPayload(asRecord(event.payload));
+  }
+  return false;
+}
 function sessionStatusFromEvents(events) {
   for (let index = events.length - 1; index >= 0; index -= 1) {
     const event = events[index];
@@ -757,6 +802,17 @@ function goalText(payload) {
   }
   return null;
 }
+function authNeededNoticeText(payload) {
+  const provider = typeof payload.providerDomain === "string" && payload.providerDomain.trim().length > 0 ? payload.providerDomain.trim() : "This service";
+  const scopes = Array.isArray(payload.scopes) ? payload.scopes.filter((scope) => typeof scope === "string" && scope.trim().length > 0) : [];
+  if (payload.reason === "insufficient_scope") {
+    return scopes.length > 0 ? `${provider} needs additional access (${scopes.join(", ")}).` : `${provider} needs additional access.`;
+  }
+  if (payload.reason === "expired" || payload.reason === "refresh_failed") {
+    return `${provider} needs to be reconnected.`;
+  }
+  return `${provider} needs a connection.`;
+}
 function reasoningText(payload) {
   const record = asRecord(payload);
   if (typeof record.text === "string") {
@@ -2674,7 +2730,7 @@ function TurnSummary({ items, outcome, failureText, durationMs, defaultOpen, chi
                 "inline-flex size-5 shrink-0 items-center justify-center rounded-full",
                 outcome === "failed" ? "bg-og-status-failed/15 text-og-status-failed" : outcome === "cancelled" ? "bg-og-fg-subtle/15 text-og-fg-subtle" : "text-og-fg-subtle"
               ),
-              children: outcome === "failed" ? /* @__PURE__ */ jsx9(TriangleAlertIcon, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx9(CircleSlashIcon, { className: "size-3" }) : /* @__PURE__ */ jsx9(CheckIcon, { className: "size-3.5" })
+              children: outcome === "failed" ? /* @__PURE__ */ jsx9(TriangleAlertIcon, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx9(CircleSlashIcon, { className: "size-3" }) : outcome === "complete" ? /* @__PURE__ */ jsx9(CheckIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx9("span", { className: "size-1.5 animate-og-pulse rounded-full bg-og-fg-subtle" })
             }
           ),
           /* @__PURE__ */ jsxs7("span", { className: "min-w-0 flex-1 truncate text-og-fg-muted", children: [
@@ -6613,13 +6669,14 @@ function MessageTimeline({
           groups.length === 0 && !working ? emptyState ?? /* @__PURE__ */ jsx15("p", { className: "py-10 text-center text-sm text-og-fg-subtle", children: "No activity yet." }) : null,
           hasOlder ? /* @__PURE__ */ jsx15("div", { ref: topSentinelRef, "data-og-top-sentinel": "", "data-og-timeline-chrome": "", "aria-hidden": "true", className: "h-px w-full shrink-0" }) : null,
           loadingOlder ? /* @__PURE__ */ jsx15("div", { "data-og-timeline-chrome": "", className: "flex items-center gap-2 text-sm", children: /* @__PURE__ */ jsx15("span", { className: "og-shimmer-text font-medium", children: "Loading earlier activity\u2026" }) }) : null,
-          groups.map((group) => /* @__PURE__ */ jsx15(
+          groups.map((group, index) => /* @__PURE__ */ jsx15(
             TimelineGroupView,
             {
               group,
               renderMessageText,
               onOpenSession,
-              toolRegistry
+              toolRegistry,
+              foldLiveCluster: isAgentProgress(groups[index + 1])
             },
             timelineGroupKey(group)
           )),
@@ -6675,11 +6732,12 @@ function TimelineGroupView({
   renderMessageText,
   onOpenSession,
   toolRegistry,
-  insideTurn = false
+  insideTurn = false,
+  foldLiveCluster = false
 }) {
   switch (group.kind) {
     case "activity":
-      return group.outcome ? /* @__PURE__ */ jsx15(
+      return group.outcome || foldLiveCluster && clusterIsSettled(group) ? /* @__PURE__ */ jsx15(
         TurnSummary,
         {
           items: group.items,
@@ -6727,6 +6785,20 @@ function timelineGroupKey(group) {
       return group.id;
   }
 }
+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;
+    }
+    return item.status !== "running";
+  });
+}
 function flattenActivityItems(groups) {
   const items = [];
   for (const group of groups) {
@@ -6833,7 +6905,17 @@ function NoticeRow({ item }) {
   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__ */ jsxs12("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__ */ jsx15(TriangleAlertIcon2, { className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60") }),
-    /* @__PURE__ */ jsx15("span", { className: "min-w-0 whitespace-pre-wrap break-words", children: item.text })
+    /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 whitespace-pre-wrap break-words", children: item.text }),
+    item.action ? /* @__PURE__ */ jsx15(
+      "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
   ] });
 }
 
@@ -9310,6 +9392,7 @@ export {
   ActivityRail,
   BodyNote,
   CONNECTION_STATUS_META,
+  CREDIT_EXHAUSTION_MESSAGE,
   ChatComposer,
   CodeEditor,
   CommandPalette,
@@ -9365,6 +9448,7 @@ export {
   controlCaret,
   createDefaultToolRegistry,
   createToolRegistry,
+  creditExhaustedFromEvents,
   defaultCommands,
   defaultToolRegistry,
   execTruncated,
@@ -9379,6 +9463,7 @@ export {
   humanizeFailureReason,
   isApplyPatch,
   isCodexAccountEvent,
+  isCreditExhaustion,
   isExecSessionLostBanner,
   isGoalEvent,
   isTitleEvent,