update model providers

Author: idoubi

README.md

@@ -121,7 +121,7 @@ Some components are built with [ShipAny.ai](https://shipany.ai) - AI-powered ful
 - [Join Discord](https://discord.gg/rDSmZ8HS39)
 - [Follow on X](https://x.com/workanyai)
 
-# ❤️ Contributors
+## ❤️ Contributors
 
 <a href="https://github.com/workany-ai/workany/graphs/contributors">
   <img src="https://contrib.rocks/image?repo=workany-ai/workany" />

package.json

@@ -1,7 +1,7 @@
 {
   "name": "workany",
   "private": true,
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "scripts": {
     "ver": "./scripts/version.sh",

src-api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "workany-api",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "scripts": {
     "dev": "node --import tsx --watch src/index.ts",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "workany"
-version = "0.1.9"
+version = "0.1.10"
 description = "A Tauri App"
 authors = ["you"]
 edition = "2021"

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "WorkAny",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "identifier": "ai.thinkany.workany",
   "build": {
     "beforeDevCommand": "pnpm dev",
@@ -39,4 +39,4 @@
     },
     "resources": []
   }
-}
+}

src/components/settings/constants.tsx

@@ -1,4 +1,10 @@
 import type { ComponentType } from 'react';
+import {
+  customProviderModels,
+  defaultProviderIds,
+  defaultProviders,
+  providerDefaultModels,
+} from '@/shared/db/settings';
 import {
   Cpu,
   Database,
@@ -29,49 +35,18 @@ export const categoryIcons: Record<
   about: Info,
 };
 
-// Provider icons mapping
-export const providerIcons: Record<string, string> = {
-  openrouter: '<',
-};
-
-// Provider API Key settings URLs
-export const providerApiKeyUrls: Record<string, string> = {
-  openrouter: 'https://openrouter.ai/keys',
-  volcengine: 'https://volcengine.com/L/Sq5rSgyFu_E',
-};
+// Provider icons mapping (derived from defaultProviders)
+export const providerIcons: Record<string, string> = Object.fromEntries(
+  defaultProviders.filter((p) => p.icon).map((p) => [p.id, p.icon!])
+);
 
-// Default provider IDs that cannot be deleted
-export const defaultProviderIds = ['openrouter', 'volcengine'];
+// Provider API Key settings URLs (derived from defaultProviders)
+export const providerApiKeyUrls: Record<string, string> = Object.fromEntries(
+  defaultProviders.filter((p) => p.apiKeyUrl).map((p) => [p.id, p.apiKeyUrl!])
+);
 
-// Popular models for each provider (for suggestions)
-export const providerDefaultModels: Record<string, string[]> = {
-  openrouter: [
-    'anthropic/claude-sonnet-4-5-20250514',
-    'anthropic/claude-opus-4-5-20250514',
-  ],
-  anthropic: ['claude-sonnet-4-5-20250514', 'claude-opus-4-5-20250514'],
-  openai: ['gpt-4o', 'gpt-4o-mini', 'o1-preview'],
-  // Custom providers - provide common model name patterns
-  default: ['claude-sonnet-4-5-20250514', 'claude-sonnet-4-20250514'],
-};
-
-// Model suggestions for custom providers (matched by name pattern)
-export const customProviderModels: Record<string, string[]> = {
-  火山: [
-    'doubao-1-5-pro-256k-250115',
-    'doubao-1-5-lite-32k-250115',
-    'deepseek-v3-250324',
-  ],
-  volcengine: [
-    'doubao-1-5-pro-256k-250115',
-    'doubao-1-5-lite-32k-250115',
-    'deepseek-v3-250324',
-  ],
-  deepseek: ['deepseek-chat', 'deepseek-coder', 'deepseek-reasoner'],
-  moonshot: ['moonshot-v1-8k', 'moonshot-v1-32k', 'moonshot-v1-128k'],
-  zhipu: ['glm-4-plus', 'glm-4-flash', 'glm-4-long'],
-  qwen: ['qwen-max', 'qwen-plus', 'qwen-turbo'],
-};
+// Re-export from settings.ts for backward compatibility
+export { customProviderModels, defaultProviderIds, providerDefaultModels };
 
 // Re-export API config
 export { API_PORT, API_BASE_URL } from '@/config';

src/components/settings/tabs/DataSettings.tsx

@@ -46,13 +46,15 @@ interface ExportData {
 }
 
 type OperationStatus = 'idle' | 'loading' | 'success' | 'error';
+type ClearType = 'tasks' | 'settings' | 'all' | null;
 
 export function DataSettings() {
   const { t } = useLanguage();
   const [exportStatus, setExportStatus] = useState<OperationStatus>('idle');
   const [importStatus, setImportStatus] = useState<OperationStatus>('idle');
   const [clearStatus, setClearStatus] = useState<OperationStatus>('idle');
   const [showClearDialog, setShowClearDialog] = useState(false);
+  const [confirmClearType, setConfirmClearType] = useState<ClearType>(null);
   const [errorMessage, setErrorMessage] = useState<string>('');
 
   // Export all data
@@ -186,24 +188,40 @@ export function DataSettings() {
   };
 
   // Clear data
-  const handleClear = async (clearSettings: boolean) => {
+  const handleClear = async (type: ClearType) => {
+    if (!type) return;
+
     setClearStatus('loading');
     setErrorMessage('');
     setShowClearDialog(false);
+    setConfirmClearType(null);
 
     try {
-      // Clear workspace files first
-      await clearWorkspaceFiles();
-
-      // Get all tasks and delete them with their messages
-      const tasks = await getAllTasks();
-      for (const task of tasks) {
-        await deleteMessagesByTaskId(task.id);
-        await deleteTask(task.id);
-      }
-
-      // Clear settings if requested
-      if (clearSettings) {
+      if (type === 'settings') {
+        // Clear settings only
+        await clearAllSettings();
+      } else if (type === 'tasks') {
+        // Clear workspace files first
+        await clearWorkspaceFiles();
+
+        // Get all tasks and delete them with their messages
+        const tasks = await getAllTasks();
+        for (const task of tasks) {
+          await deleteMessagesByTaskId(task.id);
+          await deleteTask(task.id);
+        }
+      } else if (type === 'all') {
+        // Clear workspace files first
+        await clearWorkspaceFiles();
+
+        // Get all tasks and delete them with their messages
+        const tasks = await getAllTasks();
+        for (const task of tasks) {
+          await deleteMessagesByTaskId(task.id);
+          await deleteTask(task.id);
+        }
+
+        // Clear settings
         await clearAllSettings();
       }
 
@@ -221,6 +239,25 @@ export function DataSettings() {
     }
   };
 
+  // Handle clear option click - show confirmation
+  const handleClearOptionClick = (type: ClearType) => {
+    setConfirmClearType(type);
+  };
+
+  // Get confirmation message based on clear type
+  const getConfirmMessage = (type: ClearType): string => {
+    switch (type) {
+      case 'tasks':
+        return t.settings.dataClearTasksConfirm || 'Are you sure you want to delete all tasks and messages? This action cannot be undone.';
+      case 'settings':
+        return t.settings.dataClearSettingsConfirm || 'Are you sure you want to reset all settings to defaults? This action cannot be undone.';
+      case 'all':
+        return t.settings.dataClearAllConfirm || 'Are you sure you want to delete ALL data including tasks, messages, and settings? This action cannot be undone.';
+      default:
+        return '';
+    }
+  };
+
   const getButtonContent = (
     status: OperationStatus,
     icon: React.ReactNode,
@@ -380,7 +417,7 @@ export function DataSettings() {
 
             <div className="space-y-3">
               <button
-                onClick={() => handleClear(false)}
+                onClick={() => handleClearOptionClick('tasks')}
                 className={cn(
                   'flex w-full items-center justify-between rounded-lg px-4 py-3 text-left transition-colors',
                   'border-border hover:bg-accent border'
@@ -398,7 +435,25 @@ export function DataSettings() {
               </button>
 
               <button
-                onClick={() => handleClear(true)}
+                onClick={() => handleClearOptionClick('settings')}
+                className={cn(
+                  'flex w-full items-center justify-between rounded-lg px-4 py-3 text-left transition-colors',
+                  'border-border hover:bg-accent border'
+                )}
+              >
+                <div>
+                  <div className="text-foreground font-medium">
+                    {t.settings.dataClearSettingsOnly || 'Clear Settings Only'}
+                  </div>
+                  <div className="text-muted-foreground text-sm">
+                    {t.settings.dataClearSettingsOnlyDescription ||
+                      'Reset all settings to defaults, keep tasks'}
+                  </div>
+                </div>
+              </button>
+
+              <button
+                onClick={() => handleClearOptionClick('all')}
                 className={cn(
                   'flex w-full items-center justify-between rounded-lg px-4 py-3 text-left transition-colors',
                   'border border-red-500/30 bg-red-500/5 hover:bg-red-500/10'
@@ -425,6 +480,47 @@ export function DataSettings() {
           </div>
         </div>
       )}
+
+      {/* Confirmation Dialog */}
+      {confirmClearType && (
+        <div className="bg-background/80 fixed inset-0 z-[60] flex items-center justify-center backdrop-blur-sm">
+          <div className="border-border bg-background mx-4 w-full max-w-md rounded-xl border p-6 shadow-lg">
+            <div className="mb-4 flex items-center gap-3">
+              <div className="flex size-10 items-center justify-center rounded-full bg-red-500/10 text-red-500">
+                <AlertTriangle className="size-5" />
+              </div>
+              <h3 className="text-foreground text-lg font-semibold">
+                {t.settings.dataConfirmTitle || 'Confirm'}
+              </h3>
+            </div>
+
+            <p className="text-muted-foreground mb-6 text-sm">
+              {getConfirmMessage(confirmClearType)}
+            </p>
+
+            <div className="flex gap-3">
+              <button
+                onClick={() => setConfirmClearType(null)}
+                className={cn(
+                  'flex-1 rounded-lg px-4 py-2 text-sm font-medium transition-colors',
+                  'border-border text-foreground hover:bg-accent border'
+                )}
+              >
+                {t.settings.dataCancel || 'Cancel'}
+              </button>
+              <button
+                onClick={() => handleClear(confirmClearType)}
+                className={cn(
+                  'flex-1 rounded-lg px-4 py-2 text-sm font-medium transition-colors',
+                  'bg-red-500 text-white hover:bg-red-600'
+                )}
+              >
+                {t.settings.dataConfirmClear || 'Yes, Clear'}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
     </div>
   );
 }