claude-flow 2.0.0-alpha.60 → 2.0.0-alpha.62

package/src/ui/web-ui/views/GitHubIntegrationTest.js

@@ -14,55 +14,55 @@ export const GitHubViewMCPIntegration = {
           code_quality: '85%',
           security: '92%',
           performance: '78%',
-          details: 'Repository analysis complete'
+          details: 'Repository analysis complete',
         };
-      }
+      },
     },
-    
+
     github_pr_manage: {
       handler: async (params) => {
         console.log('🔄 Managing PR:', params);
         return {
           success: true,
           action: params.action,
-          pr_number: params.pr_number
+          pr_number: params.pr_number,
         };
-      }
+      },
     },
-    
+
     github_issue_track: {
       handler: async (params) => {
         console.log('📋 Tracking issues:', params);
         return {
           open: 15,
           in_progress: 8,
-          closed: 42
+          closed: 42,
         };
-      }
+      },
     },
-    
+
     github_release_coord: {
       handler: async (params) => {
         console.log('🚀 Coordinating release:', params);
         return {
           version: params.version,
           status: 'planned',
-          date: params.date
+          date: params.date,
         };
-      }
+      },
     },
-    
+
     github_workflow_auto: {
       handler: async (params) => {
         console.log('🤖 Automating workflow:', params);
         return {
           workflow: params.workflow_name,
           status: 'created',
-          trigger: params.trigger
+          trigger: params.trigger,
         };
-      }
+      },
     },
-    
+
     github_code_review: {
       handler: async (params) => {
         console.log('🔍 Running code review:', params);
@@ -73,22 +73,22 @@ export const GitHubViewMCPIntegration = {
           findings: [
             { type: 'security', description: 'Check input validation' },
             { type: 'performance', description: 'Consider caching results' },
-            { type: 'style', description: 'Inconsistent naming convention' }
-          ]
+            { type: 'style', description: 'Inconsistent naming convention' },
+          ],
         };
-      }
+      },
     },
-    
+
     github_sync_coord: {
       handler: async (params) => {
         console.log('🔄 Syncing repositories:', params);
         return {
           synced: params.repos.length,
-          status: 'complete'
+          status: 'complete',
         };
-      }
+      },
     },
-    
+
     github_metrics: {
       handler: async (params) => {
         console.log('📊 Fetching metrics:', params);
@@ -96,37 +96,37 @@ export const GitHubViewMCPIntegration = {
           commits: { total: 1542, week: 87 },
           pull_requests: { merged: 234, avg_time: '2.3 days' },
           issues: { resolved: 456, avg_time: '3.5 days' },
-          contributors: { active: 12, new: 3 }
+          contributors: { active: 12, new: 3 },
         };
-      }
-    }
+      },
+    },
   },
-  
+
   // Example usage
   testIntegration: async () => {
     console.log('🧪 Testing GitHub View MCP Integration');
-    
+
     // Test repository analysis
     const analysisResult = await GitHubViewMCPIntegration.tools.github_repo_analyze.handler({
       repo: 'ruvnet/claude-flow',
-      analysis_type: 'code_quality'
+      analysis_type: 'code_quality',
     });
     console.log('Repository Analysis Result:', analysisResult);
-    
+
     // Test PR management
     const prResult = await GitHubViewMCPIntegration.tools.github_pr_manage.handler({
       repo: 'ruvnet/claude-flow',
       action: 'review',
-      pr_number: 123
+      pr_number: 123,
     });
     console.log('PR Management Result:', prResult);
-    
+
     // Test metrics
     const metricsResult = await GitHubViewMCPIntegration.tools.github_metrics.handler({
-      repo: 'ruvnet/claude-flow'
+      repo: 'ruvnet/claude-flow',
     });
     console.log('Metrics Result:', metricsResult);
-  }
+  },
 };
 
 // Integration with EventBus for real MCP tools
@@ -135,7 +135,7 @@ export class GitHubMCPBridge {
     this.eventBus = eventBus;
     this.setupHandlers();
   }
