From 4aa9d0a39be33f6ceb46c8b5d0f2b722b79d0805 Mon Sep 17 00:00:00 2001 From: shatfield4 Date: Wed, 29 May 2024 18:09:55 -0700 Subject: [PATCH 01/12] WIP agent settings redesign --- frontend/src/App.jsx | 5 + .../src/components/SettingsSidebar/index.jsx | 10 + .../AgentLLMSelection/AgentLLMItem/index.jsx | 151 ++++++++++ .../Admin/Agents/AgentLLMSelection/index.jsx | 206 +++++++++++++ .../Agents/AgentModelSelection/index.jsx | 128 +++++++++ .../pages/Admin/Agents/GenericSkill/index.jsx | 39 +++ .../SQLConnectorSelection/DBConnection.jsx | 47 +++ .../NewConnectionModal.jsx | 271 ++++++++++++++++++ .../SQLConnectorSelection/icons/mssql.png | Bin 0 -> 38612 bytes .../SQLConnectorSelection/icons/mysql.png | Bin 0 -> 12971 bytes .../icons/postgresql.png | Bin 0 -> 47152 bytes .../Agents/SQLConnectorSelection/index.jsx | 109 +++++++ .../SearchProviderItem/index.jsx | 27 ++ .../SearchProviderOptions/index.jsx | 149 ++++++++++ .../Agents/WebSearchSelection/icons/bing.png | Bin 0 -> 75208 bytes .../WebSearchSelection/icons/google.png | Bin 0 -> 18000 bytes .../WebSearchSelection/icons/serper.png | Bin 0 -> 31321 bytes .../Admin/Agents/WebSearchSelection/index.jsx | 204 +++++++++++++ frontend/src/pages/Admin/Agents/index.jsx | 162 +++++++++++ .../WorkspaceSettings/AgentConfig/index.jsx | 173 ++++++----- frontend/src/utils/paths.js | 3 + 21 files changed, 1606 insertions(+), 78 deletions(-) create mode 100644 frontend/src/pages/Admin/Agents/AgentLLMSelection/AgentLLMItem/index.jsx create mode 100644 frontend/src/pages/Admin/Agents/AgentLLMSelection/index.jsx create mode 100644 frontend/src/pages/Admin/Agents/AgentModelSelection/index.jsx create mode 100644 frontend/src/pages/Admin/Agents/GenericSkill/index.jsx create mode 100644 frontend/src/pages/Admin/Agents/SQLConnectorSelection/DBConnection.jsx create mode 100644 frontend/src/pages/Admin/Agents/SQLConnectorSelection/NewConnectionModal.jsx create mode 100644 frontend/src/pages/Admin/Agents/SQLConnectorSelection/icons/mssql.png create mode 100644 frontend/src/pages/Admin/Agents/SQLConnectorSelection/icons/mysql.png create mode 100644 frontend/src/pages/Admin/Agents/SQLConnectorSelection/icons/postgresql.png create mode 100644 frontend/src/pages/Admin/Agents/SQLConnectorSelection/index.jsx create mode 100644 frontend/src/pages/Admin/Agents/WebSearchSelection/SearchProviderItem/index.jsx create mode 100644 frontend/src/pages/Admin/Agents/WebSearchSelection/SearchProviderOptions/index.jsx create mode 100644 frontend/src/pages/Admin/Agents/WebSearchSelection/icons/bing.png create mode 100644 frontend/src/pages/Admin/Agents/WebSearchSelection/icons/google.png create mode 100644 frontend/src/pages/Admin/Agents/WebSearchSelection/icons/serper.png create mode 100644 frontend/src/pages/Admin/Agents/WebSearchSelection/index.jsx create mode 100644 frontend/src/pages/Admin/Agents/index.jsx diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index b29e6eea925..627b8341e6e 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -21,6 +21,7 @@ const AdminInvites = lazy(() => import("@/pages/Admin/Invitations")); const AdminWorkspaces = lazy(() => import("@/pages/Admin/Workspaces")); const AdminSystem = lazy(() => import("@/pages/Admin/System")); const AdminLogs = lazy(() => import("@/pages/Admin/Logging")); +const AdminAgents = lazy(() => import("@/pages/Admin/Agents")); const GeneralChats = lazy(() => import("@/pages/GeneralSettings/Chats")); const GeneralAppearance = lazy( () => import("@/pages/GeneralSettings/Appearance") @@ -106,6 +107,10 @@ export default function App() { path="/settings/vector-database" element={} /> + } + /> } diff --git a/frontend/src/components/SettingsSidebar/index.jsx b/frontend/src/components/SettingsSidebar/index.jsx index 2d59d0ff928..1df74322869 100644 --- a/frontend/src/components/SettingsSidebar/index.jsx +++ b/frontend/src/components/SettingsSidebar/index.jsx @@ -22,6 +22,7 @@ import { EyeSlash, SplitVertical, Microphone, + Robot, } from "@phosphor-icons/react"; import useUser from "@/hooks/useUser"; import { USER_BACKGROUND_COLOR } from "@/utils/constants"; @@ -257,6 +258,15 @@ const SidebarOptions = ({ user = null }) => ( flex={true} allowedRole={["admin", "manager"]} /> + +