2014499 - Add a Groups section to the Smart Window mentions panel

Status: ASSIGNED

(Core :: Machine Learning: Frontend, enhancement, P1)

Description

[mlucks]

Scope of this bug may change post MVP. I have a draft of this on my local (happy to share with whomever picks this up if it is not me) but I would anticipate we would need to refactor anyway, we can reassess when it is time to implement these enhancements.

Design: https://www.figma.com/design/5KuePTGmOEUFyCHBHCsGim/AI-Mode-%E2%80%94%C2%A0MVP-Scope-Design?m=dev

Comment 1

[Florian Zia [:flozia]]

Summary

Rescoping this bug to cover the Groups section of the mentions panel, as part of tab group aware prompting (bug 2059706). “All Tabs” (bug 2059761) and view more (bug 2059759) are filed separately so this can land independently.

Add a groups section listing open tab groups.

Acceptance Criteria

• A “Groups” section is rendered above the “Tabs” section in the mentions panel.
• Each item displays the tab group label with the group color.
• The number of groups displayed is capped at 5 and can be set with a preference.
• Typing filters tab groups by label alongside the existing tab filtering.
• “View more” is not part of this ticket.
• Adding a “search input” for the mentions panel of the “+” menu is not part of this ticket.

Notes

• SmartwindowPanelList.#renderGroupHeader(): browser/components/aiwindow/ui/components/smartwindow-panel-list/smartwindow-panel-list.mjs:223. The groups array already accepts multiple sections.
• The group count cap is separate from browser.urlbar.mentions.maxResults, since the design caps groups and tabs independently.
• Design: https://www.figma.com/design/75Z1LtkCEUJWCxoY2KyNHv/Smart-Window-Q2?node-id=10068-123803

Comment 2

[Chloe Zhou [:chloezhou]]

Attachment: Bug 2014499 - Add a Groups section to the Smart Window mentions panel r=#ai-frontend-reviewers-rotation

Render open tab groups as a "Groups" section above the "Tabs" section in the mentions panel, sourced from TabManagementService.getTabGroups(). Each group shows a colored chicklet (the tab group color with the label's initial) and the group label, capped by a new browser.urlbar.mentions.maxGroupResults pref that is separate from the tab cap.

The tab group color tokens (--tab-group-*) live in the tabbrowser chrome sheet, which the AI window content document does not load, so they are imported into ai-window-shared.css and reused rather than duplicating the palette.

Group rows are non-interactive for now; selecting a group to mention is wired up separately (bug 2059787), and filtering groups while typing is deferred. Adds component and integration browser tests.