-  
+
   setupHandlers() {
     // Listen for tool execution requests from the view
     this.eventBus.on('tool:execute', async (data) => {
@@ -146,19 +146,19 @@ export class GitHubMCPBridge {
           const handler = GitHubViewMCPIntegration.tools[data.tool]?.handler;
           if (handler) {
             const result = await handler(data.params);
-            
+
             // Emit result back to the view
             this.eventBus.emit('tool:executed', {
               tool: data.tool,
               result: result,
-              source: 'github-view'
+              source: 'github-view',
             });
           }
         } catch (error) {
           this.eventBus.emit('tool:error', {
             tool: data.tool,
             error: error.message,
-            source: 'github-view'
+            source: 'github-view',
           });
         }
       }
@@ -170,16 +170,16 @@ export class GitHubMCPBridge {
 export function runGitHubViewTest() {
   console.log('\n🐙 GitHub Integration View Test');
   console.log('═'.repeat(50));
-  
+
   // Test all tools
   GitHubViewMCPIntegration.testIntegration();
-  
+
   console.log('\n✅ GitHub View is ready for integration!');
   console.log('The view supports all 8 GitHub MCP tools:');
-  Object.keys(GitHubViewMCPIntegration.tools).forEach(tool => {
+  Object.keys(GitHubViewMCPIntegration.tools).forEach((tool) => {
     console.log(`  - ${tool}`);
   });
-  
+
   console.log('\n📋 Features implemented:');
   console.log('  - Repository browser and analysis');
   console.log('  - PR/Issue management dashboard');
@@ -194,4 +194,4 @@ export function runGitHubViewTest() {
 // Run test if executed directly
 if (typeof process !== 'undefined' && process.argv[1] === import.meta.url) {
   runGitHubViewTest();
-}
+}

package/src/ui/web-ui/views/GitHubIntegrationView.js

@@ -14,7 +14,7 @@ export default class GitHubIntegrationView {
     this.issues = new Map();
     this.currentTab = 'overview';
     this.isInitialized = false;
-    
+
     // GitHub tools
     this.githubTools = {
       repo_analyze: 'github_repo_analyze',
@@ -24,7 +24,7 @@ export default class GitHubIntegrationView {
       workflow_auto: 'github_workflow_auto',
       code_review: 'github_code_review',
       sync_coord: 'github_sync_coord',
-      metrics: 'github_metrics'
+      metrics: 'github_metrics',
     };
   }
 
@@ -76,7 +76,7 @@ export default class GitHubIntegrationView {
       { label: '🚀 Releases', content: this.createReleasesTab() },
       { label: '🤖 Automation', content: this.createAutomationTab() },
       { label: '📊 Analytics', content: this.createAnalyticsTab() },
-      { label: '🔍 Code Review', content: this.createCodeReviewTab() }
+      { label: '🔍 Code Review', content: this.createCodeReviewTab() },
     ];
 
     if (this.componentLibrary) {
@@ -743,7 +743,7 @@ export default class GitHubIntegrationView {
     console.log('  🔄 github_sync_coord     - Multi-repo sync');
     console.log('  📊 github_metrics        - Repository metrics');
     console.log('═'.repeat(50));
-    
+
     if (params.tool) {
       console.log(`\n🔧 Executing: ${params.tool}`);
       this.quickAction(params.tool, params);
@@ -756,14 +756,14 @@ export default class GitHubIntegrationView {
   async quickAction(toolName, params = {}) {
     try {
       console.log(`🔧 Executing ${toolName}...`);
-      
+
       // Emit tool execution event
       this.eventBus.emit('tool:execute', {
         tool: toolName,
         params: params,
-        source: 'github-view'
+        source: 'github-view',
       });
-      
+
       // Handle specific tool actions
       switch (toolName) {
         case 'github_repo_analyze':
@@ -781,7 +781,6 @@ export default class GitHubIntegrationView {
         default:
           console.log(`Tool ${toolName} executed`);
       }
-      
     } catch (error) {
       console.error(`❌ Error executing ${toolName}:`, error);
     }
@@ -793,11 +792,11 @@ export default class GitHubIntegrationView {
   async handleRepoAnalysis(params) {
     const analysisParams = {
       repo: params.repo || 'owner/repo',
-      analysis_type: params.analysis_type || 'code_quality'
+      analysis_type: params.analysis_type || 'code_quality',
     };
-    
+
     console.log('📊 Analyzing repository with parameters:', analysisParams);
-    
+
     // Update UI if in browser mode
     if (this.container) {
       const resultsEl = document.getElementById('analysis-results');
@@ -814,11 +813,11 @@ export default class GitHubIntegrationView {
     const prParams = {
       repo: params.repo || 'owner/repo',
       action: params.action || 'review',
-      pr_number: params.pr_number
+      pr_number: params.pr_number,
     };
-    
+
     console.log('🔄 Managing PR with parameters:', prParams);
-    
+
     // Update UI if in browser mode
     if (this.container) {
       this.updatePRList();
@@ -831,11 +830,11 @@ export default class GitHubIntegrationView {
   async handleIssueTracking(params) {
     const issueParams = {
       repo: params.repo || 'owner/repo',
-      action: params.action || 'track'
+      action: params.action || 'track',
     };
-    
+
     console.log('📋 Tracking issues with parameters:', issueParams);
-    
+
     // Update UI if in browser mode
     if (this.container) {
       this.updateIssueList();
@@ -849,11 +848,11 @@ export default class GitHubIntegrationView {
     const reviewParams = {
       repo: params.repo || 'owner/repo',
       pr: params.pr || 1,
-      type: params.type || 'full'
+      type: params.type || 'full',
     };
-    
+
     console.log('🔍 Running code review with parameters:', reviewParams);
-    
+
     // Update UI if in browser mode
     if (this.container) {
       const summaryEl = document.getElementById('review-summary');
@@ -867,21 +866,22 @@ export default class GitHubIntegrationView {
    * Repository analysis functions
    */
   async analyzeRepository() {
-    const repo = document.getElementById('analyze-repo')?.value || prompt('Enter repository (owner/repo):');
+    const repo =
+      document.getElementById('analyze-repo')?.value || prompt('Enter repository (owner/repo):');
     if (!repo) return;
-    
+
     this.quickAction('github_repo_analyze', { repo });
   }
 
   async runRepoAnalysis() {
     const repo = document.getElementById('analyze-repo')?.value;
     const analysisType = document.getElementById('analysis-type')?.value;
-    
+
     if (!repo) {
       alert('Please enter a repository');
       return;
     }
-    
+
     this.quickAction('github_repo_analyze', { repo, analysis_type: analysisType });
   }
 
@@ -891,12 +891,12 @@ export default class GitHubIntegrationView {
   async createPullRequest() {
     const repo = prompt('Enter repository (owner/repo):');
     if (!repo) return;
-    
+
     console.log('🔄 Creating pull request for:', repo);
     this.eventBus.emit('tool:execute', {
       tool: 'github_pr_create',
       params: { repo },
-      source: 'github-view'
+      source: 'github-view',
     });
   }
 
@@ -904,12 +904,12 @@ export default class GitHubIntegrationView {
     const repo = document.getElementById('pr-repo')?.value;
     const prNumber = document.getElementById('pr-number')?.value;
     const action = document.getElementById('pr-action')?.value;
-    
+
     if (!repo || !prNumber) {
       alert('Please enter repository and PR number');
       return;
     }
-    
+
     this.quickAction('github_pr_manage', { repo, pr_number: prNumber, action });
   }
 
@@ -919,19 +919,19 @@ export default class GitHubIntegrationView {
   async trackIssues() {
     const repo = prompt('Enter repository (owner/repo):');
     if (!repo) return;
-    
+
     this.quickAction('github_issue_track', { repo, action: 'track' });
   }
 
   async runTriage() {
     const repo = document.getElementById('triage-repo')?.value;
     const action = document.getElementById('triage-action')?.value;
-    
+
     if (!repo) {
       alert('Please enter a repository');
       return;
     }
-    
+
     this.quickAction('github_issue_track', { repo, action });
   }
 
@@ -941,14 +941,15 @@ export default class GitHubIntegrationView {
   async checkMetrics() {
     const repo = prompt('Enter repository (owner/repo):');
     if (!repo) return;
-    
+
     this.quickAction('github_metrics', { repo });
   }
 
   async fetchMetrics() {
-    const repo = document.getElementById('metrics-repo')?.value || prompt('Enter repository (owner/repo):');
+    const repo =
+      document.getElementById('metrics-repo')?.value || prompt('Enter repository (owner/repo):');
     if (!repo) return;
-    
+
     this.quickAction('github_metrics', { repo });
   }
 
@@ -956,11 +957,12 @@ export default class GitHubIntegrationView {
    * Code review functions
    */
   async startCodeReview() {
-    const repo = document.getElementById('review-repo')?.value || prompt('Enter repository (owner/repo):');
+    const repo =
+      document.getElementById('review-repo')?.value || prompt('Enter repository (owner/repo):');
     const pr = document.getElementById('review-pr')?.value || prompt('Enter PR number:');
-    
+
     if (!repo || !pr) return;
-    
+
     this.quickAction('github_code_review', { repo, pr });
   }
 
@@ -968,12 +970,12 @@ export default class GitHubIntegrationView {
     const repo = document.getElementById('review-repo')?.value;
     const pr = document.getElementById('review-pr')?.value;
     const reviewType = document.getElementById('review-type')?.value;
-    
+
     if (!repo || !pr) {
       alert('Please enter repository and PR number');
       return;
     }
-    
+
     this.quickAction('github_code_review', { repo, pr, type: reviewType });
   }
 
@@ -987,27 +989,27 @@ export default class GitHubIntegrationView {
         this.handleToolResult(data);
       }
     });
-    
+
     // Listen for real-time updates
     this.eventBus.on('ui:real-time:update', () => {
       this.updateStats();
     });
-    
+
     // Listen for repository updates
     this.eventBus.on('github:repo:updated', (data) => {
       this.updateRepositoryList(data);
     });
-    
+
     // Listen for PR updates
     this.eventBus.on('github:pr:updated', (data) => {
       this.updatePRList(data);
     });
-    
+
     // Listen for issue updates
     this.eventBus.on('github:issue:updated', (data) => {
       this.updateIssueList(data);
     });
-    
+
     // Make this view instance globally accessible for button handlers
     if (typeof window !== 'undefined') {
       window.githubView = this;
@@ -1019,7 +1021,7 @@ export default class GitHubIntegrationView {
    */
   handleToolResult(data) {
     console.log(`✅ Tool ${data.tool} completed:`, data.result);
-    
+
     // Update UI based on result
     if (this.container) {
       this.updateUIWithResult(data.tool, data.result);
@@ -1088,14 +1090,14 @@ export default class GitHubIntegrationView {
       const valueEl = reposStatEl.querySelector('.stat-value');
       if (valueEl) valueEl.textContent = this.repositories.size;
     }
-    
+
     // Update PR count
     const prsStatEl = document.getElementById('prs-stat');
     if (prsStatEl) {
       const valueEl = prsStatEl.querySelector('.stat-value');
       if (valueEl) valueEl.textContent = this.pullRequests.size;
     }
-    
+
     // Update issue count
     const issuesStatEl = document.getElementById('issues-stat');
     if (issuesStatEl) {
@@ -1154,15 +1156,19 @@ export default class GitHubIntegrationView {
         </div>
       `;
     }
-    
+
     const findingsEl = document.getElementById('review-findings');
     if (findingsEl && result.findings) {
-      findingsEl.innerHTML = result.findings.map(finding => `
+      findingsEl.innerHTML = result.findings
+        .map(
+          (finding) => `
         <div class="finding-item">
           <span class="finding-type">${finding.type}</span>
           <span class="finding-desc">${finding.description}</span>
         </div>
-      `).join('');
+      `,
+        )
+        .join('');
     }
   }
 
@@ -1175,12 +1181,12 @@ export default class GitHubIntegrationView {
       const commitsEl = document.getElementById('total-commits');
       if (commitsEl) commitsEl.textContent = result.commits.total || 0;
     }
-    
+
     if (result.pull_requests) {
       const mergedEl = document.getElementById('merged-prs');
       if (mergedEl) mergedEl.textContent = result.pull_requests.merged || 0;
     }
-    
+
     if (result.issues) {
       const resolvedEl = document.getElementById('resolved-issues');
       if (resolvedEl) resolvedEl.textContent = result.issues.resolved || 0;
@@ -1523,4 +1529,4 @@ if (typeof document !== 'undefined') {
     }
   `;
   document.head.appendChild(githubStyles);
-}
+}

package/src/ui/web-ui/views/NeuralNetworkView.js

@@ -61,7 +61,7 @@ export default class NeuralNetworkView {
       { label: '🔮 Prediction', content: this.createPredictionTab() },
       { label: '🎯 Patterns', content: this.createPatternsTab() },
       { label: '💾 Models', content: this.createModelsTab() },
-      { label: '⚡ Optimization', content: this.createOptimizationTab() }
+      { label: '⚡ Optimization', content: this.createOptimizationTab() },
     ];
 
     if (this.componentLibrary) {
@@ -507,7 +507,7 @@ export default class NeuralNetworkView {
     console.log('  🚀 wasm_optimize    - WASM optimization');
     console.log('  🔮 inference_run    - Neural inference');
     console.log('═'.repeat(50));
-    
+
     if (params.tool) {
       console.log(`\n🔧 Executing: ${params.tool}`);
       this.quickAction(params.tool, params);
@@ -520,14 +520,14 @@ export default class NeuralNetworkView {
   async quickAction(toolName, params = {}) {
     try {
       console.log(`🔧 Executing ${toolName}...`);
-      
+
       // Emit tool execution event
       this.eventBus.emit('tool:execute', {
         tool: toolName,
         params: params,
-        source: 'neural-view'
+        source: 'neural-view',
       });
-      
+
       // Handle specific tool actions
       switch (toolName) {
         case 'neural_train':
@@ -542,7 +542,6 @@ export default class NeuralNetworkView {
         default:
           console.log(`Tool ${toolName} executed`);
       }
-      
     } catch (error) {
       console.error(`❌ Error executing ${toolName}:`, error);
     }
@@ -555,11 +554,11 @@ export default class NeuralNetworkView {
     const trainingParams = {
       pattern_type: params.pattern_type || 'coordination',
       training_data: params.training_data || 'sample_data',
-      epochs: params.epochs || 50
+      epochs: params.epochs || 50,
     };
-    
+
     console.log('🧠 Training neural network with parameters:', trainingParams);
-    
+
     // Update UI if in browser mode
     if (this.container) {
       const statusEl = document.getElementById('training-status');
@@ -575,11 +574,11 @@ export default class NeuralNetworkView {
   async handlePrediction(params) {
     const predictionParams = {
       modelId: params.modelId || 'default_model',
-      input: params.input || 'sample_input'
+      input: params.input || 'sample_input',
     };
-    
+
     console.log('🔮 Running prediction with parameters:', predictionParams);
-    
+
     // Update UI if in browser mode
     if (this.container) {
       const outputEl = document.getElementById('prediction-output');
@@ -596,11 +595,11 @@ export default class NeuralNetworkView {
     const analysisParams = {
       action: params.action || 'analyze',
       operation: params.operation || 'sample_operation',
-      outcome: params.outcome || 'sample_outcome'
+      outcome: params.outcome || 'sample_outcome',
     };
-    
+
     console.log('🎯 Analyzing patterns with parameters:', analysisParams);
-    
+
     // Update UI if in browser mode
     if (this.container) {
       const insightsEl = document.getElementById('pattern-insights');
@@ -620,12 +619,12 @@ export default class NeuralNetworkView {
         this.handleToolResult(data);
       }
     });
-    
+
     // Listen for real-time updates
     this.eventBus.on('ui:real-time:update', () => {
       this.updateStats();
     });
-    
+
     // Listen for theme changes
     this.eventBus.on('ui:theme:changed', (theme) => {
       this.updateTheme(theme);
@@ -637,7 +636,7 @@ export default class NeuralNetworkView {
    */
   handleToolResult(data) {
     console.log(`✅ Tool ${data.tool} completed:`, data.result);
-    
+
     // Update UI based on result
     if (this.container) {
       this.updateUIWithResult(data.tool, data.result);
@@ -694,7 +693,7 @@ export default class NeuralNetworkView {
         </div>
       `;
     }
-    
+
     // Update confidence bar
     const confidenceBar = document.querySelector('.confidence-fill');
     const confidenceText = document.querySelector('.confidence-text');
@@ -733,7 +732,7 @@ export default class NeuralNetworkView {
       const valueEl = modelsStatEl.querySelector('.stat-value');
       if (valueEl) valueEl.textContent = this.models.size;
     }
-    
+
     // Update training jobs count
     const trainingStatEl = document.getElementById('training-stat');
     if (trainingStatEl) {
@@ -917,4 +916,4 @@ if (typeof document !== 'undefined') {
     }
   `;
   document.head.appendChild(neuralStyles);
-}
+}