@opengeni/react 0.12.0 → 0.13.0

package/dist/{machines-BeZ3bD3t.d.ts → machines-CnlMb7E-.d.ts}

@@ -7,7 +7,7 @@ import { ReactNode } from 'react';
  * pass the real SDK client, a proxy-backed client that routes through their
  * own API, or a scripted client in tests/demos.
  */
-type SessionClientLike = Pick<OpenGeniClient, "getClientConfig" | "getSession" | "updateSession" | "listSessions" | "sendMessage" | "steerMessage" | "interrupt" | "sendApprovalDecision" | "listEvents" | "streamEvents" | "listTurns" | "updateQueuedTurn" | "reorderQueuedTurns" | "deleteQueuedTurn" | "getGoal" | "updateGoal" | "clearSessionContext" | "compactSessionContext" | "listScheduledTasks" | "uploadFile" | "getFile" | "createFileDownloadUrl" | "listEnvironments" | "createEnvironment" | "updateEnvironment" | "deleteEnvironment" | "setEnvironmentVariable" | "deleteEnvironmentVariable" | "listPacks" | "registerPack" | "enablePack" | "deletePack" | "listWorkspaces" | "createWorkspace" | "updateWorkspace" | "getBillingUsage" | "getClientConfig" | "getStreamCapabilities" | "acknowledgeStream" | "attachViewer" | "heartbeatViewer" | "detachViewer" | "fsList" | "fsRead" | "fsWrite" | "fsDelete" | "fsMove" | "fsMkdir" | "gitStatus" | "gitDiff" | "terminalExec" | "terminalPtyOpen" | "terminalPtyWrite" | "terminalPtyResize" | "terminalPtyClose">;
+type SessionClientLike = Pick<OpenGeniClient, "getClientConfig" | "getSession" | "getSessionLineage" | "updateSession" | "updateSessionPin" | "listSessions" | "listSessionPage" | "sendMessage" | "steerMessage" | "pauseSession" | "resumeSession" | "sendApprovalDecision" | "listEvents" | "streamEvents" | "getQueue" | "cancelQueueItem" | "listTurns" | "getGoal" | "updateGoal" | "deleteGoal" | "clearSessionContext" | "compactSessionContext" | "listScheduledTasks" | "uploadFile" | "getFile" | "createFileDownloadUrl" | "listVariableSets" | "createVariableSet" | "updateVariableSet" | "deleteVariableSet" | "setVariableSetVariable" | "deleteVariableSetVariable" | "listEnvironments" | "createEnvironment" | "updateEnvironment" | "deleteEnvironment" | "setEnvironmentVariable" | "deleteEnvironmentVariable" | "listRigs" | "createRig" | "getRig" | "updateRig" | "deleteRig" | "listRigVersions" | "activateRigVersion" | "listRigChanges" | "proposeRigChange" | "getRigChange" | "verifyRigChange" | "promoteRigChange" | "verifyRig" | "listPacks" | "registerPack" | "enablePack" | "deletePack" | "listWorkspaces" | "createWorkspace" | "updateWorkspace" | "getBillingUsage" | "getClientConfig" | "getStreamCapabilities" | "acknowledgeStream" | "attachViewer" | "heartbeatViewer" | "detachViewer" | "fsList" | "fsRead" | "fsWrite" | "fsDelete" | "fsMove" | "fsMkdir" | "gitStatus" | "gitDiff" | "getWorkspaceCapture" | "getWorkspaceCaptureFile" | "terminalExec" | "terminalPtyOpen" | "terminalPtyWrite" | "terminalPtyResize" | "terminalPtyClose">;
 
 type OpenGeniContextValue = {
     client: SessionClientLike;
@@ -76,7 +76,7 @@ type ConnectionStatusPillProps = {
  * the Machines dashboard, the dock header, and the session timeline. Reconnecting
  * breathes (the resiliency-as-headline blip), online/offline hold still.
  */
-declare function ConnectionStatusPill({ status, label, size, className }: ConnectionStatusPillProps): react_jsx_runtime.JSX.Element;
+declare function ConnectionStatusPill({ status, label, size, className, }: ConnectionStatusPillProps): react_jsx_runtime.JSX.Element;
 type ConnectionDotProps = {
     status: ConnectionStatus;
     className?: string | undefined;
@@ -97,7 +97,7 @@ type MachineStatusPillProps = {
  * dashboard row, the dock header, and the timeline all reuse so the status
  * language is identical everywhere.
  */
-declare function MachineStatusPill({ state, sharedSessionCount, size, className }: MachineStatusPillProps): react_jsx_runtime.JSX.Element;
+declare function MachineStatusPill({ state, sharedSessionCount, size, className, }: MachineStatusPillProps): react_jsx_runtime.JSX.Element;
 
 type MachineMetricsProps = {
     /** The latest metric sample, or null when the machine hasn't reported yet. */
@@ -171,7 +171,7 @@ type MachineDockBarProps = {
  * render IDENTICALLY regardless of backend — this bar is the only backend-aware
  * chrome (the dock-parity contract: selfhosted == Modal for the surfaces).
  */
-declare function MachineDockBar({ name, kind, state, sharedSessionCount, className }: MachineDockBarProps): react_jsx_runtime.JSX.Element;
+declare function MachineDockBar({ name, kind, state, className }: MachineDockBarProps): react_jsx_runtime.JSX.Element;
 type SharedMachineDisclosureProps = {
     sharedSessionCount: number;
     /** Compact (inline strip) vs full (a notice block). */
@@ -183,7 +183,7 @@ type SharedMachineDisclosureProps = {
  * dock (and reused on the desktop take-control gate) so the user knows others are
  * driving the same whole-machine lease. Render when `sharedSessionCount > 1`.
  */
-declare function SharedMachineDisclosure({ sharedSessionCount, density, className }: SharedMachineDisclosureProps): react_jsx_runtime.JSX.Element;
+declare function SharedMachineDisclosure({ sharedSessionCount, density, className, }: SharedMachineDisclosureProps): react_jsx_runtime.JSX.Element;
 
 /** The poll state of an in-flight device-flow enrollment. */
 type DeviceFlowPhase = "pending" | "authorized" | "denied" | "expired" | "disabled";

package/dist/machines.d.ts

@@ -1,4 +1,4 @@
-export { a as CONNECTION_STATUS_META, b as ConnectionDot, c as ConnectionDotProps, d as ConnectionStatus, e as ConnectionStatusMeta, f as ConnectionStatusPill, g as ConnectionStatusPillProps, D as DeviceFlowPhase, E as EnrollmentConsent, h as EnrollmentConsentMachine, i as EnrollmentConsentPhase, j as EnrollmentConsentProps, k as EnrollmentDeviceFlow, l as EnrollmentDeviceFlowProps, M as MACHINE_STATE_BADGE_META, m as MachineCard, n as MachineCardProps, o as MachineDockBar, p as MachineDockBarProps, q as MachineMetrics, r as MachineMetricsProps, s as MachineStateBadgeMeta, t as MachineStatusPill, u as MachineStatusPillProps, v as MachinesClientLike, w as MachinesDashboard, x as MachinesDashboardProps, A as SharedMachineDisclosure, B as SharedMachineDisclosureProps, U as UseMachinesOptions, F as UseMachinesResult, G as connectionStatusForState, H as useMachines } from './machines-BeZ3bD3t.js';
+export { a as CONNECTION_STATUS_META, b as ConnectionDot, c as ConnectionDotProps, d as ConnectionStatus, e as ConnectionStatusMeta, f as ConnectionStatusPill, g as ConnectionStatusPillProps, D as DeviceFlowPhase, E as EnrollmentConsent, h as EnrollmentConsentMachine, i as EnrollmentConsentPhase, j as EnrollmentConsentProps, k as EnrollmentDeviceFlow, l as EnrollmentDeviceFlowProps, M as MACHINE_STATE_BADGE_META, m as MachineCard, n as MachineCardProps, o as MachineDockBar, p as MachineDockBarProps, q as MachineMetrics, r as MachineMetricsProps, s as MachineStateBadgeMeta, t as MachineStatusPill, u as MachineStatusPillProps, v as MachinesClientLike, w as MachinesDashboard, x as MachinesDashboardProps, A as SharedMachineDisclosure, B as SharedMachineDisclosureProps, U as UseMachinesOptions, F as UseMachinesResult, G as connectionStatusForState, H as useMachines } from './machines-CnlMb7E-.js';
 export { MachineKind, MachineMetricsSeriesResponse, MachineState, MachineView, MachinesResponse, MetricSample } from '@opengeni/sdk';
 import 'react/jsx-runtime';
 import 'react';

package/dist/machines.js

@@ -13,7 +13,7 @@ import {
   SharedMachineDisclosure,
   connectionStatusForState,
   useMachines
-} from "./chunk-5TIXRCSI.js";
+} from "./chunk-NFYVQWIB.js";
 export {
   CONNECTION_STATUS_META,
   ConnectionDot,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "0.12.0",
+  "version": "0.13.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": {
@@ -8,6 +8,11 @@
     "url": "git+https://github.com/Cloudgeni-ai/opengeni.git",
     "directory": "packages/react"
   },
+  "files": [
+    "dist",
+    "src",
+    "styles"
+  ],
   "type": "module",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -25,20 +30,12 @@
     "./styles.css": "./styles/index.css",
     "./tokens.css": "./styles/tokens.css"
   },
-  "files": [
-    "dist",
-    "src",
-    "styles"
-  ],
-  "engines": {
-    "node": ">=18"
-  },
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
   "scripts": {
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsgo --noEmit",
     "build": "tsup",
     "demo": "vite dev demo --port 3100",
     "demo:build": "vite build demo",
@@ -46,7 +43,7 @@
   },
   "dependencies": {
     "@bufbuild/protobuf": "^2.2.0",
-    "@opengeni/sdk": "^0.11.0",
+    "@opengeni/sdk": "^0.13.0",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
     "motion": "^12.0.0",
@@ -54,7 +51,8 @@
     "react-markdown": "^10.1.0",
     "react-resizable-panels": "^4.11.2",
     "remark-gfm": "^4.0.1",
-    "tailwind-merge": "^3.5.0"
+    "tailwind-merge": "^3.5.0",
+    "virtua": "^0.49.2"
   },
   "peerDependencies": {
     "@codemirror/lang-css": "^6.0.0",
@@ -68,6 +66,7 @@
     "@uiw/react-codemirror": "^4.23.0",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-web-links": "^0.12.0",
+    "@xterm/addon-webgl": "^0.19.0",
     "@xterm/xterm": "^6.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -106,8 +105,14 @@
     "@xterm/addon-web-links": {
       "optional": true
     },
+    "@xterm/addon-webgl": {
+      "optional": true
+    },
     "@xterm/xterm": {
       "optional": true
     }
+  },
+  "engines": {
+    "node": ">=18"
   }
 }

package/src/approvals.ts

@@ -33,13 +33,22 @@ export type PendingApproval = {
 
 /** The approvals carried by one `session.requiresAction` payload. */
 export function approvalsFromRequiresAction(payload: unknown): PendingApproval[] {
-  const approvals = payload && typeof payload === "object" ? (payload as { approvals?: unknown }).approvals : undefined;
+  const approvals =
+    payload && typeof payload === "object"
+      ? (payload as { approvals?: unknown }).approvals
+      : undefined;
   if (!Array.isArray(approvals)) {
     return [];
   }
   return approvals.map((approval, index) => {
-    const raw = (approval && typeof approval === "object" ? approval : {}) as Record<string, unknown>;
-    const rawItem = raw.rawItem && typeof raw.rawItem === "object" ? raw.rawItem as Record<string, unknown> : {};
+    const raw = (approval && typeof approval === "object" ? approval : {}) as Record<
+      string,
+      unknown
+    >;
+    const rawItem =
+      raw.rawItem && typeof raw.rawItem === "object"
+        ? (raw.rawItem as Record<string, unknown>)
+        : {};
     return {
       id: String(raw.id ?? raw.callId ?? rawItem.callId ?? index),
       name: String(raw.name ?? "approval"),
@@ -61,7 +70,10 @@ export function projectPendingApprovals(events: SessionEvent[]): PendingApproval
         break;
       }
       case "user.approvalDecision": {
-        const payload = event.payload && typeof event.payload === "object" ? event.payload as { approvalId?: unknown } : {};
+        const payload =
+          event.payload && typeof event.payload === "object"
+            ? (event.payload as { approvalId?: unknown })
+            : {};
         if (typeof payload.approvalId === "string") {
           pending = pending.filter((approval) => approval.id !== payload.approvalId);
         }

package/src/client.ts

@@ -11,22 +11,26 @@ export type SessionClientLike = Pick<
   | "getClientConfig"
   // Sessions, events, composer
   | "getSession"
+  | "getSessionLineage"
   | "updateSession"
+  | "updateSessionPin"
   | "listSessions"
+  | "listSessionPage"
   | "sendMessage"
   | "steerMessage"
-  | "interrupt"
+  | "pauseSession"
+  | "resumeSession"
   | "sendApprovalDecision"
   | "listEvents"
   | "streamEvents"
   // Turn queue
+  | "getQueue"
+  | "cancelQueueItem"
   | "listTurns"
-  | "updateQueuedTurn"
-  | "reorderQueuedTurns"
-  | "deleteQueuedTurn"
   // Goal
   | "getGoal"
   | "updateGoal"
+  | "deleteGoal"
   // Operator context controls (/clear, /compact)
   | "clearSessionContext"
   | "compactSessionContext"
@@ -36,13 +40,33 @@ export type SessionClientLike = Pick<
   | "uploadFile"
   | "getFile"
   | "createFileDownloadUrl"
-  // Environments
+  // VariableSets
+  | "listVariableSets"
+  | "createVariableSet"
+  | "updateVariableSet"
+  | "deleteVariableSet"
+  | "setVariableSetVariable"
+  | "deleteVariableSetVariable"
   | "listEnvironments"
   | "createEnvironment"
   | "updateEnvironment"
   | "deleteEnvironment"
   | "setEnvironmentVariable"
   | "deleteEnvironmentVariable"
+  // Rigs
+  | "listRigs"
+  | "createRig"
+  | "getRig"
+  | "updateRig"
+  | "deleteRig"
+  | "listRigVersions"
+  | "activateRigVersion"
+  | "listRigChanges"
+  | "proposeRigChange"
+  | "getRigChange"
+  | "verifyRigChange"
+  | "promoteRigChange"
+  | "verifyRig"
   // Packs
   | "listPacks"
   | "registerPack"
@@ -69,6 +93,9 @@ export type SessionClientLike = Pick<
   | "fsMkdir"
   | "gitStatus"
   | "gitDiff"
+  // Workbench v2 turn-end capture reads (the cold-paint source; M3 consumes these)
+  | "getWorkspaceCapture"
+  | "getWorkspaceCaptureFile"
   | "terminalExec"
   | "terminalPtyOpen"
   | "terminalPtyWrite"

package/src/commands/index.ts

@@ -1,10 +1,4 @@
-export type {
-  CommandContext,
-  CommandResult,
-  Notice,
-  SlashArg,
-  SlashCommand,
-} from "./types";
+export type { CommandContext, CommandResult, Notice, SlashArg, SlashCommand } from "./types";
 export {
   argHint,
   defaultCommands,

package/src/commands/registry.ts

@@ -40,7 +40,10 @@ export function parseCommandLine(value: string): ParsedCommandLine | null {
 const PERMISSION_SUPERUSER: Permission = "workspace:admin";
 
 /** Whether the operator's permission set satisfies a command's gate. */
-export function hasPermission(required: Permission | undefined, permissions: Permission[]): boolean {
+export function hasPermission(
+  required: Permission | undefined,
+  permissions: Permission[],
+): boolean {
   if (!required) {
     return true;
   }
@@ -48,13 +51,18 @@ export function hasPermission(required: Permission | undefined, permissions: Per
 }
 
 /** Match a command (by name or alias) against the value. */
-export function matchCommand(commands: readonly SlashCommand[], value: string): SlashCommand | null {
+export function matchCommand(
+  commands: readonly SlashCommand[],
+  value: string,
+): SlashCommand | null {
   const parsed = parseCommandLine(value);
   if (!parsed) {
     return null;
   }
   const token = parsed.name.toLowerCase();
-  return commands.find((command) => command.name === token || command.aliases?.includes(token)) ?? null;
+  return (
+    commands.find((command) => command.name === token || command.aliases?.includes(token)) ?? null
+  );
 }
 
 type FilterCtx = Pick<CommandContext, "sessionId" | "status" | "permissions">;
@@ -64,7 +72,11 @@ type FilterCtx = Pick<CommandContext, "sessionId" | "status" | "permissions">;
  * `available()===false` commands are dropped entirely (a gated command is never
  * shown, not shown-disabled). Filtering is a prefix match on name/alias.
  */
-export function filterCommands(commands: readonly SlashCommand[], token: string, ctx: FilterCtx): SlashCommand[] {
+export function filterCommands(
+  commands: readonly SlashCommand[],
+  token: string,
+  ctx: FilterCtx,
+): SlashCommand[] {
   const needle = token.toLowerCase();
   return commands.filter((command) => {
     if (!hasPermission(command.permission, ctx.permissions)) {
@@ -76,7 +88,10 @@ export function filterCommands(commands: readonly SlashCommand[], token: string,
     if (needle.length === 0) {
       return true;
     }
-    return command.name.startsWith(needle) || (command.aliases?.some((alias) => alias.startsWith(needle)) ?? false);
+    return (
+      command.name.startsWith(needle) ||
+      (command.aliases?.some((alias) => alias.startsWith(needle)) ?? false)
+    );
   });
 }
 
@@ -139,7 +154,10 @@ export const defaultCommands: readonly SlashCommand[] = [
       // instead so the operator isn't told something happened when nothing did.
       const cleared = ctx.clearView();
       if (!cleared) {
-        return { status: "error", message: "This view can't be cleared here (no local timeline to reset)." };
+        return {
+          status: "error",
+          message: "This view can't be cleared here (no local timeline to reset).",
+        };
       }
       return { status: "ok", message: "Local view cleared." };
     },
@@ -149,7 +167,9 @@ export const defaultCommands: readonly SlashCommand[] = [
     description: "Pause or resume the session's goal loop.",
     permission: "sessions:control",
     available: hasSession,
-    args: [{ name: "action", required: true, oneOf: ["pause", "resume"], description: "pause | resume" }],
+    args: [
+      { name: "action", required: true, oneOf: ["pause", "resume"], description: "pause | resume" },
+    ],
     run: async (args, ctx) => {
       const sessionId = requireSession(ctx);
       const action = args[0];
@@ -157,7 +177,9 @@ export const defaultCommands: readonly SlashCommand[] = [
         return { status: "error", message: "Usage: /goal pause | /goal resume" };
       }
       try {
-        await ctx.client.updateGoal(ctx.workspaceId, sessionId, { status: action === "pause" ? "paused" : "active" });
+        await ctx.client.updateGoal(ctx.workspaceId, sessionId, {
+          status: action === "pause" ? "paused" : "active",
+        });
         return { status: "ok", message: action === "pause" ? "Goal paused." : "Goal resumed." };
       } catch (cause) {
         return { status: "error", message: goalErrorMessage(cause, action) };
@@ -204,14 +226,24 @@ export const defaultCommands: readonly SlashCommand[] = [
 ];
 
 function errorMessage(cause: unknown): string | undefined {
-  if (cause && typeof cause === "object" && "message" in cause && typeof (cause as { message?: unknown }).message === "string") {
+  if (
+    cause &&
+    typeof cause === "object" &&
+    "message" in cause &&
+    typeof (cause as { message?: unknown }).message === "string"
+  ) {
     return (cause as { message: string }).message;
   }
   return undefined;
 }
 
 function statusCode(cause: unknown): number | undefined {
-  if (cause && typeof cause === "object" && "status" in cause && typeof (cause as { status?: unknown }).status === "number") {
+  if (
+    cause &&
+    typeof cause === "object" &&
+    "status" in cause &&
+    typeof (cause as { status?: unknown }).status === "number"
+  ) {
     return (cause as { status: number }).status;
   }
   return undefined;
@@ -223,14 +255,16 @@ function goalErrorMessage(cause: unknown, action: "pause" | "resume"): string {
     return "This session has no goal to control.";
   }
   if (code === 409) {
-    return action === "resume" ? "Only a paused goal can be resumed." : "Goal is already in a terminal state.";
+    return action === "resume"
+      ? "Only a paused goal can be resumed."
+      : "Goal is already in a terminal state.";
   }
   return errorMessage(cause) ?? `Could not ${action} the goal.`;
 }
 
 function clearErrorMessage(cause: unknown): string {
   if (statusCode(cause) === 409) {
-    return "Can't clear context mid-turn — stop the current turn first.";
+    return "Pause the session and wait for the current inference to settle, then clear context.";
   }
   return errorMessage(cause) ?? "Could not clear context.";
 }