@opengeni/react 7.4.0-canary.36844267522001 → 7.4.0

package/src/components/artifacts/editable-artifact-ui.tsx

@@ -60,12 +60,10 @@ export function EditableArtifactMessage({
   title,
   detail,
   retry,
-  retryLabel = "Retry",
 }: {
   title: string;
   detail: string;
   retry?: (() => void) | undefined;
-  retryLabel?: string | undefined;
 }) {
   return (
     <div className="grid h-full min-h-56 place-items-center bg-og-bg p-6 text-center">
@@ -78,7 +76,7 @@ export function EditableArtifactMessage({
             onClick={retry}
             className="mt-3 rounded-og-sm border border-og-primary-border bg-og-primary text-og-primary-fg px-3 py-1.5 text-og-sm font-medium hover:bg-og-primary-hover outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent"
           >
-            {retryLabel}
+            Retry
           </button>
         ) : null}
       </div>

package/src/components/artifacts/editable-artifact-workbench.tsx

@@ -6,7 +6,6 @@ import {
 } from "@opengeni/sdk/editable-artifacts";
 import { useCallback, useEffect, useRef, useState } from "react";
 
-import { useArtifactLabels } from "./artifact-chrome";
 import { EditableArtifactMessage } from "./editable-artifact-ui";
 import {
   EditableDocumentArtifactSurface,
@@ -134,7 +133,6 @@ export function EditableArtifactWorkbenchHost({
   }, [retryEpoch, sessionKey]);
 
   const retry = useCallback(() => setRetryEpoch((value) => value + 1), []);
-  const labels = useArtifactLabels();
   const currentError = state.key === sessionKey ? state.error : null;
   if (state.key === sessionKey && state.session) {
     return (
@@ -148,10 +146,9 @@ export function EditableArtifactWorkbenchHost({
   }
   return (
     <EditableArtifactMessage
-      title={currentError ? labels.editableErrors.transient.title : labels.opening}
-      detail={currentError?.message ?? labels.startingEditor}
+      title={currentError ? "Could not open this artifact" : "Opening artifact"}
+      detail={currentError?.message ?? "Starting the secure editing session…"}
       retry={currentError ? retry : undefined}
-      retryLabel={labels.retry}
     />
   );
 }

package/src/components/artifacts/editable-document.tsx

@@ -9,7 +9,6 @@ import {
   type EditableArtifactSession,
 } from "@opengeni/sdk/editable-artifacts";
 import { type ReactNode, useCallback, useEffect, useRef, useState } from "react";
-import { useLatestTaskRunner } from "./latest-task-runner";
 
 import {
   DocumentProjectionArtifactSurface,
@@ -88,7 +87,6 @@ export function EditableDocumentArtifactSurface({
     error: null,
   });
   const loadGeneration = useRef(0);
-  const scheduleLoad = useLatestTaskRunner(session);
   const commandStateRef = useRef<DocumentCommandState | null>(null);
   if (commandStateRef.current?.session !== session) {
     commandStateRef.current = {
@@ -109,41 +107,45 @@ export function EditableDocumentArtifactSurface({
         ? { ...current, loading: true, error: null }
         : { session, projection: null, loading: true, error: null },
     );
-    const superseded = () =>
-      cancelled ||
-      generation !== loadGeneration.current ||
-      commandStateRef.current !== commandState;
-    scheduleLoad(async () => {
-      if (superseded()) return;
-      await composeDocumentEditorProjection(session).then(
-        (projection) => {
-          if (superseded()) return;
-          const nextParagraphText = paragraphTextById(projection);
-          for (const [localId, canonicalId] of commandState.optimisticParagraphIds) {
-            if (nextParagraphText.has(canonicalId)) continue;
-            const optimisticText =
-              commandState.paragraphText.get(canonicalId) ??
-              commandState.paragraphText.get(localId);
-            if (optimisticText !== undefined) nextParagraphText.set(canonicalId, optimisticText);
-          }
-          commandState.paragraphText = nextParagraphText;
-          setState({ session, projection, loading: false, error: null });
-        },
-        (cause) => {
-          if (superseded()) return;
-          setState({
-            session,
-            projection: null,
-            loading: false,
-            error: asEditableArtifactError(cause, "Could not open this document"),
-          });
-        },
-      );
-    });
+    void composeDocumentEditorProjection(session).then(
+      (projection) => {
+        if (
+          cancelled ||
+          generation !== loadGeneration.current ||
+          commandStateRef.current !== commandState
+        ) {
+          return;
+        }
+        const nextParagraphText = paragraphTextById(projection);
+        for (const [localId, canonicalId] of commandState.optimisticParagraphIds) {
+          if (nextParagraphText.has(canonicalId)) continue;
+          const optimisticText =
+            commandState.paragraphText.get(canonicalId) ?? commandState.paragraphText.get(localId);
+          if (optimisticText !== undefined) nextParagraphText.set(canonicalId, optimisticText);
+        }
+        commandState.paragraphText = nextParagraphText;
+        setState({ session, projection, loading: false, error: null });
+      },
+      (cause) => {
+        if (
+          cancelled ||
+          generation !== loadGeneration.current ||
+          commandStateRef.current !== commandState
+        ) {
+          return;
+        }
+        setState({
+          session,
+          projection: null,
+          loading: false,
+          error: asEditableArtifactError(cause, "Could not open this document"),
+        });
+      },
+    );
     return () => {
       cancelled = true;
     };
-  }, [commandState, invalidator, retryEpoch, scheduleLoad, session]);
+  }, [commandState, invalidator, retryEpoch, session]);
 
   const refresh = useCallback(() => setRetryEpoch((value) => value + 1), []);
   const writable = !readOnly && view.writable;

package/src/components/artifacts/editable-presentation.tsx

@@ -33,7 +33,6 @@ import {
   type PresentationSlideProjection,
 } from "./presentation-editor";
 import { ArtifactSurface } from "./artifact-surface";
-import { useLatestTaskRunner } from "./latest-task-runner";
 import {
   asEditableArtifactError,
   editableArtifactAccessRevoked,
@@ -106,35 +105,31 @@ export function EditablePresentationArtifactSurface({
     error: null,
   });
   const loadGeneration = useRef(0);
-  const scheduleLoad = useLatestTaskRunner(session);
   const sceneNodes = useRef(new Map<string, PresentationArtifactEditorSceneNode>());
 
   useEffect(() => {
     const generation = ++loadGeneration.current;
     let cancelled = false;
     setState((current) => ({ ...current, loading: true, error: null }));
-    scheduleLoad(async () => {
-      if (cancelled || generation !== loadGeneration.current) return;
-      await composePresentationEditorProjection(session).then(
-        (composed) => {
-          if (cancelled || generation !== loadGeneration.current) return;
-          sceneNodes.current = new Map(composed.sceneNodes);
-          setState({ composed, loading: false, error: null });
-        },
-        (cause) => {
-          if (cancelled || generation !== loadGeneration.current) return;
-          setState({
-            composed: null,
-            loading: false,
-            error: asEditableArtifactError(cause, "Could not open this presentation"),
-          });
-        },
-      );
-    });
+    void composePresentationEditorProjection(session).then(
+      (composed) => {
+        if (cancelled || generation !== loadGeneration.current) return;
+        sceneNodes.current = new Map(composed.sceneNodes);
+        setState({ composed, loading: false, error: null });
+      },
+      (cause) => {
+        if (cancelled || generation !== loadGeneration.current) return;
+        setState({
+          composed: null,
+          loading: false,
+          error: asEditableArtifactError(cause, "Could not open this presentation"),
+        });
+      },
+    );
     return () => {
       cancelled = true;
     };
-  }, [invalidator, retryEpoch, scheduleLoad, session]);
+  }, [invalidator, retryEpoch, session]);
 
   const refresh = useCallback(() => setRetryEpoch((value) => value + 1), []);
   const writable = !readOnly && view.writable;

package/src/components/artifacts/index.ts

@@ -1,44 +1,3 @@
-export {
-  ArtifactBadge,
-  ArtifactLabelsProvider,
-  DEFAULT_ARTIFACT_LABELS,
-  useArtifactLabels,
-  type ArtifactLabels,
-  ArtifactButton,
-  ArtifactLoading,
-  ArtifactProblem,
-  ArtifactSelect,
-  ArtifactViewerHeader,
-  artifactKindIcon,
-  artifactKindSubtitle,
-  artifactLoadErrorMessage,
-  artifactLoadErrorView,
-  type ArtifactKind,
-  type ArtifactLoadErrorKind,
-  type ArtifactLoadErrorView,
-} from "./artifact-chrome";
-export { ArtifactSandbox, type ArtifactSandboxProps } from "./artifact-sandbox";
-export { DeferredChatMedia } from "./deferred-chat-media";
-export {
-  ChatInteractiveBlock,
-  type ChatInteractiveBlockProps,
-  type SiteSnapshotClient,
-  type SiteToolBridgeFactory,
-  type SiteToolScope,
-} from "./chat-interactive-block";
-export { SiteView, type SiteViewProps } from "./site-view";
-export {
-  EditableArtifactView,
-  type EditableArtifactRuntimes,
-  type EditableArtifactViewProps,
-  type OpenedEditableArtifact,
-} from "./editable-artifact-view";
-export {
-  SessionArtifactViewer,
-  type SessionArtifactTarget,
-  type SessionArtifactViewerLabels,
-  type SessionArtifactViewerProps,
-} from "./session-artifact-viewer";
 export {
   ArtifactSurface,
   type ArtifactModality,

package/src/components/browser-viewer.tsx

@@ -208,11 +208,6 @@ export function BrowserViewer({
     () => registry.relevantSessions.filter((session) => isLiveBrowser(session)),
     [registry.relevantSessions],
   );
-  const latestRelevantBrowser = registry.relevantSessions[0];
-  const unavailableBrowser =
-    latestRelevantBrowser?.lifecycle === "lost" || latestRelevantBrowser?.lifecycle === "failed"
-      ? latestRelevantBrowser
-      : undefined;
   const [selection, setSelection] = useState<BrowserSelection>(() =>
     initialBrowserSessionId ? { sessionId: initialBrowserSessionId, pinned: true } : null,
   );
@@ -774,8 +769,7 @@ export function BrowserViewer({
     );
   }
   if (liveSessions.length === 0) {
-    if (renderEmpty && !unavailableBrowser)
-      return <>{renderEmpty(() => createBrowser(), creating)}</>;
+    if (renderEmpty) return <>{renderEmpty(() => createBrowser(), creating)}</>;
     return (
       <div
         className={cn("flex h-full min-h-0 items-center justify-center bg-og-bg p-6", className)}
@@ -784,22 +778,16 @@ export function BrowserViewer({
           <span className="mx-auto grid size-10 place-items-center rounded-og-md border border-og-border bg-og-surface-1 text-og-fg-muted">
             <Globe2Icon className="size-4.5" />
           </span>
-          {unavailableBrowser && !attachedGenerationLoss ? (
-            <BrowserUnavailableNotice session={unavailableBrowser} />
-          ) : (
-            <>
-              <p className="mt-3 text-og-menu font-medium text-og-fg">
-                {attachedGenerationLoss
-                  ? "Chrome reconnected—open a fresh browser/desktop."
-                  : "No browser open"}
-              </p>
-              <p className="mt-1 text-og-control leading-5 text-og-fg-muted">
-                {attachedGenerationLoss
-                  ? "This Chrome profile is live again, but the previous browser cannot move to the new connection. Use Browser → New browser → Connected Chrome."
-                  : "A browser appears here when this agent—or another agent in the workspace—opens one."}
-              </p>
-            </>
-          )}
+          <p className="mt-3 text-og-menu font-medium text-og-fg">
+            {attachedGenerationLoss
+              ? "Chrome reconnected—open a fresh browser/desktop."
+              : "No browser open"}
+          </p>
+          <p className="mt-1 text-og-control leading-5 text-og-fg-muted">
+            {attachedGenerationLoss
+              ? "This Chrome profile is live again, but the previous browser cannot move to the new connection. Use Browser → New browser → Connected Chrome."
+              : "A browser appears here when this agent—or another agent in the workspace—opens one."}
+          </p>
           <BrowserLaunchMenu
             attachedBridges={onlineAttachedBridges}
             attachedDevices={attached.devices}
@@ -867,7 +855,6 @@ export function BrowserViewer({
       />
       {!selectedRegistrySession ? (
         <BrowserUnselectedPanel
-          unavailableBrowser={unavailableBrowser}
           peerCount={liveSessions.length}
           creating={creating}
           onCreate={() => createBrowser()}
@@ -1199,7 +1186,6 @@ function BrowserToolbar(props: {
 }
 
 function BrowserUnselectedPanel(props: {
-  unavailableBrowser: BrowserSession | undefined;
   peerCount: number;
   creating: boolean;
   onCreate: () => void;
@@ -1210,11 +1196,7 @@ function BrowserUnselectedPanel(props: {
         <span className="mx-auto grid size-10 place-items-center rounded-og-md border border-og-border bg-og-surface-1 text-og-fg-muted">
           <Globe2Icon className="size-4.5" />
         </span>
-        {props.unavailableBrowser ? (
-          <BrowserUnavailableNotice session={props.unavailableBrowser} />
-        ) : (
-          <p className="mt-3 text-og-menu font-medium text-og-fg">No browser for this agent</p>
-        )}
+        <p className="mt-3 text-og-menu font-medium text-og-fg">No browser for this agent</p>
         <p className="mt-1 text-og-control leading-5 text-og-fg-muted">
           {props.peerCount === 1
             ? "One workspace browser is available from the browser menu."
@@ -1234,25 +1216,6 @@ function BrowserUnselectedPanel(props: {
   );
 }
 
-function BrowserUnavailableNotice({ session }: { session: BrowserSession }) {
-  const reason =
-    session.failureCode === "provider_deadline_rotation"
-      ? "The computer running it reached its time limit."
-      : session.failureCode === "source_placement_changed"
-        ? "This chat moved to another computer."
-        : session.lifecycle === "failed"
-          ? "It stopped unexpectedly."
-          : "The connection to it was lost.";
-  return (
-    <div role="status">
-      <p className="mt-3 text-og-menu font-medium text-og-fg">Browser unavailable</p>
-      <p className="mt-1 break-words text-og-control leading-5 text-og-fg-muted">
-        {session.name}. {reason} Open a new browser to continue.
-      </p>
-    </div>
-  );
-}
-
 function BrowserSessionGroup(props: {
   label: string;
   sessions: BrowserSession[];
@@ -1756,8 +1719,7 @@ function BrowserProfileMenu(props: {
         ) : null}
         {canSave ? (
           <p className="mt-2 text-[10px] leading-4 text-og-fg-subtle">
-            Saving restarts this browser. Save unfinished work on its pages first; unsaved form
-            entries may be lost. Other open browsers are unchanged.
+            Saving briefly restarts this browser. Other open browsers are unchanged.
           </p>
         ) : null}
       </div>
@@ -2778,14 +2740,13 @@ function BrowserDiagnosticsDrawer(props: {
             id="browser-page-title"
             className="text-[10px] font-semibold uppercase tracking-[0.14em] text-og-fg-subtle"
           >
-            Tab diagnostics
+            Current page
           </h3>
-          <p className="mt-1 text-og-xs text-og-fg-subtle">Includes earlier pages in this tab.</p>
           <dl className="mt-2 grid grid-cols-2 gap-2">
-            <DiagnosticCount label="Console errors" value={diagnostics?.consoleErrorCount} />
-            <DiagnosticCount label="Page errors" value={diagnostics?.pageErrorCount} />
-            <DiagnosticCount label="Failed requests" value={diagnostics?.failedRequestCount} />
-            <DiagnosticCount label="Downloads" value={diagnostics?.downloadCount} />
+            <DiagnosticCount label="Console errors" value={diagnostics?.consoleErrorCount ?? 0} />
+            <DiagnosticCount label="Page errors" value={diagnostics?.pageErrorCount ?? 0} />
+            <DiagnosticCount label="Failed requests" value={diagnostics?.failedRequestCount ?? 0} />
+            <DiagnosticCount label="Downloads" value={diagnostics?.downloadCount ?? 0} />
           </dl>
           {session?.failureCode ? (
             <p className="mt-2 rounded-og-sm border border-og-status-error/30 bg-og-status-error/5 px-2.5 py-2 text-og-xs text-og-danger">
@@ -3083,7 +3044,7 @@ function DiagnosticFact(props: { label: string; value: string }) {
   );
 }
 
-function DiagnosticCount(props: { label: string; value: number | undefined }) {
+function DiagnosticCount(props: { label: string; value: number }) {
   return (
     <div className="rounded-og-sm border border-og-border bg-og-bg px-2.5 py-2">
       <dt className="text-[10px] text-og-fg-subtle">{props.label}</dt>
@@ -3093,7 +3054,7 @@ function DiagnosticCount(props: { label: string; value: number | undefined }) {
           props.value ? "text-og-fg" : "text-og-fg-muted",
         )}
       >
-        {props.value ?? "Unavailable"}
+        {props.value}
       </dd>
     </div>
   );

package/src/components/computer-viewer.tsx

@@ -289,19 +289,13 @@ export function ComputerViewer({
       : null;
   const rfbStream =
     frames.attachment?.stream.kind === "direct_rfb" ? frames.attachment.stream : null;
-  const machineLocked = selectedRegistrySession?.failureCode === "machine_locked";
-  // RFB has one combined input switch; partial native input stays view-only.
-  const rfbInputEnabled =
-    !machineLocked &&
-    computer.session?.capabilities?.pointerInput === true &&
-    computer.session?.capabilities?.keyboardInput === true;
   const rfbCapability = useMemo<DesktopStreamCapability | null>(() => {
     if (!rfbStream || !frames.attachment) return null;
     const bounds = computer.selectedTarget?.bounds;
     return {
       transport: "vnc-ws",
       client: "novnc",
-      mode: rfbInputEnabled ? "interactive" : "read-only",
+      mode: "interactive",
       url: rfbStream.url,
       token: null,
       expiresAt: frames.attachment.expiresAt,
@@ -313,7 +307,8 @@ export function ComputerViewer({
       sharedSessionIds: [],
       reason: null,
     };
-  }, [computer.selectedTarget?.bounds, frames.attachment, rfbInputEnabled, rfbStream]);
+  }, [computer.selectedTarget?.bounds, frames.attachment, rfbStream]);
+  const machineLocked = selectedRegistrySession?.failureCode === "machine_locked";
   const currentIds = useMemo(() => new Set(relevant.map((session) => session.id)), [relevant]);
 
   useEffect(() => {
@@ -457,8 +452,7 @@ export function ComputerViewer({
 
   const copyFromRfb = useCallback(
     (event: ClipboardEvent<HTMLDivElement>) => {
-      if (!rfbInputEnabled || !rfbStream || computer.session?.capabilities?.clipboard !== true)
-        return;
+      if (!rfbStream || computer.session?.capabilities?.clipboard !== true) return;
       event.preventDefault();
       event.stopPropagation();
       void perform({ type: "clipboard", operation: "copy" }, null)
@@ -470,13 +464,12 @@ export function ComputerViewer({
         })
         .catch((cause) => notifyError(cause, "Could not copy from the desktop."));
     },
-    [computer, notifyError, perform, rfbInputEnabled, rfbStream],
+    [computer, notifyError, perform, rfbStream],
   );
 
   const pasteIntoRfb = useCallback(
     (text: string): boolean => {
-      if (!rfbInputEnabled || !rfbStream || computer.session?.capabilities?.clipboard !== true)
-        return false;
+      if (!rfbStream || computer.session?.capabilities?.clipboard !== true) return false;
       // Keep paste on the canonical ComputerSession action path. RFB
       // ClientCutText synchronization varies by server and can acknowledge a
       // local paste without ever updating the remote graphical seat. These two
@@ -491,7 +484,7 @@ export function ComputerViewer({
       })().catch((cause) => notifyError(cause, "Could not paste into the desktop."));
       return true;
     },
-    [computer, notifyError, perform, rfbInputEnabled, rfbStream],
+    [computer, notifyError, perform, rfbStream],
   );
 
   const hideGenericCreate = suppressGenericCreate && liveRelevant.length === 0;
@@ -630,18 +623,13 @@ export function ComputerViewer({
               <div className="relative min-h-0 flex-1 bg-black" onCopyCapture={copyFromRfb}>
                 <DesktopViewer
                   capability={rfbCapability}
-                  interactive={rfbInputEnabled}
+                  interactive
                   showControlToggle={false}
                   webSocketProtocols={rfbStream.protocols}
                   onPasteText={pasteIntoRfb}
                   targetPlatform={computer.session?.platform ?? null}
                   className="h-full"
                 />
-                {!rfbInputEnabled ? (
-                  <div className="pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2 rounded-full border border-white/10 bg-black/70 px-3 py-1 text-[11px] text-white/80 backdrop-blur">
-                    View only · direct input unavailable
-                  </div>
-                ) : null}
               </div>
             ) : (
               <ComputerViewport
@@ -660,8 +648,6 @@ export function ComputerViewer({
                 mutating={computer.mutating}
                 backgroundActions={computer.session?.capabilities?.backgroundActions === true}
                 clipboardEnabled={computer.session?.capabilities?.clipboard === true}
-                pointerInput={computer.session?.capabilities?.pointerInput === true}
-                keyboardInput={computer.session?.capabilities?.keyboardInput === true}
                 onAction={perform}
                 onReadClipboard={computer.readClipboard}
                 onReconnect={
@@ -1025,8 +1011,6 @@ function ComputerViewport(props: {
   mutating: boolean;
   backgroundActions: boolean;
   clipboardEnabled: boolean;
-  pointerInput: boolean;
-  keyboardInput: boolean;
   onAction: (action: ComputerAction, frame: ComputerFrame | null) => Promise<void>;
   onReadClipboard: () => Promise<ComputerClipboard>;
   onReconnect: () => void;
@@ -1086,9 +1070,6 @@ function ComputerViewport(props: {
     if (inputRef.current) inputRef.current.value = "";
   }, []);
 
-  const pointerInputEnabled = rawInputEnabled && props.pointerInput;
-  const keyboardInputEnabled = rawInputEnabled && props.keyboardInput;
-
   const paintQueuedFrames = useCallback(() => {
     if (decodingFrameRef.current) return;
     decodingFrameRef.current = true;
@@ -1178,11 +1159,11 @@ function ComputerViewport(props: {
   }, [clearBufferedInput, paintQueuedFrames, props.frame]);
 
   useLayoutEffect(() => {
-    if (!rawInputEnabled || !props.pointerInput || !props.keyboardInput) {
+    if (!rawInputEnabled) {
       actionQueueEpochRef.current += 1;
       clearBufferedInput();
     }
-  }, [clearBufferedInput, props.keyboardInput, props.pointerInput, rawInputEnabled]);
+  }, [clearBufferedInput, rawInputEnabled]);
 
   const enqueue = useCallback(
     (
@@ -1267,8 +1248,6 @@ function ComputerViewport(props: {
     if (!frame || props.mutating || !rawInputEnabled || event.button !== 0) return;
     // Preserve the keyboard sink's focus through the canvas pointer default action.
     event.preventDefault();
-    if (keyboardInputEnabled) inputRef.current?.focus({ preventScroll: true });
-    if (!pointerInputEnabled) return;
     flushPendingWheel();
     flushPendingText();
     pointerStartRef.current = {
@@ -1278,10 +1257,11 @@ function ComputerViewport(props: {
       frame,
     };
     event.currentTarget.setPointerCapture?.(event.pointerId);
+    inputRef.current?.focus({ preventScroll: true });
   };
 
   const pointerUp = (event: PointerEvent<HTMLCanvasElement>) => {
-    if (!pointerInputEnabled) return;
+    if (!rawInputEnabled) return;
     const start = pointerStartRef.current;
     pointerStartRef.current = null;
     if (!start || start.pointerId !== event.pointerId) return;
@@ -1346,7 +1326,7 @@ function ComputerViewport(props: {
 
   const contextMenu = (event: MouseEvent<HTMLCanvasElement>) => {
     event.preventDefault();
-    if (!pointerInputEnabled) return;
+    if (!rawInputEnabled) return;
     const frame = paintedFrameRef.current;
     if (!frame) return;
     flushPendingWheel();
@@ -1369,7 +1349,7 @@ function ComputerViewport(props: {
   };
 
   const wheel = (event: WheelEvent<HTMLCanvasElement>) => {
-    if (!pointerInputEnabled) return;
+    if (!rawInputEnabled) return;
     const frame = paintedFrameRef.current;
     if (!frame) return;
     const at = point(frame, event.clientX, event.clientY);
@@ -1397,7 +1377,7 @@ function ComputerViewport(props: {
   };
 
   const keyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {
-    if (!keyboardInputEnabled) return;
+    if (!rawInputEnabled) return;
     flushPendingWheel();
     const command = event.metaKey || event.ctrlKey;
     if (
@@ -1418,7 +1398,7 @@ function ComputerViewport(props: {
   };
 
   const copy = (event: ClipboardEvent<HTMLTextAreaElement>) => {
-    if (!props.clipboardEnabled || !keyboardInputEnabled) return;
+    if (!props.clipboardEnabled || !rawInputEnabled) return;
     event.preventDefault();
     flushPendingWheel();
     flushPendingText();
@@ -1435,7 +1415,7 @@ function ComputerViewport(props: {
   };
 
   const paste = (event: ClipboardEvent<HTMLTextAreaElement>) => {
-    if (!props.clipboardEnabled || !keyboardInputEnabled) return;
+    if (!props.clipboardEnabled || !rawInputEnabled) return;
     event.preventDefault();
     flushPendingWheel();
     flushPendingText();
@@ -1452,7 +1432,7 @@ function ComputerViewport(props: {
   };
 
   const input = (value: string) => {
-    if (!value || !keyboardInputEnabled) return;
+    if (!value || !rawInputEnabled) return;
     flushPendingWheel();
     flushPendingClick();
     const pending = pendingTextRef.current;
@@ -1482,7 +1462,7 @@ function ComputerViewport(props: {
         className={cn(
           "absolute inset-0 m-auto max-h-full max-w-full touch-none focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
           !showCanvas && "invisible",
-          !pointerInputEnabled && "cursor-default",
+          !rawInputEnabled && "cursor-default",
         )}
         onPointerDown={pointerDown}
         onPointerUp={pointerUp}
@@ -1505,7 +1485,7 @@ function ComputerViewport(props: {
         autoCapitalize="off"
         autoCorrect="off"
         spellCheck={false}
-        disabled={!keyboardInputEnabled}
+        disabled={!rawInputEnabled}
       />
       {!showCanvas ? (
         <ComputerViewportFallback
@@ -1522,18 +1502,10 @@ function ComputerViewport(props: {
           <LoaderCircleIcon className="size-3 animate-spin" /> Acting
         </div>
       ) : null}
-      {showCanvas && (!rawInputEnabled || !props.pointerInput || !props.keyboardInput) ? (
+      {showCanvas && !rawInputEnabled ? (
         <div className="absolute bottom-3 left-1/2 flex -translate-x-1/2 items-center gap-2 rounded-full border border-white/10 bg-black/70 py-1 pl-3 pr-1 text-[11px] text-white/80 backdrop-blur">
-          <span>
-            {!rawInputEnabled && (props.pointerInput || props.keyboardInput)
-              ? "Background view · use native controls"
-              : !props.pointerInput && !props.keyboardInput
-                ? "View only · mouse and keyboard unavailable"
-                : props.keyboardInput
-                  ? "Keyboard only · mouse unavailable"
-                  : "Mouse only · keyboard unavailable"}
-          </span>
-          {!rawInputEnabled && props.target && (props.pointerInput || props.keyboardInput) ? (
+          <span>Background view · use native controls</span>
+          {props.target ? (
             <button
               type="button"
               disabled={props.mutating}