From 7faacb6dab090ce54a2ed4a8c97200e061543763 Mon Sep 17 00:00:00 2001
From: Erosika <eri@plasticlabs.ai>
Date: Tue, 7 Jul 2026 12:49:36 -0400
Subject: [PATCH] fix(desktop): drop panel tint, cap info tooltip width
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Inputs use the app-wide desktop-input-chrome CSS (background set directly,
utilities lose the cascade), so the tinted panel surface was what made them
read flat — remove the tint and let the accent border + row hairlines carry
the structure, matching how inputs sit everywhere else in settings. The Tip
primitive styles for 2-3 word labels (bold, no wrap cap); give the info
variant a width cap, normal weight, and snug leading.
---
 apps/desktop/src/app/settings/memory/field-control.tsx        | 4 ++--
 .../desktop/src/app/settings/memory/provider-config-panel.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/desktop/src/app/settings/memory/field-control.tsx b/apps/desktop/src/app/settings/memory/field-control.tsx
index 5c4a2a905fe5..336fc8d1725b 100644
--- a/apps/desktop/src/app/settings/memory/field-control.tsx
+++ b/apps/desktop/src/app/settings/memory/field-control.tsx
@@ -9,7 +9,7 @@ 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-secondary) bg-background font-mono ${CONTROL_TEXT} placeholder:text-muted-foreground/45`
+const FIELD_INPUT = `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 }) {
@@ -20,7 +20,7 @@ export function FieldTitle({ field }: { field: MemoryProviderField }) {
   return (
     <span className="inline-flex items-center gap-1.5">
       {field.label}
-      <Tip label={field.info}>
+      <Tip className="max-w-60 font-normal leading-snug whitespace-normal" label={field.info}>
         <Info aria-label={`About ${field.label}`} className="size-3.5 text-muted-foreground/70" />
       </Tip>
     </span>
diff --git a/apps/desktop/src/app/settings/memory/provider-config-panel.tsx b/apps/desktop/src/app/settings/memory/provider-config-panel.tsx
index 01d6e3d8ac6a..be966e761e53 100644
--- a/apps/desktop/src/app/settings/memory/provider-config-panel.tsx
+++ b/apps/desktop/src/app/settings/memory/provider-config-panel.tsx
@@ -133,7 +133,7 @@ export function ProviderConfigPanel({ provider }: { provider: string }) {
       </div>
 
       {expanded && (
-        <div className="ml-1.5 border-l-2 border-(--ui-accent-secondary)/25 bg-(--ui-bg-quinary) pb-4 pl-4 pr-4">
+        <div className="ml-1.5 border-l-2 border-(--ui-accent-secondary)/25 pb-4 pl-4 pr-4">
           {inlineFields.map(field => (
             <div className="border-b border-border/40 last:border-b-0" key={field.key}>
               <ListRow