neovateai · xierenyuan · Aug 18, 2025 · Aug 18, 2025 · Aug 18, 2025 · Aug 18, 2025
diff --git a/biome.json b/biome.json
@@ -24,7 +24,8 @@
       "recommended": true,
       "style": {
         "useNodejsImportProtocol": "off"
-      }
+      },
+      "a11y": "off"
     }
   },
   "javascript": {
@@ -48,6 +49,24 @@
   "css": {
     "formatter": {
       "enabled": true
+    },
+    "parser": {
+      "cssModules": true
+    }
+  },
+  "overrides": [
+    {
+      "includes": ["browser/src/**/*"],
+      "linter": {
+        "rules": {
+          "correctness": {
+            "useExhaustiveDependencies": "off"
+          },
+          "suspicious": {
+            "noUnknownAtRules": "off"
+          }
+        }
+      }
     }
-  }
+  ]
 }
diff --git a/browser/i18n-README.md b/browser/i18n-README.md
diff --git a/browser/index.html b/browser/index.html
@@ -1,13 +1,16 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/src/assets/kmi-ai.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Takumi Browser - AI 编程助手</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/index.tsx"></script>
-  </body>
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/src/icons/favicon.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Neovate Code Agent</title>
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/index.tsx"></script>
+</body>
+
 </html>
diff --git a/browser/package.json b/browser/package.json
@@ -10,13 +10,10 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@ai-sdk/react": "^1.2.12",
-    "@ai-sdk/ui-utils": "^1.2.11",
     "@ant-design/icons": "^6.0.0",
     "@ant-design/x": "^1.4.0",
-    "@lexical/react": "0.32.1",
-    "@lexical/utils": "0.32.1",
     "@monaco-editor/react": "^4.7.0",
+    "@shikijs/transformers": "^3.12.0",
     "@tanstack/react-router": "^1.121.16",
     "@tanstack/react-router-devtools": "^1.121.21",
     "ahooks": "^3.7.0",
@@ -25,32 +22,37 @@
     "axios": "1.10.0",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.13",
+    "diff": "^8.0.2",
     "i18next": "^25.2.1",
     "i18next-browser-languagedetector": "^8.2.0",
-    "lexical": "0.32.1",
     "lodash-es": "^4.17.21",
-    "monaco-editor": "^0.52.2",
+    "quill": "^2.0.3",
     "rc-util": "^5.44.4",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-i18next": "^15.5.3",
     "react-icons": "^5.5.0",
     "react-markdown": "^9.0.0",
     "react-syntax-highlighter": "^15.5.0",
     "remark-gfm": "^4.0.1",
+    "shiki": "^3.11.0",
+    "streamdown": "^1.1.6",
     "swr": "^2.3.3",
     "valtio": "^2.1.5"
   },
   "devDependencies": {
+    "@ant-design/v5-patch-for-react-19": "^1.0.3",
     "@tailwindcss/typography": "^0.5.16",
     "@tailwindcss/vite": "^4.1.10",
     "@tanstack/router-plugin": "^1.121.16",
+    "@types/diff": "^5.2.3",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "@types/react-i18next": "^8.1.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.5.2",
     "globals": "^16.0.0",
+    "tailwind-scrollbar": "^4.0.2",
     "tailwindcss": "^4.1.10",
     "typescript": "~5.8.3",
     "vite": "^6.3.5",

diff --git a/browser/src/api/appData.ts b/browser/src/api/appData.ts
diff --git a/browser/src/api/files.ts b/browser/src/api/files.ts
@@ -1,28 +1,5 @@
 import { request } from '@/utils/request';
-import type { ApiResponse, FileItem } from './model';
-
-interface FileListResponse {
-  cwd: string;
-  directory: string;
-  items: FileItem[];
-  files: string[];
-  directories: string[];
-  error?: string;
-}
-
-export interface FileListQueries {
-  searchString?: string;
-
-  maxSize?: number;
-}
-
-export const getFileList = (
-  queries?: FileListQueries,
-): Promise<ApiResponse<FileListResponse>> => {
-  return request.get('/files/list', {
-    params: queries,
-  });
-};
+import type { ApiResponse } from './model';
 
 interface FileEditResponse {
   message: string;

diff --git a/browser/src/api/mcpService.ts b/browser/src/api/mcpService.ts
@@ -17,7 +17,9 @@ export const getMCPServer = (
   name: string,
   global = false,
 ): Promise<McpServerResponse> => {
-  return request.get(`/mcp/servers/${name}?global=${global}`);
+  return request.get(
+    `/mcp/servers/${encodeURIComponent(name)}?global=${global}`,
+  );
 };
 
 // Add server
@@ -32,13 +34,31 @@ export const updateMCPServer = (
   name: string,
   config: UpdateMcpServerRequest,
 ): Promise<McpOperationResponse> => {
-  return request.patch(`/mcp/servers/${name}`, config);
+  return request.patch(`/mcp/servers/${encodeURIComponent(name)}`, config);
+};
+
+// Update server with name change support
+export const updateMCPServerWithName = async (
+  originalName: string,
+  newConfig: AddMcpServerRequest,
+): Promise<McpOperationResponse> => {
+  // If name changed, remove old server and add new one
+  if (originalName !== newConfig.name) {
+    await removeMCPServer(originalName, newConfig.global);
+    return addMCPServer(newConfig);
+  }
+
+  // If name unchanged, use regular update
+  const { name, ...updateConfig } = newConfig;
+  return updateMCPServer(originalName, updateConfig);
 };
 
 // Remove server
 export const removeMCPServer = (
   name: string,
   global = false,
 ): Promise<McpOperationResponse> => {
-  return request.delete(`/mcp/servers/${name}?global=${global}`);
+  return request.delete(
+    `/mcp/servers/${encodeURIComponent(name)}?global=${global}`,
+  );
 };
diff --git a/browser/src/api/model.ts b/browser/src/api/model.ts
@@ -1,9 +1,3 @@
-export interface FileItem {
-  path: string;
-  type: 'file' | 'directory';
-  name: string;
-}
-
 export interface ImageItem {
   /** URL or base64 string */
   src: string;
@@ -16,10 +10,3 @@ export interface ApiResponse<T = any> {
   error?: string;
   message?: string;
 }
-
-export interface AppData {
-  productName: string;
-  version: string;
-  cwd: string;
-  config: Record<string, any>;
-}
diff --git a/browser/src/api/session.ts b/browser/src/api/session.ts
@@ -0,0 +1,19 @@
+import type { Message } from '@/types/chat';
+import { request } from '@/utils/request';
+import type { ApiResponse } from './model';
+
+interface SessionInitializeResponse {
+  cwd: string;
+  sessionId: string;
+  messages: Message[];
+  history: string[];
+  logFile: string;
+}
+
+export const initializeSession = (opts: {
+  cwd?: string;
+  resume?: string;
+  continue?: boolean;
+}): Promise<ApiResponse<SessionInitializeResponse>> => {
+  return request.post('/session/initialize', { ...opts });
+};
diff --git a/browser/src/api/toolApproval.ts b/browser/src/api/toolApproval.ts
diff --git a/browser/src/assets/codebase-navigation-icon.svg b/browser/src/assets/codebase-navigation-icon.svg
diff --git a/browser/src/assets/file-operations-icon.svg b/browser/src/assets/file-operations-icon.svg
diff --git a/browser/src/assets/llm-support-icon.svg b/browser/src/assets/llm-support-icon.svg
diff --git a/browser/src/assets/plan-mode-icon.svg b/browser/src/assets/plan-mode-icon.svg