From bba3f8480d803075902e974a2050432e166f38bc Mon Sep 17 00:00:00 2001
From: Sourya07 <singhsourya137@gmail.com>
Date: Mon, 12 Jan 2026 19:17:16 +0530
Subject: [PATCH 1/7] chore: add explicit duplicate detection instructions to
 coderabbit

---
 .coderabbit.yaml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.coderabbit.yaml b/.coderabbit.yaml
index 74b51b881dd3..006196251b44 100644
--- a/.coderabbit.yaml
+++ b/.coderabbit.yaml
@@ -1,6 +1,7 @@
 language: "en-US"
 reviews:
   high_level_summary: true
+  instructions: "Please diligently check for duplicate or similar issues in the repository before analyzing the current issue/PR. If a similar issue exists, please reference it explicitly in your review."
   tools:
     markdownlint:
       enabled: true

From dd9b8d5fa72969d6c93f5b2b1991be1a66d03873 Mon Sep 17 00:00:00 2001
From: Sourya07 <singhsourya137@gmail.com>
Date: Sun, 8 Feb 2026 13:00:29 +0530
Subject: [PATCH 2/7] fix:the specification-exe

---
 components/docs/Visualizer.tsx   |  14 +++-
 components/layout/DocsLayout.tsx |   2 +-
 styles/globals.css               | 138 +++++++++++++++++++++++++------
 3 files changed, 127 insertions(+), 27 deletions(-)

diff --git a/components/docs/Visualizer.tsx b/components/docs/Visualizer.tsx
index 504045117e3e..92b3f1708af0 100644
--- a/components/docs/Visualizer.tsx
+++ b/components/docs/Visualizer.tsx
@@ -1,7 +1,7 @@
 import 'schyma/dist/esm/style.css';
 
 import type { JSONSchema7Object } from 'json-schema';
-import React from 'react';
+import React, { useState } from 'react';
 import Schyma from 'schyma';
 
 import schema from '../../config/3.0.0.json';
