fix: add skeleton loader for API page first load

[rsbh]

Summary

• API pages showed blank screen while specs were being fetched on first load
• Add full-page skeleton (ApiFullSkeleton) with sidebar skeleton + two-column content skeleton matching API page layout
• Add content-only skeleton (ApiPageSkeleton) for client-side navigation loading states
• Wire isLoading from PageContext into ApiLayout and ApiPage, mirroring existing pattern in DocsPage

Test plan

• Hard refresh on /apis route — skeleton should appear briefly before specs load
• Navigate from docs to API page — skeleton shows during spec fetch
• Verify skeleton layout matches actual API page structure (two-column, sidebar groups)
• Check responsive breakpoints (mobile, tablet)

🤖 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	Jun 3, 2026 5:42am

[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 45 minutes and 5 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: fbf0b242-9ca6-4e45-b5d7-99bf160fbdce

📥 Commits

Reviewing files that changed from the base of the PR and between 5ec5fa1 and 44b9c49.

📒 Files selected for processing (5)

• packages/chronicle/src/components/api/ApiSkeleton.module.css
• packages/chronicle/src/components/api/ApiSkeleton.tsx
• packages/chronicle/src/components/api/index.ts
• packages/chronicle/src/pages/ApiLayout.tsx
• packages/chronicle/src/pages/ApiPage.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/api-skeleton-loader

---

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

[rohilsurana]

LGTM