Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(webui): ux improvements #2247

Merged
merged 11 commits into from
May 6, 2024
Merged

feat(webui): ux improvements #2247

merged 11 commits into from
May 6, 2024

Conversation

mudler
Copy link
Owner

@mudler mudler commented May 5, 2024

Description

This PR introduces the following enhancements to the WebUI:

  • Deleting a model now asks for confirmation
  • Installed models can be deleted from the model list view, and show the model icon

Screenshot from 2024-05-06 19-45-57

  • Changes the welcome screen as such gives the user indications in case there are no models installed.

Screenshot from 2024-05-06 19-24-20

  • Adds filters for searching models in the gallery, and generates all the existing tags as clickable items
    Screenshot from 2024-05-06 19-23-46

  • Makes the tag buttons in the model card clickable to filter out other models with the same tag
    Screenshot from 2024-05-06 19-25-16

Also - if the user clicks on Chat/Generate images/TTS and no model is installed is redirected automatically at the index (showing the message that no models are present).

Notes for Reviewers

This PR is related to #2156

Copy link

netlify bot commented May 5, 2024

Deploy Preview for localai canceled.

Name Link
🔨 Latest commit 9e5d9b4
🔍 Latest deploy log https://app.netlify.com/sites/localai/deploys/66395be5184fe10008e4db7a

