@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFinOpsReports.esm.js","sources":["../../src/hooks/useFinOpsReports.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { observabilityApiRef } from '../api/ObservabilityApi';\nimport { Filters, FinOpsReportSummary } 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 useFinOpsReports(filters: Filters, entity: Entity) {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [reports, setReports] = useState<FinOpsReportSummary[]>([]);\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\n      const response = await observabilityApi.getFinOpsReports(\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\n          ? err.message\n          : 'Failed to fetch cost analysis reports',\n      );\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    observabilityApi,\n    filters.environment,\n    filters.timeRange,\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,gBAAA,CAAiB,SAAkB,MAAA,EAAgB;AACjE,EAAA,MAAM,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,CAAgC,EAAE,CAAA;AAChE,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,SAAS,CAAA;AAEnE,MAAA,MAAM,QAAA,GAAW,MAAM,gBAAA,CAAiB,gBAAA;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,GACX,GAAA,CAAI,OAAA,GACJ;AAAA,OACN;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,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/useGetComponentsByProject.esm.js

@@ -0,0 +1,57 @@
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';
+
+const useGetComponentsByProject = (entity) => {
+  const catalogApi = useApi(catalogApiRef);
+  const namespace = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE];
+  const project = entity.metadata.name;
+  const [components, setComponents] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    const fetchComponents = async () => {
+      if (!namespace || !project) {
+        setLoading(false);
+        setError("Namespace or project name not found in entity annotations");
+        setComponents([]);
+        return;
+      }
+      try {
+        setLoading(true);
+        setError(null);
+        const catalogEntities = await catalogApi.getEntities({
+          filter: {
+            kind: "Component"
+          }
+        });
+        const projectComponents = catalogEntities.items.filter((component) => {
+          const compNamespace = component.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE];
+          const compProject = component.metadata.annotations?.[CHOREO_ANNOTATIONS.PROJECT];
+          return compNamespace === namespace && compProject === project;
+        }).map((component) => ({
+          uid: component.metadata.annotations?.[CHOREO_ANNOTATIONS.COMPONENT_UID] || component.metadata.uid,
+          name: component.metadata.name,
+          displayName: component.metadata.title || component.metadata.name,
+          description: component.metadata.description,
+          project: component.metadata.annotations?.[CHOREO_ANNOTATIONS.PROJECT] || project,
+          namespace: component.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE] || namespace
+        }));
+        setComponents(projectComponents);
+      } catch (err) {
+        setError(
+          err instanceof Error ? err.message : "Failed to fetch components"
+        );
+        setComponents([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchComponents();
+  }, [namespace, project, catalogApi]);
+  return { components, loading, error };
+};
+
+export { useGetComponentsByProject };
+//# sourceMappingURL=useGetComponentsByProject.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetComponentsByProject.esm.js","sources":["../../src/hooks/useGetComponentsByProject.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { Entity } from '@backstage/catalog-model';\nimport { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';\n\nexport interface Component {\n  uid?: string;\n  name: string;\n  displayName?: string;\n  description?: string;\n  project?: string;\n  namespace?: string;\n}\n\nexport interface UseGetComponentsByProjectResult {\n  components: Component[];\n  loading: boolean;\n  error: string | null;\n}\n\n/**\n * Hook to fetch components for a specific project entity from the openchoreo backend.\n *\n * @param entity - The Backstage project entity to fetch components for\n * @returns Object containing components array, loading state, and error\n */\nexport const useGetComponentsByProject = (\n  entity: Entity,\n): UseGetComponentsByProjectResult => {\n  const catalogApi = useApi(catalogApiRef);\n  const namespace = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE];\n  const project = entity.metadata.name;\n  const [components, setComponents] = useState<Component[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const fetchComponents = async () => {\n      if (!namespace || !project) {\n        setLoading(false);\n        setError('Namespace or project name not found in entity annotations');\n        setComponents([]);\n        return;\n      }\n\n      try {\n        setLoading(true);\n        setError(null);\n\n        // Fetch components from Backstage catalog API\n        // Filter by kind=Component and matching namespace/project annotations\n        const catalogEntities = await catalogApi.getEntities({\n          filter: {\n            kind: 'Component',\n          },\n        });\n\n        // Filter components that belong to this project and namespace\n        const projectComponents = catalogEntities.items\n          .filter(component => {\n            const compNamespace =\n              component.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE];\n            const compProject =\n              component.metadata.annotations?.[CHOREO_ANNOTATIONS.PROJECT];\n\n            return compNamespace === namespace && compProject === project;\n          })\n          .map(component => ({\n            uid:\n              component.metadata.annotations?.[\n                CHOREO_ANNOTATIONS.COMPONENT_UID\n              ] || component.metadata.uid,\n            name: component.metadata.name,\n            displayName: component.metadata.title || component.metadata.name,\n            description: component.metadata.description,\n            project:\n              component.metadata.annotations?.[CHOREO_ANNOTATIONS.PROJECT] ||\n              project,\n            namespace:\n              component.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE] ||\n              namespace,\n          }));\n\n        setComponents(projectComponents);\n      } catch (err) {\n        setError(\n          err instanceof Error ? err.message : 'Failed to fetch components',\n        );\n        setComponents([]);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchComponents();\n  }, [namespace, project, catalogApi]);\n\n  return { components, loading, error };\n};\n"],"names":[],"mappings":";;;;;AA2BO,MAAM,yBAAA,GAA4B,CACvC,MAAA,KACoC;AACpC,EAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAA,MAAM,SAAA,GAAY,MAAA,CAAO,QAAA,CAAS,WAAA,GAAc,mBAAmB,SAAS,CAAA;AAC5E,EAAA,MAAM,OAAA,GAAU,OAAO,QAAA,CAAS,IAAA;AAChC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA,CAAsB,EAAE,CAAA;AAC5D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,kBAAkB,YAAY;AAClC,MAAA,IAAI,CAAC,SAAA,IAAa,CAAC,OAAA,EAAS;AAC1B,QAAA,UAAA,CAAW,KAAK,CAAA;AAChB,QAAA,QAAA,CAAS,2DAA2D,CAAA;AACpE,QAAA,aAAA,CAAc,EAAE,CAAA;AAChB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI;AACF,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA,QAAA,CAAS,IAAI,CAAA;AAIb,QAAA,MAAM,eAAA,GAAkB,MAAM,UAAA,CAAW,WAAA,CAAY;AAAA,UACnD,MAAA,EAAQ;AAAA,YACN,IAAA,EAAM;AAAA;AACR,SACD,CAAA;AAGD,QAAA,MAAM,iBAAA,GAAoB,eAAA,CAAgB,KAAA,CACvC,MAAA,CAAO,CAAA,SAAA,KAAa;AACnB,UAAA,MAAM,aAAA,GACJ,SAAA,CAAU,QAAA,CAAS,WAAA,GAAc,mBAAmB,SAAS,CAAA;AAC/D,UAAA,MAAM,WAAA,GACJ,SAAA,CAAU,QAAA,CAAS,WAAA,GAAc,mBAAmB,OAAO,CAAA;AAE7D,UAAA,OAAO,aAAA,KAAkB,aAAa,WAAA,KAAgB,OAAA;AAAA,QACxD,CAAC,CAAA,CACA,GAAA,CAAI,CAAA,SAAA,MAAc;AAAA,UACjB,GAAA,EACE,UAAU,QAAA,CAAS,WAAA,GACjB,mBAAmB,aACrB,CAAA,IAAK,UAAU,QAAA,CAAS,GAAA;AAAA,UAC1B,IAAA,EAAM,UAAU,QAAA,CAAS,IAAA;AAAA,UACzB,WAAA,EAAa,SAAA,CAAU,QAAA,CAAS,KAAA,IAAS,UAAU,QAAA,CAAS,IAAA;AAAA,UAC5D,WAAA,EAAa,UAAU,QAAA,CAAS,WAAA;AAAA,UAChC,SACE,SAAA,CAAU,QAAA,CAAS,WAAA,GAAc,kBAAA,CAAmB,OAAO,CAAA,IAC3D,OAAA;AAAA,UACF,WACE,SAAA,CAAU,QAAA,CAAS,WAAA,GAAc,kBAAA,CAAmB,SAAS,CAAA,IAC7D;AAAA,SACJ,CAAE,CAAA;AAEJ,QAAA,aAAA,CAAc,iBAAiB,CAAA;AAAA,MACjC,SAAS,GAAA,EAAK;AACZ,QAAA,QAAA;AAAA,UACE,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU;AAAA,SACvC;AACA,QAAA,aAAA,CAAc,EAAE,CAAA;AAAA,MAClB,CAAA,SAAE;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,eAAA,EAAgB;AAAA,EAClB,CAAA,EAAG,CAAC,SAAA,EAAW,OAAA,EAAS,UAAU,CAAC,CAAA;AAEnC,EAAA,OAAO,EAAE,UAAA,EAAY,OAAA,EAAS,KAAA,EAAM;AACtC;;;;"}

