feat(docs): Add Hasura Monitoring Integration doc

components/APM/APMInstrumentationListicle.tsx

@@ -33,6 +33,7 @@ import {
   SiWordpress,
   SiDeno,
   SiVercel,
+  SiHasura,
 } from 'react-icons/si'
 import IconCardGrid from '../Card/IconCardGrid'
 import { APM_INSTRUMENTATION_ITEMS } from '@/constants/componentItems'
@@ -112,6 +113,7 @@ const ICON_MAP: Record<string, React.ReactNode> = {
       <SiVercel className="h-7 w-7 text-white" />
     </span>
   ),
+  '/docs/integrations/opentelemetry-hasura': <SiHasura className="h-7 w-7 text-blue-600" />,
 }
 
 export default function APMInstrumentationListicle({

components/Integrations/IntegrationsListicle.tsx

@@ -11,6 +11,7 @@ import {
   SiTypescript,
   SiAmazonwebservices,
   SiMysql,
+  SiHasura,
 } from 'react-icons/si'
 import { BsCloudFill } from 'react-icons/bs'
 import IconCardGrid from '../Card/IconCardGrid'
@@ -80,6 +81,7 @@ export default function IntegrationsListicle({ category = 'all' }: IntegrationsL
     '/docs/integrations/aws-rds-mysql': <SiMysql className="h-7 w-7 text-[#FF9900]" />,
     '/docs/integrations/aws-elasticache-redis': <SiRedis className="h-7 w-7 text-[#FF9900]" />,
     '/docs/integrations/nginx': <SiNginx className="h-7 w-7 text-green-500" />,
+    '/docs/integrations/opentelemetry-hasura': <SiHasura className="h-7 w-7 text-blue-600" />,
   }
 
   const temporalCards = INTEGRATIONS_ITEMS.temporal.map((item) => ({

components/Logs/LogsInstrumentationListicle.tsx

@@ -24,6 +24,7 @@ import {
   SiGooglecloud,
   SiMysql,
   SiDeno,
+  SiHasura,
 } from 'react-icons/si'
 import { TbHttpGet, TbBrandOpenSource } from 'react-icons/tb'
 import { FaFileAlt, FaJava, FaWindows } from 'react-icons/fa'
@@ -153,6 +154,7 @@ const ICON_MAP: Record<string, React.ReactNode> = {
     <SiKubernetes className="h-7 w-7 text-blue-500" />
   ),
   '/docs/gcp-monitoring/cloud-run/logging/': <SiGooglecloud className="h-7 w-7 text-blue-500" />,
+  '/docs/integrations/opentelemetry-hasura': <SiHasura className="h-7 w-7 text-blue-600" />,
 }
 
 // AKS uses the same href as EKS but needs a different icon — override for Azure context

components/Metrics/MetricsQuickStartOverview.tsx

@@ -30,6 +30,7 @@ import {
   SiNodedotjs,
   SiPython,
   SiDeno,
+  SiHasura,
 } from 'react-icons/si'
 import { FaJava, FaServer, FaDatabase, FaCloud } from 'react-icons/fa'
 import { VscGraphLine } from 'react-icons/vsc'
@@ -177,6 +178,7 @@ const ICON_MAP: Record<string, React.ReactNode> = {
     <SiPython className="h-7 w-7 text-blue-500" />
   ),
   '/docs/instrumentation/opentelemetry-deno': <SiDeno className="h-7 w-7 text-blue-500" />,
+  '/docs/integrations/opentelemetry-hasura': <SiHasura className="h-7 w-7 text-blue-600" />,
 }
 
 export default function MetricsQuickStartOverview({

constants/componentItems/apmInstrumentation.ts

@@ -168,6 +168,11 @@ export const APM_INSTRUMENTATION_ITEMS = {
       href: '/docs/userguide/vercel-to-signoz',
       clickName: 'Vercel Instrumentation Link',
     },
+    {
+      name: 'Hasura',
+      href: '/docs/integrations/opentelemetry-hasura',
+      clickName: 'Hasura Instrumentation Link',
+    },
   ] satisfies ComponentItem[],
 } as const
 

constants/componentItems/integrations.ts

@@ -41,6 +41,11 @@ export const INTEGRATIONS_ITEMS = {
       href: '/docs/integrations/sql-server',
       clickName: 'Microsoft SQL Server Integration Link',
     },
+    {
+      name: 'Hasura',
+      href: '/docs/integrations/opentelemetry-hasura',
+      clickName: 'Hasura Integration Link',
+    },
   ] satisfies ComponentItem[],
   aws: [
     {

constants/componentItems/logsInstrumentation.ts

@@ -39,6 +39,11 @@ export const LOGS_INSTRUMENTATION_ITEMS = {
       href: '/docs/logs-management/send-logs/convex-log-streams-signoz',
       clickName: 'Convex Logs Link',
     },
+    {
+      name: 'Hasura',
+      href: '/docs/integrations/opentelemetry-hasura',
+      clickName: 'Hasura Logs Link',
+    },
   ] satisfies ComponentItem[],
   languages: [
     {

constants/componentItems/metricsQuickStart.ts

@@ -205,6 +205,11 @@ export const METRICS_QUICK_START_ITEMS = {
       href: '/docs/integrations/aws-elasticache-redis',
       clickName: 'AWS ElastiCache Link',
     },
+    {
+      name: 'Hasura',
+      href: '/docs/integrations/opentelemetry-hasura',
+      clickName: 'Hasura Metrics Link',
+    },
   ] satisfies ComponentItem[],
   webServers: [
     {

constants/docsSideNav.ts

@@ -1126,6 +1126,11 @@ const docsSideNav = [
             route: '/docs/instrumentation/opentelemetry-cloudflare',
             label: 'Cloudflare Workers',
           },
+          {
+            type: 'doc',
+            route: '/docs/integrations/opentelemetry-hasura',
+            label: 'Hasura',
+          },
           // {
           //   type: 'category',
           //   isExpanded: false,
@@ -1453,6 +1458,11 @@ const docsSideNav = [
             route: '/docs/integrations/opentelemetry-neondb',
             label: 'Neon',
           },
+          {
+            type: 'doc',
+            route: '/docs/integrations/opentelemetry-hasura',
+            label: 'Hasura',
+          },
           {
             type: 'doc',
             route: '/docs/userguide/send-logs-http',
@@ -1788,6 +1798,11 @@ const docsSideNav = [
                 route: '/docs/integrations/opentelemetry-neondb',
                 label: 'Neon',
               },
+              {
+                type: 'doc',
+                route: '/docs/integrations/opentelemetry-hasura',
+                label: 'Hasura',
+              },
             ],
           },
           {
@@ -3276,6 +3291,11 @@ const docsSideNav = [
         route: '/docs/userguide/vercel-to-signoz',
         label: 'Vercel Traces',
       },
+      {
+        type: 'doc',
+        route: '/docs/integrations/opentelemetry-hasura',
+        label: 'Hasura',
+      },
       {
         type: 'doc',
         route: '/docs/integrations/nomad',