Open WebUI Context Menu EN

A Firefox extension that adds context menu items for interacting with OpenWebUI directly from any webpage.

Create and use custom context menu items to query Open WebUI when browsing the web

OpenWebUI Context Menu – Version 2.5

Highlights

• Custom Context Menu Items as Defaults – The default "Explain" and "Research" context menu items have been removed and replaced with fully customizable custom context menu items. This provides users with complete control over these essential prompts.
• Migration of Existing Defaults – Existing users' "Explain" and "Research" prompts and their associated settings will be automatically migrated to new custom context menu items upon extension update or settings import, ensuring a seamless transition without loss of data.
• Increased Custom Menu Limit – The maximum number of custom context menu items has been increased to 10 to accommodate the new default custom items and provide more flexibility.
• Automatic Settings Saving – All settings, including custom context menu items, are now saved automatically as you make changes. The manual "Save Settings" button has been removed for a more seamless and intuitive user experience.
• Debounced Saving – To ensure optimal performance, a debouncing mechanism has been implemented. This means that changes are saved a moment after you stop typing, preventing excessive writes to the browser's storage.
• Improved User Experience – The new automatic saving feature eliminates the need to manually save changes, making the settings page more user-friendly and efficient.
• Enhanced URL Detection with Source Selection & Dynamic Tooltips – Fixed an issue where YouTube detection would incorrectly add youtube.com/watch?v=true to the query. Users can now explicitly choose the source for YouTube video ID and general URL detection (Selected Text Only, Page URL Only, or Prefer Selected Text) for all custom context menu items. Dynamic tooltips have been added next to each source selection dropdown, providing clear explanations that update based on the selected option. Only a single YouTube video ID or URL will be passed to Open WebUI, based on the selected preference.
• Auto-Scrolling for New Menus – When a new custom context menu item is added, the page now automatically scrolls to display the newly created item.

Changes Made

Options UI (options.html + options.js)

• Removed Default Prompt UI – The dedicated UI sections for "Prompt 1" (Explain) and "Prompt 2" (Research) have been removed from options.html.
• Removed Manual Save Button – The "Save Settings" button has been removed from the options page.
• Implemented Automatic Saving – A new saveSettings function has been added to automatically save all settings to the browser's storage.
• Added Debouncing – A debounce function has been implemented to prevent excessive storage writes, ensuring a smooth and responsive user experience.
• Event Listeners – Event listeners have been added to all input fields, text areas, and checkboxes to trigger the debounced save function when changes are made.
• Simplified Custom Menu Creation – The "Save Item" button for new custom context menu items has been removed, as they are now saved automatically.
• Auto-Scroll on New Menu Add – Implemented Element.scrollIntoView() to automatically scroll to a newly added custom context menu item.
• Migration Logic – Added logic in options.js to detect and convert old default "explain" and "research" prompts into new custom context menu items upon loading the options page or importing settings.
• Increased Custom Menu Limit – The maximum number of custom context menu items allowed has been increased to 10.

Background Script (background.js)

• Removed Default Context Menu Creation – The code responsible for creating the hardcoded "openwebui-query" and "openwebui-research" context menu items has been removed.
• Updated Storage Loading – The loadSettings function no longer attempts to load explainPrompt, researchPrompt, explainPromptTitle, researchPromptTitle, or querySettings directly, as these are now handled via custom context menus.
• Updated Storage Change Listener – The onChanged listener now only reacts to changes in customContextMenus.
• Refined Context Menu Click Handler – The onClicked listener now exclusively processes custom context menu items, removing the conditional logic for default prompts.
• Refined YouTube/Load URL Parameter Handling – The extractYouTubeVideoId and extractLoadUrl functions in background.js have been updated to extract a single YouTube video ID or general URL based on the user's source preference (Selected Text Only, Page URL Only, or Prefer Selected Text). This ensures compatibility with Open WebUI, which only accepts a single youtube or load-url parameter. The logic now prioritizes the selected source and prevents incorrect youtube=true or loadUrl=true parameters from being appended.
• Source Selection UI in Options – Added dropdowns in the options page for all cust…