Contextual/DuckAi: Suggested prompt UI improvements

[karlenDimla]

Task/Issue URL: https://app.asana.com/1/137249556945/project/1208671677432066/task/1217362081874312?focus=true
Tech Design URL (if applicable):
API Proposals URL(s) (if applicable):

Description

UI changes (match https://www.figma.com/design/JPmFyhhOHdgfYl5n8uShpU/O-J-Contextual-Duck.ai-Improvements?node-id=406-22221&m=dev)

• Radius of the suggested prompt chip is 20dp
• Adds a 1dp border on the suggested prompt chip
• Matches padding

Steps to test this PR

contextualRedesign FF OFF (Default) - verify no regression

• Load bbc.com and select a specific article
• Before the site loads completely, select contextual entry
• Verify you see suggested prompts loading and eventually receives prompts
• Verify that everything looks the same as in an INTERNAL build
• Select a suggested prompt
• Verify it submits the prompt with attached context
• Close sheet and reopen, verify that sheet shows the previous chat
• On a new tab, load another site and verify that a new contextual sheet opens
• Go back to the previous tab and verify that the state is still the correct chat in progress

contextualRedesign FF ON (Enable via FF inventory + restart app)

• Open a new tab, Load bbc.com and select a specific article
• Before the site loads completely, select contextual entry > Ask About page
• Verify you see suggested prompts loading and eventually receives prompts
• Verify it shows the sheet with transparent background and the page context is attached.
• click anywhere outside the prompts and input
• Verify that the sheet is dismissed
• Open the sheet again
• Test that the buttons on the Native Input are working as expected (change model, change to Reasoning, try the Add file, Add Image and Take photo - verify the appear on the attachments. Remove all attachments before proceeding)
• Select Ask About Page from attachment menu
• Verify right context is attached
• Select any of the suggested prompts
• Verify chat in progress sheet is shown with the correct prompt + context
• Verify that right model and reasoning were used.
• Dismiss sheet
• Open a new tab and load a different site
• Verify that contextual menu is shown and choosing Asks About Page shows a fresh entry with correct suggested prompts
• Go back to the previous tab and Click on contextual entry
• Verify that correct chat in progress is shown
• Open chats menu > New chat
• Verify that transparent sheet is shown again

contextualRedesign FF ON + other controls

• Smoke test voice chat, voice search and all other features in the transparent entry and webview chat in progress sheet - verify that native input state and overall sheet state and behavior are as expected.
• NOTE: Voice search sheet is transparent - so it will have to show the transparent sheet under.

---

Note

Low Risk
UI-only drawable and layout tweaks for suggestion chips; no logic, auth, or data-handling changes.

Overview
Updates Duck.ai contextual suggested-prompt chips to match design: 20dp corners, a 1dp border, and slightly wider horizontal padding.

Adds a new duck_ai_suggested_prompts_background drawable and a suggestionBackground attr on ContextualSuggestionsView so the entry sheet can use the new chip style while other usages keep duck_ai_prompt_background. The same background and padding apply to the summarize quick action.

^{Reviewed by Cursor Bugbot for commit fac724e. Bugbot is set up for automated code reviews on this repo. Configure here.}

[karlenDimla]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• Contextual/DuckAi: Chat in progress mode updates  #9576
• Contextual/DuckAi: Suggested prompt UI improvements #9536 👈 (View in Graphite)
• Contextual/DuckAi: Make sheet initial state transparent  #9535
• develop

This stack of pull requests is managed by Graphite. Learn more about stacking.

[YoussefKeyrouz]

Found a possible regression with the flag off:
Step 7 in the first section: Close sheet and reopen, verify that sheet shows the previous chat

When I close the sheet and reopen it does not load the previous chat, it starts a new one. Verified that this behaves differently on internal build. This doesn’t happen always. So it could be already existing on develop but couldn’t reproduce it there I can reproduce it constantly on the branch.

Branch behaviour:

branch.mp4

Develop Behaviour:

Develop.mp4

This also impacts:

• On a new tab, load another site and verify that a new contextual sheet opens
• Go back to the previous tab and verify that the state is still the correct chat in progress

[YoussefKeyrouz]

PR Description nit: The flag is contextualSheetRedesign

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit fac724e. Configure here.}

[cursor]

Shared padding leaks past redesign

Low Severity

Padding on suggested prompt chips was updated in the shared item_contextual_suggestion layout, but the new chip chrome is opt-in via suggestionBackground. With contextualSheetRedesign off, DuckChatContextualFragment still uses the old background while chips pick up the new padding, and contextualPromptQuickAction there still uses the previous padding, so sibling chips no longer match.

Additional Locations (1)

• duckchat/duckchat-impl/src/main/res/layout/dialog_contextual_duck_ai_entry.xml#L47-L48

 

^{Reviewed by Cursor Bugbot for commit fac724e. Configure here.}