From feaff082a9e363f2c820d70d04b3cad142ec8688 Mon Sep 17 00:00:00 2001
From: Nicolas Agustin Guevara Pihen <42900763+Tostti@users.noreply.github.com>
Date: Wed, 31 Jan 2024 16:21:59 -0300
Subject: [PATCH] Fix inconsistent help menu (#139)

---
 .../src/integration_tests/build.test.ts       |  12 +
 src/core/public/chrome/chrome_service.tsx     |   1 +
 src/core/public/chrome/constants.ts           |   5 +
 .../header/__snapshots__/header.test.tsx.snap |   6 +
 .../header_help_menu.test.tsx.snap            | 234 +++++++++++++-----
 .../public/chrome/ui/header/header.test.tsx   |   1 +
 src/core/public/chrome/ui/header/header.tsx   |   2 +
 .../ui/header/header_help_menu.test.tsx       |   1 +
 .../chrome/ui/header/header_help_menu.tsx     |  43 +++-
 .../core_app/assets/logos/google_groups.svg   |  29 +++
 .../core_app/assets/logos/icon_dark.svg       |  17 ++
 .../core_app/assets/logos/icon_light.svg      |  13 +
 src/core/tsconfig.json                        |  10 +-
 13 files changed, 295 insertions(+), 79 deletions(-)
 create mode 100644 src/core/server/core_app/assets/logos/google_groups.svg
 create mode 100644 src/core/server/core_app/assets/logos/icon_dark.svg
 create mode 100644 src/core/server/core_app/assets/logos/icon_light.svg

diff --git a/packages/osd-plugin-helpers/src/integration_tests/build.test.ts b/packages/osd-plugin-helpers/src/integration_tests/build.test.ts
index 780682d27658..37e5b3aacd98 100644
--- a/packages/osd-plugin-helpers/src/integration_tests/build.test.ts
+++ b/packages/osd-plugin-helpers/src/integration_tests/build.test.ts
@@ -101,9 +101,15 @@ it('builds a generated plugin into a viable archive', async () => {
      info running @osd/optimizer
      │ info initialized, 0 bundles cached
      │ info starting worker [1 bundle]
+     │ warn worker stderr Browserslist: caniuse-lite is outdated. Please run:
+     │ warn worker stderr   npx update-browserslist-db@latest
+     │ warn worker stderr   Why you should do it regularly: https://github.com/browserslist/update-db#readme
      │ succ 1 bundles compiled successfully after <time>
      info copying assets from \`public/assets\` to build
      info copying server source into the build and converting with babel
+    Browserslist: caniuse-lite is outdated. Please run:
+      npx update-browserslist-db@latest
+      Why you should do it regularly: https://github.com/browserslist/update-db#readme
      info running yarn to install dependencies
      info compressing plugin into [fooTestPlugin-1.0.0.zip]
      info cleaning up compression temporary artifacts"
@@ -189,9 +195,15 @@ it('builds a non-semver generated plugin into a viable archive', async () => {
      info running @osd/optimizer
      │ info initialized, 0 bundles cached
      │ info starting worker [1 bundle]
+     │ warn worker stderr Browserslist: caniuse-lite is outdated. Please run:
+     │ warn worker stderr   npx update-browserslist-db@latest
+     │ warn worker stderr   Why you should do it regularly: https://github.com/browserslist/update-db#readme
      │ succ 1 bundles compiled successfully after <time>
      info copying assets from \`public/assets\` to build
      info copying server source into the build and converting with babel
+    Browserslist: caniuse-lite is outdated. Please run:
+      npx update-browserslist-db@latest
+      Why you should do it regularly: https://github.com/browserslist/update-db#readme
      info running yarn to install dependencies
      info compressing plugin into [fooTestPlugin-1.0.0.x.zip]
      info cleaning up compression temporary artifacts"
diff --git a/src/core/public/chrome/chrome_service.tsx b/src/core/public/chrome/chrome_service.tsx
index 22cab8889ce2..17b8d7f02190 100644
--- a/src/core/public/chrome/chrome_service.tsx
+++ b/src/core/public/chrome/chrome_service.tsx
@@ -284,6 +284,7 @@ export class ChromeService {
           branding={injectedMetadata.getBranding()}
           logos={logos}
           survey={injectedMetadata.getSurvey()}
+          darkmode={uiSettings.get('theme:darkMode')}
           sidecarConfig$={sidecarConfig$}
           collapsibleNavHeaderRender={this.collapsibleNavHeaderRender}
         />
diff --git a/src/core/public/chrome/constants.ts b/src/core/public/chrome/constants.ts
index d16393088a16..ec0b49a52728 100644
--- a/src/core/public/chrome/constants.ts
+++ b/src/core/public/chrome/constants.ts
@@ -27,10 +27,15 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import wazuh from '../../../../package.json';
+
+export const WAZUH_MAJOR = wazuh.wazuh.version.split('.')[0];
+export const WAZUH_MINOR = wazuh.wazuh.version.split('.')[1];
 
 export const OPENSEARCH_DASHBOARDS_FEEDBACK_LINK = 'https://wazuh.com/community/join-us-on-slack';
 export const OPENSEARCH_DASHBOARDS_ASK_OPENSEARCH_LINK = OPENSEARCH_DASHBOARDS_FEEDBACK_LINK;
 export const GITHUB_CREATE_ISSUE_LINK = 'https://github.com/wazuh/wazuh/issues/new/choose';
+export const WAZUH_DOCUMENTATION_URL = `https://documentation.wazuh.com/${WAZUH_MAJOR}.${WAZUH_MINOR}/`;
 
 export enum RightNavigationOrder {
   // order of dev tool should be after advance settings
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index 44f9a16c5a77..9dd38ff7ff05 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -358,6 +358,7 @@ exports[`Header handles visibility and lock changes 1`] = `
       "thrownError": null,
     }
   }
+  darkmode={false}
   forceAppSwitcherNavigation$={
     BehaviorSubject {
       "_isScalar": false,
@@ -4249,6 +4250,7 @@ exports[`Header handles visibility and lock changes 1`] = `
                   className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
                 >
                   <InjectIntl(HeaderHelpMenuUI)
+                    darkmode={false}
                     helpExtension$={
                       BehaviorSubject {
                         "_isScalar": false,
@@ -4953,6 +4955,7 @@ exports[`Header handles visibility and lock changes 1`] = `
                     useDefaultContent={true}
                   >
                     <HeaderHelpMenuUI
+                      darkmode={false}
                       helpExtension$={
                         BehaviorSubject {
                           "_isScalar": false,
@@ -7121,6 +7124,7 @@ exports[`Header renders condensed header 1`] = `
       "thrownError": null,
     }
   }
+  darkmode={false}
   forceAppSwitcherNavigation$={
     BehaviorSubject {
       "_isScalar": false,
@@ -9788,6 +9792,7 @@ exports[`Header renders condensed header 1`] = `
                   className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
                 >
                   <InjectIntl(HeaderHelpMenuUI)
+                    darkmode={false}
                     helpExtension$={
                       BehaviorSubject {
                         "_isScalar": false,
@@ -10492,6 +10497,7 @@ exports[`Header renders condensed header 1`] = `
                     useDefaultContent={true}
                   >
                     <HeaderHelpMenuUI
+                      darkmode={false}
                       helpExtension$={
                         BehaviorSubject {
                           "_isScalar": false,
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header_help_menu.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header_help_menu.test.tsx.snap
index 2173ce50c764..0a4e3c61e92a 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header_help_menu.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header_help_menu.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`Header help menu hides survey link 1`] = `
 <InjectIntl(HeaderHelpMenuUI)
+  darkmode={false}
   helpExtension$={
     BehaviorSubject {
       "_isScalar": false,
@@ -808,6 +809,7 @@ exports[`Header help menu hides survey link 1`] = `
   useDefaultContent={true}
 >
   <HeaderHelpMenuUI
+    darkmode={false}
     helpExtension$={
       BehaviorSubject {
         "_isScalar": false,
@@ -1788,37 +1790,49 @@ exports[`Header help menu hides survey link 1`] = `
                       >
                         <a
                           class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                          href="/doclink"
+                          href="https://documentation.wazuh.com/4.9/"
                           rel="noopener noreferrer"
                           target="_blank"
                         >
                           <span
                             class="euiButtonContent euiButtonEmpty__content"
                           >
+                            <span
+                              class="euiButtonContent__icon"
+                              color="inherit"
+                              data-euiicon-type="/ui/logos/icon_light.svg"
+                            />
                             <span
                               class="euiButtonEmpty__text"
                             >
-                              Wazuh documentation
+                              Documentation
                             </span>
                           </span>
                         </a>
                         <div
                           class="euiSpacer euiSpacer--xs"
                         />
-                        <button
+                        <a
                           class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                          type="button"
+                          href="https://wazuh.com/community/join-us-on-slack/"
+                          rel="noopener noreferrer"
+                          target="_blank"
                         >
                           <span
                             class="euiButtonContent euiButtonEmpty__content"
                           >
+                            <span
+                              class="euiButtonContent__icon"
+                              color="inherit"
+                              data-euiicon-type="logoSlack"
+                            />
                             <span
                               class="euiButtonEmpty__text"
                             >
-                              Ask Wazuh
+                              Slack Channel
                             </span>
                           </span>
-                        </button>
+                        </a>
                         <div
                           class="euiSpacer euiSpacer--xs"
                         />
@@ -1828,7 +1842,7 @@ exports[`Header help menu hides survey link 1`] = `
                         />
                         <a
                           class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                          href="https://github.com/wazuh/wazuh/issues/new/choose"
+                          href="https://groups.google.com/forum/#!forum/wazuh/"
                           rel="noopener noreferrer"
                           target="_blank"
                         >
@@ -1838,12 +1852,12 @@ exports[`Header help menu hides survey link 1`] = `
                             <span
                               class="euiButtonContent__icon"
                               color="inherit"
-                              data-euiicon-type="logoGithub"
+                              data-euiicon-type="/ui/logos/google_groups.svg"
                             />
                             <span
                               class="euiButtonEmpty__text"
                             >
-                              Open an issue in GitHub
+                              Google Group
                             </span>
                           </span>
                         </a>
@@ -1992,13 +2006,14 @@ exports[`Header help menu hides survey link 1`] = `
                         >
                           <EuiButtonEmpty
                             flush="left"
-                            href="/doclink"
+                            href="https://documentation.wazuh.com/4.9/"
+                            iconType="/ui/logos/icon_light.svg"
                             size="xs"
                             target="_blank"
                           >
                             <a
                               className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                              href="/doclink"
+                              href="https://documentation.wazuh.com/4.9/"
                               rel="noopener noreferrer"
                               target="_blank"
                             >
@@ -2006,6 +2021,7 @@ exports[`Header help menu hides survey link 1`] = `
                                 className="euiButtonEmpty__content"
                                 iconSide="left"
                                 iconSize="s"
+                                iconType="/ui/logos/icon_light.svg"
                                 textProps={
                                   Object {
                                     "className": "euiButtonEmpty__text",
@@ -2015,15 +2031,28 @@ exports[`Header help menu hides survey link 1`] = `
                                 <span
                                   className="euiButtonContent euiButtonEmpty__content"
                                 >
+                                  <EuiIcon
+                                    className="euiButtonContent__icon"
+                                    color="inherit"
+                                    size="s"
+                                    type="/ui/logos/icon_light.svg"
+                                  >
+                                    <span
+                                      className="euiButtonContent__icon"
+                                      color="inherit"
+                                      data-euiicon-type="/ui/logos/icon_light.svg"
+                                      size="s"
+                                    />
+                                  </EuiIcon>
                                   <span
                                     className="euiButtonEmpty__text"
                                   >
                                     <FormattedMessage
-                                      defaultMessage="Wazuh documentation"
+                                      defaultMessage="Documentation"
                                       id="core.ui.chrome.headerGlobalNav.helpMenuOpenSearchDashboardsDocumentationTitle"
                                       values={Object {}}
                                     >
-                                      Wazuh documentation
+                                      Documentation
                                     </FormattedMessage>
                                   </span>
                                 </span>
@@ -2039,19 +2068,22 @@ exports[`Header help menu hides survey link 1`] = `
                           </EuiSpacer>
                           <EuiButtonEmpty
                             flush="left"
-                            href=""
+                            href="https://wazuh.com/community/join-us-on-slack/"
+                            iconType="logoSlack"
                             size="xs"
                             target="_blank"
                           >
-                            <button
+                            <a
                               className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                              disabled={false}
-                              type="button"
+                              href="https://wazuh.com/community/join-us-on-slack/"
+                              rel="noopener noreferrer"
+                              target="_blank"
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
                                 iconSide="left"
                                 iconSize="s"
+                                iconType="logoSlack"
                                 textProps={
                                   Object {
                                     "className": "euiButtonEmpty__text",
@@ -2061,20 +2093,33 @@ exports[`Header help menu hides survey link 1`] = `
                                 <span
                                   className="euiButtonContent euiButtonEmpty__content"
                                 >
+                                  <EuiIcon
+                                    className="euiButtonContent__icon"
+                                    color="inherit"
+                                    size="s"
+                                    type="logoSlack"
+                                  >
+                                    <span
+                                      className="euiButtonContent__icon"
+                                      color="inherit"
+                                      data-euiicon-type="logoSlack"
+                                      size="s"
+                                    />
+                                  </EuiIcon>
                                   <span
                                     className="euiButtonEmpty__text"
                                   >
                                     <FormattedMessage
-                                      defaultMessage="Ask Wazuh"
+                                      defaultMessage="Slack Channel"
                                       id="core.ui.chrome.headerGlobalNav.helpMenuAskOpenSearchTitle"
                                       values={Object {}}
                                     >
-                                      Ask Wazuh
+                                      Slack Channel
                                     </FormattedMessage>
                                   </span>
                                 </span>
                               </EuiButtonContent>
-                            </button>
+                            </a>
                           </EuiButtonEmpty>
                           <EuiSpacer
                             size="xs"
@@ -2092,14 +2137,14 @@ exports[`Header help menu hides survey link 1`] = `
                           </EuiSpacer>
                           <EuiButtonEmpty
                             flush="left"
-                            href="https://github.com/wazuh/wazuh/issues/new/choose"
-                            iconType="logoGithub"
+                            href="https://groups.google.com/forum/#!forum/wazuh/"
+                            iconType="/ui/logos/google_groups.svg"
                             size="xs"
                             target="_blank"
                           >
                             <a
                               className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                              href="https://github.com/wazuh/wazuh/issues/new/choose"
+                              href="https://groups.google.com/forum/#!forum/wazuh/"
                               rel="noopener noreferrer"
                               target="_blank"
                             >
@@ -2107,7 +2152,7 @@ exports[`Header help menu hides survey link 1`] = `
                                 className="euiButtonEmpty__content"
                                 iconSide="left"
                                 iconSize="s"
-                                iconType="logoGithub"
+                                iconType="/ui/logos/google_groups.svg"
                                 textProps={
                                   Object {
                                     "className": "euiButtonEmpty__text",
@@ -2121,12 +2166,12 @@ exports[`Header help menu hides survey link 1`] = `
                                     className="euiButtonContent__icon"
                                     color="inherit"
                                     size="s"
-                                    type="logoGithub"
+                                    type="/ui/logos/google_groups.svg"
                                   >
                                     <span
                                       className="euiButtonContent__icon"
                                       color="inherit"
-                                      data-euiicon-type="logoGithub"
+                                      data-euiicon-type="/ui/logos/google_groups.svg"
                                       size="s"
                                     />
                                   </EuiIcon>
@@ -2134,11 +2179,11 @@ exports[`Header help menu hides survey link 1`] = `
                                     className="euiButtonEmpty__text"
                                   >
                                     <FormattedMessage
-                                      defaultMessage="Open an issue in GitHub"
+                                      defaultMessage="Google Group"
                                       id="core.ui.chrome.headerGlobalNav.helpMenuOpenGitHubIssueTitle"
                                       values={Object {}}
                                     >
-                                      Open an issue in GitHub
+                                      Google Group
                                     </FormattedMessage>
                                   </span>
                                 </span>
@@ -2162,6 +2207,7 @@ exports[`Header help menu hides survey link 1`] = `
 
 exports[`Header help menu renders survey link 1`] = `
 <InjectIntl(HeaderHelpMenuUI)
+  darkmode={false}
   helpExtension$={
     BehaviorSubject {
       "_isScalar": false,
@@ -2968,6 +3014,7 @@ exports[`Header help menu renders survey link 1`] = `
   useDefaultContent={true}
 >
   <HeaderHelpMenuUI
+    darkmode={false}
     helpExtension$={
       BehaviorSubject {
         "_isScalar": false,
@@ -3948,54 +3995,71 @@ exports[`Header help menu renders survey link 1`] = `
                       >
                         <a
                           class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                          href="/doclink"
+                          href="https://documentation.wazuh.com/4.9/"
                           rel="noopener noreferrer"
                           target="_blank"
                         >
                           <span
                             class="euiButtonContent euiButtonEmpty__content"
                           >
+                            <span
+                              class="euiButtonContent__icon"
+                              color="inherit"
+                              data-euiicon-type="/ui/logos/icon_light.svg"
+                            />
                             <span
                               class="euiButtonEmpty__text"
                             >
-                              Wazuh documentation
+                              Documentation
                             </span>
                           </span>
                         </a>
                         <div
                           class="euiSpacer euiSpacer--xs"
                         />
-                        <button
+                        <a
                           class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                          type="button"
+                          href="https://wazuh.com/community/join-us-on-slack/"
+                          rel="noopener noreferrer"
+                          target="_blank"
                         >
                           <span
                             class="euiButtonContent euiButtonEmpty__content"
                           >
+                            <span
+                              class="euiButtonContent__icon"
+                              color="inherit"
+                              data-euiicon-type="logoSlack"
+                            />
                             <span
                               class="euiButtonEmpty__text"
                             >
-                              Ask Wazuh
+                              Slack Channel
                             </span>
                           </span>
-                        </button>
+                        </a>
                         <div
                           class="euiSpacer euiSpacer--xs"
                         />
                         <div>
                           <a
                             class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                            href="/"
+                            href="https://github.com/wazuh/"
                             rel="noopener noreferrer"
                             target="_blank"
                           >
                             <span
                               class="euiButtonContent euiButtonEmpty__content"
                             >
+                              <span
+                                class="euiButtonContent__icon"
+                                color="inherit"
+                                data-euiicon-type="logoGithub"
+                              />
                               <span
                                 class="euiButtonEmpty__text"
                               >
-                                Give feedback
+                                Projects on Github
                               </span>
                             </span>
                           </a>
@@ -4008,7 +4072,7 @@ exports[`Header help menu renders survey link 1`] = `
                         />
                         <a
                           class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                          href="https://github.com/wazuh/wazuh/issues/new/choose"
+                          href="https://groups.google.com/forum/#!forum/wazuh/"
                           rel="noopener noreferrer"
                           target="_blank"
                         >
@@ -4018,12 +4082,12 @@ exports[`Header help menu renders survey link 1`] = `
                             <span
                               class="euiButtonContent__icon"
                               color="inherit"
-                              data-euiicon-type="logoGithub"
+                              data-euiicon-type="/ui/logos/google_groups.svg"
                             />
                             <span
                               class="euiButtonEmpty__text"
                             >
-                              Open an issue in GitHub
+                              Google Group
                             </span>
                           </span>
                         </a>
@@ -4172,13 +4236,14 @@ exports[`Header help menu renders survey link 1`] = `
                         >
                           <EuiButtonEmpty
                             flush="left"
-                            href="/doclink"
+                            href="https://documentation.wazuh.com/4.9/"
+                            iconType="/ui/logos/icon_light.svg"
                             size="xs"
                             target="_blank"
                           >
                             <a
                               className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                              href="/doclink"
+                              href="https://documentation.wazuh.com/4.9/"
                               rel="noopener noreferrer"
                               target="_blank"
                             >
@@ -4186,6 +4251,7 @@ exports[`Header help menu renders survey link 1`] = `
                                 className="euiButtonEmpty__content"
                                 iconSide="left"
                                 iconSize="s"
+                                iconType="/ui/logos/icon_light.svg"
                                 textProps={
                                   Object {
                                     "className": "euiButtonEmpty__text",
@@ -4195,15 +4261,28 @@ exports[`Header help menu renders survey link 1`] = `
                                 <span
                                   className="euiButtonContent euiButtonEmpty__content"
                                 >
+                                  <EuiIcon
+                                    className="euiButtonContent__icon"
+                                    color="inherit"
+                                    size="s"
+                                    type="/ui/logos/icon_light.svg"
+                                  >
+                                    <span
+                                      className="euiButtonContent__icon"
+                                      color="inherit"
+                                      data-euiicon-type="/ui/logos/icon_light.svg"
+                                      size="s"
+                                    />
+                                  </EuiIcon>
                                   <span
                                     className="euiButtonEmpty__text"
                                   >
                                     <FormattedMessage
-                                      defaultMessage="Wazuh documentation"
+                                      defaultMessage="Documentation"
                                       id="core.ui.chrome.headerGlobalNav.helpMenuOpenSearchDashboardsDocumentationTitle"
                                       values={Object {}}
                                     >
-                                      Wazuh documentation
+                                      Documentation
                                     </FormattedMessage>
                                   </span>
                                 </span>
@@ -4219,19 +4298,22 @@ exports[`Header help menu renders survey link 1`] = `
                           </EuiSpacer>
                           <EuiButtonEmpty
                             flush="left"
-                            href=""
+                            href="https://wazuh.com/community/join-us-on-slack/"
+                            iconType="logoSlack"
                             size="xs"
                             target="_blank"
                           >
-                            <button
+                            <a
                               className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                              disabled={false}
-                              type="button"
+                              href="https://wazuh.com/community/join-us-on-slack/"
+                              rel="noopener noreferrer"
+                              target="_blank"
                             >
                               <EuiButtonContent
                                 className="euiButtonEmpty__content"
                                 iconSide="left"
                                 iconSize="s"
+                                iconType="logoSlack"
                                 textProps={
                                   Object {
                                     "className": "euiButtonEmpty__text",
@@ -4241,20 +4323,33 @@ exports[`Header help menu renders survey link 1`] = `
                                 <span
                                   className="euiButtonContent euiButtonEmpty__content"
                                 >
+                                  <EuiIcon
+                                    className="euiButtonContent__icon"
+                                    color="inherit"
+                                    size="s"
+                                    type="logoSlack"
+                                  >
+                                    <span
+                                      className="euiButtonContent__icon"
+                                      color="inherit"
+                                      data-euiicon-type="logoSlack"
+                                      size="s"
+                                    />
+                                  </EuiIcon>
                                   <span
                                     className="euiButtonEmpty__text"
                                   >
                                     <FormattedMessage
-                                      defaultMessage="Ask Wazuh"
+                                      defaultMessage="Slack Channel"
                                       id="core.ui.chrome.headerGlobalNav.helpMenuAskOpenSearchTitle"
                                       values={Object {}}
                                     >
-                                      Ask Wazuh
+                                      Slack Channel
                                     </FormattedMessage>
                                   </span>
                                 </span>
                               </EuiButtonContent>
-                            </button>
+                            </a>
                           </EuiButtonEmpty>
                           <EuiSpacer
                             size="xs"
@@ -4266,13 +4361,14 @@ exports[`Header help menu renders survey link 1`] = `
                           <div>
                             <EuiButtonEmpty
                               flush="left"
-                              href="/"
+                              href="https://github.com/wazuh/"
+                              iconType="logoGithub"
                               size="xs"
                               target="_blank"
                             >
                               <a
                                 className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                                href="/"
+                                href="https://github.com/wazuh/"
                                 rel="noopener noreferrer"
                                 target="_blank"
                               >
@@ -4280,6 +4376,7 @@ exports[`Header help menu renders survey link 1`] = `
                                   className="euiButtonEmpty__content"
                                   iconSide="left"
                                   iconSize="s"
+                                  iconType="logoGithub"
                                   textProps={
                                     Object {
                                       "className": "euiButtonEmpty__text",
@@ -4289,15 +4386,28 @@ exports[`Header help menu renders survey link 1`] = `
                                   <span
                                     className="euiButtonContent euiButtonEmpty__content"
                                   >
+                                    <EuiIcon
+                                      className="euiButtonContent__icon"
+                                      color="inherit"
+                                      size="s"
+                                      type="logoGithub"
+                                    >
+                                      <span
+                                        className="euiButtonContent__icon"
+                                        color="inherit"
+                                        data-euiicon-type="logoGithub"
+                                        size="s"
+                                      />
+                                    </EuiIcon>
                                     <span
                                       className="euiButtonEmpty__text"
                                     >
                                       <FormattedMessage
-                                        defaultMessage="Give feedback"
+                                        defaultMessage="Projects on Github"
                                         id="core.ui.chrome.headerGlobalNav.helpMenuFeedbackSurveyTitle"
                                         values={Object {}}
                                       >
-                                        Give feedback
+                                        Projects on Github
                                       </FormattedMessage>
                                     </span>
                                   </span>
@@ -4321,14 +4431,14 @@ exports[`Header help menu renders survey link 1`] = `
                           </EuiSpacer>
                           <EuiButtonEmpty
                             flush="left"
-                            href="https://github.com/wazuh/wazuh/issues/new/choose"
-                            iconType="logoGithub"
+                            href="https://groups.google.com/forum/#!forum/wazuh/"
+                            iconType="/ui/logos/google_groups.svg"
                             size="xs"
                             target="_blank"
                           >
                             <a
                               className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushLeft"
-                              href="https://github.com/wazuh/wazuh/issues/new/choose"
+                              href="https://groups.google.com/forum/#!forum/wazuh/"
                               rel="noopener noreferrer"
                               target="_blank"
                             >
@@ -4336,7 +4446,7 @@ exports[`Header help menu renders survey link 1`] = `
                                 className="euiButtonEmpty__content"
                                 iconSide="left"
                                 iconSize="s"
-                                iconType="logoGithub"
+                                iconType="/ui/logos/google_groups.svg"
                                 textProps={
                                   Object {
                                     "className": "euiButtonEmpty__text",
@@ -4350,12 +4460,12 @@ exports[`Header help menu renders survey link 1`] = `
                                     className="euiButtonContent__icon"
                                     color="inherit"
                                     size="s"
-                                    type="logoGithub"
+                                    type="/ui/logos/google_groups.svg"
                                   >
                                     <span
                                       className="euiButtonContent__icon"
                                       color="inherit"
-                                      data-euiicon-type="logoGithub"
+                                      data-euiicon-type="/ui/logos/google_groups.svg"
                                       size="s"
                                     />
                                   </EuiIcon>
@@ -4363,11 +4473,11 @@ exports[`Header help menu renders survey link 1`] = `
                                     className="euiButtonEmpty__text"
                                   >
                                     <FormattedMessage
-                                      defaultMessage="Open an issue in GitHub"
+                                      defaultMessage="Google Group"
                                       id="core.ui.chrome.headerGlobalNav.helpMenuOpenGitHubIssueTitle"
                                       values={Object {}}
                                     >
-                                      Open an issue in GitHub
+                                      Google Group
                                     </FormattedMessage>
                                   </span>
                                 </span>
diff --git a/src/core/public/chrome/ui/header/header.test.tsx b/src/core/public/chrome/ui/header/header.test.tsx
index 0d3bc7e70d45..deb60f380eee 100644
--- a/src/core/public/chrome/ui/header/header.test.tsx
+++ b/src/core/public/chrome/ui/header/header.test.tsx
@@ -73,6 +73,7 @@ function mockProps() {
     branding: {},
     survey: '/',
     logos: chromeServiceMock.createStartContract().logos,
+    darkmode: false,
     sidecarConfig$: new BehaviorSubject<ISidecarConfig>({
       dockedMode: SIDECAR_DOCKED_MODE.RIGHT,
       paddingSize: 640,
diff --git a/src/core/public/chrome/ui/header/header.tsx b/src/core/public/chrome/ui/header/header.tsx
index b8b40fa6c39f..2a8266fd8683 100644
--- a/src/core/public/chrome/ui/header/header.tsx
+++ b/src/core/public/chrome/ui/header/header.tsx
@@ -94,6 +94,7 @@ export interface HeaderProps {
   branding: ChromeBranding;
   logos: Logos;
   survey: string | undefined;
+  darkmode: boolean;
   sidecarConfig$: Observable<ISidecarConfig | undefined>;
 }
 
@@ -247,6 +248,7 @@ export function Header({
                   opensearchDashboardsDocLink={opensearchDashboardsDocLink}
                   opensearchDashboardsVersion={opensearchDashboardsVersion}
                   surveyLink={survey}
+                  darkmode={observables.darkmode}
                 />
               </EuiHeaderSectionItem>
             </EuiHeaderSection>
diff --git a/src/core/public/chrome/ui/header/header_help_menu.test.tsx b/src/core/public/chrome/ui/header/header_help_menu.test.tsx
index fbcd47367120..2099b9a2a471 100644
--- a/src/core/public/chrome/ui/header/header_help_menu.test.tsx
+++ b/src/core/public/chrome/ui/header/header_help_menu.test.tsx
@@ -15,6 +15,7 @@ function mockProps() {
     opensearchDashboardsDocLink: '/doclink',
     opensearchDashboardsVersion: '1.0',
     useDefaultContent: true,
+    darkmode: false,
   };
 }
 
diff --git a/src/core/public/chrome/ui/header/header_help_menu.tsx b/src/core/public/chrome/ui/header/header_help_menu.tsx
index 33b858177118..44183dd64e56 100644
--- a/src/core/public/chrome/ui/header/header_help_menu.tsx
+++ b/src/core/public/chrome/ui/header/header_help_menu.tsx
@@ -50,7 +50,7 @@ import { ExclusiveUnion } from '@elastic/eui';
 import { combineLatest } from 'rxjs';
 import { HeaderExtension } from './header_extension';
 import { ChromeHelpExtension } from '../../chrome_service';
-import { GITHUB_CREATE_ISSUE_LINK } from '../../constants';
+import { WAZUH_DOCUMENTATION_URL } from '../../constants';
 
 /** @public */
 export type ChromeHelpExtensionMenuGitHubLink = EuiButtonEmptyProps & {
@@ -123,6 +123,7 @@ interface Props {
   useDefaultContent?: boolean;
   opensearchDashboardsDocLink: string;
   surveyLink?: string;
+  darkmode: boolean;
 }
 
 interface State {
@@ -198,26 +199,38 @@ class HeaderHelpMenuUI extends Component<Props, State> {
       intl,
       opensearchDashboardsVersion,
       useDefaultContent,
-      opensearchDashboardsDocLink,
       surveyLink,
+      darkmode,
     } = this.props;
-    const { helpExtension, helpSupportUrl } = this.state;
+    const { helpExtension } = this.state;
 
     const defaultContent = useDefaultContent ? (
       <Fragment>
-        <EuiButtonEmpty href={opensearchDashboardsDocLink} target="_blank" size="xs" flush="left">
+        <EuiButtonEmpty
+          href={WAZUH_DOCUMENTATION_URL}
+          target="_blank"
+          size="xs"
+          flush="left"
+          iconType={darkmode ? '/ui/logos/icon_dark.svg' : '/ui/logos/icon_light.svg'}
+        >
           <FormattedMessage
             id="core.ui.chrome.headerGlobalNav.helpMenuOpenSearchDashboardsDocumentationTitle"
-            defaultMessage="Wazuh documentation"
+            defaultMessage="Documentation"
           />
         </EuiButtonEmpty>
 
         <EuiSpacer size="xs" />
 
-        <EuiButtonEmpty href={helpSupportUrl} target="_blank" size="xs" flush="left">
+        <EuiButtonEmpty
+          href="https://wazuh.com/community/join-us-on-slack/"
+          target="_blank"
+          size="xs"
+          flush="left"
+          iconType="logoSlack"
+        >
           <FormattedMessage
             id="core.ui.chrome.headerGlobalNav.helpMenuAskOpenSearchTitle"
-            defaultMessage="Ask Wazuh"
+            defaultMessage="Slack Channel"
           />
         </EuiButtonEmpty>
 
@@ -225,10 +238,16 @@ class HeaderHelpMenuUI extends Component<Props, State> {
 
         {surveyLink && (
           <div>
-            <EuiButtonEmpty href={surveyLink} target="_blank" size="xs" flush="left">
+            <EuiButtonEmpty
+              href="https://github.com/wazuh/"
+              target="_blank"
+              size="xs"
+              flush="left"
+              iconType="logoGithub"
+            >
               <FormattedMessage
                 id="core.ui.chrome.headerGlobalNav.helpMenuFeedbackSurveyTitle"
-                defaultMessage="Give feedback"
+                defaultMessage="Projects on Github"
               />
             </EuiButtonEmpty>
             <EuiSpacer size="xs" />
@@ -238,15 +257,15 @@ class HeaderHelpMenuUI extends Component<Props, State> {
         <EuiSpacer size="xs" />
 
         <EuiButtonEmpty
-          href={GITHUB_CREATE_ISSUE_LINK}
+          href="https://groups.google.com/forum/#!forum/wazuh/"
           target="_blank"
           size="xs"
-          iconType="logoGithub"
+          iconType="/ui/logos/google_groups.svg"
           flush="left"
         >
           <FormattedMessage
             id="core.ui.chrome.headerGlobalNav.helpMenuOpenGitHubIssueTitle"
-            defaultMessage="Open an issue in GitHub"
+            defaultMessage="Google Group"
           />
         </EuiButtonEmpty>
       </Fragment>
diff --git a/src/core/server/core_app/assets/logos/google_groups.svg b/src/core/server/core_app/assets/logos/google_groups.svg
new file mode 100644
index 000000000000..934cf1d86d56
--- /dev/null
+++ b/src/core/server/core_app/assets/logos/google_groups.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="709.787px" height="684.766px" viewBox="0 0 709.787 684.766" style="enable-background:new 0 0 709.787 684.766;"
+	 xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4286F5;}
+	.st1{fill:#1967D3;}
+</style>
+<g>
+	<path class="st0" d="M416.554,527.748c-73.574,0-147.149,0.06-220.723-0.118c-5.743-0.014-9.843,1.532-13.922,5.65
+		c-33.153,33.465-66.532,66.705-99.828,100.028c-5.311,5.315-10.916,10.08-18.852,10.735c-16.649,1.373-28.178-10.096-28.227-28.706
+		c-0.129-49.761-0.161-99.523,0.08-149.284c0.057-11.876,1.276-23.732,3.804-35.428c14.51-67.13,53.024-115.597,116.168-141.759
+		c68.684-28.457,134.009-18.567,193.967,25.468c3.973,2.918,6.357,4.208,11.184,0.459c114.08-88.585,280.627-27.141,310.568,114.446
+		c4.747,22.447,4.539,45.276,3.504,67.991c-0.809,17.763-16.081,30.354-35.405,30.466c-26.995,0.157-53.992,0.051-80.988,0.052
+		C510.775,527.75,463.665,527.748,416.554,527.748z M354.006,526.51c0-0.014,0-0.028,0-0.042c12.951,0,25.903,0.121,38.852-0.032
+		c15.1-0.178,27.432-9.932,30.691-24.747c4.262-19.379,2.168-39.098-0.401-58.235c-6.394-47.632-27.358-88.183-63.839-120.209
+		c-2.94-2.581-4.591-2.954-7.83-0.254c-33.799,28.167-53.382,64.612-62.75,107.032c-4.712,21.336-3.185,43.041-3.234,64.63
+		c-0.043,18.583,13.284,31.712,32.039,31.843C329.689,526.579,341.848,526.51,354.006,526.51z"/>
+	<path class="st0" d="M229.562,40.613c55.92-0.16,101.717,45.146,101.969,100.877c0.255,56.382-45.087,102.228-101.258,102.384
+		c-56.241,0.156-101.989-45.46-101.969-101.673C128.325,86.315,173.718,40.774,229.562,40.613z"/>
+	<path class="st0" d="M483.668,40.613c55.915-0.149,101.702,45.17,101.943,100.903c0.244,56.381-45.107,102.214-101.284,102.358
+		c-56.236,0.144-101.974-45.484-101.943-101.699C382.415,86.291,427.819,40.762,483.668,40.613z"/>
+	<path class="st1" d="M354.006,526.51c-12.158,0-24.316,0.069-36.473-0.016c-18.755-0.13-32.082-13.26-32.039-31.843
+		c0.049-21.589-1.478-43.294,3.234-64.63c9.369-42.42,28.951-78.864,62.75-107.032c3.24-2.7,4.89-2.327,7.83,0.254
+		c36.481,32.027,57.445,72.578,63.839,120.209c2.569,19.137,4.663,38.856,0.401,58.235c-3.258,14.816-15.591,24.569-30.691,24.747
+		c-12.949,0.153-25.901,0.032-38.852,0.032C354.006,526.482,354.006,526.496,354.006,526.51z"/>
+</g>
+</svg>
diff --git a/src/core/server/core_app/assets/logos/icon_dark.svg b/src/core/server/core_app/assets/logos/icon_dark.svg
new file mode 100644
index 000000000000..966e74def86c
--- /dev/null
+++ b/src/core/server/core_app/assets/logos/icon_dark.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#007AFF;}
+	.st1{fill:#3585F9;}
+	.st2{fill:#FFFFFF;}
+	.st3{opacity:0.4;}
+	.st4{opacity:0.3;fill:#007AFF;}
+</style>
+<g>
+	<polygon class="st2" points="18.4,19.1 14.7,6.9 11.7,6.9 7.9,19.1 4.2,6.9 0.8,6.9 6.2,24.8 9,24.8 13.2,11.8 17.4,24.8 
+		20.1,24.8 25.6,6.9 22.2,6.9 	"/>
+	<circle class="st0" cx="28.4" cy="22.3" r="2.8"/>
+</g>
+</svg>
diff --git a/src/core/server/core_app/assets/logos/icon_light.svg b/src/core/server/core_app/assets/logos/icon_light.svg
new file mode 100644
index 000000000000..cc9df8577f88
--- /dev/null
+++ b/src/core/server/core_app/assets/logos/icon_light.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="80.4px" height="80.4px" viewBox="0 0 80.4 80.4" style="enable-background:new 0 0 80.4 80.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#007AFF;}
+</style>
+<g>
+	<polygon points="46.4,48.2 36.9,17.2 29.4,17.2 19.8,48.2 10.4,17.2 1.8,17.2 15.5,62.3 22.6,62.3 33.1,29.7 43.6,62.3 50.7,62.3 
+		64.4,17.2 55.8,17.2 	"/>
+	<circle class="st0" cx="71.6" cy="56.1" r="7.1"/>
+</g>
+</svg>
diff --git a/src/core/tsconfig.json b/src/core/tsconfig.json
index 3281d2f19cfe..fedd701d7e3c 100644
--- a/src/core/tsconfig.json
+++ b/src/core/tsconfig.json
@@ -5,7 +5,8 @@
     "outDir": "./target/types",
     "emitDeclarationOnly": true,
     "declaration": true,
-    "declarationMap": true
+    "declarationMap": true,
+    "rootDir": "../../"
   },
   "include": [
     "public/**/*",
@@ -15,9 +16,8 @@
     "test_helpers/**/*",
     "utils/**/*",
     "index.ts",
-    "typings.ts"
+    "typings.ts",
+    "../../package.json"
   ],
-  "references": [
-    { "path": "../test_utils/" }
-  ]
+  "references": [{ "path": "../test_utils/" }]
 }