From 98e5265ae67447ae9ea7e326fbe70a5ca702ed22 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 23 Apr 2026 21:33:48 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/tasks/task-detail-panel.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/tasks/task-detail-panel.tsx b/src/components/tasks/task-detail-panel.tsx
index cefb154..cead925 100644
--- a/src/components/tasks/task-detail-panel.tsx
+++ b/src/components/tasks/task-detail-panel.tsx
@@ -29,7 +29,14 @@ import {
 import { Calendar } from "@/components/ui/calendar";
 import { toast } from "sonner";
 import { spawnNextWorkflowTask } from "@/lib/workflow-chain";
-import { Loader2, Plus, Trash2, X, CalendarIcon, UserPlus } from "lucide-react";
+import { Loader2, Plus, Trash2, X, CalendarIcon, UserPlus, Bell } from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from "@/components/ui/dialog";
 import { format } from "date-fns";
 import type { Database } from "@/integrations/supabase/types";
 import { cn } from "@/lib/utils";
@@ -111,6 +118,13 @@ export function TaskDetailPanel({
   const [editTitle, setEditTitle] = useState("");
   const [editDescription, setEditDescription] = useState("");
   const [showAssignPicker, setShowAssignPicker] = useState(false);
+  const [reminders, setReminders] = useState<any[]>([]);
+  const [reminderOpen, setReminderOpen] = useState(false);
+  const [reminderDate, setReminderDate] = useState<string>("");
+  const [reminderTime, setReminderTime] = useState<string>("09:00");
+  const [reminderEmail, setReminderEmail] = useState<string>("");
+  const [reminderNote, setReminderNote] = useState<string>("");
+  const [savingReminder, setSavingReminder] = useState(false);
 
   const load = useCallback(async () => {
     if (!taskId) return;