refactor(ui): remove unused codes with knip

packages/ui/package.json

@@ -12,7 +12,6 @@
         "@codemirror/lang-json": "^6.0.1",
         "@codemirror/lang-markdown": "^6.2.5",
         "@codemirror/view": "^6.26.3",
-        "@emotion/cache": "^11.4.0",
         "@emotion/react": "^11.10.6",
         "@emotion/styled": "^11.10.6",
         "@lezer/highlight": "^1.2.1",
@@ -35,13 +34,10 @@
         "@uiw/codemirror-theme-vscode": "^4.21.21",
         "@uiw/react-codemirror": "^4.21.21",
         "axios": "1.7.9",
-        "clsx": "^1.1.1",
         "dotenv": "^16.0.0",
         "flowise-embed": "latest",
         "flowise-embed-react": "latest",
         "flowise-react-json-view": "*",
-        "formik": "^2.2.6",
-        "framer-motion": "^4.1.13",
         "history": "^5.0.0",
         "html-react-parser": "^3.0.4",
         "lodash": "^4.17.21",
@@ -70,15 +66,15 @@
         "remark-math": "^5.1.1",
         "showdown": "^2.1.0",
         "tippy.js": "^6.3.7",
-        "uuid": "^9.0.1",
-        "yup": "^0.32.9"
+        "uuid": "^9.0.1"
     },
     "scripts": {
         "dev": "vite",
         "start": "vite",
         "build": "vite build",
         "clean": "rimraf build",
-        "nuke": "rimraf build node_modules .turbo"
+        "nuke": "rimraf build node_modules .turbo",
+        "knip": "knip"
     },
     "babel": {
         "presets": [
@@ -100,12 +96,10 @@
     "devDependencies": {
         "@babel/eslint-parser": "^7.15.8",
         "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-        "@testing-library/jest-dom": "^5.11.10",
-        "@testing-library/react": "^14.0.0",
-        "@testing-library/user-event": "^12.8.3",
+        "@types/node": "^24.0.7",
         "@vitejs/plugin-react": "^4.2.0",
+        "knip": "^5.61.3",
         "pretty-quick": "^3.1.3",
-        "react-scripts": "^5.0.1",
         "rimraf": "^5.0.5",
         "sass": "^1.42.1",
         "typescript": "^5.4.5",

packages/ui/src/App.jsx

@@ -7,7 +7,7 @@ import { CssBaseline, StyledEngineProvider } from '@mui/material'
 import Routes from '@/routes'
 
 // defaultTheme
-import themes from '@/themes'
+import { theme } from '@/themes'
 
 // project imports
 import NavigationScroll from '@/layout/NavigationScroll'
@@ -19,7 +19,7 @@ const App = () => {
 
     return (
         <StyledEngineProvider injectFirst>
-            <ThemeProvider theme={themes(customization)}>
+            <ThemeProvider theme={theme(customization)}>
                 <CssBaseline />
                 <NavigationScroll>
                     <Routes />

packages/ui/src/store/actions.js

@@ -1,6 +1,5 @@
 // action - customization reducer
 export const SET_MENU = '@customization/SET_MENU'
-export const MENU_TOGGLE = '@customization/MENU_TOGGLE'
 export const MENU_OPEN = '@customization/MENU_OPEN'
 export const SET_FONT_FAMILY = '@customization/SET_FONT_FAMILY'
 export const SET_BORDER_RADIUS = '@customization/SET_BORDER_RADIUS'

packages/ui/src/store/constant.js

@@ -19,7 +19,6 @@ import {
 
 export const gridSpacing = 3
 export const drawerWidth = 260
-export const appDrawerWidth = 320
 export const headerHeight = 80
 export const maxScroll = 100000
 export const baseURL = import.meta.env.VITE_API_BASE_URL || window.location.origin

packages/ui/src/store/index.jsx

@@ -3,7 +3,4 @@ import reducer from './reducer'
 
 // ==============================|| REDUX - MAIN STORE ||============================== //
 
-const store = createStore(reducer)
-const persister = 'Free'
-
-export { store, persister }
+export const store = createStore(reducer)

packages/ui/src/store/reducers/canvasReducer.js

@@ -1,7 +1,7 @@
 // action - state management
 import * as actionTypes from '../actions'
 
-export const initialState = {
+const initialState = {
     isDirty: false,
     chatflow: null,
     canvasDialogShow: false,

packages/ui/src/store/reducers/customizationReducer.js

@@ -4,7 +4,7 @@ import config from '@/config'
 // action - state management
 import * as actionTypes from '../actions'
 
-export const initialState = {
+const initialState = {
     isOpen: [], // for active default menu
     fontFamily: config.fontFamily,
     borderRadius: config.borderRadius,

packages/ui/src/store/reducers/notifierReducer.js

@@ -1,6 +1,6 @@
 import { ENQUEUE_SNACKBAR, CLOSE_SNACKBAR, REMOVE_SNACKBAR } from '../actions'
 
-export const initialState = {
+const initialState = {
     notifications: []
 }
 

packages/ui/src/themes/index.js

@@ -66,5 +66,3 @@ export const theme = (customization) => {
 
     return themes
 }
-
-export default theme

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

@@ -1,6 +1,6 @@
 import * as PropTypes from 'prop-types'
 import { useAuth } from '@/hooks/useAuth'
-import { StyledButton, StyledToggleButton } from '@/ui-component/button/StyledButton'
+import { StyledButton } from '@/ui-component/button/StyledButton'
 import { Button, IconButton, ListItemButton, MenuItem, Tab } from '@mui/material'
 
 export const StyledPermissionButton = ({ permissionId, display, ...props }) => {
@@ -13,16 +13,6 @@ export const StyledPermissionButton = ({ permissionId, display, ...props }) => {
     return <StyledButton {...props} />
 }
 
-export const StyledPermissionToggleButton = ({ permissionId, display, ...props }) => {
-    const { hasPermission, hasDisplay } = useAuth()
-
-    if (!hasPermission(permissionId) || !hasDisplay(display)) {
-        return null
-    }
-
-    return <StyledToggleButton {...props} />
-}
-
 export const PermissionIconButton = ({ permissionId, display, ...props }) => {
     const { hasPermission, hasDisplay } = useAuth()
 
@@ -74,7 +64,6 @@ export const PermissionListItemButton = ({ permissionId, display, ...props }) =>
 }
 
 StyledPermissionButton.propTypes = { permissionId: PropTypes.string, display: PropTypes.array }
-StyledPermissionToggleButton.propTypes = { permissionId: PropTypes.string, display: PropTypes.array }
 PermissionIconButton.propTypes = { permissionId: PropTypes.string, display: PropTypes.array }
 PermissionButton.propTypes = { permissionId: PropTypes.string, display: PropTypes.array }
 PermissionTab.propTypes = { permissionId: PropTypes.string, display: PropTypes.array }