chore(lighthouse): Rename to Lighthouse AI (#8262)

Co-authored-by: Chandrapal Badshah <12944530+Chan9390@users.noreply.github.com>
Co-authored-by: alejandrobailo <alejandrobailo94@gmail.com>

ui/app/(prowler)/lighthouse/config/page.tsx

@@ -21,7 +21,7 @@ export default async function ChatbotConfigPage() {
   const configExists = !!response;
 
   return (
-    <ContentLayout title="Configure Lighthouse" icon="lucide:settings">
+    <ContentLayout title="Configure Lighthouse AI" icon="lucide:settings">
       <ChatbotConfig
         initialValues={initialValues}
         configExists={configExists}

ui/app/(prowler)/lighthouse/page.tsx

@@ -1,4 +1,5 @@
 import { getLighthouseConfig } from "@/actions/lighthouse/lighthouse";
+import { LighthouseIcon } from "@/components/icons/Icons";
 import { Chat } from "@/components/lighthouse";
 import { ContentLayout } from "@/components/ui";
 
@@ -9,7 +10,7 @@ export default async function AIChatbot() {
   const isActive = config?.attributes?.is_active ?? false;
 
   return (
-    <ContentLayout title="Lighthouse" icon="lucide:bot">
+    <ContentLayout title="Lighthouse AI" icon={<LighthouseIcon />}>
       <Chat hasConfig={hasConfig} isActive={isActive} />
     </ContentLayout>
   );

ui/components/icons/Icons.tsx

@@ -1117,3 +1117,49 @@ export const KubernetesIcon: React.FC<IconSvgProps> = ({
     </svg>
   );
 };
+
+export const LighthouseIcon: React.FC<IconSvgProps> = ({
+  size = 24,
+  width,
+  height,
+  ...props
+}) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 200 200"
+      width={size || width}
+      height={size || height}
+      fill="none"
+      stroke="#8ce112"
+      strokeWidth="12"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      {/* Square container with rounded corners, broken top-right edge */}
+      <path
+        d="M30 50 Q30 30 50 30 H140
+               M30 50 V150 Q30 170 50 170 H150 Q170 170 170 150 V100"
+      />
+
+      {/* Slightly smaller center star */}
+      <path
+        d="M100 60
+               L114 89 L140 100
+               L114 111 L100 140
+               L86 111 L60 100
+               L86 89 Z"
+      />
+
+      {/* Small star in top-right corner */}
+      <path
+        d="M160 35
+               L168 50 L182 58
+               L168 66 L160 80
+               L152 66 L138 58
+               L152 50 Z"
+      />
+    </svg>
+  );
+};

ui/components/lighthouse/chat.tsx

@@ -135,8 +135,8 @@ export const Chat = ({ hasConfig, isActive }: ChatProps) => {
             </h3>
             <p className="text-muted-foreground mb-4">
               {!hasConfig
-                ? "Please configure your OpenAI API key to use Lighthouse."
-                : "OpenAI API key is invalid. Please update your key to use Lighthouse."}
+                ? "Please configure your OpenAI API key to use Lighthouse AI."
+                : "OpenAI API key is invalid. Please update your key to use Lighthouse AI."}
             </p>
             <Link
               href="/lighthouse/config"

ui/components/lighthouse/chatbot-config.tsx

@@ -69,7 +69,7 @@ export const ChatbotConfig = ({
         setConfigExists(true);
         toast({
           title: "Success",
-          description: `Lighthouse configuration ${
+          description: `Lighthouse AI configuration ${
             configExists ? "updated" : "created"
           } successfully`,
         });
@@ -80,7 +80,7 @@ export const ChatbotConfig = ({
       toast({
         title: "Error",
         description:
-          "Failed to save lighthouse configuration: " + String(error),
+          "Failed to save Lighthouse AI configuration: " + String(error),
         variant: "destructive",
       });
     } finally {

ui/lib/menu-list.ts

@@ -3,7 +3,6 @@
 import {
   AlertCircle,
   Bookmark,
-  Bot,
   CloudCog,
   Cog,
   Group,
@@ -30,6 +29,7 @@ import {
   DocIcon,
   GCPIcon,
   KubernetesIcon,
+  LighthouseIcon,
   M365Icon,
   SupportIcon,
 } from "@/components/icons/Icons";
@@ -62,13 +62,22 @@ export const getMenuList = (pathname: string): GroupProps[] => {
         },
       ],
     },
-
     {
-      groupLabel: "Issues",
+      groupLabel: "",
+      menus: [
+        {
+          href: "/lighthouse",
+          label: "Lighthouse AI",
+          icon: LighthouseIcon,
+        },
+      ],
+    },
+    {
+      groupLabel: "",
       menus: [
         {
           href: "",
-          label: "Top failed issues",
+          label: "Top failed findings",
           icon: Bookmark,
           submenus: [
             {
@@ -143,7 +152,7 @@ export const getMenuList = (pathname: string): GroupProps[] => {
       ],
     },
     {
-      groupLabel: "Settings",
+      groupLabel: "",
       menus: [
         {
           href: "",
@@ -154,14 +163,14 @@ export const getMenuList = (pathname: string): GroupProps[] => {
             { href: "/manage-groups", label: "Provider Groups", icon: Group },
             { href: "/scans", label: "Scan Jobs", icon: Timer },
             { href: "/roles", label: "Roles", icon: UserCog },
-            { href: "/lighthouse/config", label: "Lighthouse", icon: Cog },
+            { href: "/lighthouse/config", label: "Lighthouse AI", icon: Cog },
           ],
           defaultOpen: true,
         },
       ],
     },
     {
-      groupLabel: "Workspace",
+      groupLabel: "",
       menus: [
         {
           href: "",
@@ -175,16 +184,6 @@ export const getMenuList = (pathname: string): GroupProps[] => {
         },
       ],
     },
-    {
-      groupLabel: "Prowler Lighthouse",
-      menus: [
-        {
-          href: "/lighthouse",
-          label: "Lighthouse",
-          icon: Bot,
-        },
-      ],
-    },
     {
       groupLabel: "",
       menus: [