Remove the dependency on EDITION fag to name the AI Assistant (#1656)

Fixes OPS-3126

## Additional Notes

Author: ravikiranvm

packages/react-ui/src/app/features/ai/ai-assistant-button.tsx

@@ -1,6 +1,6 @@
-import { useAssistantName } from '@/app/features/ai/lib/use-assistant-name';
 import { useAppStore } from '@/app/store/app-store';
 import { Button, cn, TooltipWrapper } from '@openops/components/ui';
+import { t } from 'i18next';
 import { Bot } from 'lucide-react';
 import { useCallback } from 'react';
 
@@ -10,14 +10,15 @@ const AiAssistantButton = ({ className }: { className?: string }) => {
     setIsAiChatOpened: s.setIsAiChatOpened,
   }));
 
-  const assistantName = useAssistantName();
-
   const onToggleAiChat = useCallback(() => {
     setIsAiChatOpened(!isAiChatOpened);
   }, [isAiChatOpened, setIsAiChatOpened]);
 
   return (
-    <TooltipWrapper tooltipText={assistantName} tooltipPlacement="right">
+    <TooltipWrapper
+      tooltipText={t('OpenOps Assistant')}
+      tooltipPlacement="right"
+    >
       <Button
         variant="ai"
         className={cn('size-9 p-0 gap-2', className, {

packages/react-ui/src/app/features/ai/ai-configuration-prompt.tsx

@@ -1,5 +1,4 @@
 import { aiSettingsHooks } from '@/app/features/ai/lib/ai-settings-hooks';
-import { useAssistantName } from '@/app/features/ai/lib/use-assistant-name';
 import { useAppStore } from '@/app/store/app-store';
 import { cn, NoAiEnabledPopover } from '@openops/components/ui';
 
@@ -16,15 +15,12 @@ const AiConfigurationPrompt = ({ className }: AiConfigurationPromptProps) => {
     setIsAiChatOpened: s.setIsAiChatOpened,
   }));
 
-  const assistantName = useAssistantName();
-
   if (isLoading || hasActiveAiSettings || !isAiChatOpened) return null;
 
   return (
     <NoAiEnabledPopover
       className={cn('absolute left-4 bottom-[17px] z-50', className)}
       onCloseClick={() => setIsAiChatOpened(false)}
-      title={assistantName}
     />
   );
 };

packages/react-ui/src/app/features/ai/ai-settings-form.tsx

@@ -84,8 +84,12 @@ const AiSettingsForm = ({
     });
   };
 
-  const descriptionText =
-    'Enables OpenOps Assistant and other AI-powered features such as the CLI command generation.';
+  const descriptionText = t(
+    'Enables {assistantName} and other AI-powered features such as the CLI command generation.',
+    {
+      assistantName: t('OpenOps Assistant'),
+    },
+  );
 
   return (
     <Form {...form}>

packages/react-ui/src/app/features/ai/assistant/ai-chat-resizable-panel.tsx

@@ -2,9 +2,9 @@ import { useResizablePanelGroup } from '@/app/common/hooks/use-resizable-panel-g
 import { RESIZABLE_PANEL_IDS } from '@/app/constants/layout';
 import AssistantUiChat from '@/app/features/ai/assistant/assistant-ui-chat';
 import { aiSettingsHooks } from '@/app/features/ai/lib/ai-settings-hooks';
-import { useAssistantName } from '@/app/features/ai/lib/use-assistant-name';
 import { useAppStore } from '@/app/store/app-store';
 import { cn, ResizableHandle, ResizablePanel } from '@openops/components/ui';
+import { t } from 'i18next';
 import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { ImperativePanelHandle } from 'react-resizable-panels';
 
@@ -21,8 +21,6 @@ const AiChatResizablePanel = ({ onDragging }: AiChatResizablePanelProps) => {
   const { hasActiveAiSettings, isLoading } =
     aiSettingsHooks.useHasActiveAiSettings();
 
-  const assistantName = useAssistantName();
-
   const resizablePanelRef = useRef<ImperativePanelHandle | null>(null);
 
   const { getPanelSize } = useResizablePanelGroup();
@@ -73,7 +71,7 @@ const AiChatResizablePanel = ({ onDragging }: AiChatResizablePanelProps) => {
       >
         <div className="w-full h-full flex bg-secondary overflow-hidden border-r">
           <AssistantUiChat
-            title={assistantName}
+            title={t('OpenOps Assistant')}
             onClose={() => setIsAiChatOpened(false)}
           />
         </div>

packages/react-ui/src/app/features/ai/assistant/assistant-ui-chat.tsx

@@ -17,7 +17,7 @@ import { useAssistantChatHistory } from '../lib/use-ai-assistant-chat-history';
 
 type AssistantUiChatProps = {
   onClose: () => void;
-  title?: string;
+  title: string;
   children?: ReactNode;
   handleInject?: (codeContent: string | SourceCode) => void;
 };

packages/react-ui/src/app/features/ai/lib/use-assistant-name.ts

@@ -8,11 +8,9 @@ import { TooltipWrapper } from '../tooltip-wrapper';
 const NoAiEnabledPopover = ({
   className,
   onCloseClick,
-  title,
 }: {
   className?: string;
   onCloseClick: () => void;
-  title: string;
 }) => {
   return (
     <div className={cn('bg-background shadow-editor rounded-lg', className)}>
@@ -21,7 +19,7 @@ const NoAiEnabledPopover = ({
           <div className="size-8 flex justify-center items-center bg-background bg-gradient-to-b from-ring/40 to-primary-200/40 rounded-xl">
             <Bot size={20} />
           </div>
-          <h2 className="font-bold text-base">{title}</h2>
+          <h2 className="font-bold text-base">{t('OpenOps Assistant')}</h2>
         </div>
         <TooltipWrapper tooltipText={t('Close')}>
           <Button

packages/ui-components/src/components/ai-chat-container/no-ai-enabled-popover.tsx

@@ -12,7 +12,6 @@ const meta = {
   },
   args: {
     onCloseClick: action('onCloseClick'),
-    title: 'OpenOps Assistant',
   },
   tags: ['autodocs'],
   render: (args) => (