Fix merge conflicts

packages/ui/src/ui-component/button/FlowListMenu.jsx

@@ -16,19 +16,19 @@ import Button from '@mui/material/Button'
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'
 import { IconX } from '@tabler/icons'
 
-import chatflowsApi from 'api/chatflows'
+import chatflowsApi from '@/api/chatflows'
 
-import useApi from '../../hooks/useApi'
-import useConfirm from 'hooks/useConfirm'
-import { uiBaseURL } from '../../store/constant'
-import { closeSnackbar as closeSnackbarAction, enqueueSnackbar as enqueueSnackbarAction } from '../../store/actions'
+import useApi from '@/hooks/useApi'
+import useConfirm from '@/hooks/useConfirm'
+import { uiBaseURL } from '@/store/constant'
+import { closeSnackbar as closeSnackbarAction, enqueueSnackbar as enqueueSnackbarAction } from '@/store/actions'
 
-import SaveChatflowDialog from '../dialog/SaveChatflowDialog'
-import TagDialog from '../dialog/TagDialog'
+import SaveChatflowDialog from '@/ui-component/dialog/SaveChatflowDialog'
+import TagDialog from '@/ui-component/dialog/TagDialog'
+import StarterPromptsDialog from '@/ui-component/dialog/StarterPromptsDialog'
 
