feat(ai-code-assistant): Simplify suggestion preview workflow

Author: SonyLeo

packages/plugins/script/src/ai-code-assistant/core/NESEngine.ts

@@ -21,7 +21,7 @@ export class NESEngine {
   private abortController: AbortController | null = null
   private onEditApplied?: (lineNumber: number) => void
 
-  constructor(private editor: monaco.editor.IStandaloneCodeEditor, private config: NESConfig) {
+  constructor(private editor: monaco.editor.IStandaloneCodeEditor, _config: NESConfig) {
     this.symptomDetector = new SymptomDetector()
     this.suggestionQueue = new SuggestionQueue()
     this.renderer = new NESRenderer(editor)
@@ -120,7 +120,7 @@ export class NESEngine {
   }
 
   /**
-   * 显示第一个建议（只显示 Glyph，不展开预览）
+   * 显示第一个建议（直接显示预览）
    */
   private showFirstSuggestion(): void {
     const prediction = this.suggestionQueue.peek()
@@ -130,44 +130,19 @@ export class NESEngine {
       const total = this.suggestionQueue.size()
       const progress = total > 1 ? `${current}/${total}` : undefined
 
-      // 只显示 Glyph 和 HintBar，不展开预览
+      // 直接显示预览（优化：不需要两次 Tab）
       this.renderer.renderSuggestion(prediction)
-      this.renderer.showHintBar(prediction.targetLine, prediction.explanation, false, progress)
-
-      // 设置预览状态为未展开
-      this.previewShown = false
-    }
-  }
-
-  /**
-   * 切换到预览模式（Tab 键触发）
-   */
-  public togglePreview(): void {
-    const prediction = this.suggestionQueue.peek()
-    if (!prediction) {
-      return
-    }
+      this.renderer.showPreview(prediction)
+      this.renderer.showHintBar(prediction.targetLine, prediction.explanation, true, progress)
 
-    if (!this.previewShown) {
       // 跳转到建议位置
       this.editor.setPosition({
         lineNumber: prediction.targetLine,
         column: 1
       })
       this.editor.revealLineInCenter(prediction.targetLine)
 
-      // 展开预览
-      this.renderer.showPreview(prediction)
-
-      // 计算进度
-      const current = this.suggestionQueue.getCurrentIndex() + 1
-      const total = this.suggestionQueue.size()
-      const progress = total > 1 ? `${current}/${total}` : undefined
-
-      // 更新 HintBar 提示（显示 "Tab Accept"）
-      this.renderer.showHintBar(prediction.targetLine, prediction.explanation, true, progress)
-
-      // 更新状态
+      // 设置预览状态为已展开
       this.previewShown = true
     }
   }
@@ -230,16 +205,28 @@ export class NESEngine {
     // 只清除渲染，不移除队列
     this.renderer.clear()
 
-    // 如果还有建议，重新显示（只显示 Glyph 和 HintBar）
+    // 如果还有建议，重新显示（直接显示预览）
     const prediction = this.suggestionQueue.peek()
     if (prediction) {
       // 计算进度
       const current = this.suggestionQueue.getCurrentIndex() + 1
       const total = this.suggestionQueue.size()
       const progress = total > 1 ? `${current}/${total}` : undefined
 
+      // 直接显示预览
       this.renderer.renderSuggestion(prediction)
-      this.renderer.showHintBar(prediction.targetLine, prediction.explanation, false, progress)
+      this.renderer.showPreview(prediction)
+      this.renderer.showHintBar(prediction.targetLine, prediction.explanation, true, progress)
+
+      // 跳转到建议位置
+      this.editor.setPosition({
+        lineNumber: prediction.targetLine,
+        column: 1
+      })
+      this.editor.revealLineInCenter(prediction.targetLine)
+
+      // 设置预览状态
+      this.previewShown = true
     }
   }
 

packages/plugins/script/src/ai-code-assistant/index.ts

@@ -143,23 +143,16 @@ export function initAICodeAssistant(
 
   // 注册快捷键（只注册 NES 相关的）
   if (nesEngine) {
-    // Tab - 智能行为：
-    // - 预览未展开 → 跳转并展开预览
-    // - 预览已展开 → 接受建议
-    // - NES 未激活 → 让 Monaco 处理（FIM）
+    // Tab - 接受当前建议（预览已默认显示）
+    // - 单个建议：接受并关闭 NES
+    // - 多个建议：接受当前，显示下一个预览
     editor.onKeyDown((e) => {
       if (e.keyCode === monaco.KeyCode.Tab && nesEngine!.isActive()) {
         e.preventDefault()
         e.stopPropagation()
 
-        // 检查预览是否已展开
-        if (nesEngine!.isPreviewShown()) {
-          // 预览已展开 → 接受建议
-          nesEngine!.acceptSuggestion()
-        } else {
-          // 预览未展开 → 展开预览
-          nesEngine!.togglePreview()
-        }
+        // 直接接受建议（预览已默认显示）
+        nesEngine!.acceptSuggestion()
       }
     })
 

packages/plugins/script/src/ai-code-assistant/ui/styles.css

@@ -6,7 +6,7 @@
 /* ==================== Glyph 箭头图标 ==================== */
 
 .nes-glyph-arrow-enhanced {
-  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23667eea"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"/></svg>') no-repeat center center;
+  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23667eea" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>') no-repeat center center;
   background-size: 18px 18px;
   cursor: pointer;
   opacity: 0.9;