From 300a219f95b707cda82c610cc0430b84d5fac7b9 Mon Sep 17 00:00:00 2001 From: Haze <709547807@qq.com> Date: Thu, 12 Feb 2026 13:28:20 +0800 Subject: [PATCH] chore(UI): ux model settings (#64) --- resources/icons/icon-plain.svg | 3 ++ src/components/settings/ProvidersSettings.tsx | 44 ++++++++----------- src/pages/Setup/index.tsx | 5 ++- 3 files changed, 25 insertions(+), 27 deletions(-) create mode 100644 resources/icons/icon-plain.svg diff --git a/resources/icons/icon-plain.svg b/resources/icons/icon-plain.svg new file mode 100644 index 000000000..aaf8d30ac --- /dev/null +++ b/resources/icons/icon-plain.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/settings/ProvidersSettings.tsx b/src/components/settings/ProvidersSettings.tsx index 60a80c9a3..15e5b935e 100644 --- a/src/components/settings/ProvidersSettings.tsx +++ b/src/components/settings/ProvidersSettings.tsx @@ -21,7 +21,6 @@ import { Label } from '@/components/ui/label'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Separator } from '@/components/ui/separator'; -import { Switch } from '@/components/ui/switch'; import { useProviderStore, type ProviderConfig, type ProviderWithKeyInfo } from '@/stores/providers'; import { PROVIDER_TYPE_INFO, @@ -41,7 +40,6 @@ export function ProvidersSettings() { loading, fetchProviders, addProvider, - updateProvider, deleteProvider, updateProviderWithKey, setDefaultProvider, @@ -108,14 +106,6 @@ export function ProvidersSettings() { } }; - const handleToggleEnabled = async (provider: ProviderWithKeyInfo) => { - try { - await updateProvider(provider.id, { enabled: !provider.enabled }); - } catch (error) { - toast.error(`${t('aiProviders.toast.failedUpdate')}: ${error}`); - } - }; - return (
@@ -155,7 +145,6 @@ export function ProvidersSettings() { onCancelEdit={() => setEditingProvider(null)} onDelete={() => handleDeleteProvider(provider.id)} onSetDefault={() => handleSetDefault(provider.id)} - onToggleEnabled={() => handleToggleEnabled(provider)} onSaveEdits={async (payload) => { await updateProviderWithKey( provider.id, @@ -191,7 +180,6 @@ interface ProviderCardProps { onCancelEdit: () => void; onDelete: () => void; onSetDefault: () => void; - onToggleEnabled: () => void; onSaveEdits: (payload: { newApiKey?: string; updates?: Partial }) => Promise; onValidateKey: ( key: string, @@ -209,7 +197,6 @@ function ProviderCard({ onCancelEdit, onDelete, onSetDefault, - onToggleEnabled, onSaveEdits, onValidateKey, }: ProviderCardProps) { @@ -291,7 +278,7 @@ function ProviderCard({ return ( - {/* Top row: icon + name + toggle */} + {/* Top row: icon + name */}
{getProviderIconUrl(provider.type) ? ( @@ -302,17 +289,10 @@ function ProviderCard({
{provider.name} - {isDefault && ( - {t('aiProviders.card.default')} - )}
{provider.type}
-
{/* Key row */} @@ -403,11 +383,23 @@ function ProviderCard({ )}
- {!isDefault && ( - - )} + diff --git a/src/pages/Setup/index.tsx b/src/pages/Setup/index.tsx index 5cb44b427..a06447d6c 100644 --- a/src/pages/Setup/index.tsx +++ b/src/pages/Setup/index.tsx @@ -102,6 +102,7 @@ const defaultSkills: DefaultSkill[] = [ ]; import { SETUP_PROVIDERS, type ProviderTypeInfo, getProviderIconUrl, shouldInvertInDark } from '@/lib/providers'; +import clawxIcon from '@/assets/logo.svg'; // Use the shared provider registry for setup providers const providers = SETUP_PROVIDERS; @@ -314,7 +315,9 @@ function WelcomeContent() { return (
-
🤖
+
+ ClawX +

{t('welcome.title')}

{t('welcome.description')}