feat: add new Opik Tracer (#6928)

* feat: add new Opik Tracer

This PR adds a new Tracer to sends traces and spans to Opik.

* Fix typo in docs

* Optimize Opik integration to reduce number of HTTP calls

* Add session_id and user_id to the Opik tracer

* Check Opik configuration on the client side before making a remote check

* Tackle documentation reviews

* Apply suggestions from code review

Co-authored-by: Jacques Verré <jverre@gmail.com>

* Fix one of the doc link

* Explicitely check for Opik environment variables before enabling the Opik tracer

* test: add opik tracing unit tests

---------

Co-authored-by: Nadir J <31660040+NadirJ@users.noreply.github.com>
Co-authored-by: Jacques Verré <jverre@gmail.com>
Co-authored-by: Ítalo Johnny <italojohnnydosanjos@gmail.com>

docs/docs/Integrations/integrations-langfuse.md

@@ -61,11 +61,11 @@ Replace `SECRET_KEY`, `PUBLIC_KEY`, and `HOST_URL` with the API key information
 
 1. Start Langflow in the same terminal or environment where you set the environment variables:
 
-    ```bash
-    python -m langflow run
-    ```
+```bash
+uv run langflow run
+```
 
-2. In Langflow, open and existing project, and then run a flow.
+2. In Langflow, open an existing project, and then run a flow.
 
 ## View tracing data in Langfuse
 

docs/docs/Integrations/integrations-opik.md

@@ -0,0 +1,52 @@
+---
+title: Opik
+slug: /integrations-opik
+---
+
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+# Integrate Opik with Langflow
+
+[Opik](https://www.comet.com/site/products/opik/) is an open-source platform designed for evaluating, testing, and monitoring large language model (LLM) applications. Developed by Comet, it aims to facilitate more intuitive collaboration, testing, and monitoring of LLM-based applications.
+
+This guide walks you through how to configure Langflow to collect [tracing](https://www.comet.com/docs/opik/tracing/log_traces) data about your flow executions and automatically send the data to Opik.
+
+## Prerequisites
+
+- A project in Langflow with a runnable flow
+- An Open-Source Opik server or an Opik Cloud account - You can learn more about the differences [here](https://www.comet.com/docs/opik/faq#what-is-the-difference-between-opik-cloud-and-the-open-source-opik-platform-)
+- If you are using Opik Cloud, you will also need your [Opik API key](https://www.comet.com/docs/opik/faq#where-can-i-find-my-opik-api-key-)
+
+## Set your Opik configuration as environment variables
+
+Call the CLI `opik configure` to save your Opik configuration in the same environment where you run Langflow.
+
+```bash
+opik configure
+```
+
+For self-hosted Opik, you can also configure it using the Opik CLI by running the following command:
+
+```bash
+opik configure --use_local
+```
+
+See the [Opik documentation](https://www.comet.com/docs/opik/tracing/sdk_configuration) for more ways to configure Opik SDKs.
+
+## Start Langflow and run a flow
+
+1. Start Langflow in the same terminal or environment where you set the environment variables:
+
+```bash
+uv run langflow run
+```
+
+2. In Langflow, open an existing project, and then run a flow.
+
+
+3. Navigate to your Opik project dashboard and view the collected tracing data.
+
+## Disable the Opik integration
+
+To disable the Opik integration, remove the environment variables you set in the previous steps and restart Langflow.

docs/sidebars.js

@@ -147,6 +147,7 @@ module.exports = {
         "Integrations/integrations-langfuse",
         "Integrations/integrations-langsmith",
         "Integrations/integrations-langwatch",
+        "Integrations/integrations-opik",
         {
           type: "doc",
           id: "Integrations/integrations-mcp",