docs/setting.md
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>Select the backend VLM provider to ensure more accurate execution of GUI actions. This option can improve the performance of the model.
| Property | Details |
|---|---|
| Type | string |
| Options | - Hugging Face for UI-TARS-1.0 |
Hugging Face for UI-TARS-1.5VolcEngine Ark for Doubao-1.5-UI-TARSVolcEngine Ark for Doubao-1.5-thinking-vision-pro |
| Required | true |[!NOTE] This is an interface reserved for different VLM providers.
Specify the base url of the VLM that needs to be requested.
For UI TARS deployment, please check out Deployment.
| Property | Details |
|---|---|
| Type | string |
| Required | true |
[!NOTE] VLM Base URL should be OpenAI compatible API endpoints (see OpenAI API protocol document for more details).
Specify the vlm api key.
| Property | Details |
|---|---|
| Type | string |
| Required | true |
Specify the requested module name.
| Property | Details |
|---|---|
| Type | string |
| Required | true |
After completing the configuration, you can click the Check Model Availability button to verify if the VLM model is available.
<em>Main Settings Interface</em>
</p>If the model supports the Responses API, you can enable this option. Once enabled, it will reduce overall token consumption and improve response speed.
In the HuggingFace example in UI-TARS/README_deploy.md, the VLM parameters are as follows:
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:
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
Controls localization settings for VLM.
| Property | Details |
|---|---|
| Type | string |
| Options | en (English), zh (Chinese) |
| Default | en |
[!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.
Maximum steps per conversation round.
| Property | Details |
|---|---|
| Type | number |
| Required | true |
| Options | [25, 200] |
| Default | 100 |
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.
| Property | Details |
|---|---|
| Type | number |
| Required | true |
| Options | [0, 3000] |
| Default | 1000 |
| Property | Details |
|---|---|
| Type | string |
| Options | Google, Bing, Baidu |
| Default | Google |
[!TIP] This configuration section is optional. These settings primarily facilitate usage analytics and telemetry collection for improving the user experience.
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>The Report Storage Server should implement the following HTTP API endpoint:
| Property | Details |
|---|---|
| Endpoint | POST /your-storage-enpoint |
| Headers | Content-Type: multipart/form-data |
The request should be sent as multipart/form-data with the following field:
| Field | Type | Required | Description | Constraints |
|---|---|---|---|---|
| file | File | Yes | HTML report file | - Format: HTML |
Success Response (200 OK)
{
"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 (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.
The UTIO server accepts events through HTTP POST requests and supports three types of events:
| Property | Details |
|---|---|
| Endpoint | POST /your-utio-endpoint |
| Headers | Content-Type: application/json |
The server handles three types of events:
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;
}
interface SendInstructionEvent {
type: 'sendInstruction';
/** User-submitted instruction content */
instruction: string;
}
interface ShareReportEvent {
type: 'shareReport';
/** Optional last screenshot url or base64 content */
lastScreenshot?: string;
/** Optional report url */
report?: string;
/** Related instruction */
instruction: string;
}
{
"type": "appLaunched",
"platform": "iOS",
"osVersion": "16.0.0",
"screenWidth": 390,
"screenHeight": 844
}
Success Response (200 OK)
{
"success": true
}
[!NOTE] All events are processed asynchronously. The server should respond promptly to acknowledge receipt of the event.
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}`);
});
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)
You can click the "Check Update" button to check for new versions.