Stream filters enhancement

[arturminchukov]

Describe Your Changes

Add stream filters as a sidebar. It makes it easy to see which stream names exist and provides a simpler way to interact with them.

Screen.Recording.2026-05-08.at.13.52.52.mov

Checklist

The following checks are mandatory:

• My change adheres to VictoriaMetrics contributing guidelines.
• My change adheres to VictoriaMetrics development goals.

---

Summary by cubic

Moves stream filters into a toolbar with a popover for browsing labels and values. Selected values show as removable chips under the query. Suggestions respect the current selection and ignore pipes; filters work in both code and builder modes.

• New Features

  • Stream filters bar in Explore; button opens a popover with a label list and a searchable values panel (values show hit counts and percentages).
  • Selected values render as chips under the query; remove with one click.
  • One-click actions: copy filters as LogsQL and clear all.
  • Requests scope results with extra_stream_filters (labels reflect full selection; the value panel ignores its own label) and ignore pipes via ignore_pipes=1.

• Refactors

  • Introduced StreamFiltersProvider and hooks (useStreamFilters, useFetchedValues, updated useFetchStreamFilters); replaced old inline filters with the bar + popover.
  • Added shared CopyButton and Chip; improved value escaping and moved stream filter utils.
  • Backend: added IgnorePipes to fields queries and wired through the language_provider.
  • Stream filter operator is now in only; clipped Monaco query field content to rounded borders.

^{Written for commit 3b4ce76. Summary will update on new commits.}

[cubic-dev-ai]

3 issues found across 22 files

Prompt for AI agents (unresolved issues)

Check if these issues are valid — if so, understand the root cause of each and fix them. If appropriate, use sub-agents to investigate and fix each issue separately.


<file name="src/components/shared/Chip/Chip.tsx">

<violation number="1" location="src/components/shared/Chip/Chip.tsx:64">
P2: Make the value span non-inline before using `max-width`/`text-overflow`; otherwise the ellipsis truncation won't work and long values can overflow the chip.</violation>
</file>

<file name="src/components/QueryEditor/StreamFilters/StreamLabelList.tsx">

<violation number="1" location="src/components/QueryEditor/StreamFilters/StreamLabelList.tsx:52">
P2: Initial stream-label loading has no failure handling, and the called loader can remain pending on fetch errors. This can leave the sidebar stuck without updating after a failed request.</violation>
</file>

<file name="src/components/shared/CopyButton/CopyButton.tsx">

<violation number="1" location="src/components/shared/CopyButton/CopyButton.tsx:64">
P2: Avoid calling `navigator.clipboard.writeText` directly here; it bypasses Grafana's clipboard fallback, so icon-only copy can fail in insecure contexts or browsers without the Clipboard API.</violation>
</file>

_{Reply with feedback, questions, or to request a fix. Tag @cubic-dev-ai to re-run a review, or fix all with cubic.}

[hagen1778]

I love the initiative! But pretty much concerned with the amount of empty space it introduces below the query area. We should think of minimizing that unused space.