Update AI settings page to align with updated terminology (#1634)

Part of OPS-3104


## Additional Notes

<img width="1480" height="629" alt="Screenshot 2025-11-24 at 2 55 46 PM"
src="https://github.com/user-attachments/assets/84fc5679-d79b-4bf2-93f3-193acd7167a3"
/>

Author: ravikiranvm

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

@@ -9,16 +9,13 @@
   "+{remainingBlocksCount} more": "+{remainingBlocksCount} more",
   "General": "General",
   "Appearance": "Appearance",
-  "AI": "AI",
+  "OpenOps AI": "OpenOps AI",
   "No results found.": "No results found.",
   "Something went wrong": "Something went wrong",
   "If it's a persistant issue, please contact support with steps to reproduce and include any relevant error messages.": "If it's a persistant issue, please contact support with steps to reproduce and include any relevant error messages.",
   "Refresh Page": "Refresh Page",
   "Contact Support": "Contact Support",
-  "AI Assistant": "AI Assistant",
-  "OpenOps Assistant": "OpenOps Assistant",
-  "OpenOps Agent": "OpenOps Agent",
-  "Enable AI": "Enable AI",
+  "Enable OpenOps AI": "Enable OpenOps AI",
   "Save": "Save",
   "Valid Connection": "Valid Connection",
   "Loading chat...": "Loading chat...",
@@ -31,6 +28,11 @@
   "AI Chat Error": "AI Chat Error",
   "There was an error while processing your request, please try again or open a new chat": "There was an error while processing your request, please try again or open a new chat",
   "There was an error creating the new chat, please try again": "There was an error creating the new chat, please try again",
+  "Your network connection was lost. Please check your internet connection and try again.": "Your network connection was lost. Please check your internet connection and try again.",
+  "Failed to delete chat. Please try again.": "Failed to delete chat. Please try again.",
+  "Failed to rename chat. Please try again.": "Failed to rename chat. Please try again.",
+  "OpenOps Assistant": "OpenOps Assistant",
+  "OpenOps Agent": "OpenOps Agent",
   "MCP": "MCP",
   "AWS Cost": "AWS Cost",
   "Connection": "Connection",
@@ -434,7 +436,6 @@
   "The redirection works!": "The redirection works!",
   "You will be redirected in a few seconds.": "You will be redirected in a few seconds.",
   "Base URL is required for OpenAI-compatible providers": "Base URL is required for OpenAI-compatible providers",
-  "AI providers": "AI providers",
   "Customize the appearance of the app. Automatically switch between day and night themes.": "Customize the appearance of the app. Automatically switch between day and night themes.",
   "Select the theme for the dashboard.": "Select the theme for the dashboard.",
   "Light": "Light",
@@ -460,6 +461,8 @@
   "It looks like AI hasn’t been configured in OpenOps yet.": "It looks like AI hasn’t been configured in OpenOps yet.",
   "Please go to ": "Please go to ",
   " to complete the setup.": " to complete the setup.",
+  "Close history": "Close history",
+  "Open history": "Open history",
   "New chat": "New chat",
   "Generating ...": "Generating ...",
   "Use code": "Use code",
@@ -469,7 +472,7 @@
   "AI Chat": "AI Chat",
   "Toggle AI Chat": "Toggle AI Chat",
   "How can I help you today?": "How can I help you today?",
-  "The AI is taking a bit longer than expected. Please wait...": "The AI is taking a bit longer than expected. Please wait...",
+  "Looks like your connection is a bit slow, this may cause delays in the AI responses.": "Looks like your connection is a bit slow, this may cause delays in the AI responses.",
   "Scroll to bottom": "Scroll to bottom",
   "Write a message...": "Write a message...",
   "Send": "Send",

packages/react-ui/src/app/common/components/project-settings-layout.tsx

@@ -22,7 +22,7 @@ const appearanceNavItem = {
 };
 
 const aiNavItem = {
-  title: t('AI'),
+  title: t('OpenOps AI'),
   href: '/settings/ai',
   icon: <Sparkles size={iconSize} />,
 };

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

@@ -84,32 +84,47 @@ const AiSettingsForm = ({
     });
   };
 
+  const descriptionText =
+    'Enables OpenOps Assistant and other AI-powered features such as the CLI command generation.';
+
   return (
     <Form {...form}>
-      <form className="flex-1 flex flex-col gap-4 max-w-[516px]">
+      <form className="flex-1 flex flex-col gap-4">
         <FormField
           control={form.control}
           name="enabled"
           render={({ field }) => (
-            <FormItem className="flex gap-[6px]">
-              <Switch
-                id="enabled"
-                checked={field.value}
-                onCheckedChange={field.onChange}
-              />
-              <Label htmlFor="enabled">{t('Enable AI')}</Label>
+            <FormItem className="flex flex-col">
+              <div className="flex items-center gap-[6px]">
+                <Switch
+                  id="enabled"
+                  checked={field.value}
+                  onCheckedChange={field.onChange}
+                />
+                <Label
+                  className="text-lg font-bold leading-6"
+                  htmlFor="enabled"
+                >
+                  {t('Enable OpenOps AI')}
+                </Label>
+              </div>
+              <p className="mt-8 text-base font-normal leading-6 text-primary-900">
+                {descriptionText}
+              </p>
             </FormItem>
           )}
         />
-        <ConnectionSelect
-          disabled={!currentFormValue.enabled}
-          allowDynamicValues={false}
-          block={block}
-          providerKey={'AI'}
-          name={'connection'}
-        />
+        <div className="max-w-[516px]">
+          <ConnectionSelect
+            disabled={!currentFormValue.enabled}
+            allowDynamicValues={false}
+            block={block}
+            providerKey={'AI'}
+            name={'connection'}
+          />
+        </div>
 
-        <div className="flex items-center justify-between ">
+        <div className="flex items-center justify-between max-w-[516px]">
           <div className="flex gap-2">
             <Button
               variant="outline"

packages/react-ui/src/app/routes/settings/ai/index.tsx

@@ -108,7 +108,7 @@ const AiSettingsPage = () => {
   return (
     <div className="flex w-full flex-col items-center justify-center gap-4">
       <div className="mx-auto w-full flex-col">
-        <h1 className="text-2xl font-bold">{t('AI providers')}</h1>
+        <h1 className="text-2xl font-bold">{t('OpenOps AI')}</h1>
         {blockModel && (
           <div className="flex justify-between mt-[35px] p-6 border rounded-[11px]">
             <AiSettingsForm