bytedance · ulivz · Sep 13, 2025 · Sep 13, 2025
diff --git a/multimodal/tarko/agent-ui-app/package.json b/multimodal/tarko/agent-ui-app/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@tarko/agent-ui-app",
+  "version": "0.3.0-beta.11",
+  "description": "Default Web UI Application for Tarko",
+  "dependencies": {
+    "@tarko/agent-ui": "workspace:*",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "1.3.18",
+    "@rsbuild/plugin-react": "1.1.1",
+    "@types/react": "^18.2.75",
+    "@types/react-dom": "^18.2.24"
+  },
+  "scripts": {
+    "dev": "rsbuild dev",
+    "prepublishOnly": "npm run build",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview"
+  }
+}
diff --git a/multimodal/tarko/agent-ui-app/public/index.html b/multimodal/tarko/agent-ui-app/public/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Agent TARS</title>
+    <meta
+      name="description"
+      content="Agent TARS - An open-source multimodal AI agent, offering seamless integration with a wide range of real-world tools"
+    />
+    <meta name="theme-color" content="#111827" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/multimodal/tarko/agent-ui-app/rsbuild.config.ts b/multimodal/tarko/agent-ui-app/rsbuild.config.ts
@@ -0,0 +1,33 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { resolve } from 'path';
+
+export default defineConfig({
+  plugins: [pluginReact()],
+  source: {
+    define: {
+      'process.env.AGENT_BASE_URL': JSON.stringify(process.env.AGENT_BASE_URL || ''),
+    },
+    entry: {
+      index: './src/entry.tsx',
+    },
+    alias: {
+      '@': resolve(__dirname, '../agent-ui/src'),
+    },
+  },
+  dev: {
+    writeToDisk: true,
+  },
+  output: {
+    cleanDistPath: true,
+    inlineScripts: true,
+    inlineStyles: true,
+    distPath: {
+      root: resolve(__dirname, '../agent-ui-builder/static'),
+    },
+  },
+  html: {
+    template: './public/index.html',
+    inject: 'body',
+  },
+});
diff --git a/multimodal/tarko/agent-ui-app/src/entry.tsx b/multimodal/tarko/agent-ui-app/src/entry.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { AgentWebUI } from '../../agent-ui/src/standalone/app';
+import { WebUIConfigProvider } from '../../agent-ui/src/config/webui-config-provider';
+
+// Import CSS
+import '../../agent-ui/src/entry.css';
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <WebUIConfigProvider>
+      <AgentWebUI />
+    </WebUIConfigProvider>
+  </React.StrictMode>,
+);