Replaces #1212, which was opened from a fork so the required checks couldn't run.

Stacked on #1244. This PR targets feat/resource-picker, so the diff shows only its own changes. Once #1244 merges, retarget this PR to main.

Adds ConnectionPicker, a field and popover for choosing the connection an activity runs with.

Depends on #1244. This branch is stacked on ResourcePicker, so until #1244 merges the diff includes its commit too. Review the last two commits: add row actions, subtitles and field status to ResourcePicker and add ConnectionPicker.

Why a separate component

ConnectionPicker is built on ResourcePicker rather than being a variant of it. The search, folders, keyboard model, empty states and footer are shared. What a connection adds is its own domain: a health, repair and edit actions, a message under the field and a schema refresh. As a variant prop, most of that would be props that only mean something for connections.

ResourcePicker additions

Generic extension points, useful to any picker built on it:

• subtitle: a second line under a row's label
• keywords: extra search terms for detail a row does not print
• renderItemActions: trailing controls on a row, revealed under the cursor; clicking them does not commit the row
• status: an error or warning state on the field, with aria-invalid for errors, plus aria-describedby for the consumer's message

The field's classes are exported as resourcePickerTriggerClassName so pickers built on it match. The trailing padding now also applies in the Future themes, where future:px-4 used to override it and let the value run under the clear control. The row icon slot grows from 14px to 16px so image logos keep their detail.

ConnectionPicker

• Health. A connection is connected, warning (usable but degraded, such as missing scopes) or broken. Rows show it as a second line. The field shows it as its leading dot, its border and, when unhealthy, a message underneath with the first sentence of statusReason (the whole reason on hover).
• Order. Broken connections sort to the end of their folder. They stay choosable and repairable, but the list does not open on dead ends.
• Naming. Rows and the field show the account, falling back to the connection name: a node bound to the wrong account is the mistake worth catching. The name stays searchable.
• Logos. logo takes an image URL for the connector, such as the third-party SVGs in @uipath/apollo-ui-icons. icon remains for a glyph.
• Actions. onFix adds Fix to broken rows and to the message under the field. onEdit adds Edit to every row. onAddConnection adds a footer link, and with no connections at all the field itself starts a new one. onRefreshSchema adds a field menu while a connection is chosen, showing progress until its promise settles.
• Validation. error puts the field in its error state with the message underneath, taking the place of the health message.

Row actions are pointer shortcuts. A listbox option is atomic to assistive technology, so Fix is always also offered under the field once the broken connection is chosen.

Screenshots

Every health, with row actions under the cursor	A chosen connection, with the schema menu
Another connector	Future Light

Field states: broken, missing scopes, required and no connections.

Stories

Components/Core/Connection Picker: Default, WithValue, Broken, MissingScopes, Slack, Required, NoConnections, SelectOnly, Disabled.

Checks

Run locally:

🤖 Generated with Claude Code