feat: add calendar cache status and actions (#22532)

[akshayutture-augment]

Test 1

---

Replicated from ai-code-review-evaluation/cal.com-greptile#11

[greptile-apps]

Your free trial has ended. If you'd like to continue receiving code reviews, you can add a payment method here.

[akshayutture-augment]

@greptileai

[greptile-apps]

Greptile Overview

Confidence Score: 4/5

• This PR is mostly safe to merge with one logical issue that needs fixing
• Score reflects well-structured implementation with proper authorization checks, database migrations, and UI integration. The missing cache invalidation callback is a critical issue that could cause stale UI state after cache deletion, preventing this from being a 5/5. The fix is straightforward - adding an onSettled callback to match the existing pattern.
• packages/features/apps/components/CredentialActionsDropdown.tsx requires cache invalidation fix

Important Files Changed

File Analysis

Filename	Score	Overview
packages/trpc/server/routers/viewer/calendars/deleteCache.handler.ts	4/5	New handler to delete calendar cache by credential ID with proper authorization check
packages/features/apps/components/CredentialActionsDropdown.tsx	4/5	New dropdown component for credential actions with cache deletion and disconnect options
packages/trpc/server/routers/viewer/calendars/connectedCalendars.handler.ts	5/5	Enhanced to include cache status by querying CalendarCache updatedAt timestamps
packages/features/calendar-cache/calendar-cache.repository.ts	5/5	Added getCacheStatusByCredentialIds method using Prisma groupBy to fetch latest cache timestamps
packages/app-store/googlecalendar/lib/CalendarService.ts	4/5	Updates SelectedCalendar.updatedAt after syncing calendars to track last sync time

Sequence Diagram

sequenceDiagram
    participant User
    participant UI as CredentialActionsDropdown
    participant tRPC as tRPC Router
    participant Handler as deleteCache.handler
    participant Prisma as Database
    participant Cache as CalendarCache

    Note over User,Cache: View Cache Status Flow
    User->>UI: Opens calendar settings
    UI->>tRPC: connectedCalendars.query()
    tRPC->>Handler: connectedCalendarsHandler()
    Handler->>Cache: getCacheStatusByCredentialIds()
    Cache->>Prisma: groupBy credentialId, max(updatedAt)
    Prisma-->>Cache: Cache timestamps
    Cache-->>Handler: Cache status map
    Handler-->>tRPC: Connected calendars + cache status
    tRPC-->>UI: Display cache "Last updated" info
    UI-->>User: Shows cache status in dropdown

    Note over User,Cache: Delete Cache Flow
    User->>UI: Clicks "Delete cached data"
    UI->>UI: Shows confirmation dialog
    User->>UI: Confirms deletion
    UI->>tRPC: deleteCache.mutate({ credentialId })
    tRPC->>Handler: deleteCacheHandler({ credentialId })
    Handler->>Prisma: Check credential ownership
    Prisma-->>Handler: Credential found
    Handler->>Prisma: deleteMany CalendarCache by credentialId
    Prisma-->>Handler: Cache deleted
    Handler-->>tRPC: { success: true }
    tRPC-->>UI: onSuccess callback
    UI->>UI: onSuccess() refetch
    UI->>User: Shows success toast
    UI->>tRPC: Re-query connectedCalendars
    tRPC-->>UI: Updated cache status (null)

    Note over User,Cache: Sync Calendar Flow
    User->>tRPC: Syncs Google Calendar
    tRPC->>Cache: syncCalendars()
    Cache->>Cache: fetchAvailability()
    Cache->>Prisma: upsert CalendarCache
    Prisma-->>Cache: Cache updated with new updatedAt
    Cache->>Prisma: updateManyByCredentialId SelectedCalendar
    Prisma-->>Cache: SelectedCalendar.updatedAt updated
    Cache-->>tRPC: Sync complete

Loading

[greptile-apps]

_{17 files reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}

[greptile-apps]

logic: missing cache invalidation in onSettled

Suggested change

	const deleteCacheMutation = trpc.viewer.calendars.deleteCache.useMutation({
	onSuccess: () => {
	showToast(t("cache_deleted_successfully"), "success");
	onSuccess?.();
	},
	onError: () => {
	showToast(t("error_deleting_cache"), "error");
	},
	});
	const deleteCacheMutation = trpc.viewer.calendars.deleteCache.useMutation({
	onSuccess: () => {
	showToast(t("cache_deleted_successfully"), "success");
	onSuccess?.();
	},
	onError: () => {
	showToast(t("error_deleting_cache"), "error");
	},
	async onSettled() {
	await utils.viewer.calendars.connectedCalendars.invalidate();
	},
	});

Prompt To Fix With AI

This is a comment left during a code review.
Path: packages/features/apps/components/CredentialActionsDropdown.tsx
Line: 42:50

Comment:
**logic:** missing cache invalidation in `onSettled`

```suggestion
  const deleteCacheMutation = trpc.viewer.calendars.deleteCache.useMutation({
    onSuccess: () => {
      showToast(t("cache_deleted_successfully"), "success");
      onSuccess?.();
    },
    onError: () => {
      showToast(t("error_deleting_cache"), "error");
    },
    async onSettled() {
      await utils.viewer.calendars.connectedCalendars.invalidate();
    },
  });
```

How can I resolve this? If you propose a fix, please make it concise.