chore: remove computer use

src/components/computer-use/index.ts

@@ -1 +0,0 @@
-export { default as ComputerUsePanel } from './view/ComputerUsePanel';

src/components/computer-use/view/ComputerUsePanel.tsx

@@ -1,537 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState, type KeyboardEvent, type MouseEvent } from 'react';
-import { Bot, Camera, Download, Expand, Loader2, MonitorCog, RefreshCw, Settings, ShieldCheck, Square, Trash2, X } from 'lucide-react';
-
-import { cn } from '../../../lib/utils';
-import { Badge, Button } from '../../../shared/view/ui';
-import { authenticatedFetch } from '../../../utils/api';
-import type { SettingsMainTab } from '../../settings/types/types';
-
-type ComputerUseStatus = {
-  enabled: boolean;
-  runtime: 'cloud' | 'local';
-  available: boolean;
-  desktopAgentConnected?: boolean;
-  desktopAgentCount?: number;
-  nutInstalled: boolean;
-  screenshotInstalled: boolean;
-  installInProgress: boolean;
-  sessionCount: number;
-  message: string;
-};
-
-type ComputerUseSession = {
-  id: string;
-  status: 'ready' | 'stopped' | 'unavailable';
-  screenshotDataUrl: string | null;
-  createdAt: string;
-  updatedAt: string;
-  lastAction: string | null;
-  message: string | null;
-  agentAccessEnabled: boolean;
-  createdBy: 'user' | 'agent';
-  displaySize: {
-    width: number;
-    height: number;
-  } | null;
-  cursor: {
-    x: number;
-    y: number;
-    actor: 'agent' | 'user';
-  } | null;
-};
-
-type ComputerUsePanelProps = {
-  isVisible: boolean;
-  onShowSettings?: (tab?: SettingsMainTab) => void;
-};
-
-async function readJson<T>(response: Response): Promise<T> {
-  const data = await response.json();
-  if (!response.ok || data.success === false) {
-    throw new Error(data.error || data.details || `Request failed (${response.status})`);
-  }
-  return data as T;
-}
-
-function getRuntimeTone(status: ComputerUseStatus | null, installing: boolean): string {
-  if (!status?.enabled) return 'border-border bg-muted text-muted-foreground';
-  if (status.runtime === 'cloud') {
-    return status.desktopAgentConnected
-      ? 'border-primary/30 bg-primary/5 text-foreground'
-      : 'border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300';
-  }
-  if (status.available) return 'border-primary/30 bg-primary/5 text-foreground';
-  if (status.installInProgress || installing) return 'border-primary/30 bg-primary/5 text-foreground';
-  return 'border-border bg-background text-muted-foreground';
-}
-
-function getRuntimeLabel(status: ComputerUseStatus | null, installing: boolean): string {
-  if (!status?.enabled) return 'Disabled';
-  if (status.runtime === 'cloud') {
-    const count = status.desktopAgentCount ?? (status.desktopAgentConnected ? 1 : 0);
-    if (count > 1) return `${count} desktops linked`;
-    if (count === 1) return 'Desktop linked';
-    return 'Desktop not linked';
-  }
-  if (status.available) return 'Ready';
-  if (status.installInProgress || installing) return 'Installing';
-  return 'Setup required';
-}
-
-export default function ComputerUsePanel({ isVisible, onShowSettings }: ComputerUsePanelProps) {
-  const [status, setStatus] = useState<ComputerUseStatus | null>(null);
-  const [sessions, setSessions] = useState<ComputerUseSession[]>([]);
-  const [selectedSessionId, setSelectedSessionId] = useState<string | null>(null);
-  const [isRefreshing, setIsRefreshing] = useState(false);
-  const [isBusy, setIsBusy] = useState(false);
-  const [isInstalling, setIsInstalling] = useState(false);
-  const [isFullscreen, setIsFullscreen] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const viewerRef = useRef<HTMLDivElement | null>(null);
-
-  const selectedSession = useMemo(
-    () => sessions.find((session) => session.id === selectedSessionId) || sessions[0] || null,
-    [selectedSessionId, sessions],
-  );
-
-  const refresh = useCallback(async () => {
-    setIsRefreshing(true);
-    try {
-      const [statusResponse, sessionsResponse] = await Promise.all([
-        authenticatedFetch('/api/computer-use/status'),
-        authenticatedFetch('/api/computer-use/sessions'),
-      ]);
-      const statusData = await readJson<{ data: ComputerUseStatus }>(statusResponse);
-      const sessionsData = await readJson<{ data: { sessions: ComputerUseSession[] } }>(sessionsResponse);
-      setStatus(statusData.data);
-      setSessions(sessionsData.data.sessions);
-      setSelectedSessionId((current) => (
-        current && sessionsData.data.sessions.some((session) => session.id === current)
-          ? current
-          : sessionsData.data.sessions[0]?.id || null
-      ));
-      setError(null);
-    } finally {
-      setIsRefreshing(false);
-    }
-  }, []);
-
-  useEffect(() => {
-    if (!isVisible) return;
-    void refresh().catch((err) => setError(err instanceof Error ? err.message : 'Failed to load Computer Use'));
-  }, [isVisible, refresh]);
-
-  const handleRefresh = useCallback(() => {
-    void refresh().catch((err) => setError(err instanceof Error ? err.message : 'Failed to refresh Computer Use'));
-  }, [refresh]);
-
-  // Poll while an active session exists so agent-driven changes show up live.
-  useEffect(() => {
-    if (!isVisible || !selectedSession || selectedSession.status !== 'ready') return;
-    const timer = window.setInterval(() => {
-      void refresh().catch(() => undefined);
-    }, 1500);
-    return () => window.clearInterval(timer);
-  }, [isVisible, selectedSession, refresh]);
-
-  const runAction = useCallback(async (action: () => Promise<void>) => {
-    setIsBusy(true);
-    setError(null);
-    try {
-      await action();
-      await refresh();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Computer Use action failed');
-    } finally {
-      setIsBusy(false);
-    }
-  }, [refresh]);
-
-  const captureScreenshot = () => runAction(async () => {
-    if (!selectedSession) return;
-    const response = await authenticatedFetch(`/api/computer-use/sessions/${selectedSession.id}/screenshot`, { method: 'POST' });
-    await readJson(response);
-  });
-
-  const stopSession = () => runAction(async () => {
-    if (!selectedSession) return;
-    const response = await authenticatedFetch(`/api/computer-use/sessions/${selectedSession.id}/stop`, { method: 'POST' });
-    await readJson(response);
-  });
-
-  const deleteSession = () => runAction(async () => {
-    if (!selectedSession) return;
-    const response = await authenticatedFetch(`/api/computer-use/sessions/${selectedSession.id}`, { method: 'DELETE' });
-    await readJson(response);
-    setIsFullscreen(false);
-  });
-
-  const grantControl = () => runAction(async () => {
-    if (!selectedSession) return;
-    const response = await authenticatedFetch(`/api/computer-use/sessions/${selectedSession.id}/consent/grant`, { method: 'POST' });
-    await readJson(response);
-  });
-
-  const revokeControl = () => runAction(async () => {
-    if (!selectedSession) return;
-    const response = await authenticatedFetch(`/api/computer-use/sessions/${selectedSession.id}/consent/revoke`, { method: 'POST' });
-    await readJson(response);
-  });
-
-  const installRuntime = () => runAction(async () => {
-    setIsInstalling(true);
-    try {
-      const response = await authenticatedFetch('/api/computer-use/runtime/install', { method: 'POST' });
-      await readJson(response);
-    } finally {
-      setIsInstalling(false);
-    }
-  });
-
-  const clickViewer = useCallback((event: MouseEvent<HTMLImageElement>) => {
-    if (!selectedSession || selectedSession.status !== 'ready' || !selectedSession.displaySize) {
-      return;
-    }
-    viewerRef.current?.focus();
-
-    const bounds = event.currentTarget.getBoundingClientRect();
-    const scaleX = selectedSession.displaySize.width / bounds.width;
-    const scaleY = selectedSession.displaySize.height / bounds.height;
-    const x = Math.round((event.clientX - bounds.left) * scaleX);
-    const y = Math.round((event.clientY - bounds.top) * scaleY);
-
-    void runAction(async () => {
-      const response = await authenticatedFetch(`/api/computer-use/sessions/${selectedSession.id}/click`, {
-        method: 'POST',
-        body: JSON.stringify({ x, y, double: event.detail === 2 }),
-      });
-      await readJson(response);
-    });
-  }, [runAction, selectedSession]);
-
-  const keyForEvent = useCallback((event: KeyboardEvent<HTMLDivElement>) => {
-    if (event.key === ' ') return 'Space';
-    const parts: string[] = [];
-    if (event.ctrlKey) parts.push('ctrl');
-    if (event.altKey) parts.push('alt');
-    if (event.shiftKey && event.key.length > 1) parts.push('shift');
-    if (event.metaKey) parts.push('meta');
-    parts.push(event.key);
-    return parts.join('+');
-  }, []);
-
-  const pressViewerKey = useCallback((event: KeyboardEvent<HTMLDivElement>) => {
-    if (!selectedSession || selectedSession.status !== 'ready') {
-      return;
-    }
-
-    const ignoredKeys = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock']);
-    if (ignoredKeys.has(event.key)) {
-      return;
-    }
-
-    event.preventDefault();
-    const key = keyForEvent(event);
-    void runAction(async () => {
-      const response = await authenticatedFetch(`/api/computer-use/sessions/${selectedSession.id}/press-key`, {
-        method: 'POST',
-        body: JSON.stringify({ key }),
-      });
-      await readJson(response);
-    });
-  }, [keyForEvent, runAction, selectedSession]);
-
-  const needsRuntime = Boolean(status?.enabled && status.runtime === 'local' && (!status.nutInstalled || !status.screenshotInstalled));
-  const isCloud = status?.runtime === 'cloud';
-  const desktopAgentCount = status?.desktopAgentCount ?? (status?.desktopAgentConnected ? 1 : 0);
-  const runtimeLabel = getRuntimeLabel(status, isInstalling);
-
-  const cursorStyle = selectedSession?.cursor && selectedSession.displaySize
-    ? {
-      left: `${(selectedSession.cursor.x / selectedSession.displaySize.width) * 100}%`,
-      top: `${(selectedSession.cursor.y / selectedSession.displaySize.height) * 100}%`,
-    }
-    : null;
-
-  const renderSurface = (fullscreen = false) => (
-    <div
-      ref={viewerRef}
-      tabIndex={selectedSession?.status === 'ready' ? 0 : -1}
-      onKeyDown={pressViewerKey}
-      className={`flex min-h-[360px] flex-1 items-center justify-center bg-neutral-950 outline-none ${fullscreen ? 'min-h-[80vh]' : ''}`}
-    >
-      {selectedSession?.screenshotDataUrl ? (
-        <div className="relative inline-block max-h-full">
-          <img
-            src={selectedSession.screenshotDataUrl}
-            alt="Desktop screenshot"
-            className={fullscreen ? 'block max-h-[80vh] w-auto max-w-full object-contain' : 'block max-h-[70vh] w-auto max-w-full object-contain'}
-            onClick={clickViewer}
-          />
-          {cursorStyle && (
-            <div
-              className="pointer-events-none absolute h-5 w-5 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white/90 bg-sky-500/80 shadow-[0_0_0_6px_rgba(14,165,233,0.18)]"
-              style={cursorStyle}
-            >
-              <div className="absolute left-1/2 top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white" />
-            </div>
-          )}
-        </div>
-      ) : (
-        <div className="max-w-md px-6 text-center">
-          <MonitorCog className="mx-auto h-10 w-10 text-neutral-500" />
-          <div className="mt-3 text-sm font-medium text-neutral-100">
-            {selectedSession?.message || 'No active Computer Use session.'}
-          </div>
-          <p className="mt-2 text-xs leading-relaxed text-neutral-400">
-            {isCloud
-              ? 'Agents create sessions automatically. Keep the CloudCLI desktop app connected to approve control requests.'
-              : 'Agents create sessions automatically. Enable Computer Use and install the local runtime if needed.'}
-          </p>
-        </div>
-      )}
-    </div>
-  );
-
-  return (
-    <div className="flex h-full min-h-0 flex-col bg-background">
-      <div className="flex flex-wrap items-center justify-between gap-3 border-b border-border/60 px-4 py-3">
-        <div className="min-w-0">
-          <div className="flex items-center gap-2">
-            <MonitorCog className="h-4 w-4 text-primary" />
-            <h3 className="text-sm font-semibold text-foreground">Computer Use</h3>
-            <Badge variant="outline" className={cn('text-[10px]', getRuntimeTone(status, isInstalling))}>
-              {runtimeLabel}
-            </Badge>
-          </div>
-          <p className="mt-0.5 text-xs text-muted-foreground">
-            {isCloud
-              ? 'Monitor cloud agent desktop sessions and linked desktops.'
-              : 'Monitor local desktop sessions and grant control only when an agent needs it.'}
-          </p>
-        </div>
-        <div className="flex items-center gap-1.5">
-          {onShowSettings && (
-            <Button
-              variant="ghost"
-              size="sm"
-              className="h-7 w-7 p-0"
-              onClick={() => onShowSettings('computer')}
-              title="Open Computer Use settings"
-              aria-label="Open Computer Use settings"
-            >
-              <Settings className="h-3.5 w-3.5" />
-            </Button>
-          )}
-          <Button
-            variant="ghost"
-            size="sm"
-            className="h-7 w-7 p-0"
-            onClick={handleRefresh}
-            disabled={isRefreshing || isBusy}
-            title="Refresh Computer Use"
-            aria-label="Refresh Computer Use"
-          >
-            <RefreshCw className={cn('h-3.5 w-3.5', isRefreshing && 'animate-spin')} />
-          </Button>
-        </div>
-      </div>
-
-      <div className="grid min-h-0 flex-1 grid-cols-1 lg:grid-cols-[300px_minmax(0,1fr)]">
-        <aside className="border-b border-border/60 p-3 lg:border-b-0 lg:border-r">
-          {isCloud && (
-            <div className="rounded-lg border border-border/70 bg-card/40 p-3">
-              <div className="flex items-start justify-between gap-3">
-                <div className="min-w-0">
-                  <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">Cloud desktop access</div>
-                  <div className="mt-1 text-sm font-medium text-foreground">{runtimeLabel}</div>
-                </div>
-                <Badge variant="outline" className={cn('shrink-0 text-[10px]', getRuntimeTone(status, isInstalling))}>
-                  {desktopAgentCount > 0 ? `${desktopAgentCount} linked` : 'Not linked'}
-                </Badge>
-              </div>
-              <p className="mt-2 text-xs leading-relaxed text-muted-foreground">
-                {desktopAgentCount > 1
-                  ? 'More than one CloudCLI Desktop app is linked. Agents will use one available desktop.'
-                  : desktopAgentCount === 1
-                    ? 'CloudCLI Desktop is connected. Approval prompts appear on that computer.'
-                    : 'Open CloudCLI Desktop on the computer you want agents to use, connect the same account, and enable Computer Use.'}
-              </p>
-            </div>
-          )}
-
-          {needsRuntime && (
-            <div className={cn('rounded-lg border border-border/70 bg-card/40 p-3', isCloud && 'mt-3')}>
-              <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">Desktop runtime required</div>
-              <p className="mt-2 text-xs leading-relaxed text-muted-foreground">
-                {status?.message || 'Install the desktop control runtime to enable Computer Use.'}
-              </p>
-              <div className="mt-3 flex flex-wrap gap-2 text-xs text-muted-foreground">
-                <span className="rounded-md border border-border px-2 py-1">
-                  Control lib: {status?.nutInstalled ? 'installed' : 'missing'}
-                </span>
-                <span className="rounded-md border border-border px-2 py-1">
-                  Screen capture: {status?.screenshotInstalled ? 'installed' : 'missing'}
-                </span>
-              </div>
-              <Button
-                type="button"
-                size="sm"
-                className="mt-3 w-full"
-                onClick={installRuntime}
-                disabled={isBusy || isInstalling || status?.installInProgress}
-              >
-                {isInstalling || status?.installInProgress ? (
-                  <Loader2 className="h-4 w-4 animate-spin" />
-                ) : (
-                  <Download className="h-4 w-4" />
-                )}
-                {isInstalling || status?.installInProgress ? 'Installing…' : 'Install Runtime'}
-              </Button>
-            </div>
-          )}
-
-          <div className="mt-3 space-y-2">
-            <div className="rounded-lg border border-border/70 bg-muted/30 p-3 text-xs leading-relaxed text-muted-foreground">
-              <div className="flex items-center gap-1.5 font-medium text-foreground">
-                <ShieldCheck className="h-3.5 w-3.5" />
-                Safety
-              </div>
-              {isCloud ? (
-                <p className="mt-1.5">
-                  Agents create sessions automatically through MCP. The CloudCLI desktop app asks for approval on this
-                  computer, and <span className="font-medium text-foreground">Stop</span> ends the session and clears access.
-                </p>
-              ) : (
-                <p className="mt-1.5">
-                  Agents create sessions automatically through MCP but cannot act until you grant control here. Use
-                  <span className="font-medium text-foreground"> Grant Control </span>
-                  to allow agent actions, and
-                  <span className="font-medium text-foreground"> Stop </span>
-                  to revoke instantly.
-                </p>
-              )}
-            </div>
-            {sessions.map((session) => (
-              <button
-                key={session.id}
-                type="button"
-                onClick={() => setSelectedSessionId(session.id)}
-                className={`w-full rounded-lg border px-3 py-2 text-left text-sm transition-colors ${selectedSession?.id === session.id
-                  ? 'border-primary/50 bg-primary/10 text-foreground'
-                  : 'border-border/60 bg-card/30 text-muted-foreground hover:bg-muted/50'
-                }`}
-              >
-                <div className="flex items-center justify-between gap-2">
-                  <span className="truncate font-medium">
-                    {session.createdBy === 'agent' ? 'Agent session' : 'Desktop session'}
-                  </span>
-                  <Badge variant="outline" className="text-[10px]">{session.status}</Badge>
-                </div>
-                <div className="mt-1 flex flex-wrap gap-1">
-                  {session.agentAccessEnabled ? (
-                    <span className="rounded border border-emerald-500/30 px-1.5 py-0.5 text-[10px] text-emerald-600 dark:text-emerald-300">
-                      control granted
-                    </span>
-                  ) : (
-                    <span className="rounded border border-amber-500/30 px-1.5 py-0.5 text-[10px] text-amber-600 dark:text-amber-300">
-                      awaiting consent
-                    </span>
-                  )}
-                </div>
-                <div className="mt-1 truncate text-xs">{session.lastAction || session.message || session.id}</div>
-              </button>
-            ))}
-            {sessions.length === 0 && (
-              <div className="rounded-lg border border-dashed border-border/70 px-3 py-8 text-center text-xs text-muted-foreground">
-                Agents will create sessions automatically when they need desktop access.
-              </div>
-            )}
-          </div>
-        </aside>
-
-        <main className="flex min-h-0 flex-col">
-          <div className="flex flex-wrap items-center gap-2 border-b border-border/60 px-3 py-2">
-            <Button variant="outline" size="sm" onClick={captureScreenshot} disabled={isBusy || !selectedSession || selectedSession.status !== 'ready'}>
-              <Camera className="h-4 w-4" />
-              Screenshot
-            </Button>
-            {!isCloud && selectedSession?.agentAccessEnabled ? (
-              <Button variant="outline" size="sm" onClick={revokeControl} disabled={isBusy || !selectedSession}>
-                <X className="h-4 w-4" />
-                Revoke Control
-              </Button>
-            ) : !isCloud ? (
-              <Button
-                variant="outline"
-                size="sm"
-                onClick={grantControl}
-                disabled={isBusy || !selectedSession || selectedSession.status !== 'ready' || !status?.enabled}
-              >
-                <Bot className="h-4 w-4" />
-                Grant Control
-              </Button>
-            ) : null}
-            <Button variant="outline" size="sm" onClick={() => setIsFullscreen(true)} disabled={!selectedSession?.screenshotDataUrl}>
-              <Expand className="h-4 w-4" />
-              Full Screen
-            </Button>
-            <Button variant="outline" size="sm" onClick={stopSession} disabled={isBusy || !selectedSession || selectedSession.status !== 'ready'}>
-              <Square className="h-4 w-4" />
-              Stop
-            </Button>
-            <Button variant="outline" size="sm" onClick={deleteSession} disabled={isBusy || !selectedSession}>
-              <Trash2 className="h-4 w-4" />
-              Delete
-            </Button>
-          </div>
-
-          {error && (
-            <div className="border-b border-red-200 bg-red-50 px-4 py-2 text-sm text-red-700 dark:border-red-900/50 dark:bg-red-950/30 dark:text-red-200">
-              {error}
-            </div>
-          )}
-
-          <div className="min-h-0 flex-1 overflow-auto bg-muted/20 p-4">
-            <div className="mx-auto flex min-h-[420px] max-w-6xl flex-col overflow-hidden rounded-lg border border-border bg-background shadow-sm">
-              <div className="flex items-center gap-2 border-b border-border/60 px-3 py-2 text-xs text-muted-foreground">
-                <MonitorCog className="h-3.5 w-3.5" />
-                <span className="truncate">
-                  {selectedSession?.displaySize
-                    ? `${selectedSession.displaySize.width}×${selectedSession.displaySize.height}`
-                    : 'No screen captured'}
-                </span>
-                {selectedSession?.agentAccessEnabled && (
-                  <span className="ml-auto inline-flex items-center gap-1 rounded border border-emerald-500/30 px-2 py-0.5 text-emerald-600 dark:text-emerald-300">
-                    <Bot className="h-3.5 w-3.5" />
-                    {isCloud ? 'Desktop-approved session' : 'Agent control active'}
-                  </span>
-                )}
-              </div>
-              {renderSurface()}
-            </div>
-            <p className="mx-auto mt-2 max-w-6xl text-center text-xs text-muted-foreground">
-              {selectedSession
-                ? 'Click the screenshot to click the real desktop. Focus the view and type to send keystrokes.'
-                : 'Computer Use sessions appear here after an agent requests desktop access.'}
-            </p>
-          </div>
-        </main>
-      </div>
-      {isFullscreen && selectedSession && (
-        <div className="fixed inset-0 z-50 bg-black/90 p-6">
-          <div className="flex h-full flex-col rounded-lg border border-white/10 bg-black">
-            <div className="flex items-center justify-between border-b border-white/10 px-4 py-3 text-sm text-white/80">
-              <div className="min-w-0 truncate">Desktop session</div>
-              <Button variant="outline" size="sm" onClick={() => setIsFullscreen(false)}>
-                <X className="h-4 w-4" />
-                Close
-              </Button>
-            </div>
-            {renderSurface(true)}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}

src/components/main-content/types/types.ts

@@ -66,7 +66,6 @@ export type MainContentHeaderProps = {
   selectedSession: ProjectSession | null;
   shouldShowTasksTab: boolean;
   shouldShowBrowserTab: boolean;
-  shouldShowComputerTab: boolean;
   isMobile: boolean;
   onMenuClick: () => void;
 };

src/components/main-content/view/MainContent.tsx

@@ -6,14 +6,12 @@ import StandaloneShell from '../../standalone-shell/view/StandaloneShell';
 import GitPanel from '../../git-panel/view/GitPanel';
 import PluginTabContent from '../../plugins/view/PluginTabContent';
 import { BrowserUsePanel } from '../../browser-use';
-import { ComputerUsePanel } from '../../computer-use';
 import type { MainContentProps } from '../types/types';
 import { useTaskMaster } from '../../../contexts/TaskMasterContext';
 import { usePaletteOpsRegister } from '../../../contexts/PaletteOpsContext';
 import { useTasksSettings } from '../../../contexts/TasksSettingsContext';
 import { useUiPreferences } from '../../../hooks/useUiPreferences';
 import { useFileOpenResolver } from '../../../hooks/useFileOpenResolver';
-import { COMPUTER_USE_MENUS_ENABLED } from '../../../constants/featureFlags';
 import { authenticatedFetch } from '../../../utils/api';
 import { useEditorSidebar } from '../../code-editor/hooks/useEditorSidebar';
 import EditorSidebar from '../../code-editor/view/EditorSidebar';
@@ -61,11 +59,9 @@ function MainContent({
   const { currentProject, setCurrentProject } = useTaskMaster() as TaskMasterContextValue;
   const { tasksEnabled, isTaskMasterInstalled } = useTasksSettings() as TasksSettingsContextValue;
   const [browserUseEnabled, setBrowserUseEnabled] = useState(false);
-  const [computerUseEnabled, setComputerUseEnabled] = useState<boolean | undefined>(undefined);
 
   const shouldShowTasksTab = Boolean(tasksEnabled && isTaskMasterInstalled);
   const shouldShowBrowserTab = browserUseEnabled;
-  const shouldShowComputerTab = COMPUTER_USE_MENUS_ENABLED && computerUseEnabled === true;
 
   const {
     editingFile,
@@ -125,60 +121,6 @@ function MainContent({
     }
   }, [shouldShowBrowserTab, activeTab, setActiveTab]);
 
-  const loadComputerUseSettings = useCallback(async () => {
-    try {
-      const [settingsResponse, statusResponse] = await Promise.allSettled([
-        authenticatedFetch('/api/computer-use/settings'),
-        authenticatedFetch('/api/computer-use/status'),
-      ]);
-      const settingsRes = settingsResponse.status === 'fulfilled' ? settingsResponse.value : null;
-      const statusRes = statusResponse.status === 'fulfilled' ? statusResponse.value : null;
-      const readJson = async (response: Response | null) => {
-        if (!response) return null;
-        try {
-          return await response.json();
-        } catch {
-          return null;
-        }
-      };
-      const settingsData = await readJson(settingsRes);
-      const statusData = await readJson(statusRes);
-      const runtime = statusData?.data?.runtime;
-      const settingsUsable = Boolean(settingsRes?.ok && settingsData?.success !== false);
-      const statusUsable = Boolean(statusRes?.ok && statusData?.success !== false);
-      const settingsEnabled = Boolean(
-        settingsUsable &&
-        settingsData?.data?.settings?.enabled
-      );
-      const cloudEnabled = Boolean(
-        statusUsable &&
-        runtime === 'cloud' &&
-        statusData?.data?.enabled
-      );
-      if (runtime === 'cloud') {
-        setComputerUseEnabled(cloudEnabled);
-      } else if (settingsUsable) {
-        setComputerUseEnabled(settingsEnabled);
-      } else if (statusUsable) {
-        setComputerUseEnabled(Boolean(statusData?.data?.enabled));
-      }
-    } catch {
-      // Keep the current tab availability on transient status/settings failures.
-    }
-  }, []);
-
-  useEffect(() => {
-    void loadComputerUseSettings();
-    window.addEventListener('computerUseSettingsChanged', loadComputerUseSettings);
-    return () => window.removeEventListener('computerUseSettingsChanged', loadComputerUseSettings);
-  }, [loadComputerUseSettings]);
-
-  useEffect(() => {
-    if (!shouldShowComputerTab && activeTab === 'computer') {
-      setActiveTab('chat');
-    }
-  }, [shouldShowComputerTab, activeTab, setActiveTab]);
-
   usePaletteOpsRegister({
     openFile: (filePath: string) => {
       setActiveTab('files');
@@ -207,7 +149,6 @@ function MainContent({
         selectedSession={selectedSession}
         shouldShowTasksTab={shouldShowTasksTab}
         shouldShowBrowserTab={shouldShowBrowserTab}
-        shouldShowComputerTab={shouldShowComputerTab}
         isMobile={isMobile}
         onMenuClick={onMenuClick}
       />
@@ -272,12 +213,6 @@ function MainContent({
             </div>
           )}
 
-          {shouldShowComputerTab && activeTab === 'computer' && (
-            <div className="h-full overflow-hidden">
-              <ComputerUsePanel isVisible={activeTab === 'computer'} onShowSettings={onShowSettings} />
-            </div>
-          )}
-
           {activeTab.startsWith('plugin:') && (
             <div className="h-full overflow-hidden">
               <PluginTabContent

src/components/main-content/view/subcomponents/MainContentHeader.tsx

@@ -11,7 +11,6 @@ export default function MainContentHeader({
   selectedSession,
   shouldShowTasksTab,
   shouldShowBrowserTab,
-  shouldShowComputerTab,
   isMobile,
   onMenuClick,
 }: MainContentHeaderProps) {
@@ -62,7 +61,6 @@ export default function MainContentHeader({
               setActiveTab={setActiveTab}
               shouldShowTasksTab={shouldShowTasksTab}
               shouldShowBrowserTab={shouldShowBrowserTab}
-              shouldShowComputerTab={shouldShowComputerTab}
             />
           </div>
           {canScrollRight && (

src/components/main-content/view/subcomponents/MainContentTabSwitcher.tsx

@@ -1,4 +1,4 @@
-import { MessageSquare, Terminal, Folder, GitBranch, ClipboardCheck, MonitorCog, MonitorPlay, type LucideIcon } from 'lucide-react';
+import { MessageSquare, Terminal, Folder, GitBranch, ClipboardCheck, MonitorPlay, type LucideIcon } from 'lucide-react';
 import type { Dispatch, SetStateAction } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -12,7 +12,6 @@ type MainContentTabSwitcherProps = {
   setActiveTab: Dispatch<SetStateAction<AppTab>>;
   shouldShowTasksTab: boolean;
   shouldShowBrowserTab: boolean;
-  shouldShowComputerTab: boolean;
 };
 
 type BuiltInTab = {
@@ -46,13 +45,6 @@ const BROWSER_TAB: BuiltInTab = {
   icon: MonitorPlay,
 };
 
-const COMPUTER_TAB: BuiltInTab = {
-  kind: 'builtin',
-  id: 'computer',
-  labelKey: 'tabs.computer',
-  icon: MonitorCog,
-};
-
 const TASKS_TAB: BuiltInTab = {
   kind: 'builtin',
   id: 'tasks',
@@ -65,7 +57,6 @@ export default function MainContentTabSwitcher({
   setActiveTab,
   shouldShowTasksTab,
   shouldShowBrowserTab,
-  shouldShowComputerTab,
 }: MainContentTabSwitcherProps) {
   const { t } = useTranslation();
   const { plugins } = usePlugins();
@@ -73,7 +64,6 @@ export default function MainContentTabSwitcher({
   const builtInTabs: BuiltInTab[] = [
     ...BASE_TABS,
     ...(shouldShowBrowserTab ? [BROWSER_TAB] : []),
-    ...(shouldShowComputerTab ? [COMPUTER_TAB] : []),
     ...(shouldShowTasksTab ? [TASKS_TAB] : []),
   ];
 

src/components/main-content/view/subcomponents/MainContentTitle.tsx

@@ -32,10 +32,6 @@ function getTabTitle(activeTab: AppTab, shouldShowTasksTab: boolean, t: (key: st
     return t('tabs.browser');
   }
 
-  if (activeTab === 'computer') {
-    return t('tabs.computer');
-  }
-
   return 'Project';
 }
 

src/components/settings/hooks/useSettingsController.ts

@@ -1,7 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 
 import { useTheme } from '../../../contexts/ThemeContext';
-import { COMPUTER_USE_MENUS_ENABLED } from '../../../constants/featureFlags';
 import { authenticatedFetch } from '../../../utils/api';
 import { setNotificationSoundEnabled } from '../../../utils/notificationSound';
 import { useProviderAuthStatus } from '../../provider-auth/hooks/useProviderAuthStatus';
@@ -55,11 +54,11 @@ type NotificationPreferencesResponse = {
 
 type ActiveLoginProvider = AgentProvider | '';
 
-const KNOWN_MAIN_TABS: SettingsMainTab[] = ['agents', 'appearance', 'git', 'api', 'tasks', 'browser', 'computer', 'notifications', 'plugins', 'about'];
+const KNOWN_MAIN_TABS: SettingsMainTab[] = ['agents', 'appearance', 'git', 'api', 'tasks', 'browser', 'notifications', 'plugins', 'about'];
 
 const normalizeMainTab = (tab: string): SettingsMainTab => {
   // Keep backwards compatibility with older callers that still pass "tools".
-  if (tab === 'tools' || (tab === 'computer' && !COMPUTER_USE_MENUS_ENABLED)) {
+  if (tab === 'tools') {
     return 'agents';
   }
 

src/components/settings/types/types.ts

@@ -3,7 +3,7 @@ import type { Dispatch, SetStateAction } from 'react';
 import type { LLMProvider } from '../../../types/app';
 import type { ProviderAuthStatus } from '../../provider-auth/types';
 
-export type SettingsMainTab = 'agents' | 'appearance' | 'git' | 'api' | 'voice' | 'tasks' | 'browser' |  'computer' | 'notifications' | 'plugins' | 'about';
+export type SettingsMainTab = 'agents' | 'appearance' | 'git' | 'api' | 'voice' | 'tasks' | 'browser' | 'notifications' | 'plugins' | 'about';
 export type AgentProvider = LLMProvider;
 export type AgentCategory = 'account' | 'permissions' | 'mcp' | 'skills';
 export type ProjectSortOrder = 'name' | 'date';

src/components/settings/view/Settings.tsx

@@ -11,7 +11,6 @@ import CredentialsSettingsTab from '../view/tabs/api-settings/CredentialsSetting
 import VoiceSettingsTab from '../view/tabs/VoiceSettingsTab';
 import GitSettingsTab from '../view/tabs/git-settings/GitSettingsTab';
 import BrowserUseSettingsTab from '../view/tabs/browser-use-settings/BrowserUseSettingsTab';
-import ComputerUseSettingsTab from '../view/tabs/computer-use-settings/ComputerUseSettingsTab';
 import NotificationsSettingsTab from '../view/tabs/NotificationsSettingsTab';
 import TasksSettingsTab from '../view/tabs/tasks-settings/TasksSettingsTab';
 import PluginSettingsTab from '../../plugins/view/PluginSettingsTab';
@@ -199,8 +198,6 @@ function Settings({ isOpen, onClose, projects = [], initialTab = 'agents' }: Set
 
               {activeTab === 'browser' && <BrowserUseSettingsTab />}
 
-              {activeTab === 'computer' && <ComputerUseSettingsTab />}
-
               {activeTab === 'notifications' && (
                 <NotificationsSettingsTab
                   notificationPreferences={notificationPreferences}

src/components/settings/view/SettingsSidebar.tsx

@@ -1,7 +1,6 @@
-import { Bell, Bot, GitBranch, Info, Key, ListChecks,Mic, MonitorCog, MonitorPlay, Palette, Puzzle } from 'lucide-react';
+import { Bell, Bot, GitBranch, Info, Key, ListChecks, Mic, MonitorPlay, Palette, Puzzle } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 
-import { COMPUTER_USE_MENUS_ENABLED } from '../../../constants/featureFlags';
 import { cn } from '../../../lib/utils';
 import { PillBar, Pill } from '../../../shared/view/ui';
 import type { SettingsMainTab } from '../types/types';
@@ -25,16 +24,11 @@ const NAV_ITEMS: NavItem[] = [
   { id: 'voice', labelKey: 'mainTabs.voice', icon: Mic },
   { id: 'tasks', labelKey: 'mainTabs.tasks', icon: ListChecks },
   { id: 'browser', labelKey: 'mainTabs.browser', icon: MonitorPlay },
-  { id: 'computer', labelKey: 'mainTabs.computer', icon: MonitorCog },
   { id: 'plugins', labelKey: 'mainTabs.plugins', icon: Puzzle },
   { id: 'notifications', labelKey: 'mainTabs.notifications', icon: Bell },
   { id: 'about', labelKey: 'mainTabs.about', icon: Info },
 ];
 
-const VISIBLE_NAV_ITEMS = NAV_ITEMS.filter((item) => (
-  COMPUTER_USE_MENUS_ENABLED || item.id !== 'computer'
-));
-
 export default function SettingsSidebar({ activeTab, onChange }: SettingsSidebarProps) {
   const { t } = useTranslation('settings');
 
@@ -43,7 +37,7 @@ export default function SettingsSidebar({ activeTab, onChange }: SettingsSidebar
       {/* Desktop sidebar */}
       <aside className="hidden w-56 flex-shrink-0 border-r border-border bg-muted/30 md:flex md:flex-col">
         <nav className="flex flex-col gap-1 p-3">
-          {VISIBLE_NAV_ITEMS.map((item) => {
+          {NAV_ITEMS.map((item) => {
             const Icon = item.icon;
             const isActive = activeTab === item.id;
 
@@ -69,7 +63,7 @@ export default function SettingsSidebar({ activeTab, onChange }: SettingsSidebar
       {/* Mobile horizontal nav — pill bar */}
       <div className="flex-shrink-0 border-b border-border px-3 py-2 md:hidden">
         <PillBar className="scrollbar-hide w-full overflow-x-auto">
-          {VISIBLE_NAV_ITEMS.map((item) => {
+          {NAV_ITEMS.map((item) => {
             const Icon = item.icon;
 
             return (

src/components/settings/view/tabs/computer-use-settings/ComputerUseSettingsTab.tsx

@@ -1,247 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { Download, Loader2, RefreshCw } from 'lucide-react';
-
-import { Button } from '../../../../../shared/view/ui';
-import { authenticatedFetch } from '../../../../../utils/api';
-import SettingsCard from '../../SettingsCard';
-import SettingsRow from '../../SettingsRow';
-import SettingsSection from '../../SettingsSection';
-import SettingsToggle from '../../SettingsToggle';
-
-type ComputerUseSettings = {
-  enabled: boolean;
-};
-
-type ComputerUseStatus = {
-  enabled: boolean;
-  runtime: 'cloud' | 'local';
-  available: boolean;
-  desktopAgentConnected?: boolean;
-  desktopAgentCount?: number;
-  nutInstalled: boolean;
-  screenshotInstalled: boolean;
-  installInProgress: boolean;
-  message: string;
-};
-
-async function readJson<T>(response: Response): Promise<T> {
-  const data = await response.json();
-  if (!response.ok || data.success === false) {
-    throw new Error(data.error || data.details || `Request failed (${response.status})`);
-  }
-  return data as T;
-}
-
-export default function ComputerUseSettingsTab() {
-  const [settings, setSettings] = useState<ComputerUseSettings>({ enabled: false });
-  const [status, setStatus] = useState<ComputerUseStatus | null>(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [isSaving, setIsSaving] = useState(false);
-  const [isInstalling, setIsInstalling] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const loadState = useCallback(async () => {
-    setError(null);
-    const [settingsResponse, statusResponse] = await Promise.all([
-      authenticatedFetch('/api/computer-use/settings'),
-      authenticatedFetch('/api/computer-use/status'),
-    ]);
-    const settingsData = await readJson<{ data: { settings: ComputerUseSettings } }>(settingsResponse);
-    const statusData = await readJson<{ data: ComputerUseStatus }>(statusResponse);
-    setSettings(settingsData.data.settings);
-    setStatus(statusData.data);
-  }, []);
-
-  const refreshState = useCallback(async () => {
-    setIsLoading(true);
-    try {
-      await loadState();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to load Computer Use settings');
-    } finally {
-      setIsLoading(false);
-    }
-  }, [loadState]);
-
-  useEffect(() => {
-    void refreshState();
-  }, [refreshState]);
-
-  const updateSettings = async (nextSettings: Partial<ComputerUseSettings>) => {
-    setIsSaving(true);
-    setError(null);
-    try {
-      const response = await authenticatedFetch('/api/computer-use/settings', {
-        method: 'PUT',
-        body: JSON.stringify(nextSettings),
-      });
-      const data = await readJson<{ data: { settings: ComputerUseSettings } }>(response);
-      setSettings(data.data.settings);
-      window.dispatchEvent(new Event('computerUseSettingsChanged'));
-      await loadState();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to save Computer Use settings');
-    } finally {
-      setIsSaving(false);
-    }
-  };
-
-  const installRuntime = async () => {
-    setIsInstalling(true);
-    setError(null);
-    try {
-      const response = await authenticatedFetch('/api/computer-use/runtime/install', { method: 'POST' });
-      await readJson(response);
-      await loadState();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to install Computer Use runtime');
-    } finally {
-      setIsInstalling(false);
-    }
-  };
-
-  const isCloud = status?.runtime === 'cloud';
-  const effectiveEnabled = isCloud ? status?.enabled === true : settings.enabled;
-  const showCloudDesktopAccess = Boolean(isCloud && effectiveEnabled);
-  const needsRuntime = Boolean(effectiveEnabled && !isCloud && status && (!status.nutInstalled || !status.screenshotInstalled));
-  const desktopAgentCount = status?.desktopAgentCount ?? (status?.desktopAgentConnected ? 1 : 0);
-  const modeDescription = isCloud
-    ? 'Let cloud agents request access to your own computer through CloudCLI Desktop.'
-    : 'Let local agents request access to this computer.';
-
-  return (
-    <div className="space-y-8">
-      <SettingsSection
-        title="Computer Use"
-        description={modeDescription}
-      >
-        <SettingsCard divided>
-          <div className="flex flex-col gap-3 px-4 py-4">
-            <div className="rounded-md border border-amber-300/50 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-200">
-              {isCloud
-                ? 'A cloud agent can use your desktop only after you approve the request in CloudCLI Desktop. Stop ends access immediately.'
-                : 'Agents can use your desktop only while you grant control from the Computer tab. Stop ends access immediately.'}
-            </div>
-            {effectiveEnabled && (
-              <div className="rounded-md border border-border bg-muted/40 px-3 py-2 text-sm text-muted-foreground">
-                {isCloud
-                  ? 'Keep CloudCLI Desktop open on the computer you want agents to use.'
-                  : 'Open the Computer tab to review requests, grant control, or stop a session.'}
-              </div>
-            )}
-          </div>
-
-          <SettingsRow
-            label="Enable Computer Use"
-            description={isCloud
-              ? 'Registers Computer Use MCP servers for supported agents and allows cloud agents to request guarded access to a linked desktop.'
-              : 'Registers Computer Use for supported agents and allows CloudCLI to create guarded desktop control sessions on this machine.'}
-          >
-            <SettingsToggle
-              checked={settings.enabled}
-              onChange={(value) => void updateSettings({ enabled: value })}
-              ariaLabel="Enable Computer Use"
-              disabled={isLoading || isSaving}
-            />
-          </SettingsRow>
-
-          {showCloudDesktopAccess && (
-            <SettingsRow
-              label="Cloud desktop access"
-              description={status?.desktopAgentConnected
-                ? `${desktopAgentCount} ${desktopAgentCount === 1 ? 'desktop app is' : 'desktop apps are'} connected to this environment.`
-                : 'Not connected yet. Link happens from CloudCLI Desktop on your computer.'}
-            >
-              <div className="flex items-center gap-2">
-                <Button
-                  type="button"
-                  size="sm"
-                  onClick={() => void refreshState()}
-                  disabled={isLoading}
-                  className="h-8"
-                >
-                  <RefreshCw className={`h-4 w-4 ${isLoading ? 'animate-spin' : ''}`} />
-                  Refresh
-                </Button>
-                <div className={`rounded-md border px-2.5 py-1 text-xs font-medium ${
-                  status?.desktopAgentConnected
-                    ? 'border-emerald-500/30 text-emerald-600 dark:text-emerald-300'
-                    : 'border-amber-500/30 text-amber-600 dark:text-amber-300'
-                }`}
-                >
-                  {status?.desktopAgentConnected
-                    ? `${desktopAgentCount} linked`
-                    : 'Not linked'}
-                </div>
-              </div>
-            </SettingsRow>
-          )}
-
-          {(needsRuntime || showCloudDesktopAccess || error) && (
-            <div className="space-y-4 px-4 py-4">
-              {showCloudDesktopAccess && !status?.desktopAgentConnected && (
-                <div className="rounded-md border border-border bg-muted/40 px-3 py-3 text-sm text-muted-foreground">
-                  <div className="font-medium text-foreground">To link this computer</div>
-                  <ol className="mt-2 list-decimal space-y-1 pl-5">
-                    <li>Open CloudCLI Desktop on the computer you want agents to use.</li>
-                    <li>Connect the same CloudCLI account used for this cloud environment.</li>
-                    <li>Open Desktop Settings and turn on Computer Use.</li>
-                    <li>Keep the desktop app running. This status changes to Desktop linked automatically.</li>
-                  </ol>
-                </div>
-              )}
-
-              {showCloudDesktopAccess && status?.desktopAgentConnected && (
-                <div className="rounded-md border border-border bg-muted/40 px-3 py-2 text-sm text-muted-foreground">
-                  {desktopAgentCount > 1
-                    ? `${desktopAgentCount} desktops are linked. Agents will use one available desktop; stop Computer Use on any desktop you do not want agents to control.`
-                    : 'CloudCLI Desktop is linked. Approval prompts will appear there when an agent requests desktop access.'}
-                </div>
-              )}
-
-              {needsRuntime && (
-                <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-                  <div className="min-w-0 space-y-1">
-                    <div className="text-sm font-medium text-foreground">Desktop runtime required</div>
-                    <p className="text-sm text-muted-foreground">
-                      {status?.message || 'Install the desktop control runtime needed to capture the screen and drive input.'}
-                    </p>
-                    <div className="flex flex-wrap gap-2 pt-1 text-xs text-muted-foreground">
-                      <span className="rounded-md border border-border px-2 py-1">
-                        Control lib: {status?.nutInstalled ? 'installed' : 'missing'}
-                      </span>
-                      <span className="rounded-md border border-border px-2 py-1">
-                        Screen capture: {status?.screenshotInstalled ? 'installed' : 'missing'}
-                      </span>
-                    </div>
-                  </div>
-
-                  <Button
-                    type="button"
-                    size="sm"
-                    onClick={() => void installRuntime()}
-                    disabled={isInstalling || status?.installInProgress}
-                    className="flex-shrink-0"
-                  >
-                    {isInstalling || status?.installInProgress ? (
-                      <Loader2 className="h-4 w-4 animate-spin" />
-                    ) : (
-                      <Download className="h-4 w-4" />
-                    )}
-                    {isInstalling || status?.installInProgress ? 'Installing…' : 'Install Runtime'}
-                  </Button>
-                </div>
-              )}
-
-              {error && (
-                <div className="rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-red-900/50 dark:bg-red-950/30 dark:text-red-200">
-                  {error}
-                </div>
-              )}
-            </div>
-          )}
-        </SettingsCard>
-      </SettingsSection>
-    </div>
-  );
-}

src/constants/featureFlags.ts

@@ -1,3 +0,0 @@
-// TODO: Re-enable Computer Use menus after fixing the MCP server connection
-// between the desktop app and the web UI.
-export const COMPUTER_USE_MENUS_ENABLED = false;

src/hooks/useProjectsState.ts

@@ -324,7 +324,7 @@ const removeSessionFromProject = (project: Project, sessionIdToDelete: string):
   return updatedProject;
 };
 
-const VALID_TABS: Set<string> = new Set(['chat', 'files', 'shell', 'git', 'tasks', 'browser', 'computer']);
+const VALID_TABS: Set<string> = new Set(['chat', 'files', 'shell', 'git', 'tasks', 'browser']);
 
 const isValidTab = (tab: string): tab is AppTab => {
   return VALID_TABS.has(tab) || tab.startsWith('plugin:');
@@ -776,7 +776,7 @@ export function useProjectsState({
     (session: ProjectSession) => {
       setSelectedSession(session);
 
-      if (activeTab === 'tasks' || activeTab === 'browser' || activeTab === 'computer') {
+      if (activeTab === 'tasks' || activeTab === 'browser') {
         setActiveTab('chat');
       }
 

src/i18n/locales/de/settings.json

@@ -94,7 +94,6 @@
     "git": "Git",
     "apiTokens": "API & Token",
     "tasks": "Aufgaben",
-    "computer": "Computer Use",
     "notifications": "Benachrichtigungen",
     "plugins": "Plugins",
     "about": "Info"

src/i18n/locales/en/settings.json

@@ -113,7 +113,6 @@
     "voice": "Voice",
     "tasks": "Tasks",
     "browser": "Browser",
-    "computer": "Computer Use",
     "notifications": "Notifications",
     "plugins": "Plugins",
     "about": "About"

src/i18n/locales/fr/settings.json

@@ -94,7 +94,6 @@
     "git": "Git",
     "apiTokens": "API & Tokens",
     "tasks": "Tâches",
-    "computer": "Computer Use",
     "notifications": "Notifications",
     "plugins": "Plugins",
     "about": "À propos"

src/i18n/locales/it/settings.json

@@ -94,7 +94,6 @@
     "git": "Git",
     "apiTokens": "API e Token",
     "tasks": "Attività",
-    "computer": "Computer Use",
     "notifications": "Notifiche",
     "plugins": "Plugin",
     "about": "Informazioni"

src/i18n/locales/ja/settings.json

@@ -94,7 +94,6 @@
     "git": "Git",
     "apiTokens": "API & トークン",
     "tasks": "タスク",
-    "computer": "Computer Use",
     "notifications": "通知",
     "plugins": "プラグイン",
     "about": "概要"

src/i18n/locales/ko/settings.json

@@ -94,7 +94,6 @@
     "git": "Git",
     "apiTokens": "API & 토큰",
     "tasks": "작업",
-    "computer": "Computer Use",
     "notifications": "알림",
     "plugins": "플러그인",
     "about": "정보"

src/i18n/locales/ru/settings.json

@@ -94,7 +94,6 @@
     "git": "Git",
     "apiTokens": "API и токены",
     "tasks": "Задачи",
-    "computer": "Computer Use",
     "notifications": "Уведомления",
     "plugins": "Плагины",
     "about": "О программе"

src/types/app.ts

@@ -17,7 +17,7 @@ export type ProviderModelsCacheInfo = {
   source: 'memory' | 'disk' | 'fresh';
 };
 
-export type AppTab = 'chat' | 'files' | 'shell' | 'git' | 'tasks' | 'browser' | 'computer' | `plugin:${string}`;
+export type AppTab = 'chat' | 'files' | 'shell' | 'git' | 'tasks' | 'browser' | `plugin:${string}`;
 
 export interface ProjectSession {
   id: string;