Merge pull request #299 from opengovern/ui-changes

UI changes

Author: mohamadch91

services/webui/package-lock.json

@@ -69,6 +69,7 @@
         "runtime-env-cra": "^0.2.4",
         "styled-components": "^6.1.8",
         "swagger-typescript-api": "^13.0.23",
+        "@remixicon/react": "^4.3.0",
         "swr": "^2.2.4",
         "typescript": "^4.9.5",
         "web-vitals": "^2.1.4"

services/webui/package.json

@@ -42,21 +42,7 @@ function Agents() {
           enabled: true,
           is_available: true,
       },
-      {
-          name: 'Sales',
-          description:
-              'Answers questions about sales activities, including: total activities per rep, activity breakdown by type, activity per deal, deal stage progression activity, and time to first activity. Enables analysis of sales rep performance and deal progression.',
-          welcome_message:
-              'Hello! This is your Sales Agent. I can answer questions about sales activities, including total activities per rep, activity breakdown by type, activity per deal, deal stage progression activity, and time to first activity. What can I help you with? For example:',
-          sample_questions: [
-              'Show me the total activities (calls, emails, meetings) for each sales rep.',
-              'Which sales reps had the most/least activities?',
-              'How much activity was logged for each deal we closed?',
-          ],
-          id: 'sales',
-          enabled: true,
-          is_available: true,
-      },
+    
   ])
   const selected_agent = {
       id: 'identity_access',

services/webui/src/components/AIComponents/Agents/index.tsx

@@ -25,6 +25,7 @@ import {
     CommandLineIcon,
     UserIcon,
 } from '@heroicons/react/24/outline'
+import { RiChatSmileAiLine, RiChatSmileLine } from '@remixicon/react'
 import { useAtom, useAtomValue, useSetAtom } from 'jotai'
 import { Popover, Transition } from '@headlessui/react'
 import { Fragment, useEffect, useState } from 'react'
@@ -265,18 +266,19 @@ export default function Sidebar({ currentPage }: ISidebar) {
                 icon: CalendarDateRangeIcon,
                 isPreview: false,
             },
-            {
-                name: 'Agent AI',
-                page: 'ai',
-                icon: UserIcon,
-                isPreview: false,
-            },
             {
                 name: 'Administration',
                 page: ['administration'],
                 icon: Cog6ToothIcon,
                 isPreview: false,
             },
+            {
+                name: 'Agent AI',
+                page: 'ai',
+                icon: RiChatSmileAiLine,
+                isPreview: true,
+            },
+
             {
                 name: 'Automation',
                 page: 'automation',

services/webui/src/components/Layout/Sidebar/index.tsx

@@ -2,6 +2,7 @@ import { useState } from "react"
 import Agents from "../../components/AIComponents/Agents"
 import AIChat from "./chat/AIChat"
 import { ArrowLeftIcon, ArrowRightIcon } from "@heroicons/react/24/outline"
+import { RiArrowLeftLine, RiArrowRightLine } from "@remixicon/react"
 
 
 export default function AI() {
@@ -33,7 +34,7 @@ export default function AI() {
                                         className="text-slate-950 dark:text-slate-200 w-full justify-end flex pr-2 cursor-pointer"
                                         onClick={() => setIsOpen(false)}
                                     >
-                                        <ArrowRightIcon className="w-5" />
+                                        <RiArrowLeftLine className="w-5" />
                                     </span>
                                 </>
                             ) : (
@@ -42,7 +43,7 @@ export default function AI() {
                                         className="text-slate-950 dark:text-slate-200 w-full justify-start flex pr-2 cursor-pointer"
                                         onClick={() => setIsOpen(true)}
                                     >
-                                        <ArrowLeftIcon className="w-5" />
+                                        <RiArrowRightLine className="w-5" />
                                     </span>
                                 </>
                             )}