@electerm/electerm-react 3.15.126 → 3.15.138

package/client/common/constants.js

@@ -256,6 +256,7 @@ export const regexHelpLink = 'https://github.com/electerm/electerm/wiki/Terminal
 export const connectionHoppingWikiLink = 'https://github.com/electerm/electerm/wiki/Connection-Hopping-Behavior-Change-in-electerm-since-v1.50.65'
 export const aiConfigWikiLink = 'https://github.com/electerm/electerm/wiki/AI-model-config-guide'
 export const aiChatModeLsKey = 'ai-chat-mode'
+export const lastAiChatSessionIdKey = 'last-ai-chat-session-id'
 export const modals = {
   hide: 0,
   setting: 1

package/client/common/parse-quick-connect.js

@@ -53,6 +53,7 @@ const TYPE_DEFAULT_VALUES = {
     enableSsh: true,
     enableSftp: true,
     useSshAgent: true,
+    authType: 'password',
     term: 'xterm-256color',
     encode: 'utf-8',
     envLang: 'en_US.UTF-8'
@@ -137,8 +138,8 @@ function parseQuickConnect (str) {
       // Shortcut format - default to SSH
       // Match user@host or user@host:port or just host or host:port
       // Use last colon to determine port for host:port format
-      if (/^[\w.-]+@[\w.-]+/.test(input)) {
-        // user@host or user@host:port
+      if (/^[\w.-]+(?::[^@]+)?@[\w.-]+/.test(input)) {
+        // user@host, user:password@host, or user@host:port
         protocol = 'ssh'
         connectionString = input
       } else if (/^[\w.-]+:.*:[\d]+$/.test(input)) {

package/client/components/ai/agent.js

@@ -46,13 +46,22 @@ async function callBackendAIchatWithTools (messages, config) {
   )
 }
 
-export async function runAgentLoop (chatEntry, config, abortRef, setIsStreaming) {
+export async function runAgentLoop (chatEntry, config, abortRef, setIsStreaming, conversationMessages = null) {
   window.store.agentRunning = true
   try {
-    const messages = [
-      { role: 'system', content: buildAgentSystemPrompt(config) },
-      { role: 'user', content: chatEntry.prompt }
-    ]
+    let messages
+    if (conversationMessages && conversationMessages.length > 1) {
+      // Replace system message with agent system prompt, keep conversation history
+      messages = [
+        { role: 'system', content: buildAgentSystemPrompt(config) },
+        ...conversationMessages.filter(m => m.role !== 'system')
+      ]
+    } else {
+      messages = [
+        { role: 'system', content: buildAgentSystemPrompt(config) },
+        { role: 'user', content: chatEntry.prompt }
+      ]
+    }
     const toolCallsLog = []
     let accumulatedContent = ''
 

package/client/components/ai/ai-chat-history-item.jsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef, useCallback } from 'react'
+import { useState, useEffect, useRef, useCallback, useMemo } from 'react'
 import AIOutput from './ai-output'
 import AIStopIcon from './ai-stop-icon'
 import AgentToolCallCard from './agent-tool-call-card'
@@ -22,6 +22,7 @@ export default function AIChatHistoryItem ({ item }) {
   const {
     prompt,
     sessionId,
+    chatSessionId,
     nameAI,
     modelAI,
     roleAI,
@@ -29,6 +30,7 @@ export default function AIChatHistoryItem ({ item }) {
     apiPathAI,
     apiKeyAI,
     proxyAI,
+    authHeaderNameAI,
     languageAI,
     mode,
     toolCalls
@@ -43,6 +45,50 @@ export default function AIChatHistoryItem ({ item }) {
     return roleAI + `;用[${lang}]回复`
   }
 
+  const conversationMessages = useMemo(() => {
+    if (!chatSessionId) {
+      return null
+    }
+    const sessionEntries = window.store.aiChatHistory
+      .filter(h => h.chatSessionId === chatSessionId && h.timestamp <= item.timestamp)
+      .sort((a, b) => a.timestamp - b.timestamp)
+
+    // Find the last compress entry
+    let lastCompressIndex = -1
+    for (let i = sessionEntries.length - 1; i >= 0; i--) {
+      if (sessionEntries[i].compressed) {
+        lastCompressIndex = i
+        break
+      }
+    }
+
+    const messages = [
+      { role: 'system', content: buildRole() }
+    ]
+
+    // Start from the last compress entry (if any), skip older history
+    const startIndex = lastCompressIndex >= 0 ? lastCompressIndex : 0
+    for (let i = startIndex; i < sessionEntries.length; i++) {
+      const entry = sessionEntries[i]
+      if (entry.compressed) {
+        messages.push({
+          role: 'user',
+          content: `Here is a summary of our previous conversation for context:\n\n${entry.response}`
+        })
+        messages.push({
+          role: 'assistant',
+          content: 'Understood. I will use this context as we continue.'
+        })
+      } else {
+        messages.push({ role: 'user', content: entry.prompt })
+        if (entry.response && entry.id !== item.id) {
+          messages.push({ role: 'assistant', content: entry.response })
+        }
+      }
+    }
+    return messages
+  }, [chatSessionId, item.id, item.timestamp])
+
   const pollStreamContent = useCallback(async (sid) => {
     try {
       const streamResponse = await window.pre.runGlobalAsync('getStreamContent', sid)
@@ -81,7 +127,9 @@ export default function AIChatHistoryItem ({ item }) {
         apiPathAI,
         apiKeyAI,
         proxyAI,
-        true
+        true,
+        authHeaderNameAI,
+        conversationMessages
       )
 
       if (aiResponse && aiResponse.error) {
@@ -107,7 +155,7 @@ export default function AIChatHistoryItem ({ item }) {
       window.store.removeAiHistory(item.id)
       window.store.onError(error)
     }
-  }, [prompt, modelAI, baseURLAI, apiPathAI, apiKeyAI, proxyAI, item.id, pollStreamContent])
+  }, [prompt, modelAI, baseURLAI, apiPathAI, apiKeyAI, proxyAI, authHeaderNameAI, item.id, pollStreamContent, conversationMessages])
 
   const startAgentRequest = useCallback(async () => {
     abortRef.current = false
@@ -118,10 +166,11 @@ export default function AIChatHistoryItem ({ item }) {
       apiPathAI,
       apiKeyAI,
       proxyAI,
-      languageAI
+      languageAI,
+      authHeaderNameAI
     }
-    await runAgentLoop(item, config, abortRef, setIsStreaming)
-  }, [modelAI, roleAI, baseURLAI, apiPathAI, apiKeyAI, proxyAI, languageAI, item.id])
+    await runAgentLoop(item, config, abortRef, setIsStreaming, conversationMessages)
+  }, [modelAI, roleAI, baseURLAI, apiPathAI, apiKeyAI, proxyAI, languageAI, authHeaderNameAI, item.id, conversationMessages])
 
   useEffect(() => {
     if (item.pending) {

package/client/components/ai/ai-chat-session.jsx

@@ -0,0 +1,51 @@
+import { Flex, Button, Popconfirm } from 'antd'
+import { DeleteOutlined, MessageOutlined } from '@ant-design/icons'
+
+export default function AiChatSession ({
+  session,
+  isActive,
+  onLoadSession,
+  onDeleteSession
+}) {
+  const time = new Date(session.timestamp).toLocaleString()
+  const preview = session.firstPrompt.length > 80
+    ? session.firstPrompt.substring(0, 80) + '...'
+    : session.firstPrompt
+  return (
+    <div
+      key={session.sessionId}
+      className={`ai-chat-session-item${isActive ? ' active' : ''}`}
+      onClick={() => onLoadSession(session.sessionId)}
+    >
+      <Flex vertical className='ai-chat-session-content'>
+        <Flex align='center' className='ai-chat-session-header'>
+          <MessageOutlined className='mg1r' />
+          <span className='ai-chat-session-preview'>{preview}</span>
+        </Flex>
+        <Flex justify='space-between' align='center' className='ai-chat-session-meta'>
+          <span className='ai-chat-session-time'>{time}</span>
+          <span className='ai-chat-session-count'>{session.messageCount} messages</span>
+        </Flex>
+      </Flex>
+      <Popconfirm
+        title='Delete this chat session?'
+        okText='Delete'
+        cancelText='Cancel'
+        onConfirm={(e) => {
+          e?.stopPropagation()
+          onDeleteSession(session.sessionId)
+        }}
+        onCancel={(e) => e?.stopPropagation()}
+      >
+        <Button
+          size='small'
+          type='text'
+          danger
+          icon={<DeleteOutlined />}
+          onClick={(e) => e.stopPropagation()}
+          className='ai-chat-session-delete'
+        />
+      </Popconfirm>
+    </div>
+  )
+}

package/client/components/ai/ai-chat-sessions.jsx

@@ -0,0 +1,59 @@
+import { Flex, Button, Popconfirm, Empty } from 'antd'
+import { ClearOutlined } from '@ant-design/icons'
+import AiChatSession from './ai-chat-session'
+
+const e = window.translate
+
+export default function AiChatSessions ({
+  sessions,
+  currentChatSessionId,
+  onLoadSession,
+  onDeleteSession,
+  onClearAll
+}) {
+  if (!sessions || sessions.length === 0) {
+    return (
+      <Flex
+        vertical
+        align='center'
+        justify='center'
+        className='ai-chat-sessions-empty'
+      >
+        <Empty
+          description='No chat history yet'
+          image={Empty.PRESENTED_IMAGE_SIMPLE}
+        />
+      </Flex>
+    )
+  }
+
+  return (
+    <div className='ai-chat-sessions-wrap'>
+      <Flex justify='end' className='ai-chat-sessions-toolbar'>
+        <Popconfirm
+          title='?'
+          okText={e('clear')}
+          cancelText={e('cancel')}
+          onConfirm={onClearAll}
+        >
+          <Button
+            size='small'
+            danger
+            icon={<ClearOutlined />}
+          >
+            {e('clear')}
+          </Button>
+        </Popconfirm>
+      </Flex>
+      {sessions.map(session => (
+        <AiChatSession
+          key={session.sessionId}
+          session={session}
+          isActive={session.sessionId === currentChatSessionId}
+          onLoadSession={onLoadSession}
+          onDeleteSession={onDeleteSession}
+        />
+      ))}
+    </div>
+  )
+}

package/client/components/ai/ai-chat.jsx

@@ -1,13 +1,16 @@
 import { useState, useCallback, useEffect } from 'react'
-import { Flex, Input, Popconfirm, Segmented } from 'antd'
+import { Flex, Input, Segmented, Button } from 'antd'
 import TabSelect from '../footer/tab-select'
 import AiChatHistory from './ai-chat-history'
+import AiChatSessions from './ai-chat-sessions'
 import uid from '../../common/uid'
 import { pick } from 'lodash-es'
 import {
   SettingOutlined,
   SendOutlined,
-  UnorderedListOutlined
+  PlusOutlined,
+  HistoryOutlined,
+  CompressOutlined
 } from '@ant-design/icons'
 import {
   aiConfigWikiLink,
@@ -19,14 +22,27 @@ import { refsStatic } from '../common/ref'
 import './ai.styl'
 
 const { TextArea } = Input
-const MAX_HISTORY = 100
+const MAX_HISTORY = 500
 
 export default function AIChat (props) {
   const [prompt, setPrompt] = useState('')
+  const [compressing, setCompressing] = useState(false)
   const [mode, setMode] = useState(() => getItem(aiChatModeLsKey) || 'ask')
   const isAgent = mode === 'agent'
   const submitDisabled = isAgent && props.agentRunning
 
+  const currentChatSessionId = props.currentChatSessionId || ''
+
+  useEffect(() => {
+    if (!currentChatSessionId && props.rightPanelTab === 'ai') {
+      window.store.startNewChat()
+    }
+  }, [currentChatSessionId, props.rightPanelTab])
+
+  const sessionHistory = (props.aiChatHistory || []).filter(
+    h => h.chatSessionId === currentChatSessionId
+  )
+
   function handlePromptChange (e) {
     setPrompt(e.target.value)
   }
@@ -50,6 +66,7 @@ export default function AIChat (props) {
       isStreaming: false,
       pending: true,
       sessionId: null,
+      chatSessionId: currentChatSessionId,
       mode,
       toolCalls: [],
       ...pick(props.config, [
@@ -60,7 +77,8 @@ export default function AIChat (props) {
         'apiPathAI',
         'apiKeyAI',
         'proxyAI',
-        'languageAI'
+        'languageAI',
+        'authHeaderNameAI'
       ]),
       timestamp: Date.now(),
       id: chatId
@@ -72,12 +90,23 @@ export default function AIChat (props) {
     if (window.store.aiChatHistory.length > MAX_HISTORY) {
       window.store.aiChatHistory.splice(MAX_HISTORY)
     }
-  }, [prompt, mode])
+  }, [prompt, mode, currentChatSessionId])
 
   function renderHistory () {
+    if (props.showChatSessions) {
+      return (
+        <AiChatSessions
+          sessions={window.store.getChatSessions()}
+          currentChatSessionId={currentChatSessionId}
+          onLoadSession={(sid) => window.store.loadChatSession(sid)}
+          onDeleteSession={(sid) => window.store.deleteChatSession(sid)}
+          onClearAll={() => window.store.clearAllChatSessions()}
+        />
+      )
+    }
     return (
       <AiChatHistory
-        history={props.aiChatHistory}
+        history={sessionHistory}
       />
     )
   }
@@ -86,8 +115,21 @@ export default function AIChat (props) {
     window.store.toggleAIConfig()
   }
 
-  function clearHistory () {
-    window.store.aiChatHistory = []
+  function handleNewChat () {
+    window.store.startNewChat()
+  }
+
+  async function handleCompressSession () {
+    setCompressing(true)
+    try {
+      await window.store.compressChatSession(currentChatSessionId)
+    } finally {
+      setCompressing(false)
+    }
+  }
+
+  function handleShowHistory () {
+    window.store.toggleChatSessions()
   }
 
   function renderTabSelect () {
@@ -146,14 +188,43 @@ export default function AIChat (props) {
       }
     }
   }
-
+  const e = window.translate
   return (
     <Flex vertical className='ai-chat-container'>
       <Flex className='ai-chat-history' flex='auto'>
         {renderHistory()}
       </Flex>
 
-      <Flex className='ai-chat-input'>
+      <Flex vertical className='ai-chat-input'>
+        <Flex className='ai-chat-toolbar mg1b' align='left' gap={4}>
+          <Button
+            size='small'
+            icon={<PlusOutlined />}
+            onClick={handleNewChat}
+            className='mg1r'
+          >
+            {e('new')}
+          </Button>
+          {sessionHistory.length >= 2 && (
+            <Button
+              size='small'
+              icon={<CompressOutlined />}
+              onClick={handleCompressSession}
+              loading={compressing}
+              className='mg1r'
+            >
+              {e('compress')}
+            </Button>
+          )}
+          <Button
+            size='small'
+            icon={<HistoryOutlined />}
+            onClick={handleShowHistory}
+            type={props.showChatSessions ? 'primary' : 'default'}
+          >
+            {e('history')}
+          </Button>
+        </Flex>
         <TextArea
           value={prompt}
           onChange={handlePromptChange}
@@ -175,17 +246,6 @@ export default function AIChat (props) {
               onClick={toggleConfig}
               className='mg1l pointer icon-hover toggle-ai-setting-icon'
             />
-            <Popconfirm
-              title={window.translate('clear') + ' AI ' + window.translate('history') + '?'}
-              okText={window.translate('ok')}
-              cancelText={window.translate('cancel')}
-              onConfirm={clearHistory}
-            >
-              <UnorderedListOutlined
-                className='mg2x pointer clear-ai-icon icon-hover'
-                title='Clear AI chat history'
-              />
-            </Popconfirm>
             <HelpIcon
               link={aiConfigWikiLink}
             />

package/client/components/ai/ai-config.jsx

@@ -143,11 +143,14 @@ export default function AIConfigForm ({ initialValues, onSubmit, showAIConfig })
     return { label, title }
   }
 
-  function renderApiUrlLabel () {
+  function renderApiKeyLabel () {
     if (baseURLAI === 'https://api.atlascloud.ai/v1') {
-      return <span>API URL (<Link to='https://atlascloud.ai'>AtlasCloud</Link>)</span>
+      return <span className='bold'>API Key (<Link to='https://www.atlascloud.ai/?utm_source=electerm_app&utm_medium=link&utm_campaign=electerm'>get API key from atlascloud</Link>)</span>
     }
-    return 'API URL'
+    if (baseURLAI === 'https://ai.electerm.org/api/ai') {
+      return <span className='bold'>API Key (<Link to='https://ai.electerm.org?utm=electerm'>get API key from ai.electerm.org(free)</Link>)</span>
+    }
+    return 'API Key'
   }
 
   if (!showAIConfig) {
@@ -184,7 +187,7 @@ export default function AIConfigForm ({ initialValues, onSubmit, showAIConfig })
             placeholder='e.g. DeepSeek Relay, Local Ollama (optional)'
           />
         </Form.Item>
-        <Form.Item label={renderApiUrlLabel()} required>
+        <Form.Item label='API URL' required>
           <Space.Compact className='width-100'>
             <Form.Item
               label='API URL'
@@ -226,7 +229,7 @@ export default function AIConfigForm ({ initialValues, onSubmit, showAIConfig })
         </Form.Item>
 
         <Form.Item
-          label='API Key'
+          label={renderApiKeyLabel()}
           name='apiKeyAI'
         >
           <Password placeholder='Enter your API key' />

package/client/components/ai/ai.styl

@@ -67,15 +67,68 @@
   opacity 0.4
   cursor not-allowed
 
-.clear-ai-icon
-  position relative
-  &::after
-    content '×'
-    position absolute
-    font-size 12px
-    top 8px
-    right -4px
-    font-weight bold
+.ai-chat-sessions-wrap
+  width 100%
+  overflow-y auto
+  overflow-x hidden
+  padding 4px 0
+
+.ai-chat-sessions-toolbar
+  padding 0 4px 8px
+
+.ai-chat-session-item
+  display flex
+  align-items center
+  padding 8px 10px
+  margin-bottom 6px
+  border 1px solid var(--main-darker)
+  border-radius 4px
+  cursor pointer
+  transition all 0.2s
+  &:hover
+    border-color #1890ff
+    background var(--main-dark)
+    .ai-chat-session-delete
+      opacity 1
+  &.active
+    border-color #1890ff
+    background rgba(24, 144, 255, 0.06)
+
+.ai-chat-session-content
+  flex 1
+  min-width 0
+  overflow hidden
+
+.ai-chat-session-header
+  margin-bottom 4px
+
+.ai-chat-session-preview
+  font-size 13px
+  font-weight 500
+  white-space nowrap
+  overflow hidden
+  text-overflow ellipsis
+
+.ai-chat-session-meta
+  font-size 12px
+  color var(--text-color-2)
+
+.ai-chat-session-time
+  flex-shrink 0
+
+.ai-chat-session-count
+  flex-shrink 0
+  margin-left 8px
+
+.ai-chat-session-delete
+  opacity 0
+  flex-shrink 0
+  margin-left 8px
+  transition opacity 0.2s
+
+.ai-chat-sessions-empty
+  height 100%
+  min-height 200px
 
 .ai-stop-icon-square
   width 20px

package/client/components/main/main.jsx

@@ -235,7 +235,9 @@ export default auto(function Index (props) {
     activeTabId: store.activeTabId,
     showAIConfig: store.showAIConfig,
     rightPanelTab,
-    agentRunning: store.agentRunning
+    agentRunning: store.agentRunning,
+    currentChatSessionId: store.currentChatSessionId,
+    showChatSessions: store.showChatSessions
   }
   const cmdSuggestionsProps = {
     suggestions: store.terminalCommandSuggestions

package/client/components/quick-commands/qm.styl

@@ -33,10 +33,43 @@
   border-top 2px solid var(--primary)
 .qm-label-select
   min-width 120px
+.qm-name-input
+  max-width 160px
+  min-width 80px
 
 .qm-flex
   gap 8px
 
+.qm-tooltip-content
+  max-width 360px
+  .qm-tooltip-title
+    font-weight 600
+    margin-bottom 4px
+    word-break break-word
+  .qm-tooltip-cmd-list
+    margin 0
+    padding 0
+    list-style none
+    .qm-tooltip-cmd-item
+      padding 4px 0
+      border-top 1px solid rgba(255,255,255,0.15)
+      &:first-child
+        border-top none
+      .qm-tooltip-label
+        opacity 0.65
+        margin-right 4px
+      .qm-tooltip-value
+        word-break break-word
+      code
+        font-family monospace
+  .qm-tooltip-meta
+    margin-top 4px
+    padding-top 4px
+    border-top 1px solid rgba(255,255,255,0.15)
+    .qm-tooltip-label
+      opacity 0.65
+      margin-right 4px
+
 @media (max-width: 768px)
   .qm-flex
     flex-direction column

package/client/components/quick-commands/quick-command-item.jsx

@@ -6,19 +6,86 @@ import {
   PureComponent
 } from 'react'
 import {
-  Button
+  Button,
+  Tooltip
 } from 'antd'
 import classNames from 'classnames'
 
+const e = window.translate
+
 export default class QuickCommandsItem extends PureComponent {
-  handleSelect = (id) => {
+  handleSelect = () => {
     this.props.onSelect(
       this.props.item.id
     )
   }
 
+  renderTooltip () {
+    const { name, commands, shortcut, inputOnly } = this.props.item
+    return (
+      <div className='qm-tooltip-content'>
+        {
+          name && (
+            <div className='qm-tooltip-title'>{name}</div>
+          )
+        }
+        {
+          commands && commands.length > 0 && (
+            <ul className='qm-tooltip-cmd-list'>
+              {
+                commands.map((c, i) => (
+                  <li key={i} className='qm-tooltip-cmd-item'>
+                    {
+                      c.name && (
+                        <div className='qm-tooltip-cmd-name'>
+                          <span className='qm-tooltip-label'>{e('name')}:</span>
+                          <span className='qm-tooltip-value'>{c.name}</span>
+                        </div>
+                      )
+                    }
+                    <div className='qm-tooltip-cmd-text'>
+                      <span className='qm-tooltip-label'>{e('quickCommand')}:</span>
+                      <code className='qm-tooltip-value'>{c.command}</code>
+                    </div>
+                    {
+                      c.delay && (
+                        <div className='qm-tooltip-cmd-delay'>
+                          <span className='qm-tooltip-label'>{e('delay')}:</span>
+                          <span className='qm-tooltip-value'>{c.delay}ms</span>
+                        </div>
+                      )
+                    }
+                  </li>
+                ))
+              }
+            </ul>
+          )
+        }
+        {
+          (shortcut || inputOnly) && (
+            <div className='qm-tooltip-meta'>
+              {
+                shortcut && (
+                  <div>
+                    <span className='qm-tooltip-label'>{e('settingShortcuts')}:</span>
+                    <span className='qm-tooltip-value'>{shortcut}</span>
+                  </div>
+                )
+              }
+              {
+                inputOnly && (
+                  <div>[{e('inputOnly')}]</div>
+                )
+              }
+            </div>
+          )
+        }
+      </div>
+    )
+  }
+
   render () {
-    const { name, id, shortcut } = this.props.item
+    const { name, id } = this.props.item
     const {
       draggable,
       handleDragOver,
@@ -32,7 +99,6 @@ export default class QuickCommandsItem extends PureComponent {
       className: cls,
       onClick: this.handleSelect,
       'data-id': id,
-      title: shortcut,
       draggable,
       onDragOver: handleDragOver,
       onDragStart: handleDragStart,
@@ -41,12 +107,19 @@ export default class QuickCommandsItem extends PureComponent {
       onDrop: handleDrop
     }
     return (
-      <Button
-        key={id}
-        {...btnProps}
+      <Tooltip
+        title={this.renderTooltip()}
+        placement='top'
+        mouseEnterDelay={0.5}
+        overlayClassName='qm-tooltip-overlay'
       >
-        {name}
-      </Button>
+        <Button
+          key={id}
+          {...btnProps}
+        >
+          {name}
+        </Button>
+      </Tooltip>
     )
   }
 }

package/client/components/quick-commands/quick-commands-box.jsx

@@ -144,7 +144,12 @@ export default function QuickCommandsFooterBox (props) {
 
   function filterArray (array, keyword, label) {
     return array.filter(obj => {
-      const nameMatches = !keyword || obj.name.toLowerCase().includes(keyword)
+      const nameMatches = !keyword ||
+        obj.name.toLowerCase().includes(keyword) ||
+        (obj.commands || []).some(cmd =>
+          (cmd.command || '').toLowerCase().includes(keyword) ||
+          (cmd.name || '').toLowerCase().includes(keyword)
+        )
       const labelMatches = !label || (obj.labels || []).includes(label)
       return nameMatches && labelMatches
     })

package/client/components/quick-commands/quick-commands-list-form.jsx

@@ -78,6 +78,18 @@ export default function renderQm (form) {
       >
         <HolderOutlined className='mg1r drag' />
 
+        <FormItem
+          label=''
+          name={[field.name, 'name']}
+          noStyle
+          rules={[{ max: 100, message: '60 chars max' }]}
+        >
+          <Input
+            placeholder={e('name')}
+            className='compact-input qm-name-input'
+            maxLength={100}
+          />
+        </FormItem>
         <Space.Addon>{e('delay')}</Space.Addon>
         <FormItem
           label=''

package/client/components/quick-commands/quick-commands-list.jsx

@@ -181,7 +181,8 @@ export default class QuickCommandsList extends List {
         if (item.commands && Array.isArray(item.commands)) {
           // Search in each command in the commands array
           return n.includes(k) || item.commands.some(cmd =>
-            (cmd.command || '').toLowerCase().includes(k)
+            (cmd.command || '').toLowerCase().includes(k) ||
+            (cmd.name || '').toLowerCase().includes(k)
           )
         } else {
           // Fallback to the old behavior for backward compatibility

package/client/components/shortcuts/shortcuts-defaults.js

@@ -92,7 +92,7 @@ export default () => {
     },
     {
       name: 'terminal_paste',
-      shortcut: 'ctrl+v,ctrl+shift+v',
+      shortcut: 'ctrl+shift+v',
       shortcutMac: 'meta+v',
       readonly: true
     },

package/client/components/terminal/attach-addon-custom.js

@@ -224,7 +224,12 @@ export default class AttachAddonCustom {
 
     if (typeof data === 'string') {
       term?.parent?.notifyOnData()
-      return term.write(data)
+      term.write(data)
+      // Notify parent that the terminal buffer has been updated (echo received).
+      // This allows the suggestion dropdown to refresh after the buffer reflects
+      // the latest server-side state (e.g., after backspace echo).
+      term?.parent?.onTerminalWrite?.()
+      return
     }
     data = new Uint8Array(data)
     const fileReader = new FileReader()
@@ -238,6 +243,7 @@ export default class AttachAddonCustom {
     term?.parent?.notifyOnData()
     const str = this.decoder.decode(data)
     term?.write(str)
+    term?.parent?.onTerminalWrite?.()
   }
 
   sendToServer = (data) => {

package/client/components/terminal/terminal-command-dropdown.jsx

@@ -2,7 +2,6 @@ import { Component } from 'manate/react/class-components'
 import { refsStatic, refs } from '../common/ref'
 import SuggestionItem from './cmd-item'
 import { aiSuggestionsCache } from '../../common/cache'
-import uid from '../../common/uid'
 import classnames from 'classnames'
 import {
   LoadingOutlined
@@ -130,6 +129,7 @@ export default class TerminalCmdSuggestions extends Component {
     } else {
       position.top = top + cellHeight
     }
+    this._suggestionsCache = null
     this.setState({
       showSuggestions: true,
       cursorPosition: position,
@@ -188,6 +188,7 @@ export default class TerminalCmdSuggestions extends Component {
         window.store.addCmdHistory(item.command, 'aiCmdHistory')
       })
     }
+    this._suggestionsCache = null
     this.setState({
       showSuggestions: false,
       aiSuggestions: [],
@@ -261,7 +262,8 @@ export default class TerminalCmdSuggestions extends Component {
         if (!uniqueCommands.has(command)) {
           uniqueCommands.add(command)
           res.push({
-            id: uid(),
+            // Use stable key to avoid React re-mounting items on every render
+            id: type + ':' + command,
             command,
             type
           })
@@ -277,7 +279,7 @@ export default class TerminalCmdSuggestions extends Component {
       if (b.password && !seen.has(b.password)) {
         seen.add(b.password)
         res.push({
-          id: uid(),
+          id: 'PW:' + b.password,
           command: b.password,
           type: 'PW',
           hint: [b.username, [b.host, b.port].filter(Boolean).join(':')].filter(Boolean).join('@')
@@ -287,28 +289,41 @@ export default class TerminalCmdSuggestions extends Component {
     return this.state.reverse ? res.reverse() : res
   }
 
+  _suggestionsCache = null
+  _suggestionsCacheKey = ''
+
   getSuggestions = () => {
+    // Memoize: only recompute when cmd, reverse, aiSuggestions, or props change
+    const { cmd, reverse, aiSuggestions } = this.state
+    const { suggestions } = this.props
+    const cacheKey = cmd + '|' + reverse + '|' + (aiSuggestions?.length || 0) + '|' + (suggestions?.history?.length || 0) + '|' + (suggestions?.batch?.length || 0) + '|' + (suggestions?.quick?.length || 0)
+    if (this._suggestionsCache && this._suggestionsCacheKey === cacheKey) {
+      return this._suggestionsCache
+    }
     const uniqueCommands = new Set()
     const {
       history = [],
       batch = [],
       quick = []
-    } = this.props.suggestions || {}
+    } = suggestions || {}
     const res = []
-    this.state.aiSuggestions
+    aiSuggestions
       .forEach(item => {
         if (!uniqueCommands.has(item.command)) {
           uniqueCommands.add(item.command)
         }
         res.push({
-          id: uid(),
+          id: 'AI:' + item.command,
           ...item
         })
       })
     this.processCommands(history, 'H', uniqueCommands, res)
     this.processCommands(batch, 'B', uniqueCommands, res)
     this.processCommands(quick, 'Q', uniqueCommands, res)
-    return this.state.reverse ? res.reverse() : res
+    const finalRes = reverse ? res.reverse() : res
+    this._suggestionsCache = finalRes
+    this._suggestionsCacheKey = cacheKey
+    return finalRes
   }
 
   renderAIIcon () {

package/client/components/terminal/terminal.jsx

@@ -1081,18 +1081,45 @@ class Term extends Component {
       return
     }
     if (this.props.config.showCmdSuggestions) {
-      const data = this.getCurrentInput()
-      if (data && d !== '\r' && d !== '\n') {
-        const cursorPos = this.getCursorPosition()
-        this.openSuggestions(cursorPos, data)
-      } else {
+      if (d === '\r' || d === '\n') {
         this.closeSuggestions()
+        return
       }
+      // Debounce the suggestion opening to avoid expensive work
+      // (buffer read + getBoundingClientRect + React re-render) on every keystroke
+      this._debouncedOpenSuggestions()
     } else {
       this.closeSuggestions()
     }
   }
 
+  _debouncedOpenSuggestions = debounce(function () {
+    const data = this.getCurrentInput()
+    if (!data) {
+      this.closeSuggestions()
+      return
+    }
+    const cursorPos = this.getCursorPosition()
+    this.openSuggestions(cursorPos, data)
+  }, 80)
+
+  /**
+   * Called by AttachAddonCustom after data is written to the terminal buffer.
+   * This fires after server echo arrives, so getCurrentInput() reflects the
+   * latest state. We trigger a debounced suggestion refresh so the dropdown
+   * updates correctly after backspace, delete, and other edits that rely on
+   * server-side echo to update the buffer.
+   */
+  onTerminalWrite = () => {
+    if (!this.props.config.showCmdSuggestions) {
+      return
+    }
+    const suggestions = refsStatic.get('terminal-suggestions')
+    if (suggestions?.state?.showSuggestions && !suggestions?.state?.passwordMode) {
+      this._debouncedOpenSuggestions()
+    }
+  }
+
   loadRenderer = async (term, config) => {
     // xterm 6.x: only the built-in DOM renderer and the WebGL addon exist
     // (the canvas renderer addon was removed in 6.x). 'dom' = no addon loaded

package/client/store/common.js

@@ -10,7 +10,8 @@ import {
   rightSidebarWidthKey,
   addPanelWidthLsKey,
   dismissDelKeyTipLsKey,
-  connectionMap
+  connectionMap,
+  lastAiChatSessionIdKey
 } from '../common/constants'
 import * as ls from '../common/safe-local-storage'
 import { refs, refsStatic } from '../components/common/ref'
@@ -256,6 +257,166 @@ export default Store => {
     window.store.aiChatHistory.splice(index, 1)
   }
 
+  Store.prototype.startNewChat = action(function () {
+    const { store } = window
+    store.currentChatSessionId = uid()
+    store.showChatSessions = false
+    window.localStorage.setItem(lastAiChatSessionIdKey, store.currentChatSessionId)
+  })
+
+  Store.prototype.loadChatSession = action(function (sessionId) {
+    const { store } = window
+    store.currentChatSessionId = sessionId
+    store.showChatSessions = false
+    window.localStorage.setItem(lastAiChatSessionIdKey, sessionId)
+  })
+
+  Store.prototype.deleteChatSession = action(function (sessionId) {
+    const { store } = window
+    const remaining = store.aiChatHistory.filter(d => d.chatSessionId !== sessionId)
+    store.aiChatHistory = remaining
+    if (store.currentChatSessionId === sessionId) {
+      store.startNewChat()
+    }
+  })
+
+  Store.prototype.clearAllChatSessions = action(function () {
+    const { store } = window
+    store.aiChatHistory = []
+    store.showChatSessions = false
+    store.startNewChat()
+  })
+
+  Store.prototype.compressChatSession = async function (sessionId) {
+    const { store } = window
+    const sessionEntries = store.aiChatHistory
+      .filter(h => h.chatSessionId === sessionId)
+      .sort((a, b) => a.timestamp - b.timestamp)
+
+    // Find the last compress entry
+    let lastCompressIndex = -1
+    for (let i = sessionEntries.length - 1; i >= 0; i--) {
+      if (sessionEntries[i].compressed) {
+        lastCompressIndex = i
+        break
+      }
+    }
+
+    // Need at least 2 non-compress entries since the last compress
+    const entriesAfterCompress = lastCompressIndex >= 0
+      ? sessionEntries.slice(lastCompressIndex + 1)
+      : sessionEntries
+    if (entriesAfterCompress.length < 2) {
+      return
+    }
+
+    const firstEntry = sessionEntries[0]
+    const lang = firstEntry.languageAI || store.getLangName()
+    const messages = [
+      { role: 'system', content: firstEntry.roleAI + `;用[${lang}]回复` }
+    ]
+
+    // Start from the last compress entry to include its summary as context
+    const startIndex = lastCompressIndex >= 0 ? lastCompressIndex : 0
+    for (let i = startIndex; i < sessionEntries.length; i++) {
+      const entry = sessionEntries[i]
+      if (entry.compressed) {
+        messages.push({
+          role: 'user',
+          content: `Here is a summary of our previous conversation for context:\n\n${entry.response}`
+        })
+        messages.push({
+          role: 'assistant',
+          content: 'Understood. I will use this context as we continue.'
+        })
+      } else {
+        messages.push({ role: 'user', content: entry.prompt })
+        if (entry.response) {
+          messages.push({ role: 'assistant', content: entry.response })
+        }
+      }
+    }
+
+    const summaryPrompt = 'Please summarize the above conversation concisely. Include key information, decisions, context, and any important details that would be needed to continue this conversation effectively.'
+    messages.push({ role: 'user', content: summaryPrompt })
+
+    const aiResponse = await window.pre.runGlobalAsync(
+      'AIchat',
+      summaryPrompt,
+      firstEntry.modelAI,
+      firstEntry.roleAI,
+      firstEntry.baseURLAI,
+      firstEntry.apiPathAI,
+      firstEntry.apiKeyAI,
+      firstEntry.proxyAI,
+      false,
+      firstEntry.authHeaderNameAI,
+      messages
+    )
+
+    if (aiResponse && aiResponse.error) {
+      return store.onError(new Error(aiResponse.error))
+    }
+
+    const summary = aiResponse.response || ''
+    const compressedEntry = {
+      id: uid(),
+      prompt: '*Compressed session summary*',
+      response: summary,
+      isStreaming: false,
+      pending: false,
+      sessionId: null,
+      chatSessionId: sessionId,
+      mode: firstEntry.mode,
+      toolCalls: [],
+      nameAI: firstEntry.nameAI,
+      modelAI: firstEntry.modelAI,
+      roleAI: firstEntry.roleAI,
+      baseURLAI: firstEntry.baseURLAI,
+      apiPathAI: firstEntry.apiPathAI,
+      apiKeyAI: firstEntry.apiKeyAI,
+      proxyAI: firstEntry.proxyAI,
+      languageAI: firstEntry.languageAI,
+      authHeaderNameAI: firstEntry.authHeaderNameAI,
+      timestamp: Date.now(),
+      compressed: true
+    }
+
+    // Append compress entry, preserve existing history
+    store.aiChatHistory.push(compressedEntry)
+  }
+
+  Store.prototype.toggleChatSessions = action(function () {
+    const { store } = window
+    store.showChatSessions = !store.showChatSessions
+  })
+
+  Store.prototype.getChatSessions = function () {
+    const { aiChatHistory } = window.store
+    const sessionMap = new Map()
+    for (const entry of aiChatHistory) {
+      const sid = entry.chatSessionId
+      if (!sid) continue
+      if (!sessionMap.has(sid)) {
+        sessionMap.set(sid, {
+          sessionId: sid,
+          firstPrompt: entry.prompt || '',
+          timestamp: entry.timestamp,
+          messageCount: 1,
+          entries: [entry]
+        })
+      } else {
+        const session = sessionMap.get(sid)
+        session.messageCount++
+        session.entries.push(entry)
+        if (entry.timestamp > session.timestamp) {
+          session.timestamp = entry.timestamp
+        }
+      }
+    }
+    return Array.from(sessionMap.values()).sort((a, b) => b.timestamp - a.timestamp)
+  }
+
   Store.prototype.getLangName = function (
     lang = window.store?.config.language || 'en_us'
   ) {

package/client/store/init-state.js

@@ -22,7 +22,8 @@ import {
   qmSortByFrequencyKey,
   resolutionsLsKey,
   syncServerDataKey,
-  splitMap
+  splitMap,
+  lastAiChatSessionIdKey
 } from '../common/constants'
 import * as ls from '../common/safe-local-storage'
 import { exclude } from 'manate'
@@ -89,6 +90,8 @@ export default () => {
     _batchInputSelectedTabIds: new Set(),
     aiChatHistory: [],
     agentRunning: false,
+    currentChatSessionId: window.localStorage.getItem(lastAiChatSessionIdKey) || '',
+    showChatSessions: false,
 
     // sftp
     fileOperation: fileOperationsMap.cp, // cp or mv

package/client/store/load-data.js

@@ -114,12 +114,52 @@ export async function addTabFromCommandLine (store, opts) {
     conf.fromCmdLine
   ) {
     store.ipcOpenTab(conf)
-  } else if (
-    options.initFolder &&
-    !(store.config.onStartSessions || []).length &&
-    store.config.initDefaultTabOnStart
-  ) {
-    window.initFolder = options.initFolder
+  } else {
+    // getHost didn't find a match, try parseQuickConnect for shortcut formats
+    // that getHost doesn't support (e.g., user:password@host)
+    let parsedFallback = null
+    if (argv && argv.length) {
+      for (const arg of argv) {
+        if (/^-/.test(arg)) continue
+        const result = parseQuickConnect(arg)
+        if (result && result.host) {
+          parsedFallback = result
+          break
+        }
+      }
+    }
+    if (parsedFallback) {
+      // Apply command-line options on top of parsed result
+      if (options.password) parsedFallback.password = options.password
+      if (options.passphrase) parsedFallback.passphrase = options.passphrase
+      if (options.user) parsedFallback.username = options.user
+      if (options.port && parseInt10(options.port)) parsedFallback.port = parseInt10(options.port)
+      if (options.title) parsedFallback.title = options.title
+      if (options.setEnv) parsedFallback.setEnv = options.setEnv
+      if (options.sftpOnly) parsedFallback.enableSsh = false
+      if (options.initFolder) parsedFallback.startDirectoryLocal = options.initFolder
+      if (options.opts) {
+        const optsParsed = safeParse(options.opts)
+        if (optsParsed !== options.opts) {
+          Object.assign(parsedFallback, optsParsed)
+          parsedFallback.fromCmdLine = true
+        }
+      }
+      if (options.tp) {
+        parsedFallback.type = options.tp
+        parsedFallback.fromCmdLine = true
+      }
+      if (options.privateKeyPath) {
+        parsedFallback.privateKey = await window.fs.readFile(options.privateKeyPath)
+      }
+      store.ipcOpenTab(parsedFallback)
+    } else if (
+      options.initFolder &&
+      !(store.config.onStartSessions || []).length &&
+      store.config.initDefaultTabOnStart
+    ) {
+      window.initFolder = options.initFolder
+    }
   }
   if (options.batchOp) {
     refsStatic.get('batch-op-runner')?.runBatchOpFromFile(options.batchOp)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@electerm/electerm-react",
-  "version": "3.15.126",
+  "version": "3.15.138",
   "description": "react components src for electerm",
   "main": "./client/components/main/main.jsx",
   "license": "MIT",