@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTraces.esm.js","sources":["../../src/hooks/useTraces.ts"],"sourcesContent":["import { useCallback, useEffect, useState, useMemo } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { observabilityApiRef } from '../api/ObservabilityApi';\nimport { Filters, Trace } from '../types';\nimport { Entity } from '@backstage/catalog-model';\nimport { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';\nimport { calculateTimeRange } from '@openchoreo/backstage-plugin-react';\n\nconst sortByStartTime = (traceList: Trace[]): Trace[] =>\n  [...traceList].sort((a, b) => {\n    const aTime = a.startTime ? new Date(a.startTime).getTime() : 0;\n    const bTime = b.startTime ? new Date(b.startTime).getTime() : 0;\n    return bTime - aTime;\n  });\n\nexport function useTraces(filters: Filters, entity: Entity) {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [traces, setTraces] = useState<Trace[]>([]);\n  const [total, setTotal] = useState<number>(0);\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  const projectName = entity.metadata.name as string;\n\n  // Memoize components string for dependency array\n  const componentsKey = useMemo(\n    () => filters.components?.join(',') || '',\n    [filters.components],\n  );\n\n  // Memoize filtered traces based on searchQuery\n  const filteredTraces = useMemo(() => {\n    if (!filters.searchQuery || filters.searchQuery.trim() === '') {\n      return traces;\n    }\n    const searchLower = filters.searchQuery.toLowerCase().trim();\n    return traces.filter(trace =>\n      trace.traceId.toLowerCase().includes(searchLower),\n    );\n  }, [traces, filters.searchQuery]);\n\n  const fetchTraces = useCallback(async () => {\n    if (!filters.environment || !filters.timeRange) {\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 selectedComponents = filters.components ?? [];\n\n      const responses =\n        selectedComponents.length > 0\n          ? await Promise.all(\n              selectedComponents.map(name =>\n                observabilityApi.getTraces(\n                  namespace,\n                  projectName,\n                  filters.environment.name,\n                  name,\n                  { limit: 100, startTime, endTime, sortOrder: 'desc' },\n                ),\n              ),\n            )\n          : [\n              await observabilityApi.getTraces(\n                namespace,\n                projectName,\n                filters.environment.name,\n                undefined,\n                { limit: 100, startTime, endTime, sortOrder: 'desc' },\n              ),\n            ];\n\n      // Merge and deduplicate by traceId (same trace can appear from multiple components)\n      const seenIds = new Map<string, Trace>();\n      responses\n        .flatMap(r => r.traces)\n        .forEach(trace => {\n          if (!seenIds.has(trace.traceId)) seenIds.set(trace.traceId, trace);\n        });\n      const merged = sortByStartTime(Array.from(seenIds.values()));\n\n      setTraces(merged);\n      setTotal(merged.length);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to fetch traces');\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    observabilityApi,\n    filters.environment,\n    filters.timeRange,\n    filters.customStartTime,\n    filters.customEndTime,\n    filters.components,\n    namespace,\n    projectName,\n  ]);\n\n  // Auto-fetch traces when filters change\n  useEffect(() => {\n    if (filters.environment && filters.timeRange) {\n      fetchTraces();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    filters.environment,\n    filters.timeRange,\n    filters.customStartTime,\n    filters.customEndTime,\n    componentsKey,\n  ]);\n\n  const refresh = useCallback(() => {\n    setTraces([]);\n    setTotal(0);\n    fetchTraces();\n  }, [fetchTraces]);\n\n  return {\n    traces: filteredTraces,\n    total,\n    loading,\n    error,\n    refresh,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useUpdateIncident.esm.js

