add thinking chunk, add deepseek

Author: biosshot

web/src/components/chat/ChatMessage.vue

@@ -114,5 +114,6 @@ const onEditMessage = (newContent: string) => {
     overflow-y: auto;
     overflow-x: hidden;
     white-space: pre-line;
+    color: var(--color-text-muted);
 }
 </style>

web/src/components/settings/SettingsView.vue

@@ -19,6 +19,9 @@
                             { label: 'OpenAI', value: 'openai' },
                             { label: 'OpenRouter', value: 'openrouter' },
                             { label: 'Anthropic', value: 'anthropic' },
+                            { label: 'DeepSeek', value: 'deepseek' },
+                            // { label: 'ZAI', value: 'zai' },
+
                         ]" @update:model-value="onSettingChange('apiProvider', $event)" />
                     <p class="hint">Select your preferred LLM provider. <br>
                         <strong> If the provider you need is not listed here, openai compatible api url in a field "Base

web/src/components/shared/Collapsible.vue

@@ -38,10 +38,6 @@ const isOpen = ref(props.defaultOpen ?? false);
     transition: background-color 0.2s;
 }
 
-.collapsible-header:hover {
-    background-color: var(--color-background-hover);
-}
-
 .arrow {
     font-size: 0.9rem;
     transition: transform 0.3s ease;
@@ -89,15 +85,4 @@ const isOpen = ref(props.defaultOpen ?? false);
 .collapsible-content .setting-group:last-child {
     margin-bottom: 0;
 }
-
-/* Цветовые акценты для темной/светлой темы */
-@media (prefers-color-scheme: dark) {
-    .collapsible-header {
-        background: rgba(255, 255, 255, 0.03);
-    }
-
-    .collapsible-header:hover {
-        background: rgba(255, 255, 255, 0.06);
-    }
-}
 </style>

web/src/composables/useChat.ts

@@ -196,6 +196,27 @@ export default function useChat() {
                         if (message) message.content += ev.data;
                         break;
                     }
+                    case 'think_chunk': {
+                        let message;
+                        if (writeToLastMessage) message = chatMessages.value.at(-1);
+                        else {
+                            historyStore.addMessageToCurrentChat({
+                                content: '',
+                                role: 'ai',
+                                options: {},
+                                isReady: false
+                            });
+
+                            message = chatMessages.value.at(-1);
+                            writeToLastMessage = true;
+                        }
+
+                        if (message) {
+                            if (!message.thinking) message.thinking = '';
+                            message.thinking += ev.data;
+                        }
+                        break;
+                    }
                     case 'message':
                         historyStore.addMessageToCurrentChat(JSON.parse(ev.data));
                         writeToLastMessage = false;