fix: 字体、终端样式

src/webui/src/api/Log.ts

@@ -6,7 +6,11 @@ import { terminalManager } from '../terminal/terminal_manager';
 
 // 日志记录
 export const LogHandler: RequestHandler = async (req, res) => {
-    const filename = req.query.id as string;
+    const filename = req.query['id'];
+    if (!filename || typeof filename !== 'string') {
+        return sendError(res, 'ID不能为空');
+    }
+
     if (filename.includes('..')) {
         return sendError(res, 'ID不合法');
     }
@@ -40,7 +44,8 @@ export const LogRealTimeHandler: RequestHandler = async (req, res) => {
 // 终端相关处理器
 export const CreateTerminalHandler: RequestHandler = async (req, res) => {
     try {
-        const { id } = terminalManager.createTerminal();
+        const { cols, rows } = req.body;
+        const { id } = terminalManager.createTerminal(cols, rows);
         return sendSuccess(res, { id });
     } catch (error) {
         console.error('Failed to create terminal:', error);
@@ -54,7 +59,10 @@ export const GetTerminalListHandler: RequestHandler = (_, res) => {
 };
 
 export const CloseTerminalHandler: RequestHandler = (req, res) => {
-    const id = req.params.id;
+    const id = req.params['id'];
+    if (!id) {
+        return sendError(res, 'ID不能为空');
+    }
     terminalManager.closeTerminal(id);
     return sendSuccess(res, {});
 };

src/webui/src/terminal/terminal_manager.ts

@@ -13,6 +13,8 @@ interface TerminalInstance {
     sockets: Set<WebSocket>;
     // 新增标识，用于防止重复关闭
     isClosing: boolean;
+    // 新增：存储终端历史输出
+    buffer: string;
 }
 
 class TerminalManager {
@@ -67,21 +69,24 @@ class TerminalManager {
                     return;
                 }
 
-                const dataHandler = (data: string) => {
-                    if (ws.readyState === WebSocket.OPEN) {
-                        ws.send(JSON.stringify({ type: 'output', data }));
-                    }
-                };
-
                 instance.sockets.add(ws);
                 instance.lastAccess = Date.now();
 
+                // 新增：发送当前终端内容给新连接
+                if (ws.readyState === WebSocket.OPEN) {
+                    ws.send(JSON.stringify({ type: 'output', data: instance.buffer }));
+                }
+
                 ws.on('message', (data) => {
                     if (instance) {
                         const result = JSON.parse(data.toString());
                         if (result.type === 'input') {
                             instance.pty.write(result.data);
                         }
+                        // 新增：处理 resize 消息
+                        if (result.type === 'resize') {
+                            instance.pty.resize(result.cols, result.rows);
+                        }
                     }
                 });
 
@@ -103,18 +108,17 @@ class TerminalManager {
         });
     }
 
-    // 修改：移除参数 id，使用 crypto.randomUUID 生成终端 id
-    createTerminal() {
+    // 修改：新增 cols 和 rows 参数，同步 xterm 尺寸，防止错位
+    createTerminal(cols: number, rows: number) {
         const id = randomUUID();
         const shell = os.platform() === 'win32' ? 'powershell.exe' : 'bash';
         const pty = ptySpawn(shell, [], {
             name: 'xterm-256color',
-            cols: 80,
-            rows: 24,
+            cols, // 使用客户端传入的 cols
+            rows, // 使用客户端传入的 rows
             cwd: process.cwd(),
             env: {
                 ...process.env,
-                // 统一编码设置
                 LANG: os.platform() === 'win32' ? 'chcp 65001' : 'zh_CN.UTF-8',
                 TERM: 'xterm-256color',
             },
@@ -125,9 +129,13 @@ class TerminalManager {
             lastAccess: Date.now(),
             sockets: new Set(),
             isClosing: false,
+            buffer: '', // 初始化终端内容缓存
         };
 
         pty.onData((data: any) => {
+            // 追加数据到 buffer
+            instance.buffer += data;
+            // 发送数据给已连接的 websocket
             instance.sockets.forEach((ws) => {
                 if (ws.readyState === WebSocket.OPEN) {
                     ws.send(JSON.stringify({ type: 'output', data }));