@@ -0,0 +1,50 @@
+import { useState, useRef, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { observabilityApiRef } from '../api/ObservabilityApi.esm.js';
+import '../api/RCAAgentApi.esm.js';
+import '../api/FinOpsAgentApi.esm.js';
+
+function useUpdateIncident() {
+  const observabilityApi = useApi(observabilityApiRef);
+  const [updating, setUpdating] = useState(false);
+  const [error, setError] = useState(null);
+  const inFlightRef = useRef(false);
+  const updateIncident = useCallback(
+    async (incident, newStatus) => {
+      if (inFlightRef.current) {
+        throw new Error("An incident update is already in progress.");
+      }
+      const namespaceName = incident.namespaceName || "";
+      const environmentName = incident.environmentName || "";
+      if (!namespaceName || !environmentName) {
+        const msg = "Cannot update incident: missing namespace or environment.";
+        setError(msg);
+        throw new Error(msg);
+      }
+      inFlightRef.current = true;
+      setUpdating(true);
+      setError(null);
+      try {
+        await observabilityApi.updateIncidentStatus(
+          incident.incidentId,
+          newStatus,
+          namespaceName,
+          environmentName
+        );
+      } catch (err) {
+        const msg = err instanceof Error ? err.message : "Failed to update incident.";
+        setError(msg);
+        throw err;
+      } finally {
+        setUpdating(false);
+        inFlightRef.current = false;
+      }
+    },
+    [observabilityApi]
+  );
+  const clearError = useCallback(() => setError(null), []);
+  return { updateIncident, updating, error, clearError };
+}
+
+export { useUpdateIncident };
+//# sourceMappingURL=useUpdateIncident.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateIncident.esm.js","sources":["../../src/hooks/useUpdateIncident.ts"],"sourcesContent":["import { useState, useCallback, useRef } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { observabilityApiRef } from '../api';\nimport type { IncidentSummary } from '../types';\n\nexport interface UseUpdateIncidentResult {\n  updateIncident: (\n    incident: IncidentSummary,\n    newStatus: 'acknowledged' | 'resolved',\n  ) => Promise<void>;\n  updating: boolean;\n  error: string | null;\n  clearError: () => void;\n}\n\nexport function useUpdateIncident(): UseUpdateIncidentResult {\n  const observabilityApi = useApi(observabilityApiRef);\n  const [updating, setUpdating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const inFlightRef = useRef(false);\n\n  const updateIncident = useCallback(\n    async (\n      incident: IncidentSummary,\n      newStatus: 'acknowledged' | 'resolved',\n    ): Promise<void> => {\n      if (inFlightRef.current) {\n        throw new Error('An incident update is already in progress.');\n      }\n\n      const namespaceName = incident.namespaceName || '';\n      const environmentName = incident.environmentName || '';\n\n      if (!namespaceName || !environmentName) {\n        const msg = 'Cannot update incident: missing namespace or environment.';\n        setError(msg);\n        throw new Error(msg);\n      }\n\n      inFlightRef.current = true;\n      setUpdating(true);\n      setError(null);\n\n      try {\n        await observabilityApi.updateIncidentStatus(\n          incident.incidentId,\n          newStatus,\n          namespaceName,\n          environmentName,\n        );\n      } catch (err) {\n        const msg =\n          err instanceof Error ? err.message : 'Failed to update incident.';\n        setError(msg);\n        throw err; // re-throw so the caller can skip refresh on failure\n      } finally {\n        setUpdating(false);\n        inFlightRef.current = false;\n      }\n    },\n    [observabilityApi],\n  );\n\n  const clearError = useCallback(() => setError(null), []);\n\n  return { updateIncident, updating, error, clearError };\n}\n"],"names":[],"mappings":";;;;;;AAeO,SAAS,iBAAA,GAA6C;AAC3D,EAAA,MAAM,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,WAAA,GAAc,OAAO,KAAK,CAAA;AAEhC,EAAA,MAAM,cAAA,GAAiB,WAAA;AAAA,IACrB,OACE,UACA,SAAA,KACkB;AAClB,MAAA,IAAI,YAAY,OAAA,EAAS;AACvB,QAAA,MAAM,IAAI,MAAM,4CAA4C,CAAA;AAAA,MAC9D;AAEA,MAAA,MAAM,aAAA,GAAgB,SAAS,aAAA,IAAiB,EAAA;AAChD,MAAA,MAAM,eAAA,GAAkB,SAAS,eAAA,IAAmB,EAAA;AAEpD,MAAA,IAAI,CAAC,aAAA,IAAiB,CAAC,eAAA,EAAiB;AACtC,QAAA,MAAM,GAAA,GAAM,2DAAA;AACZ,QAAA,QAAA,CAAS,GAAG,CAAA;AACZ,QAAA,MAAM,IAAI,MAAM,GAAG,CAAA;AAAA,MACrB;AAEA,MAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA,QAAA,CAAS,IAAI,CAAA;AAEb,MAAA,IAAI;AACF,QAAA,MAAM,gBAAA,CAAiB,oBAAA;AAAA,UACrB,QAAA,CAAS,UAAA;AAAA,UACT,SAAA;AAAA,UACA,aAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF,SAAS,GAAA,EAAK;AACZ,QAAA,MAAM,GAAA,GACJ,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,4BAAA;AACvC,QAAA,QAAA,CAAS,GAAG,CAAA;AACZ,QAAA,MAAM,GAAA;AAAA,MACR,CAAA,SAAE;AACA,QAAA,WAAA,CAAY,KAAK,CAAA;AACjB,QAAA,WAAA,CAAY,OAAA,GAAU,KAAA;AAAA,MACxB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,gBAAgB;AAAA,GACnB;AAEA,EAAA,MAAM,aAAa,WAAA,CAAY,MAAM,SAAS,IAAI,CAAA,EAAG,EAAE,CAAA;AAEvD,EAAA,OAAO,EAAE,cAAA,EAAgB,QAAA,EAAU,KAAA,EAAO,UAAA,EAAW;AACvD;;;;"}

package/dist/hooks/useUrlFilters.esm.js

@@ -0,0 +1,63 @@
+import { useMemo, useCallback } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useAutoSelectFirstEnvironment } from './useAutoSelectFirstEnvironment.esm.js';
+import { parseUrlTimeRange, writeUrlTimeRange } from '../utils/urlTimeRange.esm.js';
+
+function useUrlFilters({ environments }) {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const filters = useMemo(() => {
+    const envName = searchParams.get("env");
+    const components = searchParams.get("components")?.split(",").filter(Boolean) || [];
+    const searchQuery = searchParams.get("q") || "";
+    const environment = envName ? environments.find(
+      (e) => e.name === envName || e.displayName === envName || e.name.toLowerCase() === envName.toLowerCase()
+    ) || null : null;
+    return {
+      environment,
+      ...parseUrlTimeRange(searchParams),
+      components,
+      searchQuery
+    };
+  }, [searchParams, environments]);
+  useAutoSelectFirstEnvironment(environments, searchParams, setSearchParams);
+  const updateFilters = useCallback(
+    (newFilters) => {
+      const newParams = new URLSearchParams(searchParams);
+      if (newFilters.environment !== void 0) {
+        if (newFilters.environment) {
+          newParams.set("env", newFilters.environment.name);
+        } else {
+          newParams.delete("env");
+        }
+      }
+      writeUrlTimeRange(newParams, newFilters);
+      if (newFilters.components !== void 0) {
+        if (newFilters.components.length > 0) {
+          newParams.set("components", newFilters.components.join(","));
+        } else {
+          newParams.delete("components");
+        }
+      }
+      if (newFilters.searchQuery !== void 0) {
+        if (newFilters.searchQuery) {
+          newParams.set("q", newFilters.searchQuery);
+        } else {
+          newParams.delete("q");
+        }
+      }
+      setSearchParams(newParams, { replace: true });
+    },
+    [searchParams, setSearchParams]
+  );
+  const resetFilters = useCallback(() => {
+    const newParams = new URLSearchParams();
+    if (environments.length > 0) {
+      newParams.set("env", environments[0].name);
+    }
+    setSearchParams(newParams, { replace: true });
+  }, [environments, setSearchParams]);
+  return { filters, updateFilters, resetFilters };
+}
+
+export { useUrlFilters };
+//# sourceMappingURL=useUrlFilters.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUrlFilters.esm.js","sources":["../../src/hooks/useUrlFilters.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport type { Filters, Environment } from '../types';\nimport { useAutoSelectFirstEnvironment } from './useAutoSelectFirstEnvironment';\nimport { parseUrlTimeRange, writeUrlTimeRange } from '../utils/urlTimeRange';\n\ninterface UseUrlFiltersOptions {\n  /** Available environments to map names to objects */\n  environments: Environment[];\n}\n\n/**\n * Hook for managing observability filters synced to URL query parameters.\n *\n * Query parameters:\n * - `env`: Environment name\n * - `timeRange`: Time range value (defaults to '10m')\n * - `components`: Comma-separated component IDs\n * - `q`: Search query string\n *\n * @example\n * ```tsx\n * const { filters, updateFilters, resetFilters } = useUrlFilters({\n *   environments,\n * });\n *\n * // Read filter values\n * console.log(filters.environment, filters.timeRange);\n *\n * // Update filters (writes to URL)\n * updateFilters({ timeRange: '24h' });\n * ```\n */\nexport function useUrlFilters({ environments }: UseUrlFiltersOptions) {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  // Parse filters from URL\n  const filters = useMemo<Filters>(() => {\n    const envName = searchParams.get('env');\n    const components =\n      searchParams.get('components')?.split(',').filter(Boolean) || [];\n    const searchQuery = searchParams.get('q') || '';\n\n    // Find environment by name\n    const environment = envName\n      ? environments.find(\n          e =>\n            e.name === envName ||\n            e.displayName === envName ||\n            e.name.toLowerCase() === envName.toLowerCase(),\n        ) || (null as unknown as Environment)\n      : (null as unknown as Environment);\n\n    return {\n      environment,\n      ...parseUrlTimeRange(searchParams),\n      components,\n      searchQuery,\n    };\n  }, [searchParams, environments]);\n\n  // Auto-select first environment if none selected or URL has a stale env name\n  useAutoSelectFirstEnvironment(environments, searchParams, setSearchParams);\n\n  // Update URL when filters change\n  const updateFilters = useCallback(\n    (newFilters: Partial<Filters>) => {\n      const newParams = new URLSearchParams(searchParams);\n\n      if (newFilters.environment !== undefined) {\n        if (newFilters.environment) {\n          newParams.set('env', newFilters.environment.name);\n        } else {\n          newParams.delete('env');\n        }\n      }\n\n      writeUrlTimeRange(newParams, newFilters);\n\n      if (newFilters.components !== undefined) {\n        if (newFilters.components.length > 0) {\n          newParams.set('components', newFilters.components.join(','));\n        } else {\n          newParams.delete('components');\n        }\n      }\n\n      if (newFilters.searchQuery !== undefined) {\n        if (newFilters.searchQuery) {\n          newParams.set('q', newFilters.searchQuery);\n        } else {\n          newParams.delete('q');\n        }\n      }\n\n      setSearchParams(newParams, { replace: true });\n    },\n    [searchParams, setSearchParams],\n  );\n\n  // Reset filters to defaults\n  const resetFilters = useCallback(() => {\n    const newParams = new URLSearchParams();\n    if (environments.length > 0) {\n      newParams.set('env', environments[0].name);\n    }\n    setSearchParams(newParams, { replace: true });\n  }, [environments, setSearchParams]);\n\n  return { filters, updateFilters, resetFilters };\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useUrlFiltersForAlerts.esm.js

