@opengeni/react 3.8.0-canary.1 → 4.0.1-canary.0

package/dist/interaction.js

@@ -1,3 +1,9 @@
+import {
+  ComputerViewer,
+  useComputerFrameStream,
+  useComputerSession,
+  useComputerSessions
+} from "./chunk-BV5A4OTE.js";
 import {
   BrowserViewer,
   useAttachedBrowsers,
@@ -7,19 +13,14 @@ import {
   useBrowserSession,
   useBrowserSessions,
   useSiteAuthConnections
-} from "./chunk-VEPNNDNG.js";
-import {
-  ComputerViewer,
-  useComputerFrameStream,
-  useComputerSession,
-  useComputerSessions
-} from "./chunk-ELIYWBZR.js";
+} from "./chunk-24M4YBCL.js";
 import {
   useInteractionInterventions,
   useInteractionInvalidation
 } from "./chunk-H5YGYNXS.js";
 import "./chunk-4MDLEHXL.js";
 import "./chunk-5YK2ZDIG.js";
+import "./chunk-JVYQRRC4.js";
 import "./chunk-PLYRL5ER.js";
 import "./chunk-KZ73RL76.js";
 import {
@@ -28,7 +29,6 @@ import {
   useEmbeddedInteraction,
   useEmbeddedInterventions
 } from "./chunk-NEXLLTP4.js";
-import "./chunk-JVYQRRC4.js";
 import "./chunk-22KP6LR5.js";
 
 // src/hooks/use-network-routes.ts

package/dist/older-history.d.ts

@@ -8,6 +8,7 @@
  */
 export type OlderHistoryLoadReceipt = Promise<boolean> & {
     readonly committed: boolean;
+    readonly tailPreserved?: boolean;
 };
 /**
  * Source-compatible public callback accepted by MessageTimeline.
@@ -20,10 +21,10 @@ export type OlderHistoryLoadReceipt = Promise<boolean> & {
 export type OlderHistoryLoader = () => unknown;
 type OlderHistoryReceiptCapture = (receipt: OlderHistoryLoadReceipt) => void;
 /** Bind a receipt before a synchronous forwarding stack can publish state. */
-export declare function invokeOlderHistoryLoaderWithReceiptCapture(load: OlderHistoryLoader, capture: OlderHistoryReceiptCapture): unknown;
+export declare function invokeOlderHistoryLoaderWithReceiptCapture(load: OlderHistoryLoader, capture: OlderHistoryReceiptCapture, preserveTail?: boolean): unknown;
 /**
  * Build an await-compatible older-history receipt for custom timeline hosts.
  * Call `markCommitted` immediately before publishing an accepted older window.
  */
-export declare function createOlderHistoryLoadReceipt(load: (markCommitted: () => void) => boolean | Promise<boolean>): OlderHistoryLoadReceipt;
+export declare function createOlderHistoryLoadReceipt(load: (markCommitted: () => void, preserveTail: boolean, markTailPreserved: () => void) => boolean | Promise<boolean>): OlderHistoryLoadReceipt;
 export {};

package/dist/{platform-activity-row-BJHUHXAT.js → platform-activity-row-27LKAWZD.js}

@@ -47,7 +47,7 @@ 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 === "rotation_in_progress" ? "Waiting for sandbox rotation" : startupPhaseTitle(item.phase, item.status, item.outcome),
     preview: item.phase === "model_preparation" ? "Includes overlapping sandbox, rig, repository, and runtime setup shown below." : void 0,
     running,
     failed,
@@ -166,4 +166,4 @@ function startupDuration(durationMs) {
 export {
   PlatformActivityRow as default
 };
-//# sourceMappingURL=platform-activity-row-BJHUHXAT.js.map
+//# sourceMappingURL=platform-activity-row-27LKAWZD.js.map

package/dist/platform-activity-row-27LKAWZD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/timeline/platform-activity-row.tsx"],"sourcesContent":["import type { ReasoningItem, SandboxItem, StartupPhaseItem } from \"./types\";\n\ntype RowJsx = typeof import(\"react/jsx-runtime\").jsx;\ntype RowJsxs = typeof import(\"react/jsx-runtime\").jsxs;\n\nexport default function PlatformActivityRow({\n  item,\n  d: ActivityDisclosure,\n  p: PayloadBlock,\n  t: displayName,\n  b: BotIcon,\n  m: Markdown,\n  r: truncate,\n  j,\n  s,\n}: {\n  item: ReasoningItem | SandboxItem | StartupPhaseItem;\n  d: typeof import(\"./shared\").ActivityDisclosure;\n  p: typeof import(\"./shared\").PayloadBlock;\n  t: (name: string) => string;\n  b: typeof import(\"lucide-react\").BotIcon;\n  m: typeof import(\"../components/markdown\").Markdown;\n  r: typeof import(\"../lib/format\").truncate;\n  j: RowJsx;\n  s: RowJsxs;\n}) {\n  if (item.kind === \"reasoning\") {\n    return j(ActivityDisclosure, {\n      icon: brainIcon(j, s),\n      iconTone: \"muted\",\n      title: item.streaming\n        ? \"Thinking\"\n        : j(\"span\", {\n            className: \"font-normal italic text-og-fg-subtle\",\n            children: \"Thought\",\n          }),\n      running: item.streaming,\n      preview: truncate(item.text, 110),\n      children: j(\"div\", {\n        className: \"text-og-base leading-6 text-og-fg-muted [&_strong]:text-og-fg-muted\",\n        children: j(Markdown, { streaming: item.streaming, children: item.text }),\n      }),\n    });\n  }\n  if (item.kind === \"sandbox\") {\n    return s(ActivityDisclosure, {\n      icon: terminalIcon(j, s),\n      iconTone:\n        item.status === \"failed\" ? \"failed\" : item.status === \"running\" ? \"running\" : \"muted\",\n      title: sandboxRowTitle(item, displayName),\n      running: item.status === \"running\",\n      failed: item.status === \"failed\",\n      cancelled: item.status === \"cancelled\",\n      preview: item.command ?? undefined,\n      children: [\n        item.command ? j(PayloadBlock, { label: \"Command\", value: item.command }, \"command\") : null,\n        item.output ? j(PayloadBlock, { label: \"Output\", value: item.output }, \"output\") : null,\n      ],\n    });\n  }\n\n  const failed = item.status === \"failed\";\n  const running = item.status === \"running\";\n  const duration = startupDuration(item.durationMs);\n  return j(ActivityDisclosure, {\n    icon: j(BotIcon, { className: \"size-3.5\" }),\n    iconTone: failed ? \"failed\" : running ? \"running\" : \"muted\",\n    title:\n      item.blockedReason === \"rotation_in_progress\"\n        ? \"Waiting for sandbox rotation\"\n        : startupPhaseTitle(item.phase, item.status, item.outcome),\n    preview:\n      item.phase === \"model_preparation\"\n        ? \"Includes overlapping sandbox, rig, repository, and runtime setup shown below.\"\n        : undefined,\n    running,\n    failed,\n    cancelled: item.status === \"cancelled\",\n    chip: duration ? { tone: failed ? \"bad\" : \"muted\", text: duration } : undefined,\n    expandable: false,\n  });\n}\n\nfunction brainIcon(j: RowJsx, s: RowJsxs) {\n  return lucideIcon(j, s, \"brain\", [\n    j(\"path\", { d: \"M 12 18V5\" }, \"spine\"),\n    j(\"path\", { d: \"M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4\" }, \"center\"),\n    j(\"path\", { d: \"M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5\" }, \"top\"),\n    j(\"path\", { d: \"M17.997 5.125a4 4 0 0 1 2.526 5.77\" }, \"upper-right\"),\n    j(\"path\", { d: \"M18 18a4 4 0 0 0 2-7.464\" }, \"right\"),\n    j(\"path\", { d: \"M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517\" }, \"base\"),\n    j(\"path\", { d: \"M6 18a4 4 0 0 1-2-7.464\" }, \"left\"),\n    j(\"path\", { d: \"M6.003 5.125a4 4 0 0 0-2.526 5.77\" }, \"upper-left\"),\n  ]);\n}\n\nfunction terminalIcon(j: RowJsx, s: RowJsxs) {\n  return lucideIcon(j, s, \"square-terminal\", [\n    j(\"path\", { d: \"m7 11 2-2-2-2\" }, \"prompt\"),\n    j(\"path\", { d: \"M11 13h4\" }, \"cursor\"),\n    j(\"rect\", { width: 18, height: 18, x: 3, y: 3, rx: 2, ry: 2 }, \"frame\"),\n  ]);\n}\n\nfunction lucideIcon(j: RowJsx, s: RowJsxs, name: string, children: ReturnType<RowJsx>[]) {\n  return s(\"svg\", {\n    \"aria-hidden\": \"true\",\n    className: `lucide lucide-${name} size-3.5`,\n    fill: \"none\",\n    height: 24,\n    stroke: \"currentColor\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    strokeWidth: 2,\n    viewBox: \"0 0 24 24\",\n    width: 24,\n    children,\n  });\n}\n\nfunction sandboxRowTitle(item: SandboxItem, displayName: (name: string) => string): string {\n  if (item.name === \"sandbox.provision\") {\n    return startupPhaseTitle(\n      \"sandbox\",\n      item.status === \"cancelled\" ? \"complete\" : item.status,\n      item.origin ?? null,\n    );\n  }\n  return displayName(item.name);\n}\n\nfunction startupPhaseTitle(\n  phase: StartupPhaseItem[\"phase\"],\n  status: StartupPhaseItem[\"status\"],\n  outcome: StartupPhaseItem[\"outcome\"],\n): string {\n  if (status === \"complete\" && phase === \"sandbox\" && outcome && outcome !== \"skipped\") {\n    return `Sandbox ${outcome === \"resumed\" ? \"reattached\" : outcome}`;\n  }\n  if (status === \"complete\" && phase === \"rig\" && outcome === \"skipped\") {\n    return \"Rig already ready\";\n  }\n  const statusIndex =\n    status === \"running\" ? 0 : status === \"failed\" ? 1 : status === \"cancelled\" ? 2 : 3;\n  return STARTUP_PHASE_TITLES[phase][statusIndex];\n}\n\nconst STARTUP_PHASE_TITLES: Record<\n  StartupPhaseItem[\"phase\"],\n  readonly [string, string, string, string]\n> = {\n  queue: [\n    \"Waiting for a worker\",\n    \"Worker startup failed\",\n    \"Worker wait interrupted\",\n    \"Worker started\",\n  ],\n  sandbox: [\n    \"Starting sandbox\",\n    \"Sandbox didn’t start\",\n    \"Sandbox startup interrupted\",\n    \"Sandbox ready\",\n  ],\n  rig: [\"Setting up rig\", \"Rig setup failed\", \"Rig setup interrupted\", \"Rig ready\"],\n  repository: [\n    \"Preparing repository\",\n    \"Repository preparation failed\",\n    \"Repository preparation interrupted\",\n    \"Repository ready\",\n  ],\n  files: [\n    \"Preparing files\",\n    \"File preparation failed\",\n    \"File preparation interrupted\",\n    \"Files ready\",\n  ],\n  tools: [\n    \"Connecting tools\",\n    \"Tool connection failed\",\n    \"Tool connection interrupted\",\n    \"Tools ready\",\n  ],\n  model_preparation: [\n    \"Preparing runtime and model request\",\n    \"Runtime/model preparation failed\",\n    \"Runtime/model preparation interrupted\",\n    \"Model request dispatched\",\n  ],\n  provider_first_byte: [\n    \"Waiting for model\",\n    \"Model didn’t respond\",\n    \"Model wait interrupted\",\n    \"Model started responding\",\n  ],\n};\n\nfunction startupDuration(durationMs: number | null): string | null {\n  if (durationMs === null || !Number.isFinite(durationMs) || durationMs < 0) return null;\n  if (durationMs < 1_000) return `${Math.round(durationMs)}ms`;\n  if (durationMs < 60_000) return `${(durationMs / 1_000).toFixed(1)}s`;\n  const minutes = Math.floor(durationMs / 60_000);\n  const seconds = Math.round((durationMs % 60_000) / 1_000);\n  return `${minutes}m ${String(seconds).padStart(2, \"0\")}s`;\n}\n"],"mappings":";AAKe,SAAR,oBAAqC;AAAA,EAC1C;AAAA,EACA,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH;AAAA,EACA;AACF,GAUG;AACD,MAAI,KAAK,SAAS,aAAa;AAC7B,WAAO,EAAE,oBAAoB;AAAA,MAC3B,MAAM,UAAU,GAAG,CAAC;AAAA,MACpB,UAAU;AAAA,MACV,OAAO,KAAK,YACR,aACA,EAAE,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,UAAU;AAAA,MACZ,CAAC;AAAA,MACL,SAAS,KAAK;AAAA,MACd,SAAS,SAAS,KAAK,MAAM,GAAG;AAAA,MAChC,UAAU,EAAE,OAAO;AAAA,QACjB,WAAW;AAAA,QACX,UAAU,EAAE,UAAU,EAAE,WAAW,KAAK,WAAW,UAAU,KAAK,KAAK,CAAC;AAAA,MAC1E,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,MAAI,KAAK,SAAS,WAAW;AAC3B,WAAO,EAAE,oBAAoB;AAAA,MAC3B,MAAM,aAAa,GAAG,CAAC;AAAA,MACvB,UACE,KAAK,WAAW,WAAW,WAAW,KAAK,WAAW,YAAY,YAAY;AAAA,MAChF,OAAO,gBAAgB,MAAM,WAAW;AAAA,MACxC,SAAS,KAAK,WAAW;AAAA,MACzB,QAAQ,KAAK,WAAW;AAAA,MACxB,WAAW,KAAK,WAAW;AAAA,MAC3B,SAAS,KAAK,WAAW;AAAA,MACzB,UAAU;AAAA,QACR,KAAK,UAAU,EAAE,cAAc,EAAE,OAAO,WAAW,OAAO,KAAK,QAAQ,GAAG,SAAS,IAAI;AAAA,QACvF,KAAK,SAAS,EAAE,cAAc,EAAE,OAAO,UAAU,OAAO,KAAK,OAAO,GAAG,QAAQ,IAAI;AAAA,MACrF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,SAAS,KAAK,WAAW;AAC/B,QAAM,UAAU,KAAK,WAAW;AAChC,QAAM,WAAW,gBAAgB,KAAK,UAAU;AAChD,SAAO,EAAE,oBAAoB;AAAA,IAC3B,MAAM,EAAE,SAAS,EAAE,WAAW,WAAW,CAAC;AAAA,IAC1C,UAAU,SAAS,WAAW,UAAU,YAAY;AAAA,IACpD,OACE,KAAK,kBAAkB,yBACnB,iCACA,kBAAkB,KAAK,OAAO,KAAK,QAAQ,KAAK,OAAO;AAAA,IAC7D,SACE,KAAK,UAAU,sBACX,kFACA;AAAA,IACN;AAAA,IACA;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,IAC3B,MAAM,WAAW,EAAE,MAAM,SAAS,QAAQ,SAAS,MAAM,SAAS,IAAI;AAAA,IACtE,YAAY;AAAA,EACd,CAAC;AACH;AAEA,SAAS,UAAU,GAAW,GAAY;AACxC,SAAO,WAAW,GAAG,GAAG,SAAS;AAAA,IAC/B,EAAE,QAAQ,EAAE,GAAG,YAAY,GAAG,OAAO;AAAA,IACrC,EAAE,QAAQ,EAAE,GAAG,iDAAiD,GAAG,QAAQ;AAAA,IAC3E,EAAE,QAAQ,EAAE,GAAG,iDAAiD,GAAG,KAAK;AAAA,IACxE,EAAE,QAAQ,EAAE,GAAG,qCAAqC,GAAG,aAAa;AAAA,IACpE,EAAE,QAAQ,EAAE,GAAG,2BAA2B,GAAG,OAAO;AAAA,IACpD,EAAE,QAAQ,EAAE,GAAG,sDAAsD,GAAG,MAAM;AAAA,IAC9E,EAAE,QAAQ,EAAE,GAAG,0BAA0B,GAAG,MAAM;AAAA,IAClD,EAAE,QAAQ,EAAE,GAAG,oCAAoC,GAAG,YAAY;AAAA,EACpE,CAAC;AACH;AAEA,SAAS,aAAa,GAAW,GAAY;AAC3C,SAAO,WAAW,GAAG,GAAG,mBAAmB;AAAA,IACzC,EAAE,QAAQ,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAAA,IAC1C,EAAE,QAAQ,EAAE,GAAG,WAAW,GAAG,QAAQ;AAAA,IACrC,EAAE,QAAQ,EAAE,OAAO,IAAI,QAAQ,IAAI,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,OAAO;AAAA,EACxE,CAAC;AACH;AAEA,SAAS,WAAW,GAAW,GAAY,MAAc,UAAgC;AACvF,SAAO,EAAE,OAAO;AAAA,IACd,eAAe;AAAA,IACf,WAAW,iBAAiB,IAAI;AAAA,IAChC,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACH;AAEA,SAAS,gBAAgB,MAAmB,aAA+C;AACzF,MAAI,KAAK,SAAS,qBAAqB;AACrC,WAAO;AAAA,MACL;AAAA,MACA,KAAK,WAAW,cAAc,aAAa,KAAK;AAAA,MAChD,KAAK,UAAU;AAAA,IACjB;AAAA,EACF;AACA,SAAO,YAAY,KAAK,IAAI;AAC9B;AAEA,SAAS,kBACP,OACA,QACA,SACQ;AACR,MAAI,WAAW,cAAc,UAAU,aAAa,WAAW,YAAY,WAAW;AACpF,WAAO,WAAW,YAAY,YAAY,eAAe,OAAO;AAAA,EAClE;AACA,MAAI,WAAW,cAAc,UAAU,SAAS,YAAY,WAAW;AACrE,WAAO;AAAA,EACT;AACA,QAAM,cACJ,WAAW,YAAY,IAAI,WAAW,WAAW,IAAI,WAAW,cAAc,IAAI;AACpF,SAAO,qBAAqB,KAAK,EAAE,WAAW;AAChD;AAEA,IAAM,uBAGF;AAAA,EACF,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,KAAK,CAAC,kBAAkB,oBAAoB,yBAAyB,WAAW;AAAA,EAChF,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,qBAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,gBAAgB,YAA0C;AACjE,MAAI,eAAe,QAAQ,CAAC,OAAO,SAAS,UAAU,KAAK,aAAa,EAAG,QAAO;AAClF,MAAI,aAAa,IAAO,QAAO,GAAG,KAAK,MAAM,UAAU,CAAC;AACxD,MAAI,aAAa,IAAQ,QAAO,IAAI,aAAa,KAAO,QAAQ,CAAC,CAAC;AAClE,QAAM,UAAU,KAAK,MAAM,aAAa,GAAM;AAC9C,QAAM,UAAU,KAAK,MAAO,aAAa,MAAU,GAAK;AACxD,SAAO,GAAG,OAAO,KAAK,OAAO,OAAO,EAAE,SAAS,GAAG,GAAG,CAAC;AACxD;","names":[]}

