From 898ea641133541ba7cbdcaa69f0a0f8f99b4555c Mon Sep 17 00:00:00 2001
From: Steven Noorbergen <noorbergen@ccpgames.com>
Date: Wed, 9 Jul 2025 11:00:00 +0200
Subject: [PATCH] feat: render NodeVendorExtensions in the 'overview' page

---
 .../Docs/HttpService/HttpService.spec.tsx         | 15 +++++++++++++++
 .../components/Docs/HttpService/HttpService.tsx   |  3 +++
 2 files changed, 18 insertions(+)

diff --git a/packages/elements-core/src/components/Docs/HttpService/HttpService.spec.tsx b/packages/elements-core/src/components/Docs/HttpService/HttpService.spec.tsx
index ae6c8cd78..85bbe0ff6 100644
--- a/packages/elements-core/src/components/Docs/HttpService/HttpService.spec.tsx
+++ b/packages/elements-core/src/components/Docs/HttpService/HttpService.spec.tsx
@@ -10,6 +10,7 @@ import httpService from '../../../__fixtures__/services/petstore';
 import { httpServiceWithUnnamedServers } from '../../../__fixtures__/services/with-unnamed-servers';
 import { httpServiceWithUrlVariables } from '../../../__fixtures__/services/with-url-variables';
 import { httpServiceWithoutOrigin } from '../../../__fixtures__/services/without-origin';
+import { ElementsOptionsProvider } from '../../../context/Options';
 import { AdditionalInfo } from './AdditionalInfo';
 import { HttpService } from './index';
 import { SecuritySchemes } from './SecuritySchemes';
@@ -426,4 +427,18 @@ describe('useSplitUrl hook', () => {
       { kind: 'static', value: '.stoplight.io{test' },
     ]);
   });
+
+  it('HttpService renders NodeVendorExtensions', () => {
+    const wrapper = render(
+      <Router>
+        <MosaicProvider>
+          <ElementsOptionsProvider renderExtensionAddon={() => <div>Vendor Extensions</div>}>
+            <HttpService data={{ ...httpService, extensions: { ['x-test-extension']: 'test' } }} />
+          </ElementsOptionsProvider>
+        </MosaicProvider>
+      </Router>,
+    );
+
+    expect(wrapper.getByText('Vendor Extensions')).toBeInTheDocument();
+  });
 });
diff --git a/packages/elements-core/src/components/Docs/HttpService/HttpService.tsx b/packages/elements-core/src/components/Docs/HttpService/HttpService.tsx
index 42959e6ff..88acfe1da 100644
--- a/packages/elements-core/src/components/Docs/HttpService/HttpService.tsx
+++ b/packages/elements-core/src/components/Docs/HttpService/HttpService.tsx
@@ -11,6 +11,7 @@ import { MarkdownViewer } from '../../MarkdownViewer';
 import { PoweredByLink } from '../../PoweredByLink';
 import { DocsComponentProps } from '..';
 import { VersionBadge } from '../HttpOperation/Badges';
+import { NodeVendorExtensions } from '../NodeVendorExtensions';
 import { AdditionalInfo } from './AdditionalInfo';
 import { ExportButton } from './ExportButton';
 import { SecuritySchemes } from './SecuritySchemes';
@@ -91,6 +92,8 @@ const HttpServiceComponent = React.memo<HttpServiceProps>(
             <NodeAnnotation change={descriptionChanged} />
           </Box>
         )}
+
+        <NodeVendorExtensions data={data} />
       </Box>
     );
   },