Several structural & UX improvements for Models Selector component

[allozaur]

• Created reusable SearchInput.svelte component in $lib/components/misc/
• Unified search UI across Models Selector and ChatSidebar
• Refactored ChatSidebarSearch.svelte to use the new shared component
• Refactored ModelsSelector.svelte to use ShadCN Popover
• Enhanced SearchInput.svelte with new props:
  • onKeyDown for keyboard event handling
  • onClose callback with X icon (clears value or closes parent)
• Added keyboard navigation in Models Selector:
  • ArrowUp/ArrowDown to navigate between options
  • Enter to select highlighted option or highlight first match
  • Visual highlight for currently focused option
• Focus moves to chat textarea after model selection (instead of popover trigger)

[allozaur]

Alright, @ServeurpersoCom lemme know if it's good :)

[ServeurpersoCom]

Thanks Alek I merge & test

[ServeurpersoCom]

Alright, @ServeurpersoCom lemme know if it's good :)

It needs to be constrained by the top of the viewport so it doesn't overflow on mobile, and pass over the famous sidebar button, and it will be perfect!

[ServeurpersoCom]

Now it's good

https://github.com/user-attachments/assets/c1a7c86f-4779-4ed4-9e39-9b2823d871e5 https://github.com/user-attachments/assets/8f1bfe1b-9d2f-4c79-81f7-9881f7f6dc44

[allozaur]

the famous sidebar button

😂

Now it's good

Thanks 😄

[ServeurpersoCom]

The correct zindex of the sidebar button will need to be implemented separately because I've noticed the problem is recurring; it will need to be fixed at the source in a small refactoring

[allozaur]

The correct zindex of the sidebar button will need to be implemented separately because I've noticed the problem is recurring; it will need to be fixed at the source in a small refactoring

Sure, can be addressed with a direct PR without creating an issue, i think