#434

frontend/src/components/counts/CountsControls.tsx

@@ -11,6 +11,7 @@ import TagInput from '@/components/common/TagInput'
 import { Button } from '@/components/ui/button'
 import { countsUseLatest, fieldsForCounts, normaliseCountsParams,
 	 selectedCountChildren, selectedCountColumns } from '@/lib/counts'
+import { countsNestedIsScalar } from '@/lib/countsDisplay'
 import { useCountsDefinition } from '@/lib/countsDefinitions'
 import { useClientMotion } from '@/lib/useClientMotion'
 import { inputClass } from '@/lib/utils'
@@ -43,11 +44,13 @@ const CountsControls = (
   const thumbnail = selectedCountColumns (resource, applied, definition).includes ('thumbnail')
   const mode = draft.get ('mode') ?? 'summary'
   const columns = selectedCountColumns (resource, draft, definition)
-  const children = selectedCountChildren (draft)
   const details = mode === 'details'
   const hasNested = details && fieldsForCounts (resource, definition).some (field =>
-      columns.includes (field.key) && field.children?.some (child =>
-	  children.has (`${field.key}.${child.key}`)))
+      columns.includes (field.key) && field.children != null
+      && !countsNestedIsScalar (field.children, field.key, draft)
+      && field.children.some (child => selectedCountChildren (draft)
+	  .has (`${field.key}.${child.key}`)))
+  // Immediate presentation changes merge into the pending query, never replace it.
   useEffect (() => {
     setDraft (previous => {
       const next = new URLSearchParams (previous)