[SideNav] Open sidenav panel when on legacy management page (#241003)

## Summary

close #240275

If we add the legacy management landing page into navigation tree
structure but hide it from the sidenav then the navigation panel opens
when you visit the legacy management page. You can land to that landing
page by direct URL, breadcrumb or global search.

This is how it going to look in serverless:

<img width="2114" height="1249" alt="Image"
src="https://github.com/user-attachments/assets/77312196-f290-428d-9ff6-9b078111d51a"
/>

Non-serverless: 

<img width="2114" height="1249" alt="Image"
src="https://github.com/user-attachments/assets/2480175c-e233-420b-9c97-a3f332d62f23"
/>

Author: Dosant

src/core/packages/chrome/browser-internal/src/ui/project/sidenav_v2/navigation/to_navigation_items.test.tsx

@@ -282,3 +282,46 @@ describe('empty panel opener', () => {
     expect(primaryItems.find((item) => item.id === 'securityGroup:rules')).toBeUndefined();
   });
 });
+
+describe('hidden panel link', () => {
+  // https://github.com/elastic/kibana/issues/240275
+  it('should remove panel links marked as hidden, but should keep opener active', () => {
+    const tree = structuredClone(navigationTree);
+    // @ts-expect-error to avoid excess type checking for test
+    const stackManagementNode = tree.footer[0].children[2].children[0];
+    stackManagementNode.children.push({
+      link: 'management',
+      sideNavStatus: 'hidden',
+    });
+
+    // Add management link under stack management section
+    const {
+      navItems: { footerItems },
+      activeItemId,
+    } = createNavigationItems(tree, [
+      [
+        // @ts-expect-error to avoid excess type checking for test
+        tree.footer[0],
+        // @ts-expect-error to avoid excess type checking for test
+        tree.footer[0].children[2],
+        stackManagementNode,
+        stackManagementNode.children[stackManagementNode.children.length - 1],
+      ],
+    ]);
+
+    // No management link under Stack Management
+    expect(footerItems[2]!.sections!.map((s) => s.label)).toMatchInlineSnapshot(`
+      Array [
+        "Ingest",
+        "Data",
+        "Alerts and Insights",
+        "Security",
+        "Kibana",
+        "Stack",
+      ]
+    `);
+
+    // But management panel is considered active
+    expect(activeItemId).toBe('stack_management');
+  });
+});

src/platform/plugins/shared/management/public/components/landing/solution_empty_prompt.tsx

@@ -9,7 +9,7 @@
 import React, { type FC } from 'react';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { i18n } from '@kbn/i18n';
-import { EuiButton, EuiLink } from '@elastic/eui';
+import { EuiLink } from '@elastic/eui';
 import { type CoreStart } from '@kbn/core/public';
 import { KibanaPageTemplate } from '@kbn/shared-ux-page-kibana-template';
 
@@ -92,19 +92,10 @@ export const SolutionEmptyPrompt: FC<Props> = ({ kibanaVersion, coreStart }) =>
           </p>
 
           <p>
-            <EuiButton
-              fill
-              iconType="spaces"
-              onClick={() => {
-                coreStart.chrome.sideNav.setPanelSelectedNode('stack_management');
-              }}
-              data-test-subj="viewAllStackMngtPagesButton"
-            >
-              <FormattedMessage
-                id="management.landing.solution.viewAllPagesButton"
-                defaultMessage="View all pages"
-              />
-            </EuiButton>
+            <FormattedMessage
+              id="management.landing.text"
+              defaultMessage="A complete list of apps is in the menu on the left."
+            />
           </p>
         </>
       }

src/platform/test/functional/page_objects/solution_navigation.ts

