[FEATURE] Add panel-level repeat variable support by adrianSepiol · Pull Request #149 · perses/shared

adrianSepiol · 2026-06-01T17:22:16Z

Description

Adds support for repeat panel based on variable. Uses only selected values from dropdown are used.

Screenshots

In below recording you can notice that width of panel is expanded when you select repeat variable and height is used for single tile. If you don't fill 'Max per row' all tiles will be fitted into single row.

layout-editor.mov

In this one you can see how the panel will behave when the amount of selected values will change. You can enter edit mode only with first panel.

Screen.Recording.2026-06-10.at.09.00.11.mov

Group repeat has priority over panel repeat.

Screen.Recording.2026-06-01.at.19.14.58.mov

Checklist

Pull request has a descriptive title and context useful to a reviewer.
Pull request title follows the [<catalog_entry>] <commit message> naming convention using one of the
following catalog_entry values: FEATURE, ENHANCEMENT, BUGFIX, BREAKINGCHANGE, DOC,IGNORE.
All commits have DCO signoffs.

UI Changes

Changes that impact the UI include screenshots and/or screencasts of the relevant changes.
Code follows the UI guidelines.
E2E tests are stable and unlikely to be flaky.
See e2e docs for more details. Common issues include:
- Is the data inconsistent? You need to mock API requests.
- Does the time change? You need to use consistent time values or mock time utilities.
- Does it have loading states? You need to wait for loading to complete.

shahrokni · 2026-06-08T07:41:56Z

@adrianSepiol
Could you please check the two following pipelines. It seems they are failing. ci/build and ci/type-check`` And please before that, rebase` with main.

adrianSepiol · 2026-06-08T07:56:06Z

@adrianSepiol Could you please check the two following pipelines. It seems they are failing. ci/build and ci/type-check And please before that, ``rebase` with main.

@shahrokni Pipelines are failing because of PR mentioned in description that needs to be merged for this to work: perses/spec#32

adrianSepiol · 2026-06-10T07:02:56Z

Removed "mode" option after comments from @AntoineThebaud in perses/perses#2936. I've updated description of PR.

adrianSepiol · 2026-07-20T13:17:56Z

Hi @jgbernalp @Gladorme, I've moved this pr to ready for review with new Layout tab that we have discussed.

adrianSepiol · 2026-08-07T07:48:43Z

Hi @jgbernalp, I adjusted code to your comments. Could you have another look?

jgbernalp · 2026-08-18T10:24:01Z

+    return `This panel is generated from the variable "${repeatVariableName}" with the value "${value}". To change panel definition, please edit the first panel.`;
+  }
+  if (isFirst && isCapped) {
+    return `Not all values are displayed. To display more, update the repeat variable limit in the server configuration.`;


Suggested change

return `Not all values are displayed. To display more, update the repeat variable limit in the server configuration.`;

return `Not all values are displayed. To display more, update the repeat variable limit in the server configuration or exit full screen mode.`;

jgbernalp · 2026-08-18T10:26:28Z

+  const { name: repeatVariableName, values: variableValues, maxPer: perRow } = panelRepeatVariable;
+  const variables = useVariableValues();
+
+  const rows: string[][] = useMemo(() => {


Is this the same as in RepeatLayoutPreview.tsx:29 ? maybe we can extract a small reusable function

jgbernalp · 2026-08-18T10:32:04Z

  }, []);

+  const preview =
+    watchedRepeatVariable && repeatVariableValue ? (


It seems we are building this same context provider in several places.

https://github.com/perses/shared/pull/149/changes#diff-7e3473346fc13248ba8cd34e1e72aed49a7e1dc35584cc3adbc74e0c9d1cb5d4R91

https://github.com/perses/shared/pull/149/changes#diff-1cde75b1ebd5d196d79b276f6144c5396d1124f79057a6193bd29e483ce96938R143

jgbernalp

LGTM, minor style and code reuse comments.

jgbernalp · 2026-08-18T10:32:51Z

@adrianSepiol we need a rebase

Signed-off-by: Adrian Sepiół <a.sepiol@sap.com>

…tainer is narrower than combined gaps, and consolidate VariableDefinitionGroup to plugin-system model Signed-off-by: Adrian Sepiół <a.sepiol@sap.com>

…ndered panels per repeat variable Signed-off-by: Adrian Sepiół <a.sepiol@sap.com>

Signed-off-by: Adrian Sepiół <a.sepiol@sap.com>

adrianSepiol requested a review from a team as a code owner June 1, 2026 17:22

adrianSepiol force-pushed the feature/panel-level-repeat branch 2 times, most recently from c42f663 to b611f9c Compare June 10, 2026 06:53

adrianSepiol force-pushed the feature/panel-level-repeat branch from b611f9c to 23fe7b8 Compare June 11, 2026 10:16

adrianSepiol marked this pull request as draft July 10, 2026 07:20

adrianSepiol force-pushed the feature/panel-level-repeat branch 11 times, most recently from 9a6a842 to b83e228 Compare July 20, 2026 12:49

adrianSepiol marked this pull request as ready for review July 20, 2026 12:58