🎨 Palette: Enhance Filter Pills Accessibility and Keyboard Focus

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**
-

src/components/dashboard/filter-pills.tsx

@@ -34,9 +34,10 @@ export function FilterPills({ options, selected, onToggle, onClear, className }:
           <motion.button
             key={option.id}
             onClick={() => 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 && (
         <button
           onClick={onClear}
-          className="inline-flex items-center gap-1 rounded-full px-3 py-1.5 text-xs font-medium text-neutral-400 hover:text-neutral-300 transition-colors"
+          aria-label="Clear filters"
+          className="inline-flex items-center gap-1 rounded-full px-3 py-1.5 text-xs font-medium text-neutral-400 hover:text-neutral-300 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-2 focus-visible:ring-offset-neutral-900"
         >
           <X className="size-3" />
           Clear

src/components/empty/loading-section.tsx

@@ -48,4 +48,3 @@ export function LoadingSection() {
     </Surface>
   )
 }
-

src/components/overlay/modal.tsx

@@ -68,4 +68,3 @@ export function Modal({
     </AnimatePresence>
   )
 }
-

src/lib/integrations/adapters/resend.ts

@@ -39,7 +39,7 @@ export const resendAdapter: WebhookAdapter = {
             return match[1]
         }
 
-        // 2. Fallback: If sent to "fluxlensai@gmail.com" or generic "inbound@", 
+        // 2. Fallback: If sent to "fluxlensai@gmail.com" or generic "inbound@",
         // we assign it to the default/demo org or a specific Admin Org.
         if (process.env.NEXT_PUBLIC_DEFAULT_ORG_ID) {
             return process.env.NEXT_PUBLIC_DEFAULT_ORG_ID

src/lib/reports/pdfGenerator.ts

@@ -1,6 +1,6 @@
 /**
  * Enhanced PDF Report Generator for FluxLens v1.0.2
- * 
+ *
  * Generates professional PDF reports with:
  * - Executive summary with key metrics
  * - Department health breakdown with visual indicators