@opengeni/react 5.2.0-canary.0 → 6.0.0-canary.0

package/dist/interaction.js

@@ -13,7 +13,7 @@ import {
   useComputerFrameStream,
   useComputerSession,
   useComputerSessions
-} from "./chunk-T5FRXMC3.js";
+} from "./chunk-YS24CFDI.js";
 import {
   useInteractionInterventions,
   useInteractionInvalidation

package/dist/{platform-activity-row-UW4UVVM4.js → platform-activity-row-DUE2W74J.js}

@@ -169,4 +169,4 @@ function startupDuration(durationMs) {
 export {
   PlatformActivityRow as default
 };
-//# sourceMappingURL=platform-activity-row-UW4UVVM4.js.map
+//# sourceMappingURL=platform-activity-row-DUE2W74J.js.map

package/dist/platform-activity-row-DUE2W74J.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  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  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      compactPreview: item.text.replace(/\\*\\*|__|`/g, \"\").replace(/\\s+/g, \" \"),\n      preview: j(\"span\", {\n        className: \"og-reasoning-preview\",\n        children: j(Markdown, { streaming: item.streaming, children: item.text }),\n      }),\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":"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","names":[]}

package/dist/session-ui.d.ts

@@ -19,6 +19,8 @@ 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";
+export { KnowledgeActivityProvider } from "./timeline/knowledge-receipt.js";
+export type { KnowledgeActivityActions } from "./timeline/knowledge-receipt.js";
 export { StartupTimings } from "./timeline/startup-timings.js";
 export { useStartupDetails, setStartupDetails } from "./timeline/startup-preference.js";
 export type { GenieLoadingOptions } from "./timeline/genie-loading.js";

package/dist/session-ui.js

@@ -3,11 +3,13 @@ import {
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
   HumanInputForm,
   HumanInputSurface,
+  KnowledgeActivityProvider,
   MessageTimeline,
   QueueSurface,
   SessionChrome,
   SessionCommandsPanel,
   SessionConversation,
+  StartupTimings,
   TimelineRow,
   UserMessageBody,
   sessionChromeGoalPillExplanation,
@@ -16,7 +18,7 @@ import {
   setStartupDetails,
   useStartupDetails,
   userMessageLikelyNeedsDisclosure
-} from "./chunk-QXJCNVSD.js";
+} from "./chunk-CC7AVRIJ.js";
 import "./chunk-YBM6CQRU.js";
 import "./chunk-5M6VTFJ5.js";
 import "./chunk-ZYRGEKWS.js";
@@ -26,127 +28,24 @@ import "./chunk-IHQII5WO.js";
 import "./chunk-JVYQRRC4.js";
 import "./chunk-45XEUVTK.js";
 import "./chunk-HQV2I5HV.js";
-import "./chunk-2TKI3WEG.js";
+import "./chunk-WYWRYUNQ.js";
 import "./chunk-R4KRSFGA.js";
 import "./chunk-VZTQ73XT.js";
 import {
   createOlderHistoryLoadReceipt
-} from "./chunk-IYCR4343.js";
+} from "./chunk-PZ27MCZP.js";
 import "./chunk-NYESIADM.js";
 import "./chunk-PLYRL5ER.js";
 import "./chunk-KZ73RL76.js";
 import "./chunk-NEXLLTP4.js";
 import "./chunk-VRBL3F5E.js";
 import "./chunk-22KP6LR5.js";
-
-// src/timeline/startup-timings.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var LABELS = {
-  queue: "Worker queue",
-  sandbox: "Sandbox",
-  rig: "Rig",
-  repository: "Repository",
-  files: "Files",
-  tools: "Tools",
-  model_preparation: "Runtime & model request",
-  provider_first_byte: "First model response"
-};
-function StartupTimings({ phases }) {
-  if (!phases.length)
-    return /* @__PURE__ */ jsx("p", { className: "text-og-sm text-og-fg-subtle", children: "No startup timings recorded yet." });
-  const byTurn = /* @__PURE__ */ new Map();
-  for (const phase of phases) {
-    const group = byTurn.get(phase.turnId) ?? [];
-    group.push(phase);
-    byTurn.set(phase.turnId, group);
-  }
-  const turns = [...byTurn.entries()].map(([turnId, turnPhases]) => ({
-    turnId,
-    phases: turnPhases,
-    startedAt: turnPhases.reduce(
-      (earliest, phase) => phase.startedAt < earliest ? phase.startedAt : earliest,
-      turnPhases[0].startedAt
-    )
-  })).sort((a, b) => b.startedAt.localeCompare(a.startedAt));
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-og-xs text-og-fg-subtle", children: "Each turn has its own startup. Phases can overlap; durations are not additive." }),
-    turns.map((turn, index) => /* @__PURE__ */ jsx(
-      StartupTurn,
-      {
-        ...turn,
-        latest: index === 0 && turn.turnId !== null
-      },
-      turn.turnId ?? "unassigned"
-    ))
-  ] });
-}
-function StartupTurn({
-  turnId,
-  phases,
-  startedAt,
-  latest
-}) {
-  const status = phases.some((phase) => phase.status === "failed") ? "Failed" : phases.some((phase) => phase.status === "running") ? "In progress" : phases.some((phase) => phase.status === "cancelled") ? "Interrupted" : "Ready";
-  return /* @__PURE__ */ jsxs("details", { open: latest, className: "group border-b border-og-border pb-3", children: [
-    /* @__PURE__ */ jsxs("summary", { className: "cursor-pointer rounded py-3 text-og-sm text-og-fg-muted focus-visible:outline-2 focus-visible:outline-og-accent", children: [
-      /* @__PURE__ */ jsx("span", { className: "font-medium", children: turnId === null ? "Unassigned events" : latest ? "Latest turn" : "Earlier turn" }),
-      /* @__PURE__ */ jsx("span", { className: "ml-2 text-og-xs text-og-fg-subtle", children: new Date(startedAt).toLocaleTimeString([], {
-        hour: "2-digit",
-        minute: "2-digit",
-        second: "2-digit"
-      }) }),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: status === "Failed" ? "ml-2 text-og-xs text-og-status-failed" : "ml-2 text-og-xs text-og-fg-subtle",
-          children: status
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "mt-1 block break-all pl-4 font-og-mono text-og-xs text-og-fg-subtle", children: turnId ?? "No turn ID recorded" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "pb-2", children: [
-      /* @__PURE__ */ jsxs("p", { className: "text-og-xs text-og-fg-subtle", children: [
-        "Started ",
-        /* @__PURE__ */ jsx("time", { dateTime: startedAt, children: new Date(startedAt).toLocaleString() })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-left text-og-xs", children: [
-        /* @__PURE__ */ jsxs("caption", { className: "sr-only", children: [
-          "Startup phases for ",
-          turnId ?? "unassigned events"
-        ] }),
-        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-og-border text-og-fg-subtle", children: [
-          /* @__PURE__ */ jsx("th", { scope: "col", className: "py-2 font-medium", children: "Phase" }),
-          /* @__PURE__ */ jsx("th", { scope: "col", className: "px-3 py-2 font-medium", children: "Status" }),
-          /* @__PURE__ */ jsx("th", { scope: "col", className: "py-2 text-right font-medium", children: "Duration" })
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs(
-          "tr",
-          {
-            className: "border-b border-og-border/40",
-            title: `Turn: ${phase.turnId ?? "unknown"} \xB7 Started: ${phase.startedAt}`,
-            children: [
-              /* @__PURE__ */ jsx("th", { scope: "row", className: "py-2.5 font-normal text-og-fg-muted", children: LABELS[phase.phase] }),
-              /* @__PURE__ */ jsx(
-                "td",
-                {
-                  className: `px-3 py-2.5 ${phase.status === "failed" ? "text-og-status-failed" : "text-og-fg-subtle"}`,
-                  children: phase.status === "running" ? "In progress" : phase.status
-                }
-              ),
-              /* @__PURE__ */ jsx("td", { className: "py-2.5 text-right font-og-mono tabular-nums text-og-fg-muted", children: phase.durationMs === null ? "\u2014" : phase.durationMs < 1e3 ? `${Math.round(phase.durationMs)} ms` : `${(phase.durationMs / 1e3).toFixed(1)} s` })
-            ]
-          },
-          phase.id
-        )) })
-      ] }) })
-    ] })
-  ] });
-}
 export {
   ApprovalSurface,
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
   HumanInputForm,
   HumanInputSurface,
+  KnowledgeActivityProvider,
   MessageTimeline,
   QueueSurface,
   SessionChrome,

package/dist/session-ui.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/timeline/startup-timings.tsx"],"sourcesContent":["import type { StartupPhaseItem } from \"./types\";\n\nconst LABELS: Record<StartupPhaseItem[\"phase\"], string> = {\n  queue: \"Worker queue\",\n  sandbox: \"Sandbox\",\n  rig: \"Rig\",\n  repository: \"Repository\",\n  files: \"Files\",\n  tools: \"Tools\",\n  model_preparation: \"Runtime & model request\",\n  provider_first_byte: \"First model response\",\n};\n\nexport function StartupTimings({ phases }: { phases: StartupPhaseItem[] }) {\n  if (!phases.length)\n    return <p className=\"text-og-sm text-og-fg-subtle\">No startup timings recorded yet.</p>;\n  const byTurn = new Map<string | null, StartupPhaseItem[]>();\n  for (const phase of phases) {\n    const group = byTurn.get(phase.turnId) ?? [];\n    group.push(phase);\n    byTurn.set(phase.turnId, group);\n  }\n  const turns = [...byTurn.entries()]\n    .map(([turnId, turnPhases]) => ({\n      turnId,\n      phases: turnPhases,\n      startedAt: turnPhases.reduce(\n        (earliest, phase) => (phase.startedAt < earliest ? phase.startedAt : earliest),\n        turnPhases[0]!.startedAt,\n      ),\n    }))\n    .sort((a, b) => b.startedAt.localeCompare(a.startedAt));\n  return (\n    <div className=\"space-y-3\">\n      <p className=\"text-og-xs text-og-fg-subtle\">\n        Each turn has its own startup. Phases can overlap; durations are not additive.\n      </p>\n      {turns.map((turn, index) => (\n        <StartupTurn\n          key={turn.turnId ?? \"unassigned\"}\n          {...turn}\n          latest={index === 0 && turn.turnId !== null}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction StartupTurn({\n  turnId,\n  phases,\n  startedAt,\n  latest,\n}: {\n  turnId: string | null;\n  phases: StartupPhaseItem[];\n  startedAt: string;\n  latest: boolean;\n}) {\n  const status = phases.some((phase) => phase.status === \"failed\")\n    ? \"Failed\"\n    : phases.some((phase) => phase.status === \"running\")\n      ? \"In progress\"\n      : phases.some((phase) => phase.status === \"cancelled\")\n        ? \"Interrupted\"\n        : \"Ready\";\n  return (\n    <details open={latest} className=\"group border-b border-og-border pb-3\">\n      <summary className=\"cursor-pointer rounded py-3 text-og-sm text-og-fg-muted focus-visible:outline-2 focus-visible:outline-og-accent\">\n        <span className=\"font-medium\">\n          {turnId === null ? \"Unassigned events\" : latest ? \"Latest turn\" : \"Earlier turn\"}\n        </span>\n        <span className=\"ml-2 text-og-xs text-og-fg-subtle\">\n          {new Date(startedAt).toLocaleTimeString([], {\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          })}\n        </span>\n        <span\n          className={\n            status === \"Failed\"\n              ? \"ml-2 text-og-xs text-og-status-failed\"\n              : \"ml-2 text-og-xs text-og-fg-subtle\"\n          }\n        >\n          {status}\n        </span>\n        <span className=\"mt-1 block break-all pl-4 font-og-mono text-og-xs text-og-fg-subtle\">\n          {turnId ?? \"No turn ID recorded\"}\n        </span>\n      </summary>\n      <div className=\"pb-2\">\n        <p className=\"text-og-xs text-og-fg-subtle\">\n          Started <time dateTime={startedAt}>{new Date(startedAt).toLocaleString()}</time>\n        </p>\n        <div className=\"overflow-x-auto\">\n          <table className=\"w-full text-left text-og-xs\">\n            <caption className=\"sr-only\">\n              Startup phases for {turnId ?? \"unassigned events\"}\n            </caption>\n            <thead>\n              <tr className=\"border-b border-og-border text-og-fg-subtle\">\n                <th scope=\"col\" className=\"py-2 font-medium\">\n                  Phase\n                </th>\n                <th scope=\"col\" className=\"px-3 py-2 font-medium\">\n                  Status\n                </th>\n                <th scope=\"col\" className=\"py-2 text-right font-medium\">\n                  Duration\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {phases.map((phase) => (\n                <tr\n                  key={phase.id}\n                  className=\"border-b border-og-border/40\"\n                  title={`Turn: ${phase.turnId ?? \"unknown\"} · Started: ${phase.startedAt}`}\n                >\n                  <th scope=\"row\" className=\"py-2.5 font-normal text-og-fg-muted\">\n                    {LABELS[phase.phase]}\n                  </th>\n                  <td\n                    className={`px-3 py-2.5 ${phase.status === \"failed\" ? \"text-og-status-failed\" : \"text-og-fg-subtle\"}`}\n                  >\n                    {phase.status === \"running\" ? \"In progress\" : phase.status}\n                  </td>\n                  <td className=\"py-2.5 text-right font-og-mono tabular-nums text-og-fg-muted\">\n                    {phase.durationMs === null\n                      ? \"—\"\n                      : phase.durationMs < 1000\n                        ? `${Math.round(phase.durationMs)} ms`\n                        : `${(phase.durationMs / 1000).toFixed(1)} s`}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </details>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/session.js

@@ -10,7 +10,7 @@ import {
   useSessionControl,
   useSessionLineage,
   useSessionMcpApprovalPolicy
-} from "./chunk-5PQJOCX5.js";
+} from "./chunk-KANFU34B.js";
 import {
   buildTimeline,
   createOlderHistoryLoadReceipt,
@@ -28,7 +28,7 @@ import {
   useSession,
   useSessionEvents,
   useTurnQueue
-} from "./chunk-IYCR4343.js";
+} from "./chunk-PZ27MCZP.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,

package/dist/timeline/genie-loading.d.ts

@@ -8,7 +8,15 @@ export type GenieLoadingOptions = {
     /** Replace the visual while preserving SDK loading visibility and transitions. */
     render?: (props: GenieLoadingRenderProps) => ReactNode;
     phrases?: readonly string[];
-    /** Public options stay independent of the renderer's declaration layout. */
+    /** Native copy overrides. Omitted messages retain the default English copy. */
+    messages?: {
+        status?: string;
+        slowStatus?: string;
+        slowText?: string;
+        showDetails?: string;
+        hideDetails?: string;
+    };
+    /** Public adapter options; the renderer dependency's declarations stay private. */
     orb?: {
         state?: "working" | "searching" | "solving" | "listening" | "connecting" | "weaving" | "composing" | "breathing" | "shaping";
         size?: 64 | 20;

package/dist/timeline/index.d.ts

@@ -1,5 +1,5 @@
 export { buildTimeline, creditExhaustedFromEvents, extractSessionRef, groupTimeline, sessionStatusFromEvents, mcpToolLeaf, toolDisplayName, toolMatchesLeaf, } from "./projection.js";
-export type { ActivityItem, AgentMessageItem, AuthNeededItem, ContextCompactionItem, FleetDecisionItem, FleetDecisionScoreItem, GoalItem, HumanInputAnswerSummary, HumanInputItem, MachineInputBatchItem, MachineInputMember, MemoryItem, NoticeItem, ReasoningItem, SandboxItem, StartupPhase, StartupPhaseItem, SessionStatusItem, TimelineGroup, TimelineItem, TimelineAnnotationSourceDescriptor, TurnEndItem, ToolCallItem, UserMessageItem, WorkerCompletionItem, WorkerItem, } from "./types.js";
+export type { ActivityItem, AgentMessageItem, AuthNeededItem, ContextCompactionItem, FleetDecisionItem, FleetDecisionScoreItem, GoalItem, HumanInputAnswerSummary, HumanInputItem, MachineInputBatchItem, MachineInputMember, MemoryItem, KnowledgeItem, NoticeItem, ReasoningItem, SandboxItem, StartupPhase, StartupPhaseItem, SessionStatusItem, TimelineGroup, TimelineItem, TimelineAnnotationSourceDescriptor, TurnEndItem, ToolCallItem, UserMessageItem, WorkerCompletionItem, WorkerItem, } from "./types.js";
 export { createToolRegistry, rawTypeOf } from "./registry.js";
 export type { CreateToolRegistryOptions, RetainedArtifactLoader, RetainedScreenshotLoader, VideoArtifactPlaybackLoader, ToolRegistry, ToolRegistryEntry, ToolRenderer, ToolRendererProps, } from "./registry.js";
 export { createDefaultToolRegistry, defaultToolRegistry } from "./tool-renderers.js";
@@ -18,3 +18,5 @@ export { BUILT_IN_TURN_SUMMARY_FACET_IDS, TurnSummary, useTurnSettleOpen } from
 export type { BuiltInTurnSummaryFacetId, TurnOutcome, TurnSummaryContext, TurnSummaryFacet, TurnSummaryFacetConfiguration, TurnSummaryFacetResult, TurnSummaryOptions, TurnSummaryProps, } from "./turn-summary.js";
 export { applyPatchOps, applyPatchOpsFromToolItem, parseFreeformApplyPatch, controlCaret, execTruncated, isApplyPatch, isExecSessionLostBanner, looksBinary, parseExecBannerSessionId, parseToolArgs, sandboxCommandExitCode, stripExecBanner, tailPeek, unwrapMcpOutput, v4aToGitFileDiff, } from "./parsers.js";
 export type { ApplyPatchOperation } from "./parsers.js";
+export { KnowledgeActivityProvider } from "./knowledge-receipt.js";
+export type { KnowledgeActivityActions } from "./knowledge-receipt.js";

package/dist/timeline/knowledge-receipt.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from "react";
+export type KnowledgeActivityActions = {
+    onInspect?: ((entryId: string) => void) | undefined;
+    onRetryFile?: ((fileId: string) => Promise<boolean | void>) | undefined;
+    retryDisabled?: boolean | undefined;
+};
+export declare function KnowledgeActivityProvider({ children, ...actions }: KnowledgeActivityActions & {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** A saved/pending result never opens or blocks the human-input surface. */
+export declare function KnowledgeReceiptRow(props: {
+    outcome: "published" | "pending" | "rejected" | "archived" | "failed";
+    entryId?: string | undefined;
+    fileId?: string | undefined;
+    title?: string | undefined;
+    source?: boolean | undefined;
+}): import("react").JSX.Element;

package/dist/timeline/platform-activity-row.d.ts

@@ -8,7 +8,6 @@ export default function PlatformActivityRow({ item, d: ActivityDisclosure, p: Pa
     t: (name: string) => string;
     b: typeof import("lucide-react").BotIcon;
     m: typeof import("../components/markdown.js").Markdown;
-    r: typeof import("../lib/format.js").truncate;
     j: RowJsx;
     s: RowJsxs;
 }): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/timeline/retained-image.d.ts

@@ -12,5 +12,7 @@ type RetainedImageState = {
     kind: "error";
     message: string;
 };
+/** Shared browser preview allowlist; other published files remain downloads. */
+export declare function isRetainedImageContentType(contentType: string): boolean;
 export declare function useRetainedImageObjectUrl(artifact: RetainedArtifactReference, load: ToolRendererProps["loadRetainedArtifact"]): RetainedImageState;
 export {};

package/dist/timeline/types.d.ts

@@ -185,6 +185,17 @@ export type StartupPhaseItem = {
  * `onMemoryClick` handler the row also deep-links to the record in its memory
  * pane; without one it is non-interactive rich content.
  */
+export type KnowledgeItem = {
+    kind: "knowledge";
+    id: string;
+    turnId: string | null;
+    status: "complete" | "failed";
+    outcome: "published" | "pending" | "rejected" | "archived" | "failed";
+    fileId?: string | undefined;
+    filename?: string | undefined;
+    entryId?: string | undefined;
+    occurredAt: string;
+};
 export type MemoryItem = {
     kind: "memory";
     id: string;
@@ -361,9 +372,9 @@ export type TurnEndItem = {
     failureText: string | null;
     occurredAt: string;
 };
-export type TimelineItem = UserMessageItem | HumanInputItem | AgentMessageItem | ReasoningItem | ToolCallItem | WorkerItem | WorkerCompletionItem | SandboxItem | StartupPhaseItem | SessionStatusItem | GoalItem | NoticeItem | ContextCompactionItem | MachineInputBatchItem | AuthNeededItem | MemoryItem | FleetDecisionItem | TurnEndItem;
+export type TimelineItem = UserMessageItem | HumanInputItem | AgentMessageItem | ReasoningItem | ToolCallItem | WorkerItem | WorkerCompletionItem | SandboxItem | StartupPhaseItem | SessionStatusItem | GoalItem | NoticeItem | ContextCompactionItem | MachineInputBatchItem | AuthNeededItem | MemoryItem | KnowledgeItem | FleetDecisionItem | TurnEndItem;
 /** Activity items cluster between chat messages (reasoning, tools, workers, sandbox, memory). */
-export type ActivityItem = ReasoningItem | ToolCallItem | WorkerItem | SandboxItem | StartupPhaseItem | MemoryItem | FleetDecisionItem;
+export type ActivityItem = ReasoningItem | ToolCallItem | WorkerItem | SandboxItem | StartupPhaseItem | MemoryItem | KnowledgeItem | FleetDecisionItem;
 export type TimelineGroup = {
     kind: "item";
     item: TimelineItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "5.2.0-canary.0",
+  "version": "6.0.0-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": {
@@ -133,8 +133,8 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/noto-sans-arabic": "5.2.10",
     "@fontsource-variable/noto-sans-jp": "5.2.10",
-    "@opengeni/connect": "^0.2.0-canary.7",
-    "@opengeni/sdk": "^5.1.0-canary.1",
+    "@opengeni/connect": "^0.2.0-canary.9",
+    "@opengeni/sdk": "^6.0.0-canary.0",
     "clsx": "^2.1.1",
     "dequal": "2.0.3",
     "lucide-react": "^1.8.0",

package/src/artifacts.ts

@@ -1,5 +1,5 @@
 export { inlineHtmlDocument } from "./components/artifacts/inline-html-document";
-export { useRetainedImageObjectUrl } from "./timeline/retained-image";
+export { isRetainedImageContentType, useRetainedImageObjectUrl } from "./timeline/retained-image";
 /** Public artifact surfaces. Import from `@opengeni/react/artifacts`. */
 export {
   ArtifactSurface,

package/src/components/computer-viewer.tsx

@@ -567,7 +567,12 @@ export function ComputerViewer({
           if (relevant[0]) selectComputerSession({ sessionId: relevant[0].id, pinned: false });
         }}
         onCreate={hideGenericCreate ? undefined : createComputer}
-        onRefresh={() => void Promise.all([refreshRegistry(), refreshComputer()])}
+        onRefresh={() => {
+          if (frames.state === "error" && !generationLossSelected && !generationLossFrames) {
+            frames.reconnect();
+          }
+          void Promise.all([refreshRegistry(), refreshComputer()]);
+        }}
       />
       <InteractionInterventionBanner
         interventions={selectedInterventions}
@@ -1031,8 +1036,11 @@ function ComputerViewport(props: {
   actionRef.current = props.onAction;
   readClipboardRef.current = props.onReadClipboard;
   errorRef.current = props.onError;
+  const streamFailed = props.connectionState === "error";
   const rawInputEnabled =
-    !props.backgroundActions || props.target?.kind === "screen" || props.target?.focused === true;
+    !streamFailed &&
+    !props.machineLocked &&
+    (!props.backgroundActions || props.target?.kind === "screen" || props.target?.focused === true);
 
   const paintQueuedFrames = useCallback(() => {
     if (decodingFrameRef.current) return;
@@ -1346,7 +1354,7 @@ function ComputerViewport(props: {
     if (inputRef.current) inputRef.current.value = "";
   };
 
-  const showCanvas = props.frame !== null && !props.machineLocked;
+  const showCanvas = props.frame !== null && !props.machineLocked && !streamFailed;
   return (
     <div className="relative min-h-0 flex-1 overflow-hidden bg-black">
       <canvas

package/src/components/message-timeline.tsx

@@ -2,6 +2,10 @@ import { RollingActivity } from "../timeline/rolling-activity";
 import { GenieLoadingOptionsContext, type GenieLoadingOptions } from "../timeline/genie-loading";
 import { ChildSessionLink } from "./child-session-link";
 import { useStartupDetails } from "../timeline/startup-preference";
+import { parseSandboxFileArtifactReceipt } from "@opengeni/sdk";
+import { unwrapMcpOutput } from "../timeline/parsers";
+import { isRetainedImageContentType } from "../timeline/retained-image";
+import { mcpToolLeaf } from "../timeline/tool-display-name";
 import type {
   DraftTimelineAnnotation,
   MediaGenerationResult,
@@ -2537,9 +2541,15 @@ const TimelineGroupView = memo(function TimelineGroupView({
   // Settled (or live-fold) activity clusters get a chip. Inside an expanded
   // turn that is the second layer — quiet nested chips under the outer turn
   // summary when contiguous activity naturally clusters (≥2 only).
+  const containsPresentedImage = timelineGroupContainsPresentedImage(group);
+  const hasRememberedImageFold =
+    group.kind === "activity" && containsPresentedImage && foldMemory?.has(group.id);
+  // Primary images stay visible through live narration and the turn wrap.
+  // Manual collapse still belongs to TurnSummary's existing fold memory.
   const activityShouldFold =
-    group.kind === "activity" && !!(group.outcome || (foldLiveCluster && clusterIsSettled(group)));
-  const containsGeneratedImage = timelineGroupContainsGeneratedImage(group);
+    group.kind === "activity" &&
+    !containsPresentedImage &&
+    !!(group.outcome || (foldLiveCluster && clusterIsSettled(group)));
   // Latch live→folded so a top-level shell that was already mounted open can
   // start the settle beat without remounting bare rail → wrapper.
   const liveActivitySettle = useLiveSettleFold(activityShouldFold && !insideTurn);
@@ -2548,7 +2558,7 @@ const TimelineGroupView = memo(function TimelineGroupView({
     group.kind === "turn" &&
     (group.outcome === "failed" ||
       timelineGroupContainsAuthNeeded(group) ||
-      containsGeneratedImage);
+      containsPresentedImage);
   // activity-* → turn-* remount: carry resting state so settleFold does not
   // re-open a chip the reader already watched collapse.
   if (group.kind === "turn" && foldMemory && !insideTurn) {
@@ -2589,6 +2599,7 @@ const TimelineGroupView = memo(function TimelineGroupView({
       if (
         turnSummary?.rolling &&
         !startupDetails &&
+        !hasRememberedImageFold &&
         group.items.filter((item) => item.kind !== "startup-phase").length === 1
       ) {
         return (
@@ -2620,8 +2631,12 @@ const TimelineGroupView = memo(function TimelineGroupView({
           !startupDetails &&
           visibleActivity.length === 1 &&
           visibleActivity[0]?.kind === "reasoning";
+        // Untouched images stay primary output, but a reader-owned image fold
+        // must keep its shell across a multi-cluster wrap. A bare rail would
+        // bypass the remembered choice; retaining either state also lets the
+        // reader reopen and close the same chip after settlement.
         const useNestedChip =
-          nestClusterChips && activityShouldFold && !containsGeneratedImage && !singleThought;
+          nestClusterChips && (activityShouldFold || hasRememberedImageFold) && !singleThought;
         if (!useNestedChip) {
           return (
             <ActivityRail
@@ -2663,16 +2678,24 @@ const TimelineGroupView = memo(function TimelineGroupView({
       // flips settleFold (collapse) instead of remounting bare rail → wrapper.
       return (
         <TurnSummary
+          // Apply the primary-output default when a rolling activity first
+          // produces an image; the stable foldKey still preserves user choices.
+          key={containsPresentedImage ? "primary-image" : "activity"}
           items={group.items}
           outcome={group.outcome}
           failureText={group.failureText}
           defaultOpen={
-            group.outcome === "failed" || (!turnSummary?.rolling && !activityShouldFold)
+            group.outcome === "failed" ||
+            containsPresentedImage ||
+            (!turnSummary?.rolling && !activityShouldFold)
               ? true
               : undefined
           }
           liveHeader={
-            turnSummary?.rolling && !group.outcome && !foldLiveCluster ? (
+            turnSummary?.rolling &&
+            !containsPresentedImage &&
+            !group.outcome &&
+            !foldLiveCluster ? (
               <RollingActivity
                 items={group.items}
                 toolRegistry={toolRegistry}
@@ -2862,17 +2885,24 @@ function timelineGroupContainsAuthNeeded(group: TimelineGroup): boolean {
   }
 }
 
-/** Generated images are primary user-visible output, not incidental activity. */
-function timelineGroupContainsGeneratedImage(group: TimelineGroup): boolean {
+/** Deliberately published images are primary output, not incidental screenshots. */
+function timelineGroupContainsPresentedImage(group: TimelineGroup): boolean {
   switch (group.kind) {
     case "item":
       return false;
     case "activity":
-      return group.items.some(
-        (item) => item.kind === "tool-call" && item.name === "generate_image",
-      );
+      return group.items.some((item) => {
+        if (item.kind !== "tool-call") return false;
+        const name = mcpToolLeaf(item.name);
+        if (name === "generate_image" || name === "image_generation_call") return true;
+        if (item.status !== "complete" || name !== "sandbox_file_publish") return false;
+        const output = unwrapMcpOutput(item.output);
+        if (output.isError) return false;
+        const receipt = parseSandboxFileArtifactReceipt(output.text);
+        return receipt !== null && isRetainedImageContentType(receipt.artifact.contentType);
+      });
     case "turn":
-      return group.groups.some(timelineGroupContainsGeneratedImage);
+      return group.groups.some(timelineGroupContainsPresentedImage);
   }
 }
 

package/src/components/session-chrome.tsx

@@ -100,6 +100,11 @@ export type SessionChromeProps = {
   queue: UseTurnQueueResult;
   /** Needed for queue edit → composer checkout. Omit with `readOnly`. */
   composer?: ComposerState | undefined;
+  /** Focus the composer after a successful queue checkout has applied its draft.
+   * Connect to the composer controller's `focusInput`, or a custom input ref.
+   * Never called for failed checkout or while replacement awaits confirmation.
+   */
+  onComposerFocus?: (() => void) | undefined;
   goal?: UseGoalResult | null | undefined;
   /** Expanded agents body (host supplies tree / list). */
   agentsPanel?: ReactNode;
@@ -431,6 +436,7 @@ export function SessionChrome({
   sessionStatus,
   queue,
   composer,
+  onComposerFocus,
   goal,
   agentsPanel,
   commandsPanel,
@@ -802,7 +808,10 @@ export function SessionChrome({
                     expectedDraftRevision: composer.draftRevision,
                     replaceDraft: true,
                   });
-                  if (checkedOut) composer.applyDraft(checkedOut);
+                  if (checkedOut) {
+                    composer.applyDraft(checkedOut);
+                    onComposerFocus?.();
+                  }
                 })();
               }
             : undefined
@@ -819,7 +828,10 @@ export function SessionChrome({
                         expectedDraftRevision: composer.draftRevision,
                         replaceDraft: false,
                       });
-                      if (checkedOut) composer.applyDraft(checkedOut);
+                      if (checkedOut) {
+                        composer.applyDraft(checkedOut);
+                        onComposerFocus?.();
+                      }
                     })();
                   },
                 );

package/src/connection-catalog.tsx

@@ -26,22 +26,11 @@ export type ConnectionCatalogProps = {
   emptyMessage?: string;
 };
 
-function ConnectionDetailsAction({
-  option,
-  name = option.name,
-}: {
-  option: ConnectionCatalogOption;
-  name?: string;
-}) {
+function ConnectionDetailsIndicator() {
   return (
-    <button
-      type="button"
-      className="og-connection-details-action"
-      aria-label={`View ${name} details`}
-      onClick={option.onOpen}
-    >
-      <span aria-hidden>{option.connected ? "›" : "+"}</span>
-    </button>
+    <span aria-hidden className="og-connection-group-chevron">
+      ›
+    </span>
   );
 }
 
@@ -54,10 +43,9 @@ export function ConnectionOptionRow({ option }: { option: ConnectionCatalogOptio
           <span>{option.description}</span>
         </span>
         <span className="og-connection-catalog-status">{option.status}</span>
+        {!option.action ? <ConnectionDetailsIndicator /> : null}
       </button>
-      <span className="og-connection-option-action">
-        {option.action ?? <ConnectionDetailsAction option={option} />}
-      </span>
+      {option.action ? <span className="og-connection-option-action">{option.action}</span> : null}
     </div>
   );
 }
@@ -91,10 +79,9 @@ export function ConnectionServiceRow({ service }: { service: ConnectionCatalogSe
         onClick={service.options[0]!.onOpen}
       >
         {identity}
+        {!service.options[0]?.action ? <ConnectionDetailsIndicator /> : null}
       </button>
-      {service.options[0]?.action ?? (
-        <ConnectionDetailsAction option={service.options[0]!} name={service.name} />
-      )}
+      {service.options[0]?.action}
     </div>
   ) : (
     <details className="og-connection-catalog-service">