]> git.djapps.eu Git - pkg/ggml/sources/llama.cpp/commit
Add a search field on model selector / improve mobile display (#17765)
authorPascal <redacted>
Thu, 11 Dec 2025 17:21:21 +0000 (18:21 +0100)
committerGitHub <redacted>
Thu, 11 Dec 2025 17:21:21 +0000 (18:21 +0100)
commita81a569577cc38b32558958b048228150be63eae
treee87ba22cc7c05cf3b21cf4f0d48323acdcbd2a38
parent53ecd4fdb923dcb53d311ed42798cae7198aa742
Add a search field on model selector / improve mobile display (#17765)

* webui: add search field to model selector and fixes mobile viewport overflow

* webui: simplify model search style and code

* refacor: Search Input component & consistent UI for Models Selector search

* feat: Use Popover component + improve interactions

* fix: Fetching props for only loaded models in ROUTER mode

* webui: prevent models selector popover from overflowing viewport

Use Floating UI's auto-positioning with 50dvh height limit and proper
collision detection instead of forcing top positioning. Fixes overflow
on desktop and mobile keyboard issues

* webui: keep search field near trigger in models selector

Place search at the 'near end' (closest to trigger) by swapping layout
with CSS flexbox order based on popover direction. Prevents input from
moving during typing as list shrinks

* chore: update webui build output

---------

Co-authored-by: Aleksander Grygier <redacted>
16 files changed:
tools/server/public/index.html.gz
tools/server/webui/package-lock.json
tools/server/webui/package.json
tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
tools/server/webui/src/lib/components/app/chat/ChatSidebar/ChatSidebarSearch.svelte
tools/server/webui/src/lib/components/app/index.ts
tools/server/webui/src/lib/components/app/misc/SearchInput.svelte [new file with mode: 0644]
tools/server/webui/src/lib/components/app/models/ModelsSelector.svelte
tools/server/webui/src/lib/components/ui/popover/index.ts [new file with mode: 0644]
tools/server/webui/src/lib/components/ui/popover/popover-close.svelte [new file with mode: 0644]
tools/server/webui/src/lib/components/ui/popover/popover-content.svelte [new file with mode: 0644]
tools/server/webui/src/lib/components/ui/popover/popover-portal.svelte [new file with mode: 0644]
tools/server/webui/src/lib/components/ui/popover/popover-trigger.svelte [new file with mode: 0644]
tools/server/webui/src/lib/components/ui/popover/popover.svelte [new file with mode: 0644]
tools/server/webui/src/lib/constants/floating-ui-constraints.ts
tools/server/webui/src/lib/stores/models.svelte.ts