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

package/dist/interaction.js

@@ -7,19 +7,20 @@ import {
   useBrowserSession,
   useBrowserSessions,
   useSiteAuthConnections
-} from "./chunk-VEPNNDNG.js";
+} from "./chunk-24M4YBCL.js";
 import {
   ComputerViewer,
   useComputerFrameStream,
   useComputerSession,
   useComputerSessions
-} from "./chunk-ELIYWBZR.js";
+} from "./chunk-BV5A4OTE.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/markdown-table-layout-3Z3AWBY7.js

@@ -0,0 +1,71 @@
+// src/components/markdown-table-layout.ts
+function markdownTableWidth({
+  columnLeft,
+  columnWidth,
+  contentLeft,
+  contentRight,
+  preferredWidth
+}) {
+  const center = columnLeft + columnWidth / 2;
+  const available = 2 * Math.min(center - contentLeft, contentRight - center);
+  return Math.max(columnWidth, Math.min(preferredWidth, available));
+}
+function observeMarkdownTableLayout(wrapper, table) {
+  const body = wrapper.parentElement;
+  const scroller = body?.closest("[data-og-wide-table-message]")?.closest("[data-og-timeline-scroller]");
+  if (!body?.classList.contains("og-markdown-body") || !scroller) return;
+  let width = null;
+  const reset = () => {
+    width = null;
+    wrapper.style.width = "";
+    wrapper.style.maxWidth = "";
+    wrapper.style.marginInline = "";
+  };
+  const measure = () => {
+    for (let ancestor = body; ancestor && ancestor !== scroller; ancestor = ancestor.parentElement) {
+      if (getComputedStyle(ancestor).overflowX !== "visible") {
+        reset();
+        return;
+      }
+    }
+    const column = body.getBoundingClientRect();
+    const panel = scroller.getBoundingClientRect();
+    const panelStyle = getComputedStyle(scroller);
+    const left = panel.left + scroller.clientLeft + parseFloat(panelStyle.paddingLeft);
+    const right = panel.left + scroller.clientLeft + scroller.clientWidth - parseFloat(panelStyle.paddingRight);
+    const previousWidth = table.style.width;
+    let preferred;
+    try {
+      table.style.width = "max-content";
+      preferred = table.getBoundingClientRect().width;
+    } finally {
+      table.style.width = previousWidth;
+    }
+    const next = markdownTableWidth({
+      columnLeft: column.left,
+      columnWidth: column.width,
+      contentLeft: left,
+      contentRight: right,
+      preferredWidth: preferred
+    });
+    if (width !== null && Math.abs(width - next) < 0.5) return;
+    width = next;
+    wrapper.style.width = `${width}px`;
+    wrapper.style.maxWidth = "none";
+    wrapper.style.marginInline = `calc((100% - ${width}px) / 2)`;
+  };
+  measure();
+  const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(measure);
+  observer?.observe(scroller);
+  observer?.observe(body);
+  observer?.observe(table);
+  return () => {
+    observer?.disconnect();
+    reset();
+  };
+}
+export {
+  markdownTableWidth,
+  observeMarkdownTableLayout
+};
+//# sourceMappingURL=markdown-table-layout-3Z3AWBY7.js.map

