refactor: 💡 remove ember-power-select duplicate dependency

[lisbet-alvarez]

Description

Remove duplicate dependency.

How to Test

Validate select dropdown still works here or locally.

Checklist

• I have added before and after screenshots for UI changes
• I have added JSON response output for API changes
• I have added steps to reproduce and test for bug fixes in the description
• I have commented on my code, particularly in hard-to-understand areas
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• I have added a11y-tests label to run a11y audit tests if needed

PCI review checklist

• I have documented a clear reason for, and description of, the change I am making.
• If applicable, I've documented a plan to revert these changes if they require more than reverting the pull request.
• If applicable, I've documented the impact of any changes to security controls.
  Examples of changes to security controls include using new access control methods, adding or removing logging pipelines, etc.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
boundary-ui	Ready	Preview	Comment	Nov 26, 2025 10:37pm
boundary-ui-desktop	Ready	Preview	Comment	Nov 26, 2025 10:37pm

[lisbet-alvarez]

originally these imports got added when installing ember-basic-dropdown and ember-power-select.

1. ember-basic-dropdown is a peer dep for hds components. Though it looks like this @use isn't necessary at all.
2. ember-power-select was installed since some styles were needed so that an invisible element doesn't incorrectly render in the dropdown. However, @hashicc noticed that this dep was being installed twice now (since its also installed for hds components. In order to avoid installing it twice a workaround is to import the styles in app.js.

[ZedLi]

I'm curious, did you need to add the <BasicDropdownWormhole /> that HDS mentions here?

[lisbet-alvarez]

yup that was added here

[hashicc]

I know the docs offer the import 'ember-power-select/styles'; option but I'm not seeing the power select styles in the vendor.css or admin.css. I do see the power select classes from hds. I'm not sure if there are caveats to this method? I'm not sure if I'm missing something or maybe these styles aren't needed?

[lisbet-alvarez]

I know the docs offer the import 'ember-power-select/styles'; option but I'm not seeing the power select styles in the vendor.css or admin.css. I do see the power select classes from hds. I'm not sure if there are caveats to this method? I'm not sure if I'm missing something or maybe these styles aren't needed?

Looks like the styles are being injected directly into <style> when using the import option.

versus @use option

It doesn't seem like having the styles be injected directly into the DOM is ideal. Therefore, i think in the end we are still going to need the ember-power-select devDep. Unless I am misunderstanding

EDIT
Hds team approves of this approach & in future release they'll look into importing styles so consumers dont have to. hds team also updated docs 🙌.

The merge-base changed after approval.