@opengeni/react 0.46.1 → 0.52.1

package/src/client.ts

@@ -50,6 +50,7 @@ export type SessionClientLike = Pick<
   | "createFileDownloadUrl"
   // VariableSets
   | "listVariableSets"
+  | "getVariableSetVariable"
   | "createVariableSet"
   | "updateVariableSet"
   | "deleteVariableSet"
@@ -79,6 +80,10 @@ export type SessionClientLike = Pick<
   | "listPacks"
   | "registerPack"
   | "enablePack"
+  | "previewPackInstallation"
+  | "installPack"
+  | "previewPackUninstall"
+  | "uninstallPack"
   | "deletePack"
   // Workspaces + billing
   | "listWorkspaces"
@@ -97,8 +102,43 @@ export type SessionClientLike = Pick<
   | "attachViewer"
   | "heartbeatViewer"
   | "detachViewer"
+  // Browser/Computer interaction resources
+  | "listAttachedBrowsers"
+  | "getAttachedBrowser"
+  | "listBrowserIdentities"
+  | "getBrowserIdentity"
+  | "createBrowserIdentity"
+  | "listBrowserRevisions"
+  | "listBrowserSessions"
+  | "getBrowserSession"
+  | "createBrowserSession"
+  | "listBrowserTargets"
+  | "openBrowserTarget"
+  | "selectBrowserTarget"
+  | "closeBrowserTarget"
+  | "observeBrowserTarget"
+  | "actInBrowser"
+  | "getBrowserActionReceipt"
+  | "listBrowserDiagnostics"
+  | "attachBrowserSession"
+  | "heartbeatBrowserSession"
+  | "publishBrowserRevision"
+  | "suspendBrowserSession"
+  | "resumeBrowserSession"
+  | "endBrowserSession"
+  | "listComputerSessions"
+  | "getComputerSession"
+  | "createComputerSession"
+  | "listComputerTargets"
+  | "observeComputerTarget"
+  | "actInComputer"
+  | "getComputerActionReceipt"
+  | "attachComputerSession"
+  | "heartbeatComputerSession"
+  | "endComputerSession"
   // Channel-A structured services (terminal-as-events feed via fs/git/terminal)
   | "fsList"
+  | "fsListBatch"
   | "fsRead"
   | "fsWrite"
   | "fsDelete"
@@ -106,6 +146,7 @@ export type SessionClientLike = Pick<
   | "fsMkdir"
   | "gitStatus"
   | "gitDiff"
+  | "gitReadBatch"
   // Workbench v2 turn-end capture reads (the cold-paint source; M3 consumes these)
   | "getWorkspaceCapture"
   | "getWorkspaceCaptureFile"
@@ -114,7 +155,8 @@ export type SessionClientLike = Pick<
   | "terminalPtyWrite"
   | "terminalPtyResize"
   | "terminalPtyClose"
->;
+> &
+  Partial<Pick<OpenGeniClient, "createVideoArtifactPlaybackSource">>;
 
 /**
  * Tenant-safe client surface required by the session-only React entry.
@@ -184,3 +226,50 @@ export type EmbeddedRealtimeSessionClientLike = Pick<
   | "syncSessionRealtimeLedger"
   | "endSessionRealtime"
 >;
+
+/** Exact public SDK surface required by BrowserSession hooks and components. */
+export type EmbeddedBrowserInteractionClientLike = Pick<
+  OpenGeniClient,
+  | "listAttachedBrowsers"
+  | "getAttachedBrowser"
+  | "listBrowserIdentities"
+  | "getBrowserIdentity"
+  | "createBrowserIdentity"
+  | "listBrowserRevisions"
+  | "listBrowserSessions"
+  | "getBrowserSession"
+  | "createBrowserSession"
+  | "listBrowserTargets"
+  | "openBrowserTarget"
+  | "selectBrowserTarget"
+  | "closeBrowserTarget"
+  | "observeBrowserTarget"
+  | "actInBrowser"
+  | "getBrowserActionReceipt"
+  | "listBrowserDiagnostics"
+  | "attachBrowserSession"
+  | "heartbeatBrowserSession"
+  | "publishBrowserRevision"
+  | "suspendBrowserSession"
+  | "resumeBrowserSession"
+  | "endBrowserSession"
+>;
+
+/** Exact public SDK surface required by ComputerSession hooks and components. */
+export type EmbeddedComputerInteractionClientLike = Pick<
+  OpenGeniClient,
+  | "listComputerSessions"
+  | "getComputerSession"
+  | "createComputerSession"
+  | "listComputerTargets"
+  | "observeComputerTarget"
+  | "actInComputer"
+  | "getComputerActionReceipt"
+  | "attachComputerSession"
+  | "heartbeatComputerSession"
+  | "endComputerSession"
+>;
+
+/** Complete public Browser + Computer interaction surface. */
+export type EmbeddedInteractionClientLike = EmbeddedBrowserInteractionClientLike &
+  EmbeddedComputerInteractionClientLike;

