[PR #18193] [CLOSED] Fix: The sidebar no longer re-opens automatically #63550

New Issue

GiteaMirror · 2026-05-06T08:23:33-05:00

GiteaMirror commented

2026-05-06 08:23:33 -05:00

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/18193
Author: @amithadityacp
Created: 10/9/2025
Status: ❌ Closed

Base: main ← Head: feat/tts-floating-player

📝 Commits (1)

9768d0c Fix: The sidebar no longer re-opens automatically

📊 Changes

4 files changed (+137 additions, -454 deletions)

View changed files

➕ src/lib/components/chat/FloatingPlayer.svelte (+60 -0)
📝 src/lib/components/chat/Messages.svelte (+68 -453)
➕ src/lib/stores/ttsstore.js (+5 -0)
📝 src/routes/+layout.svelte (+4 -1)

📄 Description

This pull request resolves issue #3023 by implementing a persistent, floating player for Text-to-Speech (TTS) playback, significantly improving the user experience.

Description

Previously, TTS audio would continue to play even after a user navigated away from the chat or performed another action, which could be confusing. This PR introduces a floating player that provides users with full manual control over the audio playback from anywhere in the application.

Key Changes

Centralized State Management: Introduced a new Svelte store (src/lib/stores/ttsStore.js) to globally manage the active Audio object.
Floating Player Component: Created a new component, src/lib/components/FloatingPlayer.svelte, which displays and controls the TTS playback. The player is persistent across all routes.
Component Integration:
- Modified Message.svelte to use the new store, putting the audio object into the store when TTS is activated.
- Modified the main +layout.svelte to include the <FloatingPlayer />, making it globally available.

This approach provides a robust and user-friendly solution to the problem outlined in the original issue.

I have read and agree to the Contributor License Agreement.

_{🔄 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/18193 **Author:** [@amithadityacp](https://github.com/amithadityacp) **Created:** 10/9/2025 **Status:** ❌ Closed **Base:** `main` ← **Head:** `feat/tts-floating-player` --- ### 📝 Commits (1) - [`9768d0c`](https://github.com/open-webui/open-webui/commit/9768d0c7ee07e6ed91040bb6e4735fd952cc5eff) Fix: The sidebar no longer re-opens automatically ### 📊 Changes **4 files changed** (+137 additions, -454 deletions) <details> <summary>View changed files</summary> ➕ `src/lib/components/chat/FloatingPlayer.svelte` (+60 -0) 📝 `src/lib/components/chat/Messages.svelte` (+68 -453) ➕ `src/lib/stores/ttsstore.js` (+5 -0) 📝 `src/routes/+layout.svelte` (+4 -1) </details> ### 📄 Description This pull request resolves issue #3023 by implementing a persistent, floating player for Text-to-Speech (TTS) playback, significantly improving the user experience. ### Description Previously, TTS audio would continue to play even after a user navigated away from the chat or performed another action, which could be confusing. This PR introduces a floating player that provides users with full manual control over the audio playback from anywhere in the application. ### Key Changes * **Centralized State Management:** Introduced a new Svelte store (`src/lib/stores/ttsStore.js`) to globally manage the active `Audio` object. * **Floating Player Component:** Created a new component, `src/lib/components/FloatingPlayer.svelte`, which displays and controls the TTS playback. The player is persistent across all routes. * **Component Integration:** * Modified `Message.svelte` to use the new store, putting the audio object into the store when TTS is activated. * Modified the main `+layout.svelte` to include the `<FloatingPlayer />`, making it globally available. This approach provides a robust and user-friendly solution to the problem outlined in the original issue. --- I have read and agree to the Contributor License Agreement. --- <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 08:23:33 -05:00

GiteaMirror closed this issue

2026-05-06 08:23:37 -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#63550