fix(ui): replace dice emoji with SVG icon in Surprise me button

[MinitJain]

Summary

• Replaces 🎲 emoji with an inline SVG dice icon in the Surprise me button and Rediscovered modal header
• Removes the only emoji from the dashboard UI, aligning with the rest of the icon-based visual language
• No new dependencies, no performance impact (inline SVG at 12×14px)

Test plan

• Click Surprise me button — dice SVG icon renders correctly next to "Surprise me" text
• Modal opens — dice SVG icon renders correctly next to "Rediscovered" heading
• Icons inherit currentColor (accent on hover for button, text color in modal)

🤖 Generated with Claude Code

Summary by CodeRabbit

• New Features
  • Enhanced "Surprise me" button with an integrated icon for improved visual feedback and user recognition alongside the button text
  • Enhanced "Rediscovered" modal header with a visual icon element that improves visual organization and clarity, making the modal's purpose more immediately apparent

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
recall	Ready	Preview, Comment	Apr 3, 2026 7:20am

[coderabbitai]

Warning

Rate limit exceeded

@MinitJain has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 4 minutes and 27 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 4 minutes and 27 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: b3a97e51-1c8d-47b6-80d0-7e314a6e6fe4

📥 Commits

Reviewing files that changed from the base of the PR and between 3b812bd and af3ca42.

📒 Files selected for processing (1)

• client/src/components/DashboardClient.tsx

Note

.coderabbit.yaml has unrecognized properties

CodeRabbit is using all valid settings from your configuration. Unrecognized properties (listed below) have been ignored and may indicate typos or deprecated fields that can be removed.

⚠️ Parsing warnings (1)

Validation error: Unrecognized key(s) in object: 'instructions'

⚙️ Configuration instructions

• Please see the configuration documentation for more information.
• You can also validate your configuration using the online YAML validator.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

📝 Walkthrough

Walkthrough

Updated UI rendering in the DashboardClient component to include inline SVG icons alongside text labels for the "Surprise me" button and "Rediscovered" modal header, replacing plain text with icon-enhanced markup.

Changes

Cohort / File(s)	Summary
UI Icon Enhancements client/src/components/DashboardClient.tsx	Added inline SVG icons to the "Surprise me" button label (when not loading) and "Rediscovered" modal header. Both now render as fragments or styled spans containing both icon and text instead of plain string values.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (1 warning, 1 inconclusive)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.
Description check	❓ Inconclusive	The description covers the key aspects of the change with good detail, but the required template sections (Type of change and Checklist) are not formally completed with checkboxes marked.	Complete the required template sections: select the appropriate 'Type of change' (Bug fix) and mark the checklist items as completed or not applicable.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately reflects the main change: replacing a dice emoji with an SVG icon in the Surprise me button, which is the primary focus of the changeset.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/surprise-me-icon

---

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

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

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@client/src/components/DashboardClient.tsx`:
- Around line 379-386: Create a small reusable React component (e.g., DiceIcon)
that returns the duplicated SVG and accepts props like className, width, height,
and aria-hidden so it can be styled/accessible; then replace both inline SVG
usages inside the DashboardClient component with <DiceIcon /> (or the chosen
name) and pass through any needed attributes. Ensure the new component is
exported/defined near DashboardClient (or in a local components area) and that
both previous occurrences are updated to use the shared DiceIcon to avoid
duplication and keep styling consistent.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: 7ef24cea-59b5-436c-8c4b-0d750919f147

📥 Commits

Reviewing files that changed from the base of the PR and between 23f24fa and 3b812bd.

📒 Files selected for processing (1)

• client/src/components/DashboardClient.tsx