Cleaned up integrations page and removed GitHub-related functionality

Author: Gerome El-assaad

.vscode/settings.json

@@ -17,5 +17,4 @@
   "files.associations": {
     "*.css": "tailwindcss"
   },
-  "CodeGPT.apiKey": "CodeGPT Plus Beta"
 }

CHANGELOG.md

@@ -2,7 +2,86 @@
 
 All notable changes to this project will be documented in this file.
 
-## [v0.0.30] - Changelog Updates
+## [v0.0.31] - 2025-08-07
+
+### 🗑️ Removed
+- **GitHub Integration**: Cleaned up integrations page and removed GitHub-related functionality
+  - Removed GitHub from available integrations list in settings
+  - Eliminated GitHub OAuth flow and token management logic
+  - Removed GitHub Integration Status monitoring card
+  - Cleaned up GitHub-specific imports and connection handling
+  - Reduced integrations page bundle size from 133KB to 6.45KB
+
+### 🔧 Fixed
+- **Build Configuration**: Resolved Tailwind CSS configuration issues
+  - Fixed duplicate `tailwind.config.js` file causing content warnings
+  - Eliminated "content option missing" build warnings
+  - Improved build performance and clean compilation
+
+---
+
+## [v0.0.30] - 2025-08-07
+
+### 🔒 Security
+- **Dependency Vulnerabilities**: Resolved npm audit security issues
+  - Fixed `tmp` package vulnerability (GHSA-52f5-9888-hmc6) in development dependencies
+  - Added npm override to force secure version of `tmp` package
+  - Zero vulnerabilities now reported by npm audit
+
+### 🔧 Fixed
+- **Account Settings Page**: Complete rewrite and bug fixes for `/app/settings/account/page.tsx`
+  - Fixed broken authentication hook usage with proper callback functions
+  - Eliminated race conditions in async operations with mounted component checks
+  - Resolved memory leaks by adding proper cleanup functions and dependency management
+  - Fixed duplicate Supabase instance creation and consolidated auth state management
+  - Added comprehensive form validation with real-time feedback
+  - Enhanced error handling with user-friendly messages and recovery suggestions
+
+### 🚀 Added
+- **GrowthBook Feature Flags Integration**: Complete feature flag system for A/B testing and feature rollouts
+  - Integrated @flags-sdk/growthbook with production-ready configuration
+  - Smart user identification system with device/browser detection and UTM tracking
+  - Comprehensive feature flag setup with 10+ predefined flags for platform features
+  - API endpoint for feature flag status (`/api/flags`)
+  - Utility functions for easy feature flag management and conditional rendering
+  - Example components demonstrating feature flag usage patterns
+
+### 🚀 Enhanced
+- **Security Improvements**: Strengthened account security features
+  - Enhanced password validation with strict security requirements (8+ characters, mixed case, numbers)
+  - Improved email validation with proper regex patterns
+  - Better file upload validation for avatars (type, size, and format checks)
+  - Added form state tracking to prevent unnecessary API calls
+
+- **User Experience**: Comprehensive UX improvements
+  - Added dirty state tracking for forms to enable/disable buttons appropriately
+  - Enhanced loading states with proper coordination across components
+  - Improved error messaging with contextual, actionable feedback
+  - Better avatar upload flow with progress indicators and validation
+
+### ♿ Accessibility
+- **WCAG Compliance**: Added comprehensive accessibility features
+  - Proper ARIA labels and descriptions for all interactive elements
+  - Screen reader announcements for loading states and errors
+  - Form field associations with error messages
+  - Keyboard navigation support throughout the interface
+
+### 🛠️ Technical Improvements
+- **Code Quality**: Production-ready improvements
+  - Eliminated all race conditions with proper async coordination
+  - Added TypeScript validation and error handling
+  - Implemented proper component lifecycle management
+  - Enhanced file upload handling with comprehensive validation
+
+### 🧹 Maintenance
+- **Build System**: Ensured production readiness
+  - All ESLint checks passing without warnings
+  - Successful TypeScript compilation
+  - No build errors or type safety issues
+
+---
+
+## [v0.0.29] - Previous Workflow Release
 
 ### 🚀 Added
 - **Workflow System Integration**: Complete AI-powered workflow creation and execution system

app/api/flags/route.ts

