fix(desktop): solid background wells for provider config inputs

One tint step between panel and input was imperceptible; use the solid
background token so fields read as wells on the tinted section.
This commit is contained in:
Erosika 2026-07-07 11:52:25 -04:00
parent 1ba70a6f70
commit 8333b04483

View file

@ -1,14 +1,31 @@
import { Input } from '@/components/ui/input'
import { Tip } from '@/components/ui/tooltip'
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
import { Switch } from '@/components/ui/switch'
import { Textarea } from '@/components/ui/textarea'
import { Check } from '@/lib/icons'
import { Check, Info } from '@/lib/icons'
import type { MemoryProviderField } from '@/types/hermes'
import { CONTROL_TEXT } from '../constants'
// Fade the placeholder well below set values so example text never reads as data.
const FIELD_INPUT = `border-(--ui-stroke-tertiary) bg-(--ui-bg-quaternary) font-mono ${CONTROL_TEXT} placeholder:text-muted-foreground/45`
const FIELD_INPUT = `border-(--ui-stroke-secondary) bg-background font-mono ${CONTROL_TEXT} placeholder:text-muted-foreground/45`
// Field label with an optional info tooltip, shared by the panel and modal rows.
export function FieldTitle({ field }: { field: MemoryProviderField }) {
if (!field.info) {
return <>{field.label}</>
}
return (
<span className="inline-flex items-center gap-1.5">
{field.label}
<Tip label={field.info}>
<Info aria-label={`About ${field.label}`} className="size-3.5 text-muted-foreground/70" />
</Tip>
</span>
)
}
// Values are edited as strings; the backend coerces them to native types.
export function FieldControl({