Append serverless project ID to Support URL

x-pack/plugins/cloud/public/plugin.test.ts

@@ -197,8 +197,10 @@ describe('Cloud Plugin', () => {
       return { coreSetup, plugin };
     };
 
-    it('registers help support URL', async () => {
-      const { plugin } = startPlugin();
+    it('registers help support URL: default', async () => {
+      const { plugin } = startPlugin({
+        id: undefined,
+      });
 
       const coreStart = coreMock.createStart();
       plugin.start(coreStart);
@@ -211,6 +213,41 @@ describe('Cloud Plugin', () => {
       `);
     });
 
+    it('registers help support URL: serverless projects', async () => {
+      const { plugin } = startPlugin({
+        id: 'my-awesome-project-id',
+        serverless: {
+          project_id: 'my-awesome-serverless-project-id',
+        },
+      });
+
+      const coreStart = coreMock.createStart();
+      plugin.start(coreStart);
+
+      expect(coreStart.chrome.setHelpSupportUrl).toHaveBeenCalledTimes(1);
+      expect(coreStart.chrome.setHelpSupportUrl.mock.calls[0]).toMatchInlineSnapshot(`
+        Array [
+          "https://support.elastic.co/?serverless_project_id=my-awesome-serverless-project-id",
+        ]
+      `);
+    });
+
+    it('registers help support URL: non-serverless projects', async () => {
+      const { plugin } = startPlugin({
+        id: 'my-awesome-project-id',
+      });
+
+      const coreStart = coreMock.createStart();
+      plugin.start(coreStart);
+
+      expect(coreStart.chrome.setHelpSupportUrl).toHaveBeenCalledTimes(1);
+      expect(coreStart.chrome.setHelpSupportUrl.mock.calls[0]).toMatchInlineSnapshot(`
+        Array [
+          "https://support.elastic.co/?cloud_deployment_id=my-awesome-project-id",
+        ]
+      `);
+    });
+
     describe('isServerlessEnabled', () => {
       it('is `true` when `serverless.projectId` is set', () => {
         const { plugin } = startPlugin({

x-pack/plugins/cloud/public/plugin.tsx

@@ -103,7 +103,15 @@ export class CloudPlugin implements Plugin<CloudSetup> {
   }
 
   public start(coreStart: CoreStart): CloudStart {
-    coreStart.chrome.setHelpSupportUrl(ELASTIC_SUPPORT_LINK);
+    let supportUrl = ELASTIC_SUPPORT_LINK;
+    if (this.config.serverless?.project_id) {
+      // serverless projects use config.id and config.serverless.project_id
+      supportUrl += '?serverless_project_id=' + this.config.serverless.project_id;
+    } else if (this.config.id) {
+      // non-serverless Cloud projects only use config.id
+      supportUrl += '?cloud_deployment_id=' + this.config.id;
+    }
+    coreStart.chrome.setHelpSupportUrl(supportUrl);
 
     // Nest all the registered context providers under the Cloud Services Provider.
     // This way, plugins only need to require Cloud's context provider to have all the enriched Cloud services.