@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getAllFeatureFlags } from '@/lib/feature-flags';
+
+// Force dynamic rendering for this route
+export const dynamic = 'force-dynamic';
+
+export async function GET(request: NextRequest) {
+  try {
+    const flags = await getAllFeatureFlags();
+    
+    return NextResponse.json({
+      success: true,
+      flags,
+      timestamp: new Date().toISOString(),
+    });
+  } catch (error) {
+    console.error('Error fetching feature flags:', error);
+    
+    return NextResponse.json(
+      { 
+        success: false, 
+        error: 'Failed to fetch feature flags',
+        timestamp: new Date().toISOString(),
+      },
+      { status: 500 }
+    );
+  }
+}

app/settings/integrations/page.tsx

@@ -6,16 +6,13 @@ import { Switch } from '@/components/ui/switch'
 import { Badge } from '@/components/ui/badge'
 import { useToast } from '@/components/ui/use-toast'
 import { 
-  Github, 
   Mail, 
   Calendar, 
   FolderOpen, 
   Plus, 
   Unlink,
   Loader2,
   ExternalLink,
-  Activity,
-  Clock,
   RefreshCw
 } from 'lucide-react'
 import { useState, useEffect, useCallback } from 'react'
@@ -26,24 +23,8 @@ import {
   disconnectUserIntegration,
   UserIntegration
 } from '@/lib/user-settings'
