import { ref } from 'vue'

export const agentTip = ref<string>('')
export const showAgentTip = ref(false)
export const agentSuggestions = ref<string[]>([])
export const discoveryTip = ref<string>('')
export const userBehavior = ref({
  hasUsedKeywordSearch: false,
  hasUsedSemanticSearch: false,
  hasUsedPeopleSearch: false,
  hasUsedFileFilter: false,
  hasUsedContextMenu: false,
  hasViewedPersonDetails: false,
  hasBindedFace: false,
  hasUsedSearchHistory: false,
  hasUsedBookmark: false
})

export function showTip(message: string, duration = 5000) {
  agentTip.value = message
  showAgentTip.value = true
  setTimeout(() => {
    showAgentTip.value = false
  }, duration)
}

export function showDiscovery(message: string, duration = 8000) {
  discoveryTip.value = message
  setTimeout(() => {
    discoveryTip.value = ''
  }, duration)
}

export function trackBehavior(action: keyof typeof userBehavior.value) {
  userBehavior.value[action] = true
  localStorage.setItem('momentry_user_behavior', JSON.stringify(userBehavior.value))
}

export function loadUserBehavior() {
  const saved = localStorage.getItem('momentry_user_behavior')
  if (saved) {
    try {
      userBehavior.value = JSON.parse(saved)
    } catch (e) {
      console.error('Failed to load user behavior:', e)
    }
  }
}