chore: update

src/App.scss

@@ -68,5 +68,10 @@ body,
 .ai-thinking {
   margin-bottom: 20px;
   padding-left: 16px;
-  border-left: 1px solid rgba(0, 0, 0, 0.45);
+  border-left: 2px solid #e5e5e5;
+  color: #8b8b8b;
+  line-height: 26px;
+  &:empty {
+    display: none;
+  }
 }

src/ai/AIChat.tsx

@@ -58,7 +58,7 @@ export default function AIChat() {
                 onChange={setAI}
                 variant="filled"
                 suffixIcon={null}
-                popupMatchSelectWidth={210}></Select>
+                popupMatchSelectWidth={140}></Select>
               <Button type="primary" shape="circle" icon={<ArrowUpOutlined />} onClick={handleAI} loading={isLoading} />
             </div>
             <div className="upload-list"></div>

src/ai/config.ts

@@ -3,11 +3,11 @@ import { AIOption } from './types'
 export const AI_OPTIONS: AIOption[] = [
   { label: 'DeepSeek-R1', value: 'Pro/deepseek-ai/DeepSeek-R1' },
   { label: 'DeepSeek-V3', value: 'Pro/deepseek-ai/DeepSeek-V3' },
-  { label: 'QwQ-32B', value: 'Qwen/QwQ-32B' },
-  { label: 'deepseek-r1-250120', value: 'deepseek-r1-250120' },
-  { label: 'doubao-pro-32k-241215', value: 'doubao-pro-32k-241215' },
-  { label: 'qwen-max-latest', value: 'qwen-max-latest' },
-  { label: 'qwen-long', value: 'qwen-long' },
+  { label: '通义千问-QwQ', value: 'Qwen/QwQ-32B' },
+  { label: '通义千问-Max', value: 'qwen-max-latest' },
+  { label: '通义千问-Long', value: 'qwen-long' },
+  { label: '豆包-Pro', value: 'doubao-pro-32k-241215' },
+  // { label: 'deepseek-r1-250120', value: 'deepseek-r1-250120' },
   // { label: 'hunyuan-t1-latest', value: 'hunyuan-t1-latest' },
   // { label: 'hunyuan-standard-256K', value: 'hunyuan-standard-256K' },
 ]

src/ai/useAI.ts

@@ -3,17 +3,16 @@ import { AI_OPTIONS } from './config'
 import aiService from './api'
 import type { AIMessage, AIRequestData, GenerateImageRequestData, GenerateVideoRequestData } from './types'
 import { RequestOptions } from './request'
+import { useAIStore } from './useAIStore'
 
 export function useAI(globalOptions?: RequestOptions) {
-  const [ai, setAI] = useState<string>(localStorage.getItem('ai') || 'Pro/deepseek-ai/DeepSeek-R1')
+  const ai = useAIStore((state) => state.ai)
+  const setAI = useAIStore((state) => state.setAI)
   const [messages, setMessages] = useState<AIMessage[]>([])
   const [message, setMessage] = useState<AIMessage | null>(null)
   const [isLoading, setIsLoading] = useState<boolean>(false)
   const [error, setError] = useState<string | null>(null)
   const controllerRef = useRef<AbortController | null>(null)
-  useEffect(() => {
-    localStorage.setItem('ai', ai)
-  }, [ai])
 
   const clearError = useCallback(() => {
     setError(null)