feat: Add Arize & Phoenix Tracer Integration (#4046)

Added Arize Phoenix Tracer

Co-authored-by: Ilango <ilango.rajagopal@flowiseai.com>

packages/ui/src/ui-component/extended/AnalyseFlow.jsx

@@ -28,6 +28,8 @@ import langsmithPNG from '@/assets/images/langchain.png'
 import langfuseSVG from '@/assets/images/langfuse.svg'
 import lunarySVG from '@/assets/images/lunary.svg'
 import langwatchSVG from '@/assets/images/langwatch.svg'
+import arizePNG from '@/assets/images/arize.png'
+import phoenixPNG from '@/assets/images/phoenix.png'
 
 // store
 import useNotifier from '@/utils/useNotifier'
@@ -130,6 +132,62 @@ const analyticProviders = [
                 optional: true
             }
         ]
+    },
+    {
+        label: 'Arize',
+        name: 'arize',
+        icon: arizePNG,
+        url: 'https://arize.com',
+        inputs: [
+            {
+                label: 'Connect Credential',
+                name: 'credential',
+                type: 'credential',
+                credentialNames: ['arizeApi']
+            },
+            {
+                label: 'Project Name',
+                name: 'projectName',
+                type: 'string',
+                optional: true,
+                description: 'If not provided, default will be used.',
+                placeholder: 'default'
+            },
+            {
+                label: 'On/Off',
+                name: 'status',
+                type: 'boolean',
+                optional: true
+            }
+        ]
+    },
+    {
+        label: 'Phoenix',
+        name: 'phoenix',
+        icon: phoenixPNG,
+        url: 'https://phoenix.arize.com',
+        inputs: [
+            {
+                label: 'Connect Credential',
+                name: 'credential',
+                type: 'credential',
+                credentialNames: ['phoenixApi']
+            },
+            {
+                label: 'Project Name',
+                name: 'projectName',
+                type: 'string',
+                optional: true,
+                description: 'If not provided, default will be used.',
+                placeholder: 'default'
+            },
+            {
+                label: 'On/Off',
+                name: 'status',
+                type: 'boolean',
+                optional: true
+            }
+        ]
     }
 ]