diff --git a/test/components/__snapshots__/index.test.js.snap b/test/components/__snapshots__/index.test.js.snap
index 4b5c0e268..815650dd7 100644
--- a/test/components/__snapshots__/index.test.js.snap
+++ b/test/components/__snapshots__/index.test.js.snap
@@ -14,7 +14,7 @@ exports[`Index component should render AsyncAPI v2 document 1`] = `
     </head>
   
     <body>
-      <div id=\\"root\\"><section class=\\"aui-root\\"><div class=\\"container:xl relative md:flex bg-white leading-normal\\"><div class=\\"burger-menu rounded-full h-16 w-16 bg-white fixed bottom-16 right-8 flex items-center justify-center z-30 cursor-pointer shadow-md bg-teal-500\\" data-lol=\\"false\\"><svg viewBox=\\"0 0 100 70\\" width=\\"40\\" height=\\"30\\" class=\\"fill-current text-gray-200\\"><rect width=\\"100\\" height=\\"10\\"></rect><rect y=\\"30\\" width=\\"100\\" height=\\"10\\"></rect><rect y=\\"60\\" width=\\"100\\" height=\\"10\\"></rect></svg></div><div class=\\"hidden sidebar relative w-64 max-h-screen h-full bg-gray-200 shadow z-20\\"><div class=\\" block fixed max-h-screen h-full font-sans px-4 pt-8 pb-16 overflow-y-auto bg-gray-200\\"><div class=\\"sidebar--content\\"><div><h1 class=\\"text-2xl font-light\\">Streetlights API<!-- --> <!-- -->1.0.0</h1></div><ul class=\\"text-sm mt-10 relative\\"><li class=\\"mb-3\\"><a class=\\"text-gray-700 no-underline hover:text-gray-900\\" href=\\"#introduction\\">Introduction</a></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#servers\\">Servers</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#server-production\\"><span class=\\"break-all inline-block\\">production</span></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#operations\\">Operations</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-subscribe-smartylighting/streetlights/1/0/event/{streetlightId}/lighting/measured\\"><span class=\\"bg-green-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"Subscribe\\">SUB</span><span class=\\"break-all inline-block\\">Inform about environmental lighting conditions of a particular streetlight.</span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-publish-smartylighting/streetlights/1/0/action/{streetlightId}/turn/on\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"Publish\\">PUB</span><span class=\\"break-all inline-block\\"></span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-publish-smartylighting/streetlights/1/0/action/{streetlightId}/turn/off\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"Publish\\">PUB</span><span class=\\"break-all inline-block\\"></span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-publish-smartylighting/streetlights/1/0/action/{streetlightId}/dim\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"Publish\\">PUB</span><span class=\\"break-all inline-block\\"></span></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#messages\\">Messages</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-lightMeasured\\"><div class=\\"break-all inline-block\\">lightMeasured</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-turnOnOff\\"><div class=\\"break-all inline-block\\">turnOnOff</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-dimLight\\"><div class=\\"break-all inline-block\\">dimLight</div></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#schemas\\">Schemas</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-lightMeasuredPayload\\"><div class=\\"break-all inline-block\\">lightMeasuredPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-turnOnOffPayload\\"><div class=\\"break-all inline-block\\">turnOnOffPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-dimLightPayload\\"><div class=\\"break-all inline-block\\">dimLightPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-sentAt\\"><div class=\\"break-all inline-block\\">sentAt</div></a></li></ul></li></ul></div></div></div><div class=\\"panel--center relative py-8 flex-1\\"><div class=\\"relative z-10\\"><div class=\\"panel-item\\"><div class=\\"panel-item--center px-8 text-left\\" id=\\"introduction\\"><div class=\\"text-4xl\\">Streetlights API<!-- --> <!-- -->1.0.0</div><ul class=\\"flex flex-wrap mt-2 leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"https://www.apache.org/licenses/LICENSE-2.0\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>Apache 2.0</span></a></li><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"https://www.iana.org/assignments/media-types/application/json\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>application/json</span></a></li></ul><div class=\\"mt-4\\"><div class=\\"prose max-w-none text-sm\\"><p>The Smartylighting Streetlights API allows you to remotely manage the city lights.</p>
+      <div id=\\"root\\"><section class=\\"aui-root\\"><div class=\\"container:xl relative md:flex bg-white leading-normal\\"><div class=\\"burger-menu rounded-full h-16 w-16 bg-white fixed bottom-16 right-8 flex items-center justify-center z-30 cursor-pointer shadow-md bg-teal-500\\" data-lol=\\"false\\"><svg viewBox=\\"0 0 100 70\\" width=\\"40\\" height=\\"30\\" class=\\"fill-current text-gray-200\\"><rect width=\\"100\\" height=\\"10\\"></rect><rect y=\\"30\\" width=\\"100\\" height=\\"10\\"></rect><rect y=\\"60\\" width=\\"100\\" height=\\"10\\"></rect></svg></div><div class=\\"hidden sidebar relative w-64 max-h-screen h-full bg-gray-200 shadow z-20\\"><div class=\\" block fixed max-h-screen h-full font-sans px-4 pt-8 pb-16 overflow-y-auto bg-gray-200\\"><div class=\\"sidebar--content\\"><div><h1 class=\\"text-2xl font-light\\">Streetlights API<!-- --> <!-- -->1.0.0</h1></div><ul class=\\"text-sm mt-10 relative\\"><li class=\\"mb-3\\"><a class=\\"text-gray-700 no-underline hover:text-gray-900\\" href=\\"#introduction\\">Introduction</a></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#servers\\">Servers</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#server-production\\"><span class=\\"break-all inline-block\\">production</span></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#operations\\">Operations</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-receive-receiveLightMeasurement\\"><span class=\\"bg-green-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"RECEIVE\\">RECEIVE</span><span class=\\"break-all inline-block\\">receiveLightMeasurement</span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-send-turnOn\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"SEND\\">SEND</span><span class=\\"break-all inline-block\\">turnOn</span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-send-turnOff\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"SEND\\">SEND</span><span class=\\"break-all inline-block\\">turnOff</span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-send-dimLight\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"SEND\\">SEND</span><span class=\\"break-all inline-block\\">dimLight</span></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#messages\\">Messages</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-lightMeasured\\"><div class=\\"break-all inline-block\\">lightMeasured</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-turnOnOff\\"><div class=\\"break-all inline-block\\">turnOnOff</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-dimLight\\"><div class=\\"break-all inline-block\\">dimLight</div></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#schemas\\">Schemas</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-lightMeasuredPayload\\"><div class=\\"break-all inline-block\\">lightMeasuredPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-turnOnOffPayload\\"><div class=\\"break-all inline-block\\">turnOnOffPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-dimLightPayload\\"><div class=\\"break-all inline-block\\">dimLightPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-sentAt\\"><div class=\\"break-all inline-block\\">sentAt</div></a></li></ul></li></ul></div></div></div><div class=\\"panel--center relative py-8 flex-1\\"><div class=\\"relative z-10\\"><div class=\\"panel-item\\"><div class=\\"panel-item--center px-8 text-left\\" id=\\"introduction\\"><div class=\\"text-4xl\\">Streetlights API<!-- --> <!-- -->1.0.0</div><ul class=\\"flex flex-wrap mt-2 leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"https://www.apache.org/licenses/LICENSE-2.0\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>Apache 2.0</span></a></li><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"https://www.iana.org/assignments/media-types/application/json\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>application/json</span></a></li></ul><div class=\\"mt-4\\"><div class=\\"prose max-w-none text-sm\\"><p>The Smartylighting Streetlights API allows you to remotely manage the city lights.</p>
 <h3 id=\\"check-out-its-awesome-features\\">Check out its awesome features:</h3>
 <ul>
 <li>Turn a specific streetlight on/off 🌃</li>
@@ -26,7 +26,7 @@ exports[`Index component should render AsyncAPI v2 document 1`] = `
 </div></div><div class=\\"text-xs\\">Default value:<span class=\\"border inline-block text-orange-600 rounded ml-1 py-0 px-2\\">&quot;1883&quot;</span></div><ul class=\\"text-xs\\">Allowed values:<!-- --> <li class=\\"border inline-block text-orange-600 rounded ml-1 py-0 px-2\\"><span>&quot;1883&quot;</span></li><li class=\\"border inline-block text-orange-600 rounded ml-1 py-0 px-2\\"><span>&quot;8883&quot;</span></li></ul></div></div></div></div></div></div></div><div id=\\"server-production-security\\"><div class=\\"text-sm mt-4\\"><h5 class=\\"text-gray-800\\">Security<!-- -->:</h5><ul><li class=\\"mt-2\\"><div><div><span>API key<ul class=\\"inline-block ml-2\\"><li class=\\"inline-block font-bold no-underline bg-blue-400 text-white text-xs uppercase rounded px-2 py-0 ml-1\\"><span>In: <!-- -->user</span></li></ul></span></div><div><div class=\\"prose max-w-none text-sm\\"><p>Provide your API key as the user and leave the password empty.</p>
 </div></div></div></li><li class=\\"mt-2\\"><div><div><span>API key<ul class=\\"inline-block ml-2\\"><li class=\\"inline-block font-bold no-underline bg-blue-400 text-white text-xs uppercase rounded px-2 py-0 ml-1\\"><span>In: <!-- -->user</span></li></ul></span></div><div><div class=\\"prose max-w-none text-sm\\"><p>Provide your API key as the user and leave the password empty.</p>
 </div></div></div></li><li class=\\"mt-2\\"><div><div><span>API key<ul class=\\"inline-block ml-2\\"><li class=\\"inline-block font-bold no-underline bg-blue-400 text-white text-xs uppercase rounded px-2 py-0 ml-1\\"><span>In: <!-- -->user</span></li></ul></span></div><div><div class=\\"prose max-w-none text-sm\\"><p>Provide your API key as the user and leave the password empty.</p>