@@ -12,8 +12,18 @@ const typeSchema = schema as unknown as JSONSchema7Object;
  * @description This component renders the spec explorer.
  */
 function Visualizer() {
+  const [showMap, setShowMap] = useState(false);
+
   return (
-    <div>
+    <div className={`visualizer-container ${showMap ? 'show-map' : ''}`}>
+      <div className='mobile-toggle px-4'>
+        <button
+          onClick={() => setShowMap(!showMap)}
+          className='bg-primary-500 hover:bg-primary-600 text-white font-bold py-2 px-4 rounded mb-2 mt-4 w-full md:hidden'
+        >
+          {showMap ? 'Hide Visual Map' : 'Show Visual Map'}
+        </button>
+      </div>
       <Schyma
         title='AsyncAPI Specification'
         description="The AsyncAPI Specification defines a set of fields that can be used in an
diff --git a/components/layout/DocsLayout.tsx b/components/layout/DocsLayout.tsx
index c5d00b91c3a1..d54a1b29c5f2 100644
--- a/components/layout/DocsLayout.tsx
+++ b/components/layout/DocsLayout.tsx
@@ -97,7 +97,7 @@ export default function DocsLayout({ post, navItems = {}, children }: IDocsLayou
   if (router.pathname.includes('v3.0.0-explorer')) {
     return (
       <div>
-        <div className='absolute left-2 top-24 z-10'>
+        <div className='hidden md:block absolute left-2 top-24 z-10'>
           <Button
             className='inline-flex h-full justify-center rounded-md border border-gray-300 bg-white py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:outline-none focus:ring-0 focus:ring-black'
             text='Menu'
diff --git a/styles/globals.css b/styles/globals.css
index fdd372ee9a48..6bf259d6adea 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -28,14 +28,12 @@ abbr[title] {
 }
 
 .countdown-text-gradient {
-  background: linear-gradient(
-    230deg,
-    #e74694,
-    #4b79cf,
-    #4bc5cf,
-    #4b79cf,
-    #e74694
-  );
+  background: linear-gradient(230deg,
+      #e74694,
+      #4b79cf,
+      #4bc5cf,
+      #4b79cf,
+      #e74694);
   background-size: 500% 100%;
   background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -92,7 +90,7 @@ abbr[title] {
   align-items: center;
 }
 
-.DocSearch-Help > a {
+.DocSearch-Help>a {
   appearance: none;
   background: none;
   border: 0;
@@ -105,7 +103,8 @@ abbr[title] {
   padding: 0;
 }
 
-.DocSearch-Help > a:focus, .DocSearch-Help > a:hover {
+.DocSearch-Help>a:focus,
+.DocSearch-Help>a:hover {
   outline: none;
   text-decoration: underline;
 }
@@ -125,11 +124,12 @@ abbr[title] {
   }
 }
 
-@media (max-width: 767px){
-  .orbits{
+@media (max-width: 767px) {
+  .orbits {
     display: none;
   }
 }
+
 .orbit-container {
   position: relative;
   margin: 0 auto;
@@ -145,16 +145,20 @@ abbr[title] {
   transition: 0.2s;
 }
 
-.orbit > div > img {
+.orbit>div>img {
   border-radius: 100%;
 }
+
 .title {
   line-height: 0.9;
   font-size: 60px;
 }
+
 #first-orbit {
-  --n: 6; /* number of item */
-  --d: 70s; /* duration */
+  --n: 6;
+  /* number of item */
+  --d: 70s;
+  /* duration */
   width: 600px;
   height: 600px;
   top: 165px;
@@ -167,8 +171,10 @@ abbr[title] {
 }
 
 #second-orbit {
-  --no: 7; /* number of item */
-  --de: 80s; /* duration */
+  --no: 7;
+  /* number of item */
+  --de: 80s;
+  /* duration */
   width: 800px;
   height: 800px;
   top: 75px;
@@ -180,8 +186,10 @@ abbr[title] {
 }
 
 #third-orbit {
-  --ni: 7; /* number of item */
-  --ds: 80s; /* duration */
+  --ni: 7;
+  /* number of item */
+  --ds: 80s;
+  /* duration */
   width: 1000px;
   height: 1000px;
   top: -10px;
@@ -215,6 +223,7 @@ abbr[title] {
   animation: orbit-spin3 var(--ds) linear infinite;
   transform: rotate(0) translate(500px) rotate(0);
 }
+
 @keyframes orbit-spin {
   100% {
     transform: rotate(1turn) translate(300px) rotate(-1turn);
@@ -224,18 +233,23 @@ abbr[title] {
 .item:nth-child(1) {
   animation-delay: calc(-0 * var(--d) / var(--n));
 }
+
 .item:nth-child(2) {
   animation-delay: calc(-1 * var(--d) / var(--n));
 }
+
 .item:nth-child(3) {
   animation-delay: calc(-2 * var(--d) / var(--n));
 }
+
 .item:nth-child(4) {
   animation-delay: calc(-3 * var(--d) / var(--n));
 }
+
 .item:nth-child(5) {
   animation-delay: calc(-4 * var(--d) / var(--n));
 }
+
 .item:nth-child(6) {
   animation-delay: calc(-5 * var(--d) / var(--n));
 }
@@ -249,27 +263,35 @@ abbr[title] {
 .item-2:nth-child(1) {
   animation-delay: calc(-0 * var(--de) / var(--no));
 }
+
 .item-2:nth-child(2) {
   animation-delay: calc(-1 * var(--de) / var(--no));
 }
+
 .item-2:nth-child(3) {
   animation-delay: calc(-2 * var(--de) / var(--no));
 }
+
 .item-2:nth-child(4) {
   animation-delay: calc(-3 * var(--de) / var(--no));
 }
+
 .item-2:nth-child(5) {
   animation-delay: calc(-4 * var(--de) / var(--no));
 }
+
 .item-2:nth-child(6) {
   animation-delay: calc(-5 * var(--de) / var(--no));
 }
+
 .item-2:nth-child(7) {
   animation-delay: calc(-6 * var(--de) / var(--no));
 }
+
 .item-2:nth-child(8) {
   animation-delay: calc(-7 * var(--de) / var(--no));
 }
+
 .item-2:nth-child(9) {
   animation-delay: calc(-8 * var(--de) / var(--no));
 }
@@ -283,27 +305,35 @@ abbr[title] {
 .item-3:nth-child(1) {
   animation-delay: calc(-0 * var(--ds) / var(--ni));
 }
+
 .item-3:nth-child(2) {
   animation-delay: calc(-1 * var(--ds) / var(--ni));
 }
+
 .item-3:nth-child(3) {
   animation-delay: calc(-2 * var(--ds) / var(--ni));
 }
+
 .item-3:nth-child(4) {
   animation-delay: calc(-3 * var(--ds) / var(--ni));
 }
+
 .item-3:nth-child(5) {
   animation-delay: calc(-4 * var(--ds) / var(--ni));
 }
+
 .item-3:nth-child(6) {
   animation-delay: calc(-5 * var(--ds) / var(--ni));
 }
+
 .item-3:nth-child(7) {
   animation-delay: calc(-6 * var(--ds) / var(--ni));
 }
+
 .item-3:nth-child(8) {
   animation-delay: calc(-7 * var(--ds) / var(--ni));
 }
+
 .item-3:nth-child(9) {
   animation-delay: calc(-8 * var(--ds) / var(--ni));
 }
@@ -324,25 +354,85 @@ abbr[title] {
   margin-top: -1900px;
 }
 
-.meeting-card:hover > div:nth-child(1) > div {
+.meeting-card:hover>div:nth-child(1)>div {
   display: block;
   color: white;
 }
 
-.meeting-card:hover > div:nth-child(2) > p  {
+.meeting-card:hover>div:nth-child(2)>p {
   color: white;
 }
 
-.explorer-menu-wrapper > div > div{
+.explorer-menu-wrapper>div>div {
   border: 1px solid rgb(228, 228, 228);
   border-radius: 10px;
   padding: 10px;
 }
 
-.explorer-menu-wrapper > div > div > div > button {
+.explorer-menu-wrapper>div>div>div>button {
   margin-top: 0px;
 }
 
 select {
-  cursor:pointer;
+  cursor: pointer;
+}
+
+
+@media (max-width: 768px) {
+  .visualizer-container .body-wrapper {
+    display: flex !important;
+    flex-direction: column !important;
+    width: 100% !important;
+    height: auto !important;
+    min-height: 0 !important;
+  }
+
+  .visualizer-container .node-container {
+    display: none;
+    width: 125% !important;
+
+    height: 75vh !important;
+
+    border-right: none !important;
+    border-bottom: 2px solid #e5e7eb;
+    margin-bottom: -15% !important;
+    transform: scale(0.8);
+    transform-origin: top left;
+  }
+
+
+  .visualizer-container.show-map .node-container {
+    display: block;
+  }
+
+  .visualizer-container .panel {
+    display: block !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    height: auto !important;
+    padding: 1rem !important;
+    overflow-x: hidden;
+    overflow-y: visible !important;
+  }
+
+
+  .visualizer-container .panel h1,
+  .visualizer-container .panel h2,
+  .visualizer-container .panel p {
+    word-break: break-word;
+    white-space: normal;
+  }
+
+
+  .visualizer-container .panel pre {
+    max-width: 100%;
+    overflow-x: auto;
+  }
+}
+
+
+@media (min-width: 769px) {
+  .mobile-toggle {
+    display: none;
+  }
 }
\ No newline at end of file

From 78b598631c530282b61c108efc2b442c47edce93 Mon Sep 17 00:00:00 2001
From: Sourya07 <singhsourya137@gmail.com>
Date: Sun, 8 Feb 2026 13:04:13 +0530
Subject: [PATCH 3/7] fixes the  Specification

---
 .coderabbit.yaml | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/.coderabbit.yaml b/.coderabbit.yaml
index 006196251b44..ea94b5330b59 100644
--- a/.coderabbit.yaml
+++ b/.coderabbit.yaml
@@ -1,7 +1,6 @@
 language: "en-US"
 reviews:
   high_level_summary: true
-  instructions: "Please diligently check for duplicate or similar issues in the repository before analyzing the current issue/PR. If a similar issue exists, please reference it explicitly in your review."
   tools:
     markdownlint:
       enabled: true
@@ -33,4 +32,4 @@ knowledge_base:
   issues:
     scope: "local"
   pull_requests:
-    scope: "local"
+    scope: "local"
\ No newline at end of file

From 96bee4208bf6ad8fb07e793f6ee42ff23bef2f34 Mon Sep 17 00:00:00 2001
From: Sourya07 <singhsourya137@gmail.com>
Date: Sun, 8 Feb 2026 13:15:42 +0530
Subject: [PATCH 4/7] added the css

---
 styles/globals.css | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index 6bf259d6adea..b6947d7cf79e 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -377,7 +377,6 @@ select {
   cursor: pointer;
 }
 
-
 @media (max-width: 768px) {
   .visualizer-container .body-wrapper {
     display: flex !important;
@@ -390,9 +389,7 @@ select {
   .visualizer-container .node-container {
     display: none;
     width: 125% !important;
-
     height: 75vh !important;
-
     border-right: none !important;
     border-bottom: 2px solid #e5e7eb;
     margin-bottom: -15% !important;
@@ -400,7 +397,6 @@ select {
     transform-origin: top left;
   }
 
-
   .visualizer-container.show-map .node-container {
     display: block;
   }
@@ -415,7 +411,6 @@ select {
     overflow-y: visible !important;
   }
 
-
   .visualizer-container .panel h1,
   .visualizer-container .panel h2,
   .visualizer-container .panel p {
@@ -423,14 +418,12 @@ select {
     white-space: normal;
   }
 
-
   .visualizer-container .panel pre {
     max-width: 100%;
     overflow-x: auto;
   }
 }
 
-
 @media (min-width: 769px) {
   .mobile-toggle {
     display: none;

From 9027b728d6ccde1d18abbcd9c8bbde41507e8075 Mon Sep 17 00:00:00 2001
From: Sourya07 <singhsourya137@gmail.com>
Date: Sun, 8 Feb 2026 13:36:36 +0530
Subject: [PATCH 5/7] fixes the global css

---
 styles/globals.css | 78 ++++++++++++++--------------------------------
 1 file changed, 24 insertions(+), 54 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index b6947d7cf79e..0cfe6dcf05f3 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -28,12 +28,14 @@ abbr[title] {
 }
 
 .countdown-text-gradient {
-  background: linear-gradient(230deg,
-      #e74694,
-      #4b79cf,
-      #4bc5cf,
-      #4b79cf,
-      #e74694);
+  background: linear-gradient(
+    230deg,
+    #e74694,
+    #4b79cf,
+    #4bc5cf,
+    #4b79cf,
+    #e74694
+  );
   background-size: 500% 100%;
   background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -90,7 +92,7 @@ abbr[title] {
   align-items: center;
 }
 
-.DocSearch-Help>a {
+.DocSearch-Help > a {
   appearance: none;
   background: none;
   border: 0;
@@ -103,8 +105,7 @@ abbr[title] {
   padding: 0;
 }
 
-.DocSearch-Help>a:focus,
-.DocSearch-Help>a:hover {
+.DocSearch-Help > a:focus, .DocSearch-Help > a:hover {
   outline: none;
   text-decoration: underline;
 }
@@ -124,12 +125,11 @@ abbr[title] {
   }
 }
 
-@media (max-width: 767px) {
-  .orbits {
+@media (max-width: 767px){
+  .orbits{
     display: none;
   }
 }
-
 .orbit-container {
   position: relative;
   margin: 0 auto;
@@ -145,20 +145,16 @@ abbr[title] {
   transition: 0.2s;
 }
 
-.orbit>div>img {
+.orbit > div > img {
   border-radius: 100%;
 }
-
 .title {
   line-height: 0.9;
   font-size: 60px;
 }
-
 #first-orbit {
-  --n: 6;
-  /* number of item */
-  --d: 70s;
-  /* duration */
+  --n: 6; /* number of item */
+  --d: 70s; /* duration */
   width: 600px;
   height: 600px;
   top: 165px;
@@ -171,10 +167,8 @@ abbr[title] {
 }
 
 #second-orbit {
-  --no: 7;
-  /* number of item */
-  --de: 80s;
-  /* duration */
+  --no: 7; /* number of item */
+  --de: 80s; /* duration */
   width: 800px;
   height: 800px;
   top: 75px;
@@ -186,10 +180,8 @@ abbr[title] {
 }
 
 #third-orbit {
-  --ni: 7;
-  /* number of item */
-  --ds: 80s;
-  /* duration */
+  --ni: 7; /* number of item */
+  --ds: 80s; /* duration */
   width: 1000px;
   height: 1000px;
   top: -10px;
@@ -223,7 +215,6 @@ abbr[title] {
   animation: orbit-spin3 var(--ds) linear infinite;
   transform: rotate(0) translate(500px) rotate(0);
 }
-
 @keyframes orbit-spin {
   100% {
     transform: rotate(1turn) translate(300px) rotate(-1turn);
@@ -233,23 +224,18 @@ abbr[title] {
 .item:nth-child(1) {
   animation-delay: calc(-0 * var(--d) / var(--n));
 }
-
 .item:nth-child(2) {
   animation-delay: calc(-1 * var(--d) / var(--n));
 }
-
 .item:nth-child(3) {
   animation-delay: calc(-2 * var(--d) / var(--n));
 }
-
 .item:nth-child(4) {
   animation-delay: calc(-3 * var(--d) / var(--n));
 }
-
 .item:nth-child(5) {
   animation-delay: calc(-4 * var(--d) / var(--n));
 }
-
 .item:nth-child(6) {
   animation-delay: calc(-5 * var(--d) / var(--n));
 }
@@ -263,35 +249,27 @@ abbr[title] {
 .item-2:nth-child(1) {
   animation-delay: calc(-0 * var(--de) / var(--no));
 }
-
 .item-2:nth-child(2) {
   animation-delay: calc(-1 * var(--de) / var(--no));
 }
-
 .item-2:nth-child(3) {
   animation-delay: calc(-2 * var(--de) / var(--no));
 }
-
 .item-2:nth-child(4) {
   animation-delay: calc(-3 * var(--de) / var(--no));
 }
-
 .item-2:nth-child(5) {
   animation-delay: calc(-4 * var(--de) / var(--no));
 }
-
 .item-2:nth-child(6) {
   animation-delay: calc(-5 * var(--de) / var(--no));
 }
-
 .item-2:nth-child(7) {
   animation-delay: calc(-6 * var(--de) / var(--no));
 }
-
 .item-2:nth-child(8) {
   animation-delay: calc(-7 * var(--de) / var(--no));
 }
-
 .item-2:nth-child(9) {
   animation-delay: calc(-8 * var(--de) / var(--no));
 }
@@ -305,35 +283,27 @@ abbr[title] {
 .item-3:nth-child(1) {
   animation-delay: calc(-0 * var(--ds) / var(--ni));
 }
-
 .item-3:nth-child(2) {
   animation-delay: calc(-1 * var(--ds) / var(--ni));
 }
-
 .item-3:nth-child(3) {
   animation-delay: calc(-2 * var(--ds) / var(--ni));
 }
-
 .item-3:nth-child(4) {
   animation-delay: calc(-3 * var(--ds) / var(--ni));
 }
-
 .item-3:nth-child(5) {
   animation-delay: calc(-4 * var(--ds) / var(--ni));
 }
-
 .item-3:nth-child(6) {
   animation-delay: calc(-5 * var(--ds) / var(--ni));
 }
-
 .item-3:nth-child(7) {
   animation-delay: calc(-6 * var(--ds) / var(--ni));
 }
-
 .item-3:nth-child(8) {
   animation-delay: calc(-7 * var(--ds) / var(--ni));
 }
-
 .item-3:nth-child(9) {
   animation-delay: calc(-8 * var(--ds) / var(--ni));
 }
@@ -354,27 +324,27 @@ abbr[title] {
   margin-top: -1900px;
 }
 
-.meeting-card:hover>div:nth-child(1)>div {
+.meeting-card:hover > div:nth-child(1) > div {
   display: block;
   color: white;
 }
 
-.meeting-card:hover>div:nth-child(2)>p {
+.meeting-card:hover > div:nth-child(2) > p  {
   color: white;
 }
 
-.explorer-menu-wrapper>div>div {
+.explorer-menu-wrapper > div > div{
   border: 1px solid rgb(228, 228, 228);
   border-radius: 10px;
   padding: 10px;
 }
 
-.explorer-menu-wrapper>div>div>div>button {
+.explorer-menu-wrapper > div > div > div > button {
   margin-top: 0px;
 }
 
 select {
-  cursor: pointer;
+  cursor:pointer;
 }
 
 @media (max-width: 768px) {

From 597dce46298dd723a4ec89528a89bf90b5f1af0d Mon Sep 17 00:00:00 2001
From: Sourya07 <singhsourya137@gmail.com>
Date: Sun, 8 Feb 2026 14:14:14 +0530
Subject: [PATCH 6/7] fixes the problem

---
 components/docs/Visualizer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/docs/Visualizer.tsx b/components/docs/Visualizer.tsx
index 92b3f1708af0..3a9de1a9b1a0 100644
--- a/components/docs/Visualizer.tsx
+++ b/components/docs/Visualizer.tsx
@@ -19,7 +19,7 @@ function Visualizer() {
       <div className='mobile-toggle px-4'>
         <button
           onClick={() => setShowMap(!showMap)}
-          className='bg-primary-500 hover:bg-primary-600 text-white font-bold py-2 px-4 rounded mb-2 mt-4 w-full md:hidden'
+          className='bg-primary-500 hover:bg-primary-600 text-white font-bold py-2 px-4 rounded mb-2 mt-4 w-full'
         >
           {showMap ? 'Hide Visual Map' : 'Show Visual Map'}
         </button>

From 517a79b24a984521dbcb42d04eb3ecbfa0402b24 Mon Sep 17 00:00:00 2001
From: Sourya07 <singhsourya137@gmail.com>
Date: Sun, 8 Feb 2026 14:18:00 +0530
Subject: [PATCH 7/7] fixes the global css file

---
 styles/globals.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/styles/globals.css b/styles/globals.css
index 0cfe6dcf05f3..8710c92434c8 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -348,6 +348,11 @@ select {
 }
 
 @media (max-width: 768px) {
+
+  .visualizer-container {
+    overflow-x: hidden;
+  }
+  
   .visualizer-container .body-wrapper {
     display: flex !important;
     flex-direction: column !important;