@@ -0,0 +1,80 @@
+import { useMemo, useCallback } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { ALERT_SEVERITIES } from '../components/Alerts/types.esm.js';
+import { useAutoSelectFirstEnvironment } from './useAutoSelectFirstEnvironment.esm.js';
+import { parseUrlTimeRange, writeUrlTimeRange } from '../utils/urlTimeRange.esm.js';
+
+function useUrlFiltersForAlerts({
+  environments
+}) {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const filters = useMemo(() => {
+    const envName = searchParams.get("env");
+    const { timeRange, customStartTime, customEndTime } = parseUrlTimeRange(searchParams);
+    const rawSortOrder = searchParams.get("sort");
+    const sortOrder = rawSortOrder === "asc" || rawSortOrder === "desc" ? rawSortOrder : "desc";
+    const severityParam = searchParams.get("severity");
+    const severity = severityParam ? severityParam.split(",").filter(
+      (s) => Boolean(s) && ALERT_SEVERITIES.includes(s)
+    ) : [];
+    const searchQuery = searchParams.get("search") || void 0;
+    const environment = envName ? environments.find((e) => e.name === envName) : void 0;
+    return {
+      environment: environment?.name || "",
+      timeRange,
+      customStartTime,
+      customEndTime,
+      sortOrder,
+      severity: severity.length > 0 ? severity : void 0,
+      searchQuery
+    };
+  }, [searchParams, environments]);
+  useAutoSelectFirstEnvironment(environments, searchParams, setSearchParams);
+  const updateFilters = useCallback(
+    (newFilters) => {
+      const newParams = new URLSearchParams(searchParams);
+      if (newFilters.environment !== void 0) {
+        if (newFilters.environment) {
+          newParams.set("env", newFilters.environment);
+        } else {
+          newParams.delete("env");
+        }
+      }
+      writeUrlTimeRange(newParams, newFilters);
+      if (newFilters.sortOrder !== void 0) {
+        if (newFilters.sortOrder === "desc") {
+          newParams.delete("sort");
+        } else {
+          newParams.set("sort", newFilters.sortOrder);
+        }
+      }
+      if (newFilters.severity !== void 0) {
+        if (newFilters.severity && newFilters.severity.length > 0) {
+          newParams.set("severity", newFilters.severity.join(","));
+        } else {
+          newParams.delete("severity");
+        }
+      }
+      if (newFilters.searchQuery !== void 0) {
+        if (newFilters.searchQuery) {
+          newParams.set("search", newFilters.searchQuery);
+        } else {
+          newParams.delete("search");
+        }
+      }
+      setSearchParams(newParams, { replace: true });
+    },
+    [searchParams, setSearchParams]
+  );
+  const resetFilters = useCallback(() => {
+    const newParams = new URLSearchParams();
+    if (environments.length > 0) {
+      newParams.set("env", environments[0].name);
+    }
+    setSearchParams(newParams, { replace: true });
+  }, [environments, setSearchParams]);
+  return { filters, updateFilters, resetFilters };
+}
+
+export { useUrlFiltersForAlerts };
+//# sourceMappingURL=useUrlFiltersForAlerts.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUrlFiltersForAlerts.esm.js","sources":["../../src/hooks/useUrlFiltersForAlerts.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { type Environment } from '../types';\nimport {\n  type AlertsFilters,\n  ALERT_SEVERITIES,\n} from '../components/Alerts/types';\nimport { useAutoSelectFirstEnvironment } from './useAutoSelectFirstEnvironment';\nimport { parseUrlTimeRange, writeUrlTimeRange } from '../utils/urlTimeRange';\n\ninterface UseUrlFiltersForAlertsOptions {\n  environments: Environment[];\n}\n\nexport function useUrlFiltersForAlerts({\n  environments,\n}: UseUrlFiltersForAlertsOptions): {\n  filters: AlertsFilters;\n  updateFilters: (newFilters: Partial<AlertsFilters>) => void;\n  resetFilters: () => void;\n} {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const filters = useMemo<AlertsFilters>(() => {\n    const envName = searchParams.get('env');\n    const { timeRange, customStartTime, customEndTime } =\n      parseUrlTimeRange(searchParams);\n    const rawSortOrder = searchParams.get('sort');\n    const sortOrder: 'asc' | 'desc' =\n      rawSortOrder === 'asc' || rawSortOrder === 'desc' ? rawSortOrder : 'desc';\n    const severityParam = searchParams.get('severity');\n    const severity = severityParam\n      ? severityParam\n          .split(',')\n          .filter(\n            s =>\n              Boolean(s) && (ALERT_SEVERITIES as readonly string[]).includes(s),\n          )\n      : [];\n    const searchQuery = searchParams.get('search') || undefined;\n\n    const environment = envName\n      ? environments.find(e => e.name === envName)\n      : undefined;\n\n    return {\n      environment: environment?.name || '',\n      timeRange,\n      customStartTime,\n      customEndTime,\n      sortOrder,\n      severity: severity.length > 0 ? severity : undefined,\n      searchQuery,\n    };\n  }, [searchParams, environments]);\n\n  useAutoSelectFirstEnvironment(environments, searchParams, setSearchParams);\n\n  const updateFilters = useCallback(\n    (newFilters: Partial<AlertsFilters>) => {\n      const newParams = new URLSearchParams(searchParams);\n\n      if (newFilters.environment !== undefined) {\n        if (newFilters.environment) {\n          newParams.set('env', newFilters.environment);\n        } else {\n          newParams.delete('env');\n        }\n      }\n\n      writeUrlTimeRange(newParams, newFilters);\n\n      if (newFilters.sortOrder !== undefined) {\n        if (newFilters.sortOrder === 'desc') {\n          newParams.delete('sort');\n        } else {\n          newParams.set('sort', newFilters.sortOrder);\n        }\n      }\n\n      if (newFilters.severity !== undefined) {\n        if (newFilters.severity && newFilters.severity.length > 0) {\n          newParams.set('severity', newFilters.severity.join(','));\n        } else {\n          newParams.delete('severity');\n        }\n      }\n\n      if (newFilters.searchQuery !== undefined) {\n        if (newFilters.searchQuery) {\n          newParams.set('search', newFilters.searchQuery);\n        } else {\n          newParams.delete('search');\n        }\n      }\n\n      setSearchParams(newParams, { replace: true });\n    },\n    [searchParams, setSearchParams],\n  );\n\n  const resetFilters = useCallback(() => {\n    const newParams = new URLSearchParams();\n    if (environments.length > 0) {\n      newParams.set('env', environments[0].name);\n    }\n    setSearchParams(newParams, { replace: true });\n  }, [environments, setSearchParams]);\n\n  return { filters, updateFilters, resetFilters };\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useUrlFiltersForIncidents.esm.js

