Sultan
/
Flowise
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chore/add deprecation notice for V1 (#5050) 

add deprecation notice for V1
This commit is contained in:
Henry Heng 2025-08-09 13:56:26 +01:00 committed by GitHub
parent 9c070c7205
commit db4de4552a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 56 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
packages/ui/src/views/agentflows/index.jsx
View File

@ -1,8 +1,9 @@
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { useNavigate } from 'react-router-dom' import { useNavigate } from 'react-router-dom'
import { useSelector } from 'react-redux'
// material-ui // material-ui
import { Chip, Box, Stack, ToggleButton, ToggleButtonGroup } from '@mui/material' import { Chip, Box, Stack, ToggleButton, ToggleButtonGroup, IconButton } from '@mui/material'
import { useTheme } from '@mui/material/styles' import { useTheme } from '@mui/material/styles'
// project imports // project imports
@ -28,13 +29,14 @@ import { baseURL, AGENTFLOW_ICONS } from '@/store/constant'
import { useError } from '@/store/context/ErrorContext' import { useError } from '@/store/context/ErrorContext'
// icons // icons
import { IconPlus, IconLayoutGrid, IconList } from '@tabler/icons-react' import { IconPlus, IconLayoutGrid, IconList, IconX, IconAlertTriangle } from '@tabler/icons-react'
// ==============================|| AGENTS ||============================== // // ==============================|| AGENTS ||============================== //
const Agentflows = () => { const Agentflows = () => {
const navigate = useNavigate() const navigate = useNavigate()
const theme = useTheme() const theme = useTheme()
const customization = useSelector((state) => state.customization)
const [isLoading, setLoading] = useState(true) const [isLoading, setLoading] = useState(true)
const [images, setImages] = useState({}) const [images, setImages] = useState({})
@ -45,6 +47,7 @@ const Agentflows = () => {
const getAllAgentflows = useApi(chatflowsApi.getAllAgentflows) const getAllAgentflows = useApi(chatflowsApi.getAllAgentflows)
const [view, setView] = useState(localStorage.getItem('flowDisplayStyle') || 'card') const [view, setView] = useState(localStorage.getItem('flowDisplayStyle') || 'card')
const [agentflowVersion, setAgentflowVersion] = useState(localStorage.getItem('agentFlowVersion') || 'v2') const [agentflowVersion, setAgentflowVersion] = useState(localStorage.getItem('agentFlowVersion') || 'v2')
const [showDeprecationNotice, setShowDeprecationNotice] = useState(true)
/* Table Pagination */ /* Table Pagination */
const [currentPage, setCurrentPage] = useState(1) const [currentPage, setCurrentPage] = useState(1)
@ -106,6 +109,10 @@ const Agentflows = () => {
} }
} }
const handleDismissDeprecationNotice = () => {
setShowDeprecationNotice(false)
}
useEffect(() => { useEffect(() => {
refresh(currentPage, pageLimit, agentflowVersion) refresh(currentPage, pageLimit, agentflowVersion)
@ -185,7 +192,7 @@ const Agentflows = () => {
sx={{ sx={{
borderColor: theme.palette.grey[900] + 25, borderColor: theme.palette.grey[900] + 25,
borderRadius: 2, borderRadius: 2,
color: theme?.customization?.isDarkMode ? 'white' : 'inherit' color: customization.isDarkMode ? 'white' : 'inherit'
}} }}
variant='contained' variant='contained'
value='v2' value='v2'
@ -198,7 +205,7 @@ const Agentflows = () => {
sx={{ sx={{
borderColor: theme.palette.grey[900] + 25, borderColor: theme.palette.grey[900] + 25,
borderRadius: 2, borderRadius: 2,
color: theme?.customization?.isDarkMode ? 'white' : 'inherit' color: customization.isDarkMode ? 'white' : 'inherit'
}} }}
variant='contained' variant='contained'
value='v1' value='v1'
@ -219,7 +226,7 @@ const Agentflows = () => {
sx={{ sx={{
borderColor: theme.palette.grey[900] + 25, borderColor: theme.palette.grey[900] + 25,
borderRadius: 2, borderRadius: 2,
color: theme?.customization?.isDarkMode ? 'white' : 'inherit' color: customization.isDarkMode ? 'white' : 'inherit'
}} }}
variant='contained' variant='contained'
value='card' value='card'
@ -231,7 +238,7 @@ const Agentflows = () => {
sx={{ sx={{
borderColor: theme.palette.grey[900] + 25, borderColor: theme.palette.grey[900] + 25,
borderRadius: 2, borderRadius: 2,
color: theme?.customization?.isDarkMode ? 'white' : 'inherit' color: customization.isDarkMode ? 'white' : 'inherit'
}} }}
variant='contained' variant='contained'
value='list' value='list'
@ -250,6 +257,49 @@ const Agentflows = () => {
Add New Add New
</StyledPermissionButton> </StyledPermissionButton>
</ViewHeader> </ViewHeader>
{/* Deprecation Notice For V1 */}
{agentflowVersion === 'v1' && showDeprecationNotice && (
<Box
sx={{
display: 'flex',
alignItems: 'center',
padding: 2,
background: customization.isDarkMode
? 'linear-gradient(135deg,rgba(165, 128, 6, 0.31) 0%, #ffcc802f 100%)'
: 'linear-gradient(135deg, #fff8e17a 0%, #ffcc804a 100%)',
color: customization.isDarkMode ? 'white' : '#333333',
fontWeight: 400,
borderRadius: 2,
gap: 1.5
}}
>
<IconAlertTriangle
size={20}
style={{
color: customization.isDarkMode ? '#ffcc80' : '#f57c00',
flexShrink: 0
}}
/>
<Box sx={{ flex: 1 }}>
<strong>V1 Agentflows are deprecated.</strong> We recommend migrating to V2 for improved performance and
continued support.
</Box>
<IconButton
aria-label='dismiss'
size='small'
onClick={handleDismissDeprecationNotice}
sx={{
color: customization.isDarkMode ? '#ffcc80' : '#f57c00',
'&:hover': {
backgroundColor: 'rgba(255, 204, 128, 0.1)'
}
}}
>
<IconX size={16} />
</IconButton>
</Box>
)}
{!isLoading && total > 0 && ( {!isLoading && total > 0 && (
<> <>
{!view || view === 'card' ? ( {!view || view === 'card' ? (