[Ingest Node Pipelines] Add extract_device_type option to user agent processor

[alisonelizabeth]

In elastic/elasticsearch#71625, a new option called extract_device_type was added to the user_agent processor. The Ingest Node Pipelines UI should be updated to support this option.

Docs updated via elastic/elasticsearch#71626.

[elasticmachine]

Pinging @elastic/es-ui (Team:Elasticsearch UI)

[sabarasaba]

Hey @alisonelizabeth! was wondering if, to your knowledge, theres any special treatment we should apply to this new option given that it's in beta? I thought about doing something like in the screenshots below, but unsure if there are any existing UI patterns for dealing with this.

[alisonelizabeth]

Great question! There is a beta badge in EUI that I think could work here if you align it with the toggle label. I'll defer to @dborodyansky though, as I'm not sure if we have more formal design guidelines for beta features.

Would you also mind checking with the ES team as to when this feature should be available? I see the PR is tagged with 7.13, but I don't see it mentioned in the 7.13 docs, only master.

[dborodyansky]

Checked in with design group and beta badge seems appropriate, although a little crowded in the current layout. There is also an icon-only version to consider which is lighter weight, but not as clear at a glance in my opinion.

[dborodyansky]

Just learned that a size prop for beta badge is being added soon, and we could use the small size for better fit once released. elastic/eui#4798

[sabarasaba]

@dborodyansky It does look a bit crowded indeed, but does feel more clear than just the icon. I'll leave that for now and will patch it up in a subsequent PR once that new size prop is available.

@alisonelizabeth Will definitely follow up with them, thanks for pointing it out!