resolve lint issues

Author: pnancarrow

client/src/components/Chat/Menus/Endpoints/ModelSelector.tsx

@@ -2,7 +2,12 @@ import React, { useMemo } from 'react';
 import type { ModelSelectorProps } from '~/common';
 import { ModelSelectorProvider, useModelSelectorContext } from './ModelSelectorContext';
 import { ModelSelectorChatProvider } from './ModelSelectorChatContext';
-import { renderModelSpecs, renderEndpoints, renderSearchResults, renderCustomGroups } from './components';
+import {
+  renderModelSpecs,
+  renderEndpoints,
+  renderSearchResults,
+  renderCustomGroups,
+} from './components';
 import { getSelectedIcon, getDisplayValue } from './utils';
 import { CustomMenu as Menu } from './CustomMenu';
 import DialogManager from './DialogManager';

client/src/components/Chat/Menus/Endpoints/components/CustomGroup.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import React from 'react';
 import type { TModelSpec } from 'librechat-data-provider';
 import { CustomMenu as Menu } from '../CustomMenu';
 import { ModelSpecItem } from './ModelSpecItem';

client/src/components/Chat/Menus/Endpoints/components/EndpointItem.tsx

@@ -67,7 +67,11 @@ export function EndpointItem({ endpoint }: EndpointItemProps) {
     setEndpointSearchValue,
     endpointRequiresUserKey,
   } = useModelSelectorContext();
-  const { model: selectedModel, endpoint: selectedEndpoint, modelSpec: selectedSpec } = selectedValues;
+  const {
+    model: selectedModel,
+    endpoint: selectedEndpoint,
+    modelSpec: selectedSpec,
+  } = selectedValues;
 
   // Filter modelSpecs for this endpoint (by group matching endpoint value)
   const endpointSpecs = useMemo(() => {

client/src/components/Chat/Menus/Endpoints/components/EndpointModelItem.tsx

@@ -38,18 +38,21 @@ export function EndpointModelItem({ modelId, endpoint, isSelected }: EndpointMod
       onClick={() => handleSelectModel(endpoint, modelId ?? '')}
       className="flex w-full cursor-pointer items-center justify-between rounded-lg px-2 text-sm"
     >
-      <div className="flex w-full min-w-0 gap-2 px-1 py-1 items-center">
+      <div className="flex w-full min-w-0 items-center gap-2 px-1 py-1">
         {avatarUrl ? (
           <div className="flex h-5 w-5 flex-shrink-0 items-center justify-center overflow-hidden rounded-full">
             <img src={avatarUrl} alt={modelName ?? ''} className="h-full w-full object-cover" />
           </div>
-        ) : (isAgentsEndpoint(endpoint.value) || isAssistantsEndpoint(endpoint.value)) && endpoint.icon ? (
+        ) : (isAgentsEndpoint(endpoint.value) || isAssistantsEndpoint(endpoint.value)) &&
+          endpoint.icon ? (
           <div className="flex h-5 w-5 flex-shrink-0 items-center justify-center overflow-hidden rounded-full">
             {endpoint.icon}
           </div>
         ) : null}
         <span className="truncate text-left">{modelName}</span>
-        {isGlobal && <EarthIcon className="ml-auto size-4 flex-shrink-0 self-center text-green-400" />}
+        {isGlobal && (
+          <EarthIcon className="ml-auto size-4 flex-shrink-0 self-center text-green-400" />
+        )}
       </div>
       {isSelected && (
         <div className="flex-shrink-0 self-center">

client/src/hooks/Endpoint/useEndpoints.ts

@@ -177,14 +177,7 @@ export const useEndpoints = ({
 
       return result;
     });
-  }, [
-    filteredEndpoints,
-    endpointsConfig,
-    modelsQuery.data,
-    agents,
-    assistants,
-    azureAssistants,
-  ]);
+  }, [filteredEndpoints, endpointsConfig, modelsQuery.data, agents, assistants, azureAssistants]);
 
   return {
     mappedEndpoints,