Update perplexity pro subscription

cline_docs/activeContext.md

@@ -23,6 +23,13 @@
   - Created reusable filter, table, and card components
   - Maintained consistent UI patterns across admin sections
   - Ensured all interfaces follow accessibility guidelines
+  
+- Accessibility enhancements:
+  - Fixed navigation menu accessibility issue where active menu items blended with background
+  - Improved active menu item contrast using exact primary blue color via inline styles
+  - Added orange accent border and white text for clear visual distinction
+  - Ensured consistent branding by matching active menu style with primary button styling
+  - Applied the same blue color used in the "Upcoming Events" button for consistency
 
 ## Next Steps
 1. Complete backend API integrations:
@@ -40,6 +47,10 @@
    - Configure environment variables
    - Enable SSL certificates
    - Test on multiple devices and browsers
+4. Utilize optimized Perplexity MCP tools:
+   - The Perplexity MCP server has been optimized for Pro subscription
+   - All tools now use enhanced parameters (max_tokens: 4000, temperature: 0.7, top_p: 0.9)
+   - Use for comprehensive documentation and API research
 
 ## Special Considerations
 - Ensure strict authentication for all admin routes

cline_docs/progress.md

@@ -75,6 +75,7 @@
 - [ ] Build search functionality across system
 
 ### Phase 5: Accessibility & Refinement
+- [x] Fix navigation menu active state contrast for better visibility
 - [ ] Conduct comprehensive accessibility audit
 - [ ] Implement screen reader optimizations
 - [ ] Refine keyboard navigation

cline_docs/techContext.md

@@ -100,6 +100,10 @@
 - MongoDB on port 27017
 - Redis on port 6379
 - Hot reloading enabled for development
+- Perplexity MCP server with Pro subscription:
+  - Located at /Users/chaulmark/Documents/Claude/MCP/perplexity-mcp
+  - Optimized with Pro parameters (max_tokens: 4000, temperature: 0.7, top_p: 0.9)
+  - Provides tools for search, documentation, API discovery, and code analysis
 
 ### Environment Configuration
 - Frontend environment variables in .env.local

frontend/src/components/organisms/Navigation.tsx

@@ -44,14 +44,19 @@ const NavLink = ({ href, children, isMobile = false, onClick }: NavLinkProps) =>
   
   const baseStyles = "transition-colors duration-200 px-3 py-2 rounded-md text-lg font-medium";
   const mobileStyles = isMobile ? "block w-full text-left" : "";
+  // Create a visually distinct style for active links using the exact primary blue color
   const activeStyles = isActive 
-    ? "bg-primary-light text-white dark:bg-primary-dark" 
+    ? "text-white font-bold border-b-4 border-accent" 
     : "text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700";
   
+  // Apply background color using inline style for active links to ensure exact color match
+  const linkStyle = isActive ? { backgroundColor: 'var(--color-primary)' } : {};
+  
   return (
     <Link
       href={href}
       className={`${baseStyles} ${mobileStyles} ${activeStyles}`}
+      style={linkStyle}
       aria-current={isActive ? "page" : undefined}
       onClick={onClick}
     >

how_to_use_perplexity_mcp.md

@@ -1,6 +1,6 @@
-# How to Use the Perplexity MCP Server with Cline
+# How to Use the Pro-Optimized Perplexity MCP Server with Cline
 
-The Perplexity MCP server you've installed provides powerful research and documentation capabilities that can assist you throughout the development of the OCD website. Here's how to leverage these tools effectively:
+The Perplexity MCP server has been optimized to take full advantage of your Pro subscription, providing enhanced research and documentation capabilities that can assist you throughout the development of the OCD website. The server now uses optimized parameters (max_tokens: 4000, temperature: 0.7, top_p: 0.9) for all tools to deliver more comprehensive and higher quality responses.
 
 ## Available Tools