Replace asset & attribute select dropdowns with or-attribute-picker component.

[dominiquekleeven]

Closes #53
Closes #52

Changes

This PR replaces the current method of selecting assets and their attributes (dropdowns) with the or-attribute-picker component.

• Added or-attribute-picker dependency.
• Added custom-asset-attribute-picker.ts, which extends/overrides OrAssetAttributePicker.
  • Reasoning: for regressors, we only want to show attributes that have both storeDataPoints and either hasPredictedDataPoints or hasAgentLink meta items.
  • This resolves issue Bug: Attributes without forecasted/predicted datapoints are listed when adding a prophet regressor #52.
• Updated the manager config eventProviderType to WEBSOCKET so that the or-asset-tree component inside the attribute picker functions correctly, as it relies on WebSockets.
• The service now locally updates the manager.displayRealm so that or-asset-tree knows which realm to query for assets.

Screenshots

Select target button

Select attributes dialog (attribute picker)

When an attribute has been selected

Clicking on the Asset/Attribute will show the dialog again to modify it

Regressors

Functions the same as the target, but has an extra meta item requirement for the attribute

[Copilot]

Pull request overview

This PR modernizes the asset/attribute selection UI by replacing dropdown components with the or-attribute-picker component. Key changes include adding the picker dependency, creating a custom extension for regressor-specific filtering, switching to WebSocket event provider, and updating the realm display context.

• Replaces dropdown-based asset/attribute selection with or-attribute-picker dialog component
• Adds custom filtering logic to show only attributes with required meta items for regressors
• Updates event provider configuration from POLLING to WEBSOCKET for or-asset-tree compatibility

Reviewed changes

Copilot reviewed 5 out of 6 changed files in this pull request and generated 8 comments.

Show a summary per file

File	Description
frontend/src/pages/pages-config-editor.ts	Replaced dropdown inputs with dialog-based attribute picker, added asset loading methods, removed dropdown list state management
frontend/src/pages/app-layout.ts	Sets manager.displayRealm to enable or-asset-tree realm queries
frontend/src/index.ts	Changed eventProviderType from POLLING to WEBSOCKET
frontend/src/components/custom-asset-attribute-picker.ts	New custom component extending OrAssetAttributePicker with predicted datapoints filtering
frontend/package.json	Added @openremote/or-attribute-picker dependency
frontend/package-lock.json	Updated dependency tree with new packages and version updates

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[MartinaeyNL]

Code looks OK!
I only added a few minor comments on top of the feedback Copilot already gave.