From 375cefd975eaedb02d0dbc6328e938834bfd10a6 Mon Sep 17 00:00:00 2001
From: Ogi <86684834+obostjancic@users.noreply.github.com>
Date: Thu, 13 Nov 2025 11:22:05 +0100
Subject: [PATCH] feat(ai-insights): langchain & langraph onboarding

---
 static/app/gettingStartedDocs/node/utils.tsx  | 131 ++++++++++++++++++
 .../insights/pages/agents/onboarding.tsx      |   2 +
 2 files changed, 133 insertions(+)

diff --git a/static/app/gettingStartedDocs/node/utils.tsx b/static/app/gettingStartedDocs/node/utils.tsx
index aa4789c850efcf..46a53fee3761df 100644
--- a/static/app/gettingStartedDocs/node/utils.tsx
+++ b/static/app/gettingStartedDocs/node/utils.tsx
@@ -509,6 +509,74 @@ Sentry.init({
       },
     ];
 
+    const langchainContent: ContentBlock[] = [
+      {
+        type: 'text',
+        text: tct(
+          'Add the [code:langChainIntegration] to your [code:Sentry.init()] call. This integration automatically instruments LangChain to capture spans for AI operations.',
+          {code: <code />}
+        ),
+      },
+      {
+        type: 'code',
+        tabs: [
+          {
+            label: 'JavaScript',
+            language: 'javascript',
+            code: `${getImport(packageName).join('\n')}
+
+Sentry.init({
+  dsn: "${params.dsn.public}",
+  integrations: [
+    // Add the LangChain integration
+    Sentry.langChainIntegration({
+      recordInputs: true,
+      recordOutputs: true,
+    }),
+  ],
+  // Tracing must be enabled for agent monitoring to work
+  tracesSampleRate: 1.0,
+  sendDefaultPii: true,
+});`,
+          },
+        ],
+      },
+    ];
+
+    const langgraphContent: ContentBlock[] = [
+      {
+        type: 'text',
+        text: tct(
+          'Add the [code:langChainIntegration] to your [code:Sentry.init()] call. This integration automatically instruments LangGraph to capture spans for AI operations.',
+          {code: <code />}
+        ),
+      },
+      {
+        type: 'code',
+        tabs: [
+          {
+            label: 'JavaScript',
+            language: 'javascript',
+            code: `${getImport(packageName).join('\n')}
+
+Sentry.init({
+  dsn: "${params.dsn.public}",
+  integrations: [
+    // Add the LangChain integration (also works for LangGraph)
+    Sentry.langChainIntegration({
+      recordInputs: true,
+      recordOutputs: true,
+    }),
+  ],
+  // Tracing must be enabled for agent monitoring to work
+  tracesSampleRate: 1.0,
+  sendDefaultPii: true,
+});`,
+          },
+        ],
+      },
+    ];
+
     const manualContent: ContentBlock[] = [
       {
         type: 'text',
@@ -563,6 +631,12 @@ await Sentry.startSpan({
     if (selected === 'google_genai') {
       content = googleGenAIContent;
     }
+    if (selected === 'langchain') {
+      content = langchainContent;
+    }
+    if (selected === 'langgraph') {
+      content = langgraphContent;
+    }
     return [
       {
         title: t('Configure'),
@@ -638,6 +712,63 @@ const response = await ai.models.generateContent({
         ],
       });
     }
+    if (selected === 'langchain') {
+      content.push({
+        type: 'code',
+        tabs: [
+          {
+            label: 'JavaScript',
+            language: 'javascript',
+            code: `
+const { ChatOpenAI } = require("@langchain/openai");
+const { HumanMessage, SystemMessage } = require("@langchain/core/messages");
+
+const chatModel = new ChatOpenAI({
+  modelName: "gpt-4o",
+  apiKey: process.env.OPENAI_API_KEY,
+});
+
+const messages = [
+  new SystemMessage("You are a helpful assistant."),
+  new HumanMessage("Tell me a joke"),
+];
+
+const response = await chatModel.invoke(messages);
+const text = response.content;`,
+          },
+        ],
+      });
+    }
+    if (selected === 'langgraph') {
+      content.push({
+        type: 'code',
+        tabs: [
+          {
+            label: 'JavaScript',
+            language: 'javascript',
+            code: `
+const { ChatOpenAI } = require("@langchain/openai");
+const { createReactAgent } = require("@langchain/langgraph/prebuilt");
+const { HumanMessage, SystemMessage } = require("@langchain/core/messages");
+
+const llm = new ChatOpenAI({
+  modelName: "gpt-4o",
+  apiKey: process.env.OPENAI_API_KEY,
+});
+
+const agent = createReactAgent({ llm, tools: [] });
+
+const result = await agent.invoke({
+  messages: [new SystemMessage("You are a helpful assistant."), new HumanMessage("Tell me a joke")],
+});
+
+const messages = result.messages;
+const lastMessage = messages[messages.length - 1];
+const text = lastMessage.content;`,
+          },
+        ],
+      });
+    }
     return [
       {
         type: StepType.VERIFY,
diff --git a/static/app/views/insights/pages/agents/onboarding.tsx b/static/app/views/insights/pages/agents/onboarding.tsx
index c6c780999178b5..004b396e6d0106 100644
--- a/static/app/views/insights/pages/agents/onboarding.tsx
+++ b/static/app/views/insights/pages/agents/onboarding.tsx
@@ -230,6 +230,8 @@ export function Onboarding() {
             {label: 'OpenAI SDK', value: 'openai'},
             {label: 'Anthropic SDK', value: 'anthropic'},
             {label: 'Google Gen AI SDK', value: 'google_genai'},
+            {label: 'LangChain', value: 'langchain'},
+            {label: 'LangGraph', value: 'langgraph'},
             {label: 'Manual', value: 'manual'},
           ],
     },