-</div></div></div></li></ul></div></div><div class=\\"mt-2\\"></div></div></div><div class=\\"panel-item--right\\"></div></div></li></ul></section><section id=\\"operations\\" class=\\"mt-16\\"><h2 class=\\"2xl:w-7/12 text-3xl font-light mb-4 px-8\\">Operations</h2><ul><li class=\\"mb-12\\" id=\\"operation-receive-receiveLightMeasurement\\"><div><div class=\\"panel-item--center px-8\\"><div class=\\"mb-4\\"><h3><span class=\\"font-mono border uppercase p-1 rounded mr-2 border-green-600 text-green-600\\" title=\\"receive\\">PUB</span> <span class=\\"font-mono text-base\\">smartylighting/streetlights/1/0/event/{streetlightId}/lighting/measured</span></h3></div><div class=\\"mt-2\\"><div class=\\"prose max-w-none text-sm\\"><p>The topic on which measured values may be produced and consumed.</p>
+</div></div></div></li></ul></div></div><div class=\\"mt-2\\"></div></div></div><div class=\\"panel-item--right\\"></div></div></li></ul></section><section id=\\"operations\\" class=\\"mt-16\\"><h2 class=\\"2xl:w-7/12 text-3xl font-light mb-4 px-8\\">Operations</h2><ul><li class=\\"mb-12\\" id=\\"operation-receive-receiveLightMeasurement\\"><div><div class=\\"panel-item--center px-8\\"><div class=\\"mb-4\\"><h3><span class=\\"font-mono border uppercase p-1 rounded mr-2 border-green-600 text-green-600\\" title=\\"receive\\">RECEIVE</span> <span class=\\"font-mono text-base\\">smartylighting/streetlights/1/0/event/{streetlightId}/lighting/measured</span></h3></div><div class=\\"mt-2\\"><div class=\\"prose max-w-none text-sm\\"><p>The topic on which measured values may be produced and consumed.</p>
 </div></div><p class=\\"text-gray-600 text-sm mt-2\\">Inform about environmental lighting conditions of a particular streetlight.</p><div class=\\"border bg-gray-100 rounded px-4 py-2 mt-2\\"><div class=\\"text-sm text-gray-700\\">Operation ID<span class=\\"border text-orange-600 rounded text-xs ml-2 py-0 px-2\\">receiveLightMeasurement</span></div></div><div class=\\"mt-2 text-sm\\"><p>Available only on servers:</p><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"#server-production\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer\\"><span class=\\"underline\\">production</span></a></li></ul></div><div class=\\"mt-2\\" id=\\"operation-receive-smartylighting/streetlights/1/0/event/{streetlightId}/lighting/measured-parameters\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Parameters</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear -rotate-90 \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  block\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">streetlightId</span><div class=\\"text-red-600 text-xs\\">required</div></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"></div><div><div class=\\"prose max-w-none text-sm\\"><p>The ID of the streetlight.</p>
 </div></div></div></div></div></div></div></div></div><div class=\\"mt-2\\" id=\\"operation-receive-smartylighting/streetlights/1/0/event/{streetlightId}/lighting/measured-security\\"></div><div class=\\"mt-2\\"></div><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\" mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><div class=\\"inline-block text-sm\\"><span>Operation specific information</span><span class=\\"bg-teal-500 font-bold no-underline text-white uppercase rounded mx-2 px-2 py-1 text-xs\\">kafka</span></div></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">clientId</span></div><div><div class=\\"text-sm\\">my-app-id</div></div></div></div></div></div></div><div class=\\"mt-2\\"><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><div title=\\"\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1\\"><span class=\\"\\">#One</span></div></li></ul></div></div><div class=\\"w-full mt-4\\" id=\\"operation-receive-smartylighting/streetlights/1/0/event/{streetlightId}/lighting/measured-message\\"><div class=\\"mt-2\\"><p class=\\"px-8\\">Accepts the following message:</p><div class=\\"mt-2\\"><div class=\\"panel-item\\"><div class=\\"panel-item--center px-8\\"><div class=\\"shadow rounded bg-gray-200 p-4 border\\"><div><span class=\\"text-gray-700 mr-2\\">Light measured</span><span class=\\"border text-orange-600 rounded text-xs py-0 px-2\\"></span></div><p class=\\"text-gray-600 text-sm\\">Inform about environmental lighting conditions of a particular streetlight.</p><ul class=\\"leading-normal mt-2 mb-4 space-x-2 space-y-2\\"><li class=\\"inline-block\\"><a href=\\"https://www.iana.org/assignments/media-types/application/json\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>application/json</span></a></li></ul><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Payload</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">lumens</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">integer</div><div class=\\"inline-block\\"><span class=\\"bg-purple-600 font-bold no-underline text-white rounded lowercase mr-2 p-1 text-xs\\">&gt;= 0</span></div><div><div class=\\"prose max-w-none text-sm\\"><p>Light intensity measured in lumens.</p>
 </div></div></div></div></div></div><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">sentAt</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"><span class=\\"bg-yellow-600 font-bold no-underline text-white rounded lowercase mr-2 p-1 text-xs\\">format: <!-- -->date-time</span></div><div><div class=\\"prose max-w-none text-sm\\"><p>Date and time when the message was sent.</p>
