import { useKfSelection } from '@/composables/useKfSelection'
import { useSceneStore } from '@/stores/scene'

/** Clear every selection-like piece of UI state in one shot — layers,
 *  clip instances, and timeline keyframes. Called from every "empty
 *  click" surface (chrome, empty stage, empty timeline) so the gesture
 *  carries the same meaning everywhere instead of each surface only
 *  clearing its own slice. */
export function useDeselectAll() {
  const store = useSceneStore()
  const { selectedKfs } = useKfSelection()
  return function deselectAll() {
    store.selectLayer(null)
    store.selectClipInstance(null)
    selectedKfs.value = []
  }
}