diff --git a/FEATURES_GUIDE.md b/FEATURES_GUIDE.md index abfbab07..b65c196a 100644 --- a/FEATURES_GUIDE.md +++ b/FEATURES_GUIDE.md @@ -469,7 +469,7 @@ import { useUserPreferences, useAutoRefresh } from '@/hooks/useUserPreferences' function Dashboard() { const { preferences, updatePreferences } = useUserPreferences() - + // Auto-refresh based on user preference useAutoRefresh(() => refreshData()) @@ -615,4 +615,3 @@ interface ThemeToggleProps { --- **Built with ❤️ for FluxLens AI v1.0.2** - diff --git a/src/components/dashboard/filter-pills.tsx b/src/components/dashboard/filter-pills.tsx index d09effbe..b7344489 100644 --- a/src/components/dashboard/filter-pills.tsx +++ b/src/components/dashboard/filter-pills.tsx @@ -34,9 +34,10 @@ export function FilterPills({ options, selected, onToggle, onClear, className }: onToggle(option.id)} + aria-pressed={isSelected} transition={{ duration: 0.15 }} className={cn( - 'inline-flex items-center gap-2 rounded-full px-3 py-1.5 text-xs font-medium transition-all', + 'inline-flex items-center gap-2 rounded-full px-3 py-1.5 text-xs font-medium transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-2 focus-visible:ring-offset-neutral-900', isSelected ? 'bg-[#4C8BF5] text-white shadow-sm' : 'bg-neutral-800 text-neutral-300 hover:bg-neutral-700' @@ -60,7 +61,8 @@ export function FilterPills({ options, selected, onToggle, onClear, className }: {hasSelection && onClear && (