@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

package/dist/components/RuntimeLogs/ObservabilityRuntimeLogsPage.esm.js

@@ -0,0 +1,222 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { Box, Typography, Button } from '@material-ui/core';
+import { Progress } from '@backstage/core-components';
+import { Alert } from '@material-ui/lab';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';
+import { LogsFilter } from './LogsFilter.esm.js';
+import { LogsTable } from './LogsTable.esm.js';
+import { LogsActions } from './LogsActions.esm.js';
+import { useGetNamespaceAndProjectByEntity } from '../../hooks/useGetNamespaceAndProjectByEntity.esm.js';
+import '@backstage/core-plugin-api';
+import { useGetEnvironmentsByNamespace } from '../../hooks/useGetEnvironmentsByNamespace.esm.js';
+import 'react-router-dom';
+import '../../utils/urlTimeRange.esm.js';
+import '../../api/ObservabilityApi.esm.js';
+import { useLogsPermission, ForbiddenState, useInfiniteScroll } from '@openchoreo/backstage-plugin-react';
+import { useRuntimeLogs } from '../../hooks/useRuntimeLogs.esm.js';
+import { LOG_LEVELS } from './types.esm.js';
+import { useUrlFiltersForRuntimeLogs } from '../../hooks/useUrlFiltersForRuntimeLogs.esm.js';
+import '../../api/RCAAgentApi.esm.js';
+import '../../api/FinOpsAgentApi.esm.js';
+import { useRuntimeLogsStyles } from './styles.esm.js';
+
+const ObservabilityRuntimeLogsContent = ({
+  renderRowAction
+}) => {
+  const classes = useRuntimeLogsStyles();
+  const { entity } = useEntity();
+  const { namespace, project } = useGetNamespaceAndProjectByEntity(entity);
+  const {
+    environments,
+    loading: environmentsLoading,
+    error: environmentsError
+  } = useGetEnvironmentsByNamespace(namespace, project);
+  const { filters, updateFilters } = useUrlFiltersForRuntimeLogs({
+    environments
+  });
+  const selectedEnvironment = environments.find(
+    (env) => env.name === filters.environment
+  );
+  const {
+    canViewLogs: canViewLogsForEnv,
+    loading: envPermissionLoading,
+    deniedTooltip: envPermissionDenied,
+    permissionName: envPermissionName
+  } = useLogsPermission(selectedEnvironment?.name);
+  const componentName = entity.metadata.annotations?.[CHOREO_ANNOTATIONS.COMPONENT];
+  const [lastUpdated, setLastUpdated] = useState(/* @__PURE__ */ new Date());
+  const allLogLevelsSelected = filters.logLevel.length === LOG_LEVELS.length;
+  const noLogLevelSelected = filters.logLevel.length === 0;
+  const {
+    logs,
+    loading: logsLoading,
+    error: logsError,
+    totalCount,
+    hasMore,
+    fetchLogs,
+    loadMore,
+    refresh,
+    clearLogs
+  } = useRuntimeLogs(entity, namespace || "", project || "", {
+    environment: filters.environment,
+    timeRange: filters.timeRange,
+    customStartTime: filters.customStartTime,
+    customEndTime: filters.customEndTime,
+    logLevels: allLogLevelsSelected ? void 0 : filters.logLevel,
+    limit: 50,
+    searchQuery: filters.searchQuery,
+    sortOrder: filters.sortOrder || "asc",
+    isLive: filters.isLive && !noLogLevelSelected
+  });
+  const { loadingRef } = useInfiniteScroll(loadMore, hasMore, logsLoading);
+  const previousFiltersRef = useRef(null);
+  useEffect(() => {
+    const currentFilters = {
+      environment: filters.environment,
+      logLevel: filters.logLevel,
+      timeRange: filters.timeRange,
+      customStartTime: filters.customStartTime,
+      customEndTime: filters.customEndTime,
+      searchQuery: filters.searchQuery,
+      sortOrder: filters.sortOrder
+    };
+    const filtersChanged = previousFiltersRef.current === null || JSON.stringify(previousFiltersRef.current) !== JSON.stringify(currentFilters);
+    if (filters.environment && selectedEnvironment && namespace && project && canViewLogsForEnv && filtersChanged) {
+      if (filters.logLevel.length === 0) {
+        clearLogs();
+      } else {
+        fetchLogs(true);
+        setLastUpdated(/* @__PURE__ */ new Date());
+      }
+      previousFiltersRef.current = currentFilters;
+    }
+  }, [
+    filters.environment,
+    filters.logLevel,
+    filters.timeRange,
+    filters.customStartTime,
+    filters.customEndTime,
+    filters.searchQuery,
+    filters.sortOrder,
+    fetchLogs,
+    clearLogs,
+    selectedEnvironment,
+    namespace,
+    project,
+    canViewLogsForEnv,
+    envPermissionLoading
+  ]);
+  useEffect(() => {
+    if (!logsLoading) {
+      setLastUpdated(/* @__PURE__ */ new Date());
+    }
+  }, [logsLoading]);
+  const handleRefresh = () => {
+    if (noLogLevelSelected) {
+      clearLogs();
+      return;
+    }
+    refresh();
+    setLastUpdated(/* @__PURE__ */ new Date());
+  };
+  const handleFiltersChange = (newFilters) => {
+    updateFilters(newFilters);
+  };
+  const renderError = (error) => {
+    const isObservabilityDisabled = error.includes(
+      "Observability is not enabled"
+    );
+    return /* @__PURE__ */ jsxs(
+      Alert,
+      {
+        severity: isObservabilityDisabled ? "info" : "error",
+        className: classes.errorContainer,
+        children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body1", children: isObservabilityDisabled ? "Observability is not enabled for this component in the current environment. Enable observability to view runtime logs." : error }),
+          !isObservabilityDisabled && /* @__PURE__ */ jsx(Button, { onClick: handleRefresh, color: "inherit", size: "small", children: "Retry" })
+        ]
+      }
+    );
+  };
+  if (environmentsError) {
+    return /* @__PURE__ */ jsx(Box, { children: renderError(environmentsError) });
+  }
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      LogsFilter,
+      {
+        filters,
+        onFiltersChange: handleFiltersChange,
+        environments,
+        environmentsLoading,
+        disabled: logsLoading
+      }
+    ),
+    logsError && renderError(logsError),
+    !filters.environment && !environmentsLoading && environments.length === 0 && /* @__PURE__ */ jsx(Alert, { severity: "info", className: classes.errorContainer, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "No environments found. Make sure your component is properly configured." }) }),
+    filters.environment && !envPermissionLoading && !canViewLogsForEnv && /* @__PURE__ */ jsx(
+      ForbiddenState,
+      {
+        message: envPermissionDenied,
+        permissionName: envPermissionName,
+        variant: "compact"
+      }
+    ),
+    filters.environment && canViewLogsForEnv && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        LogsActions,
+        {
+          totalCount,
+          disabled: logsLoading || !filters.environment,
+          onRefresh: handleRefresh,
+          filters,
+          onFiltersChange: handleFiltersChange,
+          lastUpdated
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        LogsTable,
+        {
+          selectedFields: filters.selectedFields,
+          logs,
+          loading: logsLoading,
+          hasMore,
+          loadingRef,
+          environmentName: selectedEnvironment?.displayName || selectedEnvironment?.name,
+          projectName: project,
+          componentName,
+          renderRowAction
+        }
+      )
+    ] })
+  ] });
+};
+const ObservabilityRuntimeLogsPage = ({
+  renderRowAction
+}) => {
+  const {
+    canViewLogs,
+    loading: permissionLoading,
+    deniedTooltip,
+    permissionName
+  } = useLogsPermission();
+  if (permissionLoading) {
+    return /* @__PURE__ */ jsx(Progress, {});
+  }
+  if (!canViewLogs) {
+    return /* @__PURE__ */ jsx(
+      ForbiddenState,
+      {
+        message: deniedTooltip,
+        permissionName,
+        variant: "fullpage"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(ObservabilityRuntimeLogsContent, { renderRowAction });
+};
+
+export { ObservabilityRuntimeLogsPage };
+//# sourceMappingURL=ObservabilityRuntimeLogsPage.esm.js.map

package/dist/components/RuntimeLogs/ObservabilityRuntimeLogsPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObservabilityRuntimeLogsPage.esm.js","sources":["../../../src/components/RuntimeLogs/ObservabilityRuntimeLogsPage.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { Box, Typography, Button } from '@material-ui/core';\nimport { Progress } from '@backstage/core-components';\nimport { Alert } from '@material-ui/lab';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { CHOREO_ANNOTATIONS } from '@openchoreo/backstage-plugin-common';\nimport { LogsFilter } from './LogsFilter';\nimport { LogsTable } from './LogsTable';\nimport { LogsActions } from './LogsActions';\nimport {\n  useRuntimeLogs,\n  useGetNamespaceAndProjectByEntity,\n  useGetEnvironmentsByNamespace,\n  useUrlFiltersForRuntimeLogs,\n} from '../../hooks';\nimport {\n  useInfiniteScroll,\n  useLogsPermission,\n  ForbiddenState,\n} from '@openchoreo/backstage-plugin-react';\nimport { useRuntimeLogsStyles } from './styles';\nimport { LOG_LEVELS } from './types';\nimport type { RenderLogRowAction } from './LogEntry';\n\nexport interface ObservabilityRuntimeLogsPageProps {\n  renderRowAction?: RenderLogRowAction;\n}\n\nconst ObservabilityRuntimeLogsContent = ({\n  renderRowAction,\n}: ObservabilityRuntimeLogsPageProps) => {\n  const classes = useRuntimeLogsStyles();\n  const { entity } = useEntity();\n\n  // Get namespace and project names from entity\n  const { namespace, project } = useGetNamespaceAndProjectByEntity(entity);\n\n  // Fetch environments from observability backend\n  const {\n    environments,\n    loading: environmentsLoading,\n    error: environmentsError,\n  } = useGetEnvironmentsByNamespace(namespace, project);\n\n  const { filters, updateFilters } = useUrlFiltersForRuntimeLogs({\n    environments,\n  });\n\n  const selectedEnvironment = environments.find(\n    env => env.name === filters.environment,\n  );\n\n  // Per-environment permission check: honors ABAC `resource.environment` CEL\n  // constraints (openchoreo#3408). Page-level gate below only verifies the\n  // user can view logs *somewhere* — this one gates the actual env content.\n  const {\n    canViewLogs: canViewLogsForEnv,\n    loading: envPermissionLoading,\n    deniedTooltip: envPermissionDenied,\n    permissionName: envPermissionName,\n  } = useLogsPermission(selectedEnvironment?.name);\n\n  // Get component name from entity annotations\n  const componentName =\n    entity.metadata.annotations?.[CHOREO_ANNOTATIONS.COMPONENT];\n\n  // Track last updated time\n  const [lastUpdated, setLastUpdated] = useState<Date>(new Date());\n\n  const allLogLevelsSelected = filters.logLevel.length === LOG_LEVELS.length;\n  const noLogLevelSelected = filters.logLevel.length === 0;\n\n  const {\n    logs,\n    loading: logsLoading,\n    error: logsError,\n    totalCount,\n    hasMore,\n    fetchLogs,\n    loadMore,\n    refresh,\n    clearLogs,\n  } = useRuntimeLogs(entity, namespace || '', project || '', {\n    environment: filters.environment,\n    timeRange: filters.timeRange,\n    customStartTime: filters.customStartTime,\n    customEndTime: filters.customEndTime,\n    logLevels: allLogLevelsSelected ? undefined : filters.logLevel,\n    limit: 50,\n    searchQuery: filters.searchQuery,\n    sortOrder: filters.sortOrder || 'asc',\n    isLive: filters.isLive && !noLogLevelSelected,\n  });\n\n  const { loadingRef } = useInfiniteScroll(loadMore, hasMore, logsLoading);\n\n  // Track previous filter values to detect changes\n  // Initialize with null to ensure initial fetch happens when all conditions are ready\n  const previousFiltersRef = useRef<{\n    environment: string;\n    logLevel: string[];\n    timeRange: string;\n    customStartTime?: string;\n    customEndTime?: string;\n    searchQuery?: string;\n    sortOrder?: 'asc' | 'desc';\n  } | null>(null);\n\n  // Note: Auto-selection of first environment is handled by useUrlFilters hook\n\n  // Fetch logs when filters change or when component/project IDs become available\n  useEffect(() => {\n    const currentFilters = {\n      environment: filters.environment,\n      logLevel: filters.logLevel,\n      timeRange: filters.timeRange,\n      customStartTime: filters.customStartTime,\n      customEndTime: filters.customEndTime,\n      searchQuery: filters.searchQuery,\n      sortOrder: filters.sortOrder,\n    };\n\n    // Only fetch if filters changed (null means first load)\n    const filtersChanged =\n      previousFiltersRef.current === null ||\n      JSON.stringify(previousFiltersRef.current) !==\n        JSON.stringify(currentFilters);\n\n    if (\n      filters.environment &&\n      selectedEnvironment &&\n      namespace &&\n      project &&\n      canViewLogsForEnv &&\n      filtersChanged\n    ) {\n      if (filters.logLevel.length === 0) {\n        clearLogs();\n      } else {\n        fetchLogs(true);\n        setLastUpdated(new Date());\n      }\n      previousFiltersRef.current = currentFilters;\n    }\n  }, [\n    filters.environment,\n    filters.logLevel,\n    filters.timeRange,\n    filters.customStartTime,\n    filters.customEndTime,\n    filters.searchQuery,\n    filters.sortOrder,\n    fetchLogs,\n    clearLogs,\n    selectedEnvironment,\n    namespace,\n    project,\n    canViewLogsForEnv,\n    envPermissionLoading,\n  ]);\n\n  // Update lastUpdated when logs are refreshed\n  useEffect(() => {\n    if (!logsLoading) {\n      setLastUpdated(new Date());\n    }\n  }, [logsLoading]);\n\n  const handleRefresh = () => {\n    if (noLogLevelSelected) {\n      clearLogs();\n      return;\n    }\n    refresh();\n    setLastUpdated(new Date());\n  };\n\n  const handleFiltersChange = (newFilters: Partial<typeof filters>) => {\n    updateFilters(newFilters);\n  };\n\n  const renderError = (error: string) => {\n    const isObservabilityDisabled = error.includes(\n      'Observability is not enabled',\n    );\n\n    return (\n      <Alert\n        severity={isObservabilityDisabled ? 'info' : 'error'}\n        className={classes.errorContainer}\n      >\n        <Typography variant=\"body1\">\n          {isObservabilityDisabled\n            ? 'Observability is not enabled for this component in the current environment. Enable observability to view runtime logs.'\n            : error}\n        </Typography>\n        {!isObservabilityDisabled && (\n          <Button onClick={handleRefresh} color=\"inherit\" size=\"small\">\n            Retry\n          </Button>\n        )}\n      </Alert>\n    );\n  };\n\n  if (environmentsError) {\n    return <Box>{renderError(environmentsError)}</Box>;\n  }\n\n  return (\n    <Box>\n      <LogsFilter\n        filters={filters}\n        onFiltersChange={handleFiltersChange}\n        environments={environments}\n        environmentsLoading={environmentsLoading}\n        disabled={logsLoading}\n      />\n\n      {logsError && renderError(logsError)}\n\n      {!filters.environment &&\n        !environmentsLoading &&\n        environments.length === 0 && (\n          <Alert severity=\"info\" className={classes.errorContainer}>\n            <Typography variant=\"body1\">\n              No environments found. Make sure your component is properly\n              configured.\n            </Typography>\n          </Alert>\n        )}\n\n      {filters.environment && !envPermissionLoading && !canViewLogsForEnv && (\n        <ForbiddenState\n          message={envPermissionDenied}\n          permissionName={envPermissionName}\n          variant=\"compact\"\n        />\n      )}\n\n      {filters.environment && canViewLogsForEnv && (\n        <>\n          <LogsActions\n            totalCount={totalCount}\n            disabled={logsLoading || !filters.environment}\n            onRefresh={handleRefresh}\n            filters={filters}\n            onFiltersChange={handleFiltersChange}\n            lastUpdated={lastUpdated}\n          />\n\n          <LogsTable\n            selectedFields={filters.selectedFields}\n            logs={logs}\n            loading={logsLoading}\n            hasMore={hasMore}\n            loadingRef={loadingRef}\n            environmentName={\n              selectedEnvironment?.displayName || selectedEnvironment?.name\n            }\n            projectName={project}\n            componentName={componentName}\n            renderRowAction={renderRowAction}\n          />\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport const ObservabilityRuntimeLogsPage = ({\n  renderRowAction,\n}: ObservabilityRuntimeLogsPageProps) => {\n  const {\n    canViewLogs,\n    loading: permissionLoading,\n    deniedTooltip,\n    permissionName,\n  } = useLogsPermission();\n\n  if (permissionLoading) {\n    return <Progress />;\n  }\n\n  if (!canViewLogs) {\n    return (\n      <ForbiddenState\n        message={deniedTooltip}\n        permissionName={permissionName}\n        variant=\"fullpage\"\n      />\n    );\n  }\n\n  return <ObservabilityRuntimeLogsContent renderRowAction={renderRowAction} />;\n};\n"],"names":[],"mappings":"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"}

package/dist/components/RuntimeLogs/styles.esm.js

@@ -0,0 +1,256 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+const useRuntimeLogsStyles = makeStyles((theme) => ({
+  errorContainer: {
+    marginTop: theme.spacing(2),
+    marginBottom: theme.spacing(2)
+  }
+}));
+const useLogsActionsStyles = makeStyles((theme) => ({
+  statsContainer: {
+    marginTop: theme.spacing(2),
+    marginBottom: theme.spacing(2),
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  actionsContainer: {
+    display: "flex",
+    gap: theme.spacing(1),
+    alignItems: "center"
+  }
+}));
+const useLogsTableStyles = makeStyles((theme) => ({
+  tablePaper: {
+    marginBottom: theme.spacing(0),
+    paddingBottom: theme.spacing(1)
+  },
+  tableContainer: {
+    maxHeight: "calc(100vh - 320px)",
+    overflowY: "auto",
+    overflowX: "hidden",
+    width: "100%"
+  },
+  table: {
+    width: "100%",
+    tableLayout: "fixed"
+  },
+  headerCell: {
+    fontWeight: "bold",
+    backgroundColor: theme.palette.background.paper,
+    position: "sticky",
+    top: 0,
+    zIndex: 1,
+    fontSize: "0.75rem",
+    padding: "4px 8px !important"
+  },
+  emptyState: {
+    textAlign: "center",
+    padding: theme.spacing(4),
+    color: theme.palette.text.secondary
+  },
+  loadingContainer: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: theme.spacing(2)
+  }
+}));
+const useLogEntryStyles = makeStyles((theme) => ({
+  logRow: {
+    "&:hover": {
+      backgroundColor: theme.palette.action.hover
+    },
+    cursor: "pointer",
+    "& > td": {
+      padding: "4px 8px !important"
+    },
+    // Reveal the hover-action button when this row is hovered
+    "&:hover $hoverActionButton": {
+      opacity: 1,
+      pointerEvents: "auto"
+    }
+  },
+  hoverActionButton: {
+    opacity: 0,
+    pointerEvents: "none",
+    transition: "opacity 0.15s ease"
+  },
+  expandedRow: {
+    backgroundColor: theme.palette.action.selected
+  },
+  monospaceCell: {
+    fontFamily: "monospace",
+    fontSize: "11px",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  },
+  logLevelChip: {
+    fontSize: "0.6rem",
+    fontWeight: "bold",
+    minWidth: "40px",
+    height: "14px !important",
+    "& .MuiChip-label": {
+      padding: "0 4px"
+    }
+  },
+  errorChip: {
+    backgroundColor: theme.palette.error.light,
+    color: theme.palette.error.dark,
+    outline: `1px solid ${theme.palette.error.main}`
+  },
+  warnChip: {
+    backgroundColor: theme.palette.warning.light,
+    color: theme.palette.warning.dark,
+    outline: `1px solid ${theme.palette.warning.main}`
+  },
+  infoChip: {
+    backgroundColor: theme.palette.info.light,
+    color: theme.palette.info.dark,
+    outline: `1px solid ${theme.palette.info.main}`
+  },
+  debugChip: {
+    backgroundColor: theme.palette.action.disabledBackground,
+    color: theme.palette.text.disabled,
+    outline: `1px solid ${theme.palette.text.secondary}`
+  },
+  undefinedChip: {
+    backgroundColor: theme.palette.action.disabledBackground,
+    color: theme.palette.text.disabled,
+    outline: `1px solid ${theme.palette.text.secondary}`
+  },
+  logMessage: {
+    fontFamily: "monospace",
+    fontSize: "11px",
+    wordBreak: "break-word",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "pre-wrap",
+    display: "-webkit-box",
+    WebkitLineClamp: 3,
+    WebkitBoxOrient: "vertical",
+    maxWidth: "100%"
+  },
+  expandedLogMessage: {
+    whiteSpace: "pre-wrap",
+    overflow: "visible",
+    display: "block",
+    WebkitLineClamp: "unset",
+    WebkitBoxOrient: "unset"
+  },
+  logCell: {
+    overflow: "hidden",
+    textOverflow: "clip",
+    whiteSpace: "normal"
+  },
+  logCellContent: {
+    display: "flex",
+    alignItems: "flex-start",
+    width: "100%"
+  },
+  logTextContainer: {
+    flex: 1,
+    minWidth: 0
+  },
+  logActionColumn: {
+    // Wide enough for the Copy + Investigate icons to sit side by
+    // side. The column used to be a 24 px single-icon slot, which
+    // forced the second icon to wrap below the first.
+    width: theme.spacing(8),
+    minWidth: theme.spacing(8),
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    alignItems: "center",
+    gap: theme.spacing(0.25),
+    flexShrink: 0,
+    marginLeft: theme.spacing(1)
+  },
+  containerCell: {
+    fontSize: "0.75rem",
+    color: theme.palette.text.secondary,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  podCell: {
+    fontSize: "0.75rem",
+    color: theme.palette.text.secondary,
+    fontFamily: "monospace",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  expandButton: {
+    padding: 0,
+    "& .MuiSvgIcon-root": {
+      fontSize: "1rem"
+    }
+  },
+  expandedContent: {
+    padding: theme.spacing(2),
+    backgroundColor: theme.palette.background.default,
+    borderRadius: theme.shape.borderRadius
+  },
+  metadataSection: {
+    marginTop: theme.spacing(2)
+  },
+  metadataTitle: {
+    fontWeight: "bold",
+    marginBottom: theme.spacing(1),
+    fontSize: "11px"
+  },
+  metadataGrid: {
+    display: "grid",
+    gridTemplateColumns: "repeat(2, 1fr)",
+    gap: theme.spacing(1)
+  },
+  metadataItem: {
+    display: "flex",
+    marginBottom: theme.spacing(0.5)
+  },
+  metadataKey: {
+    fontWeight: "bold",
+    minWidth: "120px",
+    marginRight: theme.spacing(1),
+    fontSize: "11px"
+  },
+  metadataValue: {
+    fontFamily: "monospace",
+    fontSize: "11px",
+    color: theme.palette.text.secondary
+  },
+  copyButton: {
+    // Compact padding so the icon sits flush with the
+    // InvestigateLogButton next to it (both render in
+    // ``logActionColumn``). The expanded-detail copy button on the
+    // metadata section sets its own marginTop locally rather than
+    // relying on a class default.
+    padding: theme.spacing(0.5)
+  },
+  fullLogMessage: {
+    fontFamily: "monospace",
+    fontSize: "11px",
+    whiteSpace: "pre-wrap",
+    backgroundColor: theme.palette.background.paper,
+    padding: theme.spacing(1),
+    borderRadius: theme.shape.borderRadius,
+    border: `1px solid ${theme.palette.divider}`,
+    maxHeight: "200px",
+    overflow: "auto"
+  },
+  metadataBox: {
+    backgroundColor: theme.palette.background.paper,
+    padding: theme.spacing(1),
+    borderRadius: theme.shape.borderRadius,
+    border: `1px solid ${theme.palette.divider}`
+  },
+  expandedSectionTitle: {
+    fontSize: "11px",
+    fontWeight: "bold"
+  }
+}));
+
+export { useLogEntryStyles, useLogsActionsStyles, useLogsTableStyles, useRuntimeLogsStyles };
+//# sourceMappingURL=styles.esm.js.map

package/dist/components/RuntimeLogs/styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","sources":["../../../src/components/RuntimeLogs/styles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core/styles';\n\nexport const useRuntimeLogsStyles = makeStyles(theme => ({\n  errorContainer: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n  },\n}));\n\nexport const useLogsActionsStyles = makeStyles(theme => ({\n  statsContainer: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  actionsContainer: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n  },\n}));\n\nexport const useLogsTableStyles = makeStyles(theme => ({\n  tablePaper: {\n    marginBottom: theme.spacing(0),\n    paddingBottom: theme.spacing(1),\n  },\n  tableContainer: {\n    maxHeight: 'calc(100vh - 320px)',\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    width: '100%',\n  },\n  table: {\n    width: '100%',\n    tableLayout: 'fixed',\n  },\n  headerCell: {\n    fontWeight: 'bold',\n    backgroundColor: theme.palette.background.paper,\n    position: 'sticky',\n    top: 0,\n    zIndex: 1,\n    fontSize: '0.75rem',\n    padding: '4px 8px !important',\n  },\n  emptyState: {\n    textAlign: 'center',\n    padding: theme.spacing(4),\n    color: theme.palette.text.secondary,\n  },\n  loadingContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: theme.spacing(2),\n  },\n}));\n\nexport const useLogEntryStyles = makeStyles(theme => ({\n  logRow: {\n    '&:hover': {\n      backgroundColor: theme.palette.action.hover,\n    },\n    cursor: 'pointer',\n    '& > td': {\n      padding: '4px 8px !important',\n    },\n    // Reveal the hover-action button when this row is hovered\n    '&:hover $hoverActionButton': {\n      opacity: 1,\n      pointerEvents: 'auto',\n    },\n  },\n  hoverActionButton: {\n    opacity: 0,\n    pointerEvents: 'none',\n    transition: 'opacity 0.15s ease',\n  },\n  expandedRow: {\n    backgroundColor: theme.palette.action.selected,\n  },\n  monospaceCell: {\n    fontFamily: 'monospace',\n    fontSize: '11px',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  logLevelChip: {\n    fontSize: '0.6rem',\n    fontWeight: 'bold',\n    minWidth: '40px',\n    height: '14px !important',\n    '& .MuiChip-label': {\n      padding: '0 4px',\n    },\n  },\n  errorChip: {\n    backgroundColor: theme.palette.error.light,\n    color: theme.palette.error.dark,\n    outline: `1px solid ${theme.palette.error.main}`,\n  },\n  warnChip: {\n    backgroundColor: theme.palette.warning.light,\n    color: theme.palette.warning.dark,\n    outline: `1px solid ${theme.palette.warning.main}`,\n  },\n  infoChip: {\n    backgroundColor: theme.palette.info.light,\n    color: theme.palette.info.dark,\n    outline: `1px solid ${theme.palette.info.main}`,\n  },\n  debugChip: {\n    backgroundColor: theme.palette.action.disabledBackground,\n    color: theme.palette.text.disabled,\n    outline: `1px solid ${theme.palette.text.secondary}`,\n  },\n  undefinedChip: {\n    backgroundColor: theme.palette.action.disabledBackground,\n    color: theme.palette.text.disabled,\n    outline: `1px solid ${theme.palette.text.secondary}`,\n  },\n  logMessage: {\n    fontFamily: 'monospace',\n    fontSize: '11px',\n    wordBreak: 'break-word',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'pre-wrap',\n    display: '-webkit-box',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical',\n    maxWidth: '100%',\n  },\n  expandedLogMessage: {\n    whiteSpace: 'pre-wrap',\n    overflow: 'visible',\n    display: 'block',\n    WebkitLineClamp: 'unset' as any,\n    WebkitBoxOrient: 'unset' as any,\n  },\n  logCell: {\n    overflow: 'hidden',\n    textOverflow: 'clip',\n    whiteSpace: 'normal',\n  },\n  logCellContent: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    width: '100%',\n  },\n  logTextContainer: {\n    flex: 1,\n    minWidth: 0,\n  },\n  logActionColumn: {\n    // Wide enough for the Copy + Investigate icons to sit side by\n    // side. The column used to be a 24 px single-icon slot, which\n    // forced the second icon to wrap below the first.\n    width: theme.spacing(8),\n    minWidth: theme.spacing(8),\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n    gap: theme.spacing(0.25),\n    flexShrink: 0,\n    marginLeft: theme.spacing(1),\n  },\n  containerCell: {\n    fontSize: '0.75rem',\n    color: theme.palette.text.secondary,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  podCell: {\n    fontSize: '0.75rem',\n    color: theme.palette.text.secondary,\n    fontFamily: 'monospace',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  expandButton: {\n    padding: 0,\n    '& .MuiSvgIcon-root': {\n      fontSize: '1rem',\n    },\n  },\n  expandedContent: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.background.default,\n    borderRadius: theme.shape.borderRadius,\n  },\n  metadataSection: {\n    marginTop: theme.spacing(2),\n  },\n  metadataTitle: {\n    fontWeight: 'bold',\n    marginBottom: theme.spacing(1),\n    fontSize: '11px',\n  },\n  metadataGrid: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gap: theme.spacing(1),\n  },\n  metadataItem: {\n    display: 'flex',\n    marginBottom: theme.spacing(0.5),\n  },\n  metadataKey: {\n    fontWeight: 'bold',\n    minWidth: '120px',\n    marginRight: theme.spacing(1),\n    fontSize: '11px',\n  },\n  metadataValue: {\n    fontFamily: 'monospace',\n    fontSize: '11px',\n    color: theme.palette.text.secondary,\n  },\n  copyButton: {\n    // Compact padding so the icon sits flush with the\n    // InvestigateLogButton next to it (both render in\n    // ``logActionColumn``). The expanded-detail copy button on the\n    // metadata section sets its own marginTop locally rather than\n    // relying on a class default.\n    padding: theme.spacing(0.5),\n  },\n  fullLogMessage: {\n    fontFamily: 'monospace',\n    fontSize: '11px',\n    whiteSpace: 'pre-wrap',\n    backgroundColor: theme.palette.background.paper,\n    padding: theme.spacing(1),\n    borderRadius: theme.shape.borderRadius,\n    border: `1px solid ${theme.palette.divider}`,\n    maxHeight: '200px',\n    overflow: 'auto',\n  },\n  metadataBox: {\n    backgroundColor: theme.palette.background.paper,\n    padding: theme.spacing(1),\n    borderRadius: theme.shape.borderRadius,\n    border: `1px solid ${theme.palette.divider}`,\n  },\n  expandedSectionTitle: {\n    fontSize: '11px',\n    fontWeight: 'bold',\n  },\n}));\n"],"names":[],"mappings":"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"}

package/dist/components/RuntimeLogs/types.esm.js

@@ -0,0 +1,16 @@
+const LOG_LEVELS = ["ERROR", "WARN", "INFO", "DEBUG"];
+var LogEntryField = /* @__PURE__ */ ((LogEntryField2) => {
+  LogEntryField2["Timestamp"] = "Timestamp";
+  LogEntryField2["Log"] = "Log";
+  LogEntryField2["LogLevel"] = "LogLevel";
+  LogEntryField2["ComponentName"] = "Component Name";
+  return LogEntryField2;
+})(LogEntryField || {});
+const SELECTED_FIELDS = [
+  "Timestamp" /* Timestamp */,
+  "LogLevel" /* LogLevel */,
+  "Log" /* Log */
+];
+
+export { LOG_LEVELS, LogEntryField, SELECTED_FIELDS };
+//# sourceMappingURL=types.esm.js.map

package/dist/components/RuntimeLogs/types.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.esm.js","sources":["../../../src/components/RuntimeLogs/types.ts"],"sourcesContent":["import type { ComponentLogEntry } from '@openchoreo/backstage-plugin-common';\n\n/**\n * A single component log entry as returned by POST /api/v1/logs/query.\n * Fields come from the ComponentLogEntry schema (new unified API).\n */\nexport type LogEntry = ComponentLogEntry;\n\nexport interface LogsResponse {\n  logs: LogEntry[];\n  /** Total number of matching logs (renamed from totalCount in old API) */\n  total?: number;\n  tookMs?: number;\n}\n\nexport interface RuntimeLogsFilters {\n  logLevel: string[];\n  selectedFields: LogEntryField[];\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  searchQuery?: string;\n  sortOrder?: 'asc' | 'desc';\n  isLive?: boolean;\n}\n\nexport interface RuntimeLogsPagination {\n  hasMore: boolean;\n  offset: number;\n  limit: number;\n}\n\nexport interface RuntimeLogsState {\n  logs: LogEntry[];\n  loading: boolean;\n  error: string | null;\n  filters: RuntimeLogsFilters;\n  pagination: RuntimeLogsPagination;\n}\n\nexport interface RuntimeLogsParams {\n  componentName: string;\n  environmentName: string;\n  logLevels: string[];\n  startTime: string;\n  endTime: string;\n  limit?: number;\n  offset?: number;\n}\n\nexport type LogLevel = 'ERROR' | 'WARN' | 'INFO' | 'DEBUG';\n\nexport const LOG_LEVELS: LogLevel[] = ['ERROR', 'WARN', 'INFO', 'DEBUG'];\n\nexport enum LogEntryField {\n  Timestamp = 'Timestamp',\n  Log = 'Log',\n  LogLevel = 'LogLevel',\n  ComponentName = 'Component Name',\n}\n\nexport const SELECTED_FIELDS = [\n  LogEntryField.Timestamp,\n  LogEntryField.LogLevel,\n  LogEntryField.Log,\n];\n"],"names":["LogEntryField"],"mappings":"AAwDO,MAAM,UAAA,GAAyB,CAAC,OAAA,EAAS,MAAA,EAAQ,QAAQ,OAAO;AAEhE,IAAK,aAAA,qBAAAA,cAAAA,KAAL;AACL,EAAAA,eAAA,WAAA,CAAA,GAAY,WAAA;AACZ,EAAAA,eAAA,KAAA,CAAA,GAAM,KAAA;AACN,EAAAA,eAAA,UAAA,CAAA,GAAW,UAAA;AACX,EAAAA,eAAA,eAAA,CAAA,GAAgB,gBAAA;AAJN,EAAA,OAAAA,cAAAA;AAAA,CAAA,EAAA,aAAA,IAAA,EAAA;AAOL,MAAM,eAAA,GAAkB;AAAA,EAC7B,WAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AACF;;;;"}