@@ -39,7 +39,7 @@ exports[`Index component should render AsyncAPI v2 document 1`] = `
   <span class=\\"hljs-attr\\">\\"my-app-header\\"</span>: <span class=\\"hljs-number\\">100</span>
 }
 </code></pre>
-</div><h6 class=\\"text-xs font-bold text-gray-600 italic mt-2\\">This example has been generated automatically.</h6></div></div></div></div></div></div></div></div></div></div></li><li class=\\"mb-12\\" id=\\"operation-send-turnOn\\"><div><div class=\\"panel-item--center px-8\\"><div class=\\"mb-4\\"><h3><span class=\\"font-mono border uppercase p-1 rounded mr-2 border-blue-600 text-blue-500\\" title=\\"send\\">SUB</span> <span class=\\"font-mono text-base\\">smartylighting/streetlights/1/0/action/{streetlightId}/turn/on</span></h3></div><div class=\\"border bg-gray-100 rounded px-4 py-2 mt-2\\"><div class=\\"text-sm text-gray-700\\">Operation ID<span class=\\"border text-orange-600 rounded text-xs ml-2 py-0 px-2\\">turnOn</span></div></div><div class=\\"mt-2 text-sm\\"><p>Available only on servers:</p><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"#server-production\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer\\"><span class=\\"underline\\">production</span></a></li></ul></div><div class=\\"mt-2\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/turn/on-parameters\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Parameters</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear -rotate-90 \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  block\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">streetlightId</span><div class=\\"text-red-600 text-xs\\">required</div></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"></div><div><div class=\\"prose max-w-none text-sm\\"><p>The ID of the streetlight.</p>
+</div><h6 class=\\"text-xs font-bold text-gray-600 italic mt-2\\">This example has been generated automatically.</h6></div></div></div></div></div></div></div></div></div></div></li><li class=\\"mb-12\\" id=\\"operation-send-turnOn\\"><div><div class=\\"panel-item--center px-8\\"><div class=\\"mb-4\\"><h3><span class=\\"font-mono border uppercase p-1 rounded mr-2 border-blue-600 text-blue-500\\" title=\\"send\\">SEND</span> <span class=\\"font-mono text-base\\">smartylighting/streetlights/1/0/action/{streetlightId}/turn/on</span></h3></div><div class=\\"border bg-gray-100 rounded px-4 py-2 mt-2\\"><div class=\\"text-sm text-gray-700\\">Operation ID<span class=\\"border text-orange-600 rounded text-xs ml-2 py-0 px-2\\">turnOn</span></div></div><div class=\\"mt-2 text-sm\\"><p>Available only on servers:</p><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"#server-production\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer\\"><span class=\\"underline\\">production</span></a></li></ul></div><div class=\\"mt-2\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/turn/on-parameters\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Parameters</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear -rotate-90 \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  block\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">streetlightId</span><div class=\\"text-red-600 text-xs\\">required</div></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"></div><div><div class=\\"prose max-w-none text-sm\\"><p>The ID of the streetlight.</p>
 </div></div></div></div></div></div></div></div></div><div class=\\"mt-2\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/turn/on-security\\"></div><div class=\\"mt-2\\"></div><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\" mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><div class=\\"inline-block text-sm\\"><span>Operation specific information</span><span class=\\"bg-teal-500 font-bold no-underline text-white uppercase rounded mx-2 px-2 py-1 text-xs\\">kafka</span></div></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">clientId</span></div><div><div class=\\"text-sm\\">my-app-id</div></div></div></div></div></div></div><div class=\\"mt-2\\"><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><div title=\\"\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1\\"><span class=\\"\\">#Two</span></div></li></ul></div></div><div class=\\"w-full mt-4\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/turn/on-message\\"><div class=\\"mt-2\\"><p class=\\"px-8\\">Accepts the following message:</p><div class=\\"mt-2\\"><div class=\\"panel-item\\"><div class=\\"panel-item--center px-8\\"><div class=\\"shadow rounded bg-gray-200 p-4 border\\"><div><span class=\\"text-gray-700 mr-2\\">Turn on/off</span><span class=\\"border text-orange-600 rounded text-xs py-0 px-2\\"></span></div><p class=\\"text-gray-600 text-sm\\">Command a particular streetlight to turn the lights on or off.</p><ul class=\\"leading-normal mt-2 mb-4 space-x-2 space-y-2\\"><li class=\\"inline-block\\"><a href=\\"https://www.iana.org/assignments/media-types/application/json\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>application/json</span></a></li></ul><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Payload</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">command</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"></div><div><div class=\\"prose max-w-none text-sm\\"><p>Whether to turn on or off the light.</p>
 </div></div><ul class=\\"text-xs\\">Allowed values:<!-- --> <li class=\\"border inline-block text-orange-600 rounded ml-1 py-0 px-2\\"><span>&quot;on&quot;</span></li><li class=\\"border inline-block text-orange-600 rounded ml-1 py-0 px-2\\"><span>&quot;off&quot;</span></li></ul></div></div></div></div><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">sentAt</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"><span class=\\"bg-yellow-600 font-bold no-underline text-white rounded lowercase mr-2 p-1 text-xs\\">format: <!-- -->date-time</span></div><div><div class=\\"prose max-w-none text-sm\\"><p>Date and time when the message was sent.</p>
 </div></div></div></div></div></div><p class=\\"mt-2 text-xs text-gray-700\\">Additional properties are allowed.</p></div></div></div><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Headers</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">my-app-header</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">integer</div><div class=\\"inline-block\\"><span class=\\"bg-purple-600 font-bold no-underline text-white rounded lowercase mr-2 p-1 text-xs\\">[ 0 .. 100 ]</span></div></div></div></div></div><p class=\\"mt-2 text-xs text-gray-700\\">Additional properties are allowed.</p></div></div></div></div></div><div class=\\"panel-item--right px-8\\"><div class=\\"bg-gray-800 px-8 py-4 mt-4 -mx-8 2xl:mx-0 2xl:px-4 2xl:rounded examples\\"><h4 class=\\"text-white text-lg\\">Examples</h4><div class=\\"mt-4\\"><div><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"inline-block w-20 py-0.5 mr-1 text-gray-200 text-sm border text-center rounded focus:outline-none\\">Payload</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  fill-current text-gray-200\\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button></div><div class=\\"hidden\\"><div class=\\"mt-4\\"><div class=\\"prose max-w-none text-sm\\"><pre><code class=\\"hljs language-json\\">{
@@ -51,7 +51,7 @@ exports[`Index component should render AsyncAPI v2 document 1`] = `
   <span class=\\"hljs-attr\\">\\"my-app-header\\"</span>: <span class=\\"hljs-number\\">100</span>
 }
 </code></pre>
-</div><h6 class=\\"text-xs font-bold text-gray-600 italic mt-2\\">This example has been generated automatically.</h6></div></div></div></div></div></div></div></div></div></div></li><li class=\\"mb-12\\" id=\\"operation-send-turnOff\\"><div><div class=\\"panel-item--center px-8\\"><div class=\\"mb-4\\"><h3><span class=\\"font-mono border uppercase p-1 rounded mr-2 border-blue-600 text-blue-500\\" title=\\"send\\">SUB</span> <span class=\\"font-mono text-base\\">smartylighting/streetlights/1/0/action/{streetlightId}/turn/off</span></h3></div><div class=\\"border bg-gray-100 rounded px-4 py-2 mt-2\\"><div class=\\"text-sm text-gray-700\\">Operation ID<span class=\\"border text-orange-600 rounded text-xs ml-2 py-0 px-2\\">turnOff</span></div></div><div class=\\"mt-2 text-sm\\"><p>Available only on servers:</p><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"#server-production\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer\\"><span class=\\"underline\\">production</span></a></li></ul></div><div class=\\"mt-2\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/turn/off-parameters\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Parameters</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear -rotate-90 \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  block\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">streetlightId</span><div class=\\"text-red-600 text-xs\\">required</div></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"></div><div><div class=\\"prose max-w-none text-sm\\"><p>The ID of the streetlight.</p>
+</div><h6 class=\\"text-xs font-bold text-gray-600 italic mt-2\\">This example has been generated automatically.</h6></div></div></div></div></div></div></div></div></div></div></li><li class=\\"mb-12\\" id=\\"operation-send-turnOff\\"><div><div class=\\"panel-item--center px-8\\"><div class=\\"mb-4\\"><h3><span class=\\"font-mono border uppercase p-1 rounded mr-2 border-blue-600 text-blue-500\\" title=\\"send\\">SEND</span> <span class=\\"font-mono text-base\\">smartylighting/streetlights/1/0/action/{streetlightId}/turn/off</span></h3></div><div class=\\"border bg-gray-100 rounded px-4 py-2 mt-2\\"><div class=\\"text-sm text-gray-700\\">Operation ID<span class=\\"border text-orange-600 rounded text-xs ml-2 py-0 px-2\\">turnOff</span></div></div><div class=\\"mt-2 text-sm\\"><p>Available only on servers:</p><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"#server-production\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer\\"><span class=\\"underline\\">production</span></a></li></ul></div><div class=\\"mt-2\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/turn/off-parameters\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Parameters</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear -rotate-90 \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  block\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">streetlightId</span><div class=\\"text-red-600 text-xs\\">required</div></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"></div><div><div class=\\"prose max-w-none text-sm\\"><p>The ID of the streetlight.</p>
 </div></div></div></div></div></div></div></div></div><div class=\\"mt-2\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/turn/off-security\\"></div><div class=\\"mt-2\\"></div><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\" mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><div class=\\"inline-block text-sm\\"><span>Operation specific information</span><span class=\\"bg-teal-500 font-bold no-underline text-white uppercase rounded mx-2 px-2 py-1 text-xs\\">kafka</span></div></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">clientId</span></div><div><div class=\\"text-sm\\">my-app-id</div></div></div></div></div></div></div><div class=\\"mt-2\\"><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><div title=\\"\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1\\"><span class=\\"\\">#One</span></div></li></ul></div></div><div class=\\"w-full mt-4\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/turn/off-message\\"><div class=\\"mt-2\\"><p class=\\"px-8\\">Accepts the following message:</p><div class=\\"mt-2\\"><div class=\\"panel-item\\"><div class=\\"panel-item--center px-8\\"><div class=\\"shadow rounded bg-gray-200 p-4 border\\"><div><span class=\\"text-gray-700 mr-2\\">Turn on/off</span><span class=\\"border text-orange-600 rounded text-xs py-0 px-2\\"></span></div><p class=\\"text-gray-600 text-sm\\">Command a particular streetlight to turn the lights on or off.</p><ul class=\\"leading-normal mt-2 mb-4 space-x-2 space-y-2\\"><li class=\\"inline-block\\"><a href=\\"https://www.iana.org/assignments/media-types/application/json\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>application/json</span></a></li></ul><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Payload</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">command</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"></div><div><div class=\\"prose max-w-none text-sm\\"><p>Whether to turn on or off the light.</p>
 </div></div><ul class=\\"text-xs\\">Allowed values:<!-- --> <li class=\\"border inline-block text-orange-600 rounded ml-1 py-0 px-2\\"><span>&quot;on&quot;</span></li><li class=\\"border inline-block text-orange-600 rounded ml-1 py-0 px-2\\"><span>&quot;off&quot;</span></li></ul></div></div></div></div><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">sentAt</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"><span class=\\"bg-yellow-600 font-bold no-underline text-white rounded lowercase mr-2 p-1 text-xs\\">format: <!-- -->date-time</span></div><div><div class=\\"prose max-w-none text-sm\\"><p>Date and time when the message was sent.</p>
 </div></div></div></div></div></div><p class=\\"mt-2 text-xs text-gray-700\\">Additional properties are allowed.</p></div></div></div><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Headers</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">my-app-header</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">integer</div><div class=\\"inline-block\\"><span class=\\"bg-purple-600 font-bold no-underline text-white rounded lowercase mr-2 p-1 text-xs\\">[ 0 .. 100 ]</span></div></div></div></div></div><p class=\\"mt-2 text-xs text-gray-700\\">Additional properties are allowed.</p></div></div></div></div></div><div class=\\"panel-item--right px-8\\"><div class=\\"bg-gray-800 px-8 py-4 mt-4 -mx-8 2xl:mx-0 2xl:px-4 2xl:rounded examples\\"><h4 class=\\"text-white text-lg\\">Examples</h4><div class=\\"mt-4\\"><div><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"inline-block w-20 py-0.5 mr-1 text-gray-200 text-sm border text-center rounded focus:outline-none\\">Payload</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  fill-current text-gray-200\\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button></div><div class=\\"hidden\\"><div class=\\"mt-4\\"><div class=\\"prose max-w-none text-sm\\"><pre><code class=\\"hljs language-json\\">{
@@ -63,7 +63,7 @@ exports[`Index component should render AsyncAPI v2 document 1`] = `
   <span class=\\"hljs-attr\\">\\"my-app-header\\"</span>: <span class=\\"hljs-number\\">100</span>
 }
 </code></pre>
-</div><h6 class=\\"text-xs font-bold text-gray-600 italic mt-2\\">This example has been generated automatically.</h6></div></div></div></div></div></div></div></div></div></div></li><li class=\\"mb-12\\" id=\\"operation-send-dimLight\\"><div><div class=\\"panel-item--center px-8\\"><div class=\\"mb-4\\"><h3><span class=\\"font-mono border uppercase p-1 rounded mr-2 border-blue-600 text-blue-500\\" title=\\"send\\">SUB</span> <span class=\\"font-mono text-base\\">smartylighting/streetlights/1/0/action/{streetlightId}/dim</span></h3></div><div class=\\"border bg-gray-100 rounded px-4 py-2 mt-2\\"><div class=\\"text-sm text-gray-700\\">Operation ID<span class=\\"border text-orange-600 rounded text-xs ml-2 py-0 px-2\\">dimLight</span></div></div><div class=\\"mt-2 text-sm\\"><p>Available only on servers:</p><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"#server-production\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer\\"><span class=\\"underline\\">production</span></a></li></ul></div><div class=\\"mt-2\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/dim-parameters\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Parameters</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear -rotate-90 \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  block\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">streetlightId</span><div class=\\"text-red-600 text-xs\\">required</div></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"></div><div><div class=\\"prose max-w-none text-sm\\"><p>The ID of the streetlight.</p>
+</div><h6 class=\\"text-xs font-bold text-gray-600 italic mt-2\\">This example has been generated automatically.</h6></div></div></div></div></div></div></div></div></div></div></li><li class=\\"mb-12\\" id=\\"operation-send-dimLight\\"><div><div class=\\"panel-item--center px-8\\"><div class=\\"mb-4\\"><h3><span class=\\"font-mono border uppercase p-1 rounded mr-2 border-blue-600 text-blue-500\\" title=\\"send\\">SEND</span> <span class=\\"font-mono text-base\\">smartylighting/streetlights/1/0/action/{streetlightId}/dim</span></h3></div><div class=\\"border bg-gray-100 rounded px-4 py-2 mt-2\\"><div class=\\"text-sm text-gray-700\\">Operation ID<span class=\\"border text-orange-600 rounded text-xs ml-2 py-0 px-2\\">dimLight</span></div></div><div class=\\"mt-2 text-sm\\"><p>Available only on servers:</p><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"#server-production\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer\\"><span class=\\"underline\\">production</span></a></li></ul></div><div class=\\"mt-2\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/dim-parameters\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Parameters</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear -rotate-90 \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  block\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">streetlightId</span><div class=\\"text-red-600 text-xs\\">required</div></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"></div><div><div class=\\"prose max-w-none text-sm\\"><p>The ID of the streetlight.</p>
 </div></div></div></div></div></div></div></div></div><div class=\\"mt-2\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/dim-security\\"></div><div class=\\"mt-2\\"></div><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\" mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><div class=\\"inline-block text-sm\\"><span>Operation specific information</span><span class=\\"bg-teal-500 font-bold no-underline text-white uppercase rounded mx-2 px-2 py-1 text-xs\\">kafka</span></div></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">clientId</span></div><div><div class=\\"text-sm\\">my-app-id</div></div></div></div></div></div></div><div class=\\"mt-2\\"><ul class=\\"flex flex-wrap leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><div title=\\"\\" class=\\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1\\"><span class=\\"\\">#Two</span></div></li></ul></div></div><div class=\\"w-full mt-4\\" id=\\"operation-send-smartylighting/streetlights/1/0/action/{streetlightId}/dim-message\\"><div class=\\"mt-2\\"><p class=\\"px-8\\">Accepts the following message:</p><div class=\\"mt-2\\"><div class=\\"panel-item\\"><div class=\\"panel-item--center px-8\\"><div class=\\"shadow rounded bg-gray-200 p-4 border\\"><div><span class=\\"text-gray-700 mr-2\\">Dim light</span><span class=\\"border text-orange-600 rounded text-xs py-0 px-2\\"></span></div><p class=\\"text-gray-600 text-sm\\">Command a particular streetlight to dim the lights.</p><ul class=\\"leading-normal mt-2 mb-4 space-x-2 space-y-2\\"><li class=\\"inline-block\\"><a href=\\"https://www.iana.org/assignments/media-types/application/json\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>application/json</span></a></li></ul><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Payload</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">percentage</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">integer</div><div class=\\"inline-block\\"><span class=\\"bg-purple-600 font-bold no-underline text-white rounded lowercase mr-2 p-1 text-xs\\">[ 0 .. 100 ]</span></div><div><div class=\\"prose max-w-none text-sm\\"><p>Percentage to which the light should be dimmed to.</p>
 </div></div></div></div></div></div><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">sentAt</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">string</div><div class=\\"inline-block\\"><span class=\\"bg-yellow-600 font-bold no-underline text-white rounded lowercase mr-2 p-1 text-xs\\">format: <!-- -->date-time</span></div><div><div class=\\"prose max-w-none text-sm\\"><p>Date and time when the message was sent.</p>
 </div></div></div></div></div></div><p class=\\"mt-2 text-xs text-gray-700\\">Additional properties are allowed.</p></div></div></div><div class=\\"mt-2\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"break-anywhere text-sm \\">Headers</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  \\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button><button type=\\"button\\" class=\\"ml-1 text-sm text-gray-500\\">Expand all</button></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">object</div><div class=\\"inline-block\\"></div></div></div></div><div class=\\"rounded p-4 py-2 border bg-gray-100  hidden\\"><div><div class=\\"flex py-2\\"><div class=\\"min-w-1/4 mr-2\\"><span class=\\"break-anywhere text-sm italic\\">my-app-header</span></div><div><div><div class=\\"capitalize text-sm text-teal-500 font-bold inline-block mr-2\\">integer</div><div class=\\"inline-block\\"><span class=\\"bg-purple-600 font-bold no-underline text-white rounded lowercase mr-2 p-1 text-xs\\">[ 0 .. 100 ]</span></div></div></div></div></div><p class=\\"mt-2 text-xs text-gray-700\\">Additional properties are allowed.</p></div></div></div></div></div><div class=\\"panel-item--right px-8\\"><div class=\\"bg-gray-800 px-8 py-4 mt-4 -mx-8 2xl:mx-0 2xl:px-4 2xl:rounded examples\\"><h4 class=\\"text-white text-lg\\">Examples</h4><div class=\\"mt-4\\"><div><button class=\\"focus:outline-none undefined\\" type=\\"button\\"><div class=\\"inline-block\\"><span class=\\"inline-block w-20 py-0.5 mr-1 text-gray-200 text-sm border text-center rounded focus:outline-none\\">Payload</span></div><svg stroke=\\"currentColor\\" fill=\\"currentColor\\" stroke-width=\\"0\\" viewBox=\\"0 0 20 20\\" height=\\"1em\\" width=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear  fill-current text-gray-200\\"><path fill-rule=\\"evenodd\\" d=\\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\\" clip-rule=\\"evenodd\\"></path></svg></button></div><div class=\\"hidden\\"><div class=\\"mt-4\\"><div class=\\"prose max-w-none text-sm\\"><pre><code class=\\"hljs language-json\\">{
@@ -466,7 +466,7 @@ exports[`Index component should render AsyncAPI v3 document 1`] = `
     </head>
   
     <body>
-      <div id=\\"root\\"><section class=\\"aui-root\\"><div class=\\"container:xl relative md:flex bg-white leading-normal\\"><div class=\\"burger-menu rounded-full h-16 w-16 bg-white fixed bottom-16 right-8 flex items-center justify-center z-30 cursor-pointer shadow-md bg-teal-500\\" data-lol=\\"false\\"><svg viewBox=\\"0 0 100 70\\" width=\\"40\\" height=\\"30\\" class=\\"fill-current text-gray-200\\"><rect width=\\"100\\" height=\\"10\\"></rect><rect y=\\"30\\" width=\\"100\\" height=\\"10\\"></rect><rect y=\\"60\\" width=\\"100\\" height=\\"10\\"></rect></svg></div><div class=\\"hidden sidebar relative w-64 max-h-screen h-full bg-gray-200 shadow z-20\\"><div class=\\" block fixed max-h-screen h-full font-sans px-4 pt-8 pb-16 overflow-y-auto bg-gray-200\\"><div class=\\"sidebar--content\\"><div><h1 class=\\"text-2xl font-light\\">Streetlights API<!-- --> <!-- -->1.0.0</h1></div><ul class=\\"text-sm mt-10 relative\\"><li class=\\"mb-3\\"><a class=\\"text-gray-700 no-underline hover:text-gray-900\\" href=\\"#introduction\\">Introduction</a></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#servers\\">Servers</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#server-production\\"><span class=\\"break-all inline-block\\">production</span></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#operations\\">Operations</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-subscribe-smartylighting/streetlights/1/0/event/{streetlightId}/lighting/measured\\"><span class=\\"bg-green-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"Subscribe\\">SUB</span><span class=\\"break-all inline-block\\">Inform about environmental lighting conditions of a particular streetlight.</span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-publish-smartylighting/streetlights/1/0/action/{streetlightId}/turn/on\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"Publish\\">PUB</span><span class=\\"break-all inline-block\\"></span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-publish-smartylighting/streetlights/1/0/action/{streetlightId}/turn/off\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"Publish\\">PUB</span><span class=\\"break-all inline-block\\"></span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-publish-smartylighting/streetlights/1/0/action/{streetlightId}/dim\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"Publish\\">PUB</span><span class=\\"break-all inline-block\\"></span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-publish-some.channel\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"Publish\\">PUB</span><span class=\\"break-all inline-block\\"></span></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#messages\\">Messages</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-lightMeasured\\"><div class=\\"break-all inline-block\\">lightMeasured</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-turnOnOff\\"><div class=\\"break-all inline-block\\">turnOnOff</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-dimLight\\"><div class=\\"break-all inline-block\\">dimLight</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-Success\\"><div class=\\"break-all inline-block\\">successMessage</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-Failure\\"><div class=\\"break-all inline-block\\">failureMessage</div></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#schemas\\">Schemas</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-lightMeasuredPayload\\"><div class=\\"break-all inline-block\\">lightMeasuredPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-turnOnOffPayload\\"><div class=\\"break-all inline-block\\">turnOnOffPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-dimLightPayload\\"><div class=\\"break-all inline-block\\">dimLightPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-sentAt\\"><div class=\\"break-all inline-block\\">sentAt</div></a></li></ul></li></ul></div></div></div><div class=\\"panel--center relative py-8 flex-1\\"><div class=\\"relative z-10\\"><div class=\\"panel-item\\"><div class=\\"panel-item--center px-8 text-left\\" id=\\"introduction\\"><div class=\\"text-4xl\\">Streetlights API<!-- --> <!-- -->1.0.0</div><ul class=\\"flex flex-wrap mt-2 leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"https://www.apache.org/licenses/LICENSE-2.0\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>Apache 2.0</span></a></li><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"https://www.iana.org/assignments/media-types/application/json\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>application/json</span></a></li></ul><div class=\\"mt-4\\"><div class=\\"prose max-w-none text-sm\\"><p>The Smartylighting Streetlights API allows you to remotely manage the city lights.</p>
+      <div id=\\"root\\"><section class=\\"aui-root\\"><div class=\\"container:xl relative md:flex bg-white leading-normal\\"><div class=\\"burger-menu rounded-full h-16 w-16 bg-white fixed bottom-16 right-8 flex items-center justify-center z-30 cursor-pointer shadow-md bg-teal-500\\" data-lol=\\"false\\"><svg viewBox=\\"0 0 100 70\\" width=\\"40\\" height=\\"30\\" class=\\"fill-current text-gray-200\\"><rect width=\\"100\\" height=\\"10\\"></rect><rect y=\\"30\\" width=\\"100\\" height=\\"10\\"></rect><rect y=\\"60\\" width=\\"100\\" height=\\"10\\"></rect></svg></div><div class=\\"hidden sidebar relative w-64 max-h-screen h-full bg-gray-200 shadow z-20\\"><div class=\\" block fixed max-h-screen h-full font-sans px-4 pt-8 pb-16 overflow-y-auto bg-gray-200\\"><div class=\\"sidebar--content\\"><div><h1 class=\\"text-2xl font-light\\">Streetlights API<!-- --> <!-- -->1.0.0</h1></div><ul class=\\"text-sm mt-10 relative\\"><li class=\\"mb-3\\"><a class=\\"text-gray-700 no-underline hover:text-gray-900\\" href=\\"#introduction\\">Introduction</a></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#servers\\">Servers</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#server-production\\"><span class=\\"break-all inline-block\\">production</span></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#operations\\">Operations</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-receive-receiveLightMeasurement\\"><span class=\\"bg-green-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"RECEIVE\\">RECEIVE</span><span class=\\"break-all inline-block\\">receiveLightMeasurement</span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-send-turnOn\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"SEND\\">SEND</span><span class=\\"break-all inline-block\\">turnOn</span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-send-turnOff\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"SEND\\">SEND</span><span class=\\"break-all inline-block\\">turnOff</span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-send-dimLight\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"SEND\\">SEND</span><span class=\\"break-all inline-block\\">dimLight</span></a></li><li><a class=\\"flex no-underline text-gray-700 mb-2 hover:text-gray-900\\" href=\\"#operation-send-some.channel.subscribe\\"><span class=\\"bg-blue-600 font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs\\" title=\\"SEND\\">SEND</span><span class=\\"break-all inline-block\\">some.channel.subscribe</span></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#messages\\">Messages</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-lightMeasured\\"><div class=\\"break-all inline-block\\">lightMeasured</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-turnOnOff\\"><div class=\\"break-all inline-block\\">turnOnOff</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-dimLight\\"><div class=\\"break-all inline-block\\">dimLight</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-Success\\"><div class=\\"break-all inline-block\\">successMessage</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#message-Failure\\"><div class=\\"break-all inline-block\\">failureMessage</div></a></li></ul></li><li class=\\"mb-3 mt-9\\"><a class=\\"text-xs uppercase text-gray-700 mt-10 mb-4 font-thin hover:text-gray-900\\" href=\\"#schemas\\">Schemas</a><ul class=\\"text-sm mt-2\\"><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-lightMeasuredPayload\\"><div class=\\"break-all inline-block\\">lightMeasuredPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-turnOnOffPayload\\"><div class=\\"break-all inline-block\\">turnOnOffPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-dimLightPayload\\"><div class=\\"break-all inline-block\\">dimLightPayload</div></a></li><li><a class=\\"flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900\\" href=\\"#schema-sentAt\\"><div class=\\"break-all inline-block\\">sentAt</div></a></li></ul></li></ul></div></div></div><div class=\\"panel--center relative py-8 flex-1\\"><div class=\\"relative z-10\\"><div class=\\"panel-item\\"><div class=\\"panel-item--center px-8 text-left\\" id=\\"introduction\\"><div class=\\"text-4xl\\">Streetlights API<!-- --> <!-- -->1.0.0</div><ul class=\\"flex flex-wrap mt-2 leading-normal\\"><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"https://www.apache.org/licenses/LICENSE-2.0\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>Apache 2.0</span></a></li><li class=\\"inline-block mt-2 mr-2\\"><a href=\\"https://www.iana.org/assignments/media-types/application/json\\" class=\\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\\" target=\\"_blank\\" rel=\\"nofollow noopener noreferrer\\"><span>application/json</span></a></li></ul><div class=\\"mt-4\\"><div class=\\"prose max-w-none text-sm\\"><p>The Smartylighting Streetlights API allows you to remotely manage the city lights.</p>
 <h3 id=\\"check-out-its-awesome-features\\">Check out its awesome features:</h3>
 <ul>
 <li>Turn a specific streetlight on/off 🌃</li>
