[PR #15186] [CLOSED] feat: Chat Search Interface w/ Real-Time Highlighting #94786

Closed
opened 2026-05-15 20:49:56 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

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

Base: devHead: 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

  • Chat Search Component (ChatSearch.svelte) - Complete search interface with real-time highlighting and navigation
  • Global Search State (showChatSearch store) - Centralized state management following OpenWebUI patterns
  • Keyboard Activation - Global Ctrl+F handler that activates search overlay on chat pages only
  • Visual Highlighting System - Yellow text highlighting with black flash indication for current results
  • Performance Optimizations - Debounced search (150ms), DOM element caching, and memory management
  • Lazy Loading Support - Integration with Messages component to handle very long chat histories (5000+ messages)
  • Auto-Navigation - Automatic jump to first search result for immediate user feedback
  • Accessibility Features - Full ARIA support, screen reader compatibility, and keyboard navigation
  • Professional UI - Fixed-width overlay with smooth animations and responsive design

Changed

  • Messages Component - Added minMessagesCount prop to support lazy loading for search navigation
  • Chat Component - Integrated ChatSearch overlay with event handling for message loading
  • Global Layout - Added smart Ctrl+F keyboard handler that only activates on chat pages
  • Store Management - Extended global stores with showChatSearch state

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

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/15186 **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 - Chat Search Component (ChatSearch.svelte) - Complete search interface with real-time highlighting and navigation - Global Search State (showChatSearch store) - Centralized state management following OpenWebUI patterns - Keyboard Activation - Global Ctrl+F handler that activates search overlay on chat pages only - Visual Highlighting System - Yellow text highlighting with black flash indication for current results - Performance Optimizations - Debounced search (150ms), DOM element caching, and memory management - Lazy Loading Support - Integration with Messages component to handle very long chat histories (5000+ messages) - Auto-Navigation - Automatic jump to first search result for immediate user feedback - Accessibility Features - Full ARIA support, screen reader compatibility, and keyboard navigation - Professional UI - Fixed-width overlay with smooth animations and responsive design ### Changed - Messages Component - Added minMessagesCount prop to support lazy loading for search navigation - Chat Component - Integrated ChatSearch overlay with event handling for message loading - Global Layout - Added smart Ctrl+F keyboard handler that only activates on chat pages - Store Management - Extended global stores with showChatSearch state ### 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 ### 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-05-15 20:49:57 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#94786