diff --git a/apps/ui/src/Route.tsx b/apps/ui/src/Route.tsx
index 992531f9b..3d19000bb 100644
--- a/apps/ui/src/Route.tsx
+++ b/apps/ui/src/Route.tsx
@@ -46,10 +46,6 @@ import DevelopersRouteLayout from 'routes/DevelopersRouteLayout'
import CommandMenu from 'components/CommandMenu/CommandMenu'
import RootLayout from 'routes/RootLayout'
-import CreateAgentModal from 'modals/CreateAgentModal'
-import EditAgentModal from 'modals/EditAgentModal'
-import CreateDatasourceModal from 'modals/CreateDatasourceModal'
-import EditDatasourceModal from 'modals/EditDatasourceModal'
import Datasource from 'pages/Datasource'
import TeamOfAgents from 'pages/TeamOfAgents'
@@ -90,7 +86,6 @@ import CreateGroupForm from 'plugins/contact/pages/Group/GroupForm/CreateGroupFo
import EditGroupForm from 'plugins/contact/pages/Group/GroupForm/EditGroupForm'
import ScheduleRunModal from 'modals/ScheduleRunModal'
import RunLogsModal from 'modals/RunLogsModal/RunLogsModal'
-import CreateFineTuningModal from 'modals/CreateFineTuningModal'
import CreateFineTuningForm from 'pages/Models/FineTuning/FineTuningForm/CreateFineTuningForm'
import EditFineTuningForm from 'pages/Models/FineTuning/FineTuningForm/EditFineTuningForm'
import Integrations from 'pages/Integrations'
@@ -341,10 +336,6 @@ const Route = () => {
-
-
-
-
diff --git a/apps/ui/src/gql/chat/aiMedia.gql b/apps/ui/src/gql/chat/aiMedia.gql
deleted file mode 100644
index f71581c86..000000000
--- a/apps/ui/src/gql/chat/aiMedia.gql
+++ /dev/null
@@ -1,6 +0,0 @@
-query aiMedia($id: ID!) @api(name: game) {
- aiMedia(id: $id) {
- id
- media
- }
-}
diff --git a/apps/ui/src/gql/chat/generateAiMedias.gql b/apps/ui/src/gql/chat/generateAiMedias.gql
deleted file mode 100644
index eb5af0357..000000000
--- a/apps/ui/src/gql/chat/generateAiMedias.gql
+++ /dev/null
@@ -1,6 +0,0 @@
-mutation generateAiMedias($prompt: String!) @api(name: game) {
- generateAiMedias(prompt: $prompt) {
- id
- media
- }
-}
diff --git a/apps/ui/src/gql/chat/removeMediaBackground.gql b/apps/ui/src/gql/chat/removeMediaBackground.gql
deleted file mode 100644
index 433fbe5f9..000000000
--- a/apps/ui/src/gql/chat/removeMediaBackground.gql
+++ /dev/null
@@ -1,3 +0,0 @@
-mutation removeMediaBackground($id: ID!) @api(name: game) {
- removeMediaBackground(id: $id)
-}
diff --git a/apps/ui/src/gql/chat/upscaleAiMedia.gql b/apps/ui/src/gql/chat/upscaleAiMedia.gql
deleted file mode 100644
index 3c0252165..000000000
--- a/apps/ui/src/gql/chat/upscaleAiMedia.gql
+++ /dev/null
@@ -1,6 +0,0 @@
-mutation upscaleAiMedia($id: ID!, $button: String!) @api(name: game) {
- upscaleAiMedia(id: $id, button: $button) {
- id
- media
- }
-}
diff --git a/apps/ui/src/helpers/navigationHelper.tsx b/apps/ui/src/helpers/navigationHelper.tsx
deleted file mode 100644
index b626ef456..000000000
--- a/apps/ui/src/helpers/navigationHelper.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import HomeIconSvg from '../assets/svgComponents/HomeIconSvg'
-import WalletIconSvg from '../assets/svgComponents/WalletIconSvg'
-import About from '@l3-lib/ui-core/dist/icons/About'
-import API from '@l3-lib/ui-core/dist/icons/API'
-import Doc from '@l3-lib/ui-core/dist/icons/Doc'
-import Games from '@l3-lib/ui-core/dist/icons/Games'
-import Teams from '@l3-lib/ui-core/dist/icons/Teams'
-import Logs from '@l3-lib/ui-core/dist/icons/Logs'
-import TagsOutline from '@l3-lib/ui-core/dist/icons/TagsOutline'
-
-const HEADER_DATA = [
- { name: 'home', routeLink: '/', icon: },
- // { name: "sessions", routeLink: "/sessions", icon: },
- // { name: "saved", routeLink: "/saved", icon: },
- { name: 'Settings', routeLink: '/settings', icon: },
-]
-
-const menuItemList = [
- { name: 'Home', routeLink: '/', icon: About, active: 'home' },
- { name: 'Games', routeLink: 'game', icon: Games, active: 'game' },
- // { name: 'Settings', routeLink: '/settings', icon: Settings, active: 'settings' },
- // { name: 'Logs', routeLink: '/logs', icon: BulletList, active: 'logs' },
- { name: 'Teams', routeLink: '/teams', icon: Teams, active: 'teams' },
- // { name: 'API', routeLink: '/api-keys', icon: API, active: 'api-keys' },
- { name: 'Developers', routeLink: '/developers', icon: API, active: 'developers' },
- // { name: "Events", routeLink: "/events", icon: },
- // { name: 'Doc', routeLink: '/doc', icon: Doc, active: 'doc' },
- // {name:"Test", routeLink:"/fornite", icon:},
- // {name:"About", routeLink:"/about", icon:},
- // {name:"Collection", routeLink:"/collection/:id", icon:},
-]
-
-const DEVELOPERS_ITEM_LIST = [
- // { name: 'Overview', routeLink: 'overview', icon: Games, active: 'overview' },
- { name: 'API keys', routeLink: 'api-keys', icon: Games, active: 'api-keys' },
- { name: 'Logs', routeLink: 'logs', icon: Logs, active: 'logs' },
- { name: 'Webhooks', routeLink: 'webhook', icon: TagsOutline, active: 'webhook' },
- {
- name: 'Docs',
- // routeLink: 'docs',
- icon: Doc,
- active: 'new tab',
- routeLink: 'https://docs.l3agi.com/docs',
- },
-]
-
-export { HEADER_DATA, menuItemList, DEVELOPERS_ITEM_LIST }
diff --git a/apps/ui/src/modals/AIChatModal/utils/checkKeys.ts b/apps/ui/src/modals/AIChatModal/utils/checkKeys.ts
deleted file mode 100644
index 7edf2764d..000000000
--- a/apps/ui/src/modals/AIChatModal/utils/checkKeys.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Configuration, OpenAIApi } from 'openai'
-
-export const checkApiKey = async (keys: string) => {
- const configuration = new Configuration({
- apiKey: keys,
- })
-
- const openai = new OpenAIApi(configuration)
-
- return openai.listModels()
-}
diff --git a/apps/ui/src/modals/CreateAgentModal.tsx b/apps/ui/src/modals/CreateAgentModal.tsx
deleted file mode 100644
index f4569ea55..000000000
--- a/apps/ui/src/modals/CreateAgentModal.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { FormikProvider } from 'formik'
-
-import withRenderModal from 'hocs/withRenderModal'
-
-import Modal from '@l3-lib/ui-core/dist/Modal'
-import Button from '@l3-lib/ui-core/dist/Button'
-import Typography from '@l3-lib/ui-core/dist/Typography'
-import ModalFooter from '@l3-lib/ui-core/dist/ModalFooter'
-import Loader from '@l3-lib/ui-core/dist/Loader'
-
-import styled from 'styled-components'
-
-import AgentForm from 'pages/Agents/AgentForm'
-import {
- StyledBody,
- StyledCloseButton,
- StyledFooter,
- StyledFormContainer,
- StyledHeader,
- StyledHeaderText,
- StyledSecondColumn,
-} from './CreateDatasourceModal'
-import { Footer } from 'components/Layout'
-import Spotlight from 'components/Spotlight'
-
-const CreateAgentModal = () => {
- // const { formik, handleSubmit, isLoading } = useAgents()
-
- return (
- //
- //
- //
- //
- // Create Agent
- //
- //
- //
- //
-
- //
- //
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- )
-}
-
-export default withRenderModal('create-agent-modal')(CreateAgentModal)
diff --git a/apps/ui/src/modals/CreateDatasourceModal.tsx b/apps/ui/src/modals/CreateDatasourceModal.tsx
deleted file mode 100644
index 48a7360ca..000000000
--- a/apps/ui/src/modals/CreateDatasourceModal.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import { FormikProvider } from 'formik'
-import withRenderModal from 'hocs/withRenderModal'
-
-import Modal from '@l3-lib/ui-core/dist/Modal'
-
-import Typography from '@l3-lib/ui-core/dist/Typography'
-
-// import { useDatasource } from 'pages/Datasource/useDatasource'
-// import DatasourceForm from 'pages/Datasource/DatasourceForm'
-
-import styled from 'styled-components'
-import { Footer } from 'components/Layout'
-import Spotlight from 'components/Spotlight'
-
-const CreateDatasourceModal = () => {
- // const { formik, handleSubmit, isLoading } = useDatasource()
-
- return (
- //
- //
- //
- //
- // Create Datasource
- //
- //
- //
- //
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- )
-}
-
-export default withRenderModal('create-datasource-modal')(CreateDatasourceModal)
-
-export const StyledFormContainer = styled.div`
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- width: 100vw;
- height: 100vh;
- min-height: 600px;
- background: #3981f6;
- overflow-x: auto;
- /* backdrop-filter: blur(100px); */
-`
-export const StyledHeaderText = styled.h3`
- margin: 0;
- font-size: 18px;
- font-weight: 500;
- text-align: center;
- color: #fff;
- flex-grow: 1;
-`
-export const StyledHeader = styled.div`
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 40px 40px;
- height: 100%;
- max-height: 32px;
- width: 100%;
- margin-bottom: auto;
-`
-
-export const StyledCloseButton = styled.button`
- display: flex;
- align-items: center;
- justify-content: center;
- width: 40px;
- height: 40px;
- background-color: transparent;
- border: none;
- cursor: pointer;
- color: rgba(255, 255, 255, 0.6);
- font-size: 20px;
-`
-export const StyledFooter = styled.footer`
- display: flex;
- justify-content: space-between;
- grid-row: 3;
- min-height: 72px;
- position: sticky;
- width: 100%;
- bottom: 0;
- padding: 0 32px;
- align-items: center;
- margin-bottom: 8px;
- margin-top: auto;
-`
-export const StyledBody = styled.div`
- position: relative;
- display: flex;
-
- justify-content: space-between;
- border-radius: 26px;
- // margin-top: 20px;
- width: 97%;
- height: 100%;
- max-height: calc(100% - 200px);
- // margin-bottom: 60px;
- background: var(--basic-foreground-black-1, rgba(0, 0, 0, 0.1));
- box-shadow: 0px 14.900728225708008px 18.625911712646484px 0px rgba(0, 0, 0, 0.05),
- -0.6208637356758118px 0.6208637356758118px 0.6208637356758118px -1.2417274713516235px
- rgba(255, 255, 255, 0.35) inset;
- backdrop-filter: blur(60.844642639160156px);
-`
-
-export const StyledSecondColumn = styled.div`
- display: flex;
- flex-direction: column;
- /* justify-content: center; */
- /* align-items: center; */
- overflow: scroll;
- height: 100%;
- width: 100%;
- /* max-width: 600px; */
- padding-top: 50px;
-
- background: rgba(0, 0, 0, 0.1);
-`
diff --git a/apps/ui/src/modals/CreateFineTuningModal.tsx b/apps/ui/src/modals/CreateFineTuningModal.tsx
deleted file mode 100644
index 7c1433576..000000000
--- a/apps/ui/src/modals/CreateFineTuningModal.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { FormikProvider } from 'formik'
-
-import withRenderModal from 'hocs/withRenderModal'
-
-import Modal from '@l3-lib/ui-core/dist/Modal'
-import Button from '@l3-lib/ui-core/dist/Button'
-import Typography from '@l3-lib/ui-core/dist/Typography'
-import ModalFooter from '@l3-lib/ui-core/dist/ModalFooter'
-import Loader from '@l3-lib/ui-core/dist/Loader'
-
-import styled from 'styled-components'
-
-import AgentForm from 'pages/Agents/AgentForm'
-import {
- StyledBody,
- StyledCloseButton,
- StyledFooter,
- StyledFormContainer,
- StyledHeader,
- StyledHeaderText,
- StyledSecondColumn,
-} from './CreateDatasourceModal'
-import { Footer } from 'components/Layout'
-import Spotlight from 'components/Spotlight'
-import CreateFineTuningForm from 'pages/Models/FineTuning/FineTuningForm/CreateFineTuningForm'
-import { useModal } from 'hooks'
-
-const CreateFineTuningModal = () => {
- // const { formik, handleSubmit, isLoading } = useAgents()
-
- const { closeModal } = useModal()
-
- const handleClose = () => {
- closeModal('create-fine-tuning-modal')
- }
-
- return (
-
-
-
-
-
- )
-}
-
-export default withRenderModal('create-fine-tuning-modal')(CreateFineTuningModal)
-
-const StyledWrapper = styled.div`
- width: 100vw;
- max-width: 800px;
-`
diff --git a/apps/ui/src/modals/EditAgentModal.tsx b/apps/ui/src/modals/EditAgentModal.tsx
deleted file mode 100644
index cd2816eee..000000000
--- a/apps/ui/src/modals/EditAgentModal.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { FormikProvider } from 'formik'
-
-import withRenderModal from 'hocs/withRenderModal'
-
-import Modal from '@l3-lib/ui-core/dist/Modal'
-import Button from '@l3-lib/ui-core/dist/Button'
-import Typography from '@l3-lib/ui-core/dist/Typography'
-import ModalFooter from '@l3-lib/ui-core/dist/ModalFooter'
-import Loader from '@l3-lib/ui-core/dist/Loader'
-
-import AgentForm from 'pages/Agents/AgentForm'
-import { useEditAgent } from 'pages/Agents/useEditAgent'
-import {
- StyledBody,
- StyledCloseButton,
- StyledFooter,
- StyledFormContainer,
- StyledHeader,
- StyledHeaderText,
- StyledSecondColumn,
-} from './CreateDatasourceModal'
-import { Footer } from 'components/Layout'
-import Spotlight from 'components/Spotlight'
-
-type EditAgentModalProps = {
- data: {
- closeModal: () => void
- agentObj: any
- }
-}
-
-const EditAgentModal = ({ data }: EditAgentModalProps) => {
- // const { formik, handleSubmit, closeEditAgentModal, isLoading } = useEditAgent(data.agentObj)
-
- return (
- //
- //
- //
- //
- // Edit Agent
- //
- //
- //
- //
-
- //
- //
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- )
-}
-
-export default withRenderModal('edit-agent-modal')(EditAgentModal)
diff --git a/apps/ui/src/modals/EditDatasourceModal.tsx b/apps/ui/src/modals/EditDatasourceModal.tsx
deleted file mode 100644
index 0689801fa..000000000
--- a/apps/ui/src/modals/EditDatasourceModal.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { FormikProvider } from 'formik'
-import withRenderModal from 'hocs/withRenderModal'
-
-import Modal from '@l3-lib/ui-core/dist/Modal'
-
-import Typography from '@l3-lib/ui-core/dist/Typography'
-
-// import DatasourceForm from 'pages/Datasource/DatasourceForm'
-import { useEditDatasource } from 'pages/Datasource/useEditDatasource'
-
-import {
- StyledBody,
- StyledCloseButton,
- StyledFooter,
- StyledFormContainer,
- StyledHeader,
- StyledHeaderText,
- StyledSecondColumn,
-} from './CreateDatasourceModal'
-import { Footer } from 'components/Layout'
-import Spotlight from 'components/Spotlight'
-
-type EditDatasourceModalProps = {
- data: {
- closeModal: () => void
- datasource: any
- }
-}
-
-const EditDatasourceModal = ({ data }: EditDatasourceModalProps) => {
- // const { formik, closeEditDatasourceModal, handleSubmit, isLoading } = useEditDatasource(
- // data.datasource,
- // )
-
- return (
- //
- //
- //
- //
- // Edit Datasource
- //
- //
- //
- //
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- )
-}
-
-export default withRenderModal('edit-datasource-modal')(EditDatasourceModal)
diff --git a/apps/ui/src/pages/Discover/components/DiscoverTeamAgents.tsx b/apps/ui/src/pages/Discover/components/DiscoverTeamAgents.tsx
index 0417f4a38..c708786a8 100644
--- a/apps/ui/src/pages/Discover/components/DiscoverTeamAgents.tsx
+++ b/apps/ui/src/pages/Discover/components/DiscoverTeamAgents.tsx
@@ -4,8 +4,8 @@ import { useModal } from 'hooks'
import { StyledCardsWrapper } from 'pages/Agents/Agents'
import {
StyledHeaderGroup,
- StyledSectionDescription,
- StyledSectionTitle,
+ // StyledSectionDescription,
+ // StyledSectionTitle,
StyledSectionWrapper,
} from 'pages/Home/homeStyle.css'
import TeamOfAgentsCard from 'pages/TeamOfAgents/TeamOfAgentsCard'
diff --git a/apps/ui/src/pages/Log/Components/useCreateLog.tsx b/apps/ui/src/pages/Log/Components/useCreateLog.tsx
deleted file mode 100644
index 67ef7f06a..000000000
--- a/apps/ui/src/pages/Log/Components/useCreateLog.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useState } from 'react'
-import { useFormik } from 'formik'
-import { useCreateApiKeyService, useApiKeysService } from 'services/useApiKeyService'
-
-import { apiKeyValidation } from 'utils/validationsSchema'
-
-import useSnackbarAlert from 'hooks/useSnackbar'
-import { useModal } from 'hooks'
-
-import { useTranslation } from 'react-i18next'
-
-const initialValues = {
- name: '',
- note: '',
- expiration: null,
- games: '',
-}
-
-const useCreateLog = () => {
- const { t } = useTranslation()
- const [page] = useState(1)
- const { closeModal, openModal } = useModal()
-
- const { refetch: apiKeyRefetch } = useApiKeysService({ page, limit: 30, search_text: '' })
- const [createApiKeyService] = useCreateApiKeyService()
- const { setSnackbar } = useSnackbarAlert()
-}
diff --git a/apps/ui/src/routes/PrivateRoute.tsx b/apps/ui/src/routes/PrivateRoute.tsx
deleted file mode 100644
index e25edff14..000000000
--- a/apps/ui/src/routes/PrivateRoute.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React, { useState } from 'react'
-import { Navigate, useOutlet } from 'react-router-dom'
-
-import { AuthContext } from 'contexts'
-import Navbar from 'components/Navbar'
-
-import { menuItemList } from 'helpers/navigationHelper'
-
-import { StyledAppContainer, StyledMainLayout, StyledMainSection } from './ProviderStyle'
-
-const PrivateRoute = () => {
- const [showMenu, setShowMenu] = useState(false)
- const { user } = React.useContext(AuthContext)
- const outlet = useOutlet()
-
- if (!user) return
-
- return (
-
- {/*
- )
-}
-
-export default PrivateRoute
diff --git a/apps/ui/src/routes/index.ts b/apps/ui/src/routes/index.ts
index 2b4f2b03c..82dd4824b 100644
--- a/apps/ui/src/routes/index.ts
+++ b/apps/ui/src/routes/index.ts
@@ -1,2 +1 @@
-export { default as PrivateRoute } from './PrivateRoute'
export { default as PublicRoute } from './PublicRoute'
diff --git a/apps/ui/src/styles/formStyles.css.ts b/apps/ui/src/styles/formStyles.css.ts
index bba646eb3..53e336771 100644
--- a/apps/ui/src/styles/formStyles.css.ts
+++ b/apps/ui/src/styles/formStyles.css.ts
@@ -1,4 +1,4 @@
-import styled, { createGlobalStyle, css } from 'styled-components'
+import styled from 'styled-components'
export const StyledFormWrapper = styled.div`
width: 100%;