feat: Implement auto-questioning feature in chat components, allowing users to enable AI-generated follow-up questions based on preset lists or AI mode, enhancing user interaction and engagement

Author: experdot

src/renderer/src/components/Settings.tsx

@@ -5,6 +5,7 @@ import { useSettingsStore } from '../stores/settingsStore'
 import AppearanceSettings from './settings/AppearanceSettings'
 import LLMSettings from './settings/LLMSettings'
 import ModelConfigSettings from './settings/ModelConfigSettings'
+import PromptListSettings from './settings/PromptListSettings'
 import DataManagement from './settings/DataManagement'
 import SettingsDemo from './settings/SettingsDemo'
 
@@ -64,6 +65,11 @@ export default function Settings({ open, onClose, embedded = false }: SettingsPr
       label: '模型配置',
       children: <ModelConfigSettings />
     },
+    {
+      key: 'prompt-lists',
+      label: '提示词列表',
+      children: <PromptListSettings />
+    },
     {
       key: 'data',
       label: '数据管理',

src/renderer/src/components/pages/chat/ChatInput.tsx

@@ -1,10 +1,142 @@
-import React, { useRef, forwardRef, useImperativeHandle } from 'react'
-import { Input, Button, Alert } from 'antd'
-import { SendOutlined, StopOutlined, SettingOutlined } from '@ant-design/icons'
+import React, { useRef, forwardRef, useImperativeHandle, useState } from 'react'
+import { Input, Button, Alert, Switch, Tooltip, Space, Select, Dropdown } from 'antd'
+import { SendOutlined, StopOutlined, SettingOutlined, QuestionCircleOutlined, BulbOutlined, DownOutlined } from '@ant-design/icons'
 import { LLMConfig } from '../../../types/type'
+import { useSettingsStore } from '../../../stores/settingsStore'
 import ModelSelector from './ModelSelector'
 
 const { TextArea } = Input
+const { Option } = Select
+
+// 自动提问控件组件
+interface AutoQuestionControlsProps {
+  enabled: boolean
+  mode: 'ai' | 'preset'
+  selectedListId?: string
+  promptLists: any[]
+  disabled: boolean
+  onChange?: (enabled: boolean, mode: 'ai' | 'preset', listId?: string) => void
+}
+
+function AutoQuestionControls({
+  enabled,
+  mode,
+  selectedListId,
+  promptLists,
+  disabled,
+  onChange
+}: AutoQuestionControlsProps) {
+  const handleEnabledChange = (checked: boolean) => {
+    let finalListId = selectedListId
+    // 如果开启自动提问且是预设模式，但没有选择列表，使用第一个可用列表
+    if (checked && mode === 'preset' && !selectedListId && promptLists.length > 0) {
+      finalListId = promptLists[0].id
+    }
+    console.log('AutoQuestionControls handleEnabledChange:', {
+      checked,
+      mode,
+      selectedListId,
+      finalListId,
+      promptListsLength: promptLists.length
+    })
+    onChange?.(checked, mode, finalListId)
+  }
+
+  const handleModeChange = (newMode: 'ai' | 'preset') => {
+    onChange?.(enabled, newMode, newMode === 'preset' ? (selectedListId || promptLists[0]?.id) : undefined)
+  }
+
+  const handleListChange = (listId: string) => {
+    onChange?.(enabled, mode, listId)
+  }
+
+  const getCurrentPromptList = () => {
+    return promptLists.find(list => list.id === selectedListId)
+  }
+
+  const modeOptions = [
+    {
+      key: 'ai',
+      label: (
+        <Space>
+          <QuestionCircleOutlined />
+          AI自动追问
+        </Space>
+      )
+    },
+    {
+      key: 'preset',
+      label: (
+        <Space>
+          <BulbOutlined />
+          预设列表提问
+        </Space>
+      )
+    }
+  ]
+
+  const dropdownMenu = {
+    items: modeOptions.map(option => ({
+      key: option.key,
+      label: option.label,
+      onClick: () => handleModeChange(option.key as 'ai' | 'preset')
+    }))
+  }
+
+  return (
+    <div style={{ display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }}>
+      <Tooltip title="开启后，AI回答完成将自动继续提问">
+        <Space align="center" size="small">
+          <Switch
+            size="small"
+            checked={enabled}
+            onChange={handleEnabledChange}
+            disabled={disabled}
+          />
+          <span style={{ fontSize: '12px' }}>自动提问</span>
+        </Space>
+      </Tooltip>
+      
+      {enabled && (
+        <>
+          <Dropdown menu={dropdownMenu} trigger={['click']} disabled={disabled}>
+            <Button size="small" style={{ fontSize: '11px' }}>
+              {mode === 'ai' ? (
+                <Space size={4}>
+                  <QuestionCircleOutlined />
+                  AI追问
+                </Space>
+              ) : (
+                <Space size={4}>
+                  <BulbOutlined />
+                  预设列表
+                </Space>
+              )}
+              <DownOutlined />
+            </Button>
+          </Dropdown>
+          
+          {mode === 'preset' && (
+            <Select
+              size="small"
+              value={selectedListId}
+              onChange={handleListChange}
+              placeholder="选择列表"
+              style={{ minWidth: 120, fontSize: '11px' }}
+              disabled={disabled || promptLists.length === 0}
+            >
+              {promptLists.map((list) => (
+                <Option key={list.id} value={list.id}>
+                  {list.name}
+                </Option>
+              ))}
+            </Select>
+          )}
+        </>
+      )}
+    </div>
+  )
+}
 
 interface ChatInputProps {
   value: string
@@ -18,6 +150,11 @@ interface ChatInputProps {
   defaultModelId?: string
   onModelChange: (modelId: string) => void
   onOpenSettings?: () => void
+  // 自动提问相关
+  autoQuestionEnabled?: boolean
+  autoQuestionMode?: 'ai' | 'preset'
+  autoQuestionListId?: string
+  onAutoQuestionChange?: (enabled: boolean, mode: 'ai' | 'preset', listId?: string) => void
 }
 
 export interface ChatInputRef {
@@ -37,11 +174,16 @@ const ChatInput = forwardRef<ChatInputRef, ChatInputProps>(
       selectedModel,
       defaultModelId,
       onModelChange,
-      onOpenSettings
+      onOpenSettings,
+      autoQuestionEnabled = false,
+      autoQuestionMode = 'ai',
+      autoQuestionListId,
+      onAutoQuestionChange
     },
     ref
   ) => {
     const textAreaRef = useRef<any>(null)
+    const { settings } = useSettingsStore()
 
     useImperativeHandle(ref, () => ({
       focus: () => {
@@ -97,14 +239,24 @@ const ChatInput = forwardRef<ChatInputRef, ChatInputProps>(
         )}
 
         <div className="chat-input-container">
-          <ModelSelector
-            llmConfigs={llmConfigs}
-            selectedModel={selectedModel}
-            defaultLLMId={defaultModelId}
-            onChange={onModelChange}
-            disabled={disabled || loading}
-            size="small"
-          />
+          <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 }}>
+            <ModelSelector
+              llmConfigs={llmConfigs}
+              selectedModel={selectedModel}
+              defaultLLMId={defaultModelId}
+              onChange={onModelChange}
+              disabled={disabled || loading}
+              size="small"
+            />
+            <AutoQuestionControls
+              enabled={autoQuestionEnabled}
+              mode={autoQuestionMode}
+              selectedListId={autoQuestionListId}
+              promptLists={settings.promptLists || []}
+              disabled={disabled || loading}
+              onChange={onAutoQuestionChange}
+            />
+          </div>
           <TextArea
             ref={textAreaRef}
             placeholder={