package/dist/hooks/useGetEnvironmentsByNamespace.esm.js

@@ -0,0 +1,53 @@
+import { useState, useEffect } from 'react';
+import { useApi, discoveryApiRef, fetchApiRef } from '@backstage/core-plugin-api';
+
+const useGetEnvironmentsByNamespace = (namespaceName, projectName) => {
+  const discoveryApi = useApi(discoveryApiRef);
+  const fetchApi = useApi(fetchApiRef);
+  const [environments, setEnvironments] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    const fetchEnvironments = async () => {
+      if (!namespaceName) {
+        setLoading(false);
+        setError("Namespace name is required");
+        setEnvironments([]);
+        return;
+      }
+      try {
+        setLoading(true);
+        setError(null);
+        const baseUrl = await discoveryApi.getBaseUrl(
+          "openchoreo-observability-backend"
+        );
+        const params = new URLSearchParams({ namespace: namespaceName });
+        if (projectName) {
+          params.set("project", projectName);
+        }
+        const response = await fetchApi.fetch(
+          `${baseUrl}/environments?${params.toString()}`
+        );
+        if (!response.ok) {
+          throw new Error(
+            `Failed to fetch environments: ${response.status} ${response.statusText}`
+          );
+        }
+        const data = await response.json();
+        setEnvironments(data.environments || []);
+      } catch (err) {
+        setError(
+          err instanceof Error ? err.message : "Failed to fetch environments"
+        );
+        setEnvironments([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchEnvironments();
+  }, [namespaceName, projectName, discoveryApi, fetchApi]);
+  return { environments, loading, error };
+};
+
+export { useGetEnvironmentsByNamespace };
+//# sourceMappingURL=useGetEnvironmentsByNamespace.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetEnvironmentsByNamespace.esm.js","sources":["../../src/hooks/useGetEnvironmentsByNamespace.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { discoveryApiRef, fetchApiRef } from '@backstage/core-plugin-api';\nimport { Environment } from '../types';\n\nexport interface UseGetEnvironmentsByNamespaceResult {\n  environments: Environment[];\n  loading: boolean;\n  error: string | null;\n}\n\n/**\n * Hook to fetch environments for a specific namespace from the observability backend.\n *\n * When `projectName` is provided, the backend restricts the result to\n * environments referenced by the project's deployment pipeline.\n *\n * @param namespaceName - The name of the namespace to fetch environments for\n * @param projectName - Optional project name; when provided, environments are filtered to those in the project's deployment pipeline\n * @returns Object containing environments array, loading state, and error\n */\nexport const useGetEnvironmentsByNamespace = (\n  namespaceName: string | undefined,\n  projectName?: string,\n): UseGetEnvironmentsByNamespaceResult => {\n  const discoveryApi = useApi(discoveryApiRef);\n  const fetchApi = useApi(fetchApiRef);\n  const [environments, setEnvironments] = useState<Environment[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const fetchEnvironments = async () => {\n      if (!namespaceName) {\n        setLoading(false);\n        setError('Namespace name is required');\n        setEnvironments([]);\n        return;\n      }\n\n      try {\n        setLoading(true);\n        setError(null);\n\n        const baseUrl = await discoveryApi.getBaseUrl(\n          'openchoreo-observability-backend',\n        );\n        const params = new URLSearchParams({ namespace: namespaceName });\n        if (projectName) {\n          params.set('project', projectName);\n        }\n        const response = await fetchApi.fetch(\n          `${baseUrl}/environments?${params.toString()}`,\n        );\n\n        if (!response.ok) {\n          throw new Error(\n            `Failed to fetch environments: ${response.status} ${response.statusText}`,\n          );\n        }\n\n        const data = await response.json();\n        setEnvironments(data.environments || []);\n      } catch (err) {\n        setError(\n          err instanceof Error ? err.message : 'Failed to fetch environments',\n        );\n        setEnvironments([]);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchEnvironments();\n  }, [namespaceName, projectName, discoveryApi, fetchApi]);\n\n  return { environments, loading, error };\n};\n"],"names":[],"mappings":";;;AAqBO,MAAM,6BAAA,GAAgC,CAC3C,aAAA,EACA,WAAA,KACwC;AACxC,EAAA,MAAM,YAAA,GAAe,OAAO,eAAe,CAAA;AAC3C,EAAA,MAAM,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAAA,CAAwB,EAAE,CAAA;AAClE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,oBAAoB,YAAY;AACpC,MAAA,IAAI,CAAC,aAAA,EAAe;AAClB,QAAA,UAAA,CAAW,KAAK,CAAA;AAChB,QAAA,QAAA,CAAS,4BAA4B,CAAA;AACrC,QAAA,eAAA,CAAgB,EAAE,CAAA;AAClB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI;AACF,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA,QAAA,CAAS,IAAI,CAAA;AAEb,QAAA,MAAM,OAAA,GAAU,MAAM,YAAA,CAAa,UAAA;AAAA,UACjC;AAAA,SACF;AACA,QAAA,MAAM,SAAS,IAAI,eAAA,CAAgB,EAAE,SAAA,EAAW,eAAe,CAAA;AAC/D,QAAA,IAAI,WAAA,EAAa;AACf,UAAA,MAAA,CAAO,GAAA,CAAI,WAAW,WAAW,CAAA;AAAA,QACnC;AACA,QAAA,MAAM,QAAA,GAAW,MAAM,QAAA,CAAS,KAAA;AAAA,UAC9B,CAAA,EAAG,OAAO,CAAA,cAAA,EAAiB,MAAA,CAAO,UAAU,CAAA;AAAA,SAC9C;AAEA,QAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,UAAA,MAAM,IAAI,KAAA;AAAA,YACR,CAAA,8BAAA,EAAiC,QAAA,CAAS,MAAM,CAAA,CAAA,EAAI,SAAS,UAAU,CAAA;AAAA,WACzE;AAAA,QACF;AAEA,QAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,QAAA,eAAA,CAAgB,IAAA,CAAK,YAAA,IAAgB,EAAE,CAAA;AAAA,MACzC,SAAS,GAAA,EAAK;AACZ,QAAA,QAAA;AAAA,UACE,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU;AAAA,SACvC;AACA,QAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,MACpB,CAAA,SAAE;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,iBAAA,EAAkB;AAAA,EACpB,GAAG,CAAC,aAAA,EAAe,WAAA,EAAa,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEvD,EAAA,OAAO,EAAE,YAAA,EAAc,OAAA,EAAS,KAAA,EAAM;AACxC;;;;"}

package/dist/hooks/useGetNamespaceAndProjectByEntity.esm.js

@@ -0,0 +1,40 @@
+import { useMemo } from 'react';
+import { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';
+
+const useGetNamespaceAndProjectByEntity = (entity) => {
+  const result = useMemo(() => {
+    try {
+      const namespace = entity?.metadata?.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE];
+      const project = entity?.metadata?.annotations?.[CHOREO_ANNOTATIONS.PROJECT];
+      if (!namespace) {
+        return {
+          namespace: void 0,
+          project: void 0,
+          error: `Namespace annotation '${CHOREO_ANNOTATIONS.NAMESPACE}' not found in entity`
+        };
+      }
+      if (!project) {
+        return {
+          namespace,
+          project: void 0,
+          error: `Project annotation '${CHOREO_ANNOTATIONS.PROJECT}' not found in entity`
+        };
+      }
+      return {
+        namespace,
+        project,
+        error: null
+      };
+    } catch (err) {
+      return {
+        namespace: void 0,
+        project: void 0,
+        error: err instanceof Error ? err.message : "Unknown error"
+      };
+    }
+  }, [entity]);
+  return result;
+};
+
+export { useGetNamespaceAndProjectByEntity };
+//# sourceMappingURL=useGetNamespaceAndProjectByEntity.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetNamespaceAndProjectByEntity.esm.js","sources":["../../src/hooks/useGetNamespaceAndProjectByEntity.ts"],"sourcesContent":["import { Entity } from '@backstage/catalog-model';\nimport { useMemo } from 'react';\nimport { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';\n\nexport interface UseGetNamespaceAndProjectByEntityResult {\n  namespace: string | undefined;\n  project: string | undefined;\n  error: string | null;\n}\n\n/**\n * Hook to extract the namespace and project name from an entity's annotations.\n *\n * @param entity - The Backstage entity to extract the namespace and project from\n * @returns Object containing namespace name, project name, and error\n */\nexport const useGetNamespaceAndProjectByEntity = (\n  entity: Entity,\n): UseGetNamespaceAndProjectByEntityResult => {\n  const result = useMemo(() => {\n    try {\n      const namespace =\n        entity?.metadata?.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE];\n      const project =\n        entity?.metadata?.annotations?.[CHOREO_ANNOTATIONS.PROJECT];\n\n      if (!namespace) {\n        return {\n          namespace: undefined,\n          project: undefined,\n          error: `Namespace annotation '${CHOREO_ANNOTATIONS.NAMESPACE}' not found in entity`,\n        };\n      }\n\n      if (!project) {\n        return {\n          namespace,\n          project: undefined,\n          error: `Project annotation '${CHOREO_ANNOTATIONS.PROJECT}' not found in entity`,\n        };\n      }\n\n      return {\n        namespace,\n        project,\n        error: null,\n      };\n    } catch (err) {\n      return {\n        namespace: undefined,\n        project: undefined,\n        error: err instanceof Error ? err.message : 'Unknown error',\n      };\n    }\n  }, [entity]);\n\n  return result;\n};\n"],"names":[],"mappings":";;;AAgBO,MAAM,iCAAA,GAAoC,CAC/C,MAAA,KAC4C;AAC5C,EAAA,MAAM,MAAA,GAAS,QAAQ,MAAM;AAC3B,IAAA,IAAI;AACF,MAAA,MAAM,SAAA,GACJ,MAAA,EAAQ,QAAA,EAAU,WAAA,GAAc,mBAAmB,SAAS,CAAA;AAC9D,MAAA,MAAM,OAAA,GACJ,MAAA,EAAQ,QAAA,EAAU,WAAA,GAAc,mBAAmB,OAAO,CAAA;AAE5D,MAAA,IAAI,CAAC,SAAA,EAAW;AACd,QAAA,OAAO;AAAA,UACL,SAAA,EAAW,KAAA,CAAA;AAAA,UACX,OAAA,EAAS,KAAA,CAAA;AAAA,UACT,KAAA,EAAO,CAAA,sBAAA,EAAyB,kBAAA,CAAmB,SAAS,CAAA,qBAAA;AAAA,SAC9D;AAAA,MACF;AAEA,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,OAAO;AAAA,UACL,SAAA;AAAA,UACA,OAAA,EAAS,KAAA,CAAA;AAAA,UACT,KAAA,EAAO,CAAA,oBAAA,EAAuB,kBAAA,CAAmB,OAAO,CAAA,qBAAA;AAAA,SAC1D;AAAA,MACF;AAEA,MAAA,OAAO;AAAA,QACL,SAAA;AAAA,QACA,OAAA;AAAA,QACA,KAAA,EAAO;AAAA,OACT;AAAA,IACF,SAAS,GAAA,EAAK;AACZ,MAAA,OAAO;AAAA,QACL,SAAA,EAAW,MAAA;AAAA,QACX,OAAA,EAAS,MAAA;AAAA,QACT,KAAA,EAAO,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU;AAAA,OAC9C;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,OAAO,MAAA;AACT;;;;"}

package/dist/hooks/useMetrics.esm.js

@@ -0,0 +1,107 @@
+import { useState, useCallback } 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 useMetrics(filters, entity, namespaceName, project, metricType = "resource") {
+  const observabilityApi = useApi(observabilityApiRef);
+  const [metrics, setMetrics] = useState(
+    null
+  );
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const fetchMetrics = useCallback(
+    async (_reset = false) => {
+      if (!filters.environment || !filters.timeRange) {
+        return;
+      }
+      try {
+        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, endTime } = calculateTimeRange(filters.timeRange, {
+          startTime: filters.customStartTime,
+          endTime: filters.customEndTime
+        });
+        const step = calculateStep(filters.timeRange, startTime, endTime);
+        const response = await observabilityApi.getMetrics(
+          filters.environment.name,
+          componentName,
+          namespaceName,
+          project,
+          { startTime, endTime, step, type: metricType }
+        );
+        setMetrics(response);
+      } catch (err) {
+        setError(
+          err instanceof Error ? err.message : "Failed to fetch metrics"
+        );
+      } finally {
+        setLoading(false);
+      }
+    },
+    [
+      observabilityApi,
+      filters.environment,
+      filters.timeRange,
+      filters.customStartTime,
+      filters.customEndTime,
+      namespaceName,
+      project,
+      entity,
+      metricType
+    ]
+  );
+  const refresh = useCallback(() => {
+    setMetrics(null);
+    fetchMetrics(true);
+  }, [fetchMetrics]);
+  return {
+    metrics,
+    loading,
+    error,
+    fetchMetrics,
+    refresh
+  };
+}
+function calculateStep(timeRange, startTime, endTime) {
+  switch (timeRange) {
+    case "10m":
+      return "15s";
+    case "30m":
+      return "30s";
+    case "1h":
+      return "1m";
+    case "24h":
+      return "5m";
+    case "7d":
+      return "30m";
+    case "14d":
+      return "1h";
+    case "30d":
+      return "2h";
+    case "custom":
+      return stepForCustomRange(startTime, endTime);
+    default:
+      return "1m";
+  }
+}
+function stepForCustomRange(startTime, endTime) {
+  if (!startTime || !endTime) return "1m";
+  const durationMs = new Date(endTime).getTime() - new Date(startTime).getTime();
+  if (!Number.isFinite(durationMs) || durationMs <= 0) return "1m";
+  const minutes = durationMs / (60 * 1e3);
+  if (minutes <= 30) return "15s";
+  if (minutes <= 120) return "30s";
+  if (minutes <= 24 * 60) return "5m";
+  if (minutes <= 7 * 24 * 60) return "30m";
+  if (minutes <= 14 * 24 * 60) return "1h";
+  return "2h";
+}
+
+export { useMetrics };
+//# sourceMappingURL=useMetrics.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMetrics.esm.js","sources":["../../src/hooks/useMetrics.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { observabilityApiRef } from '../api/ObservabilityApi';\nimport { Filters, HttpMetrics, MetricType, ResourceMetrics } 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 useMetrics(\n  filters: Filters,\n  entity: Entity,\n  namespaceName: string,\n  project: string,\n  metricType: MetricType = 'resource',\n) {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [metrics, setMetrics] = useState<ResourceMetrics | HttpMetrics | null>(\n    null,\n  );\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const fetchMetrics = useCallback(\n    async (_reset: boolean = false) => {\n      if (!filters.environment || !filters.timeRange) {\n        return;\n      }\n\n      try {\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        const { startTime, endTime } = calculateTimeRange(filters.timeRange, {\n          startTime: filters.customStartTime,\n          endTime: filters.customEndTime,\n        });\n        const step = calculateStep(filters.timeRange, startTime, endTime);\n\n        const response = await observabilityApi.getMetrics(\n          filters.environment.name,\n          componentName,\n          namespaceName,\n          project,\n          { startTime, endTime, step, type: metricType },\n        );\n\n        setMetrics(response);\n      } catch (err) {\n        setError(\n          err instanceof Error ? err.message : 'Failed to fetch metrics',\n        );\n      } finally {\n        setLoading(false);\n      }\n    },\n    [\n      observabilityApi,\n      filters.environment,\n      filters.timeRange,\n      filters.customStartTime,\n      filters.customEndTime,\n      namespaceName,\n      project,\n      entity,\n      metricType,\n    ],\n  );\n\n  const refresh = useCallback(() => {\n    setMetrics(null);\n    fetchMetrics(true);\n  }, [fetchMetrics]);\n\n  return {\n    metrics,\n    loading,\n    error,\n    fetchMetrics,\n    refresh,\n  };\n}\n\nfunction calculateStep(\n  timeRange: string,\n  startTime?: string,\n  endTime?: string,\n): string {\n  switch (timeRange) {\n    case '10m':\n      return '15s';\n    case '30m':\n      return '30s';\n    case '1h':\n      return '1m';\n    case '24h':\n      return '5m';\n    case '7d':\n      return '30m';\n    case '14d':\n      return '1h';\n    case '30d':\n      return '2h';\n    case 'custom':\n      return stepForCustomRange(startTime, endTime);\n    default:\n      return '1m';\n  }\n}\n\n/** Pick a step that yields ~120-720 data points for the chosen window. */\nfunction stepForCustomRange(startTime?: string, endTime?: string): string {\n  if (!startTime || !endTime) return '1m';\n  const durationMs =\n    new Date(endTime).getTime() - new Date(startTime).getTime();\n  if (!Number.isFinite(durationMs) || durationMs <= 0) return '1m';\n  const minutes = durationMs / (60 * 1000);\n  if (minutes <= 30) return '15s';\n  if (minutes <= 120) return '30s';\n  if (minutes <= 24 * 60) return '5m';\n  if (minutes <= 7 * 24 * 60) return '30m';\n  if (minutes <= 14 * 24 * 60) return '1h';\n  return '2h';\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useProjectIncidents.esm.js

@@ -0,0 +1,111 @@
+import { useState, useRef, useMemo, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { observabilityApiRef } from '../api/ObservabilityApi.esm.js';
+import { calculateTimeRange } from '@openchoreo/backstage-plugin-react';
+import { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';
+
+function useProjectIncidents(entity, filters) {
+  const observabilityApi = useApi(observabilityApiRef);
+  const [incidents, setIncidents] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [totalCount, setTotalCount] = useState(0);
+  const requestVersionRef = useRef(0);
+  const namespace = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE] || "";
+  const projectName = entity.metadata.name || "";
+  const selectedComponents = useMemo(
+    () => Array.from(new Set(filters.components || [])),
+    [filters.components]
+  );
+  const fetchIncidents = useCallback(
+    async (_reset = true) => {
+      if (!filters.environment || !namespace || !projectName) {
+        return;
+      }
+      const version = ++requestVersionRef.current;
+      try {
+        setLoading(true);
+        setError(null);
+        const { startTime, endTime } = calculateTimeRange(filters.timeRange, {
+          startTime: filters.customStartTime,
+          endTime: filters.customEndTime
+        });
+        const sortOrder = filters.sortOrder ?? "desc";
+        const queryOptions = {
+          limit: 100,
+          startTime,
+          endTime,
+          sortOrder
+        };
+        if (selectedComponents.length > 0) {
+          const responses = await Promise.all(
+            selectedComponents.map(
+              (componentName) => observabilityApi.getIncidents(
+                namespace,
+                projectName,
+                filters.environment,
+                componentName,
+                queryOptions
+              )
+            )
+          );
+          if (version !== requestVersionRef.current) return;
+          const merged = responses.flatMap((r) => r.incidents);
+          merged.sort((a, b) => {
+            const at = (a.triggeredAt || a.timestamp || "").toString();
+            const bt = (b.triggeredAt || b.timestamp || "").toString();
+            return sortOrder === "desc" ? bt.localeCompare(at) : at.localeCompare(bt);
+          });
+          setIncidents(merged);
+          setTotalCount(responses.reduce((acc, r) => acc + (r.total || 0), 0));
+        } else {
+          const response = await observabilityApi.getIncidents(
+            namespace,
+            projectName,
+            filters.environment,
+            void 0,
+            queryOptions
+          );
+          if (version !== requestVersionRef.current) return;
+          setIncidents(response.incidents);
+          setTotalCount(response.total);
+        }
+      } catch (err) {
+        if (version !== requestVersionRef.current) return;
+        setError(
+          err instanceof Error ? err.message : "Failed to fetch incidents"
+        );
+      } finally {
+        if (version === requestVersionRef.current) {
+          setLoading(false);
+        }
+      }
+    },
+    [
+      observabilityApi,
+      filters.environment,
+      filters.timeRange,
+      filters.customStartTime,
+      filters.customEndTime,
+      filters.sortOrder,
+      namespace,
+      projectName,
+      selectedComponents
+    ]
+  );
+  const refresh = useCallback(() => {
+    setIncidents([]);
+    fetchIncidents(true);
+  }, [fetchIncidents]);
+  return {
+    incidents,
+    loading,
+    error,
+    totalCount,
+    fetchIncidents,
+    refresh
+  };
+}
+
+export { useProjectIncidents };
+//# sourceMappingURL=useProjectIncidents.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProjectIncidents.esm.js","sources":["../../src/hooks/useProjectIncidents.ts"],"sourcesContent":["import { useCallback, 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 { IncidentSummary } from '../types';\nimport { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';\n\nexport interface UseProjectIncidentsFilters {\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  components?: string[];\n  sortOrder?: 'asc' | 'desc';\n}\n\nexport interface UseProjectIncidentsResult {\n  incidents: IncidentSummary[];\n  loading: boolean;\n  error: string | null;\n  totalCount: number;\n  fetchIncidents: (reset?: boolean) => Promise<void>;\n  refresh: () => void;\n}\n\nexport function useProjectIncidents(\n  entity: Entity,\n  filters: UseProjectIncidentsFilters,\n): UseProjectIncidentsResult {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [incidents, setIncidents] = useState<IncidentSummary[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [totalCount, setTotalCount] = useState(0);\n  const requestVersionRef = useRef(0);\n\n  const namespace =\n    entity.metadata.annotations?.[CHOREO_ANNOTATIONS.NAMESPACE] || '';\n  const projectName = entity.metadata.name || '';\n\n  const selectedComponents = useMemo(\n    () => Array.from(new Set(filters.components || [])),\n    [filters.components],\n  );\n\n  const fetchIncidents = useCallback(\n    async (_reset = true) => {\n      if (!filters.environment || !namespace || !projectName) {\n        return;\n      }\n\n      const version = ++requestVersionRef.current;\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        const sortOrder = filters.sortOrder ?? 'desc';\n\n        const queryOptions = {\n          limit: 100,\n          startTime,\n          endTime,\n          sortOrder,\n        };\n\n        if (selectedComponents.length > 0) {\n          const responses = await Promise.all(\n            selectedComponents.map(componentName =>\n              observabilityApi.getIncidents(\n                namespace,\n                projectName,\n                filters.environment,\n                componentName,\n                queryOptions,\n              ),\n            ),\n          );\n\n          if (version !== requestVersionRef.current) return;\n\n          const merged = responses.flatMap(r => r.incidents);\n          merged.sort((a, b) => {\n            const at = (a.triggeredAt || a.timestamp || '').toString();\n            const bt = (b.triggeredAt || b.timestamp || '').toString();\n            return sortOrder === 'desc'\n              ? bt.localeCompare(at)\n              : at.localeCompare(bt);\n          });\n          setIncidents(merged);\n          setTotalCount(responses.reduce((acc, r) => acc + (r.total || 0), 0));\n        } else {\n          const response = await observabilityApi.getIncidents(\n            namespace,\n            projectName,\n            filters.environment,\n            undefined,\n            queryOptions,\n          );\n\n          if (version !== requestVersionRef.current) return;\n\n          setIncidents(response.incidents);\n          setTotalCount(response.total);\n        }\n      } catch (err) {\n        if (version !== requestVersionRef.current) return;\n        setError(\n          err instanceof Error ? err.message : 'Failed to fetch incidents',\n        );\n      } finally {\n        if (version === requestVersionRef.current) {\n          setLoading(false);\n        }\n      }\n    },\n    [\n      observabilityApi,\n      filters.environment,\n      filters.timeRange,\n      filters.customStartTime,\n      filters.customEndTime,\n      filters.sortOrder,\n      namespace,\n      projectName,\n      selectedComponents,\n    ],\n  );\n\n  const refresh = useCallback(() => {\n    setIncidents([]);\n    fetchIncidents(true);\n  }, [fetchIncidents]);\n\n  return {\n    incidents,\n    loading,\n    error,\n    totalCount,\n    fetchIncidents,\n    refresh,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useProjectRuntimeLogs.esm.js

@@ -0,0 +1,185 @@
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { observabilityApiRef } from '../api/ObservabilityApi.esm.js';
+import { calculateTimeRange } from '@openchoreo/backstage-plugin-react';
+import { LOG_LEVELS } from '../components/RuntimeLogs/types.esm.js';
+
+const sortByTimestamp = (logs, sortOrder = "asc") => {
+  const sorted = [...logs].sort((a, b) => {
+    const aTime = a.timestamp ? new Date(a.timestamp).getTime() : 0;
+    const bTime = b.timestamp ? new Date(b.timestamp).getTime() : 0;
+    return sortOrder === "asc" ? aTime - bTime : bTime - aTime;
+  });
+  return sorted;
+};
+function useProjectRuntimeLogs(filters, _entity, 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 logsRef = useRef([]);
+  useEffect(() => {
+    logsRef.current = logs;
+  }, [logs]);
+  const selectedComponents = useMemo(
+    () => Array.from(new Set(filters.components || [])),
+    [filters.components]
+  );
+  const fetchLogs = useCallback(
+    async (reset = false) => {
+      if (!filters.environment || !options.environmentName || !options.namespaceName || !options.projectName) {
+        return;
+      }
+      if (inFlightRef.current) {
+        return;
+      }
+      try {
+        inFlightRef.current = true;
+        setLoading(true);
+        setError(null);
+        const { startTime: initialStartTime, endTime: initialEndTime } = calculateTimeRange(filters.timeRange, {
+          startTime: filters.customStartTime,
+          endTime: filters.customEndTime
+        });
+        let startTime = initialStartTime;
+        let endTime = initialEndTime;
+        const sortOrder = filters.sortOrder || "asc";
+        if (!reset && logsRef.current.length > 0) {
+          const lastLog = logsRef.current[logsRef.current.length - 1];
+          if (sortOrder === "desc") {
+            endTime = lastLog.timestamp || endTime;
+          } else {
+            startTime = lastLog.timestamp || startTime;
+          }
+        }
+        const limit = options.limit || 50;
+        const queryOptions = {
+          limit,
+          startTime,
+          endTime,
+          logLevels: filters.logLevel.length === LOG_LEVELS.length && LOG_LEVELS.every((l) => filters.logLevel.includes(l)) ? [] : filters.logLevel,
+          searchQuery: filters.searchQuery,
+          sortOrder
+        };
+        const responses = selectedComponents.length > 0 ? await Promise.all(
+          selectedComponents.map(
+            (componentName) => observabilityApi.getRuntimeLogs(
+              options.namespaceName,
+              options.projectName,
+              options.environmentName,
+              componentName,
+              queryOptions
+            )
+          )
+        ) : [
+          await observabilityApi.getRuntimeLogs(
+            options.namespaceName,
+            options.projectName,
+            options.environmentName,
+            void 0,
+            queryOptions
+          )
+        ];
+        const flattenedLogs = selectedComponents.length > 0 ? responses.flatMap(
+          (response, index) => (response.logs || []).map((log) => ({
+            ...log,
+            metadata: {
+              ...log.metadata,
+              componentName: log.metadata?.componentName || selectedComponents[index]
+            }
+          }))
+        ) : responses.flatMap((response) => response.logs || []);
+        const mergedLogs = sortByTimestamp(flattenedLogs, sortOrder);
+        const nextLogs = reset ? mergedLogs : sortByTimestamp([...logsRef.current, ...mergedLogs], sortOrder);
+        setLogs(nextLogs);
+        if (reset) {
+          const total = responses.reduce((sum, response) => {
+            return sum + (response.total || 0);
+          }, 0);
+          setTotalCount(total);
+        }
+        setHasMore(
+          responses.some((response) => (response.logs || []).length === limit)
+        );
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to fetch logs");
+      } finally {
+        setLoading(false);
+        inFlightRef.current = false;
+      }
+    },
+    [
+      filters.environment,
+      filters.timeRange,
+      filters.customStartTime,
+      filters.customEndTime,
+      filters.logLevel,
+      filters.searchQuery,
+      filters.sortOrder,
+      observabilityApi,
+      options.environmentName,
+      options.namespaceName,
+      options.projectName,
+      options.limit,
+      selectedComponents
+    ]
+  );
+  useEffect(() => {
+    if (pollingIntervalRef.current) {
+      clearInterval(pollingIntervalRef.current);
+      pollingIntervalRef.current = null;
+    }
+    if (!filters.isLive || !filters.environment || !options.environmentName || !options.namespaceName || !options.projectName) {
+      return void 0;
+    }
+    pollingIntervalRef.current = setInterval(() => {
+      fetchLogs(true);
+    }, 5e3);
+    return () => {
+      if (pollingIntervalRef.current) {
+        clearInterval(pollingIntervalRef.current);
+        pollingIntervalRef.current = null;
+      }
+      inFlightRef.current = false;
+    };
+  }, [
+    fetchLogs,
+    filters.environment,
+    filters.isLive,
+    options.environmentName,
+    options.namespaceName,
+    options.projectName
+  ]);
+  const loadMore = useCallback(() => {
+    if (!loading && hasMore && !error && logs.length > 0) {
+      fetchLogs(false);
+    }
+  }, [loading, hasMore, error, logs.length, fetchLogs]);
+  const refresh = useCallback(() => {
+    setLogs([]);
+    fetchLogs(true);
+  }, [fetchLogs]);
+  const clearLogs = useCallback(() => {
+    setLogs([]);
+    setTotalCount(0);
+    setHasMore(true);
+  }, []);
+  return {
+    logs,
+    loading,
+    error,
+    totalCount,
+    hasMore,
+    fetchLogs,
+    loadMore,
+    refresh,
+    clearLogs
+  };
+}
+
+export { useProjectRuntimeLogs };
+//# sourceMappingURL=useProjectRuntimeLogs.esm.js.map