@@ -356,7 +356,7 @@ export function SolutionNavigationProvider(ctx: Pick<FtrProviderContext, 'getSer
       },
       async expectPanelExists(sectionId: NavigationId) {
         log.debug('SolutionNavigation.sidenav.expectPanelExists', sectionId);
-        await testSubjects.existOrFail(`~sideNavPanel-id-${sectionId}`, {
+        await testSubjects.existOrFail(`~side-navigation-panel_${sectionId}`, {
           timeout: TIMEOUT_CHECK,
         });
       },

x-pack/platform/plugins/private/translations/translations/de-DE.json

@@ -5795,7 +5795,6 @@
     "management.landing.header": "Willkommen beim Stack-Management {version}",
     "management.landing.solution.header": "Stack-Management {version}",
     "management.landing.solution.subhead": "Verwalten Sie Ihre {indicesLink}, {dataViewsLink}, {ingestPipelinesLink}, {usersLink} und vieles mehr.",
-    "management.landing.solution.viewAllPagesButton": "Alle Seiten anzeigen",
     "management.landing.subhead": "Verwalten Sie Ihre Indizes, Datenquellen, gespeicherten Objekte, Kibana-Einstellungen und mehr.",
     "management.landing.subhead.dataViewsLink": "Datenquellen",
     "management.landing.subhead.indicesLink": "Index",

x-pack/platform/plugins/private/translations/translations/fr-FR.json

@@ -5824,7 +5824,6 @@
     "management.landing.header": "Bienvenue dans Gestion de la Suite {version}",
     "management.landing.solution.header": "Gestion de la Suite {version}",
     "management.landing.solution.subhead": "Gérez vos {indicesLink}, {dataViewsLink}, {ingestPipelinesLink}, {usersLink}, et plus encore.",
-    "management.landing.solution.viewAllPagesButton": "Afficher toutes les pages",
     "management.landing.subhead": "Gérez vos index, vues de données, objets enregistrés, paramètres Kibana et plus encore.",
     "management.landing.subhead.dataViewsLink": "Les vues de données sont introuvables",
     "management.landing.subhead.indicesLink": "index système non migrés",

x-pack/platform/plugins/private/translations/translations/ja-JP.json

@@ -5827,7 +5827,6 @@
     "management.landing.header": "Stack Management {version}へようこそ",
     "management.landing.solution.header": "スタック管理{version}",
     "management.landing.solution.subhead": "{indicesLink}、{dataViewsLink}、{ingestPipelinesLink}、{usersLink}などを管理します。",
-    "management.landing.solution.viewAllPagesButton": "すべてのページを表示",
     "management.landing.subhead": "インデックス、データビュー、保存されたオブジェクト、Kibanaの設定、その他を管理します。",
     "management.landing.subhead.dataViewsLink": "データビュー",
     "management.landing.subhead.indicesLink": "インデックス",

x-pack/platform/plugins/private/translations/translations/zh-CN.json

@@ -5820,7 +5820,6 @@
     "management.landing.header": "欢迎使用 Stack Management {version}",
     "management.landing.solution.header": "Stack Management {version}",
     "management.landing.solution.subhead": "管理您的 {indicesLink}、{dataViewsLink}、{ingestPipelinesLink}、{usersLink} 等。",
-    "management.landing.solution.viewAllPagesButton": "查看所有页面",
     "management.landing.subhead": "管理您的索引、数据视图、已保存对象、Kibana 设置等等。",
     "management.landing.subhead.dataViewsLink": "数据视图",
     "management.landing.subhead.indicesLink": "索引",

x-pack/solutions/observability/plugins/observability/public/navigation_tree.ts

@@ -605,6 +605,12 @@ function createNavTree({ streamsAvailable }: { streamsAvailable?: boolean }) {
                   },
                 ],
               },
+              {
+                // We include this link here to ensure that sidenav panel opens when user lands to legacy management landing page
+                // https://github.com/elastic/kibana/issues/240275
+                link: 'management',
+                sideNavStatus: 'hidden',
+              },
             ],
           },
         ],

x-pack/solutions/observability/plugins/serverless_observability/public/navigation_tree.ts

@@ -547,6 +547,12 @@ export const createNavigationTree = ({
                 breadcrumbStatus: 'hidden',
                 children: [{ link: 'management:settings' }],
               },
+              {
+                // We include this link here to ensure that sidenav panel opens when user lands to legacy management landing page
+                // https://github.com/elastic/kibana/issues/240275
+                link: 'management',
+                sideNavStatus: 'hidden',
+              },
             ],
           },
           {

x-pack/solutions/observability/test/functional_solution_sidenav/tests/observability_sidenav.ts

@@ -11,6 +11,7 @@ import type { FtrProviderContext } from '../ftr_provider_context';
 export default function ({ getPageObjects, getService }: FtrProviderContext) {
   const { common, solutionNavigation } = getPageObjects(['common', 'solutionNavigation']);
   const spaces = getService('spaces');
+  const testSubjects = getService('testSubjects');
   const browser = getService('browser');
 
   describe('observability solution', () => {
@@ -117,6 +118,12 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
         await browser.refresh();
         await solutionNavigation.sidenav.tour.expectHidden();
       });
+
+      it('opens panel on legacy management landing page', async () => {
+        await common.navigateToApp('management', { basePath: `/s/${spaceCreated.id}` });
+        await testSubjects.existOrFail('managementHomeSolution');
+        await solutionNavigation.sidenav.expectPanelExists('stack_management');
+      });
     });
   });
 }