diff --git a/web/static/css/style.css b/web/static/css/style.css
index 619d8f94..7f3e5584 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -8572,6 +8572,28 @@ header {
     flex-shrink: 0;
 }
 
+.webshell-conn-search {
+    padding: 10px 14px;
+    border-bottom: 1px solid var(--border-color);
+    background: rgba(255, 255, 255, 0.4);
+    flex-shrink: 0;
+}
+
+.webshell-conn-search-input {
+    width: 100%;
+    padding: 8px 12px;
+    border-radius: 8px;
+    border: 1px solid var(--border-color);
+    font-size: 0.9rem;
+    background: var(--bg-secondary);
+}
+
+.webshell-conn-search-input:focus {
+    outline: none;
+    border-color: var(--accent-color);
+    box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.12);
+}
+
 .webshell-sidebar-header::before {
     content: '';
     display: inline-block;
@@ -9241,16 +9263,26 @@ header {
     margin-top: 8px;
     margin-bottom: 8px;
 }
+.webshell-ai-process-block.process-details-container {
+    /* 让“渗透测试详情”视觉上跟随助手气泡宽度，而不是强行 100% 宽 */
+    width: auto;
+    max-width: 80%;
+    align-self: flex-start;
+    /* 覆盖通用 .process-details-container 的边框/内边距，避免重复一层“边框卡片” */
+    border-top: none;
+    padding-top: 0;
+    margin-top: 10px;
+}
 .webshell-ai-process-toggle {
     display: block;
     width: 100%;
-    padding: 8px 12px;
+    padding: 10px 14px;
     text-align: left;
     font-size: 0.9rem;
     color: var(--text-secondary);
     background: var(--bg-secondary);
     border: 1px solid var(--border-color);
-    border-radius: 6px;
+    border-radius: 10px;
     cursor: pointer;
 }
 .webshell-ai-process-toggle:hover {
@@ -9262,10 +9294,43 @@ header {
     overflow: hidden;
     transition: max-height 0.3s ease;
 }
+.webshell-ai-process-block .process-details-content .progress-timeline {
+    /* 避免与外层卡片重复背景/边框 */
+    background: transparent;
+    border: none;
+    padding: 0;
+    width: 100%;
+    margin-top: 10px;
+    gap: 0;
+}
+.webshell-ai-process-block .webshell-ai-timeline {
+    background: transparent;
+    border: none;
+    padding: 0;
+    border-radius: 0;
+    margin-bottom: 0;
+    width: 100%;
+}
 .webshell-ai-process-block .process-details-content .progress-timeline.expanded {
     max-height: 2000px;
     overflow-y: auto;
 }
+
+/* 展开后才把宽度撑满；未展开时保持折叠按钮“缩回去”的视觉 */
+.webshell-ai-process-block.process-details-container:has(.progress-timeline.expanded) {
+    width: 100%;
+    max-width: 80%;
+    align-self: flex-start;
+}
+.webshell-ai-process-block.process-details-container:has(.progress-timeline.expanded) .webshell-ai-process-toggle {
+    width: 100%;
+}
+.webshell-ai-process-block.process-details-container:has(.progress-timeline.expanded) .process-details-content .progress-timeline {
+    width: 100%;
+}
+.webshell-ai-process-block.process-details-container:has(.progress-timeline.expanded) .webshell-ai-timeline {
+    width: 100%;
+}
 .webshell-ai-old-conv {
     width: 100%;
     margin-bottom: 8px;
@@ -9295,6 +9360,37 @@ header {
     flex-direction: column;
     gap: 12px;
 }
+
+/* 让 timeline item 更“像条目”而不是松散的分隔块 */
+.webshell-ai-process-block .webshell-ai-timeline-item {
+    border-left: 3px solid transparent;
+    padding: 10px 0 10px 12px;
+    border-bottom: 1px solid var(--border-color);
+}
+.webshell-ai-process-block .webshell-ai-timeline-item:last-child {
+    border-bottom: none;
+}
+.webshell-ai-process-block .webshell-ai-timeline-msg {
+    /* 避免每条详情都出现内层滚动条（体验会显得很“碎”） */
+    max-height: none;
+    overflow-y: visible;
+}
+.webshell-ai-process-block .webshell-ai-timeline-iteration {
+    border-left-color: var(--accent-color);
+}
+.webshell-ai-process-block .webshell-ai-timeline-thinking {
+    border-left-color: #9c27b0;
+}
+.webshell-ai-process-block .webshell-ai-timeline-tool_call,
+.webshell-ai-process-block .webshell-ai-timeline-tool_calls_detected {
+    border-left-color: #ff9800;
+}
+.webshell-ai-process-block .webshell-ai-timeline-tool_result {
+    border-left-color: var(--success-color);
+}
+.webshell-ai-process-block .webshell-ai-timeline-error {
+    border-left-color: var(--error-color);
+}
 .webshell-ai-messages {
     flex: 1;
     min-height: 0;
diff --git a/web/static/i18n/en-US.json b/web/static/i18n/en-US.json
index 401a3a78..62e49769 100644
--- a/web/static/i18n/en-US.json
+++ b/web/static/i18n/en-US.json
@@ -393,6 +393,8 @@
     "batchDownload": "Batch download",
     "refresh": "Refresh",
     "selectAll": "Select all",
+    "searchPlaceholder": "Search connections...",
+    "noMatchConnections": "No matching connections",
     "breadcrumbHome": "Root"
   },
   "mcp": {
diff --git a/web/static/i18n/zh-CN.json b/web/static/i18n/zh-CN.json
index f20a110d..fc231315 100644
--- a/web/static/i18n/zh-CN.json
+++ b/web/static/i18n/zh-CN.json
@@ -393,6 +393,8 @@
     "batchDownload": "批量下载",
     "refresh": "刷新",
     "selectAll": "全选",
+    "searchPlaceholder": "搜索连接...",
+    "noMatchConnections": "暂无匹配连接",
     "breadcrumbHome": "根"
   },
   "mcp": {
diff --git a/web/static/js/webshell.js b/web/static/js/webshell.js
index 9f055898..3cec486f 100644
--- a/web/static/js/webshell.js
+++ b/web/static/js/webshell.js
@@ -99,6 +99,8 @@ function wsT(key) {
         'webshell.refresh': '刷新',
         'webshell.selectAll': '全选',
         'webshell.breadcrumbHome': '根',
+        'webshell.searchPlaceholder': '搜索连接...',
+        'webshell.noMatchConnections': '暂无匹配连接',
         'common.delete': '删除',
         'common.refresh': '刷新'
     };
@@ -137,6 +139,16 @@ function initWebshellPage() {
     renderWebshellList();
     applyWebshellSidebarWidth();
     initWebshellSidebarResize();
+
+    // 连接搜索：实时过滤连接列表
+    var searchEl = document.getElementById('webshell-conn-search');
+    if (searchEl && searchEl.dataset.bound !== '1') {
+        searchEl.dataset.bound = '1';
+        searchEl.addEventListener('input', function () {
+            renderWebshellList();
+        });
+    }
+
     const workspace = document.getElementById('webshell-workspace');
     if (workspace) {
         workspace.innerHTML = '<div class="webshell-workspace-placeholder" data-i18n="webshell.selectOrAdd">' + (wsT('webshell.selectOrAdd')) + '</div>';
@@ -227,12 +239,29 @@ function renderWebshellList() {
     const listEl = document.getElementById('webshell-list');
     if (!listEl) return;
 
+    const searchEl = document.getElementById('webshell-conn-search');
+    const searchTerm = (searchEl && typeof searchEl.value === 'string' ? searchEl.value : '').trim().toLowerCase();
+
     if (!webshellConnections.length) {
         listEl.innerHTML = '<div class="webshell-empty" data-i18n="webshell.noConnections">' + (wsT('webshell.noConnections')) + '</div>';
         return;
     }
 
-    listEl.innerHTML = webshellConnections.map(conn => {
+    const filtered = searchTerm
+        ? webshellConnections.filter(conn => {
+            const id = String(conn.id || '').toLowerCase();
+            const url = String(conn.url || '').toLowerCase();
+            const remark = String(conn.remark || '').toLowerCase();
+            return id.includes(searchTerm) || url.includes(searchTerm) || remark.includes(searchTerm);
+        })
+        : webshellConnections;
+
+    if (filtered.length === 0) {
+        listEl.innerHTML = '<div class="webshell-empty">' + (wsT('webshell.noMatchConnections') || '暂无匹配连接') + '</div>';
+        return;
+    }
+
+    listEl.innerHTML = filtered.map(conn => {
         const remark = (conn.remark || conn.url || '').replace(/</g, '&lt;').replace(/>/g, '&gt;');
         const url = (conn.url || '').replace(/</g, '&lt;').replace(/>/g, '&gt;');
         const urlTitle = (conn.url || '').replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;');
@@ -1687,6 +1716,14 @@ function refreshWebshellUIOnLanguageChange() {
             if (fileListEl && webshellCurrentConn && pathInput) {
                 webshellFileListDir(webshellCurrentConn, pathInput.value.trim() || '.');
             }
+
+            // 连接搜索占位符（动态属性：这里手动更新）
+            var connSearchEl = document.getElementById('webshell-conn-search');
+            if (connSearchEl) {
+                var ph = wsT('webshell.searchPlaceholder') || '搜索连接...';
+                connSearchEl.setAttribute('placeholder', ph);
+                connSearchEl.placeholder = ph;
+            }
         }
     }
 
diff --git a/web/templates/index.html b/web/templates/index.html
index 0c3d4c83..65c07913 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -972,6 +972,14 @@
                         <div class="webshell-layout">
                             <div id="webshell-sidebar" class="webshell-sidebar">
                                 <div class="webshell-sidebar-header" data-i18n="webshell.connections">连接列表</div>
+                                <div class="webshell-conn-search">
+                                    <input type="text"
+                                           id="webshell-conn-search"
+                                           class="form-control webshell-conn-search-input"
+                                           data-i18n="webshell.searchPlaceholder"
+                                           data-i18n-attr="placeholder"
+                                           placeholder="搜索连接..." />
+                                </div>
                                 <div id="webshell-list" class="webshell-list">
                                     <div class="webshell-empty" data-i18n="webshell.noConnections">暂无连接，请点击「添加连接」</div>
                                 </div>