Add live registry search and themed input states

This commit is contained in:
JB
2026-07-25 21:36:05 -04:00
parent c0a8e05e78
commit f0fbdc2853
3 changed files with 54 additions and 4 deletions
+15
View File
@@ -400,6 +400,13 @@ squeezed beside long module headings on mobile.
- Labels are uppercase and letter-spaced.
- Inputs use dark surfaces, one-pixel borders, and clear disabled styling.
- Text selection uses the SHD orange selection token with dark contrasting text;
never rely on the browser's white or platform-blue highlight. Focused text,
number, search, select, and textarea controls use a one-pixel orange border,
while keyboard `focus-visible` adds a restrained one-pixel external orange
ring with a one-pixel offset. Do not stack inset accent edges with this focus
treatment. Carets and native checkbox, radio, and range accents use orange.
Browser-autofilled fields retain the dark SHD surface and light text.
- Related min/max fields remain visually paired.
- Small mutually exclusive option sets use a compact segmented radio control,
even when visually presented like selectable checkbox cells. Include an
@@ -742,6 +749,14 @@ Do not add zero badges or counts to informational registries such as Audit
History and System Metrics. Badge text must expose an `awaiting review` label to
assistive technology; color supplements that meaning rather than replacing it.
Registry name search is server-backed and updates as the user types after a
short debounce; it must search the complete filtered registry rather than only
the visible page. Preserve active filters and row-count settings, reset results
to page one, keep input focus, avoid scrolling, and replace browser history so
each keystroke does not create a navigation entry. Retain an explicit Search
button for immediate submission and keyboard/accessibility fallback. During
navigation, expose a textual pending state and suppress duplicate submissions.
Pending records may be used as dependencies in later proposals by any
contributor. Render these choices in the ordinary assignment control with a
restrained orange border/background and the explicit text `PENDING` plus the