mudler added 8 commits May 6, 2024 19:23
Signed-off-by: Ettore Di Giacinto <[email protected]>
Signed-off-by: Ettore Di Giacinto <[email protected]>
Signed-off-by: Ettore Di Giacinto <[email protected]>
Signed-off-by: Ettore Di Giacinto <[email protected]>
Signed-off-by: Ettore Di Giacinto <[email protected]>
Signed-off-by: Ettore Di Giacinto <[email protected]>
@mudler mudler force-pushed the ux_enhancements branch from 2be2538 to cfcf954 Compare May 6, 2024 17:23
pkg/gallery/gallery.go Dismissed Show dismissed Hide dismissed
@mudler mudler marked this pull request as ready for review May 6, 2024 17:28
@mudler mudler force-pushed the ux_enhancements branch from 7e8e9bb to e486664 Compare May 6, 2024 22:25
@mudler mudler merged commit fe055d4 into master May 6, 2024
39 checks passed
@mudler mudler deleted the ux_enhancements branch May 6, 2024 23:17
@mudler mudler added the enhancement New feature or request label May 7, 2024
truecharts-admin referenced this pull request in truecharts/public May 10, 2024
…5.0@f178386 by renovate (#21846)

This PR contains the following updates:

| Package | Update | Change |
|---|---|---|
| [docker.io/localai/localai](https://togithub.com/mudler/LocalAI) |
minor | `v2.14.0` -> `v2.15.0` |

---

> [!WARNING]
> Some dependencies could not be looked up. Check the Dependency
Dashboard for more information.

---

### Release Notes

<details>
<summary>mudler/LocalAI (docker.io/localai/localai)</summary>

###
[`v2.15.0`](https://togithub.com/mudler/LocalAI/releases/tag/v2.15.0)

[Compare
Source](https://togithub.com/mudler/LocalAI/compare/v2.14.0...v2.15.0)


![local-ai-release](https://togithub.com/mudler/LocalAI/assets/2420543/8d3738d8-7973-4c2d-9116-9d48b08ad61f)

### 🎉  LocalAI v2.15.0! 🚀

Hey awesome people! I'm happy to announce the release of LocalAI version
2.15.0! This update introduces several significant improvements and
features, enhancing usability, functionality, and user experience across
the board. Dive into the key highlights below, and don't forget to check
out the full changelog for more detailed updates.

##### 🌍 WebUI Upgrades: Turbocharged!

##### 🚀 Vision API Integration

The Chat WebUI now seamlessly integrates with the Vision API, making it
easier for users to test image processing models directly through the
browser interface - this is a very simple and hackable interface in less
then 400L of code with Alpine.JS and HTMX!


![output](https://togithub.com/mudler/LocalAI/assets/2420543/36d357ca-861d-46a9-899d-71f62fe4f977)

##### 💬 System Prompts in Chat

System prompts can be set in the WebUI chat, which guide the user
through interactions more intuitively, making our chat interface smarter
and more responsive.


![output](https://togithub.com/mudler/LocalAI/assets/2420543/555a4ad2-18d4-41e5-91a5-436d5001b9f1)

##### 🌟 Revamped Welcome Page

New to LocalAI or haven't installed any models yet? No worries! The
updated welcome page now guides users through the model installation
process, ensuring you're set up and ready to go without any hassle. This
is a great first step for newcomers - thanks for your precious feedback!


![output](https://togithub.com/mudler/LocalAI/assets/2420543/77e286fc-e045-4650-8b70-0d482ca43f0f)

##### 🔄 Background Operations Indicator

Don't get lost with our new background operations indicator on the
WebUI, which shows when tasks are running in the background.


![output](https://togithub.com/mudler/LocalAI/assets/2420543/5be17b69-7c3b-48cb-b85f-74684b292818)

##### 🔍 Filter Models by Tag and Category

As our model gallery balloons, you can now effortlessly sift through
models by tag and category, making finding what you need a breeze.


![output](https://togithub.com/mudler/LocalAI/assets/2420543/d180e9e4-0d38-42a5-84cc-98778dc7a0ad)

##### 🔧 Single Binary Release

LocalAI is expanding into offering single binary releases, simplifying
the deployment process and making it easier to get LocalAI up and
running on any system.

For the moment we have condensed the builds which disables AVX and SSE
instructions set. We are also planning to include cuda builds as well.

##### 🧠 Expanded Model Gallery

This release introduces several exciting new models to our gallery, such
as 'Soliloquy', 'tess', 'moondream2', 'llama3-instruct-coder' and
'aurora', enhancing the diversity and capability of our AI offerings.
Our selection of one-click-install models is growing! We pick carefully
model from the most trending ones on huggingface, feel free to submit
your requests in a github issue, hop to our Discord or contribute by
hosting your gallery, or.. even by adding models directly to LocalAI!


![local-ai-gallery](https://togithub.com/mudler/LocalAI/assets/2420543/c664f67f-dde3-404c-b516-d21db1131fcd)

![local-ai-gallery-new](https://togithub.com/mudler/LocalAI/assets/2420543/e0f16a10-a353-411d-9f62-2524df95bf86)

Want to share your model configurations and customizations? See the
docs: https://localai.io/docs/getting-started/customize-model/

#### 📣 Let's Make Some Noise!

A gigantic THANK YOU to everyone who’s contributed—your feedback, bug
squashing, and feature suggestions are what make LocalAI shine. To all
our heroes out there supporting other users and sharing their expertise,
you’re the real MVPs!

Remember, LocalAI thrives on community support—not big corporate bucks.
If you love what we're building, show some love! A shoutout on social
(@&#8203;LocalAI_OSS and @&#8203;mudler_it on twitter/X), joining our
sponsors, or simply starring us on GitHub makes all the difference.

Also, if you haven't yet joined our Discord, come on over! Here's the
link: https://discord.gg/uJAeKSAGDy

Thanks a ton, and.. enjoy this release!

***

#### What's Changed

##### Bug fixes 🐛

- fix(webui): correct documentation URL for text2img by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2233](https://togithub.com/mudler/LocalAI/pull/2233)
- fix(ux): fix small glitches by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2265](https://togithub.com/mudler/LocalAI/pull/2265)

##### Exciting New Features 🎉

- feat: update ROCM and use smaller image by
[@&#8203;cryptk](https://togithub.com/cryptk) in
[https://github.com/mudler/LocalAI/pull/2196](https://togithub.com/mudler/LocalAI/pull/2196)
- feat(llama.cpp): do not specify backends to autoload and add llama.cpp
variants by [@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2232](https://togithub.com/mudler/LocalAI/pull/2232)
- fix(webui): display small navbar with smaller screens by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2240](https://togithub.com/mudler/LocalAI/pull/2240)
- feat(startup): show CPU/GPU information with --debug by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2241](https://togithub.com/mudler/LocalAI/pull/2241)
- feat(single-build): generate single binaries for releases by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2246](https://togithub.com/mudler/LocalAI/pull/2246)
- feat(webui): ux improvements by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2247](https://togithub.com/mudler/LocalAI/pull/2247)
- fix: OpenVINO winograd always disabled by
[@&#8203;fakezeta](https://togithub.com/fakezeta) in
[https://github.com/mudler/LocalAI/pull/2252](https://togithub.com/mudler/LocalAI/pull/2252)
- UI: flag `trust_remote_code` to users // favicon support by
[@&#8203;dave-gray101](https://togithub.com/dave-gray101) in
[https://github.com/mudler/LocalAI/pull/2253](https://togithub.com/mudler/LocalAI/pull/2253)
- feat(ui): prompt for chat, support vision, enhancements by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2259](https://togithub.com/mudler/LocalAI/pull/2259)

##### 🧠 Models

- fix(gallery): hermes-2-pro-llama3 models checksum changed by
[@&#8203;Nold360](https://togithub.com/Nold360) in
[https://github.com/mudler/LocalAI/pull/2236](https://togithub.com/mudler/LocalAI/pull/2236)
- models(gallery): add moondream2 by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2237](https://togithub.com/mudler/LocalAI/pull/2237)
- models(gallery): add llama3-llava by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2238](https://togithub.com/mudler/LocalAI/pull/2238)
- models(gallery): add llama3-instruct-coder by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2242](https://togithub.com/mudler/LocalAI/pull/2242)
- models(gallery): update poppy porpoise by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2243](https://togithub.com/mudler/LocalAI/pull/2243)
- models(gallery): add lumimaid by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2244](https://togithub.com/mudler/LocalAI/pull/2244)
- models(gallery): add openbiollm by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2245](https://togithub.com/mudler/LocalAI/pull/2245)
- gallery: Added some OpenVINO models by
[@&#8203;fakezeta](https://togithub.com/fakezeta) in
[https://github.com/mudler/LocalAI/pull/2249](https://togithub.com/mudler/LocalAI/pull/2249)
- models(gallery): Add Soliloquy by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2260](https://togithub.com/mudler/LocalAI/pull/2260)
- models(gallery): add tess by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2266](https://togithub.com/mudler/LocalAI/pull/2266)
- models(gallery): add lumimaid variant by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2267](https://togithub.com/mudler/LocalAI/pull/2267)
- models(gallery): add kunocchini by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2268](https://togithub.com/mudler/LocalAI/pull/2268)
- models(gallery): add aurora by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2270](https://togithub.com/mudler/LocalAI/pull/2270)
- models(gallery): add tiamat by
[@&#8203;mudler](https://togithub.com/mudler) in
[https://github.com/mudler/LocalAI/pull/2269](https://togithub.com/mudler/LocalAI/pull/2269)

##### 📖 Documentation and examples

- docs: updated Transformer parameters description by
[@&#8203;fakezeta](https://togithub.com/fakezeta) in
[https://github.com/mudler/LocalAI/pull/2234](https://togithub.com/mudler/LocalAI/pull/2234)
- Update readme: add ShellOracle to community integrations by
[@&#8203;djcopley](https://togithub.com/djcopley) in
[https://github.com/mudler/LocalAI/pull/2254](https://togithub.com/mudler/LocalAI/pull/2254)
- Add missing Homebrew dependencies by
[@&#8203;michaelmior](https://togithub.com/michaelmior) in
[https://github.com/mudler/LocalAI/pull/2256](https://togithub.com/mudler/LocalAI/pull/2256)

##### 👒 Dependencies

- ⬆️ Update docs version mudler/LocalAI by
[@&#8203;localai-bot](https://togithub.com/localai-bot) in
[https://github.com/mudler/LocalAI/pull/2228](https://togithub.com/mudler/LocalAI/pull/2228)
- ⬆️ Update ggerganov/llama.cpp by
[@&#8203;localai-bot](https://togithub.com/localai-bot) in
[https://github.com/mudler/LocalAI/pull/2229](https://togithub.com/mudler/LocalAI/pull/2229)
- ⬆️ Update ggerganov/whisper.cpp by
[@&#8203;localai-bot](https://togithub.com/localai-bot) in
[https://github.com/mudler/LocalAI/pull/2230](https://togithub.com/mudler/LocalAI/pull/2230)
- build(deps): bump tqdm from 4.65.0 to 4.66.3 in
/examples/langchain/langchainpy-localai-example in the pip group across
1 directory by [@&#8203;dependabot](https://togithub.com/dependabot) in
[https://github.com/mudler/LocalAI/pull/2231](https://togithub.com/mudler/LocalAI/pull/2231)
- ⬆️ Update ggerganov/llama.cpp by
[@&#8203;localai-bot](https://togithub.com/localai-bot) in
[https://github.com/mudler/LocalAI/pull/2239](https://togithub.com/mudler/LocalAI/pull/2239)
- ⬆️ Update ggerganov/llama.cpp by
[@&#8203;localai-bot](https://togithub.com/localai-bot) in
[https://github.com/mudler/LocalAI/pull/2251](https://togithub.com/mudler/LocalAI/pull/2251)
- ⬆️ Update ggerganov/llama.cpp by
[@&#8203;localai-bot](https://togithub.com/localai-bot) in
[https://github.com/mudler/LocalAI/pull/2255](https://togithub.com/mudler/LocalAI/pull/2255)
- ⬆️ Update ggerganov/llama.cpp by
[@&#8203;localai-bot](https://togithub.com/localai-bot) in
[https://github.com/mudler/LocalAI/pull/2263](https://togithub.com/mudler/LocalAI/pull/2263)

##### Other Changes

- test: check the response URL during image gen in `app_test.go` by
[@&#8203;dave-gray101](https://togithub.com/dave-gray101) in
[https://github.com/mudler/LocalAI/pull/2248](https://togithub.com/mudler/LocalAI/pull/2248)

#### New Contributors

- [@&#8203;Nold360](https://togithub.com/Nold360) made their first
contribution in
[https://github.com/mudler/LocalAI/pull/2236](https://togithub.com/mudler/LocalAI/pull/2236)
- [@&#8203;djcopley](https://togithub.com/djcopley) made their first
contribution in
[https://github.com/mudler/LocalAI/pull/2254](https://togithub.com/mudler/LocalAI/pull/2254)
- [@&#8203;michaelmior](https://togithub.com/michaelmior) made their
first contribution in
[https://github.com/mudler/LocalAI/pull/2256](https://togithub.com/mudler/LocalAI/pull/2256)

**Full Changelog**:
mudler/LocalAI@v2.14.0...v2.15.0

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Enabled.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Renovate
Bot](https://togithub.com/renovatebot/renovate).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4zNTMuMSIsInVwZGF0ZWRJblZlciI6IjM3LjM1My4xIiwidGFyZ2V0QnJhbmNoIjoibWFzdGVyIiwibGFiZWxzIjpbImF1dG9tZXJnZSIsInVwZGF0ZS9kb2NrZXIvZ2VuZXJhbC9ub24tbWFqb3IiXX0=-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant