Feat/azure-devops integration

apps/docs/components/icons.tsx

@@ -3048,6 +3048,36 @@ export function AzureIcon(props: SVGProps<SVGSVGElement>) {
   )
 }
 
+export function AzureDevOpsIcon(props: SVGProps<SVGSVGElement>) {
+    const id = useId()
+    const gradientId = `azure_devops_gradient_${id}`
+    return (
+      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128' {...props}>
+        <defs>
+          <linearGradient
+            id={gradientId}
+            gradientUnits='userSpaceOnUse'
+            x1='9'
+            y1='16.97'
+            x2='9'
+            y2='1.03'
+            gradientTransform='scale(7.11111)'
+          >
+            <stop offset='0' stopColor='#0078d4' />
+            <stop offset='.16' stopColor='#1380da' />
+            <stop offset='.53' stopColor='#3c91e5' />
+            <stop offset='.82' stopColor='#559cec' />
+            <stop offset='1' stopColor='#5ea0ef' />
+          </linearGradient>
+        </defs>
+        <path
+          fill={`url(#${gradientId})`}
+          d='M120.89 28.445v69.262l-28.445 23.324-44.09-16.07v15.93L23.395 88.25l72.746 5.688V31.574ZM96.64 31.93 55.82 7.11v16.285L18.348 34.418 7.109 48.852v32.785l16.075 7.11V46.718Zm0 0'
+        />
+      </svg>
+    )
+  }  
+
 export const GroqIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}

apps/docs/components/ui/icon-mapping.ts

@@ -20,6 +20,7 @@ import {
   AshbyIcon,
   AthenaIcon,
   AttioIcon,
+  AzureDevOpsIcon,
   AzureIcon,
   BoxCompanyIcon,
   BrainIcon,
@@ -223,6 +224,7 @@ export const blockTypeToIconMap: Record<string, IconComponent> = {
   ashby: AshbyIcon,
   athena: AthenaIcon,
   attio: AttioIcon,
+  azure_devops: AzureDevOpsIcon,
   box: BoxCompanyIcon,
   brandfetch: BrandfetchIcon,
   brightdata: BrightDataIcon,