Manage Access Dialog

[SharonStrats]

Keep in mind this is for the UI structure ticket only, it doesn't work yet.

Also included are some existing web component configuration

• Combobox needed customized border
• Input needed a left-slot for search icon
• Need to hide Label (accessibility) in the input for Search.
  Note: I tried to only configure what I thought were essentials, but you may notice the Copy Link button doesn't match the design, to make it smaller I will need to add configuration for font in the solid-ui-button.

Needs solid-logic changes.

[Copilot]

Copilot review overview

🟡 Changes recommended

The save flow is incomplete, and several rendering, accessibility, and integration issues remain.

Review effort: Lite
Findings: 1 · 5 · 1

Open (7)

• Save handler discards changes and leaves submitting state active · New
• Globe icon selector targets the wrong custom element · New
• Component imports utility through package root, causing bundle coupling · New
• Missing import prevents globe icon custom element registration · New
• Origin class subjects are missing from access holder rendering · New
• Search control lacks an accessible label · New
• Empty subject URI produces an incomplete dialog title · New

What changed in this PR

Adds an access-control sharing dialog with supporting input, combobox, theme, and custom-element updates.

Changes:

• Adds access-control modal rendering, types, exports, and styles.
• Adds input left-icon support and configurable borders.
• Adds combobox border styling and theme color variables.

File	Description
src/​types/​custom-elements.d.ts	Registers modal element types.
src/​styles/​theme.css	Adds theme color variables.
src/​components/​input/​Input.ts	Adds left-icon slot support.
src/​components/​input/​Input.styles.css	Styles icons and configurable borders.
src/​components/​combobox/​Combobox.styles.css	Adds configurable border styling.
src/​components/​access-control-modal/​types.ts	Defines access-control types.
src/​components/​access-control-modal/​index.ts	Exports the modal component.
src/​components/​access-control-modal/​AccessControlModal.ts	Implements the access-control dialog.
src/​components/​access-control-modal/​AccessControlModal.styles.css	Styles the dialog UI.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[NoelDeMartin]

After a quick review I think it's ok, the only comment is that maybe we shouldn't customize the design system components unless we have a good reason to do it.