package/dist/markdown-table-layout-3Z3AWBY7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/markdown-table-layout.ts"],"sourcesContent":["export function markdownTableWidth({\n  columnLeft,\n  columnWidth,\n  contentLeft,\n  contentRight,\n  preferredWidth,\n}: {\n  columnLeft: number;\n  columnWidth: number;\n  contentLeft: number;\n  contentRight: number;\n  preferredWidth: number;\n}): number {\n  const center = columnLeft + columnWidth / 2;\n  const available = 2 * Math.min(center - contentLeft, contentRight - center);\n  return Math.max(columnWidth, Math.min(preferredWidth, available));\n}\n\n/** Loaded only for assistant tables. Keep prose and nested scroll owners intact. */\nexport function observeMarkdownTableLayout(wrapper: HTMLDivElement, table: HTMLTableElement) {\n  const body = wrapper.parentElement;\n  const scroller = body\n    ?.closest(\"[data-og-wide-table-message]\")\n    ?.closest<HTMLElement>(\"[data-og-timeline-scroller]\");\n  if (!body?.classList.contains(\"og-markdown-body\") || !scroller) return;\n\n  let width: number | null = null;\n  const reset = () => {\n    width = null;\n    wrapper.style.width = \"\";\n    wrapper.style.maxWidth = \"\";\n    wrapper.style.marginInline = \"\";\n  };\n  const measure = () => {\n    // Intermediate clipped/scrollable surfaces own their own content bounds.\n    for (\n      let ancestor: HTMLElement | null = body;\n      ancestor && ancestor !== scroller;\n      ancestor = ancestor.parentElement\n    ) {\n      if (getComputedStyle(ancestor).overflowX !== \"visible\") {\n        reset();\n        return;\n      }\n    }\n    const column = body.getBoundingClientRect();\n    const panel = scroller.getBoundingClientRect();\n    const panelStyle = getComputedStyle(scroller);\n    const left = panel.left + scroller.clientLeft + parseFloat(panelStyle.paddingLeft);\n    const right =\n      panel.left + scroller.clientLeft + scroller.clientWidth - parseFloat(panelStyle.paddingRight);\n\n    // Measure the original table, preserving its wrapping and TSV copy DOM.\n    const previousWidth = table.style.width;\n    let preferred: number;\n    try {\n      table.style.width = \"max-content\";\n      preferred = table.getBoundingClientRect().width;\n    } finally {\n      table.style.width = previousWidth;\n    }\n    const next = markdownTableWidth({\n      columnLeft: column.left,\n      columnWidth: column.width,\n      contentLeft: left,\n      contentRight: right,\n      preferredWidth: preferred,\n    });\n    if (width !== null && Math.abs(width - next) < 0.5) return;\n    width = next;\n    wrapper.style.width = `${width}px`;\n    wrapper.style.maxWidth = \"none\";\n    wrapper.style.marginInline = `calc((100% - ${width}px) / 2)`;\n  };\n\n  measure();\n  const observer = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(measure);\n  observer?.observe(scroller);\n  observer?.observe(body);\n  observer?.observe(table);\n  return () => {\n    observer?.disconnect();\n    reset();\n  };\n}\n"],"mappings":";AAAO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMW;AACT,QAAM,SAAS,aAAa,cAAc;AAC1C,QAAM,YAAY,IAAI,KAAK,IAAI,SAAS,aAAa,eAAe,MAAM;AAC1E,SAAO,KAAK,IAAI,aAAa,KAAK,IAAI,gBAAgB,SAAS,CAAC;AAClE;AAGO,SAAS,2BAA2B,SAAyB,OAAyB;AAC3F,QAAM,OAAO,QAAQ;AACrB,QAAM,WAAW,MACb,QAAQ,8BAA8B,GACtC,QAAqB,6BAA6B;AACtD,MAAI,CAAC,MAAM,UAAU,SAAS,kBAAkB,KAAK,CAAC,SAAU;AAEhE,MAAI,QAAuB;AAC3B,QAAM,QAAQ,MAAM;AAClB,YAAQ;AACR,YAAQ,MAAM,QAAQ;AACtB,YAAQ,MAAM,WAAW;AACzB,YAAQ,MAAM,eAAe;AAAA,EAC/B;AACA,QAAM,UAAU,MAAM;AAEpB,aACM,WAA+B,MACnC,YAAY,aAAa,UACzB,WAAW,SAAS,eACpB;AACA,UAAI,iBAAiB,QAAQ,EAAE,cAAc,WAAW;AACtD,cAAM;AACN;AAAA,MACF;AAAA,IACF;AACA,UAAM,SAAS,KAAK,sBAAsB;AAC1C,UAAM,QAAQ,SAAS,sBAAsB;AAC7C,UAAM,aAAa,iBAAiB,QAAQ;AAC5C,UAAM,OAAO,MAAM,OAAO,SAAS,aAAa,WAAW,WAAW,WAAW;AACjF,UAAM,QACJ,MAAM,OAAO,SAAS,aAAa,SAAS,cAAc,WAAW,WAAW,YAAY;AAG9F,UAAM,gBAAgB,MAAM,MAAM;AAClC,QAAI;AACJ,QAAI;AACF,YAAM,MAAM,QAAQ;AACpB,kBAAY,MAAM,sBAAsB,EAAE;AAAA,IAC5C,UAAE;AACA,YAAM,MAAM,QAAQ;AAAA,IACtB;AACA,UAAM,OAAO,mBAAmB;AAAA,MAC9B,YAAY,OAAO;AAAA,MACnB,aAAa,OAAO;AAAA,MACpB,aAAa;AAAA,MACb,cAAc;AAAA,MACd,gBAAgB;AAAA,IAClB,CAAC;AACD,QAAI,UAAU,QAAQ,KAAK,IAAI,QAAQ,IAAI,IAAI,IAAK;AACpD,YAAQ;AACR,YAAQ,MAAM,QAAQ,GAAG,KAAK;AAC9B,YAAQ,MAAM,WAAW;AACzB,YAAQ,MAAM,eAAe,gBAAgB,KAAK;AAAA,EACpD;AAEA,UAAQ;AACR,QAAM,WAAW,OAAO,mBAAmB,cAAc,SAAY,IAAI,eAAe,OAAO;AAC/F,YAAU,QAAQ,QAAQ;AAC1B,YAAU,QAAQ,IAAI;AACtB,YAAU,QAAQ,KAAK;AACvB,SAAO,MAAM;AACX,cAAU,WAAW;AACrB,UAAM;AAAA,EACR;AACF;","names":[]}

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-CQG7YUJB.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.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": {
@@ -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.1",
     "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,