fix: ai page

Author: mohamadch91

services/webui/.env

@@ -1,5 +1,5 @@
 NODE_ENV=development
 REACT_APP_RUNTIME_ENVIRONMENT=production
-REACT_APP_BASE_URL=http://localhost:8080
-REACT_APP_AUTH_BASE_URL=http://localhost:8080
+REACT_APP_BASE_URL=https://fly.opensecurity.sh
+REACT_APP_AUTH_BASE_URL=https://fly.opensecurity.sh
 REACT_APP_SHOW_COMPLIANCE=true

services/webui/public/env-config.js

@@ -123,6 +123,11 @@ export default function Profile({ isCollapsed }: IProfile) {
             setLoadingChange(false)
          })
  }
+  const truncate = (text: string | undefined, number: number) => {
+      if (text) {
+          return text.length > number ? text.substring(0, number) + '...' : text
+      }
+  }
     useEffect(() => {
         if (isPageLoading) {
             setIsPageLoading(false)
@@ -256,13 +261,13 @@ export default function Profile({ isCollapsed }: IProfile) {
 
             <Popover className="relative asb z-50 border-0 w-full">
                 <Popover.Button
-                    className={`p-3 w-full cursor-pointer ${
+                    className={`p-3 w-full  cursor-pointer ${
                         isCollapsed ? '!p-1' : 'border-t border-t-gray-700'
                     }`}
                     id="profile"
                 >
-                    <Flex>
-                        <Flex className="w-fit gap-3">
+                    <Flex className="w-full">
+                        <Flex className="w-full gap-3 ">
                             {user?.picture && (
                                 <img
                                     className={`${
@@ -275,12 +280,16 @@ export default function Profile({ isCollapsed }: IProfile) {
                                 />
                             )}
                             {!isCollapsed && (
-                                <Flex flexDirection="col" alignItems="start">
+                                <Flex
+                                    flexDirection="col"
+                                    alignItems="start"
+                                    className=""
+                                >
                                     <Text className="text-gray-200">
-                                        {user?.name}
+                                        {truncate(user?.name,15)}
                                     </Text>
                                     <Text className="text-gray-400">
-                                        {user?.email}
+                                        {truncate(user?.email,15)}
                                     </Text>
                                 </Flex>
                             )}

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

@@ -11,7 +11,7 @@ function AIChat({ setOpen, }: any) {
     const [message, setMessage] = useState('')
     const agent = JSON.parse(localStorage.getItem('agent') as string)
     const [chats, setChats] = useState<ChatList>(
-        agent.id == 'identity_access' ? IDENTITY : DEVOPS
+        agent?.id == 'devop' ? DEVOPS : IDENTITY
     )
 
     const lastMessageRef = useRef(null)