Skip to content

[Ingest] Agent configuration - create data source UI #60696

@jen-huang

Description

@jen-huang

image
image
image

View in Figma

View Figma prototype

Videos:

  • starting on agent configuration page: https://share.getcloudapp.com/YEuA9QrJ
  • starting from integration detail page: https://share.getcloudapp.com/7KuR5Pll
  • please note: 2 subtle changes on behavior since recording these videos:
    • The EuiBottomBar should always be visible, but the submit button should be disabled depending on the state of the form.
    • Ignore where it says "X / X streams enabled" in the bottom left, just leave it blank. For the "edit" workflow, this area will say "You have unsaved changes" if the form is in a dirty state.

Convert existing 3-step create data source wizard that spans separate pages into one page. The page will still be three steps but will be hidden and enabled as the user completes them.

Tasks

  • Convert existing steps into one page
  • Add sticky bottom bar for Cancel/Save actions
  • Convert existing agent count check callout into modal

Metadata

Metadata

Assignees

Labels

Feature:EPMFleet team's Elastic Package Manager (aka Integrations) projectFeature:FleetFleet team's agent central management projectTeam:FleetTeam label for Observability Data Collection Fleet teamdesign

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions