ai-plugin: Run formatter

Signed-off-by: ashu8912 <aghildiyal@microsoft.com>

Author: ashu8912

ai-assistant/src/ai/mcp/client.ts

@@ -1,4 +1,4 @@
-import { MultiServerMCPClient } from "@langchain/mcp-adapters";
+import { MultiServerMCPClient } from '@langchain/mcp-adapters';
 
 const client = new MultiServerMCPClient({
   // Global tool configuration options
@@ -7,25 +7,25 @@ const client = new MultiServerMCPClient({
   // Whether to prefix tool names with the server name (optional, default: false)
   prefixToolNameWithServerName: false,
   // Optional additional prefix for tool names (optional, default: "")
-  additionalToolNamePrefix: "",
+  additionalToolNamePrefix: '',
 
   // Use standardized content block format in tool outputs
   useStandardContentBlocks: true,
 
   // Server configuration
   mcpServers: {
     // adds the Inspektor Gadget MCP server
-    "inspektor-gadget": {
-      transport: "stdio",
-      command: "docker",
+    'inspektor-gadget': {
+      transport: 'stdio',
+      command: 'docker',
       args: [
-        "run",
-        "-i",
-        "--rm",
-        "--mount",
-        "type=bind,src=${env:HOME}/.kube/config,dst=/kubeconfig",
-        "ghcr.io/inspektor-gadget/ig-mcp-server:latest",
-        "-gadget-discoverer=artifacthub"
+        'run',
+        '-i',
+        '--rm',
+        '--mount',
+        'type=bind,src=${env:HOME}/.kube/config,dst=/kubeconfig',
+        'ghcr.io/inspektor-gadget/ig-mcp-server:latest',
+        '-gadget-discoverer=artifacthub',
       ],
       // Restart configuration for stdio transport
       restart: {
@@ -34,11 +34,11 @@ const client = new MultiServerMCPClient({
         delayMs: 2000, // Slightly longer delay for Docker container startup
       },
     },
-  }
+  },
 });
 
-const tools = async function() {
-    return await client.getTools();
+const tools = async function () {
+  return await client.getTools();
 };
 
-export default tools;
+export default tools;

ai-assistant/src/ai/mcp/electron-client.ts

@@ -17,7 +17,11 @@ interface MCPResponse {
 
 interface ElectronMCPApi {
   getTools: () => Promise<MCPResponse>;
-  executeTool: (toolName: string, args: Record<string, any>, toolCallId?: string) => Promise<MCPResponse>;
+  executeTool: (
+    toolName: string,
+    args: Record<string, any>,
+    toolCallId?: string
+  ) => Promise<MCPResponse>;
   getStatus: () => Promise<{ isInitialized: boolean; hasClient: boolean }>;
   resetClient: () => Promise<MCPResponse>;
   getConfig: () => Promise<{ success: boolean; config?: any; error?: string }>;
@@ -36,9 +40,10 @@ class ElectronMCPClient {
   private isElectron: boolean;
 
   constructor() {
-    this.isElectron = typeof window !== 'undefined' && 
-                     typeof window.desktopApi !== 'undefined' && 
-                     typeof window.desktopApi.mcp !== 'undefined';
+    this.isElectron =
+      typeof window !== 'undefined' &&
+      typeof window.desktopApi !== 'undefined' &&
+      typeof window.desktopApi.mcp !== 'undefined';
   }
 
   /**
@@ -59,11 +64,8 @@ class ElectronMCPClient {
 
     try {
       const response = await window.desktopApi!.mcp.getTools();
-      console.log(
-        "mcp response from getting tools is",
-        response
-      );
-      console.log("mcp window desktop api", window.desktopApi!.mcp.getTools)
+      console.log('mcp response from getting tools is', response);
+      console.log('mcp window desktop api', window.desktopApi!.mcp.getTools);
       if (response.success && response.tools) {
         console.log('Retrieved MCP tools from Electron:', response.tools.length, 'tools');
         return response.tools;
@@ -81,18 +83,18 @@ class ElectronMCPClient {
    * Execute an MCP tool via Electron main process
    */
   async executeTool(
-    toolName: string, 
-    args: Record<string, any>, 
+    toolName: string,
+    args: Record<string, any>,
     toolCallId?: string
   ): Promise<any> {
     if (!this.isElectron) {
       throw new Error('MCP client not available - not running in Electron environment');
     }
 
     try {
-      console.log("args for tool executed is ", args)
+      console.log('args for tool executed is ', args);
       const response = await window.desktopApi!.mcp.executeTool(toolName, args, toolCallId);
-      
+
       if (response.success) {
         return response.result;
       } else {
@@ -139,9 +141,9 @@ class ElectronMCPClient {
 }
 
 // Export a function that returns tools (compatible with existing interface)
-const tools = async function(): Promise<MCPTool[]> {
+const tools = async function (): Promise<MCPTool[]> {
   const client = new ElectronMCPClient();
-  console.log("mcp electron client is ", client);
+  console.log('mcp electron client is ', client);
   return await client.getTools();
 };
 

ai-assistant/src/components/assistant/ToolsDialog.tsx

@@ -16,7 +16,7 @@ import {
   Switch,
   Typography,
 } from '@mui/material';
-import React, { useEffect,useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import tools from '../../ai/mcp/electron-client';
 import { AVAILABLE_TOOLS } from '../../langchain/tools/registry';
 
@@ -69,10 +69,8 @@ export const ToolsDialog: React.FC<ToolsDialogProps> = ({
   };
 
   const handleToggleTool = (toolName: string) => {
-    setLocalEnabledTools(prev => 
-      prev.includes(toolName)
-        ? prev.filter(name => name !== toolName)
-        : [...prev, toolName]
+    setLocalEnabledTools(prev =>
+      prev.includes(toolName) ? prev.filter(name => name !== toolName) : [...prev, toolName]
     );
   };
 
@@ -106,7 +104,7 @@ export const ToolsDialog: React.FC<ToolsDialogProps> = ({
           External Model Context Protocol tools (always enabled)
         </Typography>
       </Box>
-      
+
       {loadingMcpTools ? (
         <Box sx={{ display: 'flex', justifyContent: 'center', my: 3 }}>
           <CircularProgress size={24} />
@@ -119,29 +117,24 @@ export const ToolsDialog: React.FC<ToolsDialogProps> = ({
           {mcpTools.length > 0 ? (
             mcpTools.map((tool, index) => (
               <ListItem key={`mcp-${index}`}>
-                <Box sx={{ 
-                  display: 'flex', 
-                  alignItems: 'center', 
-                  minWidth: 40,
-                  justifyContent: 'center'
-                }}>
-                  <Icon 
-                    icon={getToolIcon(tool.name, 'mcp')} 
-                    style={{ fontSize: 20, marginRight: 8 }} 
+                <Box
+                  sx={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    minWidth: 40,
+                    justifyContent: 'center',
+                  }}
+                >
+                  <Icon
+                    icon={getToolIcon(tool.name, 'mcp')}
+                    style={{ fontSize: 20, marginRight: 8 }}
                   />
                 </Box>
                 <ListItemText
                   primary={
                     <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
-                      <Typography variant="body1">
-                        {tool.name}
-                      </Typography>
-                      <Chip 
-                        label="MCP" 
-                        size="small" 
-                        color="info"
-                        variant="outlined"
-                      />
+                      <Typography variant="body1">{tool.name}</Typography>
+                      <Chip label="MCP" size="small" color="info" variant="outlined" />
                     </Box>
                   }
                   secondary={tool.description || 'External MCP tool'}
@@ -195,7 +188,7 @@ export const ToolsDialog: React.FC<ToolsDialogProps> = ({
           </Typography>
         )}
       </Box>
-      
+
       <List>
         {tools.map(ToolClass => {
           const tempTool = new ToolClass();
@@ -205,10 +198,7 @@ export const ToolsDialog: React.FC<ToolsDialogProps> = ({
           return (
             <ListItem key={toolName} divider>
               <Box sx={{ display: 'flex', alignItems: 'center', mr: 2 }}>
-                <Icon 
-                  icon={getToolIcon(toolName)} 
-                  style={{ fontSize: 20, marginRight: 8 }} 
-                />
+                <Icon icon={getToolIcon(toolName)} style={{ fontSize: 20, marginRight: 8 }} />
               </Box>
               <ListItemText
                 primary={
@@ -217,11 +207,7 @@ export const ToolsDialog: React.FC<ToolsDialogProps> = ({
                       {tempTool.config.displayName || toolName}
                     </Typography>
                     {tempTool.config.category && (
-                      <Chip 
-                        label={tempTool.config.category} 
-                        size="small" 
-                        variant="outlined"
-                      />
+                      <Chip label={tempTool.config.category} size="small" variant="outlined" />
                     )}
                   </Box>
                 }
@@ -243,67 +229,57 @@ export const ToolsDialog: React.FC<ToolsDialogProps> = ({
   );
 
   return (
-    <Dialog 
-      open={open} 
+    <Dialog
+      open={open}
       onClose={handleCancel}
       maxWidth="md"
       fullWidth
       PaperProps={{
-        sx: { height: '80vh' }
+        sx: { height: '80vh' },
       }}
     >
       <DialogTitle>
         <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
           <Icon icon="mdi:tools" style={{ fontSize: 24 }} />
-          <Typography variant="h6">
-            Manage Tools
-          </Typography>
-          <Chip 
-            label={`${localEnabledTools.length} enabled`} 
-            size="small" 
-            color="primary"
-          />
+          <Typography variant="h6">Manage Tools</Typography>
+          <Chip label={`${localEnabledTools.length} enabled`} size="small" color="primary" />
         </Box>
       </DialogTitle>
-      
+
       <DialogContent>
         <Typography variant="body2" color="text.secondary" sx={{ mb: 3 }}>
-          Enable or disable tools that the AI can use. Changes will take effect immediately and will be saved to your settings.
+          Enable or disable tools that the AI can use. Changes will take effect immediately and will
+          be saved to your settings.
         </Typography>
 
         {/* Kubernetes Tools */}
         {kubernetesTools.length > 0 && (
           <>
             {renderToolList(
-              kubernetesTools, 
-              "Kubernetes Tools", 
-              "Tools for interacting with Kubernetes clusters"
+              kubernetesTools,
+              'Kubernetes Tools',
+              'Tools for interacting with Kubernetes clusters'
             )}
             <Divider sx={{ my: 3 }} />
           </>
         )}
 
         {/* Other Tools */}
-        {otherTools.length > 0 && (
+        {otherTools.length > 0 &&
           renderToolList(
-            otherTools, 
-            "System Tools", 
-            "General purpose tools for various operations"
-          )
-        )}
+            otherTools,
+            'System Tools',
+            'General purpose tools for various operations'
+          )}
 
         {/* MCP Tools */}
         {renderMcpToolList()}
-        
-        {(kubernetesTools.length > 0 || otherTools.length > 0) && (
-          <Divider sx={{ my: 3 }} />
-        )}
+
+        {(kubernetesTools.length > 0 || otherTools.length > 0) && <Divider sx={{ my: 3 }} />}
       </DialogContent>
 
       <DialogActions>
-        <Button onClick={handleCancel}>
-          Cancel
-        </Button>
+        <Button onClick={handleCancel}>Cancel</Button>
         <Button onClick={handleSave} variant="contained">
           Save Changes
         </Button>
@@ -312,4 +288,4 @@ export const ToolsDialog: React.FC<ToolsDialogProps> = ({
   );
 };
 
-export default ToolsDialog;
+export default ToolsDialog;