fix: rename Anthropic→DeepSeek label in settings, darken text colors

This commit is contained in:
2026-07-12 22:35:02 +08:00
parent a072ec0a3e
commit 3776bc20b3
2 changed files with 5 additions and 5 deletions
+1 -1
View File
@@ -23,7 +23,7 @@ export default async function SettingsPage() {
return ( return (
<main className="max-w-2xl mx-auto px-4 py-6"> <main className="max-w-2xl mx-auto px-4 py-6">
<h1 className="text-2xl font-bold text-gray-900 mb-2">Settings</h1> <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. API keys are stored securely in the database. Leave blank to use environment variables.
</p> </p>
<ApiKeyForm settings={settingsMap} /> <ApiKeyForm settings={settingsMap} />
+4 -4
View File
@@ -9,13 +9,13 @@ interface Props {
} }
const KEY_LABELS: Record<string, string> = { 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)', VOYAGE_API_KEY: 'Voyage AI API Key (Embeddings)',
} }
export function ApiKeyForm({ settings }: Props) { export function ApiKeyForm({ settings }: Props) {
const [values, setValues] = useState<Record<string, string>>({ const [values, setValues] = useState<Record<string, string>>({
ANTHROPIC_API_KEY: '', DEEPSEEK_API_KEY: '',
VOYAGE_API_KEY: '', VOYAGE_API_KEY: '',
}) })
const [saving, setSaving] = useState<Record<string, boolean>>({}) const [saving, setSaving] = useState<Record<string, boolean>>({})
@@ -56,7 +56,7 @@ export function ApiKeyForm({ settings }: Props) {
</span> </span>
</div> </div>
{status?.set && status.updated_at && ( {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')} Last updated {new Date(status.updated_at).toLocaleDateString('en-MY')}
</p> </p>
)} )}
@@ -66,7 +66,7 @@ export function ApiKeyForm({ settings }: Props) {
value={values[key]} value={values[key]}
onChange={e => setValues(v => ({ ...v, [key]: e.target.value }))} onChange={e => setValues(v => ({ ...v, [key]: e.target.value }))}
placeholder={status?.set ? 'Enter new key to replace…' : 'Enter API key…'} 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 <button
onClick={() => save(key)} onClick={() => save(key)}