feat: enhance ACP Chat queued messages and agentic workflow

.github/workflows/e2e.yml

@@ -54,7 +54,7 @@ jobs:
         run: |
           yarn run download-extension
           yarn run rebuild:node
-          SUPPORT_LOAD_WORKSPACE_BY_HASH=true yarn start:e2e &
+          SUPPORT_LOAD_WORKSPACE_BY_HASH=true OPENSUMI_E2E_COMMANDS=true yarn start:e2e &
           bash tools/playwright/scripts/wait.sh && cd tools/playwright && yarn run ui-tests-ci
 
       - name: Upload test results

.gitignore

@@ -9,6 +9,7 @@
 .DS_Store
 
 .package-temp-dir
+.tmp/
 
 # Logs
 logs

package.json

@@ -60,6 +60,7 @@
     "test:module": "cross-env NODE_OPTIONS=--max-old-space-size=5120 tsx ./scripts/module-jest",
     "test:ui": "tsx ./scripts/run-ui-tests",
     "test:ui-ci": "tsx ./scripts/run-ui-tests --ci=true",
+    "test:ui-concurrent-smoke": "tsx ./scripts/run-ui-tests --concurrentSmoke=true",
     "test:ui-headful": "tsx ./scripts/run-ui-tests --headful=true",
     "test:ui-report": "tsx ./scripts/run-ui-tests --report=true",
     "update-disttag": "tsx ./scripts/dist-tag",

packages/ai-native/__test__/browser/acp-chat-history.test.tsx

@@ -28,16 +28,17 @@ jest.mock('@opensumi/ide-components', () => {
         },
       }),
     Loading: () => React.createElement('span', { 'data-testid': 'acp-chat-history-loading' }),
-    Popover: ({ children, content, title }: any) =>
+    Popover: ({ children, content, id, position, title }: any) =>
       React.createElement(
         'div',
-        { 'data-testid': 'mock-popover', title },
+        { 'data-testid': 'mock-popover', 'data-popover-id': id, 'data-position': position, title },
         children,
         React.createElement('div', { 'data-testid': 'mock-popover-content' }, content),
       ),
     PopoverPosition: {
       bottomRight: 'bottomRight',
       top: 'top',
+      topLeft: 'topLeft',
     },
     PopoverTriggerType: {
       click: 'click',
@@ -225,24 +226,19 @@ describe('AcpChatHistory BDD', () => {
     expect(getRenderedItemIds()).toEqual(['acp:current', 'acp:middle', 'acp:oldest']);
   });
 
-  it('Given inline variant, when the header renders, then the title is replaced by the new-chat action', () => {
+  it('Given inline variant, when the header renders, then the title is replaced by inline actions without new chat', () => {
     const onNewChat = jest.fn();
     renderHistory({ variant: 'inline', title: 'AI Assistant', onNewChat });
 
     const title = container.querySelector('.chat_history_header_title') as HTMLElement;
     const newChatAction = title.querySelector('.chat_history_header_actions_new') as HTMLElement;
 
     expect(title.textContent).not.toContain('AI Assistant');
-    expect(newChatAction).not.toBeNull();
-
-    act(() => {
-      newChatAction.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-    });
-
-    expect(onNewChat).toHaveBeenCalledTimes(1);
+    expect(newChatAction).toBeNull();
+    expect(onNewChat).not.toHaveBeenCalled();
   });
 
-  it('Given inline variant has an MCP config action, when the header renders, then it appears after the new-chat action and opens MCP config', () => {
+  it('Given inline variant has an MCP config action, when the header renders, then it appears after collapse and opens MCP config', () => {
     const onOpenMCPConfig = jest.fn();
     renderHistory({ variant: 'inline', onOpenMCPConfig, onToggleHistoryCollapsed: jest.fn() });
 
@@ -254,11 +250,7 @@ describe('AcpChatHistory BDD', () => {
     ).map((action) => action.className);
     const mcpAction = inlineActions.querySelector('.chat_history_header_actions_mcp') as HTMLElement;
 
-    expect(actionClasses).toEqual([
-      'chat_history_header_actions_collapse',
-      'chat_history_header_actions_new',
-      'chat_history_header_actions_mcp',
-    ]);
+    expect(actionClasses).toEqual(['chat_history_header_actions_collapse', 'chat_history_header_actions_mcp']);
     expect(mcpAction).not.toBeNull();
 
     act(() => {
@@ -294,11 +286,20 @@ describe('AcpChatHistory BDD', () => {
     expect(onToggleHistoryCollapsed).toHaveBeenCalledTimes(1);
   });
 
+  it('Given inline variant supports collapse, when the collapse action renders at the left edge, then its tooltip opens toward the right', () => {
+    renderHistory({ variant: 'inline', onToggleHistoryCollapsed: jest.fn() });
+
+    const collapsePopover = container.querySelector('[data-popover-id="ai-chat-header-collapse-history"]');
+
+    expect(collapsePopover).not.toBeNull();
+    expect(collapsePopover?.getAttribute('data-position')).toBe('topLeft');
+  });
+
   it('Given inline history is collapsed, when it renders, then it keeps header actions and hides the history list', () => {
     renderHistory({ variant: 'inline', historyCollapsed: true, onToggleHistoryCollapsed: jest.fn() });
 
-    expect(container.querySelector('.chat_history_header_actions_new')).not.toBeNull();
     expect(container.querySelector('.chat_history_header_actions_collapse')).not.toBeNull();
+    expect(container.querySelector('.chat_history_header_actions_new')).toBeNull();
     expect(container.querySelector('[data-testid="acp-chat-history-collapsed"]')).not.toBeNull();
     expect(container.querySelector('[data-testid="acp-chat-history-inline"]')).toBeNull();
   });