package/src/clipboard.ts

@@ -0,0 +1,2 @@
+// @opengeni/react/clipboard — narrow clipboard helpers without the root UI barrel.
+export { copyTextToClipboard } from "./lib/clipboard";

package/src/components/artifacts/artifact-surface.tsx

@@ -0,0 +1,93 @@
+import {
+  FileSpreadsheetIcon,
+  FileTextIcon,
+  LoaderCircleIcon,
+  PresentationIcon,
+} from "lucide-react";
+import type { ReactNode } from "react";
+
+import { cn } from "../../lib/cn";
+
+export type ArtifactModality = "spreadsheet" | "document" | "presentation";
+
+export type ArtifactSurfaceProps = {
+  modality: ArtifactModality;
+  title: string;
+  subtitle?: ReactNode | undefined;
+  actions?: ReactNode | undefined;
+  children: ReactNode;
+  footer?: ReactNode | undefined;
+  busy?: boolean | undefined;
+  className?: string | undefined;
+};
+
+const MODALITY_LABEL: Record<ArtifactModality, string> = {
+  spreadsheet: "Spreadsheet",
+  document: "Document",
+  presentation: "Presentation",
+};
+
+function ModalityIcon({ modality }: { modality: ArtifactModality }) {
+  switch (modality) {
+    case "spreadsheet":
+      return <FileSpreadsheetIcon className="size-4" />;
+    case "document":
+      return <FileTextIcon className="size-4" />;
+    case "presentation":
+      return <PresentationIcon className="size-4" />;
+  }
+}
+
+/**
+ * Modality-neutral artifact chrome. It deliberately owns no file, session, or
+ * persistence state: hosts can use the same surface for a local draft, a
+ * durable OpenGeni artifact, or a collaborative projection.
+ */
+export function ArtifactSurface({
+  modality,
+  title,
+  subtitle,
+  actions,
+  children,
+  footer,
+  busy = false,
+  className,
+}: ArtifactSurfaceProps) {
+  return (
+    <section
+      aria-label={`${MODALITY_LABEL[modality]}: ${title}`}
+      aria-busy={busy || undefined}
+      data-og-artifact-modality={modality}
+      className={cn(
+        "og-root flex h-full min-h-0 min-w-0 flex-col overflow-hidden rounded-og-lg border border-og-border bg-og-surface-1 text-og-fg shadow-og-md",
+        className,
+      )}
+    >
+      <header className="flex min-h-11 shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-2 px-3">
+        <span
+          aria-hidden
+          className="grid size-7 shrink-0 place-items-center rounded-og-sm bg-og-surface-3 text-og-fg-muted"
+        >
+          <ModalityIcon modality={modality} />
+        </span>
+        <div className="min-w-0 flex-1">
+          <h2 className="truncate text-og-base font-medium text-og-fg">{title}</h2>
+          {subtitle ? <div className="truncate text-og-xs text-og-fg-muted">{subtitle}</div> : null}
+        </div>
+        {busy ? (
+          <LoaderCircleIcon
+            aria-label="Updating artifact"
+            className="size-4 shrink-0 animate-spin text-og-fg-muted"
+          />
+        ) : null}
+        {actions ? <div className="flex shrink-0 items-center gap-1">{actions}</div> : null}
+      </header>
+
+      <div className="min-h-0 min-w-0 flex-1">{children}</div>
+
+      {footer ? (
+        <footer className="shrink-0 border-t border-og-border bg-og-surface-2">{footer}</footer>
+      ) : null}
+    </section>
+  );
+}