ESLint warning fixes

frontend/.eslintrc.json

@@ -29,7 +29,12 @@
     "no-mixed-operators": [2],
     "eqeqeq": [2],
     "func-names": "warn",
-    "import/no-unresolved": [1, { "caseSensitive": false }],
+    "import/no-unresolved": [
+      1,
+      {
+        "caseSensitive": false
+      }
+    ],
     "import/order": [
       "warn",
       {
@@ -43,13 +48,17 @@
           {
             "pattern": "*.json",
             "group": "index",
-            "patternOptions": { "matchBase": true },
+            "patternOptions": {
+              "matchBase": true
+            },
             "position": "after"
           },
           {
             "pattern": "*.css",
             "group": "index",
-            "patternOptions": { "matchBase": true },
+            "patternOptions": {
+              "matchBase": true
+            },
             "position": "after"
           }
         ],
@@ -60,10 +69,12 @@
   "settings": {
     "react": {
       "version": "detect"
+    },
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx"]
+      }
     }
   },
-  "ignorePatterns": [
-    "node_modules",
-    "build"
-  ]
+  "ignorePatterns": ["node_modules", "build"]
 }

frontend/src/components/agency/actions/Actions.jsx

@@ -13,7 +13,10 @@ import PropTypes from "prop-types";
 import { useEffect, useState } from "react";
 
 import { StepIcon } from "../../../assets/index.js";
-import { wfExecutionTypes } from "../../../helpers/GetStaticData";
+import {
+  deploymentsStaticContent,
+  wfExecutionTypes,
+} from "../../../helpers/GetStaticData";
 import { useAxiosPrivate } from "../../../hooks/useAxiosPrivate";
 import { useAlertStore } from "../../../store/alert-store";
 import { useSessionStore } from "../../../store/session-store";
@@ -22,7 +25,6 @@ import { CreateApiDeploymentModal } from "../../deployments/create-api-deploymen
 import { EtlTaskDeploy } from "../../pipelines-or-deployments/etl-task-deploy/EtlTaskDeploy.jsx";
 import { SocketMessages } from "../../helpers/socket-messages/SocketMessages";
 import FileUpload from "../file-upload/FileUpload.jsx";
