@opensumi/ide-ai-native 3.8.3-next-1741752385.0 → 3.8.3-next-1741763277.0

package/src/browser/chat/chat-model.ts

@@ -6,6 +6,7 @@ import {
   IChatComponent,
   IChatMarkdownContent,
   IChatProgress,
+  IChatReasoning,
   IChatToolContent,
   IChatTreeData,
   uuid,
@@ -33,7 +34,8 @@ export type IChatProgressResponseContent =
   | IChatAsyncContent
   | IChatTreeData
   | IChatComponent
-  | IChatToolContent;
+  | IChatToolContent
+  | IChatReasoning;
 
 export class ChatResponseModel extends Disposable {
   #responseParts: IChatProgressResponseContent[] = [];
@@ -131,6 +133,18 @@ export class ChatResponseModel extends Disposable {
         };
       }
 
+      this.#updateResponseText();
+    } else if (progress.kind === 'reasoning') {
+      const lastResponsePart = this.#responseParts[responsePartLength];
+      if (!lastResponsePart || lastResponsePart.kind !== 'reasoning') {
+        // 去掉开头的 <think> 标签
+        this.#responseParts.push({ content: progress.content.replace(/^<think>/, ''), kind: 'reasoning' });
+      } else {
+        this.#responseParts[responsePartLength] = {
+          content: lastResponsePart.content + progress.content,
+          kind: 'reasoning',
+        };
+      }
       this.#updateResponseText();
     } else if (progress.kind === 'asyncContent') {
       // Add a new resolving part
@@ -181,6 +195,9 @@ export class ChatResponseModel extends Disposable {
         if (part.kind === 'toolCall') {
           return part.content.function.name;
         }
+        if (part.kind === 'reasoning') {
+          return '';
+        }
         return part.content.value;
       })
       .join('\n\n');
