[Actionable Observability] update alerts table rule details link to point to o11y rule detail page

x-pack/plugins/observability/public/config/paths.ts

@@ -5,9 +5,14 @@
  * 2.0.
  */
 
+export const ALERT_PAGE_LINK = '/app/observability/alerts';
+export const RULES_PAGE_LINK = `${ALERT_PAGE_LINK}/rules`;
+
 export const paths = {
   observability: {
-    alerts: '/app/observability/alerts',
+    alerts: ALERT_PAGE_LINK,
+    rules: RULES_PAGE_LINK,
+    ruleDetails: (ruleId: string) => `${RULES_PAGE_LINK}/${encodeURI(ruleId)}`,
   },
   management: {
     rules: '/app/management/insightsAndAlerting/triggersActions/rules',

x-pack/plugins/observability/public/pages/alerts/components/alerts_flyout/alerts_flyout.tsx

@@ -77,8 +77,7 @@ export function AlertsFlyout({
   }
 
   const ruleId = alertData.fields['kibana.alert.rule.uuid'] ?? null;
-  const linkToRule = ruleId && prepend ? prepend(paths.management.ruleDetails(ruleId)) : null;
-
+  const linkToRule = ruleId && prepend ? prepend(paths.observability.ruleDetails(ruleId)) : null;
   const overviewListItems = [
     {
       title: translations.alertsFlyout.statusLabel,

x-pack/plugins/observability/public/pages/alerts/containers/alerts_table_t_grid/alerts_table_t_grid.tsx

@@ -170,8 +170,7 @@ function ObservabilityActions({
 
   const casePermissions = useGetUserCasesPermissions();
   const ruleId = alert.fields['kibana.alert.rule.uuid'] ?? null;
-  const linkToRule = ruleId ? http.basePath.prepend(paths.management.ruleDetails(ruleId)) : null;
-
+  const linkToRule = ruleId ? http.basePath.prepend(paths.observability.ruleDetails(ruleId)) : null;
   const caseAttachments: CaseAttachments = useMemo(() => {
     return ecsData?._id
       ? [

x-pack/plugins/observability/public/pages/rule_details/config.ts

@@ -18,6 +18,3 @@ export function hasAllPrivilege(rule: InitialRule, ruleType?: RuleType): boolean
 
 export const hasExecuteActionsCapability = (capabilities: Capabilities) =>
   capabilities?.actions?.execute;
-
-export const RULES_PAGE_LINK = '/app/observability/alerts/rules';
-export const ALERT_PAGE_LINK = '/app/observability/alerts';

x-pack/plugins/observability/public/pages/rule_details/index.tsx

@@ -53,12 +53,8 @@ import { PageTitle, ItemTitleRuleSummary, ItemValueRuleSummary, Actions } from '
 import { useKibana } from '../../utils/kibana_react';
 import { useFetchLast24hAlerts } from '../../hooks/use_fetch_last24h_alerts';
 import { formatInterval } from './utils';
-import {
-  hasExecuteActionsCapability,
-  hasAllPrivilege,
-  RULES_PAGE_LINK,
-  ALERT_PAGE_LINK,
-} from './config';
+import { hasExecuteActionsCapability, hasAllPrivilege } from './config';
+import { paths } from '../../config/paths';
 
 export function RuleDetailsPage() {
   const {
@@ -117,10 +113,10 @@ export function RuleDetailsPage() {
       text: i18n.translate('xpack.observability.breadcrumbs.alertsLinkText', {
         defaultMessage: 'Alerts',
       }),
-      href: http.basePath.prepend(ALERT_PAGE_LINK),
+      href: http.basePath.prepend(paths.observability.alerts),
     },
     {
-      href: http.basePath.prepend(RULES_PAGE_LINK),
+      href: http.basePath.prepend(paths.observability.rules),
       text: RULES_BREADCRUMB_TEXT,
     },
     {
@@ -462,11 +458,11 @@ export function RuleDetailsPage() {
       <DeleteModalConfirmation
         onDeleted={async () => {
           setRuleToDelete([]);
-          navigateToUrl(http.basePath.prepend(RULES_PAGE_LINK));
+          navigateToUrl(http.basePath.prepend(paths.observability.rules));
         }}
         onErrors={async () => {
           setRuleToDelete([]);
-          navigateToUrl(http.basePath.prepend(RULES_PAGE_LINK));
+          navigateToUrl(http.basePath.prepend(paths.observability.rules));
         }}
         onCancel={() => {}}
         apiDeleteCall={deleteRules}

x-pack/plugins/observability/public/pages/rules/components/name.tsx

@@ -9,10 +9,11 @@ import React from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiLink, EuiText } from '@elastic/eui';
 import { RuleNameProps } from '../types';
 import { useKibana } from '../../../utils/kibana_react';
+import { paths } from '../../../config/paths';
 
 export function Name({ name, rule }: RuleNameProps) {
   const { http } = useKibana().services;
-  const detailsLink = http.basePath.prepend(`/app/observability/alerts/rules/${rule.id}`);
+  const detailsLink = http.basePath.prepend(paths.observability.ruleDetails(rule.id));
   const link = (
     <EuiFlexGroup direction="column" gutterSize="xs">
       <EuiFlexItem grow={false}>

x-pack/test/observability_functional/apps/observability/alerts/index.ts

@@ -223,7 +223,9 @@ export default ({ getService }: FtrProviderContext) => {
           const actionsButton = await observability.alerts.common.getActionsButtonByIndex(0);
           await actionsButton.click();
           await observability.alerts.common.viewRuleDetailsButtonClick();
-          expect(await find.existsByCssSelector('[title="Rules and Connectors"]')).to.eql(true);
+          expect(
+            await (await find.byCssSelector('[data-test-subj="breadcrumb first"]')).getVisibleText()
+          ).to.eql('Observability');
         });
       });