@opengeni/react 3.7.0-canary.0 → 3.7.0-canary.1

package/dist/interaction.js

@@ -7,7 +7,7 @@ import {
   useBrowserSession,
   useBrowserSessions,
   useSiteAuthConnections
-} from "./chunk-W2RGYBCV.js";
+} from "./chunk-24M4YBCL.js";
 import {
   ComputerViewer,
   useComputerFrameStream,
@@ -21,6 +21,7 @@ import {
 import "./chunk-4MDLEHXL.js";
 import "./chunk-5YK2ZDIG.js";
 import "./chunk-JVYQRRC4.js";
+import "./chunk-PLYRL5ER.js";
 import "./chunk-KZ73RL76.js";
 import {
   useEmbeddedBrowserInteraction,
@@ -28,7 +29,6 @@ import {
   useEmbeddedInteraction,
   useEmbeddedInterventions
 } from "./chunk-NEXLLTP4.js";
-import "./chunk-VTOREEXF.js";
 import "./chunk-22KP6LR5.js";
 
 // src/hooks/use-network-routes.ts

package/dist/lib/format.d.ts

@@ -48,3 +48,8 @@ export declare function isCreditExhaustion(input: {
  * debug surfaces.
  */
 export declare function humanizeFailureReason(reason: string | null): string | null;
+/** Project failure diagnostics without changing the stored event, including legacy retry wrappers. */
+export declare function presentFailure(payload: Record<string, unknown>): {
+    reason: string | null;
+    safetyRefusal: boolean;
+};

package/dist/machines.js

@@ -28,10 +28,11 @@ import {
   healthPulses,
   pointsFor,
   useMachines
-} from "./chunk-YVCHAQZY.js";
+} from "./chunk-ZFOFY5ST.js";
+import "./chunk-PAJU5KKL.js";
+import "./chunk-PLYRL5ER.js";
 import "./chunk-KZ73RL76.js";
 import "./chunk-NEXLLTP4.js";
-import "./chunk-VTOREEXF.js";
 import "./chunk-22KP6LR5.js";
 export {
   CONNECTION_STATUS_META,

package/dist/session-ui.d.ts

@@ -11,6 +11,9 @@ export type { UserMessageBodyProps } from "./components/user-message-body.js";
 export { BUILT_IN_TURN_SUMMARY_FACET_IDS } from "./timeline/turn-summary.js";
 export type { BuiltInTurnSummaryFacetId, TurnSummaryContext, TurnSummaryFacet, TurnSummaryFacetConfiguration, TurnSummaryFacetResult, TurnSummaryOptions, } from "./timeline/turn-summary.js";
 export { QueueSurface } from "./components/queue-surface.js";
+export { SessionConversation } from "./components/session-conversation.js";
+export type { SessionConversationProps } from "./components/session-conversation.js";
 export type { QueueSurfaceProps } from "./components/queue-surface.js";
 export { SessionChrome, sessionChromeGoalPillExplanation, sessionChromeGoalPillLabel, sessionChromeGoalPillState, } from "./components/session-chrome.js";
 export type { SessionChromeAgentsSignal, SessionChromeProps, SessionChromeSignalId, SessionChromeSignalTone, } from "./components/session-chrome.js";
+export { SessionCommandsPanel } from "./components/session-commands-panel.js";

package/dist/session-ui.js

@@ -5,21 +5,29 @@ import {
   MessageTimeline,
   QueueSurface,
   SessionChrome,
+  SessionCommandsPanel,
+  SessionConversation,
   TimelineRow,
   UserMessageBody,
   sessionChromeGoalPillExplanation,
   sessionChromeGoalPillLabel,
   sessionChromeGoalPillState,
   userMessageLikelyNeedsDisclosure
-} from "./chunk-DOK4KZF2.js";
+} from "./chunk-5IXTJTK3.js";
 import "./chunk-W3OUAH6M.js";
+import "./chunk-PAJU5KKL.js";
 import "./chunk-JVYQRRC4.js";
-import "./chunk-7EAFGICR.js";
+import "./chunk-INGB2N5R.js";
+import "./chunk-4JFUT22W.js";
 import "./chunk-VZTQ73XT.js";
 import {
   createOlderHistoryLoadReceipt
-} from "./chunk-FJBOU2TH.js";
-import "./chunk-VTOREEXF.js";
+} from "./chunk-MOWYEBCQ.js";
+import "./chunk-IOLVN74D.js";
+import "./chunk-PLYRL5ER.js";
+import "./chunk-KZ73RL76.js";
+import "./chunk-NEXLLTP4.js";
+import "./chunk-WMGF4Z7X.js";
 import "./chunk-22KP6LR5.js";
 export {
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
@@ -28,6 +36,8 @@ export {
   MessageTimeline,
   QueueSurface,
   SessionChrome,
+  SessionCommandsPanel,
+  SessionConversation,
   TimelineRow,
   UserMessageBody,
   createOlderHistoryLoadReceipt,

package/dist/session.js

@@ -2,22 +2,33 @@ import {
   approvalsFromRequiresAction,
   createEmbeddedSessionClient,
   isGoalEvent,
-  isHumanInputEvent,
   isLineageRefreshEvent,
   isSessionMcpApprovalPolicyEvent,
-  isTitleEvent,
-  isTurnQueueEvent,
   projectPendingApprovals,
   useFileAttachments,
   useGoal,
+  useSessionControl,
+  useSessionLineage,
+  useSessionMcpApprovalPolicy
+} from "./chunk-5PQJOCX5.js";
+import {
+  buildTimeline,
+  createOlderHistoryLoadReceipt,
+  creditExhaustedFromEvents,
+  extractSessionRef,
+  groupTimeline,
+  humanInputRequestFromEvent,
+  isHumanInputEvent,
+  isTitleEvent,
+  isTurnQueueEvent,
+  projectPendingHumanInputRequests,
+  sessionStatusFromEvents,
+  toolDisplayName,
   useHumanInputRequests,
   useSession,
-  useSessionControl,
   useSessionEvents,
-  useSessionLineage,
-  useSessionMcpApprovalPolicy,
   useTurnQueue
-} from "./chunk-C6WDLHBA.js";
+} from "./chunk-MOWYEBCQ.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
@@ -25,20 +36,9 @@ import {
   shouldSubmitOnKey,
   useComposer
 } from "./chunk-IOLVN74D.js";
+import "./chunk-PLYRL5ER.js";
 import "./chunk-KZ73RL76.js";
 import "./chunk-NEXLLTP4.js";
-import {
-  buildTimeline,
-  createOlderHistoryLoadReceipt,
-  creditExhaustedFromEvents,
-  extractSessionRef,
-  groupTimeline,
-  humanInputRequestFromEvent,
-  projectPendingHumanInputRequests,
-  sessionStatusFromEvents,
-  toolDisplayName
-} from "./chunk-FJBOU2TH.js";
-import "./chunk-VTOREEXF.js";
 export {
   FILE_ONLY_MESSAGE_TEXT,
   approvalsFromRequiresAction,

package/dist/timeline/types.d.ts

@@ -263,6 +263,8 @@ export type NoticeItem = {
     id: string;
     tone: "waiting" | "cancelled" | "failed" | "input";
     text: string;
+    /** A preserved turn-end outcome, not a claim about current session state. */
+    recordedOutcome?: true;
     /** Optional evidence kept inspectable without overwhelming the main rail. */
     details?: {
         label: string;
@@ -293,7 +295,7 @@ export type ContextCompactionItem = {
 };
 export type MachineInputMember = {
     id: string;
-    kind: "scheduled_occurrence" | "goal_continuation" | "agent_message" | "agent_steer_instruction" | "child_terminal_result" | "media_generation_result" | "child_requires_action" | "child_requires_action_resolved" | "child_paused" | "child_waiting_capacity" | "child_progress";
+    kind: "scheduled_occurrence" | "goal_continuation" | "background_command_result" | "session_wait_timeout" | "agent_message" | "agent_steer_instruction" | "child_terminal_result" | "media_generation_result" | "child_requires_action" | "child_requires_action_resolved" | "child_paused" | "child_waiting_capacity" | "child_progress";
     classification: "success" | "failure" | "action_required" | "info";
     sourceId: string;
     summary: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "3.7.0-canary.0",
+  "version": "3.7.0-canary.1",
   "description": "React hooks and styled components for OpenGeni: live session streaming, chat composer, message timeline, session status, and fleet views — token-themed (CSS variables), dark-first, built on Tailwind v4 + Radix + Motion.",
   "license": "Apache-2.0",
   "repository": {
@@ -120,7 +120,7 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/noto-sans-arabic": "5.2.10",
     "@fontsource-variable/noto-sans-jp": "5.2.10",
-    "@opengeni/sdk": "^3.7.0-canary.0",
+    "@opengeni/sdk": "^3.7.0-canary.1",
     "clsx": "^2.1.1",
     "dequal": "2.0.3",
     "lucide-react": "^1.8.0",

package/src/components/artifacts/published-html-artifact-frame.tsx

@@ -7,6 +7,9 @@ import {
   isOpenGeniSiteBridgeConnectMessage,
   isOpenGeniSiteBridgeRequestMessage,
   sanitizeOpenGeniSiteToolCallRequest,
+  isSiteHttpRequest,
+  serveSiteHttp,
+  type SiteHttpRequest,
   type OpenGeniSiteBridgeResponseMessage,
   type OpenGeniSiteToolCatalog,
 } from "@opengeni/sdk/site";
@@ -38,6 +41,7 @@ export type PublishedHtmlArtifactFrameProps = {
 };
 
 export type PublishedHtmlArtifactToolBridge = {
+  fetch?: (request: SiteHttpRequest, signal: AbortSignal) => Promise<Response>;
   catalog: (options: { signal: AbortSignal }) => Promise<OpenGeniSiteToolCatalog>;
   call: (
     request: ToolGatewayCallRequest,
@@ -96,13 +100,31 @@ export function PublishedHtmlArtifactFrame(props: PublishedHtmlArtifactFrameProp
     const attachToolPort = (data: unknown, ports: readonly MessagePort[]) => {
       const port = openGeniSiteBridgePortFromBootstrap(data, ports);
       if (!port) return;
-      requests.replacePort(port);
+      requests.addPort(port);
       port.addEventListener("message", (portEvent: MessageEvent<unknown>) => {
         const message = portEvent.data;
         if (isOpenGeniSiteBridgeCancelMessage(message)) {
           requests.cancel(port, message.requestId);
           return;
         }
+        if (isSiteHttpRequest(message) && portEvent.ports.length === 1) {
+          const controller = requests.start(port, message.requestId);
+          if (!controller) {
+            portEvent.ports[0]!.close();
+            return;
+          }
+          void serveSiteHttp(
+            message,
+            portEvent.ports[0]!,
+            async (request, signal) => {
+              const fetch = bridgeRef.current?.fetch;
+              if (!fetch) throw new Error("This Site host does not support the session SDK");
+              return fetch(request, signal);
+            },
+            controller.signal,
+          ).finally(() => requests.complete(port, message.requestId, controller));
+          return;
+        }
         if (!isOpenGeniSiteBridgeRequestMessage(message)) return;
         const controller = requests.start(port, message.requestId);
         if (!controller) {
@@ -188,9 +210,10 @@ export function PublishedHtmlArtifactFrame(props: PublishedHtmlArtifactFrameProp
 export class SiteBridgeRequestRegistry {
   private readonly controllersByPort = new Map<MessagePort, Map<string, AbortController>>();
 
-  replacePort(port: MessagePort): void {
-    this.closeAll();
-    this.controllersByPort.set(port, new Map());
+  addPort(port: MessagePort): void {
+    // Several SDK clients may share one document bootstrap. Document teardown,
+    // not another client connecting, revokes all of that document's ports.
+    if (!this.controllersByPort.has(port)) this.controllersByPort.set(port, new Map());
   }
 
   start(port: MessagePort, requestId: string): AbortController | null {

package/src/components/machine-input-display.ts

@@ -3,6 +3,8 @@ import type { MachineInputMember } from "../timeline/types";
 export const MACHINE_INPUT_META: Record<MachineInputMember["kind"], string> = {
   scheduled_occurrence: "Scheduled update",
   goal_continuation: "Goal continued",
+  background_command_result: "Command result received",
+  session_wait_timeout: "Wait ended",
   agent_message: "Agent update",
   agent_steer_instruction: "Agent direction",
   child_terminal_result: "Agent finished",
@@ -28,6 +30,10 @@ export function machineInputBatchLabel(members: readonly MachineInputMember[]):
     const kind = members[0]!.kind;
     const n = members.length;
     switch (kind) {
+      case "background_command_result":
+        return n === 1 ? "Command result received" : `${n} command results received`;
+      case "session_wait_timeout":
+        return n === 1 ? "Wait ended" : `${n} waits ended`;
       case "child_terminal_result":
         return n === 1 ? "Agent finished" : `${n} agents finished`;
       case "goal_continuation":