-import { deploymentsStaticContent } from "../../../helpers/GetStaticData";
 import "./Actions.css";
 
 function Actions({ statusBarMsg, initializeWfComp, stepLoader }) {

frontend/src/components/agency/agency/Agency.jsx

@@ -1,11 +1,4 @@
 import { Button, Collapse, Layout, Modal } from "antd";
-
-import { IslandLayout } from "../../../layouts/island-layout/IslandLayout";
-import { DisplayLogs } from "../../custom-tools/display-logs/DisplayLogs";
-import { Actions } from "../actions/Actions";
-import { WorkflowExecution } from "../workflow-execution/WorkflowExecution";
-import "./Agency.css";
-
 import {
   FullscreenExitOutlined,
   FullscreenOutlined,
@@ -15,6 +8,11 @@ import {
 import Sider from "antd/es/layout/Sider";
 import { useEffect, useState } from "react";
 
+import { IslandLayout } from "../../../layouts/island-layout/IslandLayout";
+import { DisplayLogs } from "../../custom-tools/display-logs/DisplayLogs";
+import { Actions } from "../actions/Actions";
+import { WorkflowExecution } from "../workflow-execution/WorkflowExecution";
+import "./Agency.css";
 import { useSocketLogsStore } from "../../../store/socket-logs-store";
 import { useSocketMessagesStore } from "../../../store/socket-messages-store";
 import { useWorkflowStore } from "../../../store/workflow-store";

frontend/src/components/agency/configure-forms-layout/ConfigureFormsLayout.jsx

@@ -1,5 +1,6 @@
 import { Col, Row, Typography } from "antd";
 import PropTypes from "prop-types";
+
 import { SettingsForm } from "../settings-form/SettingsForm";
 import { AddSource } from "../../input-output/add-source/AddSource";
 import { EmptyState } from "../../widgets/empty-state/EmptyState";

frontend/src/components/agency/ds-settings-card/DsSettingsCard.jsx

@@ -17,6 +17,7 @@ import {
 } from "antd";
 import PropTypes from "prop-types";
 import { useEffect, useState } from "react";
+
 import { titleCase } from "../../../helpers/GetStaticData";
 import { useAxiosPrivate } from "../../../hooks/useAxiosPrivate";
 import { useAlertStore } from "../../../store/alert-store";

frontend/src/components/agency/settings-form/SettingsForm.jsx

@@ -1,4 +1,5 @@
 import PropTypes from "prop-types";
+
 import { RjsfFormLayout } from "../../../layouts/rjsf-form-layout/RjsfFormLayout";
 import { CustomButton } from "../../widgets/custom-button/CustomButton";
 

frontend/src/components/agency/side-panel/SidePanel.jsx

@@ -1,7 +1,7 @@
 import { Tabs } from "antd";
-
 import { useEffect, useState } from "react";
 import { useParams } from "react-router-dom";
+
 import { useAxiosPrivate } from "../../../hooks/useAxiosPrivate";
 import { useSessionStore } from "../../../store/session-store";
 import { useToolSettingsStore } from "../../../store/tool-settings";

frontend/src/components/agency/step-card/StepCard.jsx

@@ -4,7 +4,6 @@ import { useDrop } from "react-dnd";
 
 import { ListOfWfStepsPlaceholder } from "../../../assets";
 import { CardsList } from "../cards-list/CardsList.jsx";
-
 import "./StepCard.css";
 import SpaceWrapper from "../../widgets/space-wrapper/SpaceWrapper.jsx";
 

frontend/src/components/agency/tool-info-card/ToolInfoCard.jsx

@@ -1,9 +1,9 @@
 import { Card, Col, Row, Typography } from "antd";
 import PropTypes from "prop-types";
+import { useDrag } from "react-dnd";
 
 import "./ToolInfoCard.css";
 import { ToolIcon } from "../tool-icon/ToolIcon";
-import { useDrag } from "react-dnd";
 
 function ToolInfoCard({ toolInfo }) {
   const [, ref] = useDrag({

frontend/src/components/custom-tools/add-custom-tool-form-modal/AddCustomToolFormModal.jsx

@@ -6,7 +6,6 @@ import EmojiPicker from "emoji-picker-react";
 import { getBackendErrorDetail } from "../../../helpers/GetStaticData";
 import { useAlertStore } from "../../../store/alert-store";
 import "./AddCustomToolFormModal.css";
-
 import { useExceptionHandler } from "../../../hooks/useExceptionHandler";
 const defaultFromDetails = {
   tool_name: "",

frontend/src/components/custom-tools/custom-synonyms-modal/CustomSynonymsModal.css

@@ -1 +1 @@
-/* Styles for CustomSynonymsModal */
+/* Styles for CustomSynonymsModal */

frontend/src/components/custom-tools/custom-synonyms-modal/CustomSynonymsModal.jsx

@@ -1,5 +1,6 @@
 import { Modal } from "antd";
 import PropTypes from "prop-types";
+
 import { CustomSynonyms } from "../custom-synonyms/CustomSynonyms";
 
 function CustomSynonymsModal({ open, setOpen }) {

frontend/src/components/custom-tools/display-logs/DisplayLogs.jsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from "react";
+import { Col, Row, Typography } from "antd";
 
 import "./DisplayLogs.css";
-import { Col, Row, Typography } from "antd";
 import { useSocketLogsStore } from "../../../store/socket-logs-store";
 
 function DisplayLogs() {

frontend/src/components/custom-tools/document-manager/DocumentManager.jsx

@@ -3,13 +3,13 @@ import "@react-pdf-viewer/core/lib/styles/index.css";
 import "@react-pdf-viewer/default-layout/lib/styles/index.css";
 import "@react-pdf-viewer/page-navigation/lib/styles/index.css";
 import PropTypes from "prop-types";
-
-import "./DocumentManager.css";
 import { LeftOutlined, RightOutlined } from "@ant-design/icons";
+import { useEffect, useState } from "react";
+import "./DocumentManager.css";
+
 import { useCustomToolStore } from "../../../store/custom-tool-store";
 import { PdfViewer } from "../pdf-viewer/PdfViewer";
 import { ManageDocsModal } from "../manage-docs-modal/ManageDocsModal";
-import { useEffect, useState } from "react";
 import { useAxiosPrivate } from "../../../hooks/useAxiosPrivate";
 import { useSessionStore } from "../../../store/session-store";
 import { base64toBlob } from "../../../helpers/GetStaticData";

frontend/src/components/custom-tools/document-viewer/DocumentViewer.jsx

@@ -1,7 +1,8 @@
 import PropTypes from "prop-types";
+import { Typography } from "antd";
+
 import { SpinnerLoader } from "../../widgets/spinner-loader/SpinnerLoader";
 import { EmptyState } from "../../widgets/empty-state/EmptyState";
-import { Typography } from "antd";
 
 function DocumentViewer({
   children,

frontend/src/components/custom-tools/manage-llm-profiles-modal/ManageLlmProfilesModal.jsx

@@ -1,5 +1,6 @@
 import { Modal } from "antd";
 import PropTypes from "prop-types";
+
 import { ManageLlmProfiles } from "../manage-llm-profiles/ManageLlmProfiles";
 
 function ManageLlmProfilesModal({

frontend/src/components/custom-tools/notes-card/NotesCard.jsx

@@ -6,10 +6,10 @@ import {
 } from "@ant-design/icons";
 import { Button, Card, Col, Row, Space, Tag, Tooltip } from "antd";
 import PropTypes from "prop-types";
-
 import "./NotesCard.css";
-import { EditableText } from "../editable-text/EditableText";
 import { useState } from "react";
+
+import { EditableText } from "../editable-text/EditableText";
 import { ConfirmModal } from "../../widgets/confirm-modal/ConfirmModal";
 import { promptStudioUpdateStatus } from "../../../helpers/GetStaticData";
 

frontend/src/components/custom-tools/output-analyzer-header/OutputAnalyzerHeader.jsx

@@ -1,6 +1,7 @@
 import { Button, Space, Typography } from "antd";
 import { ArrowLeftOutlined } from "@ant-design/icons";
 import { useNavigate, useParams } from "react-router-dom";
+
 import { useSessionStore } from "../../../store/session-store";
 
 function OutputAnalyzerHeader() {

frontend/src/components/custom-tools/output-analyzer-list/OutputAnalyzerList.jsx

@@ -1,8 +1,9 @@
+import { useEffect, useState } from "react";
+
 import { OutputAnalyzerHeader } from "../output-analyzer-header/OutputAnalyzerHeader";
 import "./OutputAnalyzerList.css";
 import { OutputAnalyzerCard } from "../output-analyzer-card/OutputAnalyzerCard";
 import { useCustomToolStore } from "../../../store/custom-tool-store";
-import { useEffect, useState } from "react";
 import { promptType } from "../../../helpers/GetStaticData";
 
 function OutputAnalyzerList() {

frontend/src/components/custom-tools/output-for-doc-modal/OutputForDocModal.jsx

@@ -1,13 +1,13 @@
 import { Button, Modal, Table, Typography } from "antd";
 import PropTypes from "prop-types";
 import { useEffect, useState } from "react";
+import { CheckCircleFilled, CloseCircleFilled } from "@ant-design/icons";
+import { useNavigate } from "react-router-dom";
 
 import { useCustomToolStore } from "../../../store/custom-tool-store";
 import { useSessionStore } from "../../../store/session-store";
 import { useAxiosPrivate } from "../../../hooks/useAxiosPrivate";
 import "./OutputForDocModal.css";
-import { CheckCircleFilled, CloseCircleFilled } from "@ant-design/icons";
-import { useNavigate } from "react-router-dom";
 import { displayPromptResult } from "../../../helpers/GetStaticData";
 
 const columns = [

frontend/src/components/custom-tools/view-tools/ViewTools.css

@@ -1 +1 @@
-/* Styles for ViewTools */
+/* Styles for ViewTools */

frontend/src/components/custom-tools/view-tools/ViewTools.jsx

@@ -1,12 +1,11 @@
 import PropTypes from "prop-types";
+import { Typography } from "antd";
 
 import { ListView } from "../../widgets/list-view/ListView";
 import { SpinnerLoader } from "../../widgets/spinner-loader/SpinnerLoader.jsx";
 import "./ViewTools.css";
 import { EmptyState } from "../../widgets/empty-state/EmptyState.jsx";
 
-import { Typography } from "antd";
-
 function ViewTools({
   isLoading,
   isEmpty,

frontend/src/components/error/NotFound/NotFound.css

@@ -1 +1 @@
-/* Styles for Not Found */
+/* Styles for Not Found */

frontend/src/components/input-output/add-source-modal/AddSourceModa.css

@@ -1 +1 @@
-/* Styles for AddSourceModal */
+/* Styles for AddSourceModal */

frontend/src/components/input-output/add-source/AddSource.css

@@ -1 +1 @@
-/* Styles for AddSource */
+/* Styles for AddSource */

frontend/src/components/pipelines-or-deployments/pipelines-or-deployments/PipelinesOrDeployments.jsx

@@ -14,7 +14,6 @@ import { useEffect, useState } from "react";
 
 import { CustomButton } from "../../widgets/custom-button/CustomButton.jsx";
 import "./PipelinesOrDeployments.css";
-
 import { EmptyState } from "../../widgets/empty-state/EmptyState";
 import { SpinnerLoader } from "../../widgets/spinner-loader/SpinnerLoader.jsx";
 import { DeleteModal } from "../delete-modal/DeleteModal.jsx";

frontend/src/components/tool-settings/tool-settings/ToolSettings.jsx

@@ -1,13 +1,11 @@
 import { PlusOutlined } from "@ant-design/icons";
 import PropTypes from "prop-types";
+import { useEffect, useState } from "react";
 
 import { IslandLayout } from "../../../layouts/island-layout/IslandLayout";
 import { AddSourceModal } from "../../input-output/add-source-modal/AddSourceModal";
 import "../../input-output/data-source-card/DataSourceCard.css";
 import "./ToolSettings.css";
-
-import { useEffect, useState } from "react";
-
 import { useAxiosPrivate } from "../../../hooks/useAxiosPrivate";
 import { useAlertStore } from "../../../store/alert-store";
 import { useSessionStore } from "../../../store/session-store";

frontend/src/components/widgets/empty-state/EmptyState.jsx

@@ -1,8 +1,9 @@
 import PropTypes from "prop-types";
 import { Button, Space, Typography } from "antd";
-import { EmptyPlaceholder } from "../../../assets";
 import { PlusOutlined } from "@ant-design/icons";
 
+import { EmptyPlaceholder } from "../../../assets";
+
 function EmptyState({ text, btnText, handleClick }) {
   return (
     <div className="display-flex-center-h-and-v">

frontend/src/components/widgets/grid-view/GridView.jsx

@@ -1,7 +1,6 @@
 import { Card, Dropdown, Popconfirm, Typography } from "antd";
 import PropTypes from "prop-types";
 import { useNavigate } from "react-router-dom";
-
 import "./GridView.css";
 import {
   DeleteOutlined,

frontend/src/layouts/content-center-layout/ContentCenterLayout.jsx

@@ -1,5 +1,4 @@
 import PropTypes from "prop-types";
-
 import "./ContentCenterLayout.css";
 import { Typography } from "antd";
 

frontend/src/setupProxy.js

@@ -1,6 +1,6 @@
 const { createProxyMiddleware } = require("http-proxy-middleware");
 
-module.exports = function (app) {
+module.exports = (app) => {
   app.use(
     "/api/v1",
     createProxyMiddleware({

frontend/src/store/custom-tool-store.js

@@ -1,4 +1,5 @@
 import { create } from "zustand";
+
 import { promptType } from "../helpers/GetStaticData";
 
 const defaultState = {

frontend/src/store/socket-logs-store.js

@@ -1,4 +1,5 @@
 import { create } from "zustand";
+
 import { getTimeForLogs } from "../helpers/GetStaticData";
 
 const STORE_VARIABLES = {