@opengeni/react 5.0.4 → 5.0.5-canary.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "5.0.4",
+  "version": "5.0.5-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",
-    "@opengeni/sdk": "^5.0.3",
+    "@opengeni/connect": "^0.2.0-canary.2",
+    "@opengeni/sdk": "^5.0.5-canary.0",
     "clsx": "^2.1.1",
     "dequal": "2.0.3",
     "lucide-react": "^1.8.0",

package/src/components/sandbox-workspace.tsx

@@ -1002,6 +1002,8 @@ export type SandboxWorkspaceProps = ClientOverride & {
    *  omitted the workbench decides from the durable workspace capture. */
   initialTab?: string | undefined;
   onActiveTabChange?: ((activeTab: string) => void) | undefined;
+  /** Open a built-in or host-injected tab. A new requestId reopens the same tab. */
+  openTabRequest?: { tab: string; requestId: number } | null | undefined;
   initialFilePath?: string | null | undefined;
   onFilePathChange?: ((path: string | null) => void) | undefined;
   /** Presentation-only filter for Files tree nodes and selected-file viewing. */
@@ -1061,6 +1063,7 @@ export function SandboxWorkspace(props: SandboxWorkspaceProps): ReactNode {
     trailingTabs,
     initialTab,
     onActiveTabChange,
+    openTabRequest,
     initialFilePath,
     onFilePathChange,
     isFileNodeVisible,
@@ -1102,6 +1105,32 @@ export function SandboxWorkspace(props: SandboxWorkspaceProps): ReactNode {
   const nextFileRequestId = useRef(0);
   const nextComputerRequestId = useRef(0);
   const selectedTab = storedSelection?.sessionId === sessionId ? storedSelection.tab : null;
+  const handledTabRequest = useRef<{ sessionId: string; requestId: number } | null>(null);
+  useEffect(() => {
+    if (
+      !openTabRequest ||
+      (handledTabRequest.current?.sessionId === sessionId &&
+        handledTabRequest.current.requestId === openTabRequest.requestId)
+    )
+      return;
+    const available =
+      [...(leadingTabs ?? []), ...(trailingTabs ?? [])].some(
+        (tab) => tab.id === openTabRequest.tab,
+      ) || (surfaces ?? WORKBENCH_SURFACES).some((tab) => tab === openTabRequest.tab);
+    if (!available) return;
+    handledTabRequest.current = { sessionId, requestId: openTabRequest.requestId };
+    setStoredSelection({ sessionId, tab: openTabRequest.tab });
+    onActiveTabChange?.(openTabRequest.tab);
+    onCollapsedChange?.(false);
+  }, [
+    openTabRequest,
+    sessionId,
+    leadingTabs,
+    trailingTabs,
+    surfaces,
+    onActiveTabChange,
+    onCollapsedChange,
+  ]);
   const activeTabHint = selectedTab ?? initialTab ?? leadingTabs?.[0]?.id ?? null;
   const openFile = useCallback(
     (path: string, line?: number | null) => {

package/src/device-authorization.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState, type ReactNode } from "react";
 import { copyTextToClipboard } from "./clipboard";
 
 export type DeviceAuthorizationProps = {
@@ -10,6 +10,13 @@ export type DeviceAuthorizationProps = {
   codeAttributes?: Record<`data-${string}`, string>;
   loadClipboard?: () => Promise<{ copyTextToClipboard(text: string): Promise<boolean> }>;
   onCopyResult?: (copied: boolean) => void;
+  /** Optional host presentation; clipboard state and URL validation remain shared. */
+  render?: (state: {
+    copied: boolean;
+    copyError: boolean;
+    copy: () => Promise<void>;
+    verificationHref: string | undefined;
+  }) => ReactNode;
 };
 
 /** Optional presentation for the existing model-account device APIs. It neither
@@ -61,6 +68,7 @@ export function DeviceAuthorization(props: DeviceAuthorizationProps) {
   } catch {
     /* A malformed provider URL must never become an executable link. */
   }
+  if (props.render) return props.render({ copied, copyError, copy, verificationHref: href });
   return (
     <section className={`og-connect ${props.className ?? ""}`} aria-label="Device authorization">
       <p>{props.description ?? `Enter this code at ${props.providerLabel ?? "the provider"}.`}</p>