Rename AI Assistant to match the OpenOps edition

Author: ravikiranvm

packages/react-ui/public/locales/en/translation.json

@@ -16,6 +16,8 @@
   "Refresh Page": "Refresh Page",
   "Contact Support": "Contact Support",
   "AI Assistant": "AI Assistant",
+  "OpenOps Assistant": "OpenOps Assistant",
+  "OpenOps Agent": "OpenOps Agent",
   "Enable AI": "Enable AI",
   "Save": "Save",
   "Valid Connection": "Valid Connection",

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,12 +10,14 @@ const AiAssistantButton = ({ className }: { className?: string }) => {
     setIsAiChatOpened: s.setIsAiChatOpened,
   }));
 
+  const assistantName = useAssistantName();
+
   const onToggleAiChat = useCallback(() => {
     setIsAiChatOpened(!isAiChatOpened);
   }, [isAiChatOpened, setIsAiChatOpened]);
 
   return (
-    <TooltipWrapper tooltipText={t('AI Assistant')} tooltipPlacement="right">
+    <TooltipWrapper tooltipText={assistantName} 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,4 +1,5 @@
 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';
 
@@ -15,12 +16,15 @@ 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/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,6 +21,8 @@ const AiChatResizablePanel = ({ onDragging }: AiChatResizablePanelProps) => {
   const { hasActiveAiSettings, isLoading } =
     aiSettingsHooks.useHasActiveAiSettings();
 
+  const assistantName = useAssistantName();
+
   const resizablePanelRef = useRef<ImperativePanelHandle | null>(null);
 
   const { getPanelSize } = useResizablePanelGroup();
@@ -71,7 +73,7 @@ const AiChatResizablePanel = ({ onDragging }: AiChatResizablePanelProps) => {
       >
         <div className="w-full h-full flex bg-secondary overflow-hidden border-r">
           <AssistantUiChat
-            title={t('AI Assistant')}
+            title={assistantName}
             onClose={() => setIsAiChatOpened(false)}
           />
         </div>

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

@@ -0,0 +1,10 @@
+import { flagsHooks } from '@/app/common/hooks/flags-hooks';
+import { FlagId, OpsEdition } from '@openops/shared';
+import { t } from 'i18next';
+
+export const useAssistantName = () => {
+  const edition = flagsHooks.useFlag<OpsEdition>(FlagId.EDITION).data;
+  return edition === OpsEdition.COMMUNITY
+    ? t('OpenOps Assistant')
+    : t('OpenOps Agent');
+};

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

@@ -8,18 +8,22 @@ import { TooltipWrapper } from '../tooltip-wrapper';
 const NoAiEnabledPopover = ({
   className,
   onCloseClick,
+  title,
 }: {
   className?: string;
   onCloseClick: () => void;
+  title?: string;
 }) => {
+  const displayTitle = title || t('OpenOps Assistant');
+
   return (
     <div className={cn('bg-background shadow-editor rounded-lg', className)}>
       <div className="h-[58px] pl-4 pr-2 py-[10px] rounded-t-xl flex items-center justify-between bg-white dark:bg-black dark:text-white border-b">
         <div className="flex justify-center items-center gap-3">
           <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">{t('AI Assistant')}</h2>
+          <h2 className="font-bold text-base">{displayTitle}</h2>
         </div>
         <TooltipWrapper tooltipText={t('Close')}>
           <Button

packages/ui-components/src/components/assistant-ui/assistant-top-bar.tsx

@@ -18,7 +18,7 @@ type AssistantTopBarProps = {
   chatId?: string | null;
 };
 
-const AI_ASSISTANT_DEFAULT_TITLE = 'AI Assistant';
+const AI_ASSISTANT_DEFAULT_TITLE = t('OpenOps Assistant');
 
 const AssistantTopBar = ({
   onNewChat,