From 1220f66688af9f4259394434ca2349a012e67ade Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Mon, 23 Feb 2026 02:27:57 +0000
Subject: [PATCH 1/2] feat: replace 'No calendars found' with 'Request Access
 to Calendar' button in onboarding

Co-Authored-By: Sungbin Jo <goranmoomin@daum.net>
---
 .../src/components/onboarding/calendar.tsx    | 38 +++++++++++++++++--
 1 file changed, 35 insertions(+), 3 deletions(-)

diff --git a/apps/desktop/src/components/onboarding/calendar.tsx b/apps/desktop/src/components/onboarding/calendar.tsx
index 2cb6f1b1a6..b84531b670 100644
--- a/apps/desktop/src/components/onboarding/calendar.tsx
+++ b/apps/desktop/src/components/onboarding/calendar.tsx
@@ -1,5 +1,9 @@
+import { CalendarIcon } from "lucide-react";
 import { platform } from "@tauri-apps/plugin-os";
 
+import { Button } from "@hypr/ui/components/ui/button";
+
+import { usePermission } from "../../hooks/usePermissions";
 import { useAppleCalendarSelection } from "../main/body/calendar/apple/calendar-selection";
 import { SyncProvider } from "../main/body/calendar/apple/context";
 import { ApplePermissions } from "../main/body/calendar/apple/permission";
@@ -18,8 +22,29 @@ function AppleCalendarList() {
   );
 }
 
+function RequestCalendarAccess({
+  onRequest,
+  isPending,
+}: { onRequest: () => void; isPending: boolean }) {
+  return (
+    <div className="flex flex-col items-center justify-center py-6 px-4 border rounded-lg">
+      <CalendarIcon className="size-6 text-neutral-300 mb-2" />
+      <Button
+        variant="outline"
+        size="sm"
+        onClick={onRequest}
+        disabled={isPending}
+      >
+        Request Access to Calendar
+      </Button>
+    </div>
+  );
+}
+
 export function CalendarSection({ onContinue }: { onContinue: () => void }) {
   const isMacos = platform() === "macos";
+  const calendar = usePermission("calendar");
+  const isAuthorized = calendar.status === "authorized";
 
   return (
     <div className="flex flex-col gap-4">
@@ -27,9 +52,16 @@ export function CalendarSection({ onContinue }: { onContinue: () => void }) {
         <div className="flex flex-col gap-4">
           <ApplePermissions />
 
-          <SyncProvider>
-            <AppleCalendarList />
-          </SyncProvider>
+          {isAuthorized ? (
+            <SyncProvider>
+              <AppleCalendarList />
+            </SyncProvider>
+          ) : (
+            <RequestCalendarAccess
+              onRequest={calendar.request}
+              isPending={calendar.isPending}
+            />
+          )}
         </div>
       )}
 

From 826cfbed4083a93b7fbe473cb340557ac88c7b8b Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Mon, 23 Feb 2026 02:34:50 +0000
Subject: [PATCH 2/2] fix: dprint formatting (import order and type annotation)

Co-Authored-By: Sungbin Jo <goranmoomin@daum.net>
---
 apps/desktop/src/components/onboarding/calendar.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/components/onboarding/calendar.tsx b/apps/desktop/src/components/onboarding/calendar.tsx
index b84531b670..077a89f3ae 100644
--- a/apps/desktop/src/components/onboarding/calendar.tsx
+++ b/apps/desktop/src/components/onboarding/calendar.tsx
@@ -1,5 +1,5 @@
-import { CalendarIcon } from "lucide-react";
 import { platform } from "@tauri-apps/plugin-os";
+import { CalendarIcon } from "lucide-react";
 
 import { Button } from "@hypr/ui/components/ui/button";
 
@@ -25,7 +25,10 @@ function AppleCalendarList() {
 function RequestCalendarAccess({
   onRequest,
   isPending,
-}: { onRequest: () => void; isPending: boolean }) {
+}: {
+  onRequest: () => void;
+  isPending: boolean;
+}) {
   return (
     <div className="flex flex-col items-center justify-center py-6 px-4 border rounded-lg">
       <CalendarIcon className="size-6 text-neutral-300 mb-2" />