package/dist/realtime.js

@@ -4,13 +4,13 @@ import {
   PickerBackHeader,
   PickerNavRow
 } from "./chunk-R4KRSFGA.js";
-import {
-  useEmbeddedRealtimeSession
-} from "./chunk-NEXLLTP4.js";
 import {
   usePortalTokenSource,
   usePortalTokenStyle
 } from "./chunk-VZTQ73XT.js";
+import {
+  useEmbeddedRealtimeSession
+} from "./chunk-NEXLLTP4.js";
 import "./chunk-VRBL3F5E.js";
 import {
   cn

package/dist/session-ui.js

@@ -1,5 +1,6 @@
 import {
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
+  HumanInputForm,
   HumanInputSurface,
   MessageTimeline,
   QueueSurface,
@@ -12,27 +13,23 @@ import {
   sessionChromeGoalPillLabel,
   sessionChromeGoalPillState,
   userMessageLikelyNeedsDisclosure
-} from "./chunk-7W6PVVTK.js";
+} from "./chunk-HO6X4FHG.js";
 import "./chunk-YBM6CQRU.js";
 import "./chunk-5M6VTFJ5.js";
 import "./chunk-ZYRGEKWS.js";
 import "./chunk-NOSYBS2D.js";
 import "./chunk-PAJU5KKL.js";
-import "./chunk-7BWFU6H4.js";
+import "./chunk-JVYQRRC4.js";
+import "./chunk-Z7WBDB4E.js";
 import "./chunk-R4KRSFGA.js";
+import "./chunk-VZTQ73XT.js";
 import {
   createOlderHistoryLoadReceipt
-} from "./chunk-BXJOQFCD.js";
+} from "./chunk-HUMIRRYI.js";
 import "./chunk-6J56T3MG.js";
 import "./chunk-PLYRL5ER.js";
 import "./chunk-KZ73RL76.js";
 import "./chunk-NEXLLTP4.js";
