@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

package/dist/hooks/useProjectRuntimeLogs.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProjectRuntimeLogs.esm.js","sources":["../../src/hooks/useProjectRuntimeLogs.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Entity } from '@backstage/catalog-model';\nimport { observabilityApiRef } from '../api/ObservabilityApi';\nimport { calculateTimeRange } from '@openchoreo/backstage-plugin-react';\nimport {\n  LogEntry,\n  LogsResponse,\n  RuntimeLogsFilters,\n  LOG_LEVELS,\n} from '../components/RuntimeLogs/types';\n\nexport interface ProjectRuntimeLogsFilters extends RuntimeLogsFilters {\n  components?: string[];\n}\n\ninterface UseProjectRuntimeLogsOptions {\n  environmentName: string;\n  namespaceName: string;\n  projectName: string;\n  limit?: number;\n}\n\ninterface UseProjectRuntimeLogsResult {\n  logs: LogEntry[];\n  loading: boolean;\n  error: string | null;\n  totalCount: number;\n  hasMore: boolean;\n  fetchLogs: (reset?: boolean) => Promise<void>;\n  loadMore: () => void;\n  refresh: () => void;\n  clearLogs: () => void;\n}\n\nconst sortByTimestamp = (\n  logs: LogEntry[],\n  sortOrder: 'asc' | 'desc' = 'asc',\n): LogEntry[] => {\n  const sorted = [...logs].sort((a, b) => {\n    const aTime = a.timestamp ? new Date(a.timestamp).getTime() : 0;\n    const bTime = b.timestamp ? new Date(b.timestamp).getTime() : 0;\n    return sortOrder === 'asc' ? aTime - bTime : bTime - aTime;\n  });\n\n  return sorted;\n};\n\nexport function useProjectRuntimeLogs(\n  filters: ProjectRuntimeLogsFilters,\n  _entity: Entity,\n  options: UseProjectRuntimeLogsOptions,\n): UseProjectRuntimeLogsResult {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [logs, setLogs] = useState<LogEntry[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [totalCount, setTotalCount] = useState(0);\n  const [hasMore, setHasMore] = useState(true);\n  const pollingIntervalRef = useRef<NodeJS.Timeout | null>(null);\n  const inFlightRef = useRef<boolean>(false);\n  const logsRef = useRef<LogEntry[]>([]);\n\n  useEffect(() => {\n    logsRef.current = logs;\n  }, [logs]);\n\n  const selectedComponents = useMemo(\n    () => Array.from(new Set(filters.components || [])),\n    [filters.components],\n  );\n\n  const fetchLogs = useCallback(\n    async (reset: boolean = false) => {\n      if (\n        !filters.environment ||\n        !options.environmentName ||\n        !options.namespaceName ||\n        !options.projectName\n      ) {\n        return;\n      }\n\n      if (inFlightRef.current) {\n        return;\n      }\n\n      try {\n        inFlightRef.current = true;\n        setLoading(true);\n        setError(null);\n\n        const { startTime: initialStartTime, endTime: initialEndTime } =\n          calculateTimeRange(filters.timeRange, {\n            startTime: filters.customStartTime,\n            endTime: filters.customEndTime,\n          });\n\n        let startTime = initialStartTime;\n        let endTime = initialEndTime;\n        const sortOrder = filters.sortOrder || 'asc';\n\n        if (!reset && logsRef.current.length > 0) {\n          const lastLog = logsRef.current[logsRef.current.length - 1];\n          if (sortOrder === 'desc') {\n            endTime = lastLog.timestamp || endTime;\n          } else {\n            startTime = lastLog.timestamp || startTime;\n          }\n        }\n\n        const limit = options.limit || 50;\n\n        // If all log levels are selected, pass an empty array to reduce search complexity on the backend\n        const queryOptions = {\n          limit,\n          startTime,\n          endTime,\n          logLevels:\n            filters.logLevel.length === LOG_LEVELS.length &&\n            LOG_LEVELS.every(l => filters.logLevel.includes(l))\n              ? []\n              : filters.logLevel,\n          searchQuery: filters.searchQuery,\n          sortOrder,\n        } as const;\n\n        const responses: LogsResponse[] =\n          selectedComponents.length > 0\n            ? await Promise.all(\n                selectedComponents.map(componentName =>\n                  observabilityApi.getRuntimeLogs(\n                    options.namespaceName,\n                    options.projectName,\n                    options.environmentName,\n                    componentName,\n                    queryOptions,\n                  ),\n                ),\n              )\n            : [\n                await observabilityApi.getRuntimeLogs(\n                  options.namespaceName,\n                  options.projectName,\n                  options.environmentName,\n                  undefined,\n                  queryOptions,\n                ),\n              ];\n\n        const flattenedLogs =\n          selectedComponents.length > 0\n            ? responses.flatMap((response, index) =>\n                (response.logs || []).map(log => ({\n                  ...log,\n                  metadata: {\n                    ...log.metadata,\n                    componentName:\n                      log.metadata?.componentName || selectedComponents[index],\n                  },\n                })),\n              )\n            : responses.flatMap(response => response.logs || []);\n\n        const mergedLogs = sortByTimestamp(flattenedLogs, sortOrder);\n\n        const nextLogs = reset\n          ? mergedLogs\n          : sortByTimestamp([...logsRef.current, ...mergedLogs], sortOrder);\n\n        setLogs(nextLogs);\n        if (reset) {\n          const total = responses.reduce((sum, response) => {\n            return sum + (response.total || 0);\n          }, 0);\n          setTotalCount(total);\n        }\n        setHasMore(\n          responses.some(response => (response.logs || []).length === limit),\n        );\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Failed to fetch logs');\n      } finally {\n        setLoading(false);\n        inFlightRef.current = false;\n      }\n    },\n    [\n      filters.environment,\n      filters.timeRange,\n      filters.customStartTime,\n      filters.customEndTime,\n      filters.logLevel,\n      filters.searchQuery,\n      filters.sortOrder,\n      observabilityApi,\n      options.environmentName,\n      options.namespaceName,\n      options.projectName,\n      options.limit,\n      selectedComponents,\n    ],\n  );\n\n  useEffect(() => {\n    if (pollingIntervalRef.current) {\n      clearInterval(pollingIntervalRef.current);\n      pollingIntervalRef.current = null;\n    }\n\n    if (\n      !filters.isLive ||\n      !filters.environment ||\n      !options.environmentName ||\n      !options.namespaceName ||\n      !options.projectName\n    ) {\n      return undefined;\n    }\n\n    pollingIntervalRef.current = setInterval(() => {\n      fetchLogs(true);\n    }, 5000);\n\n    return () => {\n      if (pollingIntervalRef.current) {\n        clearInterval(pollingIntervalRef.current);\n        pollingIntervalRef.current = null;\n      }\n      inFlightRef.current = false;\n    };\n  }, [\n    fetchLogs,\n    filters.environment,\n    filters.isLive,\n    options.environmentName,\n    options.namespaceName,\n    options.projectName,\n  ]);\n\n  const loadMore = useCallback(() => {\n    if (!loading && hasMore && !error && logs.length > 0) {\n      fetchLogs(false);\n    }\n  }, [loading, hasMore, error, logs.length, fetchLogs]);\n\n  const refresh = useCallback(() => {\n    setLogs([]);\n    fetchLogs(true);\n  }, [fetchLogs]);\n\n  const clearLogs = useCallback(() => {\n    setLogs([]);\n    setTotalCount(0);\n    setHasMore(true);\n  }, []);\n\n  return {\n    logs,\n    loading,\n    error,\n    totalCount,\n    hasMore,\n    fetchLogs,\n    loadMore,\n    refresh,\n    clearLogs,\n  };\n}\n"],"names":[],"mappings":";;;;;;AAmCA,MAAM,eAAA,GAAkB,CACtB,IAAA,EACA,SAAA,GAA4B,KAAA,KACb;AACf,EAAA,MAAM,MAAA,GAAS,CAAC,GAAG,IAAI,EAAE,IAAA,CAAK,CAAC,GAAG,CAAA,KAAM;AACtC,IAAA,MAAM,KAAA,GAAQ,EAAE,SAAA,GAAY,IAAI,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,OAAA,EAAQ,GAAI,CAAA;AAC9D,IAAA,MAAM,KAAA,GAAQ,EAAE,SAAA,GAAY,IAAI,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,OAAA,EAAQ,GAAI,CAAA;AAC9D,IAAA,OAAO,SAAA,KAAc,KAAA,GAAQ,KAAA,GAAQ,KAAA,GAAQ,KAAA,GAAQ,KAAA;AAAA,EACvD,CAAC,CAAA;AAED,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,SAAS,qBAAA,CACd,OAAA,EACA,OAAA,EACA,OAAA,EAC6B;AAC7B,EAAA,MAAM,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAA,CAAqB,EAAE,CAAA;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,CAAC,CAAA;AAC9C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAA,MAAM,kBAAA,GAAqB,OAA8B,IAAI,CAAA;AAC7D,EAAA,MAAM,WAAA,GAAc,OAAgB,KAAK,CAAA;AACzC,EAAA,MAAM,OAAA,GAAU,MAAA,CAAmB,EAAE,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAAA,EACpB,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,kBAAA,GAAqB,OAAA;AAAA,IACzB,MAAM,MAAM,IAAA,CAAK,IAAI,IAAI,OAAA,CAAQ,UAAA,IAAc,EAAE,CAAC,CAAA;AAAA,IAClD,CAAC,QAAQ,UAAU;AAAA,GACrB;AAEA,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,OAAO,QAAiB,KAAA,KAAU;AAChC,MAAA,IACE,CAAC,OAAA,CAAQ,WAAA,IACT,CAAC,OAAA,CAAQ,eAAA,IACT,CAAC,OAAA,CAAQ,aAAA,IACT,CAAC,OAAA,CAAQ,WAAA,EACT;AACA,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,YAAY,OAAA,EAAS;AACvB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI;AACF,QAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA,QAAA,CAAS,IAAI,CAAA;AAEb,QAAA,MAAM,EAAE,WAAW,gBAAA,EAAkB,OAAA,EAAS,gBAAe,GAC3D,kBAAA,CAAmB,QAAQ,SAAA,EAAW;AAAA,UACpC,WAAW,OAAA,CAAQ,eAAA;AAAA,UACnB,SAAS,OAAA,CAAQ;AAAA,SAClB,CAAA;AAEH,QAAA,IAAI,SAAA,GAAY,gBAAA;AAChB,QAAA,IAAI,OAAA,GAAU,cAAA;AACd,QAAA,MAAM,SAAA,GAAY,QAAQ,SAAA,IAAa,KAAA;AAEvC,QAAA,IAAI,CAAC,KAAA,IAAS,OAAA,CAAQ,OAAA,CAAQ,SAAS,CAAA,EAAG;AACxC,UAAA,MAAM,UAAU,OAAA,CAAQ,OAAA,CAAQ,OAAA,CAAQ,OAAA,CAAQ,SAAS,CAAC,CAAA;AAC1D,UAAA,IAAI,cAAc,MAAA,EAAQ;AACxB,YAAA,OAAA,GAAU,QAAQ,SAAA,IAAa,OAAA;AAAA,UACjC,CAAA,MAAO;AACL,YAAA,SAAA,GAAY,QAAQ,SAAA,IAAa,SAAA;AAAA,UACnC;AAAA,QACF;AAEA,QAAA,MAAM,KAAA,GAAQ,QAAQ,KAAA,IAAS,EAAA;AAG/B,QAAA,MAAM,YAAA,GAAe;AAAA,UACnB,KAAA;AAAA,UACA,SAAA;AAAA,UACA,OAAA;AAAA,UACA,WACE,OAAA,CAAQ,QAAA,CAAS,MAAA,KAAW,UAAA,CAAW,UACvC,UAAA,CAAW,KAAA,CAAM,CAAA,CAAA,KAAK,OAAA,CAAQ,SAAS,QAAA,CAAS,CAAC,CAAC,CAAA,GAC9C,KACA,OAAA,CAAQ,QAAA;AAAA,UACd,aAAa,OAAA,CAAQ,WAAA;AAAA,UACrB;AAAA,SACF;AAEA,QAAA,MAAM,SAAA,GACJ,kBAAA,CAAmB,MAAA,GAAS,CAAA,GACxB,MAAM,OAAA,CAAQ,GAAA;AAAA,UACZ,kBAAA,CAAmB,GAAA;AAAA,YAAI,mBACrB,gBAAA,CAAiB,cAAA;AAAA,cACf,OAAA,CAAQ,aAAA;AAAA,cACR,OAAA,CAAQ,WAAA;AAAA,cACR,OAAA,CAAQ,eAAA;AAAA,cACR,aAAA;AAAA,cACA;AAAA;AACF;AACF,SACF,GACA;AAAA,UACE,MAAM,gBAAA,CAAiB,cAAA;AAAA,YACrB,OAAA,CAAQ,aAAA;AAAA,YACR,OAAA,CAAQ,WAAA;AAAA,YACR,OAAA,CAAQ,eAAA;AAAA,YACR,KAAA,CAAA;AAAA,YACA;AAAA;AACF,SACF;AAEN,QAAA,MAAM,aAAA,GACJ,kBAAA,CAAmB,MAAA,GAAS,CAAA,GACxB,SAAA,CAAU,OAAA;AAAA,UAAQ,CAAC,UAAU,KAAA,KAAA,CAC1B,QAAA,CAAS,QAAQ,EAAC,EAAG,IAAI,CAAA,GAAA,MAAQ;AAAA,YAChC,GAAG,GAAA;AAAA,YACH,QAAA,EAAU;AAAA,cACR,GAAG,GAAA,CAAI,QAAA;AAAA,cACP,aAAA,EACE,GAAA,CAAI,QAAA,EAAU,aAAA,IAAiB,mBAAmB,KAAK;AAAA;AAC3D,WACF,CAAE;AAAA,YAEJ,SAAA,CAAU,OAAA,CAAQ,cAAY,QAAA,CAAS,IAAA,IAAQ,EAAE,CAAA;AAEvD,QAAA,MAAM,UAAA,GAAa,eAAA,CAAgB,aAAA,EAAe,SAAS,CAAA;AAE3D,QAAA,MAAM,QAAA,GAAW,KAAA,GACb,UAAA,GACA,eAAA,CAAgB,CAAC,GAAG,OAAA,CAAQ,OAAA,EAAS,GAAG,UAAU,CAAA,EAAG,SAAS,CAAA;AAElE,QAAA,OAAA,CAAQ,QAAQ,CAAA;AAChB,QAAA,IAAI,KAAA,EAAO;AACT,UAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,MAAA,CAAO,CAAC,KAAK,QAAA,KAAa;AAChD,YAAA,OAAO,GAAA,IAAO,SAAS,KAAA,IAAS,CAAA,CAAA;AAAA,UAClC,GAAG,CAAC,CAAA;AACJ,UAAA,aAAA,CAAc,KAAK,CAAA;AAAA,QACrB;AACA,QAAA,UAAA;AAAA,UACE,SAAA,CAAU,KAAK,CAAA,QAAA,KAAA,CAAa,QAAA,CAAS,QAAQ,EAAC,EAAG,WAAW,KAAK;AAAA,SACnE;AAAA,MACF,SAAS,GAAA,EAAK;AACZ,QAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,sBAAsB,CAAA;AAAA,MACtE,CAAA,SAAE;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAChB,QAAA,WAAA,CAAY,OAAA,GAAU,KAAA;AAAA,MACxB;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,CAAQ,WAAA;AAAA,MACR,OAAA,CAAQ,SAAA;AAAA,MACR,OAAA,CAAQ,eAAA;AAAA,MACR,OAAA,CAAQ,aAAA;AAAA,MACR,OAAA,CAAQ,QAAA;AAAA,MACR,OAAA,CAAQ,WAAA;AAAA,MACR,OAAA,CAAQ,SAAA;AAAA,MACR,gBAAA;AAAA,MACA,OAAA,CAAQ,eAAA;AAAA,MACR,OAAA,CAAQ,aAAA;AAAA,MACR,OAAA,CAAQ,WAAA;AAAA,MACR,OAAA,CAAQ,KAAA;AAAA,MACR;AAAA;AACF,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,MAAA,aAAA,CAAc,mBAAmB,OAAO,CAAA;AACxC,MAAA,kBAAA,CAAmB,OAAA,GAAU,IAAA;AAAA,IAC/B;AAEA,IAAA,IACE,CAAC,OAAA,CAAQ,MAAA,IACT,CAAC,QAAQ,WAAA,IACT,CAAC,OAAA,CAAQ,eAAA,IACT,CAAC,OAAA,CAAQ,aAAA,IACT,CAAC,QAAQ,WAAA,EACT;AACA,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,kBAAA,CAAmB,OAAA,GAAU,YAAY,MAAM;AAC7C,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB,GAAG,GAAI,CAAA;AAEP,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,QAAA,aAAA,CAAc,mBAAmB,OAAO,CAAA;AACxC,QAAA,kBAAA,CAAmB,OAAA,GAAU,IAAA;AAAA,MAC/B;AACA,MAAA,WAAA,CAAY,OAAA,GAAU,KAAA;AAAA,IACxB,CAAA;AAAA,EACF,CAAA,EAAG;AAAA,IACD,SAAA;AAAA,IACA,OAAA,CAAQ,WAAA;AAAA,IACR,OAAA,CAAQ,MAAA;AAAA,IACR,OAAA,CAAQ,eAAA;AAAA,IACR,OAAA,CAAQ,aAAA;AAAA,IACR,OAAA,CAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,YAAY,MAAM;AACjC,IAAA,IAAI,CAAC,OAAA,IAAW,OAAA,IAAW,CAAC,KAAA,IAAS,IAAA,CAAK,SAAS,CAAA,EAAG;AACpD,MAAA,SAAA,CAAU,KAAK,CAAA;AAAA,IACjB;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,OAAA,EAAS,OAAO,IAAA,CAAK,MAAA,EAAQ,SAAS,CAAC,CAAA;AAEpD,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,OAAA,CAAQ,EAAE,CAAA;AACV,IAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EAChB,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,MAAM,SAAA,GAAY,YAAY,MAAM;AAClC,IAAA,OAAA,CAAQ,EAAE,CAAA;AACV,IAAA,aAAA,CAAc,CAAC,CAAA;AACf,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IACL,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useRCAReportByAlert.esm.js

@@ -0,0 +1,54 @@
+import { useState, useCallback, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { observabilityApiRef } from '../api/ObservabilityApi.esm.js';
+import { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';
+
+function useRCAReport(reportId, environmentName, entity) {
+  const observabilityApi = useApi(observabilityApiRef);
+  const [report, setReport] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const namespace = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE] || "";
+  const fetchReport = useCallback(async () => {
+    if (!reportId || !environmentName) {
+      setLoading(false);
+      setReport(null);
+      setError(null);
+      return;
+    }
+    try {
+      setLoading(true);
+      setError(null);
+      const reportData = await observabilityApi.getRCAReport(
+        reportId,
+        environmentName,
+        namespace
+      );
+      setReport(reportData);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to fetch RCA report"
+      );
+    } finally {
+      setLoading(false);
+    }
+  }, [observabilityApi, reportId, environmentName, namespace]);
+  useEffect(() => {
+    if (reportId && environmentName) {
+      fetchReport();
+    } else {
+      setLoading(false);
+      setReport(null);
+      setError(null);
+    }
+  }, [reportId, environmentName, namespace]);
+  return {
+    report,
+    loading,
+    error,
+    refresh: fetchReport
+  };
+}
+
+export { useRCAReport };
+//# sourceMappingURL=useRCAReportByAlert.esm.js.map

package/dist/hooks/useRCAReportByAlert.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRCAReportByAlert.esm.js","sources":["../../src/hooks/useRCAReportByAlert.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { observabilityApiRef } from '../api/ObservabilityApi';\nimport { Entity } from '@backstage/catalog-model';\nimport { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';\nimport { RCAReportDetailed } from '../types';\n\nexport function useRCAReport(\n  reportId: string | undefined,\n  environmentName: string | undefined,\n  entity: Entity,\n) {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [report, setReport] = useState<RCAReportDetailed | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const namespace =\n    entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE] || '';\n\n  const fetchReport = useCallback(async () => {\n    if (!reportId || !environmentName) {\n      setLoading(false);\n      setReport(null);\n      setError(null);\n      return;\n    }\n\n    try {\n      setLoading(true);\n      setError(null);\n\n      const reportData = await observabilityApi.getRCAReport(\n        reportId,\n        environmentName,\n        namespace,\n      );\n\n      setReport(reportData);\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : 'Failed to fetch RCA report',\n      );\n    } finally {\n      setLoading(false);\n    }\n  }, [observabilityApi, reportId, environmentName, namespace]);\n\n  // Auto-fetch report when dependencies are available\n  useEffect(() => {\n    if (reportId && environmentName) {\n      fetchReport();\n    } else {\n      setLoading(false);\n      setReport(null);\n      setError(null);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [reportId, environmentName, namespace]);\n\n  return {\n    report,\n    loading,\n    error,\n    refresh: fetchReport,\n  };\n}\n\n/** @deprecated Use useRCAReport instead */\nexport const useRCAReportByAlert = useRCAReport;\n"],"names":[],"mappings":";;;;;AAOO,SAAS,YAAA,CACd,QAAA,EACA,eAAA,EACA,MAAA,EACA;AACA,EAAA,MAAM,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAmC,IAAI,CAAA;AACnE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEtD,EAAA,MAAM,YACJ,MAAA,CAAO,QAAA,CAAS,WAAA,GAAc,kBAAA,CAAmB,SAAS,CAAA,IAAK,EAAA;AAEjE,EAAA,MAAM,WAAA,GAAc,YAAY,YAAY;AAC1C,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,eAAA,EAAiB;AACjC,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA;AAAA,IACF;AAEA,IAAA,IAAI;AACF,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,QAAA,CAAS,IAAI,CAAA;AAEb,MAAA,MAAM,UAAA,GAAa,MAAM,gBAAA,CAAiB,YAAA;AAAA,QACxC,QAAA;AAAA,QACA,eAAA;AAAA,QACA;AAAA,OACF;AAEA,MAAA,SAAA,CAAU,UAAU,CAAA;AAAA,IACtB,SAAS,GAAA,EAAK;AACZ,MAAA,QAAA;AAAA,QACE,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU;AAAA,OACvC;AAAA,IACF,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,gBAAA,EAAkB,QAAA,EAAU,eAAA,EAAiB,SAAS,CAAC,CAAA;AAG3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAY,eAAA,EAAiB;AAC/B,MAAA,WAAA,EAAY;AAAA,IACd,CAAA,MAAO;AACL,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf;AAAA,EAEF,CAAA,EAAG,CAAC,QAAA,EAAU,eAAA,EAAiB,SAAS,CAAC,CAAA;AAEzC,EAAA,OAAO;AAAA,IACL,MAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA,EAAS;AAAA,GACX;AACF;;;;"}

package/dist/hooks/useRCAReports.esm.js

@@ -0,0 +1,75 @@
+import { useState, useCallback, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { observabilityApiRef } from '../api/ObservabilityApi.esm.js';
+import { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';
+import { calculateTimeRange } from '@openchoreo/backstage-plugin-react';
+
+function useRCAReports(filters, entity) {
+  const observabilityApi = useApi(observabilityApiRef);
+  const [reports, setReports] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [totalCount, setTotalCount] = useState(void 0);
+  const namespace = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE] || "";
+  const projectName = entity.metadata.name;
+  const fetchReports = useCallback(async () => {
+    if (!filters.environment || !filters.timeRange || !namespace) {
+      setReports([]);
+      setTotalCount(void 0);
+      setError(null);
+      return;
+    }
+    try {
+      setLoading(true);
+      setError(null);
+      const { startTime, endTime } = calculateTimeRange(filters.timeRange, {
+        startTime: filters.customStartTime,
+        endTime: filters.customEndTime
+      });
+      const response = await observabilityApi.getRCAReports(
+        namespace,
+        projectName,
+        filters.environment.name,
+        {
+          limit: 100,
+          startTime,
+          endTime,
+          status: filters.rcaStatus
+        }
+      );
+      setReports(response.reports);
+      setTotalCount(response.totalCount);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to fetch RCA reports"
+      );
+    } finally {
+      setLoading(false);
+    }
+  }, [
+    observabilityApi,
+    filters.environment,
+    filters.timeRange,
+    filters.customStartTime,
+    filters.customEndTime,
+    filters.rcaStatus,
+    namespace,
+    projectName
+  ]);
+  useEffect(() => {
+    fetchReports();
+  }, [fetchReports]);
+  const refresh = useCallback(() => {
+    fetchReports();
+  }, [fetchReports]);
+  return {
+    reports,
+    loading,
+    error,
+    refresh,
+    totalCount
+  };
+}
+
+export { useRCAReports };
+//# sourceMappingURL=useRCAReports.esm.js.map

package/dist/hooks/useRCAReports.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRCAReports.esm.js","sources":["../../src/hooks/useRCAReports.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { observabilityApiRef } from '../api/ObservabilityApi';\nimport { Filters, RCAReportSummary } from '../types';\nimport { Entity } from '@backstage/catalog-model';\nimport { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';\nimport { calculateTimeRange } from '@openchoreo/backstage-plugin-react';\n\nexport function useRCAReports(filters: Filters, entity: Entity) {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [reports, setReports] = useState<RCAReportSummary[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [totalCount, setTotalCount] = useState<number | undefined>(undefined);\n\n  const namespace =\n    entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE] || '';\n  const projectName = entity.metadata.name as string;\n\n  const fetchReports = useCallback(async () => {\n    if (!filters.environment || !filters.timeRange || !namespace) {\n      setReports([]);\n      setTotalCount(undefined);\n      setError(null);\n      return;\n    }\n\n    try {\n      setLoading(true);\n      setError(null);\n\n      const { startTime, endTime } = calculateTimeRange(filters.timeRange, {\n        startTime: filters.customStartTime,\n        endTime: filters.customEndTime,\n      });\n\n      const response = await observabilityApi.getRCAReports(\n        namespace,\n        projectName,\n        filters.environment.name,\n        {\n          limit: 100,\n          startTime,\n          endTime,\n          status: filters.rcaStatus,\n        },\n      );\n\n      setReports(response.reports);\n      setTotalCount(response.totalCount);\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : 'Failed to fetch RCA reports',\n      );\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    observabilityApi,\n    filters.environment,\n    filters.timeRange,\n    filters.customStartTime,\n    filters.customEndTime,\n    filters.rcaStatus,\n    namespace,\n    projectName,\n  ]);\n\n  // Auto-fetch reports when filters or entity scope change\n  useEffect(() => {\n    fetchReports();\n  }, [fetchReports]);\n\n  const refresh = useCallback(() => {\n    fetchReports();\n  }, [fetchReports]);\n\n  return {\n    reports,\n    loading,\n    error,\n    refresh,\n    totalCount,\n  };\n}\n"],"names":[],"mappings":";;;;;;AAQO,SAAS,aAAA,CAAc,SAAkB,MAAA,EAAgB;AAC9D,EAAA,MAAM,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,CAA6B,EAAE,CAAA;AAC7D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAA6B,MAAS,CAAA;AAE1E,EAAA,MAAM,YACJ,MAAA,CAAO,QAAA,CAAS,WAAA,GAAc,kBAAA,CAAmB,SAAS,CAAA,IAAK,EAAA;AACjE,EAAA,MAAM,WAAA,GAAc,OAAO,QAAA,CAAS,IAAA;AAEpC,EAAA,MAAM,YAAA,GAAe,YAAY,YAAY;AAC3C,IAAA,IAAI,CAAC,OAAA,CAAQ,WAAA,IAAe,CAAC,OAAA,CAAQ,SAAA,IAAa,CAAC,SAAA,EAAW;AAC5D,MAAA,UAAA,CAAW,EAAE,CAAA;AACb,MAAA,aAAA,CAAc,MAAS,CAAA;AACvB,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA;AAAA,IACF;AAEA,IAAA,IAAI;AACF,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,QAAA,CAAS,IAAI,CAAA;AAEb,MAAA,MAAM,EAAE,SAAA,EAAW,OAAA,EAAQ,GAAI,kBAAA,CAAmB,QAAQ,SAAA,EAAW;AAAA,QACnE,WAAW,OAAA,CAAQ,eAAA;AAAA,QACnB,SAAS,OAAA,CAAQ;AAAA,OAClB,CAAA;AAED,MAAA,MAAM,QAAA,GAAW,MAAM,gBAAA,CAAiB,aAAA;AAAA,QACtC,SAAA;AAAA,QACA,WAAA;AAAA,QACA,QAAQ,WAAA,CAAY,IAAA;AAAA,QACpB;AAAA,UACE,KAAA,EAAO,GAAA;AAAA,UACP,SAAA;AAAA,UACA,OAAA;AAAA,UACA,QAAQ,OAAA,CAAQ;AAAA;AAClB,OACF;AAEA,MAAA,UAAA,CAAW,SAAS,OAAO,CAAA;AAC3B,MAAA,aAAA,CAAc,SAAS,UAAU,CAAA;AAAA,IACnC,SAAS,GAAA,EAAK;AACZ,MAAA,QAAA;AAAA,QACE,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU;AAAA,OACvC;AAAA,IACF,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG;AAAA,IACD,gBAAA;AAAA,IACA,OAAA,CAAQ,WAAA;AAAA,IACR,OAAA,CAAQ,SAAA;AAAA,IACR,OAAA,CAAQ,eAAA;AAAA,IACR,OAAA,CAAQ,aAAA;AAAA,IACR,OAAA,CAAQ,SAAA;AAAA,IACR,SAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,EAAa;AAAA,EACf,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,YAAA,EAAa;AAAA,EACf,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,OAAO;AAAA,IACL,OAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useRuntimeLogs.esm.js

@@ -0,0 +1,147 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { observabilityApiRef } from '../api/ObservabilityApi.esm.js';
+import { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';
+import { calculateTimeRange } from '@openchoreo/backstage-plugin-react';
+
+function useRuntimeLogs(entity, namespaceName, project, options) {
+  const observabilityApi = useApi(observabilityApiRef);
+  const [logs, setLogs] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [totalCount, setTotalCount] = useState(0);
+  const [hasMore, setHasMore] = useState(true);
+  const pollingIntervalRef = useRef(null);
+  const inFlightRef = useRef(false);
+  const fetchGenerationRef = useRef(0);
+  const fetchLogs = useCallback(
+    async (reset = false) => {
+      if (!options.environment) {
+        return;
+      }
+      if (options.logLevels !== void 0 && options.logLevels.length === 0) {
+        return;
+      }
+      if (inFlightRef.current) {
+        return;
+      }
+      const generation = fetchGenerationRef.current;
+      try {
+        inFlightRef.current = true;
+        setLoading(true);
+        setError(null);
+        const componentName = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.COMPONENT];
+        if (!componentName) {
+          throw new Error("Component name not found in entity annotations");
+        }
+        const { startTime: initialStartTime, endTime: initialEndTime } = calculateTimeRange(options.timeRange, {
+          startTime: options.customStartTime,
+          endTime: options.customEndTime
+        });
+        let endTime = initialEndTime;
+        let startTime = initialStartTime;
+        if (!reset && logs.length > 0) {
+          const lastLog = logs[logs.length - 1];
+          const sortOrder = options.sortOrder || "asc";
+          if (sortOrder === "desc") {
+            endTime = lastLog.timestamp ?? endTime;
+          } else {
+            startTime = lastLog.timestamp ?? startTime;
+          }
+        }
+        const response = await observabilityApi.getRuntimeLogs(
+          namespaceName,
+          project,
+          options.environment,
+          componentName,
+          {
+            limit: options.limit || 50,
+            startTime,
+            endTime,
+            logLevels: options.logLevels,
+            searchQuery: options.searchQuery,
+            sortOrder: options.sortOrder || "asc"
+          }
+        );
+        if (fetchGenerationRef.current !== generation) return;
+        if (reset) {
+          setLogs(response.logs);
+          setTotalCount(response.total ?? 0);
+        } else {
+          setLogs((prev) => [...prev, ...response.logs]);
+        }
+        setHasMore(response.logs.length === (options.limit || 50));
+      } catch (err) {
+        if (fetchGenerationRef.current === generation) {
+          setError(err instanceof Error ? err.message : "Failed to fetch logs");
+        }
+      } finally {
+        setLoading(false);
+        inFlightRef.current = false;
+      }
+    },
+    [
+      observabilityApi,
+      options.environment,
+      options.timeRange,
+      options.customStartTime,
+      options.customEndTime,
+      options.logLevels,
+      options.limit,
+      options.searchQuery,
+      options.sortOrder,
+      logs,
+      namespaceName,
+      project,
+      entity
+    ]
+  );
+  useEffect(() => {
+    if (pollingIntervalRef.current) {
+      clearInterval(pollingIntervalRef.current);
+      pollingIntervalRef.current = null;
+    }
+    if (!options.isLive) {
+      return void 0;
+    }
+    pollingIntervalRef.current = setInterval(() => {
+      fetchLogs(true);
+    }, 5e3);
+    return () => {
+      if (pollingIntervalRef.current) {
+        clearInterval(pollingIntervalRef.current);
+        pollingIntervalRef.current = null;
+      }
+      inFlightRef.current = false;
+    };
+  }, [options.isLive, fetchLogs]);
+  const loadMore = useCallback(() => {
+    if (!loading && hasMore && !error && logs.length > 0) {
+      fetchLogs(false);
+    }
+  }, [fetchLogs, hasMore, loading, error, logs.length]);
+  const refresh = useCallback(() => {
+    setLogs([]);
+    fetchLogs(true);
+  }, [fetchLogs]);
+  const clearLogs = useCallback(() => {
+    fetchGenerationRef.current += 1;
+    setLogs([]);
+    setTotalCount(0);
+    setHasMore(true);
+  }, []);
+  return {
+    logs,
+    loading,
+    error,
+    totalCount,
+    hasMore,
+    fetchLogs,
+    loadMore,
+    refresh,
+    clearLogs
+  };
+}
+
+export { useRuntimeLogs };
+//# sourceMappingURL=useRuntimeLogs.esm.js.map

package/dist/hooks/useRuntimeLogs.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRuntimeLogs.esm.js","sources":["../../src/hooks/useRuntimeLogs.ts"],"sourcesContent":["import { useCallback, useEffect, useState, useRef } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { observabilityApiRef } from '../api/ObservabilityApi';\nimport { Entity } from '@backstage/catalog-model';\nimport { LogEntry } from '../components/RuntimeLogs/types';\nimport { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';\nimport { calculateTimeRange } from '@openchoreo/backstage-plugin-react';\n\nexport interface UseRuntimeLogsOptions {\n  environment: string;\n  timeRange: string;\n  /** ISO start time, used when `timeRange === 'custom'` */\n  customStartTime?: string;\n  /** ISO end time, used when `timeRange === 'custom'` */\n  customEndTime?: string;\n  logLevels?: string[];\n  limit?: number;\n  searchQuery?: string;\n  sortOrder?: 'asc' | 'desc';\n  isLive?: boolean;\n}\n\nexport interface UseRuntimeLogsResult {\n  logs: LogEntry[];\n  loading: boolean;\n  error: string | null;\n  totalCount: number;\n  hasMore: boolean;\n  fetchLogs: (reset?: boolean) => Promise<void>;\n  loadMore: () => void;\n  refresh: () => void;\n  clearLogs: () => void;\n}\n\n/**\n * Hook for fetching runtime logs for a component.\n *\n * @param entity - The Backstage entity\n * @param namespaceName - Namespace name\n * @param project - Project name\n * @param options - Runtime logs options (environment, time range, log levels, etc.)\n * @returns Runtime logs data and control functions\n */\nexport function useRuntimeLogs(\n  entity: Entity,\n  namespaceName: string,\n  project: string,\n  options: UseRuntimeLogsOptions,\n): UseRuntimeLogsResult {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [logs, setLogs] = useState<LogEntry[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [totalCount, setTotalCount] = useState(0);\n  const [hasMore, setHasMore] = useState(true);\n  const pollingIntervalRef = useRef<NodeJS.Timeout | null>(null);\n  const inFlightRef = useRef<boolean>(false);\n  const fetchGenerationRef = useRef<number>(0);\n\n  const fetchLogs = useCallback(\n    async (reset: boolean = false) => {\n      if (!options.environment) {\n        return;\n      }\n\n      // Skip fetch if logLevels is explicitly empty (none selected)\n      if (options.logLevels !== undefined && options.logLevels.length === 0) {\n        return;\n      }\n\n      // Check if a fetch is already in progress\n      if (inFlightRef.current) {\n        return;\n      }\n\n      const generation = fetchGenerationRef.current;\n\n      try {\n        inFlightRef.current = true;\n        setLoading(true);\n        setError(null);\n\n        const componentName =\n          entity.metadata.annotations?.[CHOREO_ANNOTATIONS.COMPONENT];\n        if (!componentName) {\n          throw new Error('Component name not found in entity annotations');\n        }\n\n        // Calculate the start and end times based on the time range\n        const { startTime: initialStartTime, endTime: initialEndTime } =\n          calculateTimeRange(options.timeRange, {\n            startTime: options.customStartTime,\n            endTime: options.customEndTime,\n          });\n\n        // Use timestamp-based pagination instead of offset\n        let endTime = initialEndTime;\n        let startTime = initialStartTime;\n        if (!reset && logs.length > 0) {\n          // For load more, use the timestamp of the last log as the new endTime or startTime based on the sort order\n          const lastLog = logs[logs.length - 1];\n          const sortOrder = options.sortOrder || 'asc';\n          if (sortOrder === 'desc') {\n            // For descending (newest first), use the timestamp of the last log as the new endTime\n            endTime = lastLog.timestamp ?? endTime;\n          } else {\n            // For ascending (oldest first), use the timestamp of the last log as the new startTime\n            startTime = lastLog.timestamp ?? startTime;\n          }\n        }\n\n        const response = await observabilityApi.getRuntimeLogs(\n          namespaceName,\n          project,\n          options.environment,\n          componentName,\n          {\n            limit: options.limit || 50,\n            startTime,\n            endTime,\n            logLevels: options.logLevels,\n            searchQuery: options.searchQuery,\n            sortOrder: options.sortOrder || 'asc',\n          },\n        );\n\n        if (fetchGenerationRef.current !== generation) return;\n\n        if (reset) {\n          setLogs(response.logs);\n          setTotalCount(response.total ?? 0);\n        } else {\n          setLogs(prev => [...prev, ...response.logs]);\n        }\n\n        setHasMore(response.logs.length === (options.limit || 50));\n      } catch (err) {\n        if (fetchGenerationRef.current === generation) {\n          setError(err instanceof Error ? err.message : 'Failed to fetch logs');\n        }\n      } finally {\n        setLoading(false);\n        inFlightRef.current = false;\n      }\n    },\n    [\n      observabilityApi,\n      options.environment,\n      options.timeRange,\n      options.customStartTime,\n      options.customEndTime,\n      options.logLevels,\n      options.limit,\n      options.searchQuery,\n      options.sortOrder,\n      logs,\n      namespaceName,\n      project,\n      entity,\n    ],\n  );\n\n  // Live polling effect\n  useEffect(() => {\n    // Always clear any existing interval first\n    if (pollingIntervalRef.current) {\n      clearInterval(pollingIntervalRef.current);\n      pollingIntervalRef.current = null;\n    }\n\n    if (!options.isLive) {\n      return undefined;\n    }\n\n    // Set up polling interval (5 seconds)\n    pollingIntervalRef.current = setInterval(() => {\n      fetchLogs(true);\n    }, 5000);\n\n    return () => {\n      if (pollingIntervalRef.current) {\n        clearInterval(pollingIntervalRef.current);\n        pollingIntervalRef.current = null;\n      }\n      inFlightRef.current = false;\n    };\n  }, [options.isLive, fetchLogs]);\n\n  const loadMore = useCallback(() => {\n    if (!loading && hasMore && !error && logs.length > 0) {\n      fetchLogs(false);\n    }\n  }, [fetchLogs, hasMore, loading, error, logs.length]);\n\n  const refresh = useCallback(() => {\n    setLogs([]);\n    fetchLogs(true);\n  }, [fetchLogs]);\n\n  const clearLogs = useCallback(() => {\n    fetchGenerationRef.current += 1;\n    setLogs([]);\n    setTotalCount(0);\n    setHasMore(true);\n  }, []);\n\n  return {\n    logs,\n    loading,\n    error,\n    totalCount,\n    hasMore,\n    fetchLogs,\n    loadMore,\n    refresh,\n    clearLogs,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useSpanDetails.esm.js

@@ -0,0 +1,71 @@
+import { useState, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { observabilityApiRef } from '../api/ObservabilityApi.esm.js';
+
+function useSpanDetails(options) {
+  const observabilityApi = useApi(observabilityApiRef);
+  const [detailsMap, setDetailsMap] = useState(
+    /* @__PURE__ */ new Map()
+  );
+  const [loadingMap, setLoadingMap] = useState(/* @__PURE__ */ new Map());
+  const [errorMap, setErrorMap] = useState(/* @__PURE__ */ new Map());
+  const makeKey = (traceId, spanId) => `${traceId}::${spanId}`;
+  const fetchSpanDetails = useCallback(
+    async (traceId, spanId) => {
+      const key = makeKey(traceId, spanId);
+      if (loadingMap.get(key) || detailsMap.has(key)) {
+        return;
+      }
+      setLoadingMap((prev) => new Map(prev).set(key, true));
+      setErrorMap((prev) => {
+        const next = new Map(prev);
+        next.delete(key);
+        return next;
+      });
+      try {
+        const result = await observabilityApi.getSpanDetails(
+          traceId,
+          spanId,
+          options.namespaceName,
+          options.environmentName
+        );
+        setDetailsMap((prev) => new Map(prev).set(key, result));
+      } catch (err) {
+        setErrorMap(
+          (prev) => new Map(prev).set(
+            key,
+            err instanceof Error ? err.message : "Failed to fetch span details"
+          )
+        );
+      } finally {
+        setLoadingMap((prev) => {
+          const next = new Map(prev);
+          next.delete(key);
+          return next;
+        });
+      }
+    },
+    [observabilityApi, options, loadingMap, detailsMap]
+  );
+  const getDetails = useCallback(
+    (traceId, spanId) => detailsMap.get(makeKey(traceId, spanId)),
+    [detailsMap]
+  );
+  const isLoading = useCallback(
+    (traceId, spanId) => loadingMap.get(makeKey(traceId, spanId)) ?? false,
+    [loadingMap]
+  );
+  const getError = useCallback(
+    (traceId, spanId) => errorMap.get(makeKey(traceId, spanId)),
+    [errorMap]
+  );
+  return {
+    fetchSpanDetails,
+    getDetails,
+    isLoading,
+    getError
+  };
+}
+
+export { useSpanDetails };
+//# sourceMappingURL=useSpanDetails.esm.js.map

package/dist/hooks/useSpanDetails.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpanDetails.esm.js","sources":["../../src/hooks/useSpanDetails.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { observabilityApiRef } from '../api/ObservabilityApi';\nimport { SpanDetails } from '../types';\n\ninterface UseSpanDetailsOptions {\n  namespaceName: string;\n  environmentName: string;\n}\n\nexport function useSpanDetails(options: UseSpanDetailsOptions) {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [detailsMap, setDetailsMap] = useState<Map<string, SpanDetails>>(\n    new Map(),\n  );\n  const [loadingMap, setLoadingMap] = useState<Map<string, boolean>>(new Map());\n  const [errorMap, setErrorMap] = useState<Map<string, string>>(new Map());\n\n  // Composite key for deduplication\n  const makeKey = (traceId: string, spanId: string) => `${traceId}::${spanId}`;\n\n  const fetchSpanDetails = useCallback(\n    async (traceId: string, spanId: string) => {\n      const key = makeKey(traceId, spanId);\n\n      if (loadingMap.get(key) || detailsMap.has(key)) {\n        return;\n      }\n\n      setLoadingMap(prev => new Map(prev).set(key, true));\n      setErrorMap(prev => {\n        const next = new Map(prev);\n        next.delete(key);\n        return next;\n      });\n\n      try {\n        const result = await observabilityApi.getSpanDetails(\n          traceId,\n          spanId,\n          options.namespaceName,\n          options.environmentName,\n        );\n\n        setDetailsMap(prev => new Map(prev).set(key, result));\n      } catch (err) {\n        setErrorMap(prev =>\n          new Map(prev).set(\n            key,\n            err instanceof Error ? err.message : 'Failed to fetch span details',\n          ),\n        );\n      } finally {\n        setLoadingMap(prev => {\n          const next = new Map(prev);\n          next.delete(key);\n          return next;\n        });\n      }\n    },\n    [observabilityApi, options, loadingMap, detailsMap],\n  );\n\n  const getDetails = useCallback(\n    (traceId: string, spanId: string): SpanDetails | undefined =>\n      detailsMap.get(makeKey(traceId, spanId)),\n    [detailsMap],\n  );\n\n  const isLoading = useCallback(\n    (traceId: string, spanId: string): boolean =>\n      loadingMap.get(makeKey(traceId, spanId)) ?? false,\n    [loadingMap],\n  );\n\n  const getError = useCallback(\n    (traceId: string, spanId: string): string | undefined =>\n      errorMap.get(makeKey(traceId, spanId)),\n    [errorMap],\n  );\n\n  return {\n    fetchSpanDetails,\n    getDetails,\n    isLoading,\n    getError,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useTraceSpans.esm.js

@@ -0,0 +1,80 @@
+import { useState, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { observabilityApiRef } from '../api/ObservabilityApi.esm.js';
+
+function useTraceSpans(options) {
+  const observabilityApi = useApi(observabilityApiRef);
+  const [spansMap, setSpansMap] = useState(/* @__PURE__ */ new Map());
+  const [loadingMap, setLoadingMap] = useState(/* @__PURE__ */ new Map());
+  const [errorMap, setErrorMap] = useState(/* @__PURE__ */ new Map());
+  const fetchSpans = useCallback(
+    async (traceId) => {
+      if (loadingMap.get(traceId) || spansMap.has(traceId)) {
+        return;
+      }
+      setLoadingMap((prev) => new Map(prev).set(traceId, true));
+      setErrorMap((prev) => {
+        const next = new Map(prev);
+        next.delete(traceId);
+        return next;
+      });
+      try {
+        const result = await observabilityApi.getTraceSpans(
+          traceId,
+          options.namespaceName,
+          options.projectName,
+          options.environmentName,
+          options.componentName,
+          {
+            startTime: options.startTime,
+            endTime: options.endTime
+          }
+        );
+        setSpansMap((prev) => new Map(prev).set(traceId, result.spans));
+      } catch (err) {
+        setErrorMap(
+          (prev) => new Map(prev).set(
+            traceId,
+            err instanceof Error ? err.message : "Failed to fetch spans"
+          )
+        );
+      } finally {
+        setLoadingMap((prev) => {
+          const next = new Map(prev);
+          next.delete(traceId);
+          return next;
+        });
+      }
+    },
+    [observabilityApi, options, loadingMap, spansMap]
+  );
+  const getSpans = useCallback(
+    (traceId) => spansMap.get(traceId),
+    [spansMap]
+  );
+  const isLoading = useCallback(
+    (traceId) => loadingMap.get(traceId) ?? false,
+    [loadingMap]
+  );
+  const getError = useCallback(
+    (traceId) => errorMap.get(traceId),
+    [errorMap]
+  );
+  const clearSpans = useCallback((traceId) => {
+    setSpansMap((prev) => {
+      const next = new Map(prev);
+      next.delete(traceId);
+      return next;
+    });
+  }, []);
+  return {
+    fetchSpans,
+    getSpans,
+    isLoading,
+    getError,
+    clearSpans
+  };
+}
+
+export { useTraceSpans };
+//# sourceMappingURL=useTraceSpans.esm.js.map

package/dist/hooks/useTraceSpans.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTraceSpans.esm.js","sources":["../../src/hooks/useTraceSpans.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { observabilityApiRef } from '../api/ObservabilityApi';\nimport { Span } from '../types';\n\ninterface UseTraceSpansOptions {\n  namespaceName: string;\n  projectName: string;\n  environmentName: string;\n  componentName?: string;\n  startTime?: string;\n  endTime?: string;\n}\n\nexport function useTraceSpans(options: UseTraceSpansOptions) {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [spansMap, setSpansMap] = useState<Map<string, Span[]>>(new Map());\n  const [loadingMap, setLoadingMap] = useState<Map<string, boolean>>(new Map());\n  const [errorMap, setErrorMap] = useState<Map<string, string>>(new Map());\n\n  const fetchSpans = useCallback(\n    async (traceId: string) => {\n      // Already loaded or loading\n      if (loadingMap.get(traceId) || spansMap.has(traceId)) {\n        return;\n      }\n\n      setLoadingMap(prev => new Map(prev).set(traceId, true));\n      setErrorMap(prev => {\n        const next = new Map(prev);\n        next.delete(traceId);\n        return next;\n      });\n\n      try {\n        const result = await observabilityApi.getTraceSpans(\n          traceId,\n          options.namespaceName,\n          options.projectName,\n          options.environmentName,\n          options.componentName,\n          {\n            startTime: options.startTime,\n            endTime: options.endTime,\n          },\n        );\n\n        setSpansMap(prev => new Map(prev).set(traceId, result.spans));\n      } catch (err) {\n        setErrorMap(prev =>\n          new Map(prev).set(\n            traceId,\n            err instanceof Error ? err.message : 'Failed to fetch spans',\n          ),\n        );\n      } finally {\n        setLoadingMap(prev => {\n          const next = new Map(prev);\n          next.delete(traceId);\n          return next;\n        });\n      }\n    },\n    [observabilityApi, options, loadingMap, spansMap],\n  );\n\n  const getSpans = useCallback(\n    (traceId: string): Span[] | undefined => spansMap.get(traceId),\n    [spansMap],\n  );\n\n  const isLoading = useCallback(\n    (traceId: string): boolean => loadingMap.get(traceId) ?? false,\n    [loadingMap],\n  );\n\n  const getError = useCallback(\n    (traceId: string): string | undefined => errorMap.get(traceId),\n    [errorMap],\n  );\n\n  const clearSpans = useCallback((traceId: string) => {\n    setSpansMap(prev => {\n      const next = new Map(prev);\n      next.delete(traceId);\n      return next;\n    });\n  }, []);\n\n  return {\n    fetchSpans,\n    getSpans,\n    isLoading,\n    getError,\n    clearSpans,\n  };\n}\n"],"names":[],"mappings":";;;;AAcO,SAAS,cAAc,OAAA,EAA+B;AAC3D,EAAA,MAAM,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,IAAI,QAAA,iBAA8B,IAAI,KAAK,CAAA;AACvE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,IAAI,QAAA,iBAA+B,IAAI,KAAK,CAAA;AAC5E,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,IAAI,QAAA,iBAA8B,IAAI,KAAK,CAAA;AAEvE,EAAA,MAAM,UAAA,GAAa,WAAA;AAAA,IACjB,OAAO,OAAA,KAAoB;AAEzB,MAAA,IAAI,WAAW,GAAA,CAAI,OAAO,KAAK,QAAA,CAAS,GAAA,CAAI,OAAO,CAAA,EAAG;AACpD,QAAA;AAAA,MACF;AAEA,MAAA,aAAA,CAAc,CAAA,IAAA,KAAQ,IAAI,GAAA,CAAI,IAAI,EAAE,GAAA,CAAI,OAAA,EAAS,IAAI,CAAC,CAAA;AACtD,MAAA,WAAA,CAAY,CAAA,IAAA,KAAQ;AAClB,QAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,QAAA,IAAA,CAAK,OAAO,OAAO,CAAA;AACnB,QAAA,OAAO,IAAA;AAAA,MACT,CAAC,CAAA;AAED,MAAA,IAAI;AACF,QAAA,MAAM,MAAA,GAAS,MAAM,gBAAA,CAAiB,aAAA;AAAA,UACpC,OAAA;AAAA,UACA,OAAA,CAAQ,aAAA;AAAA,UACR,OAAA,CAAQ,WAAA;AAAA,UACR,OAAA,CAAQ,eAAA;AAAA,UACR,OAAA,CAAQ,aAAA;AAAA,UACR;AAAA,YACE,WAAW,OAAA,CAAQ,SAAA;AAAA,YACnB,SAAS,OAAA,CAAQ;AAAA;AACnB,SACF;AAEA,QAAA,WAAA,CAAY,CAAA,IAAA,KAAQ,IAAI,GAAA,CAAI,IAAI,EAAE,GAAA,CAAI,OAAA,EAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,MAC9D,SAAS,GAAA,EAAK;AACZ,QAAA,WAAA;AAAA,UAAY,CAAA,IAAA,KACV,IAAI,GAAA,CAAI,IAAI,CAAA,CAAE,GAAA;AAAA,YACZ,OAAA;AAAA,YACA,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU;AAAA;AACvC,SACF;AAAA,MACF,CAAA,SAAE;AACA,QAAA,aAAA,CAAc,CAAA,IAAA,KAAQ;AACpB,UAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,UAAA,IAAA,CAAK,OAAO,OAAO,CAAA;AACnB,UAAA,OAAO,IAAA;AAAA,QACT,CAAC,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,CAAC,gBAAA,EAAkB,OAAA,EAAS,UAAA,EAAY,QAAQ;AAAA,GAClD;AAEA,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,OAAA,KAAwC,QAAA,CAAS,GAAA,CAAI,OAAO,CAAA;AAAA,IAC7D,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,CAAC,OAAA,KAA6B,UAAA,CAAW,GAAA,CAAI,OAAO,CAAA,IAAK,KAAA;AAAA,IACzD,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,OAAA,KAAwC,QAAA,CAAS,GAAA,CAAI,OAAO,CAAA;AAAA,IAC7D,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,UAAA,GAAa,WAAA,CAAY,CAAC,OAAA,KAAoB;AAClD,IAAA,WAAA,CAAY,CAAA,IAAA,KAAQ;AAClB,MAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,MAAA,IAAA,CAAK,OAAO,OAAO,CAAA;AACnB,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IACL,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useTraces.esm.js

@@ -0,0 +1,112 @@
+import { useState, useMemo, useCallback, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { observabilityApiRef } from '../api/ObservabilityApi.esm.js';
+import { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';
+import { calculateTimeRange } from '@openchoreo/backstage-plugin-react';
+
+const sortByStartTime = (traceList) => [...traceList].sort((a, b) => {
+  const aTime = a.startTime ? new Date(a.startTime).getTime() : 0;
+  const bTime = b.startTime ? new Date(b.startTime).getTime() : 0;
+  return bTime - aTime;
+});
+function useTraces(filters, entity) {
+  const observabilityApi = useApi(observabilityApiRef);
+  const [traces, setTraces] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const namespace = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE] ?? "";
+  const projectName = entity.metadata.name;
+  const componentsKey = useMemo(
+    () => filters.components?.join(",") || "",
+    [filters.components]
+  );
+  const filteredTraces = useMemo(() => {
+    if (!filters.searchQuery || filters.searchQuery.trim() === "") {
+      return traces;
+    }
+    const searchLower = filters.searchQuery.toLowerCase().trim();
+    return traces.filter(
+      (trace) => trace.traceId.toLowerCase().includes(searchLower)
+    );
+  }, [traces, filters.searchQuery]);
+  const fetchTraces = useCallback(async () => {
+    if (!filters.environment || !filters.timeRange) {
+      return;
+    }
+    try {
+      setLoading(true);
+      setError(null);
+      const { startTime, endTime } = calculateTimeRange(filters.timeRange, {
+        startTime: filters.customStartTime,
+        endTime: filters.customEndTime
+      });
+      const selectedComponents = filters.components ?? [];
+      const responses = selectedComponents.length > 0 ? await Promise.all(
+        selectedComponents.map(
+          (name) => observabilityApi.getTraces(
+            namespace,
+            projectName,
+            filters.environment.name,
+            name,
+            { limit: 100, startTime, endTime, sortOrder: "desc" }
+          )
+        )
+      ) : [
+        await observabilityApi.getTraces(
+          namespace,
+          projectName,
+          filters.environment.name,
+          void 0,
+          { limit: 100, startTime, endTime, sortOrder: "desc" }
+        )
+      ];
+      const seenIds = /* @__PURE__ */ new Map();
+      responses.flatMap((r) => r.traces).forEach((trace) => {
+        if (!seenIds.has(trace.traceId)) seenIds.set(trace.traceId, trace);
+      });
+      const merged = sortByStartTime(Array.from(seenIds.values()));
+      setTraces(merged);
+      setTotal(merged.length);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to fetch traces");
+    } finally {
+      setLoading(false);
+    }
+  }, [
+    observabilityApi,
+    filters.environment,
+    filters.timeRange,
+    filters.customStartTime,
+    filters.customEndTime,
+    filters.components,
+    namespace,
+    projectName
+  ]);
+  useEffect(() => {
+    if (filters.environment && filters.timeRange) {
+      fetchTraces();
+    }
+  }, [
+    filters.environment,
+    filters.timeRange,
+    filters.customStartTime,
+    filters.customEndTime,
+    componentsKey
+  ]);
+  const refresh = useCallback(() => {
+    setTraces([]);
+    setTotal(0);
+    fetchTraces();
+  }, [fetchTraces]);
+  return {
+    traces: filteredTraces,
+    total,
+    loading,
+    error,
+    refresh
+  };
+}
+
+export { useTraces };
+//# sourceMappingURL=useTraces.esm.js.map