🎨 Palette: Actionable Empty States

[AhmmedSamier]

💡 What: Added a "Clear Search" command to the empty state items.
🎯 Why: To lower user friction when a search fails. Providing an actionable recovery path right in the empty state list means the user doesn't have to manually delete their query to go back to the default state.
📸 Before/After: n/a
♿ Accessibility: Reduces keyboard fatigue by providing a single action to reset the state rather than requiring holding backspace or selecting all to delete.

---

PR created automatically by Jules for task 1471617034352349930 started by @AhmmedSamier

Summary by CodeRabbit

• New Features

  • Added "Clear Search" action to empty states for quick query reset.

• Documentation

  • Updated design guidance on empty state patterns.

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 10cdeb71-5230-43d5-b0d5-01a6db8b8159

📥 Commits

Reviewing files that changed from the base of the PR and between 32a2408 and cfc9c82.

📒 Files selected for processing (2)

• .jules/palette.md
• vscode-extension/src/search-provider.ts

---

📝 Walkthrough

Walkthrough

A "Clear Search" action is added to empty-state UI in a VSCode search provider extension. When activated, the search input clears and results refresh, implementing an actionable empty state pattern documented in a design palette entry.

Changes

Empty-State Search Recovery

Layer / File(s)	Summary
Design Guidance .jules/palette.md	New dated entry (2026-05-02) documents actionable empty states with recovery actions like "Clear Search" to reduce friction.
Command Declaration vscode-extension/src/search-provider.ts (line 72)	Private command constant CMD_CLEAR_SEARCH is defined to identify the clear-search empty-state action.
Handler Implementation vscode-extension/src/search-provider.ts (lines 1534–1545)	handleEmptyStateAction adds a case for CMD_CLEAR_SEARCH that clears the input value and manually invokes handleQueryChange to refresh results.
UI Integration vscode-extension/src/search-provider.ts (lines 1673–1695)	getEmptyStateItems inserts the "Clear Search" command item into the empty-state action list before the native search action, updating subsequent action ordering.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• 🎨 Palette: Fix infinite loading spinner on empty slash commands #345: Modifies QuickPick empty-state behavior and actions in search-provider.ts.
• 🎨 Palette: Contextual QuickPick actions and Command text formatting #318: Refactors QuickPick action handling in search-provider.ts by item type.
• 🎨 Palette: Reduce QuickPick inline buttons for accessibility #321: Conditions QuickPick inline action button rendering by SearchItemType.

Poem

🐰 A search field grew quiet and bare,
So we added a button right there—
"Clear Search," it declares,
With a hop and a stare,
Fresh results bloom into the air! 🌼

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'Palette: Actionable Empty States' directly and specifically describes the main change—adding actionable empty state guidance and implementation. It's concise, clear, and accurately reflects the PR's core objective.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch palette/actionable-empty-states-1471617034352349930

Tip

💬 Introducing Slack Agent: Turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

• Generate code and open pull requests
• Plan features and break down work
• Investigate incidents and troubleshoot customer tickets together
• Automate recurring tasks and respond to alerts with triggers
• Summarize progress and report instantly

Built for teams:

• Shared memory across your entire org—no repeating context
• Per-thread sandboxes to safely plan and execute work
• Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get your free trial and get 200 agent minutes per Slack user (a $50 value).

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Review rate limit: 0/1 reviews remaining, refill in 60 minutes.}

_{Comment @coderabbitai help to get the list of available commands and usage tips.}