feat(config): add recommendation settings and fix shortcut button layout

- Add smart recommendation settings section in Config page
  - Auto-switch toggle with description
  - Latency/stability/success rate weight sliders
  - Min test interval configuration
  - Excluded nodes management
  - Clear history button
- Add latency trend mini chart in node tooltip (sparkline)
- Fix ShortcutsSettings reset button icon (use inline SVG)
- Archive smart-node-recommendation change
- Sync spec to main specs directory

Author: kunish

components/ProxyNodeCard.vue

@@ -71,6 +71,45 @@ const lastTestTimeFormatted = computed(() => {
   return formatTimeSince(perf.lastTestTime)
 })
 
+// Latency trend data for mini chart (from nodeRecommendationStore)
+const latencyTrendData = computed(() => {
+  const perf = nodePerformance.value
+  if (!perf || perf.history.length < 2) return null
+
+  // Get successful latency values (most recent first, so reverse for chronological order)
+  const latencies = perf.history
+    .filter((h) => h.success && h.latency !== null)
+    .map((h) => h.latency as number)
+    .slice(0, 10)
+    .reverse()
+
+  if (latencies.length < 2) return null
+
+  const min = Math.min(...latencies)
+  const max = Math.max(...latencies)
+  const range = max - min || 1
+
+  // Normalize to 0-100 for SVG viewBox
+  const points = latencies.map((lat, i) => ({
+    x: (i / (latencies.length - 1)) * 100,
+    y: 100 - ((lat - min) / range) * 80 - 10, // 10-90 range to leave padding
+  }))
+
+  return {
+    points,
+    min,
+    max,
+    avg: Math.round(latencies.reduce((a, b) => a + b, 0) / latencies.length),
+  }
+})
+
+// SVG path for sparkline
+const sparklinePath = computed(() => {
+  if (!latencyTrendData.value) return ''
+  const { points } = latencyTrendData.value
+  return points.map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x} ${p.y}`).join(' ')
+})
+
 // Score color class
 const scoreColorClass = computed(() => {
   if (nodeScore.value === null) return ''
@@ -308,6 +347,56 @@ function handleLatencyTest() {
                 {{ specialTypes }}
               </div>
 
+              <!-- Latency Trend Mini Chart -->
+              <div
+                v-if="latencyTrendData"
+                class="w-full rounded-lg bg-[color-mix(in_oklch,var(--color-primary-content)_10%,transparent)] p-2"
+              >
+                <div
+                  class="mb-1 flex items-center justify-between text-[0.625rem] opacity-70"
+                >
+                  <span>{{ latencyTrendData.min }}ms</span>
+                  <span>avg: {{ latencyTrendData.avg }}ms</span>
+                  <span>{{ latencyTrendData.max }}ms</span>
+                </div>
+                <svg
+                  viewBox="0 0 100 50"
+                  class="h-8 w-full"
+                  preserveAspectRatio="none"
+                >
+                  <!-- Grid lines -->
+                  <line
+                    x1="0"
+                    y1="25"
+                    x2="100"
+                    y2="25"
+                    stroke="currentColor"
+                    stroke-opacity="0.1"
+                    stroke-dasharray="2,2"
+                  />
+                  <!-- Sparkline -->
+                  <path
+                    :d="sparklinePath"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    class="opacity-80"
+                  />
+                  <!-- Data points -->
+                  <circle
+                    v-for="(point, idx) in latencyTrendData.points"
+                    :key="idx"
+                    :cx="point.x"
+                    :cy="point.y"
+                    r="2"
+                    fill="currentColor"
+                    class="opacity-60"
+                  />
+                </svg>
+              </div>
+
               <template v-if="latencyTestHistory.length > 0">
                 <ul class="m-0 max-h-60 w-full list-none overflow-y-auto p-0">
                   <li

components/ShortcutsSettings.vue

@@ -1,10 +1,9 @@
 <script setup lang="ts">
-import type {ShortcutAction} from '~/constants/shortcuts';
+import type { ShortcutAction } from '~/constants/shortcuts'
 import {
   formatShortcutKey,
   SHORTCUT_CATEGORIES,
-  SHORTCUT_LABELS
-  
+  SHORTCUT_LABELS,
 } from '~/constants/shortcuts'
 
 const shortcutsStore = useShortcutsStore()
@@ -168,7 +167,17 @@ const isCustomized = (action: ShortcutAction) => {
     <!-- Reset button -->
     <div class="mt-2 flex justify-end">
       <button class="btn btn-outline btn-sm btn-error" @click="resetAll">
-        <span class="i-tabler-refresh size-4" />
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="size-4"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+        >
+          <path d="M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8" />
+          <path d="M3 3v5h5" />
+        </svg>
         {{ t('shortcuts.resetToDefaults', 'Reset to Defaults') }}
       </button>
     </div>

…smart-node-recommendation/.openspec.yaml …smart-node-recommendation/.openspec.yamlopenspec/changes/smart-node-recommendation/.openspec.yaml renamed to openspec/changes/archive/2026-02-03-smart-node-recommendation/.openspec.yaml openspec/changes/smart-node-recommendation/.openspec.yaml renamed to openspec/changes/archive/2026-02-03-smart-node-recommendation/.openspec.yaml

@@ -25,7 +25,7 @@
 - [x] 4.2 实现评分颜色编码 (绿/黄/红)
 - [x] 4.3 添加推荐节点标记 badge
 - [x] 4.4 添加最后测试时间显示
-- [ ] 4.5 实现悬停显示延迟趋势迷你图
+- [x] 4.5 实现悬停显示延迟趋势迷你图
 
 ## 5. 代理组增强
 
@@ -36,9 +36,9 @@
 
 ## 6. 设置与配置
 
-- [ ] 6.1 在 Config 页面添加推荐设置区域
-- [ ] 6.2 实现权重参数配置 (延迟/稳定性/成功率)
-- [ ] 6.3 实现测试间隔配置
-- [ ] 6.4 实现节点排除功能
-- [ ] 6.5 实现自动切换开关
+- [x] 6.1 在 Config 页面添加推荐设置区域
+- [x] 6.2 实现权重参数配置 (延迟/稳定性/成功率)
+- [x] 6.3 实现测试间隔配置
+- [x] 6.4 实现节点排除功能
+- [x] 6.5 实现自动切换开关
 - [x] 6.6 添加国际化文本

…nges/smart-node-recommendation/design.md …2-03-smart-node-recommendation/design.mdopenspec/changes/smart-node-recommendation/design.md renamed to openspec/changes/archive/2026-02-03-smart-node-recommendation/design.md openspec/changes/smart-node-recommendation/design.md renamed to openspec/changes/archive/2026-02-03-smart-node-recommendation/design.md

@@ -0,0 +1,96 @@
+## ADDED Requirements
+
+### Requirement: Batch latency testing
+
+The system SHALL provide batch latency testing for all nodes in a proxy group.
+
+#### Scenario: Test all nodes in group
+
+- **WHEN** user clicks "Test All" button on a proxy group
+- **THEN** system tests latency for all nodes in that group concurrently (max 10 parallel)
+
+#### Scenario: Show testing progress
+
+- **WHEN** batch testing is in progress
+- **THEN** system displays a progress indicator showing completed/total nodes
+
+#### Scenario: Test all groups
+
+- **WHEN** user clicks "Test All Groups" button
+- **THEN** system tests all nodes across all proxy groups
+
+### Requirement: Node scoring
+
+The system SHALL calculate a performance score for each node based on multiple metrics.
+
+#### Scenario: Calculate node score
+
+- **WHEN** latency test completes for a node
+- **THEN** system calculates score: 50% latency + 30% stability + 20% success rate
+
+#### Scenario: Display node score
+
+- **WHEN** a node has been tested
+- **THEN** system displays the score (0-100) on the node card
+
+#### Scenario: Score color coding
+
+- **WHEN** displaying node score
+- **THEN** system uses green (80-100), yellow (50-79), red (0-49) color coding
+
+### Requirement: Smart node recommendation
+
+The system SHALL recommend the best node in each proxy group.
+
+#### Scenario: Show recommended badge
+
+- **WHEN** viewing a proxy group with tested nodes
+- **THEN** system displays a "Recommended" badge on the highest-scoring available node
+
+#### Scenario: Quick switch to recommended
+
+- **WHEN** user clicks "Switch to Recommended" button on a proxy group
+- **THEN** system switches the active node to the recommended node
+
+#### Scenario: Auto-switch option
+
+- **WHEN** user enables "Auto-switch to recommended" setting
+- **THEN** system automatically switches to recommended node after batch testing
+
+### Requirement: Node performance history
+
+The system SHALL track historical performance data for nodes.
+
+#### Scenario: Store test results
+
+- **WHEN** a latency test completes
+- **THEN** system stores the result (timestamp, latency, success) keeping last 20 records per node
+
+#### Scenario: Show performance trend
+
+- **WHEN** user hovers over a node
+- **THEN** system displays a mini chart showing recent latency trend
+
+#### Scenario: Show last test time
+
+- **WHEN** viewing a node
+- **THEN** system displays time since last test (e.g., "5 min ago")
+
+### Requirement: Recommendation settings
+
+The system SHALL allow users to configure recommendation parameters.
+
+#### Scenario: Configure score weights
+
+- **WHEN** user opens recommendation settings
+- **THEN** user can adjust latency/stability/success rate weight percentages
+
+#### Scenario: Configure test interval
+
+- **WHEN** user opens recommendation settings
+- **THEN** user can set minimum interval between batch tests
+
+#### Scenario: Exclude nodes from recommendation
+
+- **WHEN** user marks a node as "excluded"
+- **THEN** system never recommends that node regardless of score