feat:「追加截图」相关提示优化

Author: ooboqoo

src/renderer/src/coder/AppStatusBar.tsx

@@ -51,12 +51,12 @@ export function AppStatusBar() {
   }
 
   // Check if there's an active conversation
-  const hasActiveConversation = screenshotData && solutionChunks.length > 0 && !isReceivingSolution
+  const hasActiveConversation = screenshotData && solutionChunks.length > 0
 
   return (
     <div className="absolute bottom-0 flex items-center justify-between w-full text-blue-100 bg-gray-600/10 px-4 pb-1">
       <div>
-        {isReceivingSolution && (
+        {isReceivingSolution ? (
           <div className="flex items-center space-x-2">
             <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-r-2 border-[currentColor]"></div>
             <span className="text-sm">正在生成...</span>
@@ -75,11 +75,28 @@ export function AppStatusBar() {
               </Button>
             </div>
           </div>
-        )}
+        ) : hasActiveConversation ? (
+          <div className="flex items-center space-x-2 pointer-events-none opacity-50 text-sm gap-1">
+            <span>
+              <ShortcutRenderer
+                shortcut="Shift+Alt+Enter"
+                className="inline-block scale-75 text-xs border border-current bg-transparent py-0 px-1 ml-1"
+              />
+              追加截图
+            </span>
+            <span>
+              <ShortcutRenderer
+                shortcut="Alt+Enter"
+                className="inline-block scale-75 text-xs border border-current bg-transparent py-0 px-1"
+              />
+              新开对话
+            </span>
+          </div>
+        ) : null}
       </div>
       <div className="flex items-center space-x-4 select-none">
         {/* Follow-up Question Button */}
-        {hasActiveConversation && (
+        {hasActiveConversation && !isReceivingSolution && (
           <Button
             variant="ghost"
             size="sm"

src/renderer/src/help/FAQ.tsx

@@ -5,7 +5,23 @@ import { HelpSection } from './components'
 const faqs = [
   {
     question: '如何截取屏幕截图？',
-    answer: '按下 Alt+Enter 或 ⌥↵ 快捷键即可截取当前屏幕的截图。截图会自动显示在应用中。'
+    answer: (
+      <span>
+        按下
+        <ShortcutRenderer shortcut="Alt+Enter" className="text-xs mx-1" />
+        快捷键即可截取当前屏幕的截图。截图会自动显示在应用中。
+      </span>
+    )
+  },
+  {
+    question: '如何处理题目超过一屏的情况？',
+    answer: (
+      <span>
+        按下
+        <ShortcutRenderer shortcut="Alt+Shift+Enter" className="text-xs mx-1" />
+        快捷键即可在当前对话中追加截图并生成解题建议。
+      </span>
+    )
   },
   {
     question: '分享屏幕时，对方能看到应用吗？',

src/renderer/src/help/Shortcuts.tsx

@@ -57,7 +57,9 @@ const getShortcutDescription = (action: string) => {
   const descriptionMap: Record<string, string> = {
     hideOrShowMainWindow: '隐藏/显示窗口',
     ignoreOrEnableMouse: '鼠标穿透(窗口对鼠标隐身)',
-    takeScreenshot: '截图并生成解题建议',
+    takeScreenshot: '截图并生成解题建议（会新开对话）',
+    appendScreenshot: '追加截图并生成解题建议',
+    stopSolutionStream: '停止生成',
     pageUp: '向上翻页',
     pageDown: '向下翻页',
     moveMainWindowUp: '向上移动窗口',

src/renderer/src/help/index.tsx

@@ -9,6 +9,7 @@ import {
   Info
 } from 'lucide-react'
 import { Button } from '@/components/ui/button'
+import ShortcutRenderer from '@/components/ShortcutRenderer'
 import { HelpSection } from './components'
 import { Shortcuts } from './Shortcuts'
 import { FAQ } from './FAQ'
@@ -74,17 +75,7 @@ export default function HelpPage() {
             <h3 className="font-semibold mb-2">1. 截取屏幕截图</h3>
             <p className="text-sm text-gray-700">
               当您需要分析某个问题时，按下快捷键{' '}
-              <span>
-                <kbd className="bg-gray-200 rounded p-1">Alt</kbd>+
-                <kbd className="bg-gray-200 rounded p-1">Enter</kbd>
-                <span className="text-xs"> (Windows)</span>
-              </span>{' '}
-              /{' '}
-              <span>
-                <kbd className="bg-gray-200 rounded p-1">⌥</kbd>+
-                <kbd className="bg-gray-200 rounded p-1">↵</kbd>
-                <span className="text-xs"> (Mac)</span>
-              </span>{' '}
+              <ShortcutRenderer shortcut="Alt+Enter" className="text-xs mx-1" />
               截取当前屏幕。截图会立即显示在应用中。
             </p>
           </div>

src/renderer/src/settings/CustomShortcuts.tsx

@@ -69,9 +69,17 @@ export function CustomShortcuts() {
         {/* Screenshot & AI */}
         <div className="space-y-2">
           <h3 className="text-sm text-gray-500">截图与AI</h3>
-          <Shortcut label="截图" shortcut="takeScreenshot" />
+          <Shortcut
+            label="截图"
+            description="截图并生成解题建议（会新开对话）"
+            shortcut="takeScreenshot"
+          />
+          <Shortcut
+            label="追加截图"
+            description="在当前对话中追加截图并生成解题建议，适用于长题目等场景"
+            shortcut="appendScreenshot"
+          />
           <Shortcut label="停止生成" shortcut="stopSolutionStream" />
-          <Shortcut label="追加截图 (长题目)" shortcut="appendScreenshot" />
         </div>
 
         {/* Navigation */}