From 3776bc20b38e5078444152f7fd1906a58ddf02ed Mon Sep 17 00:00:00 2001
From: weeihan <whyap79@gmail.com>
Date: Sun, 12 Jul 2026 22:35:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20rename=20Anthropic=E2=86=92DeepSeek=20la?=
 =?UTF-8?q?bel=20in=20settings,=20darken=20text=20colors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(protected)/hse/settings/page.tsx | 2 +-
 components/settings/api-key-form.tsx  | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/(protected)/hse/settings/page.tsx b/app/(protected)/hse/settings/page.tsx
index 5fb3c47..978eb04 100644
--- a/app/(protected)/hse/settings/page.tsx
+++ b/app/(protected)/hse/settings/page.tsx
@@ -23,7 +23,7 @@ export default async function SettingsPage() {
   return (
     <main className="max-w-2xl mx-auto px-4 py-6">
       <h1 className="text-2xl font-bold text-gray-900 mb-2">Settings</h1>
-      <p className="text-sm text-gray-500 mb-6">
+      <p className="text-sm text-gray-700 mb-6">
         API keys are stored securely in the database. Leave blank to use environment variables.
       </p>
       <ApiKeyForm settings={settingsMap} />
diff --git a/components/settings/api-key-form.tsx b/components/settings/api-key-form.tsx
index 7e0d97d..8f1e0d6 100644
--- a/components/settings/api-key-form.tsx
+++ b/components/settings/api-key-form.tsx
@@ -9,13 +9,13 @@ interface Props {
 }
 
 const KEY_LABELS: Record<string, string> = {
-  ANTHROPIC_API_KEY: 'Anthropic API Key (Claude)',
+  DEEPSEEK_API_KEY: 'DeepSeek API Key (AI)',
   VOYAGE_API_KEY: 'Voyage AI API Key (Embeddings)',
 }
 
 export function ApiKeyForm({ settings }: Props) {
   const [values, setValues] = useState<Record<string, string>>({
-    ANTHROPIC_API_KEY: '',
+    DEEPSEEK_API_KEY: '',
     VOYAGE_API_KEY: '',
   })
   const [saving, setSaving] = useState<Record<string, boolean>>({})
@@ -56,7 +56,7 @@ export function ApiKeyForm({ settings }: Props) {
               </span>
             </div>
             {status?.set && status.updated_at && (
-              <p className="text-xs text-gray-400 mb-3">
+              <p className="text-xs text-gray-600 mb-3">
                 Last updated {new Date(status.updated_at).toLocaleDateString('en-MY')}
               </p>
             )}
@@ -66,7 +66,7 @@ export function ApiKeyForm({ settings }: Props) {
                 value={values[key]}
                 onChange={e => setValues(v => ({ ...v, [key]: e.target.value }))}
                 placeholder={status?.set ? 'Enter new key to replace…' : 'Enter API key…'}
-                className="flex-1 border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent font-mono"
+                className="flex-1 border border-gray-300 rounded-lg px-3 py-2 text-sm text-gray-900 placeholder-gray-500 focus:ring-2 focus:ring-blue-500 focus:border-transparent font-mono"
               />
               <button
                 onClick={() => save(key)}