feat: Add Analytics Dashboard with deployment insights and enhanced UI

✨ New Features:
- Analytics Dashboard with interactive charts and deployment metrics
- Cross-environment deployment trend analysis and success rate tracking
- Dynamic chart theming that adapts to all 4 theme modes (light/dark/pink/neon)
- LinkedIn footer integration with professional branding

🔧 Critical Bug Fixes:
- Fixed deployment count discrepancy (analytics vs history showing different counts)
- Corrected environment directory path in deployment-history-service
- Enhanced rollback filtering logic with isRollbackOperation() helper function
- Fixed success rate calculation using proper status string matching

🎨 UI/UX Improvements:
- Simplified main menu design
- Added comprehensive search and filtering in deployment history
- Implemented CSS modules for better style organization
- Enhanced theme system with Chart.js color injection

🗑️ Code Cleanup:
- Removed unused components
- Consolidated search functionality into deployment history
- Simplified routing structure for better navigation

✅ Testing & Quality:
- Fixed rollback service test expectations to match actual API interface
- All 630 unit tests now passing
- Comprehensive validation through smoke tests and infrastructure tests

📚 Documentation:
- Updated README with Analytics Dashboard feature
- Enhanced USAGE-GUIDE with detailed analytics documentation
- Updated DEVELOPER_ARCHITECTURE with new service architecture

🚀 Production Ready:
- Successfully deployed and validated on Azure App Service
- All analytics API endpoints working correctly
- Multi-environment support confirmed

Author: LuiseFreese

README.md

