feat(ui-tars): sunset UI-TARS-desktop remote operator (#1135)

Author: skychx

README.md

@@ -240,7 +240,7 @@ Visit the comprehensive [Quick Start](https://agent-tars.com/guide/get-started/q
   <img alt="UI-TARS" width="260" src="./apps/ui-tars/resources/icon.png">
 </p>
 
-UI-TARS Desktop is a native GUI agent driven by [UI-TARS](https://github.com/bytedance/UI-TARS) and Seed-1.5-VL/1.6 series models, available on your local computer and remote VM sandbox on cloud.
+UI-TARS Desktop is a native GUI agent for your local computer, driven by [UI-TARS](https://github.com/bytedance/UI-TARS) and Seed-1.5-VL/1.6 series models.
 
 <div align="center">
 <p>
@@ -272,7 +272,6 @@ UI-TARS Desktop is a native GUI agent driven by [UI-TARS](https://github.com/byt
 - 💻 Cross-platform support (Windows/MacOS/Browser)
 - 🔄 Real-time feedback and status display
 - 🔐 Private and secure - fully local processing
-- 🛠️ Effortless setup and intuitive remote operators
 
 ### Quick Start
 

README.zh-CN.md

@@ -40,8 +40,7 @@
         <br>
         <br>
         它主要提供
-        <a href="https://github.com/bytedance/UI-TARS-desktop/blob/docs/new-readme/docs/quick-start.md#get-model-and-run" target="_blank">本地</a>和
-        <a href="https://github.com/bytedance/UI-TARS-desktop/blob/docs/new-readme/docs/quick-start.md#try-out-our-free-remote-operators" target="_blank">远程</a>计算机以及浏览器操作器。
+        <a href="https://github.com/bytedance/UI-TARS-desktop/blob/docs/new-readme/docs/quick-start.md#get-model-and-run" target="_blank">本地</a>计算机以及浏览器操作器。
       </td>
     </tr>
   </tbody>
@@ -238,7 +237,7 @@ agent-tars --provider anthropic --model claude-3-7-sonnet-latest --apiKey your-a
   <img alt="UI-TARS" width="260" src="./apps/ui-tars/resources/icon.png">
 </p>
 
-UI-TARS Desktop 是一个由 [UI-TARS](https://github.com/bytedance/UI-TARS) 和 Seed-1.5-VL/1.6 系列模型驱动的原生 GUI agent，可在你的本地计算机和云端远程 VM 沙箱上使用。
+UI-TARS Desktop 是一个由 [UI-TARS](https://github.com/bytedance/UI-TARS) 和 Seed-1.5-VL/1.6 系列模型驱动的原生 GUI agent，可在你的本地计算机上使用。
 
 <div align="center">
 <p>
@@ -270,7 +269,6 @@ UI-TARS Desktop 是一个由 [UI-TARS](https://github.com/bytedance/UI-TARS) 和
 - 💻 跨平台支持 (Windows/MacOS/Browser)
 - 🔄 实时反馈和状态显示
 - 🔐 私密且安全 - 完全本地处理
-- 🛠️ 轻松设置和直观的远程操作器
 
 ### Quick Start
 

apps/ui-tars/images/mac_app.png

@@ -1,6 +1,6 @@
 {
   "name": "ui-tars-desktop",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "private": true,
   "main": "./dist/main/main.js",
   "packageManager": "pnpm@9.10.0",

apps/ui-tars/images/quick_start/start_button.png

@@ -37,6 +37,7 @@ export abstract class BaseRemoteComputer {
     targetX: number,
     targetY: number,
   ): Promise<void>;
+  // secretlint-disable-next-line @secretlint/secretlint-rule-pattern
   abstract pressKey(key: string): Promise<void>;
   abstract typeText(text: string): Promise<void>;
   abstract scroll(
@@ -49,8 +50,7 @@ export abstract class BaseRemoteComputer {
   abstract takeScreenshot(): Promise<string>;
 }
 
-const UI_TARS_PROXY_HOST =
-  'https://sd17rrmnhj5i8uvr67j30.apigateway-cn-beijing.volceapi.com';
+const UI_TARS_PROXY_HOST = '';
 
 const VER = '/api/v1';
 const REGISTER_URL = `${UI_TARS_PROXY_HOST}${VER}/register`;
@@ -59,7 +59,7 @@ const BROWSER_URL = `${UI_TARS_PROXY_HOST}${VER}/browsers`;
 const TIME_URL = `${UI_TARS_PROXY_HOST}${VER}/time-balance`;
 const FREE_MODEL_BASE_URL = `${UI_TARS_PROXY_HOST}${VER}`;
 
-const COMPUTER_USE_HOST = 'https://computer-use.console.volcengine.com';
+const COMPUTER_USE_HOST = '';
 
 export {
   UI_TARS_PROXY_HOST,

apps/ui-tars/package.json

@@ -1,4 +1,3 @@
-import CountUp from 'react-countup';
 // import { Gift, CircleArrowUp } from 'lucide-react';
 import { memo, useEffect, useState } from 'react';
 import { RemoteResourceStatus } from '@renderer/hooks/useRemoteResource';
@@ -10,93 +9,61 @@ import {
 import { Button } from '@renderer/components/ui/button';
 import { Operator } from '@main/store/types';
 
+import { OPERATOR_URL_MAP } from '../../const';
+
 interface CountDownProps {
   operator: Operator;
   start?: number;
   status: RemoteResourceStatus;
 }
 
-const formatTime = (seconds: number) => {
-  const hours = Math.floor(seconds / 3600);
-  const minutes = Math.floor((seconds % 3600) / 60);
-  const remainingSeconds = seconds % 60;
-
-  return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(remainingSeconds).padStart(2, '0')}`;
-};
-
-const map = {
-  [Operator.RemoteComputer]: {
-    text: 'If you need to use it for a long-term and stable period, you can log in to the Volcano Engine FaaS to experience the Online Computer Use Agent.',
-    url: 'https://console.volcengine.com/vefaas/region:vefaas+cn-beijing/application/create?templateId=680b0a890e881f000862d9f0&channel=github&source=ui-tars',
-  },
-  [Operator.RemoteBrowser]: {
-    text: 'If you need to use it for a long-term and stable period, you can log in to the Volcano Engine FaaS to experience the Online Browser Use Agent.',
-    url: 'https://console.volcengine.com/vefaas/region:vefaas+cn-beijing/application/create?templateId=67f7b4678af5a6000850556c&channel=github&source=ui-tars',
-  },
-};
-
 const UpgradeCard = memo(({ operator }: { operator: Operator }) => (
   <HoverCardContent className="w-72 p-4" sideOffset={10}>
     <div>
       {/* <div className="flex items-center gap-2 mb-2"> */}
       {/* <CircleArrowUp className="h-5 w-5" /> */}
       {/* <h3 className="text-lg font-semibold">Upgrade</h3> */}
       {/* </div> */}
-      <p className="text-sm text-gray-600 mb-4">{map[operator]?.text}</p>
+      <p className="text-sm text-gray-600 mb-4">
+        {OPERATOR_URL_MAP[operator]?.text}
+      </p>
       <Button
         className="w-full"
-        onClick={() => window.open(map[operator]?.url, '_blank')}
+        onClick={() => window.open(OPERATOR_URL_MAP[operator]?.url, '_blank')}
       >
         Learn more
       </Button>
     </div>
   </HoverCardContent>
 ));
 
-export const CountDown = memo(
-  ({ operator, status, start = 0 }: CountDownProps) => {
-    const [showUpgrade, setShowUpgrade] = useState(false);
+export const CountDown = memo(({ operator, start = 0 }: CountDownProps) => {
+  const [showUpgrade, setShowUpgrade] = useState(false);
 
-    useEffect(() => {
-      if (start >= 30 * 60 * 1000) {
-        setShowUpgrade(true);
-      }
-    }, [start]);
+  useEffect(() => {
+    if (start >= 30 * 60 * 1000) {
+      setShowUpgrade(true);
+    }
+  }, [start]);
 
-    return (
-      <div
-        className="flex items-center gap-2 rounded-md bg-green-50 px-3 h-8 text-sm cursor-default"
-        style={{ '-webkit-app-region': 'no-drag' }}
+  return (
+    <div
+      className="flex items-center gap-2 rounded-md bg-green-50 px-3 h-8 text-sm cursor-default"
+      style={{ '-webkit-app-region': 'no-drag' }}
+    >
+      <HoverCard
+        open={showUpgrade}
+        openDelay={0}
+        closeDelay={100}
+        onOpenChange={setShowUpgrade}
       >
-        {/* <Gift className="!h-4 !w-4 text-yellow-500" /> */}
-        <span className="text-gray-700">
-          <span className="font-medium">30</span>-minute free credit
-        </span>
-        {status === 'connected' && (
-          <CountUp
-            className="font-mono font-medium"
-            start={start}
-            end={30 * 60}
-            duration={30 * 60}
-            formattingFn={formatTime}
-            useEasing={false}
-          />
-        )}
-        <div className="w-0.5 h-4 bg-gray-200"></div>
-        <HoverCard
-          open={showUpgrade}
-          openDelay={0}
-          closeDelay={100}
-          onOpenChange={setShowUpgrade}
-        >
-          <HoverCardTrigger asChild>
-            <a className="ml-auto text-blue-500 hover:text-blue-600 hover:underline cursor-pointer">
-              Learn more
-            </a>
-          </HoverCardTrigger>
-          <UpgradeCard operator={operator} />
-        </HoverCard>
-      </div>
-    );
-  },
-);
+        <HoverCardTrigger asChild>
+          <a className="ml-auto text-blue-500 hover:text-blue-600 hover:underline cursor-pointer">
+            Learn more
+          </a>
+        </HoverCardTrigger>
+        <UpgradeCard operator={operator} />
+      </HoverCard>
+    </div>
+  );
+});

apps/ui-tars/src/main/remote/shared.ts

@@ -2,5 +2,18 @@
  * Copyright (c) 2025 Bytedance, Inc. and its affiliates.
  * SPDX-License-Identifier: Apache-2.0
  */
+import { Operator } from '@main/store/types';
+
 export const COMPUTER_OPERATOR = 'Computer Operator';
 export const BROWSER_OPERATOR = 'Browser Operator';
+
+export const OPERATOR_URL_MAP = {
+  [Operator.RemoteComputer]: {
+    text: 'If you need to use it for a long-term and stable period, you can log in to the Volcano Engine FaaS to experience the Online Computer Use Agent.',
+    url: 'https://console.volcengine.com/vefaas/region:vefaas+cn-beijing/application/create?templateId=680b0a890e881f000862d9f0&channel=github&source=ui-tars',
+  },
+  [Operator.RemoteBrowser]: {
+    text: 'If you need to use it for a long-term and stable period, you can log in to the Volcano Engine FaaS to experience the Online Browser Use Agent.',
+    url: 'https://console.volcengine.com/vefaas/region:vefaas+cn-beijing/application/create?templateId=67f7b4678af5a6000850556c&channel=github&source=ui-tars',
+  },
+};