Back to UI-TARS-desktop

Settings Configuration Guide

docs/setting.md

0.3.010.5 KB
Original Source

Settings Configuration Guide

Overview

UI-TARS Desktop offers granular control over application behavior through its settings system. This document provides comprehensive guidance on configuration options, preset management, and operational best practices.

<p align="center">

<em>Main Settings Interface</em>

</p>

Configuration Options

VLM Settings

VLM Provider

Select the backend VLM provider to ensure more accurate execution of GUI actions. This option can improve the performance of the model.

PropertyDetails
Typestring
Options- Hugging Face for UI-TARS-1.0
  • Hugging Face for UI-TARS-1.5
  • VolcEngine Ark for Doubao-1.5-UI-TARS
  • VolcEngine Ark for Doubao-1.5-thinking-vision-pro | | Required | true |

[!NOTE] This is an interface reserved for different VLM providers.

VLM Base URL

Specify the base url of the VLM that needs to be requested.

For UI TARS deployment, please check out Deployment.

PropertyDetails
Typestring
Requiredtrue

[!NOTE] VLM Base URL should be OpenAI compatible API endpoints (see OpenAI API protocol document for more details).

VLM API KEY

Specify the vlm api key.

PropertyDetails
Typestring
Requiredtrue

VLM Model Name

Specify the requested module name.

PropertyDetails
Typestring
Requiredtrue

Check Model Availability

After completing the configuration, you can click the Check Model Availability button to verify if the VLM model is available.

<p align="center">

<em>Main Settings Interface</em>

</p>

Use Responses API

If the model supports the Responses API, you can enable this option. Once enabled, it will reduce overall token consumption and improve response speed.

🌟 Example

In the HuggingFace example in UI-TARS/README_deploy.md, the VLM parameters are as follows:

yaml
Language: en
VLM Provider: Hugging Face for UI-TARS-1.5
VLM Base URL: https:xxx
VLM API KEY: hf_xxx
VLM Model Name: tgi

In the VolcEngine(火山引擎) example in Doubao-1.5-UI-TARS, the VLM parameters are as follows:

yaml
Language: cn
VLM Provider: VolcEngine Ark for Doubao-1.5-UI-TARS
VLM Base URL: https://ark.cn-beijing.volces.com/api/v3
VLM API KEY: ARK_API_KEY
VLM Model Name: doubao-1.5-ui-tars-250328

Chat Settings

Language

Controls localization settings for VLM.

PropertyDetails
Typestring
Optionsen (English), zh (Chinese)
Defaulten

[!NOTE] Changing the settings will only affect the output of VLM, not the language of the desktop app itself. Regarding the i18n of the App itself, welcome to contribute PR.

Max Loop

Maximum steps per conversation round.

PropertyDetails
Typenumber
Requiredtrue
Options[25, 200]
Default100

Loop Wait Time

Waiting time for each loop.

For interactive operations that require time to complete, this parameter adds a delay before capturing screenshots, ensuring the final state is properly recorded.

PropertyDetails
Typenumber
Requiredtrue
Options[0, 3000]
Default1000

Operator Settings

Local Browser Operator Search Engine

PropertyDetails
Typestring
OptionsGoogle, Bing, Baidu
DefaultGoogle

Report Settings

[!TIP] This configuration section is optional. These settings primarily facilitate usage analytics and telemetry collection for improving the user experience.

Report Storage Base URL

Defines the base URL for uploading report file. By default, when this option is not set, when the user clicks Export as HTML (a.k.a. <b>Share</b>), it will automatically trigger the download of the report file:

<p align="center"> </p>

Once it's set, when user click Export as HTML, a popup window will appear asking you. If you choose "Yes, continue!", the report file will be uploaded directly. After waiting for a few seconds, a tip notification will appear, informing you that the report link has been copied to your clipboard.

<p align="center"> </p>
Report Storage Server Interface