@@ -15,10 +15,11 @@ A modern React-based Azure App Service application that converts [Mermaid](https
 - **Smart Validation & Auto-Fix**: Real-time ERD validation with one-click fixes for common issues ([see all validations](docs/VALIDATION-AND-AUTOFIX.md))
 - **Relationship Support**: One-to-many relationships and junction tables for many-to-many
 - **Global Choice Integration**: Map to existing choice sets or create new ones
+- **Analytics Dashboard**: Interactive deployment insights with success rates, deployment trends, and rollback frequency visualization across all environments
 - **Deployment History & Rollback**: Persistent storage with Azure Blob Storage - track all deployments with modular rollback, choose exactly what to remove (relationships, entities, solution, publisher)
 - **Zero-Trust Security**: Managed identity authentication with no stored secrets
 - **Dev Proxy Integration**: Test API failures, rate limiting, and offline development ([see Dev Proxy Testing Guide](docs/DEV-PROXY-TESTING.md))
-- **Multiple Themes**: Light mode, dark mode, pink mode 💖, and retro neon mode 🌈✨
+- **Multiple Themes**: Light mode, dark mode, pink mode 💖, and retro neon mode 🌈✨ with dynamic chart theming
 
 ## Architecture
 

docs/DEVELOPER_ARCHITECTURE.md

@@ -77,6 +77,7 @@ graph TB
             ValidationSvc[Validation Service<br/>ERD Parsing & CDM Detect]
             DeploymentSvc[Deployment Service<br/>Solution Orchestration]
             DeploymentHistorySvc[Deployment History Service<br/>Tracking & Retrieval]
+            AnalyticsSvc[Analytics Service<br/>Deployment Insights & Metrics]
             PublisherSvc[Publisher Service<br/>Publisher Management]
             ChoicesSvc[Global Choices Service<br/>Option Set Management]
             SolutionSvc[Solution Service<br/>Solution Operations]
@@ -137,10 +138,12 @@ graph TB
     
     DeploymentCtrl --> DeploymentSvc
     DeploymentCtrl --> DeploymentHistorySvc
+    DeploymentCtrl --> AnalyticsSvc
     DeploymentSvc --> DataverseRepo
     DeploymentSvc --> ConfigRepo
     DeploymentHistorySvc --> DeploymentFiles
     DeploymentHistorySvc --> IndexFiles
+    AnalyticsSvc --> DeploymentHistorySvc
     
     ConfigCtrl --> ConfigRepo
     
@@ -167,7 +170,7 @@ graph TB
     
     class UI,Router,Context,Services,Components,HistoryModal frontend
     class HTTP,Logger,CORS,Error,Stream,WizardCtrl,ValidationCtrl,DeploymentCtrl,AdminCtrl,ConfigCtrl backend
-    class ValidationSvc,DeploymentSvc,DeploymentHistorySvc,PublisherSvc,ChoicesSvc,SolutionSvc,DataverseRepo,ConfigRepo service
+    class ValidationSvc,DeploymentSvc,DeploymentHistorySvc,AnalyticsSvc,PublisherSvc,ChoicesSvc,SolutionSvc,DataverseRepo,ConfigRepo service
     class Dataverse,EntraID,ManagedIdentity,Parser,DataverseClient,PowerPlatform external
     class DeploymentFiles,IndexFiles storage
 ```

docs/USAGE-GUIDE.md

@@ -161,6 +161,55 @@ The rollback system is **environment-aware**:
 - Each environment maintains its own deployment history
 - Rollback buttons only appear for eligible deployments in each environment
 
+## Analytics Dashboard
+
+The Analytics Dashboard provides comprehensive insights into your deployment patterns and success metrics across all environments. Access it from the main menu to visualize your deployment history.
+
+![Analytics Dashboard](media/analytics-dashboard.png)
+
+### Key Metrics & Visualizations
+
+The dashboard displays several key performance indicators:
+
+**Success Rate Overview:**
+- Total deployments across all environments
+- Success vs. failure rates with visual breakdown
+- Deployment trend analysis over time
+
+**Interactive Charts:**
+- **Deployment Trends**: Line chart showing deployment frequency over the last 7 days
+- **Success Rate Distribution**: Pie chart displaying successful vs. failed deployments
+- **Rollback Frequency**: Statistics on rollback operations and their frequency
+
+**Multi-Environment Analytics:**
+- Cross-environment deployment aggregation
+- Environment-specific metrics and comparisons
+- Filtering options to focus on specific environments
+
+### Theme-Aware Visualizations
+
+The dashboard charts automatically adapt to your selected theme:
+- **Light Mode**: Professional blue/purple color scheme
+- **Dark Mode**: High-contrast colors optimized for dark backgrounds  
+- **Pink Mode**: Pink-themed color palette
+- **Neon Mode**: Vibrant cyan/magenta neon colors
+
+All charts use dynamic color injection to ensure perfect visibility regardless of your theme preference.
+
+### Using the Analytics Dashboard
+
+1. **Navigate**: Click "Analytics Dashboard" from the main menu
+2. **Review Metrics**: View overall success rates and deployment counts
+3. **Analyze Trends**: Use the trend chart to identify deployment patterns
+4. **Monitor Health**: Track rollback frequency to assess deployment quality
+5. **Theme Integration**: Charts automatically update when you change themes
+
+The analytics help you:
+- **Monitor Deployment Health**: Track success rates and identify issues
+- **Identify Patterns**: Understand deployment frequency and timing
+- **Measure Impact**: See rollback rates and deployment stability
+- **Cross-Environment Insights**: Compare performance across dev/test/prod environments
+
 ## Intelligent Validation & Auto-Corrections
 
 The React application includes sophisticated validation that provides real-time feedback and intelligent fixes:

scripts/setup-secretless.ps1

@@ -194,7 +194,6 @@ $localDevSecret = $existingSecrets | Where-Object { $_.displayName -eq "Local De
 
 if ($localDevSecret) {
     Write-Warning "A 'Local Development Secret' already exists. Skipping secret creation."
-    Write-Info "If you need a new secret, manually delete the old one first or create via Azure Portal."
     $clientSecret = $null
 } else {
     # Create new client secret (valid for 1 year)

src/backend/services/analytics-service.js

@@ -9,14 +9,31 @@ function getDhs() {
   return _dhs;
 }
 
+// Helper function to determine if a deployment is a rollback operation
+function isRollbackOperation(deployment) {
+  const status = String(deployment.status || '').toLowerCase();
+  const operationType = String(deployment.summary?.operationType || '').toLowerCase();
+  const deploymentMethod = String(deployment.metadata?.deploymentMethod || '').toLowerCase();
+  
+  // Check for rollback status OR rollback operation type
+  return status === 'rolled-back' || 
+         status === 'rolled back' || 
+         status === 'rollback' ||
+         operationType === 'rollback' ||
+         deploymentMethod === 'rollback';
+}
+
 async function getDeploymentTrends() {
   // Query deployment history and return aggregated counts per day (last 30 days)
   const all = await getDhs().getAllDeploymentsFromAllEnvironments();
+  // Filter out rollback entries - only count actual deployments
+  const deployments = all.filter(d => !isRollbackOperation(d));
+  
   const byDay = {};
   const now = Date.now();
   const msPerDay = 24 * 60 * 60 * 1000;
 
-  all.forEach(d => {
+  deployments.forEach(d => {
     const ts = new Date(d.timestamp || d.createdAt || now).toISOString().slice(0, 10);
     byDay[ts] = (byDay[ts] || 0) + 1;
   });
@@ -33,15 +50,20 @@ async function getDeploymentTrends() {
 
 async function getSuccessRates() {
   const all = await getDhs().getAllDeploymentsFromAllEnvironments();
-  const total = all.length;
-  const success = all.filter(d => String(d.status).toLowerCase() === 'succeeded').length;
+  // Filter out rollback entries - only count actual deployments
+  const deployments = all.filter(d => !isRollbackOperation(d));
+  const total = deployments.length;
+  const success = deployments.filter(d => String(d.status).toLowerCase() === 'success').length;
   return { total, success, successRate: total === 0 ? 0 : success / total };
 }
 
 async function getRollbackFrequency() {
   const all = await getDhs().getAllDeploymentsFromAllEnvironments();
-  const rollbacks = all.filter(d => String(d.status).toLowerCase() === 'rolled-back' || String(d.status).toLowerCase() === 'rolled back').length;
-  return { total: all.length, rollbacks, rollbackRate: all.length === 0 ? 0 : rollbacks / all.length };
+  // Filter out rollback entries for total count - only count actual deployments
+  const deployments = all.filter(d => !isRollbackOperation(d));
+  // Count rollback operations separately
+  const rollbacks = all.filter(d => isRollbackOperation(d)).length;
+  return { total: deployments.length, rollbacks, rollbackRate: deployments.length === 0 ? 0 : rollbacks / deployments.length };
 }
 
 module.exports = {

src/backend/services/deployment-history-service.js

@@ -326,8 +326,8 @@ class DeploymentHistoryService extends BaseService {
     async getAllEnvironments() {
         return this.executeOperation('getAllEnvironments', async () => {
             try {
-                // List all index files
-                const indexFiles = await this.storage.list('indexes/', { extension: '_index.json' });
+                // List all index files - they are in the root of the storage directory, not in 'indexes/' subfolder
+                const indexFiles = await this.storage.list('', { extension: '_index.json' });
 
                 const environments = [];
                 for (const indexFile of indexFiles) {

src/frontend/.tsbuildinfo

@@ -6,8 +6,6 @@ import { MainMenu } from './components/MainMenu';
 import { RollbackPage } from './components/RollbackPage';
 import { ErrorBoundary } from './components/ui/ErrorBoundary';
 import { AnalyticsDashboard } from './components/analytics/AnalyticsDashboard';
-import { EnhancedSearch } from './components/search/EnhancedSearch';
-import { TemplateManagement } from './components/templates/TemplateManagement';
 import { ThemeProvider, useTheme } from './context/ThemeContext';
 import { DeploymentProvider } from './context/DeploymentContext';
 import { AuthProvider } from './auth/AuthProvider';
@@ -46,8 +44,6 @@ const AppContent: React.FC = () => {
             <Route path="/rollback" element={<RollbackPage />} />
             <Route path="/deployment-history" element={<DeploymentHistory />} />
             <Route path="/analytics" element={<AnalyticsDashboard />} />
-            <Route path="/search" element={<EnhancedSearch />} />
-            <Route path="/templates" element={<TemplateManagement />} />
             {/* Redirect old routes */}
             <Route path="/home" element={<Navigate to="/" replace />} />
             <Route path="/menu" element={<Navigate to="/" replace />} />