fix: redesign search dialog to match Figma

[rsbh]

Summary

• Redesign search dialog to match Figma specs
• Result items show breadcrumb path (section > method badge + title) with snippet below
• Icons reduced to 16px, CodeBracket icon for API results
• Floating shadow using --rs-shadow-floating token
• Extracted SearchResultItem component

Changes

• search.tsx — new SearchResultItem component, breadcrumb layout, updated icons
• search.module.css — 12px radius, floating shadow, breadcrumb styles, 16px icons, updated padding/spacing

Test plan

• Search dialog opens with Cmd+K
• Results show breadcrumb + snippet layout
• API results show CodeBracket icon + method badge in breadcrumb
• Query highlighting works in title and snippet
• Build and tests pass

🤖 Generated with Claude Code

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
chronicle	Ready	Preview, Comment	May 26, 2026 4:47am

[coderabbitai]

Warning

Review limit reached

@rsbh, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 19 minutes and 52 seconds. Learn how PR review limits work.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more reviews become available, 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 include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: e12a7e9c-8992-43c2-92f3-23403f48a341

📥 Commits

Reviewing files that changed from the base of the PR and between f2a6ea5 and cbb5023.

📒 Files selected for processing (4)

• packages/chronicle/src/components/ui/search.module.css
• packages/chronicle/src/components/ui/search.tsx
• packages/chronicle/src/server/api/search.ts
• packages/chronicle/src/types/content.ts

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/search-dialog-design

---

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.}