Now let me read the rest of the github-year-view.tsx to see the cell rendering and also read more context:

Now I have a complete picture. Let me implement all the requested features:

1. Clerk Provider + proxy.ts for authentication
2. Data Status Banner at top of calendar
3. Centered scaled heat squares in cells
4. DayDetailSheet component

Now let me update the GitHubYearView with all the requested features:

Now let me update the component body to add the banner, updated heat squares, and day click handling:

Now let me update the return statement to add the banner and update cell rendering:

Now let me update the cell rendering to add centered heat squares and click handler:

Now let me add the click handler to the cell and add the DayDetailSheet at the end:

The autofix made some changes. Let me read the file to check the state and add the closing tag and DayDetailSheet:

The DayDetailSheet was already added correctly. Now let me check if the GitHubDayTooltip wrapper needs to be closed properly - let me check that section:

The autofixer removed the GitHubDayTooltip wrapper. Let me add it back properly:

Now let me update the AnnualCalendar to pass the sync props to GitHubYearView:

I've implemented all the requested features:

1. Clerk Provider + proxy.ts - Added ClerkProvider wrapper in layout.tsx and created proxy.ts (the new middleware) with proper route matching for public/protected routes.

2. Data Status Banner - Added at the top of the GitHub calendar view:

   • Amber banner with AlertCircle when using mock data, with "Connect GitHub" button
   • Emerald banner showing last synced timestamp with "Refresh" button when using real data

3. Centered Scaled Heat Squares - Updated cell visualization:

   • Squares are now absolutely centered using inset-0 flex items-center justify-center
   • Size scales by contribution level: 12px, 16px, 20px, 24px
   • Shows commit count below the square for days with 5+ commits

4. DayDetailSheet Component - New slide-in sheet when clicking any day cell:

   • Shows full date with weekday, activity level label, weekend badge
   • Prev/Next navigation with "Day X · Week Y" indicator
   • Streak banner when day is part of current streak
   • Stats grid with commits (% vs avg), net lines (% of year), lines added/deleted, PRs
   • Repos worked on with color-coded tags
   • Empty state for no-contribution days
   • "View on GitHub" button linking to the specific date
5. Month Badge Styling - Updated to be theme-aware with bg-zinc-900 dark:bg-white and positioned exactly at top-0 left-0 with no border-radius.

Now let me update the annual-calendar.tsx with all the requested changes:

Now let me update the GitHub year view to remove swimlanes from demo data and ensure the DayDetailSheet is properly integrated:

Now let me find where the swimlanes are rendered and conditionally hide them when using mock data:

Now I'll update the swimlanes to only show when not using mock data:

Good, the swimlanes are now conditionally rendered. The closing parenthesis was added correctly. Now let me also ensure the DayDetailSheet component has access to the improved interface. Let me check the current implementation to make sure it aligns with the user's provided example:

The DayDetailSheet is already implemented. Let me verify the component looks correct by checking more of it:

The DayDetailSheet component is already fully implemented with all the features from the user's example. All changes are complete. Let me provide a summary:

I've implemented the following changes:

1. IntegrationStatus component - Created components/integration-status.tsx with a dropdown showing GitHub and Google Calendar connection status, user profile, sync buttons, and sign-in/sign-out functionality. Added accompanying /api/auth/status route.
2. Header integration - Added IntegrationStatus to the header next to the theme toggle, passing GitHub sync props.
3. Default view changed - Set viewMode default to "github" instead of "calendar".
4. Calendar view warning banner - Added an amber warning banner for the calendar view explaining that it shows demo data and the GitHub App is under review.
5. Swimlanes hidden for mock data - Wrapped the swimlanes overlay in {!isUsingMockData && (...)} so they only appear when using real GitHub data.
6. DayDetailSheet - Already implemented with full stats (commits, lines added/deleted, PRs), navigation, streak banner, repos worked on, and "View on GitHub" link.