feat: Add clickpy_link to clickpy trace source attributes (#1392)

Closes HDX-2876

# Summary

This PR adds a highlighted trace attribute to the clickpy demo source which allows demo environment users to navigate to the clickpy dashboard which is associated with a trace.

The link appears:
<img width="1369" height="738" alt="Screenshot 2025-11-20 at 10 53 35 AM" src="https://github.com/user-attachments/assets/f353323a-9619-4ba8-a44a-586a0fafd748" />

The link navigates the user to the appropriate dashboard:
<img width="2307" height="806" alt="Screenshot 2025-11-20 at 10 53 43 AM" src="https://github.com/user-attachments/assets/5c10592d-9a8e-44fa-a2ac-d01230b77745" />

Author: pulpdrew

.changeset/orange-donuts-mate.md

@@ -0,0 +1,5 @@
+---
+"@hyperdx/app": patch
+---
+
+feat: Add clickpy_link to clickpy trace source attributes

packages/app/src/components/OnboardingModal.tsx

@@ -38,6 +38,7 @@ async function addOtelDemoSources({
   traceSourceDatabaseName,
   traceSourceName,
   traceSourceTableName,
+  traceSourceHighlightedTraceAttributes,
 }: {
   connectionId: string;
   createSourceMutation: ReturnType<typeof useCreateSource>;
@@ -59,6 +60,7 @@ async function addOtelDemoSources({
   traceSourceDatabaseName: string;
   traceSourceName: string;
   traceSourceTableName: string;
+  traceSourceHighlightedTraceAttributes?: TSource['highlightedTraceAttributeExpressions'];
 }) {
   const hasLogSource =
     logSourceDatabaseName && logSourceName && logSourceTableName;
@@ -116,6 +118,8 @@ async function addOtelDemoSources({
       statusCodeExpression: 'StatusCode',
       statusMessageExpression: 'StatusMessage',
       spanEventsValueExpression: 'Events',
+      highlightedTraceAttributeExpressions:
+        traceSourceHighlightedTraceAttributes,
     },
   });
   let metricsSource: TSource | undefined;
@@ -300,6 +304,13 @@ export default function OnboardingModal({
         traceSourceDatabaseName: 'otel_clickpy',
         traceSourceName: 'ClickPy Traces',
         traceSourceTableName: 'otel_traces',
+        traceSourceHighlightedTraceAttributes: [
+          {
+            sqlExpression:
+              "if((SpanAttributes['http.route']) LIKE '%dashboard%', concat('https://clickpy.clickhouse.com', path(SpanAttributes['http.target'])), '')",
+            alias: 'clickpy_link',
+          },
+        ],
 
         updateSourceMutation,
       });