]> git.djapps.eu Git - pkg/ggml/sources/llama.cpp/commit
ui: New Logo + Navigation cleanup & Mobile UI/UX improvements (#24897)
authorAleksander Grygier <redacted>
Wed, 24 Jun 2026 08:21:33 +0000 (10:21 +0200)
committerGitHub <redacted>
Wed, 24 Jun 2026 08:21:33 +0000 (10:21 +0200)
commitef9c13d4c27f1ad9804341a0187c33b621609c63
tree2f9eee666a65aa19a782b68594378b80b4366771
parent88636e178ff2972e1002cf2024cb39008eda1192
ui: New Logo + Navigation cleanup & Mobile UI/UX improvements (#24897)

* chore: `npm audit fix --force`

* feat: Update sidebar toggle to use Logo

* refactor: Clean up favicon SVG

* feat: Refactor logo component and implement theme-aware favicon generation

* feat: Add configurable padding to generated PWA assets

* test: Add unit tests for writeThemeFavicons

* refactor: Componentization

* feat: WIP

* feat: WIP

* feat: WIP

* feat: Mobile UI

* feat: add SEARCH route constant

* feat: create SidebarNavigationSearchResults component

* refactor: use SidebarNavigationSearchResults in conversation list

* feat: enable mobile search navigation in sidebar actions

* feat: add mobile search route and page

* fix: prevent sidebar overflow on mobile viewports

* fix: Mobile sidebar

* feat: Mobile Search WIP

* feat: Mobile WIP

* feat: Add PWA standalone detection and refine mobile UI

* feat: Improve mobile layout, sidebar handling, and chat scrolling

* feat: Improve mobile sidebar visibility and iOS Safari chat spacing

* fix: Disable auto-scroll on mobile

* chore: Linting

* fix: Wrong condition

* feat: Mobile chat scroll

* refactor: WIP

* fix: Desktop initial scroll always working again

* fix: Partial fix for mobile auto-scroll / initial scroll

* fix: Desktop auto-scroll on initial load and during streaming

* fix: Mobile scrolling logic

* refactor: Clean up

* feat: Improve start UI

* feat: Add `delay` to `fadeInView`

* feat: Auto-scroll button

* refactor: Cleanup

* refactor: Extract chat dialogs and alerts into dedicated component

* refactor: Reorganize ChatScreen component structure and initialization

* feat: Improve auto-scroll after sending message

* feat: UI improvements

* fix: Settings link

* feat: UI improvements

* fix: better UI spacing

* fix: Remove unneeded logic

* fix: Chat Processing Info UI rendering

* feat: Improve mobile UI

* feat: UI improvement

* fix: Conditional transition delay for Chat Messages based on route from

* fix: Delay mobile sidebar collapse for smoother transitions

* fix: Mobile scroll down button + sidebar pointer events

* fix: Mobile UI

* fix: Auto scrolling

* fix: Implement dynamic height calculations for chat auto-scroll positioning and UI elements

* fix: Retrieve `autofocus` for Chat Form textarea

* fix: Use proper class

Co-authored-by: Copilot Autofix powered by AI <redacted>
* refactor: extract scroll-to-bottom logic and fix message send flow

* fix: update viewport store usage and remove conflicting autofocus

* feat: add accessibility labels to scroll down button

* fix: correct HTML structure in sidebar empty states

* fix: dynamically toggle processing info visibility

* chore: remove commented exports and fix formatting

* fix

* fix: Mobile Chat Form Add Action Sheet interactions

---------

Co-authored-by: Copilot Autofix powered by AI <redacted>
88 files changed:
tools/ui/.gitignore
tools/ui/package-lock.json
tools/ui/package.json
tools/ui/pwa-assets-dark.config.ts
tools/ui/pwa-assets.config.ts
tools/ui/scripts/favicon-colorize.ts [new file with mode: 0644]
tools/ui/src/app.css
tools/ui/src/lib/actions/fade-in-view.svelte.ts
tools/ui/src/lib/assets/logo.svg [new file with mode: 0644]
tools/ui/src/lib/components/app/actions/ActionIcon.svelte
tools/ui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
tools/ui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActionAdd/ChatFormActionAddButton.svelte
tools/ui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActionAdd/ChatFormActionAddSheet.svelte
tools/ui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActionAdd/ChatFormActionsAdd.svelte
tools/ui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActionSubmit.svelte
tools/ui/src/lib/components/app/chat/ChatForm/ChatFormTextarea.svelte
tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessage.svelte
tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageAssistant/ChatMessageAssistant.svelte
tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageUser/ChatMessageUser.svelte
tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageUser/ChatMessageUserBubble.svelte
tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessages.svelte
tools/ui/src/lib/components/app/chat/ChatScreen/ChatScreen.svelte
tools/ui/src/lib/components/app/chat/ChatScreen/ChatScreenActionScrollDown.svelte
tools/ui/src/lib/components/app/chat/ChatScreen/ChatScreenDialogsAndAlerts.svelte [new file with mode: 0644]
tools/ui/src/lib/components/app/chat/ChatScreen/ChatScreenForm.svelte
tools/ui/src/lib/components/app/chat/ChatScreen/ChatScreenGreeting.svelte
tools/ui/src/lib/components/app/chat/ChatScreen/ChatScreenProcessingInfo.svelte
tools/ui/src/lib/components/app/chat/index.ts
tools/ui/src/lib/components/app/forms/SearchInput.svelte
tools/ui/src/lib/components/app/misc/Logo.svelte [new file with mode: 0644]
tools/ui/src/lib/components/app/misc/index.ts
tools/ui/src/lib/components/app/navigation/DesktopIconStrip.svelte [deleted file]
tools/ui/src/lib/components/app/navigation/SidebarNavigation/SidebarNavigation.svelte
tools/ui/src/lib/components/app/navigation/SidebarNavigation/SidebarNavigationActions.svelte
tools/ui/src/lib/components/app/navigation/SidebarNavigation/SidebarNavigationConversationList.svelte [new file with mode: 0644]
tools/ui/src/lib/components/app/navigation/SidebarNavigation/SidebarNavigationSearch.svelte
tools/ui/src/lib/components/app/navigation/SidebarNavigation/SidebarNavigationSearchResults.svelte [new file with mode: 0644]
tools/ui/src/lib/components/app/navigation/index.ts
tools/ui/src/lib/components/app/settings/SettingsChat/SettingsChat.svelte
tools/ui/src/lib/components/app/settings/SettingsChatDesktopSidebar.svelte
tools/ui/src/lib/components/app/settings/SettingsMcpServers.svelte
tools/ui/src/lib/components/ui/button/button.svelte
tools/ui/src/lib/components/ui/sidebar/constants.ts [deleted file]
tools/ui/src/lib/components/ui/sidebar/context.svelte.ts [deleted file]
tools/ui/src/lib/components/ui/sidebar/index.ts [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-content.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-footer.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-group-action.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-group-content.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-group-label.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-group.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-header.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-input.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-inset.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-menu-action.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-menu-button.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-menu-item.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-menu.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-provider.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-rail.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-separator.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar-trigger.svelte [deleted file]
tools/ui/src/lib/components/ui/sidebar/sidebar.svelte [deleted file]
tools/ui/src/lib/constants/pwa.ts
tools/ui/src/lib/constants/routes.ts
tools/ui/src/lib/constants/ui.ts
tools/ui/src/lib/hooks/use-auto-scroll.svelte.ts
tools/ui/src/lib/hooks/use-chat-screen-active-model.svelte.ts [new file with mode: 0644]
tools/ui/src/lib/hooks/use-chat-screen-drag-and-drop.svelte.ts [new file with mode: 0644]
tools/ui/src/lib/hooks/use-chat-screen-file-upload.svelte.ts [new file with mode: 0644]
tools/ui/src/lib/hooks/use-chat-screen-scroll.svelte.ts [new file with mode: 0644]
tools/ui/src/lib/hooks/use-models-selector.svelte.ts
tools/ui/src/lib/stores/device.svelte.ts [new file with mode: 0644]
tools/ui/src/lib/stores/models.svelte.ts
tools/ui/src/routes/+layout.svelte
tools/ui/src/routes/search/+page.svelte [new file with mode: 0644]
tools/ui/src/routes/settings/+layout.svelte
tools/ui/src/routes/settings/[[section]]/+page.svelte
tools/ui/static/favicon-dark.svg [deleted file]
tools/ui/static/favicon.svg [deleted file]
tools/ui/tests/client/components/TestWrapper.svelte
tools/ui/tests/stories/SidebarNavigation.stories.svelte
tools/ui/tests/unit/favicon-colorize.test.ts [new file with mode: 0644]