-import { generateExportFlowData } from '../../utils/genericHelper'
-import useNotifier from '../../utils/useNotifier'
-import StarterPromptsDialog from '../dialog/StarterPromptsDialog'
+import { generateExportFlowData } from '@/utils/genericHelper'
+import useNotifier from '@/utils/useNotifier'
 
 const StyledMenu = styled((props) => (
     <Menu

packages/ui/src/ui-component/cards/ItemCard.jsx

@@ -5,8 +5,8 @@ import { styled } from '@mui/material/styles'
 import { Box, Grid, Typography } from '@mui/material'
 
 // project imports
-import MainCard from 'ui-component/cards/MainCard'
-import SkeletonChatflowCard from 'ui-component/cards/Skeleton/ChatflowCard'
+import MainCard from '@/ui-component/cards/MainCard'
+import SkeletonChatflowCard from '@/ui-component/cards/Skeleton/ChatflowCard'
 
 const CardWrapper = styled(MainCard)(({ theme }) => ({
     background: theme.palette.card.main,

packages/ui/src/ui-component/dialog/AboutDialog.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 import { Dialog, DialogContent, DialogTitle, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, Paper } from '@mui/material'
 import moment from 'moment'
 import axios from 'axios'
-import { baseURL } from 'store/constant'
+import { baseURL } from '@/store/constant'
 
 const AboutDialog = ({ show, onCancel }) => {
     const portalElement = document.getElementById('portal')

packages/ui/src/ui-component/dialog/AdditionalParamsDialog.jsx

@@ -4,8 +4,8 @@ import { useState, useEffect } from 'react'
 import PropTypes from 'prop-types'
 import { Dialog, DialogContent } from '@mui/material'
 import PerfectScrollbar from 'react-perfect-scrollbar'
-import NodeInputHandler from 'views/canvas/NodeInputHandler'
-import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from 'store/actions'
+import NodeInputHandler from '@/views/canvas/NodeInputHandler'
+import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from '@/store/actions'
 
 const AdditionalParamsDialog = ({ show, dialogProps, onCancel }) => {
     const portalElement = document.getElementById('portal')

packages/ui/src/ui-component/dialog/AllowedDomainsDialog.jsx

@@ -2,7 +2,6 @@ import { createPortal } from 'react-dom'
 import { useDispatch } from 'react-redux'
 import { useState, useEffect } from 'react'
 import PropTypes from 'prop-types'
-import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction, SET_CHATFLOW } from 'store/actions'
 
 // material-ui
 import {
@@ -20,14 +19,20 @@ import {
 import { IconX, IconTrash, IconPlus } from '@tabler/icons'
 
 // Project import
-import { StyledButton } from 'ui-component/button/StyledButton'
+import { StyledButton } from '@/ui-component/button/StyledButton'
 
 // store
-import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from 'store/actions'
-import useNotifier from 'utils/useNotifier'
+import {
+    enqueueSnackbar as enqueueSnackbarAction,
+    closeSnackbar as closeSnackbarAction,
+    SET_CHATFLOW,
+    HIDE_CANVAS_DIALOG,
+    SHOW_CANVAS_DIALOG
+} from '@/store/actions'
+import useNotifier from '@/utils/useNotifier'
 
 // API
-import chatflowsApi from 'api/chatflows'
+import chatflowsApi from '@/api/chatflows'
 
 const AllowedDomainsDialog = ({ show, dialogProps, onCancel, onConfirm }) => {
     const portalElement = document.getElementById('portal')

packages/ui/src/ui-component/dialog/AnalyseFlowDialog.jsx

@@ -2,7 +2,7 @@ import { createPortal } from 'react-dom'
 import { useDispatch } from 'react-redux'
 import { useState, useEffect } from 'react'
 import PropTypes from 'prop-types'
-import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction, SET_CHATFLOW } from 'store/actions'
+import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction, SET_CHATFLOW } from '@/store/actions'
 
 // material-ui
 import {
@@ -24,21 +24,21 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 import { IconX } from '@tabler/icons'
 
 // Project import
-import CredentialInputHandler from 'views/canvas/CredentialInputHandler'
-import { TooltipWithParser } from 'ui-component/tooltip/TooltipWithParser'
-import { SwitchInput } from 'ui-component/switch/Switch'
-import { Input } from 'ui-component/input/Input'
-import { StyledButton } from 'ui-component/button/StyledButton'
-import langsmithPNG from 'assets/images/langchain.png'
-import langfuseSVG from 'assets/images/langfuse.svg'
-import lunarySVG from 'assets/images/lunary.svg'
+import CredentialInputHandler from '@/views/canvas/CredentialInputHandler'
+import { TooltipWithParser } from '@/ui-component/tooltip/TooltipWithParser'
+import { SwitchInput } from '@/ui-component/switch/Switch'
+import { Input } from '@/ui-component/input/Input'
+import { StyledButton } from '@/ui-component/button/StyledButton'
+import langsmithPNG from '@/assets/images/langchain.png'
+import langfuseSVG from '@/assets/images/langfuse.svg'
+import lunarySVG from '@/assets/images/lunary.svg'
 
 // store
-import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from 'store/actions'
-import useNotifier from 'utils/useNotifier'
+import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from '@/store/actions'
+import useNotifier from '@/utils/useNotifier'
 
 // API
-import chatflowsApi from 'api/chatflows'
+import chatflowsApi from '@/api/chatflows'
 
 const analyticProviders = [
     {

packages/ui/src/ui-component/dialog/ConfirmDialog.jsx

@@ -1,7 +1,7 @@
 import { createPortal } from 'react-dom'
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'
-import useConfirm from 'hooks/useConfirm'
-import { StyledButton } from 'ui-component/button/StyledButton'
+import useConfirm from '@/hooks/useConfirm'
+import { StyledButton } from '@/ui-component/button/StyledButton'
 
 const ConfirmDialog = () => {
     const { onConfirm, onCancel, confirmState } = useConfirm()

packages/ui/src/ui-component/dialog/ExpandTextDialog.jsx

@@ -10,15 +10,15 @@ import { useTheme } from '@mui/material/styles'
 import { LoadingButton } from '@mui/lab'
 
 // Project Import
-import { StyledButton } from 'ui-component/button/StyledButton'
-import { CodeEditor } from 'ui-component/editor/CodeEditor'
+import { StyledButton } from '@/ui-component/button/StyledButton'
+import { CodeEditor } from '@/ui-component/editor/CodeEditor'
 
 // Store
-import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from 'store/actions'
+import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from '@/store/actions'
 
 // API
-import nodesApi from 'api/nodes'
-import useApi from 'hooks/useApi'
+import nodesApi from '@/api/nodes'
+import useApi from '@/hooks/useApi'
 
 import './ExpandTextDialog.css'
 

packages/ui/src/ui-component/dialog/FormatPromptValuesDialog.jsx

@@ -4,8 +4,8 @@ import { useSelector, useDispatch } from 'react-redux'
 import PropTypes from 'prop-types'
 import { Dialog, DialogContent, DialogTitle } from '@mui/material'
 import PerfectScrollbar from 'react-perfect-scrollbar'
-import { JsonEditorInput } from 'ui-component/json/JsonEditor'
-import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from 'store/actions'
+import { JsonEditorInput } from '@/ui-component/json/JsonEditor'
+import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from '@/store/actions'
 
 const FormatPromptValuesDialog = ({ show, dialogProps, onChange, onCancel }) => {
     const portalElement = document.getElementById('portal')

packages/ui/src/ui-component/dialog/LoginDialog.jsx

@@ -3,8 +3,8 @@ import { useState } from 'react'
 import PropTypes from 'prop-types'
 
 import { Dialog, DialogActions, DialogContent, Typography, DialogTitle } from '@mui/material'
-import { StyledButton } from 'ui-component/button/StyledButton'
-import { Input } from 'ui-component/input/Input'
+import { StyledButton } from '@/ui-component/button/StyledButton'
+import { Input } from '@/ui-component/input/Input'
 
 const LoginDialog = ({ show, dialogProps, onConfirm }) => {
     const portalElement = document.getElementById('portal')

packages/ui/src/ui-component/dialog/ManageScrapedLinksDialog.jsx

@@ -19,19 +19,19 @@ import {
 import { IconEraser, IconTrash, IconX } from '@tabler/icons'
 import PerfectScrollbar from 'react-perfect-scrollbar'
 
-import { BackdropLoader } from 'ui-component/loading/BackdropLoader'
-import { StyledButton } from 'ui-component/button/StyledButton'
+import { BackdropLoader } from '@/ui-component/loading/BackdropLoader'
+import { StyledButton } from '@/ui-component/button/StyledButton'
 
-import scraperApi from 'api/scraper'
+import scraperApi from '@/api/scraper'
 
-import useNotifier from 'utils/useNotifier'
+import useNotifier from '@/utils/useNotifier'
 
 import {
     HIDE_CANVAS_DIALOG,
     SHOW_CANVAS_DIALOG,
     enqueueSnackbar as enqueueSnackbarAction,
     closeSnackbar as closeSnackbarAction
-} from 'store/actions'
+} from '@/store/actions'
 
 const ManageScrapedLinksDialog = ({ show, dialogProps, onCancel, onSave }) => {
     const portalElement = document.getElementById('portal')

packages/ui/src/ui-component/dialog/NodeInfoDialog.jsx

@@ -5,15 +5,15 @@ import PropTypes from 'prop-types'
 
 // Material
 import { Dialog, DialogContent, DialogTitle } from '@mui/material'
-import { TableViewOnly } from 'ui-component/table/Table'
+import { TableViewOnly } from '@/ui-component/table/Table'
 
 // Store
-import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from 'store/actions'
-import { baseURL } from 'store/constant'
+import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from '@/store/actions'
+import { baseURL } from '@/store/constant'
 
 // API
-import configApi from 'api/config'
-import useApi from 'hooks/useApi'
+import configApi from '@/api/config'
+import useApi from '@/hooks/useApi'
 
 const NodeInfoDialog = ({ show, dialogProps, onCancel }) => {
     const portalElement = document.getElementById('portal')

packages/ui/src/ui-component/dialog/PromptLangsmithHubDialog.jsx

@@ -42,14 +42,14 @@ import ClearIcon from '@mui/icons-material/Clear'
 import { styled } from '@mui/material/styles'
 
 //Project Import
-import { StyledButton } from 'ui-component/button/StyledButton'
-import { MemoizedReactMarkdown } from 'ui-component/markdown/MemoizedReactMarkdown'
-import { CodeBlock } from 'ui-component/markdown/CodeBlock'
-import promptEmptySVG from 'assets/images/prompt_empty.svg'
+import { StyledButton } from '@/ui-component/button/StyledButton'
+import { MemoizedReactMarkdown } from '@/ui-component/markdown/MemoizedReactMarkdown'
+import { CodeBlock } from '@/ui-component/markdown/CodeBlock'
+import promptEmptySVG from '@/assets/images/prompt_empty.svg'
 
-import useApi from 'hooks/useApi'
-import promptApi from 'api/prompt'
-import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from 'store/actions'
+import useApi from '@/hooks/useApi'
+import promptApi from '@/api/prompt'
+import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from '@/store/actions'
 
 const NewLineToBr = ({ children = '' }) => {
     return children.split('\n').reduce(function (arr, line) {

packages/ui/src/ui-component/dialog/SaveChatflowDialog.jsx

@@ -3,7 +3,7 @@ import { useState, useEffect } from 'react'
 import PropTypes from 'prop-types'
 
 import { Button, Dialog, DialogActions, DialogContent, OutlinedInput, DialogTitle } from '@mui/material'
-import { StyledButton } from 'ui-component/button/StyledButton'
+import { StyledButton } from '@/ui-component/button/StyledButton'
 
 const SaveChatflowDialog = ({ show, dialogProps, onCancel, onConfirm }) => {
     const portalElement = document.getElementById('portal')

packages/ui/src/ui-component/dialog/SpeechToTextDialog.jsx

@@ -2,7 +2,7 @@ import { createPortal } from 'react-dom'
 import { useDispatch } from 'react-redux'
 import { useState, useEffect } from 'react'
 import PropTypes from 'prop-types'
-import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction, SET_CHATFLOW } from 'store/actions'
+import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction, SET_CHATFLOW } from '@/store/actions'
 
 // material-ui
 import {
@@ -23,21 +23,21 @@ import {
 import { IconX } from '@tabler/icons'
 
 // Project import
-import CredentialInputHandler from 'views/canvas/CredentialInputHandler'
-import { TooltipWithParser } from 'ui-component/tooltip/TooltipWithParser'
-import { SwitchInput } from 'ui-component/switch/Switch'
-import { Input } from 'ui-component/input/Input'
-import { StyledButton } from 'ui-component/button/StyledButton'
-import { Dropdown } from 'ui-component/dropdown/Dropdown'
-import openAISVG from 'assets/images/openai.svg'
-import assemblyAIPng from 'assets/images/assemblyai.png'
+import CredentialInputHandler from '@/views/canvas/CredentialInputHandler'
+import { TooltipWithParser } from '@/ui-component/tooltip/TooltipWithParser'
+import { SwitchInput } from '@/ui-component/switch/Switch'
+import { Input } from '@/ui-component/input/Input'
+import { StyledButton } from '@/ui-component/button/StyledButton'
+import { Dropdown } from '@/ui-component/dropdown/Dropdown'
+import openAISVG from '@/assets/images/openai.svg'
+import assemblyAIPng from '@/assets/images/assemblyai.png'
 
 // store
-import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from 'store/actions'
-import useNotifier from 'utils/useNotifier'
+import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from '@/store/actions'
+import useNotifier from '@/utils/useNotifier'
 
 // API
-import chatflowsApi from 'api/chatflows'
+import chatflowsApi from '@/api/chatflows'
 
 const speechToTextProviders = {
     openAIWhisper: {

packages/ui/src/ui-component/dialog/StarterPromptsDialog.jsx

@@ -2,7 +2,7 @@ import { createPortal } from 'react-dom'
 import { useDispatch } from 'react-redux'
 import { useState, useEffect } from 'react'
 import PropTypes from 'prop-types'
-import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction, SET_CHATFLOW } from 'store/actions'
+import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction, SET_CHATFLOW } from '@/store/actions'
 
 // material-ui
 import {
@@ -20,14 +20,14 @@ import {
 import { IconX, IconTrash, IconPlus, IconBulb } from '@tabler/icons'
 
 // Project import
-import { StyledButton } from 'ui-component/button/StyledButton'
+import { StyledButton } from '@/ui-component/button/StyledButton'
 
 // store
-import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from 'store/actions'
-import useNotifier from 'utils/useNotifier'
+import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from '@/store/actions'
+import useNotifier from '@/utils/useNotifier'
 
 // API
-import chatflowsApi from 'api/chatflows'
+import chatflowsApi from '@/api/chatflows'
 
 const StarterPromptsDialog = ({ show, dialogProps, onCancel, onConfirm }) => {
     const portalElement = document.getElementById('portal')

packages/ui/src/ui-component/dialog/ViewMessagesDialog.jsx

@@ -28,37 +28,37 @@ import {
 import { useTheme } from '@mui/material/styles'
 import DatePicker from 'react-datepicker'
 
-import robotPNG from 'assets/images/robot.png'
-import userPNG from 'assets/images/account.png'
-import msgEmptySVG from 'assets/images/message_empty.svg'
+import robotPNG from '@/assets/images/robot.png'
+import userPNG from '@/assets/images/account.png'
+import msgEmptySVG from '@/assets/images/message_empty.svg'
 import { IconFileExport, IconEraser, IconX, IconDownload } from '@tabler/icons'
 
 // Project import
-import { MemoizedReactMarkdown } from 'ui-component/markdown/MemoizedReactMarkdown'
-import { CodeBlock } from 'ui-component/markdown/CodeBlock'
-import SourceDocDialog from 'ui-component/dialog/SourceDocDialog'
-import { MultiDropdown } from 'ui-component/dropdown/MultiDropdown'
-import { StyledButton } from 'ui-component/button/StyledButton'
-import StatsCard from 'ui-component/cards/StatsCard'
-import Feedback from 'ui-component/extended/Feedback'
+import { MemoizedReactMarkdown } from '@/ui-component/markdown/MemoizedReactMarkdown'
+import { CodeBlock } from '@/ui-component/markdown/CodeBlock'
+import SourceDocDialog from '@/ui-component/dialog/SourceDocDialog'
+import { MultiDropdown } from '@/ui-component/dropdown/MultiDropdown'
+import { StyledButton } from '@/ui-component/button/StyledButton'
+import StatsCard from '@/ui-component/cards/StatsCard'
+import Feedback from '@/ui-component/extended/Feedback'
 
 // store
-import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from 'store/actions'
+import { HIDE_CANVAS_DIALOG, SHOW_CANVAS_DIALOG } from '@/store/actions'
 
 // API
-import chatmessageApi from 'api/chatmessage'
-import feedbackApi from 'api/feedback'
-import useApi from 'hooks/useApi'
-import useConfirm from 'hooks/useConfirm'
+import chatmessageApi from '@/api/chatmessage'
+import feedbackApi from '@/api/feedback'
+import useApi from '@/hooks/useApi'
+import useConfirm from '@/hooks/useConfirm'
 
 // Utils
-import { getOS, isValidURL, removeDuplicateURL } from 'utils/genericHelper'
-import useNotifier from 'utils/useNotifier'
-import { baseURL } from 'store/constant'
+import { getOS, isValidURL, removeDuplicateURL } from '@/utils/genericHelper'
+import useNotifier from '@/utils/useNotifier'
+import { baseURL } from '@/store/constant'
 
-import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction } from 'store/actions'
+import { enqueueSnackbar as enqueueSnackbarAction, closeSnackbar as closeSnackbarAction } from '@/store/actions'
 
-import 'views/chatmessage/ChatMessage.css'
+import '@/views/chatmessage/ChatMessage.css'
 import 'react-datepicker/dist/react-datepicker.css'
 
 const DatePickerCustomInput = forwardRef(function DatePickerCustomInput({ value, onClick }, ref) {

packages/ui/src/ui-component/dropdown/AsyncDropdown.jsx

@@ -9,10 +9,10 @@ import { Popper, CircularProgress, TextField, Box, Typography } from '@mui/mater
 import { styled } from '@mui/material/styles'
 
 // API
-import credentialsApi from 'api/credentials'
+import credentialsApi from '@/api/credentials'
 
 // const
-import { baseURL } from 'store/constant'
+import { baseURL } from '@/store/constant'
 
 const StyledPopper = styled(Popper)({
     boxShadow: '0px 8px 10px -5px rgb(0 0 0 / 20%), 0px 16px 24px 2px rgb(0 0 0 / 14%), 0px 6px 30px 5px rgb(0 0 0 / 12%)',

packages/ui/src/ui-component/extended/Breadcrumbs.jsx

@@ -8,8 +8,8 @@ import { Box, Card, Divider, Grid, Typography } from '@mui/material'
 import MuiBreadcrumbs from '@mui/material/Breadcrumbs'
 
 // project imports
-import config from 'config'
-import { gridSpacing } from 'store/constant'
+import config from '@/config'
+import { gridSpacing } from '@/store/constant'
 
 // assets
 import { IconTallymark1 } from '@tabler/icons'

packages/ui/src/ui-component/extended/Logo.jsx

@@ -1,5 +1,5 @@
-import logo from 'assets/images/flowise_logo.png'
-import logoDark from 'assets/images/flowise_logo_dark.png'
+import logo from '@/assets/images/flowise_logo.png'
+import logoDark from '@/assets/images/flowise_logo_dark.png'
 
 import { useSelector } from 'react-redux'
 

packages/ui/src/ui-component/file/File.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import { useTheme } from '@mui/material/styles'
 import { FormControl, Button } from '@mui/material'
 import { IconUpload } from '@tabler/icons'
-import { getFileName } from 'utils/genericHelper'
+import { getFileName } from '@/utils/genericHelper'
 
 export const File = ({ value, fileType, onChange, disabled = false }) => {
     const theme = useTheme()

packages/ui/src/ui-component/grid/DataGrid.jsx

@@ -5,7 +5,7 @@ import { IconPlus } from '@tabler/icons'
 import { Button } from '@mui/material'
 import DeleteIcon from '@mui/icons-material/Delete'
 import { cloneDeep } from 'lodash'
-import { formatDataGridRows } from 'utils/genericHelper'
+import { formatDataGridRows } from '@/utils/genericHelper'
 
 export const DataGrid = ({ columns, rows, style, disabled = false, hideFooter = false, onChange }) => {
     const [rowValues, setRowValues] = useState(formatDataGridRows(rows) ?? [])

packages/ui/src/ui-component/input/Input.jsx

@@ -1,8 +1,8 @@
 import { useState, useEffect, useRef } from 'react'
 import PropTypes from 'prop-types'
 import { FormControl, OutlinedInput, InputBase, Popover } from '@mui/material'
-import SelectVariable from 'ui-component/json/SelectVariable'
-import { getAvailableNodesForVariable } from 'utils/genericHelper'
+import SelectVariable from '@/ui-component/json/SelectVariable'
+import { getAvailableNodesForVariable } from '@/utils/genericHelper'
 
 export const Input = ({ inputParam, value, nodes, edges, nodeId, onChange, disabled = false }) => {
     const [myValue, setMyValue] = useState(value ?? '')

packages/ui/src/ui-component/json/JsonEditor.jsx

@@ -4,7 +4,7 @@ import { FormControl, Popover } from '@mui/material'
 import ReactJson from 'flowise-react-json-view'
 import SelectVariable from './SelectVariable'
 import { cloneDeep } from 'lodash'
-import { getAvailableNodesForVariable } from 'utils/genericHelper'
+import { getAvailableNodesForVariable } from '@/utils/genericHelper'
 
 export const JsonEditorInput = ({ value, onChange, inputParam, nodes, edges, nodeId, disabled = false, isDarkMode = false }) => {
     const [myValue, setMyValue] = useState(value ? JSON.parse(value) : {})

packages/ui/src/ui-component/json/SelectVariable.jsx

@@ -2,9 +2,9 @@ import { useSelector } from 'react-redux'
 import PropTypes from 'prop-types'
 import { Box, List, ListItemButton, ListItem, ListItemAvatar, ListItemText, Typography, Stack } from '@mui/material'
 import PerfectScrollbar from 'react-perfect-scrollbar'
-import robotPNG from 'assets/images/robot.png'
-import chatPNG from 'assets/images/chathistory.png'
-import { baseURL } from 'store/constant'
+import robotPNG from '@/assets/images/robot.png'
+import chatPNG from '@/assets/images/chathistory.png'
+import { baseURL } from '@/store/constant'
 
 const SelectVariable = ({ availableNodesForVariable, disabled = false, onSelectAndReturnVal }) => {
     const customization = useSelector((state) => state.customization)