The single typeahead had no visible way to unset a selection — clearing
was only possible via the undiscoverable backspace keybinding.
Adds an x icon on the right side of the field, shown only when a value is
selected. It reuses the same `value = {value: '', label: ''}` assignment
the existing backspace handler uses, so it rides the already-wired clear
path: the hidden input's $watch dispatches `change` (driving htmx filter
refetches) and `x-modelable "value.value"` propagates the empty value to
any parent scope bound via x-model (driving dependent fetches such as the
transaction-rule Account -> Location and Client -> Bank Account chains).
The icon is a plain div with tabindex="-1" and aria-hidden, so it stays
out of the tab order; @click.prevent.stop keeps the click from bubbling
to the wrapping anchor and popping the dropdown. Matches the clear
affordance multi-typeahead already had.
Rebuilds output.css for the new dark:hover:text-gray-200 utility.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Bryce
379bfa78f7