-import {
-  HumanInputForm
-} from "./chunk-YAIPFO5D.js";
-import "./chunk-JVYQRRC4.js";
-import "./chunk-HQV2I5HV.js";
-import "./chunk-VZTQ73XT.js";
 import "./chunk-VRBL3F5E.js";
 import "./chunk-22KP6LR5.js";
 export {

package/dist/session.js

@@ -28,7 +28,7 @@ import {
   useSession,
   useSessionEvents,
   useTurnQueue
-} from "./chunk-BXJOQFCD.js";
+} from "./chunk-HUMIRRYI.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,

package/dist/timeline/types.d.ts

@@ -173,6 +173,7 @@ export type StartupPhaseItem = {
     durationMs: number | null;
     /** Sandbox origin and rig marker outcomes refine the settled label only. */
     outcome: "created" | "restored" | "resumed" | "skipped" | null;
+    blockedReason?: "rotation_in_progress" | undefined;
     occurredAt: string;
 };
 /**
@@ -352,6 +353,8 @@ export type AuthNeededItem = {
 export type TurnOutcome = "complete" | "failed" | "cancelled";
 export type TurnEndItem = {
     kind: "turn-end";
+    /** Keep an existing answer visible when a recorded input wait ends without final output. */
+    preserveWaitResponse?: true;
     id: string;
     turnId: string | null;
     outcome: TurnOutcome;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "3.8.0-canary.1",
