Add support for dynamically querying multiple tenants in trace domain

Signed-off-by: Shweta Padubidri <spadubid@redhat.com>

Author: shwetaap

web/src/hooks/useTroubleshootingPanel.tsx

@@ -4,14 +4,34 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDispatch } from 'react-redux';
 import { openTP } from '../redux-actions';
+import { replaceTraceStore } from '../korrel8r-client';
+import { extractTraceContext, buildTraceStoreConfig } from '../utils/traceStoreUtils';
 import { useKorrel8r } from './useKorrel8r';
 
 const useTroubleshootingPanel: ExtensionHook<Array<Action>> = () => {
   const { isKorrel8rReachable } = useKorrel8r();
   const { t } = useTranslation('plugin__troubleshooting-panel-console-plugin');
   const [perspective] = useActivePerspective();
   const dispatch = useDispatch();
-  const open = React.useCallback(() => {
+  const open = React.useCallback(async () => {
+    // Check if we're on a traces page with tenant information
+    const traceContext = extractTraceContext();
+
+    if (traceContext) {
+      try {
+        // Update korrel8r's trace store to match the selected tenant
+        const storeConfig = buildTraceStoreConfig(traceContext);
+        await replaceTraceStore(storeConfig);
+        // eslint-disable-next-line no-console
+        console.log('Trace store updated for tenant:', traceContext.tenant);
+      } catch (error) {
+        // Log error but don't block panel from opening
+        // The panel will still work with other domains even if trace store update fails
+        // eslint-disable-next-line no-console
+        console.error('Failed to update trace store:', error);
+      }
+    }
+
     dispatch(openTP());
   }, [dispatch]);
 

web/src/korrel8r-client.ts

@@ -35,3 +35,26 @@ export const getGoalsGraph = (goals: Goals) => {
 
   return korrel8rClient.default.postGraphsGoals(goals);
 };
+
+export interface StoreConfig {
+  domain: string;
+  tempoStack?: string;
+  certificateAuthority?: string;
+  [key: string]: string | undefined;
+}
+
+export const replaceTraceStore = async (storeConfig: StoreConfig): Promise<void> => {
+  const response = await fetch(`${KORREL8R_ENDPOINT}/stores/trace`, {
+    method: 'PUT',
+    headers: {
+      'Content-Type': 'application/json',
+      'X-CSRFToken': getCSRFToken(),
+    },
+    body: JSON.stringify(storeConfig),
+  });
+
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new Error(`Failed to replace trace store: ${response.status} ${errorText}`);
+  }
+};

web/src/korrel8r/trace.ts

@@ -6,8 +6,10 @@ import { Class, Constraint, Domain, Query, unixMilliseconds, URIRef } from './ty
 // Search for get selected spans
 //   observe/traces/?namespace=<tempoNamespace>&name=<tempoName>&tenant=<tempoTenant>&q=<traceQL>
 
-// TODO hard-coded tempo location, need to make this configurable between console & korrel8r.
-// Get from the console page environment (change from using URL as context?)
+// NOTE: Default tempo location for generating links.
+// When the troubleshooting panel opens, it reads the actual tenant from the URL
+// and updates korrel8r's trace store configuration via PUT /stores/trace.
+// These defaults are used when generating links back to the console.
 const [tempoNamespace, tempoName, tempoTenant] = ['openshift-tracing', 'platform', 'platform'];
 
 export class TraceDomain extends Domain {