"use client"

import { useCoarsePointer } from "./use-coarse-pointer"
import { useIsMobile } from "./use-mobile"
import { useSidebarReflowZoom } from "./use-sidebar-reflow-zoom"

/**
 * Inline filter chips collapse to a single filter icon when:
 * - browser zoom ≥ ~200% / reflow viewport (WCAG), OR
 * - genuine mobile (narrow + touch-primary) — NOT desktop zoom shrinking width below md.
 */
export function useCompactFilterToolbar(): boolean {
  const reflowZoom = useSidebarReflowZoom()
  const isMobile = useIsMobile()
  const coarsePointer = useCoarsePointer()
  return reflowZoom || (isMobile && coarsePointer)
}