@@ -387,7 +404,7 @@ export class ChatModel extends Disposable implements IChatModel {
 
     const { kind } = progress;
 
-    const basicKind = ['content', 'markdownContent', 'asyncContent', 'treeData', 'component', 'toolCall'];
+    const basicKind = ['content', 'markdownContent', 'asyncContent', 'treeData', 'component', 'toolCall', 'reasoning'];
 
     if (basicKind.includes(kind)) {
       request.response.updateContent(progress, quiet);

package/src/browser/components/ChatReply.tsx

@@ -1,3 +1,4 @@
+import cls from 'classnames';
 import React, {
   Fragment,
   ReactNode,
@@ -40,6 +41,7 @@ import {
   IChatResponseProgressFileTreeData,
   IChatToolContent,
   URI,
+  localize,
 } from '@opensumi/ide-core-common';
 import { IIconService } from '@opensumi/ide-theme';
 import { IMarkdownString, MarkdownString } from '@opensumi/monaco-editor-core/esm/vs/base/common/htmlContent';
@@ -224,6 +226,28 @@ export const ChatReply = (props: IChatReplyProps) => {
   const chatApiService = useInjectable<ChatService>(ChatServiceToken);
   const chatAgentService = useInjectable<IChatAgentService>(IChatAgentService);
   const chatRenderRegistry = useInjectable<ChatRenderRegistry>(ChatRenderRegistryToken);
+  const [collapseThinkingIndexSet, setCollapseThinkingIndexSet] = useState<Set<number>>(
+    !request.response.isComplete
+      ? new Set()
+      : new Set(
+          request.response.responseContents
+            .map((item, index) => (item.kind === 'reasoning' ? index : -1))
+            .filter((item) => item !== -1),
+        ),
+  );
+
+  useEffect(() => {
+    if (request.response.isComplete) {
+      setCollapseThinkingIndexSet(
+        new Set(
+          request.response.responseContents
+            .map((item, index) => (item.kind === 'reasoning' ? index : -1))
+            .filter((item) => item !== -1),
+        ),
+      );
+    }
+  }, [request.response.isComplete]);
+
   useEffect(() => {
     const disposableCollection = new DisposableCollection();
 
@@ -263,23 +287,6 @@ export const ChatReply = (props: IChatReplyProps) => {
     onRegenerate?.();
   }, [onRegenerate]);
 
-  const onStop = () => {
-    if (onDone) {
-      onDone();
-    }
-    aiReporter.end(relationId, {
-      assistantMessage: request.response.responseText,
-      replytime: Date.now() - startTime,
-      success: false,
-      isStop: true,
-      command,
-      agentId,
-      messageId: msgId,
-      sessionId: aiChatService.sessionModel.sessionId,
-    });
-    aiChatService.cancelRequest();
-  };
-
   const renderMarkdown = useCallback(
     (markdown: IMarkdownString) => {
       if (chatRenderRegistry.chatAIRoleRender) {
@@ -313,12 +320,48 @@ export const ChatReply = (props: IChatReplyProps) => {
           node = <ComponentRender component={item.component} value={item.value} messageId={msgId} />;
         } else if (item.kind === 'toolCall') {
           node = <ToolCallRender toolCall={item.content} messageId={msgId} />;
+        } else if (item.kind === 'reasoning') {
+          // 思考中必然为最后一条
+          const isThinking = index === request.response.responseContents.length - 1 && !request.response.isComplete;
+          node = (
+            <div className={cls(styles.reasoning, { [styles.thinking]: isThinking })}>
+              <Button
+                size='small'
+                type='secondary'
+                className={styles.thinking}
+                onClick={() => {
+                  if (isThinking) {
+                    return;
+                  }
+                  if (collapseThinkingIndexSet.has(index)) {
+                    collapseThinkingIndexSet.delete(index);
+                  } else {
+                    collapseThinkingIndexSet.add(index);
+                  }
+                  setCollapseThinkingIndexSet(new Set(collapseThinkingIndexSet));
+                }}
+              >
+                <Icon iconClass='codicon codicon-sparkle' />
+                {localize('aiNative.chat.thinking')}
+                {isThinking ? (
+                  <Loading />
+                ) : collapseThinkingIndexSet.has(index) ? (
+                  <Icon iconClass='codicon codicon-chevron-right' />
+                ) : (
+                  <Icon iconClass='codicon codicon-chevron-down' />
+                )}
+              </Button>
+              {!collapseThinkingIndexSet.has(index) ? (
+                <div className={styles.reasoning_content}>{renderMarkdown(new MarkdownString(item.content))}</div>
+              ) : null}
+            </div>
+          );
         } else {
           node = renderMarkdown(item.content);
         }
         return <Fragment key={`${item.kind}-${index}`}>{node}</Fragment>;
       }),
-    [request.response.responseContents],
+    [request.response.responseContents, collapseThinkingIndexSet],
   );
 
   const followupNode = React.useMemo(() => {

package/src/browser/components/ChatThinking.tsx

@@ -33,7 +33,7 @@ export const ChatThinking = (props: ITinkingProps) => {
   );
 
   const renderContent = useCallback(() => {
-    if (!children || !message?.trim()) {
+    if (!children) {
       if (CustomThinkingRender) {
         return <CustomThinkingRender thinkingText={thinkingText} />;
       }

package/src/browser/components/WelcomeMsg.tsx

@@ -79,7 +79,7 @@ export const WelcomeMessage = () => {
     return (
       <div className={styles.chat_welcome_head}>
         <div className={styles.chat_container_des}>
-          {isMarkdownString(welcomeMessage) ? <ChatMarkdown markdown={welcomeMessage} /> : welcomeMessage}
+          {isMarkdownString(welcomeMessage) ? <ChatMarkdown key='welcome' markdown={welcomeMessage} /> : welcomeMessage}
         </div>
         <div className={styles.chat_container_content}>
           {allSampleQuestions.map((data: any, index) => {

package/src/browser/components/components.module.less

@@ -541,3 +541,27 @@
     }
   }
 }
+
+.reasoning {
+  .thinking {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    margin-bottom: 4px;
+    transition: color 0.2s ease-in-out;
+    :global {
+      .codicon {
+        color: inherit;
+      }
+      .codicon-sparkle {
+        margin-right: -1px;
+        font-size: 14px;
+      }
+    }
+  }
+  .reasoning_content {
+    padding-left: 12px;
+    border-left: 2px solid var(--descriptionForeground);
+    color: var(--descriptionForeground);
+  }
+}

package/src/browser/contrib/inline-completions/prompt/matcher.ts

@@ -244,8 +244,8 @@ export abstract class WindowedMatcher {
         tokens.slice(startLine, endLine).forEach((token) => token.forEach((word) => size.add(word)));
         cache.push(size);
       }
-      const traget = cache[index];
-      const score = this.similarityScore(traget, this.referenceTokens);
+      const target = cache[index];
+      const score = this.similarityScore(target, this.referenceTokens);
       snippets.push({
         score,
         startLine,

package/src/browser/contrib/inline-completions/prompt/similarSnippets.ts

@@ -15,9 +15,9 @@ import {
 import { MAX_NEIGHBOR_AGGREGATE_LENGTH } from './const';
 import { FixedWindowSizeJaccardMatcher } from './jaccardMatcher';
 
-export const getOpenedTabFileList = (docuemnts: IEditorDocumentModel[]) => {
+export const getOpenedTabFileList = (documents: IEditorDocumentModel[]) => {
   // 过滤超大文档
-  const recentFiles = docuemnts.filter((document) => isDocumentValid(document));
+  const recentFiles = documents.filter((document) => isDocumentValid(document));
   return recentFiles;
 };
 

package/src/browser/contrib/intelligent-completions/view/default.ts

@@ -29,7 +29,6 @@ import {
 
 import { CodeEditsResultValue, ICodeEdit, ICodeEditsResult } from '../index';
 
-
 import { BaseCodeEditsView } from './base';
 
 /**

package/src/browser/mcp/config/components/mcp-config.view.tsx

@@ -4,8 +4,8 @@ import React, { useCallback } from 'react';
 import { Badge } from '@opensumi/ide-components';
 import { AINativeSettingSectionsId, ILogger, useInjectable } from '@opensumi/ide-core-browser';
 import { PreferenceService } from '@opensumi/ide-core-browser/lib/preferences';
-import { localize } from '@opensumi/ide-core-common';
-import { IMessageService } from '@opensumi/ide-overlay/lib/common';
+import { PreferenceScope, localize } from '@opensumi/ide-core-common';
+import { IMessageService } from '@opensumi/ide-overlay';
 
 import { BUILTIN_MCP_SERVER_NAME, ISumiMCPServerBackend, SumiMCPServerProxyServicePath } from '../../../../common';
 import { MCPServerDescription } from '../../../../common/mcp-server-manager';
@@ -18,13 +18,13 @@ import { MCPServerForm, MCPServerFormData } from './mcp-server-form';
 export const MCPConfigView: React.FC = () => {
   const mcpServerProxyService = useInjectable<MCPServerProxyService>(MCPServerProxyService);
   const preferenceService = useInjectable<PreferenceService>(PreferenceService);
+  const messageService = useInjectable<IMessageService>(IMessageService);
   const sumiMCPServerBackendProxy = useInjectable<ISumiMCPServerBackend>(SumiMCPServerProxyServicePath);
   const logger = useInjectable<ILogger>(ILogger);
-  const messageService = useInjectable<IMessageService>(IMessageService);
   const [servers, setServers] = React.useState<MCPServer[]>([]);
   const [formVisible, setFormVisible] = React.useState(false);
   const [editingServer, setEditingServer] = React.useState<MCPServerFormData | undefined>();
-
+  const [loadingServer, setLoadingServer] = React.useState<string | undefined>();
   const loadServers = useCallback(async () => {
     const allServers = await mcpServerProxyService.$getServers();
     setServers(allServers);
@@ -44,6 +44,7 @@ export const MCPConfigView: React.FC = () => {
   const handleServerControl = useCallback(
     async (serverName: string, start: boolean) => {
       try {
+        setLoadingServer(serverName);
         if (start) {
           await mcpServerProxyService.$startServer(serverName);
         } else {
@@ -87,12 +88,14 @@ export const MCPConfigView: React.FC = () => {
           });
         }
 
-        await preferenceService.set(AINativeSettingSectionsId.MCPServers, updatedServers);
+        await preferenceService.set(AINativeSettingSectionsId.MCPServers, updatedServers, PreferenceScope.User);
         await loadServers();
+        setLoadingServer(undefined);
       } catch (error) {
         const msg = error.message || error;
         logger.error(`Failed to ${start ? 'start' : 'stop'} server ${serverName}:`, error);
-        messageService.error(`Failed to ${start ? 'start' : 'stop'} server ${serverName}:` + msg);
+        messageService.error(error.message);
+        setLoadingServer(undefined);
       }
     },
     [mcpServerProxyService, preferenceService, sumiMCPServerBackendProxy, loadServers],
@@ -121,7 +124,7 @@ export const MCPConfigView: React.FC = () => {
       const servers = preferenceService.get<MCPServerFormData[]>(AINativeSettingSectionsId.MCPServers, []);
       const updatedServers = servers.filter((s) => s.name !== serverName);
       sumiMCPServerBackendProxy.removeServer(serverName);
-      await preferenceService.set(AINativeSettingSectionsId.MCPServers, updatedServers);
+      await preferenceService.set(AINativeSettingSectionsId.MCPServers, updatedServers, PreferenceScope.User);
       await loadServers();
     },
     [editingServer, formVisible],
@@ -140,7 +143,7 @@ export const MCPConfigView: React.FC = () => {
       setServers(servers as MCPServer[]);
       setFormVisible(false);
       await sumiMCPServerBackendProxy.addOrUpdateServer(data as MCPServerDescription);
-      await preferenceService.set(AINativeSettingSectionsId.MCPServers, servers);
+      await preferenceService.set(AINativeSettingSectionsId.MCPServers, servers, PreferenceScope.User);
       await loadServers();
     },
     [servers, formVisible, loadServers],
@@ -164,10 +167,10 @@ export const MCPConfigView: React.FC = () => {
       <div className={styles.header}>
         <div>
           <h2 className={styles.title}>MCP Servers</h2>
-          <p className={styles.description}>Manage your MCP server connections.</p>
+          <p className={styles.description}>{localize('ai.native.mcp.manage.connections')}</p>
         </div>
         <button className={styles.addButton} onClick={handleAddServer}>
-          + Add new MCP server
+          + {localize('ai.native.mcp.addMCPServer.title')}
         </button>
       </div>
       <div className={styles.serversList}>
@@ -188,7 +191,15 @@ export const MCPConfigView: React.FC = () => {
                   title={server.isStarted ? 'Stop' : 'Start'}
                   onClick={() => handleServerControl(server.name, !server.isStarted)}
                 >
-                  <i className={`codicon ${server.isStarted ? 'codicon-debug-stop' : 'codicon-debug-start'}`} />
+                  <i
+                    className={`codicon ${
+                      loadingServer === server.name
+                        ? 'codicon-loading kt-icon-loading'
+                        : server.isStarted
+                        ? 'codicon-debug-stop'
+                        : 'codicon-debug-start'
+                    }`}
+                  />
                 </button>
                 {server.name !== BUILTIN_MCP_SERVER_NAME && (
                   <button className={styles.iconButton} title='Delete' onClick={() => handleDeleteServer(server.name)}>
@@ -201,7 +212,7 @@ export const MCPConfigView: React.FC = () => {
               <div className={styles.detailRow}>
                 <span className={styles.detailLabel}>Status:</span>
                 <span className={`${styles.serverStatus} ${server.isStarted ? styles.running : styles.stopped}`}>
-                  {server.isStarted ? 'Running' : 'Stopped'}
+                  {server.isStarted ? localize('ai.native.mcp.running') : localize('ai.native.mcp.stopped')}
                 </span>
               </div>
               {server.type && (

package/src/browser/mcp/config/components/mcp-server-form.tsx

@@ -67,35 +67,75 @@ export const MCPServerForm: FC<Props> = ({ visible, initialData, onSave, onCance
     );
   }, [initialData]);
 
-  const handleSubmit = (e: FormEvent) => {
-    e.preventDefault();
-    const isValid = validateForm(formData);
-    if (!isValid) {
-      return;
-    }
-    const form = {
-      ...formData,
-    };
-    if (formData.type === MCP_SERVER_TYPE.SSE) {
-      form.serverHost = form.serverHost?.trim();
-    } else {
-      const args = argsText.split(' ').filter(Boolean);
-      const env = envText
-        .split('\n')
-        .filter(Boolean)
-        .reduce((acc, line) => {
-          const [key, value] = line.split('=');
-          if (key && value) {
-            acc[key.trim()] = value.trim();
-          }
-          return acc;
-        }, {} as Record<string, string>);
-      form.args = args;
-      form.env = env;
-    }
+  const validateForm = useCallback(
+    (formData: MCPServerFormData) => {
+      if (formData.name.trim() === '') {
+        messageService.error(localize('ai.native.mcp.name.isRequired'));
+        return false;
+      }
+      if (
+        !initialData &&
+        existingServers.some((server) => server.name.toLocaleLowerCase() === formData.name.toLocaleLowerCase())
+      ) {
+        messageService.error(formatLocalize('ai.native.mcp.serverNameExists', formData.name));
+        return false;
+      }
+      if (formData.type === MCP_SERVER_TYPE.SSE) {
+        const isServerHostValid = formData.serverHost?.trim() !== '';
+        if (!isServerHostValid) {
+          messageService.error(localize('ai.native.mcp.serverHost.isRequired'));
+        }
+        return isServerHostValid;
+      }
+      const isCommandValid = formData.command?.trim() !== '';
+      if (!isCommandValid) {
+        messageService.error(localize('ai.native.mcp.command.isRequired'));
+      }
+      return isCommandValid;
+    },
+    [existingServers, initialData],
+  );
 
-    onSave(form);
-  };
+  const handleSubmit = useCallback(
+    (e: FormEvent) => {
+      e.preventDefault();
+      const isValid = validateForm(formData);
+      if (!isValid) {
+        return;
+      }
+      const form = {
+        ...formData,
+      };
+      if (formData.type === MCP_SERVER_TYPE.SSE) {
+        form.serverHost = form.serverHost?.trim();
+      } else {
+        const args = argsText.split(' ').filter(Boolean);
+        const env = envText
+          .split('\n')
+          .filter(Boolean)
+          .reduce((acc, line) => {
+            const [key, value] = line.split('=');
+            if (key && value) {
+              acc[key.trim()] = value.trim();
+            }
+            return acc;
+          }, {} as Record<string, string>);
+        form.args = args;
+        form.env = env;
+      }
+
+      setFormData({
+        ...formData,
+        command: '',
+        serverHost: '',
+        args: [],
+        env: {},
+      });
+
+      onSave(form);
+    },
+    [formData, argsText, envText, onSave, validateForm],
+  );
 
   const handleCommandChange = useCallback(
     (e: ChangeEvent<HTMLInputElement>) => {
@@ -183,32 +223,6 @@ export const MCPServerForm: FC<Props> = ({ visible, initialData, onSave, onCance
     }
   }, [formData, argsText, envText]);
 
-  const validateForm = useCallback(
-    (formData: MCPServerFormData) => {
-      if (formData.name.trim() === '') {
-        messageService.error(localize('ai.native.mcp.name.isRequired'));
-        return false;
-      }
-      if (existingServers.some((server) => server.name.toLocaleLowerCase() === formData.name.toLocaleLowerCase())) {
-        messageService.error(formatLocalize('ai.native.mcp.serverNameExists', formData.name));
-        return false;
-      }
-      if (formData.type === MCP_SERVER_TYPE.SSE) {
-        const isServerHostValid = formData.serverHost?.trim() !== '';
-        if (!isServerHostValid) {
-          messageService.error(localize('ai.native.mcp.serverHost.isRequired'));
-        }
-        return isServerHostValid;
-      }
-      const isCommandValid = formData.command?.trim() !== '';
-      if (!isCommandValid) {
-        messageService.error(localize('ai.native.mcp.command.isRequired'));
-      }
-      return isCommandValid;
-    },
-    [existingServers],
-  );
-
   return (
     <Modal
       title={initialData ? localize('ai.native.mcp.editMCPServer.title') : localize('ai.native.mcp.addMCPServer.title')}

package/src/browser/mcp/mcp-server.feature.registry.ts

@@ -60,7 +60,7 @@ export class MCPServerRegistry implements IMCPServerRegistry {
   }
 
   getMCPTools(): MCPToolDefinition[] {
-    return this.tools;
+    return this.tools.sort((a, b) => (a.order ?? Infinity) - (b.order ?? Infinity));
   }
 
   async callMCPTool(

package/src/browser/mcp/tools/components/ExpandableFileList.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useMemo, useState } from 'react';
 
+import { Icon } from '@opensumi/ide-components/lib/icon/icon';
 import { CommandService, LabelService, URI, path, useInjectable } from '@opensumi/ide-core-browser';
 import { WorkbenchEditorService } from '@opensumi/ide-editor';
 import { IWorkspaceService } from '@opensumi/ide-workspace';
@@ -110,7 +111,9 @@ const ExpandableFileList: React.FC<ExpandableFileListProps> = ({
   return (
     <div className={styles.container}>
       <div className={styles.header} onClick={() => setIsExpanded(!isExpanded)}>
-        <span style={{ transform: `rotate(${isExpanded ? '90deg' : '0deg'})` }}>▶</span>
+        <span style={{ transform: `rotate(${isExpanded ? '90deg' : '0deg'})`, display: 'flex' }}>
+          <Icon iconClass={'codicon codicon-chevron-right'} />
+        </span>
         <span>
           {headerText} · {fileList.length} files
         </span>

package/src/browser/mcp/tools/components/Terminal.tsx

@@ -3,11 +3,11 @@ import React, { memo, useCallback, useMemo, useState } from 'react';
 import { useInjectable } from '@opensumi/ide-core-browser';
 import { Button, Icon } from '@opensumi/ide-core-browser/lib/components';
 import { localize } from '@opensumi/ide-core-common';
-import { stripAnsi } from '@opensumi/ide-utils/lib/ansi';
 
 import { IMCPServerToolComponentProps } from '../../../types';
 import { RunCommandHandler } from '../handlers/RunCommand';
 
+import { computeAnsiLogString } from './computeAnsiLogString';
 import styles from './index.module.less';
 
 function getResult(raw: string) {
@@ -63,19 +63,17 @@ export const TerminalToolComponent = memo((props: IMCPServerToolComponentProps)
             <>
               <div className={styles.command_title}>
                 <Icon icon='terminal' />
-                <span>{localize('ai.native.mcp.terminal.command')}</span>
+                <span>{localize('ai.native.mcp.terminal.command')}:</span>
               </div>
               <p className={styles.command_content}>
                 <code>$ {args.command}</code>
               </p>
             </>
           )}
-          <div className={styles.command_title}>
-            <span>{localize('ai.native.mcp.terminal.output')}</span>
-          </div>
           {output ? (
             <div className={styles.command_content}>
-              <code>{stripAnsi(output.text)}</code>
+              <Icon icon='output' />
+              <code dangerouslySetInnerHTML={{ __html: computeAnsiLogString(output.text || '') }} />
             </div>
           ) : (
             ''

package/src/browser/mcp/tools/components/computeAnsiLogString.ts

@@ -0,0 +1,24 @@
+import AnsiUp from 'ansi_up';
+
+import filterEraseMultipleLine from './filterEraseMultipleLine';
+
+type LogContent = string;
+
+const ansiUp = new AnsiUp();
+
+export function computeAnsiLogString(logs: LogContent, enableEraseLineFilter = true, hideEmptyLine = false): string {
+  const splittedLogs = logs.split('\n');
+  // 处理清空上行逻辑
+  // 上移 cursor + 清空整行
+  let filteredLogs = enableEraseLineFilter ? filterEraseMultipleLine(splittedLogs) : splittedLogs;
+  if (hideEmptyLine) {
+    filteredLogs = filteredLogs.map((line) => line.replace('\r', '')).filter((line) => !!line);
+  }
+
+  const htmlLogLines = filteredLogs.map((line) => {
+    const htmlLog = ansiUp.ansi_to_html(line);
+
+    return htmlLog;
+  });
+  return htmlLogLines.join('\n');
+}

package/src/browser/mcp/tools/components/filterEraseMultipleLine.ts

@@ -0,0 +1,71 @@
+export const ESC = '\u001B[';
+export const eraseLine = ESC + '2K';
+export const eraseEndLine = ESC + 'K';
+
+export const cursorUp = (count = 1) => ESC + count + 'A';
+
+/**
+ * 处理过滤清空上行，清空本行逻辑。
+ *
+ * 关于清空上 n 行：
+ * 一般在日志中，出现覆盖上行的情况，ascii 编码为 2K [1A 2K ...] 1G 的样式。 如 \u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[G\r\n，代表清空上两行。
+ * 其中，2K 代表清空整行，1A 代表光标上移，配合下一个 2K 则最终效果为清空上行，而 1G 是移动光标到本行开始（位置 1）。
+ * 在日志过滤过程中，可以只处理 1A 2K 这个序列，遇到后把该日志的上一行删掉即可。
+ *
+ * 关于清空本行，按顺序执行：
+ * 1. 在当前行没有 Cursor 操作符（如上移时），匹配最后一个 [2K （清空本行）或 \r[K（指针回 0，再清空本行到末尾，相当于清空本行），只输出 [2K 后的内容，
+ * 2. 在当前行没有 Cursor 操作符时且有多个 \r （carriage return charactor，移动光标到行首）时，reduce 按 \r \x1b[G 或 \x1b[1G 切分的片断，不段用后一 part 的部分从头覆盖得出结果。
+ */
+export default function filterEraseMultipleLine(logs: string[]) {
+  // 上移 cursor + 清空整行
+  const eraseLastLine = cursorUp(1) + eraseLine;
+  const eraseCurrentLine = eraseLine;
+  const eraseCurrentLine2 = `\r${eraseEndLine}`;
+
+  const moveCursorToLeftRegStrs = ['\\r', '\\u001b\\[G', '\\u001b\\[1G'];
+  const moveCursorToLeftRegStr = new RegExp(`${moveCursorToLeftRegStrs.join('|')}`);
+
+  const filteredLogs = logs.reduce((acc: string[], nowLine) => {
+    // 当前清空上行搜索指针
+    let pos = 0;
+    const step = eraseLastLine.length;
+
+    while (true) {
+      pos = nowLine.indexOf(eraseLastLine, pos);
+      // 出现清空上行
+      if (pos >= 0) {
+        pos += step;
+        acc.pop();
+      } else {
+        break;
+      }
+    }
+
+    // 对单行日志的重写做处理
+    // 简单处理，不去解析真正的 Cursor 所在行，否则逻辑过于麻烦
+    // 处理 [2K
+    let lastErasePos = nowLine.lastIndexOf(eraseCurrentLine);
+    if (lastErasePos < 0) {
+      // 处理 \r[K
+      lastErasePos = nowLine.lastIndexOf(eraseCurrentLine2);
+    }
+    if (lastErasePos > 0) {
+      // 从后向前搜索最后一个清行操作
+      nowLine = nowLine.slice(lastErasePos);
+    }
+
+    // 处理多 \r 情况，当 \r 连续时，切分出的空字段无用，过滤掉
+    const carriageRewrites = nowLine.split(moveCursorToLeftRegStr).filter((part) => !!part);
+    if (carriageRewrites.length > 1) {
+      nowLine = carriageRewrites.reduce((nextNowLine, nowPart) => {
+        const leftPart = nextNowLine.slice(nowPart.length);
+        return nowPart + leftPart;
+      }, '');
+    }
+
+    acc.push(nowLine);
+    return acc;
+  }, []);
+
+  return filteredLogs;
+}