[PR #13092] [CLOSED] Enh chat controls status #61954

New Issue

GiteaMirror · 2026-05-06T05:44:20-05:00

GiteaMirror commented

2026-05-06 05:44:20 -05:00

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/13092
Author: @taylorwilsdon
Created: 4/20/2025
Status: ❌ Closed

Base: dev ← Head: enh_chat_controls_status

📝 Commits (4)

2d225aa improve chat controls view
1ea796e Add changes active indicator when controls are collapsed
4b64241 fixed scrolling
ea01ade scale nicely

📊 Changes

4 files changed (+166 additions, -35 deletions)

View changed files

📝 src/lib/components/chat/Chat.svelte (+4 -0)
📝 src/lib/components/chat/ChatControls.svelte (+20 -12)
📝 src/lib/components/chat/Controls/Controls.svelte (+137 -22)
📝 src/lib/components/chat/Navbar.svelte (+5 -1)

📄 Description

Pull Request Checklist

Target branch: Verified that this PR is opened against the dev branch.
Description: Concisely summarised the changes made (see below).
Changelog: Confirmed the Changelog Entry section follows Keep a Changelog.
Documentation: Updated Open WebUI Docs where required.
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.
- 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

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.}

## 📋 Pull Request Information **Original PR:** https://github.com/open-webui/open-webui/pull/13092 **Author:** [@taylorwilsdon](https://github.com/taylorwilsdon) **Created:** 4/20/2025 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `enh_chat_controls_status` --- ### 📝 Commits (4) - [`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 ### 📊 Changes **4 files changed** (+166 additions, -35 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/Chat.svelte` (+4 -0) 📝 `src/lib/components/chat/ChatControls.svelte` (+20 -12) 📝 `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>

GiteaMirror added the pull-request label 2026-05-06 05:44:20 -05:00

GiteaMirror closed this issue

2026-05-06 05:44:22 -05:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/open-webui#61954