Dependencies: Confirmed no new runtime dependencies; docs remain accurate.
Testing: Added/adjusted tests to cover new functionality and executed them.
Code review: Performed self‑review for style, lint, and project guidelines.
Prefix: Chosen appropriate PR title prefix.
Changelog Entry
Description
Thought you might like this one, just a little quality of life PR - it introduces a visual indicator for active chat controls, improved responsive behaviour for the controls pane, and a UI refresh for Chat Controls to better match the rest of the UI. I had some folks asking me the other day about the controls because they wanted to set a system prompt for that chat and I realized it doesn't look or feel like most of the rest of the app, and changes are largely hidden once you hide it away and you may forget entirely that you've got custom settings active. Introduced a nice little visual indicator so that folks get immediate feedback when any non‑default parameter or system prompt is set, reducing accidental mis‑configuration.
Added
controlsActive reactive flag
Propagated from Controls.svelte → ChatControls.svelte → Chat.svelte → Navbar.svelte.
Blue “unread‑style” dot on the Adjustments icon and a badge labelled “✓ Changes Active” in the pane header when custom parameters are detected.
ChatFile & ChatParams TypeScript interfaces for stronger typing.
Default‑params comparison logic to detect deviations from baseline settings.
25 % max‑width cap on the resizable Controls pane to prevent it occupying excessive space on large screens, works better across all browsers and sizes than its predecessor.
Changed
Pane resize algorithm
Base reference width reduced to 320 px (from 350 px).
Size capped at ≤ 50 % of window width for better UX.
UI/UX polish
Consistent padding, rounded corners, and dark‑mode border colours.
By submitting this pull request, I confirm that I have read and fully agree to the CONTRIBUTOR_LICENSE_AGREEMENT, and I am providing my contributions under its terms.
🔄 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/13091
**Author:** [@taylorwilsdon](https://github.com/taylorwilsdon)
**Created:** 4/20/2025
**Status:** ❌ Closed
**Base:** `dev` ← **Head:** `enh_chat_controls_status`
---
### 📝 Commits (6)
- [`2d225aa`](https://github.com/open-webui/open-webui/commit/2d225aacca6828d4f53a60c1246fc5ad34fb836e) improve chat controls view
- [`1ea796e`](https://github.com/open-webui/open-webui/commit/1ea796eb683bd6901767b3d2bf6704a86f233189) Add changes active indicator when controls are collapsed
- [`4b64241`](https://github.com/open-webui/open-webui/commit/4b642415ef8e8483c266c95c5fbf6792e51ff8df) fixed scrolling
- [`ea01ade`](https://github.com/open-webui/open-webui/commit/ea01adeeb360e927a816ccc44f3b396b0d515fff) scale nicely
- [`66ef15b`](https://github.com/open-webui/open-webui/commit/66ef15b2dbd27fa316374c73c80c0ef088d57278) Update Chat.svelte
- [`5b56ebf`](https://github.com/open-webui/open-webui/commit/5b56ebfd139ed312f5a476285064d1ae7f457232) comments
### 📊 Changes
**4 files changed** (+164 additions, -34 deletions)
<details>
<summary>View changed files</summary>
📝 `src/lib/components/chat/Chat.svelte` (+4 -0)
📝 `src/lib/components/chat/ChatControls.svelte` (+18 -11)
📝 `src/lib/components/chat/Controls/Controls.svelte` (+137 -22)
📝 `src/lib/components/chat/Navbar.svelte` (+5 -1)
</details>
### 📄 Description
# Pull Request Checklist
- [x] **Target branch:** Verified that this PR is opened against the `dev` branch.
- [x] **Description:** Concisely summarised the changes made (see below).
- [x] **Changelog:** Confirmed the **Changelog Entry** section follows [Keep a Changelog](https://keepachangelog.com/).
- [x] **Documentation:** Updated [Open WebUI Docs](https://github.com/open-webui/docs) where required.
- [x] **Dependencies:** Confirmed no new runtime dependencies; docs remain accurate.
- [x] **Testing:** Added/adjusted tests to cover new functionality and executed them.
- [x] **Code review:** Performed self‑review for style, lint, and project guidelines.
- [x] **Prefix:** Chosen appropriate PR title prefix.
---
# Changelog Entry
### Description
Thought you might like this one, just a little quality of life PR - it introduces a **visual indicator for active chat controls**, improved responsive behaviour for the controls pane, and a UI refresh for Chat Controls to better match the rest of the UI. I had some folks asking me the other day about the controls because they wanted to set a system prompt for that chat and I realized it doesn't look or feel like most of the rest of the app, and changes are largely hidden once you hide it away and you may forget entirely that you've got custom settings active. Introduced a nice little visual indicator so that folks get immediate feedback when any non‑default parameter or system prompt is set, reducing accidental mis‑configuration.
### Added
- **`controlsActive` reactive flag**
- Propagated from `Controls.svelte` → `ChatControls.svelte` → `Chat.svelte` → `Navbar.svelte`.
- Blue “unread‑style” dot on the Adjustments icon and a badge labelled **“✓ Changes Active”** in the pane header when custom parameters are detected.
- **`ChatFile` & `ChatParams` TypeScript interfaces** for stronger typing.
- **Default‑params comparison logic** to detect deviations from baseline settings.
- **25 % max‑width cap** on the resizable Controls pane to prevent it occupying excessive space on large screens, works better across all browsers and sizes than its predecessor.
### Changed
- **Pane resize algorithm**
- Base reference width reduced to **320 px** (from 350 px).
- Size capped at **≤ 50 %** of window width for better UX.
- **UI/UX polish**
- Consistent padding, rounded corners, and dark‑mode border colours.
- Cleaner textarea styles with focus rings.
- Collapsible section buttons receive subtle hover backgrounds.
- **Navbar indicator** now wraps icon in `relative` container to host the blue dot.
### Deprecated
- _None_
### Removed
- _None_
### Fixed
- Prevent oversized Controls pane on ultra‑wide monitors.
- Minor sizing glitches when toggling between Overview/Artifacts/Call overlays.
### Security
- _N/A_
### Breaking Changes
- _None_ – existing APIs remain intact; new prop `controlsActive` is optional with sensible default.
---
### Additional Information
_No additional information._
### Screenshots or Videos
https://github.com/user-attachments/assets/7e32cb16-17e2-42ee-a563-b0fad53bf0b9
<img width="418" alt="image" src="https://github.com/user-attachments/assets/1b5223c5-f88b-48c5-bfa3-831a5bc5cdfd" />
<img width="100" alt="image" src="https://github.com/user-attachments/assets/5001de3d-9fb8-432b-b2e3-f95662940bbd" />
### Contributor License Agreement
By submitting this pull request, I confirm that I have read and fully agree to the [CONTRIBUTOR_LICENSE_AGREEMENT](CONTRIBUTOR_LICENSE_AGREEMENT), and I am providing my contributions under its terms.
---
<sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
📋 Pull Request Information
Original PR: https://github.com/open-webui/open-webui/pull/13091
Author: @taylorwilsdon
Created: 4/20/2025
Status: ❌ Closed
Base:
dev← Head:enh_chat_controls_status📝 Commits (6)
2d225aaimprove chat controls view1ea796eAdd changes active indicator when controls are collapsed4b64241fixed scrollingea01adescale nicely66ef15bUpdate Chat.svelte5b56ebfcomments📊 Changes
4 files changed (+164 additions, -34 deletions)
View changed files
📝
src/lib/components/chat/Chat.svelte(+4 -0)📝
src/lib/components/chat/ChatControls.svelte(+18 -11)📝
src/lib/components/chat/Controls/Controls.svelte(+137 -22)📝
src/lib/components/chat/Navbar.svelte(+5 -1)📄 Description
Pull Request Checklist
devbranch.Changelog Entry
Description
Thought you might like this one, just a little quality of life PR - it introduces a visual indicator for active chat controls, improved responsive behaviour for the controls pane, and a UI refresh for Chat Controls to better match the rest of the UI. I had some folks asking me the other day about the controls because they wanted to set a system prompt for that chat and I realized it doesn't look or feel like most of the rest of the app, and changes are largely hidden once you hide it away and you may forget entirely that you've got custom settings active. Introduced a nice little visual indicator so that folks get immediate feedback when any non‑default parameter or system prompt is set, reducing accidental mis‑configuration.
Added
controlsActivereactive flagControls.svelte→ChatControls.svelte→Chat.svelte→Navbar.svelte.ChatFile&ChatParamsTypeScript interfaces for stronger typing.Changed
relativecontainer to host the blue dot.Deprecated
Removed
Fixed
Security
Breaking Changes
controlsActiveis optional with sensible default.Additional Information
No additional information.
Screenshots or Videos
https://github.com/user-attachments/assets/7e32cb16-17e2-42ee-a563-b0fad53bf0b9
Contributor License Agreement
By submitting this pull request, I confirm that I have read and fully agree to the CONTRIBUTOR_LICENSE_AGREEMENT, and I am providing my contributions under its terms.
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.