@@ -0,0 +1,87 @@
+import { useMemo, useCallback } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useAutoSelectFirstEnvironment } from './useAutoSelectFirstEnvironment.esm.js';
+import { parseUrlTimeRange, writeUrlTimeRange } from '../utils/urlTimeRange.esm.js';
+
+function useUrlFiltersForIncidents({
+  environments
+}) {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const filters = useMemo(() => {
+    const envName = searchParams.get("env");
+    const { timeRange, customStartTime, customEndTime } = parseUrlTimeRange(searchParams);
+    const rawSortOrder = searchParams.get("sort");
+    const sortOrder = rawSortOrder === "asc" || rawSortOrder === "desc" ? rawSortOrder : "desc";
+    const componentsParam = searchParams.get("components");
+    const components = componentsParam ? componentsParam.split(",").filter(Boolean) : [];
+    const statusParam = searchParams.get("status");
+    const status = statusParam ? statusParam.split(",").filter(Boolean) : [];
+    const searchQuery = searchParams.get("search") || void 0;
+    const environment = envName ? environments.find((e) => e.name === envName) : void 0;
+    return {
+      environment: environment?.name || "",
+      timeRange,
+      customStartTime,
+      customEndTime,
+      sortOrder,
+      components: components.length > 0 ? components : void 0,
+      status: status.length > 0 ? status : void 0,
+      searchQuery
+    };
+  }, [searchParams, environments]);
+  useAutoSelectFirstEnvironment(environments, searchParams, setSearchParams);
+  const updateFilters = useCallback(
+    (newFilters) => {
+      const newParams = new URLSearchParams(searchParams);
+      if (newFilters.environment !== void 0) {
+        if (newFilters.environment) {
+          newParams.set("env", newFilters.environment);
+        } else {
+          newParams.delete("env");
+        }
+      }
+      writeUrlTimeRange(newParams, newFilters);
+      if (newFilters.sortOrder !== void 0) {
+        if (newFilters.sortOrder === "desc") {
+          newParams.delete("sort");
+        } else {
+          newParams.set("sort", newFilters.sortOrder);
+        }
+      }
+      if (newFilters.components !== void 0) {
+        if (newFilters.components && newFilters.components.length > 0) {
+          newParams.set("components", newFilters.components.join(","));
+        } else {
+          newParams.delete("components");
+        }
+      }
+      if (newFilters.status !== void 0) {
+        if (newFilters.status && newFilters.status.length > 0) {
+          newParams.set("status", newFilters.status.join(","));
+        } else {
+          newParams.delete("status");
+        }
+      }
+      if (newFilters.searchQuery !== void 0) {
+        if (newFilters.searchQuery) {
+          newParams.set("search", newFilters.searchQuery);
+        } else {
+          newParams.delete("search");
+        }
+      }
+      setSearchParams(newParams, { replace: true });
+    },
+    [searchParams, setSearchParams]
+  );
+  const resetFilters = useCallback(() => {
+    const newParams = new URLSearchParams();
+    if (environments.length > 0) {
+      newParams.set("env", environments[0].name);
+    }
+    setSearchParams(newParams, { replace: true });
+  }, [environments, setSearchParams]);
+  return { filters, updateFilters, resetFilters };
+}
+
+export { useUrlFiltersForIncidents };
+//# sourceMappingURL=useUrlFiltersForIncidents.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUrlFiltersForIncidents.esm.js","sources":["../../src/hooks/useUrlFiltersForIncidents.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport type { Environment } from '../types';\nimport type { IncidentsFilters } from '../components/Incidents/types';\nimport { useAutoSelectFirstEnvironment } from './useAutoSelectFirstEnvironment';\nimport { parseUrlTimeRange, writeUrlTimeRange } from '../utils/urlTimeRange';\n\ninterface UseUrlFiltersForIncidentsOptions {\n  environments: Environment[];\n}\n\nexport function useUrlFiltersForIncidents({\n  environments,\n}: UseUrlFiltersForIncidentsOptions): {\n  filters: IncidentsFilters;\n  updateFilters: (newFilters: Partial<IncidentsFilters>) => void;\n  resetFilters: () => void;\n} {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const filters = useMemo<IncidentsFilters>(() => {\n    const envName = searchParams.get('env');\n    const { timeRange, customStartTime, customEndTime } =\n      parseUrlTimeRange(searchParams);\n    const rawSortOrder = searchParams.get('sort');\n    const sortOrder: 'asc' | 'desc' =\n      rawSortOrder === 'asc' || rawSortOrder === 'desc' ? rawSortOrder : 'desc';\n    const componentsParam = searchParams.get('components');\n    const components = componentsParam\n      ? componentsParam.split(',').filter(Boolean)\n      : [];\n    const statusParam = searchParams.get('status');\n    const status = statusParam ? statusParam.split(',').filter(Boolean) : [];\n    const searchQuery = searchParams.get('search') || undefined;\n\n    const environment = envName\n      ? environments.find(e => e.name === envName)\n      : undefined;\n\n    return {\n      environment: environment?.name || '',\n      timeRange,\n      customStartTime,\n      customEndTime,\n      sortOrder,\n      components: components.length > 0 ? components : undefined,\n      status: status.length > 0 ? status : undefined,\n      searchQuery,\n    };\n  }, [searchParams, environments]);\n\n  useAutoSelectFirstEnvironment(environments, searchParams, setSearchParams);\n\n  const updateFilters = useCallback(\n    (newFilters: Partial<IncidentsFilters>) => {\n      const newParams = new URLSearchParams(searchParams);\n\n      if (newFilters.environment !== undefined) {\n        if (newFilters.environment) {\n          newParams.set('env', newFilters.environment);\n        } else {\n          newParams.delete('env');\n        }\n      }\n\n      writeUrlTimeRange(newParams, newFilters);\n\n      if (newFilters.sortOrder !== undefined) {\n        if (newFilters.sortOrder === 'desc') {\n          newParams.delete('sort');\n        } else {\n          newParams.set('sort', newFilters.sortOrder);\n        }\n      }\n\n      if (newFilters.components !== undefined) {\n        if (newFilters.components && newFilters.components.length > 0) {\n          newParams.set('components', newFilters.components.join(','));\n        } else {\n          newParams.delete('components');\n        }\n      }\n\n      if (newFilters.status !== undefined) {\n        if (newFilters.status && newFilters.status.length > 0) {\n          newParams.set('status', newFilters.status.join(','));\n        } else {\n          newParams.delete('status');\n        }\n      }\n\n      if (newFilters.searchQuery !== undefined) {\n        if (newFilters.searchQuery) {\n          newParams.set('search', newFilters.searchQuery);\n        } else {\n          newParams.delete('search');\n        }\n      }\n\n      setSearchParams(newParams, { replace: true });\n    },\n    [searchParams, setSearchParams],\n  );\n\n  const resetFilters = useCallback(() => {\n    const newParams = new URLSearchParams();\n    if (environments.length > 0) {\n      newParams.set('env', environments[0].name);\n    }\n    setSearchParams(newParams, { replace: true });\n  }, [environments, setSearchParams]);\n\n  return { filters, updateFilters, resetFilters };\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useUrlFiltersForRuntimeLogs.esm.js

@@ -0,0 +1,135 @@
+import { useMemo, useCallback } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { LOG_LEVELS, LogEntryField, SELECTED_FIELDS } from '../components/RuntimeLogs/types.esm.js';
+import { useAutoSelectFirstEnvironment } from './useAutoSelectFirstEnvironment.esm.js';
+import { parseUrlTimeRange, writeUrlTimeRange } from '../utils/urlTimeRange.esm.js';
+
+function useUrlFiltersForRuntimeLogs({
+  environments
+}) {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const filters = useMemo(() => {
+    const envName = searchParams.get("env");
+    const { timeRange, customStartTime, customEndTime } = parseUrlTimeRange(searchParams);
+    const logLevelParam = searchParams.get("logLevel");
+    const logLevel = logLevelParam === null ? [...LOG_LEVELS] : LOG_LEVELS.filter(
+      (level) => new Set(
+        logLevelParam.split(",").map((v) => v.trim()).filter(Boolean)
+      ).has(level)
+    );
+    const searchQuery = searchParams.get("search") || void 0;
+    const rawSortOrder = searchParams.get("sort");
+    const sortOrder = rawSortOrder === "asc" || rawSortOrder === "desc" ? rawSortOrder : "asc";
+    const isLive = searchParams.get("live") === "true";
+    const componentsParam = searchParams.get("components");
+    const components = componentsParam ? componentsParam.split(",").map((v) => v.trim()).filter(Boolean) : [];
+    const fieldsParam = searchParams.get("fields");
+    let selectedFields;
+    if (fieldsParam) {
+      selectedFields = fieldsParam.split(",").filter((f) => Object.values(LogEntryField).includes(f)).map((f) => f);
+      if (!selectedFields.includes(LogEntryField.Log)) {
+        selectedFields.push(LogEntryField.Log);
+      }
+      selectedFields = SELECTED_FIELDS.filter(
+        (field) => selectedFields.includes(field)
+      );
+    } else {
+      selectedFields = [...SELECTED_FIELDS];
+    }
+    const environment = envName ? environments.find((e) => e.name === envName) : void 0;
+    return {
+      environment: environment?.name || "",
+      timeRange,
+      customStartTime,
+      customEndTime,
+      logLevel,
+      selectedFields,
+      components,
+      searchQuery,
+      sortOrder,
+      isLive: isLive || false
+    };
+  }, [searchParams, environments]);
+  useAutoSelectFirstEnvironment(environments, searchParams, setSearchParams);
+  const updateFilters = useCallback(
+    (newFilters) => {
+      const newParams = new URLSearchParams(searchParams);
+      if (newFilters.environment !== void 0) {
+        if (newFilters.environment) {
+          newParams.set("env", newFilters.environment);
+        } else {
+          newParams.delete("env");
+        }
+      }
+      writeUrlTimeRange(newParams, newFilters);
+      if (newFilters.logLevel !== void 0) {
+        const isAllSelected = newFilters.logLevel.length === LOG_LEVELS.length && LOG_LEVELS.every((l) => newFilters.logLevel.includes(l));
+        if (isAllSelected) {
+          newParams.delete("logLevel");
+        } else if (newFilters.logLevel.length === 0) {
+          newParams.set("logLevel", "");
+        } else {
+          newParams.set("logLevel", newFilters.logLevel.join(","));
+        }
+      }
+      if (newFilters.selectedFields !== void 0) {
+        let fields = newFilters.selectedFields;
+        if (!fields.includes(LogEntryField.Log)) {
+          fields = [...fields, LogEntryField.Log];
+        }
+        const normalizedFields = SELECTED_FIELDS.filter(
+          (field) => fields.includes(field)
+        );
+        const isDefaultFields = normalizedFields.length === SELECTED_FIELDS.length && normalizedFields.every(
+          (field, index) => field === SELECTED_FIELDS[index]
+        );
+        if (isDefaultFields) {
+          newParams.delete("fields");
+        } else {
+          newParams.set("fields", normalizedFields.join(","));
+        }
+      }
+      if (newFilters.searchQuery !== void 0) {
+        if (newFilters.searchQuery) {
+          newParams.set("search", newFilters.searchQuery);
+        } else {
+          newParams.delete("search");
+        }
+      }
+      if (newFilters.sortOrder !== void 0) {
+        if (newFilters.sortOrder === "asc") {
+          newParams.delete("sort");
+        } else {
+          newParams.set("sort", newFilters.sortOrder);
+        }
+      }
+      if (newFilters.isLive !== void 0) {
+        if (newFilters.isLive) {
+          newParams.set("live", "true");
+        } else {
+          newParams.delete("live");
+        }
+      }
+      if (newFilters.components !== void 0) {
+        if (newFilters.components.length > 0) {
+          newParams.set("components", newFilters.components.join(","));
+        } else {
+          newParams.delete("components");
+        }
+      }
+      setSearchParams(newParams, { replace: true });
+    },
+    [searchParams, setSearchParams]
+  );
+  const resetFilters = useCallback(() => {
+    const newParams = new URLSearchParams();
+    if (environments.length > 0) {
+      newParams.set("env", environments[0].name);
+    }
+    setSearchParams(newParams, { replace: true });
+  }, [environments, setSearchParams]);
+  return { filters, updateFilters, resetFilters };
+}
+
+export { useUrlFiltersForRuntimeLogs };
+//# sourceMappingURL=useUrlFiltersForRuntimeLogs.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUrlFiltersForRuntimeLogs.esm.js","sources":["../../src/hooks/useUrlFiltersForRuntimeLogs.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  RuntimeLogsFilters,\n  LogEntryField,\n  LOG_LEVELS,\n  SELECTED_FIELDS,\n} from '../components/RuntimeLogs/types';\nimport type { Environment } from '../types';\nimport { useAutoSelectFirstEnvironment } from './useAutoSelectFirstEnvironment';\nimport { parseUrlTimeRange, writeUrlTimeRange } from '../utils/urlTimeRange';\n\ninterface UseUrlFiltersForRuntimeLogsOptions {\n  /** Available environments to map envName from URL */\n  environments: Environment[];\n}\n\n/**\n * Hook for managing runtime logs filters synced to URL query parameters.\n *\n * Query parameters:\n * - `env`: Environment name (auto-selected if not present or invalid)\n * - `timeRange`: Time range value (defaults to '10m')\n * - `logLevel`: Comma-separated log levels (empty value means none selected)\n *\n * @example\n * ```tsx\n * const { filters, updateFilters, resetFilters } = useUrlFiltersForRuntimeLogs({\n *   environments,\n * });\n * ```\n */\nexport function useUrlFiltersForRuntimeLogs({\n  environments,\n}: UseUrlFiltersForRuntimeLogsOptions) {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  // Parse filters from URL\n  const filters = useMemo<RuntimeLogsFilters>(() => {\n    const envName = searchParams.get('env');\n    const { timeRange, customStartTime, customEndTime } =\n      parseUrlTimeRange(searchParams);\n    const logLevelParam = searchParams.get('logLevel');\n    const logLevel =\n      logLevelParam === null\n        ? [...LOG_LEVELS]\n        : LOG_LEVELS.filter(level =>\n            new Set(\n              logLevelParam\n                .split(',')\n                .map(v => v.trim())\n                .filter(Boolean),\n            ).has(level),\n          );\n    const searchQuery = searchParams.get('search') || undefined;\n    const rawSortOrder = searchParams.get('sort');\n    const sortOrder: 'asc' | 'desc' =\n      rawSortOrder === 'asc' || rawSortOrder === 'desc' ? rawSortOrder : 'asc';\n\n    const isLive = searchParams.get('live') === 'true';\n    const componentsParam = searchParams.get('components');\n    const components = componentsParam\n      ? componentsParam\n          .split(',')\n          .map(v => v.trim())\n          .filter(Boolean)\n      : [];\n\n    // Parse selectedFields from URL\n    const fieldsParam = searchParams.get('fields');\n    let selectedFields: LogEntryField[];\n    if (fieldsParam) {\n      selectedFields = fieldsParam\n        .split(',')\n        .filter(f => Object.values(LogEntryField).includes(f as LogEntryField))\n        .map(f => f as LogEntryField);\n      // Ensure Log field is always included\n      if (!selectedFields.includes(LogEntryField.Log)) {\n        selectedFields.push(LogEntryField.Log);\n      }\n      // Sort by the order of the SELECTED_FIELDS array to maintain consistent column order\n      selectedFields = SELECTED_FIELDS.filter(field =>\n        selectedFields.includes(field),\n      );\n    } else {\n      // Default to all fields\n      selectedFields = [...SELECTED_FIELDS];\n    }\n\n    const environment = envName\n      ? environments.find(e => e.name === envName)\n      : undefined;\n\n    return {\n      environment: environment?.name || '',\n      timeRange,\n      customStartTime,\n      customEndTime,\n      logLevel,\n      selectedFields,\n      components,\n      searchQuery,\n      sortOrder,\n      isLive: isLive || false,\n    };\n  }, [searchParams, environments]);\n\n  // Auto-select first environment if none selected or URL has a stale env id\n  useAutoSelectFirstEnvironment(environments, searchParams, setSearchParams);\n\n  // Update URL when filters change\n  const updateFilters = useCallback(\n    (newFilters: Partial<RuntimeLogsFilters>) => {\n      const newParams = new URLSearchParams(searchParams);\n\n      if (newFilters.environment !== undefined) {\n        if (newFilters.environment) {\n          newParams.set('env', newFilters.environment);\n        } else {\n          newParams.delete('env');\n        }\n      }\n\n      writeUrlTimeRange(newParams, newFilters);\n\n      if (newFilters.logLevel !== undefined) {\n        const isAllSelected =\n          newFilters.logLevel.length === LOG_LEVELS.length &&\n          LOG_LEVELS.every(l => newFilters.logLevel!.includes(l));\n        if (isAllSelected) {\n          // Default (all) - remove from URL\n          newParams.delete('logLevel');\n        } else if (newFilters.logLevel.length === 0) {\n          // Explicitly represent none selected\n          newParams.set('logLevel', '');\n        } else {\n          newParams.set('logLevel', newFilters.logLevel.join(','));\n        }\n      }\n\n      if (newFilters.selectedFields !== undefined) {\n        // Ensure Log field is always included\n        let fields = newFilters.selectedFields;\n        if (!fields.includes(LogEntryField.Log)) {\n          fields = [...fields, LogEntryField.Log];\n        }\n\n        // Normalize order to match SELECTED_FIELDS\n        const normalizedFields = SELECTED_FIELDS.filter(field =>\n          fields.includes(field),\n        );\n\n        // Only store in URL if not the default (all fields selected)\n        const isDefaultFields =\n          normalizedFields.length === SELECTED_FIELDS.length &&\n          normalizedFields.every(\n            (field, index) => field === SELECTED_FIELDS[index],\n          );\n\n        if (isDefaultFields) {\n          newParams.delete('fields');\n        } else {\n          newParams.set('fields', normalizedFields.join(','));\n        }\n      }\n\n      if (newFilters.searchQuery !== undefined) {\n        if (newFilters.searchQuery) {\n          newParams.set('search', newFilters.searchQuery);\n        } else {\n          newParams.delete('search');\n        }\n      }\n\n      if (newFilters.sortOrder !== undefined) {\n        if (newFilters.sortOrder === 'asc') {\n          // Default value - remove from URL\n          newParams.delete('sort');\n        } else {\n          newParams.set('sort', newFilters.sortOrder);\n        }\n      }\n\n      if (newFilters.isLive !== undefined) {\n        if (newFilters.isLive) {\n          newParams.set('live', 'true');\n        } else {\n          newParams.delete('live');\n        }\n      }\n\n      if (newFilters.components !== undefined) {\n        if (newFilters.components.length > 0) {\n          newParams.set('components', newFilters.components.join(','));\n        } else {\n          newParams.delete('components');\n        }\n      }\n\n      setSearchParams(newParams, { replace: true });\n    },\n    [searchParams, setSearchParams],\n  );\n\n  // Reset filters to defaults\n  const resetFilters = useCallback(() => {\n    const newParams = new URLSearchParams();\n    if (environments.length > 0) {\n      newParams.set('env', environments[0].name);\n    }\n    setSearchParams(newParams, { replace: true });\n  }, [environments, setSearchParams]);\n\n  return { filters, updateFilters, resetFilters };\n}\n"],"names":[],"mappings":";;;;;;AAgCO,SAAS,2BAAA,CAA4B;AAAA,EAC1C;AACF,CAAA,EAAuC;AACrC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,eAAA,EAAgB;AAGxD,EAAA,MAAM,OAAA,GAAU,QAA4B,MAAM;AAChD,IAAA,MAAM,OAAA,GAAU,YAAA,CAAa,GAAA,CAAI,KAAK,CAAA;AACtC,IAAA,MAAM,EAAE,SAAA,EAAW,eAAA,EAAiB,aAAA,EAAc,GAChD,kBAAkB,YAAY,CAAA;AAChC,IAAA,MAAM,aAAA,GAAgB,YAAA,CAAa,GAAA,CAAI,UAAU,CAAA;AACjD,IAAA,MAAM,WACJ,aAAA,KAAkB,IAAA,GACd,CAAC,GAAG,UAAU,IACd,UAAA,CAAW,MAAA;AAAA,MAAO,WAChB,IAAI,GAAA;AAAA,QACF,aAAA,CACG,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAA,CAAA,KAAK,CAAA,CAAE,IAAA,EAAM,CAAA,CACjB,MAAA,CAAO,OAAO;AAAA,OACnB,CAAE,IAAI,KAAK;AAAA,KACb;AACN,IAAA,MAAM,WAAA,GAAc,YAAA,CAAa,GAAA,CAAI,QAAQ,CAAA,IAAK,MAAA;AAClD,IAAA,MAAM,YAAA,GAAe,YAAA,CAAa,GAAA,CAAI,MAAM,CAAA;AAC5C,IAAA,MAAM,SAAA,GACJ,YAAA,KAAiB,KAAA,IAAS,YAAA,KAAiB,SAAS,YAAA,GAAe,KAAA;AAErE,IAAA,MAAM,MAAA,GAAS,YAAA,CAAa,GAAA,CAAI,MAAM,CAAA,KAAM,MAAA;AAC5C,IAAA,MAAM,eAAA,GAAkB,YAAA,CAAa,GAAA,CAAI,YAAY,CAAA;AACrD,IAAA,MAAM,UAAA,GAAa,eAAA,GACf,eAAA,CACG,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAA,CAAA,KAAK,CAAA,CAAE,MAAM,CAAA,CACjB,MAAA,CAAO,OAAO,IACjB,EAAC;AAGL,IAAA,MAAM,WAAA,GAAc,YAAA,CAAa,GAAA,CAAI,QAAQ,CAAA;AAC7C,IAAA,IAAI,cAAA;AACJ,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,cAAA,GAAiB,YACd,KAAA,CAAM,GAAG,CAAA,CACT,MAAA,CAAO,OAAK,MAAA,CAAO,MAAA,CAAO,aAAa,CAAA,CAAE,SAAS,CAAkB,CAAC,CAAA,CACrE,GAAA,CAAI,OAAK,CAAkB,CAAA;AAE9B,MAAA,IAAI,CAAC,cAAA,CAAe,QAAA,CAAS,aAAA,CAAc,GAAG,CAAA,EAAG;AAC/C,QAAA,cAAA,CAAe,IAAA,CAAK,cAAc,GAAG,CAAA;AAAA,MACvC;AAEA,MAAA,cAAA,GAAiB,eAAA,CAAgB,MAAA;AAAA,QAAO,CAAA,KAAA,KACtC,cAAA,CAAe,QAAA,CAAS,KAAK;AAAA,OAC/B;AAAA,IACF,CAAA,MAAO;AAEL,MAAA,cAAA,GAAiB,CAAC,GAAG,eAAe,CAAA;AAAA,IACtC;AAEA,IAAA,MAAM,WAAA,GAAc,UAChB,YAAA,CAAa,IAAA,CAAK,OAAK,CAAA,CAAE,IAAA,KAAS,OAAO,CAAA,GACzC,MAAA;AAEJ,IAAA,OAAO;AAAA,MACL,WAAA,EAAa,aAAa,IAAA,IAAQ,EAAA;AAAA,MAClC,SAAA;AAAA,MACA,eAAA;AAAA,MACA,aAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAQ,MAAA,IAAU;AAAA,KACpB;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,YAAY,CAAC,CAAA;AAG/B,EAAA,6BAAA,CAA8B,YAAA,EAAc,cAAc,eAAe,CAAA;AAGzE,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,UAAA,KAA4C;AAC3C,MAAA,MAAM,SAAA,GAAY,IAAI,eAAA,CAAgB,YAAY,CAAA;AAElD,MAAA,IAAI,UAAA,CAAW,gBAAgB,MAAA,EAAW;AACxC,QAAA,IAAI,WAAW,WAAA,EAAa;AAC1B,UAAA,SAAA,CAAU,GAAA,CAAI,KAAA,EAAO,UAAA,CAAW,WAAW,CAAA;AAAA,QAC7C,CAAA,MAAO;AACL,UAAA,SAAA,CAAU,OAAO,KAAK,CAAA;AAAA,QACxB;AAAA,MACF;AAEA,MAAA,iBAAA,CAAkB,WAAW,UAAU,CAAA;AAEvC,MAAA,IAAI,UAAA,CAAW,aAAa,MAAA,EAAW;AACrC,QAAA,MAAM,aAAA,GACJ,UAAA,CAAW,QAAA,CAAS,MAAA,KAAW,UAAA,CAAW,MAAA,IAC1C,UAAA,CAAW,KAAA,CAAM,CAAA,CAAA,KAAK,UAAA,CAAW,QAAA,CAAU,QAAA,CAAS,CAAC,CAAC,CAAA;AACxD,QAAA,IAAI,aAAA,EAAe;AAEjB,UAAA,SAAA,CAAU,OAAO,UAAU,CAAA;AAAA,QAC7B,CAAA,MAAA,IAAW,UAAA,CAAW,QAAA,CAAS,MAAA,KAAW,CAAA,EAAG;AAE3C,UAAA,SAAA,CAAU,GAAA,CAAI,YAAY,EAAE,CAAA;AAAA,QAC9B,CAAA,MAAO;AACL,UAAA,SAAA,CAAU,IAAI,UAAA,EAAY,UAAA,CAAW,QAAA,CAAS,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA,QACzD;AAAA,MACF;AAEA,MAAA,IAAI,UAAA,CAAW,mBAAmB,MAAA,EAAW;AAE3C,QAAA,IAAI,SAAS,UAAA,CAAW,cAAA;AACxB,QAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,aAAA,CAAc,GAAG,CAAA,EAAG;AACvC,UAAA,MAAA,GAAS,CAAC,GAAG,MAAA,EAAQ,aAAA,CAAc,GAAG,CAAA;AAAA,QACxC;AAGA,QAAA,MAAM,mBAAmB,eAAA,CAAgB,MAAA;AAAA,UAAO,CAAA,KAAA,KAC9C,MAAA,CAAO,QAAA,CAAS,KAAK;AAAA,SACvB;AAGA,QAAA,MAAM,eAAA,GACJ,gBAAA,CAAiB,MAAA,KAAW,eAAA,CAAgB,UAC5C,gBAAA,CAAiB,KAAA;AAAA,UACf,CAAC,KAAA,EAAO,KAAA,KAAU,KAAA,KAAU,gBAAgB,KAAK;AAAA,SACnD;AAEF,QAAA,IAAI,eAAA,EAAiB;AACnB,UAAA,SAAA,CAAU,OAAO,QAAQ,CAAA;AAAA,QAC3B,CAAA,MAAO;AACL,UAAA,SAAA,CAAU,GAAA,CAAI,QAAA,EAAU,gBAAA,CAAiB,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA,QACpD;AAAA,MACF;AAEA,MAAA,IAAI,UAAA,CAAW,gBAAgB,MAAA,EAAW;AACxC,QAAA,IAAI,WAAW,WAAA,EAAa;AAC1B,UAAA,SAAA,CAAU,GAAA,CAAI,QAAA,EAAU,UAAA,CAAW,WAAW,CAAA;AAAA,QAChD,CAAA,MAAO;AACL,UAAA,SAAA,CAAU,OAAO,QAAQ,CAAA;AAAA,QAC3B;AAAA,MACF;AAEA,MAAA,IAAI,UAAA,CAAW,cAAc,MAAA,EAAW;AACtC,QAAA,IAAI,UAAA,CAAW,cAAc,KAAA,EAAO;AAElC,UAAA,SAAA,CAAU,OAAO,MAAM,CAAA;AAAA,QACzB,CAAA,MAAO;AACL,UAAA,SAAA,CAAU,GAAA,CAAI,MAAA,EAAQ,UAAA,CAAW,SAAS,CAAA;AAAA,QAC5C;AAAA,MACF;AAEA,MAAA,IAAI,UAAA,CAAW,WAAW,MAAA,EAAW;AACnC,QAAA,IAAI,WAAW,MAAA,EAAQ;AACrB,UAAA,SAAA,CAAU,GAAA,CAAI,QAAQ,MAAM,CAAA;AAAA,QAC9B,CAAA,MAAO;AACL,UAAA,SAAA,CAAU,OAAO,MAAM,CAAA;AAAA,QACzB;AAAA,MACF;AAEA,MAAA,IAAI,UAAA,CAAW,eAAe,MAAA,EAAW;AACvC,QAAA,IAAI,UAAA,CAAW,UAAA,CAAW,MAAA,GAAS,CAAA,EAAG;AACpC,UAAA,SAAA,CAAU,IAAI,YAAA,EAAc,UAAA,CAAW,UAAA,CAAW,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA,QAC7D,CAAA,MAAO;AACL,UAAA,SAAA,CAAU,OAAO,YAAY,CAAA;AAAA,QAC/B;AAAA,MACF;AAEA,MAAA,eAAA,CAAgB,SAAA,EAAW,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,IAC9C,CAAA;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,GAChC;AAGA,EAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,MAAM,SAAA,GAAY,IAAI,eAAA,EAAgB;AACtC,IAAA,IAAI,YAAA,CAAa,SAAS,CAAA,EAAG;AAC3B,MAAA,SAAA,CAAU,GAAA,CAAI,KAAA,EAAO,YAAA,CAAa,CAAC,EAAE,IAAI,CAAA;AAAA,IAC3C;AACA,IAAA,eAAA,CAAgB,SAAA,EAAW,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,YAAA,EAAc,eAAe,CAAC,CAAA;AAElC,EAAA,OAAO,EAAE,OAAA,EAAS,aAAA,EAAe,YAAA,EAAa;AAChD;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { ComponentLogEntry } from '@openchoreo/backstage-plugin-common';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+
+/**
+ * A single component log entry as returned by POST /api/v1/logs/query.
+ * Fields come from the ComponentLogEntry schema (new unified API).
+ */
+type LogEntry = ComponentLogEntry;
+
+/**
+ * Render-prop slot for a per-row action button (assistant integration,
+ * "open in external tool", etc.). The host app supplies this from
+ * outside the plugin so observability stays free of cross-plugin
+ * coupling. When omitted, no action button is rendered.
+ */
+type RenderLogRowAction = (log: LogEntry, getLogsSnapshot?: () => LogEntry[]) => ReactNode;
+
+interface ObservabilityProjectRuntimeLogsPageProps {
+    renderRowAction?: RenderLogRowAction;
+}
+
+interface ObservabilityRuntimeLogsPageProps {
+    renderRowAction?: RenderLogRowAction;
+}
+
+declare const openchoreoObservabilityPlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {}>;
+declare const ObservabilityMetrics: () => react_jsx_runtime.JSX.Element;
+declare const ObservabilityTraces: () => react_jsx_runtime.JSX.Element;
+declare const ObservabilityRCA: () => react_jsx_runtime.JSX.Element;
+declare const ObservabilityRuntimeLogs: ({ renderRowAction, }: ObservabilityRuntimeLogsPageProps) => react_jsx_runtime.JSX.Element;
+declare const ObservabilityProjectRuntimeLogs: ({ renderRowAction, }: ObservabilityProjectRuntimeLogsPageProps) => react_jsx_runtime.JSX.Element;
+declare const ObservabilityAlerts: () => react_jsx_runtime.JSX.Element;
+declare const ObservabilityProjectIncidents: () => react_jsx_runtime.JSX.Element;
+declare const ObservabilityCostAnalysis: () => react_jsx_runtime.JSX.Element;
+
+export { ObservabilityAlerts, ObservabilityCostAnalysis, ObservabilityMetrics, ObservabilityProjectIncidents, ObservabilityProjectRuntimeLogs, ObservabilityRCA, ObservabilityRuntimeLogs, ObservabilityTraces, openchoreoObservabilityPlugin };
+export type { RenderLogRowAction };

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+export { ObservabilityAlerts, ObservabilityCostAnalysis, ObservabilityMetrics, ObservabilityProjectIncidents, ObservabilityProjectRuntimeLogs, ObservabilityRCA, ObservabilityRuntimeLogs, ObservabilityTraces, openchoreoObservabilityPlugin } from './plugin.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}