fix: rename Anthropic→DeepSeek label in settings, darken text colors
This commit is contained in:
@@ -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} />
|
||||||
|
|||||||
@@ -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)}
|
||||||
|
|||||||
Reference in New Issue
Block a user