Description
Currently, our interactive 24-Hour Threat Heatmap widget supporting active operator dashboards in /src/components/ThreatHeatmap.tsx allows users to search namespaces utilizing a substring text field and filter active states via standard selectors. We would like to expand this capability to let security operators isolate specific pods by prefixing their search with "pod:".
Proposed Scope
- Locate
/src/components/ThreatHeatmap.tsx.
- Update the filter checking loop inside
filteredNamespaces (or equivalent filter arrays) to inspect the query prefix.
- If the query starts with
pod:, extract the remaining string and filter only those entries hosting threat alerts corresponding to that target Kubernetes Pod.
- Provide appropriate placeholder guides inside the UI input field indicating that the
pod:<name> syntax is supported.
Expected Files to Modify
/src/components/ThreatHeatmap.tsx
Verification Steps
- Run
npm run lint and npm run build to ensure the React app bundles perfectly on completion.
- Verify the filtering functionality visually by injecting simulated alerts using the "Simulate Alert" controls.
Description
Currently, our interactive 24-Hour Threat Heatmap widget supporting active operator dashboards in
/src/components/ThreatHeatmap.tsxallows users to search namespaces utilizing a substring text field and filter active states via standard selectors. We would like to expand this capability to let security operators isolate specific pods by prefixing their search with "pod:".Proposed Scope
/src/components/ThreatHeatmap.tsx.filteredNamespaces(or equivalent filter arrays) to inspect the query prefix.pod:, extract the remaining string and filter only those entries hosting threat alerts corresponding to that target Kubernetes Pod.pod:<name>syntax is supported.Expected Files to Modify
/src/components/ThreatHeatmap.tsxVerification Steps
npm run lintandnpm run buildto ensure the React app bundles perfectly on completion.