[PR #15187] [CLOSED] feat: Chat Search Interface with Instant Results for Entire Chat History #39379

New Issue

GiteaMirror · 2026-04-25T11:59:14-05:00

GiteaMirror commented

2026-04-25 11:59:14 -05:00

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/15187
Author: @PVBLIC-F
Created: 6/20/2025
Status: ❌ Closed

Base: dev ← Head: feat/chat-search

📝 Commits (9)

ecb3000 feat: implement Step 1 - Basic Chat Search Overlay
4f8126d fix: restore working search functionality in Step 2
f505140 feat: implement Step 3 - Enhanced Navigation Experience
b411560 feat: complete Step 4 - Visual Highlighting with improved UX
20a7a58 refactor: clean up ChatSearch component code
8ff11c5 Update README.md
de19e15 perf: optimize ChatSearch with clean, professional code
e353bea feat: complete Chat Search feature with performance optimizations and documentation
1deae34 style: improve ChatSearch visual contrast and prominence

📊 Changes

6 files changed (+983 additions, -204 deletions)

View changed files

📝 README.md (+545 -202)
📝 src/lib/components/chat/Chat.svelte (+23 -1)
➕ src/lib/components/chat/ChatSearch.svelte (+396 -0)
📝 src/lib/components/chat/Messages.svelte (+6 -0)
📝 src/lib/stores/index.ts (+1 -0)
📝 src/routes/(app)/+layout.svelte (+12 -1)

📄 Description

Pull Request Checklist

Note to first-time contributors: Please open a discussion post in Discussions and describe your changes before submitting a pull request.

Before submitting, make sure you've checked the following:

Target branch: Please verify that the pull request targets the dev branch.
Description: Provide a concise description of the changes made in this pull request.
Changelog: Ensure a changelog entry following the format of Keep a Changelog is added at the bottom of the PR description.
Documentation: Have you updated relevant documentation Open WebUI Docs, or other documentation sources?
Dependencies: Are there any new dependencies? Have you updated the dependency versions in the documentation?
Testing: Have you written and run sufficient tests to validate the changes?
Code review: Have you performed a self-review of your code, addressing any coding standard issues and ensuring adherence to the project's coding standards?
Prefix: To clearly categorize this pull request, prefix the pull request title using one of the following:
- BREAKING CHANGE: Significant changes that may affect compatibility
- build: Changes that affect the build system or external dependencies
- ci: Changes to our continuous integration processes or workflows
- chore: Refactor, cleanup, or other non-functional code changes
- docs: Documentation update or addition
- feat: Introduces a new feature or enhancement to the codebase
- fix: Bug fix or error correction
- i18n: Internationalization or localization changes
- perf: Performance improvement
- refactor: Code restructuring for better maintainability, readability, or scalability
- style: Changes that do not affect the meaning of the code (white space, formatting, missing semi-colons, etc.)
- test: Adding missing tests or correcting existing tests
- WIP: Work in progress, a temporary label for incomplete or ongoing work

Changelog Entry

Description

[Concisely describe the changes made in this pull request, including any relevant motivation and impact (e.g., fixing a bug, adding a feature, or improving performance)]

Added

Real-time Chat Search Component (ChatSearch.svelte) - Complete search interface with instant results as you type
Global Ctrl+F Keyboard Activation - Smart handler that only activates on chat pages, preserving browser functionality elsewhere
Visual Highlighting System - Yellow text highlighting for all matches with black flash indication for current result
Chronological Navigation - Enter/Shift+Enter controls to navigate between results in timestamp order
Auto-Navigation to First Result - Automatic jump to first match for immediate user feedback
Performance Optimizations - Debounced search (150ms), DOM element caching, and memory management for smooth operation
Lazy Loading Integration - Support for very long chat histories (5000+ messages) with dynamic message loading
Professional Search Overlay - Fixed-width, non-intrusive UI with enhanced visual contrast and backdrop blur
Global State Management - showChatSearch store following OpenWebUI patterns for consistent state handling
Accessibility Features - Full ARIA support, screen reader compatibility, and keyboard-only navigation
Result Counter Display - Live "X of Y messages" feedback with contextual help text
Click-Outside Detection - Intuitive closing behavior when clicking outside the search overlay
Cross-Theme Compatibility - Seamless integration with light/dark mode switching
Memory Management System - Proper cleanup of timers, event listeners, and cached DOM elements

Changed

[List any changes, updates, refactorings, or optimizations]

Deprecated

[List any deprecated functionality or features that have been removed]

Removed

[List any removed features, files, or functionalities]

Fixed

[List any fixes, corrections, or bug fixes]

Security

[List any new or updated security-related changes, including vulnerability fixes]

Breaking Changes

BREAKING CHANGE: [List any breaking changes affecting compatibility or functionality]

Additional Information

[Insert any additional context, notes, or explanations for the changes]
- [Reference any related issues, commits, or other relevant information]

Screenshots or Videos

https://github.com/user-attachments/assets/d2413854-55b4-4282-8e45-31f7a19048bf

Contributor License Agreement

By submitting this pull request, I confirm that I have read and fully agree to the Contributor License Agreement (CLA), 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/15187 **Author:** [@PVBLIC-F](https://github.com/PVBLIC-F) **Created:** 6/20/2025 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `feat/chat-search` --- ### 📝 Commits (9) - [`ecb3000`](https://github.com/open-webui/open-webui/commit/ecb3000c325550540b7e23cc0b464326c6b9b9e5) feat: implement Step 1 - Basic Chat Search Overlay - [`4f8126d`](https://github.com/open-webui/open-webui/commit/4f8126d429e12de969124c746c0f3264e0247eac) fix: restore working search functionality in Step 2 - [`f505140`](https://github.com/open-webui/open-webui/commit/f50514046dfa1b9b561c7d5321b579f81086b3e6) feat: implement Step 3 - Enhanced Navigation Experience - [`b411560`](https://github.com/open-webui/open-webui/commit/b411560787435e2b3ef661bf2702fc74c07a0fa3) feat: complete Step 4 - Visual Highlighting with improved UX - [`20a7a58`](https://github.com/open-webui/open-webui/commit/20a7a584f76ae9698e824f115c81eebb7c4c6a11) refactor: clean up ChatSearch component code - [`8ff11c5`](https://github.com/open-webui/open-webui/commit/8ff11c52a850d5142348313126f58164b02741db) Update README.md - [`de19e15`](https://github.com/open-webui/open-webui/commit/de19e15d70f07ef6b6098e8e3a3e733478e95850) perf: optimize ChatSearch with clean, professional code - [`e353bea`](https://github.com/open-webui/open-webui/commit/e353beada0798b9d553fd880baa37cf29b54d65b) feat: complete Chat Search feature with performance optimizations and documentation - [`1deae34`](https://github.com/open-webui/open-webui/commit/1deae34656d0b1b30a2ef0b954005a5cca608bad) style: improve ChatSearch visual contrast and prominence ### 📊 Changes **6 files changed** (+983 additions, -204 deletions) <details> <summary>View changed files</summary> 📝 `README.md` (+545 -202) 📝 `src/lib/components/chat/Chat.svelte` (+23 -1) ➕ `src/lib/components/chat/ChatSearch.svelte` (+396 -0) 📝 `src/lib/components/chat/Messages.svelte` (+6 -0) 📝 `src/lib/stores/index.ts` (+1 -0) 📝 `src/routes/(app)/+layout.svelte` (+12 -1) </details> ### 📄 Description # Pull Request Checklist ### Note to first-time contributors: Please open a discussion post in [Discussions](https://github.com/open-webui/open-webui/discussions) and describe your changes before submitting a pull request. **Before submitting, make sure you've checked the following:** - [ ] **Target branch:** Please verify that the pull request targets the `dev` branch. - [ ] **Description:** Provide a concise description of the changes made in this pull request. - [ ] **Changelog:** Ensure a changelog entry following the format of [Keep a Changelog](https://keepachangelog.com/) is added at the bottom of the PR description. - [ ] **Documentation:** Have you updated relevant documentation [Open WebUI Docs](https://github.com/open-webui/docs), or other documentation sources? - [ ] **Dependencies:** Are there any new dependencies? Have you updated the dependency versions in the documentation? - [ ] **Testing:** Have you written and run sufficient tests to validate the changes? - [ ] **Code review:** Have you performed a self-review of your code, addressing any coding standard issues and ensuring adherence to the project's coding standards? - [ ] **Prefix:** To clearly categorize this pull request, prefix the pull request title using one of the following: - **BREAKING CHANGE**: Significant changes that may affect compatibility - **build**: Changes that affect the build system or external dependencies - **ci**: Changes to our continuous integration processes or workflows - **chore**: Refactor, cleanup, or other non-functional code changes - **docs**: Documentation update or addition - **feat**: Introduces a new feature or enhancement to the codebase - **fix**: Bug fix or error correction - **i18n**: Internationalization or localization changes - **perf**: Performance improvement - **refactor**: Code restructuring for better maintainability, readability, or scalability - **style**: Changes that do not affect the meaning of the code (white space, formatting, missing semi-colons, etc.) - **test**: Adding missing tests or correcting existing tests - **WIP**: Work in progress, a temporary label for incomplete or ongoing work # Changelog Entry ### Description - [Concisely describe the changes made in this pull request, including any relevant motivation and impact (e.g., fixing a bug, adding a feature, or improving performance)] ### Added - Real-time Chat Search Component (ChatSearch.svelte) - Complete search interface with instant results as you type - Global Ctrl+F Keyboard Activation - Smart handler that only activates on chat pages, preserving browser functionality elsewhere - Visual Highlighting System - Yellow text highlighting for all matches with black flash indication for current result - Chronological Navigation - Enter/Shift+Enter controls to navigate between results in timestamp order - Auto-Navigation to First Result - Automatic jump to first match for immediate user feedback - Performance Optimizations - Debounced search (150ms), DOM element caching, and memory management for smooth operation - Lazy Loading Integration - Support for very long chat histories (5000+ messages) with dynamic message loading - Professional Search Overlay - Fixed-width, non-intrusive UI with enhanced visual contrast and backdrop blur - Global State Management - showChatSearch store following OpenWebUI patterns for consistent state handling - Accessibility Features - Full ARIA support, screen reader compatibility, and keyboard-only navigation - Result Counter Display - Live "X of Y messages" feedback with contextual help text - Click-Outside Detection - Intuitive closing behavior when clicking outside the search overlay - Cross-Theme Compatibility - Seamless integration with light/dark mode switching - Memory Management System - Proper cleanup of timers, event listeners, and cached DOM elements ### Changed - [List any changes, updates, refactorings, or optimizations] ### Deprecated - [List any deprecated functionality or features that have been removed] ### Removed - [List any removed features, files, or functionalities] ### Fixed - [List any fixes, corrections, or bug fixes] ### Security - [List any new or updated security-related changes, including vulnerability fixes] ### Breaking Changes - **BREAKING CHANGE**: [List any breaking changes affecting compatibility or functionality] --- ### Additional Information - [Insert any additional context, notes, or explanations for the changes] - [Reference any related issues, commits, or other relevant information] ### Screenshots or Videos https://github.com/user-attachments/assets/d2413854-55b4-4282-8e45-31f7a19048bf ![CleanShot 2025-06-20 at 13 21 29](https://github.com/user-attachments/assets/2f5e671e-861a-492b-8dfe-b49ade4b0a62) ![CleanShot 2025-06-20 at 13 21 52](https://github.com/user-attachments/assets/2468d937-fbf3-450a-9e5e-3a118e7eb240) ![CleanShot 2025-06-20 at 13 21 41](https://github.com/user-attachments/assets/51ab1566-490a-4f42-835f-d9adfc327f24) ### Contributor License Agreement By submitting this pull request, I confirm that I have read and fully agree to the [Contributor License Agreement (CLA)](/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-04-25 11:59:14 -05:00

GiteaMirror closed this issue

2026-04-25 11:59:14 -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#39379