-import { 
-  generateGitHubOAuthUrl, 
-  getGitHubScopes, 
-  revokeGitHubToken,
-  isGitHubIntegrationHealthy,
-  formatGitHubWebhookEvent,
-  getGitHubEventIcon,
-  type GitHubOAuthConfig 
-} from '@/lib/github-oauth'
 
 const availableIntegrations = [
-  {
-    id: 'github',
-    name: 'GitHub',
-    description: 'Access your repositories and collaborate on code',
-    icon: Github,
-    color: 'bg-gray-900 text-white'
-  },
   {
     id: 'google-drive',
     name: 'Google Drive', 
@@ -110,29 +91,6 @@ export default function IntegrationsSettings() {
     initializeIntegrations()
   }, [session?.user?.id, loadIntegrations])
 
-  useEffect(() => {
-    const urlParams = new URLSearchParams(window.location.search)
-    const success = urlParams.get('success')
-    const error = urlParams.get('error')
-
-    if (success === 'github_connected') {
-      toast({
-        title: "Success",
-        description: "GitHub connected successfully!",
-      })
-      window.history.replaceState({}, '', window.location.pathname)
-      loadIntegrations()
-    }
-
-    if (error) {
-      toast({
-        title: "Error", 
-        description: decodeURIComponent(error),
-        variant: "destructive",
-      })
-      window.history.replaceState({}, '', window.location.pathname)
-    }
-  }, [loadIntegrations, toast])
 
   const getIntegrationStatus = useCallback((serviceId: string) => {
     const integration = integrations.find(integration => integration.service_name === serviceId)
@@ -163,27 +121,6 @@ export default function IntegrationsSettings() {
     setConnecting(serviceId)
 
     try {
-      if (serviceId === 'github') {
-        if (!process.env.NEXT_PUBLIC_GITHUB_CLIENT_ID) {
-          throw new Error('GitHub OAuth not configured. Please check environment variables.')
-        }
-
-        const redirectUri = process.env.NEXT_PUBLIC_SITE_URL 
-          ? `${process.env.NEXT_PUBLIC_SITE_URL}/api/auth/github`
-          : `${window.location.origin}/api/auth/github`
-
-        const config: GitHubOAuthConfig = {
-          clientId: process.env.NEXT_PUBLIC_GITHUB_CLIENT_ID,
-          redirectUri: redirectUri,
-          scopes: getGitHubScopes(),
-        }
-
-        console.log('Initiating GitHub OAuth with config:', config)
-        const authUrl = generateGitHubOAuthUrl(config)
-        window.location.href = authUrl
-        return
-      }
-
       console.log(`Connecting ${serviceId} for user:`, session.user.id)
 
       const success = await upsertUserIntegration(session.user.id, serviceId, {
@@ -224,17 +161,6 @@ export default function IntegrationsSettings() {
     try {
       console.log(`Disconnecting ${serviceId} for user:`, session.user.id)
 
-      if (serviceId === 'github') {
-        const integration = getIntegrationStatus(serviceId)
-        if (integration?.connection_data?.access_token) {
-          console.log('Revoking GitHub token...')
-          const revoked = await revokeGitHubToken(integration.connection_data.access_token)
-          if (!revoked) {
-            console.warn('Failed to revoke GitHub token, but continuing with disconnect')
-          }
-        }
-      }
-
       const success = await disconnectUserIntegration(session.user.id, serviceId)
 
       if (success) {
@@ -288,8 +214,6 @@ export default function IntegrationsSettings() {
     )
   }
 
-  const githubIntegration = getIntegrationStatus('github')
-
   return (
     <div className="space-y-6">
       <div className="flex items-center justify-between">
@@ -330,7 +254,7 @@ export default function IntegrationsSettings() {
               const isConnecting = connecting === service.id
               const isDisconnecting = disconnecting === service.id
               const isProcessing = isConnecting || isDisconnecting
-              const isHealthy = service.id === 'github' && integration ? isGitHubIntegrationHealthy(integration) : isConnected
+              const isHealthy = isConnected
 
               console.log(`Service ${service.id}: connected=${isConnected}, integration=`, integration)
 
@@ -362,11 +286,6 @@ export default function IntegrationsSettings() {
                           Connected {new Date(integration.connection_data.connected_at).toLocaleDateString()}
                         </p>
                       )}
-                      {service.id === 'github' && isConnected && integration?.connection_data?.username && (
-                        <p className="text-xs text-muted-foreground">
-                          GitHub: @{integration.connection_data.username}
-                        </p>
-                      )}
                       {integration?.connection_data?.simulated && (
                         <p className="text-xs text-yellow-600">
                           Simulated connection
@@ -413,74 +332,6 @@ export default function IntegrationsSettings() {
         </CardContent>
       </Card>
 
-      {githubIntegration?.is_connected && (
-        <Card>
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Activity className="h-5 w-5" />
-              GitHub Integration Status
-            </CardTitle>
-            <CardDescription>
-              Monitor your GitHub integration health and recent activity.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <div className="space-y-4">
-              <div className="flex items-center justify-between">
-                <span className="text-sm font-medium">Connection Status</span>
-                <div className="flex items-center gap-2">
-                  <div className={`h-2 w-2 rounded-full ${isGitHubIntegrationHealthy(githubIntegration) ? 'bg-green-500' : 'bg-yellow-500'}`}></div>
-                  <span className="text-sm text-muted-foreground">
-                    {isGitHubIntegrationHealthy(githubIntegration) ? 'Healthy' : 'Needs Attention'}
-                  </span>
-                </div>
-              </div>
-
-              {githubIntegration.connection_data?.github_user_id && (
-                <div className="flex items-center justify-between">
-                  <span className="text-sm font-medium">GitHub User ID</span>
-                  <span className="text-sm text-muted-foreground">
-                    {githubIntegration.connection_data.github_user_id}
-                  </span>
-                </div>
-              )}
-
-              {githubIntegration.last_sync_at && (
-                <div className="flex items-center justify-between">
-                  <span className="text-sm font-medium flex items-center gap-2">
-                    <Clock className="h-4 w-4" />
-                    Last Sync
-                  </span>
-                  <span className="text-sm text-muted-foreground">
-                    {new Date(githubIntegration.last_sync_at).toLocaleString()}
-                  </span>
-                </div>
-              )}
-              
-              {githubIntegration.connection_data?.last_webhook_event && (
-                <div className="space-y-2">
-                  <span className="text-sm font-medium">Recent Activity</span>
-                  <div className="p-3 bg-muted rounded-lg">
-                    <div className="flex items-start gap-2">
-                      <span className="text-lg">
-                        {getGitHubEventIcon(githubIntegration.connection_data.last_webhook_event.type)}
-                      </span>
-                      <div className="flex-1">
-                        <p className="text-sm">
-                          {formatGitHubWebhookEvent(githubIntegration.connection_data.last_webhook_event)}
-                        </p>
-                        <p className="text-xs text-muted-foreground">
-                          {new Date(githubIntegration.connection_data.last_webhook_event.timestamp).toLocaleString()}
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              )}
-            </div>
-          </CardContent>
-        </Card>
-      )}
 
       <Card>
         <CardHeader>