Update visible plugin name to 'AI Search Flows'

common/constants.ts

@@ -13,7 +13,8 @@ import {
 import { customStringify } from './utils';
 
 export const PLUGIN_ID = 'opensearch-flow';
-export const PLUGIN_NAME = 'OpenSearch Flow';
+export const PLUGIN_NAME = 'AI Search Flows'; // visible plugin name in the context of OSD
+export const OPENSEARCH_FLOW = 'OpenSearch Flow'; // overall feature / name that the plugin encapsulates
 
 /**
  * BACKEND FLOW FRAMEWORK APIs

public/general_components/service_card/plugin_card.tsx

@@ -12,14 +12,13 @@ import {
   EuiTitle,
 } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
-import { PLUGIN_ID } from '../../../common';
+import { PLUGIN_ID, PLUGIN_NAME } from '../../../common';
 import { ContentManagementPluginStart } from '../../../../../src/plugins/content_management/public';
 import { CoreStart } from '../../../../../src/core/public';
 import pluginIcon from './icon.svg';
 
 const HEADER_TEXT = 'Design and test your search solutions with ease';
-const DESCRIPTION_TEXT =
-  'OpenSearch Flow is a visual editor for creating search AI flows to power advanced search and generative AI solutions.';
+const DESCRIPTION_TEXT = `${PLUGIN_NAME} is a visual editor for creating search AI flows to power advanced search and generative AI solutions.`;
 
 export const registerPluginCard = (
   contentManagement: ContentManagementPluginStart,

public/pages/workflows/import_workflow/import_workflow_modal.tsx

@@ -39,6 +39,7 @@ import {
 import {
   FETCH_ALL_QUERY_LARGE,
   MAX_DESCRIPTION_LENGTH,
+  PLUGIN_NAME,
   Workflow,
   WORKFLOW_NAME_REGEXP,
   WORKFLOW_NAME_RESTRICTIONS,
@@ -179,7 +180,7 @@ export function ImportWorkflowModal(props: ImportWorkflowModalProps) {
             <>
               <EuiFlexItem>
                 <EuiCallOut
-                  title="This project is not compatible with OpenSearch Flow. You may not be able to edit or run it."
+                  title={`This project is not compatible with ${PLUGIN_NAME}. You may not be able to edit or run it.`}
                   iconType={'help'}
                   color="warning"
                 />

public/pages/workflows/workflows.tsx

@@ -31,7 +31,11 @@ import { WorkflowList } from './workflow_list';
 import { NewWorkflow } from './new_workflow';
 import { AppState, searchWorkflows, useAppDispatch } from '../../store';
 import { EmptyListMessage } from './empty_list_message';
-import { FETCH_ALL_QUERY_LARGE, PLUGIN_NAME } from '../../../common';
+import {
+  FETCH_ALL_QUERY_LARGE,
+  OPENSEARCH_FLOW,
+  PLUGIN_NAME,
+} from '../../../common';
 import { ImportWorkflowModal } from './import_workflow';
 import { MountPoint } from '../../../../../src/core/public';
 import { DataSourceSelectableConfig } from '../../../../../src/plugins/data_source_management/public';
@@ -224,7 +228,7 @@ export function Workflows(props: WorkflowsProps) {
     }, [getSavedObjectsClient, getNotifications(), props.setActionMenu]);
   }
 
-  const DESCRIPTION = `Design, prototype, and experiment with solutions using ${PLUGIN_NAME}. Use the visual interface to build
+  const DESCRIPTION = `Design, prototype, and experiment with solutions using ${OPENSEARCH_FLOW}. Use the visual interface to build
   ingest and search flows, test different configurations, and deploy them to your environment.`;
 
   const pageTitleAndDescription = USE_NEW_HOME_PAGE ? (