Skip to content

[9.4] [Fleet] Integration form layout improvements (#262129)#265061

Merged
Supplementing merged 1 commit intoelastic:9.4from
kibanamachine:backport/9.4/pr-262129
Apr 22, 2026
Merged

[9.4] [Fleet] Integration form layout improvements (#262129)#265061
Supplementing merged 1 commit intoelastic:9.4from
kibanamachine:backport/9.4/pr-262129

Conversation

@kibanamachine
Copy link
Copy Markdown
Contributor

Backport

This will backport the following commits from main to 9.4:

Questions ?

Please refer to the Backport tool documentation

## Summary

Closes elastic/ingest-dev#7320

This PR adds support for a new var type called `section_header` which
allows the integration developer to add an arbitrary EuiTitle element to
the UI to be rendered by Kibana in the integrations manifest.

Additionally, to help with unwanted section dividers being rendered,
users can now set `show_divider` on a var_group stream to have greater
control over the way sections are rendered. This PR determines when to
render those dividers based on the passed in flag.

Also addresses an issue where when using `var_groups`, the selector item
would always be placed first, regardless of the actual order of vars.
Items are now rendered in order as declared in the manifest so the user
has greater control over how fields are rendered in Kibana.

Before (notice the lack of headers, and how everything was below the
auth selector):
<img width="1234" height="880" alt="image"
src="https://github.com/user-attachments/assets/d741c756-9d67-4bb5-8b9d-4a54ede7e611"
/>

After (using the new settings):
<img width="1506" height="822" alt="image"
src="https://github.com/user-attachments/assets/d123335f-8205-4417-958c-04fa77b3243c"
/>

## Testing instructions
To test, either run kibana locally using this PR, or spin up a snapshot
and upload this integration:

[okta-3.14.2.zip](https://github.com/user-attachments/files/26581089/okta-3.14.2.zip)

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)
- [ ] This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.
- [ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
- [ ] Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.

### Identify risks

Does this PR introduce any risks? For example, consider risks like hard
to test bugs, performance regression, potential of data loss.

Describe the risk, its severity, and mitigation for each identified
risk. Invite stakeholders and evaluate how to proceed before merging.

- [ ] [See some risk
examples](https://github.com/elastic/kibana/blob/main/RISK_MATRIX.mdx)
- [ ] ...

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
(cherry picked from commit a56530d)
@kibanamachine kibanamachine added the backport This PR is a backport of another PR label Apr 22, 2026
@kibanamachine kibanamachine enabled auto-merge (squash) April 22, 2026 14:27
@botelastic botelastic Bot added the Team:Fleet Team label for Observability Data Collection Fleet team label Apr 22, 2026
@elasticmachine
Copy link
Copy Markdown
Contributor

Pinging @elastic/fleet (Team:Fleet)

@macroscopeapp
Copy link
Copy Markdown
Contributor

macroscopeapp Bot commented Apr 22, 2026

Approvability

Verdict: Would Approve

This is a UI-only layout improvement for Fleet integration forms, adding decorative section headers and divider controls. All changes are presentation-layer with no impact on policy data or runtime behavior. The author owns all modified files.

Macroscope would have approved this PR. Enable approvability here.

@Supplementing
Copy link
Copy Markdown
Contributor

Supplementing commented Apr 22, 2026

These changes were superseded so this doesnt actually need backported

Disregard, this does need backported after all as it contains divider and var groups work. We will also backport the other PR which will just overwrite the sections functionality from this PR

auto-merge was automatically disabled April 22, 2026 14:34

Pull request was closed

@elasticmachine
Copy link
Copy Markdown
Contributor

💚 Build Succeeded

Metrics [docs]

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id before after diff
fleet 1736 1737 +1

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
fleet 2.3MB 2.3MB +827.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
fleet 202.8KB 202.8KB +47.0B
Unknown metric groups

API count

id before after diff
fleet 1923 1925 +2

cc @Supplementing

@Supplementing Supplementing reopened this Apr 22, 2026
@Supplementing Supplementing merged commit 6403995 into elastic:9.4 Apr 22, 2026
33 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport This PR is a backport of another PR Team:Fleet Team label for Observability Data Collection Fleet team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants