[PR #920] [CLOSED] ui: shadcn svelte -> tooltips + sonner #7327

Closed
opened 2025-11-11 17:23:34 -06:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/920
Author: @jannikstdl
Created: 2/26/2024
Status: Closed

Base: devHead: shadcn-ui-update


📝 Commits (10+)

📊 Changes

59 files changed (+7550 additions, -6742 deletions)

View changed files

📝 .github/workflows/docker-build.yaml (+1 -0)
📝 CHANGELOG.md (+10 -0)
📝 bun.lockb (+0 -0)
components.json (+14 -0)
📝 package-lock.json (+6335 -6158)
📝 package.json (+61 -55)
📝 src/lib/components/admin/EditUserModal.svelte (+1 -1)
📝 src/lib/components/chat/MessageInput.svelte (+96 -78)
📝 src/lib/components/chat/MessageInput/Documents.svelte (+1 -1)
📝 src/lib/components/chat/MessageInput/Models.svelte (+1 -1)
📝 src/lib/components/chat/MessageInput/PromptCommands.svelte (+1 -1)
📝 src/lib/components/chat/Messages.svelte (+1 -1)
📝 src/lib/components/chat/Messages/ResponseMessage.svelte (+1 -1)
📝 src/lib/components/chat/ModelSelector.svelte (+59 -48)
📝 src/lib/components/chat/Settings/Account.svelte (+1 -1)
📝 src/lib/components/chat/Settings/Account/UpdatePassword.svelte (+1 -1)
📝 src/lib/components/chat/Settings/Audio.svelte (+1 -1)
📝 src/lib/components/chat/Settings/Chats.svelte (+1 -1)
📝 src/lib/components/chat/Settings/Connections.svelte (+1 -1)
📝 src/lib/components/chat/Settings/General.svelte (+1 -1)

...and 39 more files

📄 Description

fix #259

shadcn-svelte

https://github.com/open-webui/open-webui/assets/69747628/836db88c-8154-4c3a-8469-c4ab7383eb25

Edit
Also implemented the Sonner/Toaster from svelte-shadcn (they use svelte-sonner).
Replaced it with svelte-french-toast since i found it more clean and it stacks:

https://github.com/open-webui/open-webui/assets/69747628/104efc2f-b1f8-4813-be53-f3647fc69aad

Maybe in future we could replace the model selector with shadcns combobox. Somebody mentioned this on Discord that the native selector is inconsistent in design.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/open-webui/open-webui/pull/920 **Author:** [@jannikstdl](https://github.com/jannikstdl) **Created:** 2/26/2024 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `shadcn-ui-update` --- ### 📝 Commits (10+) - [`5741621`](https://github.com/open-webui/open-webui/commit/574162143ef61c222636bb84dc9ce9947c720e4c) first init of shadcn - [`67fdb2c`](https://github.com/open-webui/open-webui/commit/67fdb2ce177ea42b2b01a2b126cd00b170227d73) added tooltips in messageInput component - [`3c10c3b`](https://github.com/open-webui/open-webui/commit/3c10c3b928097035655e913eaf0e5dfc900f0f25) Merge pull request #910 from open-webui/dev - [`81a50c5`](https://github.com/open-webui/open-webui/commit/81a50c510419374e47ef36be16d91f157fdb4a1e) Merge pull request #912 from open-webui/dev - [`588daac`](https://github.com/open-webui/open-webui/commit/588daace910ab8d828091c2a2709e77ef55d4565) Merge pull request #913 from open-webui/dev - [`0a2ee69`](https://github.com/open-webui/open-webui/commit/0a2ee691dbb3f5029e4e1c5352a82bd11e17ed5a) fix: add semver to container builds - [`6b0eae9`](https://github.com/open-webui/open-webui/commit/6b0eae9fad7cf2ac8d7a4e40a1b7912dc0ba8c8c) Merge pull request #915 from open-webui/dev - [`334d524`](https://github.com/open-webui/open-webui/commit/334d5246ba18d3297182f91a66f1f9d7b89ea0b4) Merge pull request #916 from open-webui/dev - [`95dd618`](https://github.com/open-webui/open-webui/commit/95dd618a626f41551d7acaa095be824299c860c3) Merge pull request #914 from buroa/main - [`6df2505`](https://github.com/open-webui/open-webui/commit/6df2505bf0352a7580b33f17ce6844afe04fb7be) Merge pull request #919 from open-webui/dev ### 📊 Changes **59 files changed** (+7550 additions, -6742 deletions) <details> <summary>View changed files</summary> 📝 `.github/workflows/docker-build.yaml` (+1 -0) 📝 `CHANGELOG.md` (+10 -0) 📝 `bun.lockb` (+0 -0) ➕ `components.json` (+14 -0) 📝 `package-lock.json` (+6335 -6158) 📝 `package.json` (+61 -55) 📝 `src/lib/components/admin/EditUserModal.svelte` (+1 -1) 📝 `src/lib/components/chat/MessageInput.svelte` (+96 -78) 📝 `src/lib/components/chat/MessageInput/Documents.svelte` (+1 -1) 📝 `src/lib/components/chat/MessageInput/Models.svelte` (+1 -1) 📝 `src/lib/components/chat/MessageInput/PromptCommands.svelte` (+1 -1) 📝 `src/lib/components/chat/Messages.svelte` (+1 -1) 📝 `src/lib/components/chat/Messages/ResponseMessage.svelte` (+1 -1) 📝 `src/lib/components/chat/ModelSelector.svelte` (+59 -48) 📝 `src/lib/components/chat/Settings/Account.svelte` (+1 -1) 📝 `src/lib/components/chat/Settings/Account/UpdatePassword.svelte` (+1 -1) 📝 `src/lib/components/chat/Settings/Audio.svelte` (+1 -1) 📝 `src/lib/components/chat/Settings/Chats.svelte` (+1 -1) 📝 `src/lib/components/chat/Settings/Connections.svelte` (+1 -1) 📝 `src/lib/components/chat/Settings/General.svelte` (+1 -1) _...and 39 more files_ </details> ### 📄 Description fix #259 [shadcn-svelte](https://www.shadcn-svelte.com/) https://github.com/open-webui/open-webui/assets/69747628/836db88c-8154-4c3a-8469-c4ab7383eb25 **Edit** Also implemented the Sonner/Toaster from svelte-shadcn (they use [svelte-sonner](https://svelte-sonner.vercel.app/)). Replaced it with svelte-french-toast since i found it more clean and it stacks: https://github.com/open-webui/open-webui/assets/69747628/104efc2f-b1f8-4813-be53-f3647fc69aad Maybe in future we could replace the model selector with [shadcns combobox](https://www.shadcn-svelte.com/docs/components/combobox). Somebody mentioned this on Discord that the native selector is inconsistent in design. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2025-11-11 17:23:34 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#7327