LLMs: Anthropic: caching config below the fold

src/modules/llms/vendors/anthropic/AnthropicServiceSetup.tsx

@@ -66,16 +66,16 @@ export function AnthropicServiceSetup(props: { serviceId: DModelsServiceId }) {
       placeholder='sk-...'
     />
 
-    <FormSwitchControl
+    {advanced.on && <FormSwitchControl
       title='Auto-Caching' on='Enabled' off='Disabled'
       tooltip='Auto-breakpoints: 3 breakpoints are always set on the System instruction and on the last 2 User messages. This leaves the user with 1 breakpoint of their choice. (max 4)'
       description={autoVndAntBreakpoints ? <>Last 2 user messages</> : 'Disabled'}
       checked={autoVndAntBreakpoints}
       onChange={setAutoVndAntBreakpoints}
-    />
+    />}
 
 
-    <FormControl orientation='horizontal' sx={{ flexWrap: 'wrap', justifyContent: 'space-between', alignItems: 'center' }}>
+    {advanced.on && <FormControl orientation='horizontal' sx={{ flexWrap: 'wrap', justifyContent: 'space-between', alignItems: 'center' }}>
       <FormLabelStart
         title='Caching'
         description='Toggle per-Message'
@@ -84,7 +84,7 @@ export function AnthropicServiceSetup(props: { serviceId: DModelsServiceId }) {
       <Typography level='title-sm'>
         {autoVndAntBreakpoints ? 'User & Auto' : 'User-driven'}
       </Typography>
-    </FormControl>
+    </FormControl>}
 
     {advanced.on && <FormTextField
       autoCompleteId='anthropic-host'