tweaks

web/src/components/config-form/sections/ReviewSection.tsx

@@ -12,8 +12,10 @@ export const ReviewSection = createConfigSection({
     hiddenFields: [
       "enabled_in_config",
       "alerts.labels",
+      "alerts.enabled_in_config",
       "alerts.required_zones",
       "detections.labels",
+      "detections.enabled_in_config",
       "detections.required_zones",
     ],
     advancedFields: [],

web/src/components/config-form/sections/SnapshotsSection.tsx

@@ -20,6 +20,14 @@ export const SnapshotsSection = createConfigSection({
     },
     hiddenFields: ["enabled_in_config"],
     advancedFields: ["quality", "retain"],
+    uiSchema: {
+      required_zones: {
+        "ui:widget": "zoneNames",
+        "ui:options": {
+          suppressMultiSchema: true,
+        },
+      },
+    },
   },
 });
 

web/src/components/config-form/theme/templates/FieldTemplate.tsx

@@ -135,7 +135,7 @@ export function FieldTemplate(props: FieldTemplateProps) {
               </Label>
             )}
             {finalDescription && !isMultiSchemaWrapper && (
-              <p className="max-w-md text-sm text-muted-foreground">
+              <p className="max-w-md text-xs text-muted-foreground">
                 {finalDescription}
               </p>
             )}
@@ -145,7 +145,7 @@ export function FieldTemplate(props: FieldTemplateProps) {
       ) : (
         <>
           {finalDescription && !isMultiSchemaWrapper && (
-            <p className="text-sm text-muted-foreground">{finalDescription}</p>
+            <p className="text-xs text-muted-foreground">{finalDescription}</p>
           )}
           {children}
         </>

web/src/components/config-form/theme/widgets/SwitchesWidget.tsx

@@ -143,7 +143,7 @@ export function SwitchesWidget(props: WidgetProps) {
           </Button>
         </CollapsibleTrigger>
 
-        <CollapsibleContent>
+        <CollapsibleContent className="bg-background_alt p-2">
           {availableEntities.length === 0 ? (
             <div className="text-sm text-muted-foreground">{emptyMessage}</div>
           ) : (