+  "version": "4.0.1-canary.0",
   "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": {
@@ -78,10 +78,6 @@
       "types": "./dist/clipboard.d.ts",
       "import": "./dist/clipboard.js"
     },
-    "./chat": {
-      "types": "./dist/chat.tsx",
-      "import": "./dist/chat.tsx"
-    },
     "./styles.css": {
       "types": "./styles/index.d.ts",
       "style": "./styles/index.css",
@@ -124,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.8.0-canary.1",
+    "@opengeni/sdk": "^4.0.1-canary.0",
     "clsx": "^2.1.1",
     "dequal": "2.0.3",
     "lucide-react": "^1.8.0",

package/src/components/human-input-form.tsx

@@ -1,6 +1,7 @@
 import type {
   HumanInputAnswer,
   HumanInputQuestion,
+  SkillRecord,
   SessionHumanInputRequest,
   SubmitHumanInputResponseRequest,
 } from "@opengeni/sdk";
@@ -64,6 +65,10 @@ export const defaultHumanInputFormMessages: HumanInputFormMessages = {
 };
 
 export type HumanInputFormProps = {
+  /** Scoped immutable revision reader. Saving a Skill fails closed without its full preview. */
+  loadSkillReview?:
+    | ((reference: NonNullable<HumanInputQuestion["skillReview"]>) => Promise<SkillRecord>)
+    | undefined;
   request: Pick<SessionHumanInputRequest, "id" | "questions" | "allowSkip" | "expiresAt">;
   onSubmit: (response: SubmitHumanInputResponseRequest) => void | Promise<void>;
   submitting?: boolean | undefined;
@@ -98,6 +103,7 @@ export function HumanInputForm(props: HumanInputFormProps) {
 function HumanInputRequestForm({
   request,
   onSubmit,
+  loadSkillReview,
   submitting = false,
   error,
   title,
@@ -142,6 +148,116 @@ function HumanInputRequestForm({
   const submissionInFlight = useRef(false);
   const submissionGeneration = useRef(0);
   const busy = submitting || submittingInternally;
+  const reviewIdentity = JSON.stringify(
+    request.questions
+      .filter((question) => question.skillReview)
+      .map((question) => ({
+        id: question.id,
+        reference: {
+          sourceOperationId: question.skillReview!.sourceOperationId,
+          skillId: question.skillReview!.skillId,
+          revisionId: question.skillReview!.revisionId,
+          expectedRevisionId: question.skillReview!.expectedRevisionId,
+          expectedScopeVersion: question.skillReview!.expectedScopeVersion,
+        },
+      })),
+  );
+  const [reviewReload, setReviewReload] = useState(0);
+  const [reviews, setReviews] = useState<{
+    loader: typeof loadSkillReview;
+    identity: string;
+    records: Record<string, SkillRecord>;
+    error: string | null;
+  } | null>(null);
+  useEffect(() => {
+    let current = true;
+    const questions = JSON.parse(reviewIdentity) as Array<{
+      id: string;
+      reference: NonNullable<HumanInputQuestion["skillReview"]>;
+    }>;
+    if (!questions.length) return;
+    setReviews(null);
+    void Promise.all(
+      questions.map(async (question) => {
+        if (!loadSkillReview)
+          throw new Error(
+            "This client cannot preview Skill files. Open this request in OpenGeni to review it.",
+          );
+        const reference = question.reference;
+        const record = await loadSkillReview(reference);
+        if (
+          record.id !== reference.skillId ||
+          record.revisionId !== reference.revisionId ||
+          !record.files.some((file) => file.path === "SKILL.md")
+        ) {
+          throw new Error("The requested Skill revision could not be verified.");
+        }
+        return [question.id, record] as const;
+      }),
+    )
+      .then((records) => {
+        if (current)
+          setReviews({
+            loader: loadSkillReview,
+            identity: reviewIdentity,
+            records: Object.fromEntries(records),
+            error: null,
+          });
+      })
+      .catch((cause) => {
+        if (current)
+          setReviews({
+            loader: loadSkillReview,
+            identity: reviewIdentity,
+            records: {},
+            error: cause instanceof Error ? cause.message : "Could not load the Skill files.",
+          });
+      });
+    return () => {
+      current = false;
+    };
+  }, [loadSkillReview, reviewIdentity, reviewReload]);
+  const visibleReviews =
+    reviews?.loader === loadSkillReview && reviews?.identity === reviewIdentity ? reviews : null;
+  const preview = (question: HumanInputQuestion) => {
+    if (!question.skillReview) return null;
+    const record = visibleReviews?.records[question.id];
+    return (
+      <div className="mb-3 min-w-0 space-y-2" data-skill-review="">
+        {record ? (
+          <>
+            <p className="text-og-sm">
+              {record.title ?? "Skill"} · {record.scope} · {record.files.length} files
+            </p>
+            <p className="text-og-xs text-og-fg-muted">
+              Saving activates these exact files. No additional review is required.
+            </p>
+            {record.files.map((file) => (
+              <details key={file.path} open={file.path === "SKILL.md"}>
+                <summary className="cursor-pointer break-all text-og-sm">{file.path}</summary>
+                <pre className="max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-og-md bg-og-surface-1 p-2 text-og-xs">
+                  {file.content}
+                </pre>
+              </details>
+            ))}
+          </>
+        ) : visibleReviews?.error ? (
+          <>
+            <p role="alert" className="text-og-sm">
+              {visibleReviews.error}
+            </p>
+            <button type="button" onClick={() => setReviewReload((value) => value + 1)}>
+              Retry preview
+            </button>
+          </>
+        ) : (
+          <p role="status" className="text-og-sm">
+            Loading the exact Skill files…
+          </p>
+        )}
+      </div>
+    );
+  };
 
   useEffect(() => {
     if (collapsed) {
@@ -232,6 +348,18 @@ function HumanInputRequestForm({
       }
       return;
     }
+    const unreviewedSave = request.questions.find(
+      (question) =>
+        question.skillReview &&
+        !visibleReviews?.records[question.id] &&
+        result.answers.some(
+          (answer) => answer.questionId === question.id && answer.values.includes("save"),
+        ),
+    );
+    if (unreviewedSave) {
+      setValidationErrors({ [unreviewedSave.id]: "Load the exact Skill files before saving." });
+      return;
+    }
     await submitResponse({ outcome: "answered", answers: result.answers });
   };
 
@@ -365,6 +493,7 @@ function HumanInputRequestForm({
                 // Title already carries the question; only render the control + help extras.
                 return (
                   <div key={question.id} data-human-input-question={question.id}>
+                    {preview(question)}
                     <QuestionControls
                       question={question}
                       questionNumber={null}
@@ -389,6 +518,7 @@ function HumanInputRequestForm({
                   data-human-input-question={question.id}
                   className="flex flex-col gap-1.5"
                 >
+                  {preview(question)}
                   <QuestionControls
                     question={question}
                     questionNumber={index + 1}
@@ -643,62 +773,64 @@ function QuestionControls({
               </label>
             );
           })}
-          <div
-            className={cn(
-              "flex items-start gap-2.5 rounded-og-md px-2.5 py-2 transition-colors",
-              draft.otherSelected
-                ? "bg-og-status-waiting/12 text-og-fg"
-                : "text-og-fg hover:bg-og-surface-1/80",
-            )}
-          >
-            <input
-              id={otherChoiceId}
-              type={question.kind === "single_select" ? "radio" : "checkbox"}
-              name={question.kind === "single_select" ? fieldId : undefined}
-              aria-labelledby={otherLabelId}
-              checked={draft.otherSelected}
-              autoFocus={autoFocus && firstOption && question.options.length === 0}
-              onChange={(event) =>
-                onUpdate((current) => ({
-                  ...current,
-                  otherSelected: event.target.checked,
-                  ...(question.kind === "single_select" && event.target.checked
-                    ? { values: [] }
-                    : {}),
-                }))
-              }
-              className="mt-2 accent-og-accent"
-            />
-            <span className="min-w-0 flex-1">
-              <label
-                id={otherLabelId}
-                htmlFor={otherChoiceId}
-                className="block text-og-sm font-medium"
-              >
-                {messages.other}
-              </label>
-              <label htmlFor={otherTextId} className="sr-only">
-                {messages.other} answer for {visibleLabel}
-              </label>
+          {!question.skillReview ? (
+            <div
+              className={cn(
+                "flex items-start gap-2.5 rounded-og-md px-2.5 py-2 transition-colors",
+                draft.otherSelected
+                  ? "bg-og-status-waiting/12 text-og-fg"
+                  : "text-og-fg hover:bg-og-surface-1/80",
+              )}
+            >
               <input
-                id={otherTextId}
-                type="text"
-                value={draft.other}
-                disabled={busy}
-                placeholder="Type a value…"
-                onClick={() => onUpdate(selectOtherDraft)}
-                onFocus={() => onUpdate(selectOtherDraft)}
-                onChange={(event) => {
-                  const other = event.target.value;
+                id={otherChoiceId}
+                type={question.kind === "single_select" ? "radio" : "checkbox"}
+                name={question.kind === "single_select" ? fieldId : undefined}
+                aria-labelledby={otherLabelId}
+                checked={draft.otherSelected}
+                autoFocus={autoFocus && firstOption && question.options.length === 0}
+                onChange={(event) =>
                   onUpdate((current) => ({
-                    ...selectOtherDraft(current),
-                    other,
-                  }));
-                }}
-                className="mt-1.5 w-full rounded-og-sm border border-og-border bg-og-surface-1 px-2 py-1.5 text-og-sm text-og-fg outline-hidden focus:border-og-accent disabled:opacity-50"
+                    ...current,
+                    otherSelected: event.target.checked,
+                    ...(question.kind === "single_select" && event.target.checked
+                      ? { values: [] }
+                      : {}),
+                  }))
+                }
+                className="mt-2 accent-og-accent"
               />
-            </span>
-          </div>
+              <span className="min-w-0 flex-1">
+                <label
+                  id={otherLabelId}
+                  htmlFor={otherChoiceId}
+                  className="block text-og-sm font-medium"
+                >
+                  {messages.other}
+                </label>
+                <label htmlFor={otherTextId} className="sr-only">
+                  {messages.other} answer for {visibleLabel}
+                </label>
+                <input
+                  id={otherTextId}
+                  type="text"
+                  value={draft.other}
+                  disabled={busy}
+                  placeholder="Type a value…"
+                  onClick={() => onUpdate(selectOtherDraft)}
+                  onFocus={() => onUpdate(selectOtherDraft)}
+                  onChange={(event) => {
+                    const other = event.target.value;
+                    onUpdate((current) => ({
+                      ...selectOtherDraft(current),
+                      other,
+                    }));
+                  }}
+                  className="mt-1.5 w-full rounded-og-sm border border-og-border bg-og-surface-1 px-2 py-1.5 text-og-sm text-og-fg outline-hidden focus:border-og-accent disabled:opacity-50"
+                />
+              </span>
+            </div>
+          ) : null}
         </div>
       )}
       {error ? (

package/src/components/human-input-surface.tsx

@@ -9,6 +9,7 @@ import {
 } from "./human-input-form";
 
 export type HumanInputSurfaceProps = {
+  loadSkillReview?: HumanInputFormProps["loadSkillReview"];
   requests: SessionHumanInputRequest[];
   onSubmit: (requestId: string, response: SubmitHumanInputResponseRequest) => void | Promise<void>;
   respondingRequestId?: string | null | undefined;
@@ -28,6 +29,7 @@ export type HumanInputSurfaceProps = {
 export function HumanInputSurface({
   requests,
   onSubmit,
+  loadSkillReview,
   respondingRequestId = null,
   error,
   messages,
@@ -68,6 +70,7 @@ export function HumanInputSurface({
 
   const formProps: HumanInputFormProps = {
     request: active,
+    loadSkillReview,
     submitting: respondingRequestId !== null,
     error: error ?? null,
     progressLabel,

package/src/components/message-timeline.tsx

@@ -293,13 +293,18 @@ function invokeOlderLoad(
   load: OlderHistoryLoader,
   noProgress: () => void,
   attempt: OlderLoadAttempt,
+  preserveTail = false,
 ): 1 | undefined {
   try {
     // Receipt creation is captured synchronously through legacy wrappers such
     // as `() => void loadOlder()`, even when the wrapper discards the return.
-    const result = invokeOlderHistoryLoaderWithReceiptCapture(load, (receipt) => {
-      attempt[2] = receipt;
-    }) as OlderHistoryLoadReceipt | PromiseLike<unknown> | unknown;
+    const result = invokeOlderHistoryLoaderWithReceiptCapture(
+      load,
+      (receipt) => {
+        attempt[2] = receipt;
+      },
+      preserveTail,
+    ) as OlderHistoryLoadReceipt | PromiseLike<unknown> | unknown;
     const receipt =
       attempt[2] ??
       (typeof (result as { committed?: unknown } | undefined)?.committed === "boolean"
@@ -978,7 +983,7 @@ export function MessageTimeline({
       // exact `false` is the first-party request-not-accepted receipt.
       // All other fulfillment retains this exact owner until its prepend
       // boundary commits; promise settlement alone cannot prove progress.
-      invokeOlderLoad(onLoadOlder, noProgress, attempt);
+      invokeOlderLoad(onLoadOlder, noProgress, attempt, !retry);
     },
     [hasOlder, loadingOlder, olderBoundaryKey, onLoadOlder],
   );
@@ -1536,7 +1541,9 @@ export function MessageTimeline({
     }
     const observer = new IntersectionObserver(
       (entries) => {
-        if (entries.some((entry) => entry.isIntersecting)) {
+        // An underfilled history window has both sentinels visible. Advancing
+        // it automatically would undo an explicit older-page navigation.
+        if (maxScrollOf(root) > 1 && entries.some((entry) => entry.isIntersecting)) {
           onLoadNewer();
         }
       },
@@ -1959,7 +1966,9 @@ export function MessageTimeline({
                                     className="pointer-events-auto rounded-full border border-og-border px-3 py-1.5 text-og-control"
                                   >
                                     {underfillRetryReady
-                                      ? "Retry earlier activity"
+                                      ? underfillSettledAttempt?.[2]?.tailPreserved
+                                        ? "Load earlier activity"
+                                        : "Retry earlier activity"
                                       : "Jump to start"}
                                   </button>
                                 ) : null}
@@ -3702,6 +3711,32 @@ function formatVideoDuration(seconds: number): string {
 
 function NoticeRow({ item }: { item: NoticeItem }) {
   const enter = useEntranceAnimation();
+  if (item.recordedOutcome) {
+    return (
+      <details
+        className="group text-og-sm text-og-fg-muted"
+        role="note"
+        data-og-recorded-outcome="wait"
+      >
+        <summary className="flex cursor-pointer list-none items-center gap-2 py-1 [&::-webkit-details-marker]:hidden">
+          <ChevronRightIcon
+            aria-hidden
+            className="size-3.5 transition-transform group-open:rotate-90"
+          />
+          <span>
+            Wait recorded ·{" "}
+            <time dateTime={item.occurredAt}>
+              {new Date(item.occurredAt).toLocaleString(undefined, {
+                dateStyle: "medium",
+                timeStyle: "short",
+              })}
+            </time>
+          </span>
+        </summary>
+        <p className="mt-1 whitespace-pre-wrap break-words pl-5 text-og-fg-muted">{item.text}</p>
+      </details>
+    );
+  }
   const tone =
     item.tone === "failed"
       ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed"

package/src/components/session-commands-panel.tsx

@@ -80,7 +80,13 @@ export function SessionCommandsPanel({
                   </div>
                 </details>
                 <p className="mt-1 text-og-fg-subtle">
-                  {command.state === "stopping" ? "Stopping…" : "Running"}
+                  {command.observationStatus === "unavailable"
+                    ? command.state === "stopping"
+                      ? "Stop requested · status unavailable"
+                      : "Command status unavailable"
+                    : command.state === "stopping"
+                      ? "Stopping…"
+                      : "Running"}
                 </p>
               </div>
               {!readOnly ? (