The Report Storage Server should implement the following HTTP API endpoint:

PropertyDetails
EndpointPOST /your-storage-enpoint
HeadersContent-Type: multipart/form-data
<!-- - Authorization: Bearer \<access_token\> (Not Supported) --> |
Request Body

The request should be sent as multipart/form-data with the following field:

FieldTypeRequiredDescriptionConstraints
fileFileYesHTML report file- Format: HTML
  • Max size: 30MB |
Response

Success Response (200 OK)

json
{
  "url": "https://example.com/reports/xxx.html"
}

The response should return a JSON object containing a publicly accessible URL where the report can be accessed.

[!NOTE] Currently, there is no authentication designed for Report Storage Server. If you have any requirements, please submit an issue.

UTIO Base URL

UTIO (UI-TARS Insights and Observation) is a data collection mechanism for insights into UI-TARS Desktop (Introduced at #60). The design of UTIO is also related to sharing. The overall process is as follows:

<p align="center">

<em>UTIO Flow</em>

</p>

This option defines the base URL for the UTIO server that handles application events and instructions.

Server Interface Specification

The UTIO server accepts events through HTTP POST requests and supports three types of events:

PropertyDetails
EndpointPOST /your-utio-endpoint
HeadersContent-Type: application/json
Event Types

The server handles three types of events:

Application Launch
typescript
interface AppLaunchedEvent {
  type: 'appLaunched';
  /** Platform type */
  platform: string;
  /** OS version, e.g. "major.minor.patch" format */
  osVersion: string;
  /** Screen width in pixels */
  screenWidth: number;
  /** Screen height in pixels */
  screenHeight: number;
}
Send Instruction
typescript
interface SendInstructionEvent {
  type: 'sendInstruction';
  /** User-submitted instruction content */
  instruction: string;
}
Share Report
typescript
interface ShareReportEvent {
  type: 'shareReport';
  /** Optional last screenshot url or base64 content */
  lastScreenshot?: string;
  /** Optional report url */
  report?: string;
  /** Related instruction */
  instruction: string;
}
Request Example
json
{
  "type": "appLaunched",
  "platform": "iOS",
  "osVersion": "16.0.0",
  "screenWidth": 390,
  "screenHeight": 844
}
Response

Success Response (200 OK)

json
{
  "success": true
}

[!NOTE] All events are processed asynchronously. The server should respond promptly to acknowledge receipt of the event.

Server Example
Node.js
js
const express = require('express');
const cors = require('cors');
const app = express();
const port = 3000;

app.use(cors());
app.use(express.json());

app.post('/your-utio-endpoint', (req, res) => {
  const event = req.body;
  
  if (!event || !event.type) {
    return res.status(400).json({ error: 'Missing event type' });
  }

  switch (event.type) {
    case 'appLaunched':
      return handleAppLaunch(event, res);
    case 'sendInstruction':
      return handleSendInstruction(event, res);
    case 'shareReport':
      return handleShareReport(event, res);
    default:
      return res.status(400).json({ error: 'Unsupported event type' });
  }
});

app.listen(port, () => {
  console.log(`Server listening on port ${port}`);
});
Python
python
from flask import Flask, request, jsonify
from flask_cors import CORS
import re

app = Flask(__name__)
CORS(app)

@app.route('/events', methods=['POST'])
def handle_event():
    data = request.get_json()
    
    if not data or 'type' not in data:
        return jsonify({'error': 'Missing event type'}), 400
    
    event_type = data['type']
    
    if event_type == 'appLaunched':
        return handle_app_launch(data)
    elif event_type == 'sendInstruction':
        return handle_send_instruction(data)
    elif event_type == 'shareReport':
        return handle_share_report(data)
    else:
        return jsonify({'error': 'Unsupported event type'}), 400

if __name__ == '__main__':
    app.run(port=3000)

General Settings

You can click the "Check Update" button to check for new versions.