refactor: update ApprovalCard to use state for wasAlreadyDecided across all HITL tools

- Changed the wasAlreadyDecided variable to use useState for better state management in ApprovalCard.
- Updated multiple components including Gmail, Google Calendar, and Notion to reflect this change, ensuring consistency across the application.

surfsense_web/components/tool-ui/gmail/create-draft.tsx

@@ -129,7 +129,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | "edit" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [isPanelOpen, setIsPanelOpen] = useState(false);
 	const openHitlEditPanel = useSetAtom(openHitlEditPanelAtom);
 	const [pendingEdits, setPendingEdits] = useState<{

surfsense_web/components/tool-ui/gmail/send-email.tsx

@@ -130,7 +130,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | "edit" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [isPanelOpen, setIsPanelOpen] = useState(false);
 	const openHitlEditPanel = useSetAtom(openHitlEditPanelAtom);
 	const [pendingEdits, setPendingEdits] = useState<{

surfsense_web/components/tool-ui/gmail/trash-email.tsx

@@ -149,7 +149,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [deleteFromKb, setDeleteFromKb] = useState(false);
 
 	const account = interruptData.context?.account;

surfsense_web/components/tool-ui/google-calendar/create-event.tsx

@@ -157,7 +157,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | "edit" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [isPanelOpen, setIsPanelOpen] = useState(false);
 	const openHitlEditPanel = useSetAtom(openHitlEditPanelAtom);
 	const [pendingEdits, setPendingEdits] = useState<{

surfsense_web/components/tool-ui/google-calendar/delete-event.tsx

@@ -177,7 +177,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [deleteFromKb, setDeleteFromKb] = useState(false);
 
 	const context = interruptData.context;

surfsense_web/components/tool-ui/google-calendar/update-event.tsx

@@ -168,7 +168,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | "edit" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [isPanelOpen, setIsPanelOpen] = useState(false);
 	const openHitlEditPanel = useSetAtom(openHitlEditPanelAtom);
 	const [pendingEdits, setPendingEdits] = useState<{

surfsense_web/components/tool-ui/google-drive/create-file.tsx

@@ -134,7 +134,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | "edit" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [isPanelOpen, setIsPanelOpen] = useState(false);
 	const openHitlEditPanel = useSetAtom(openHitlEditPanelAtom);
 	const [pendingEdits, setPendingEdits] = useState<{ name: string; content: string } | null>(null);

surfsense_web/components/tool-ui/google-drive/trash-file.tsx

@@ -163,7 +163,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [deleteFromKb, setDeleteFromKb] = useState(false);
 
 	const account = interruptData.context?.account;

surfsense_web/components/tool-ui/linear/create-linear-issue.tsx

@@ -146,7 +146,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | "edit" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [isPanelOpen, setIsPanelOpen] = useState(false);
 	const openHitlEditPanel = useSetAtom(openHitlEditPanelAtom);
 	const [pendingEdits, setPendingEdits] = useState<{ title: string; description: string } | null>(null);

surfsense_web/components/tool-ui/linear/delete-linear-issue.tsx

@@ -135,7 +135,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [deleteFromKb, setDeleteFromKb] = useState(
 		typeof actionArgs.delete_from_kb === "boolean" ? actionArgs.delete_from_kb : false
 	);

surfsense_web/components/tool-ui/linear/update-linear-issue.tsx

@@ -186,7 +186,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | "edit" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [isPanelOpen, setIsPanelOpen] = useState(false);
 	const [editedArgs, setEditedArgs] = useState(initialEditState);
 	const [hasPanelEdits, setHasPanelEdits] = useState(false);

surfsense_web/components/tool-ui/notion/create-notion-page.tsx

@@ -118,7 +118,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | "edit" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [isPanelOpen, setIsPanelOpen] = useState(false);
 	const openHitlEditPanel = useSetAtom(openHitlEditPanelAtom);
 	const [pendingEdits, setPendingEdits] = useState<{ title: string; content: string } | null>(null);

surfsense_web/components/tool-ui/notion/delete-notion-page.tsx

@@ -139,7 +139,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [deleteFromKb, setDeleteFromKb] = useState(false);
 
 	const account = interruptData.context?.account;

surfsense_web/components/tool-ui/notion/update-notion-page.tsx

@@ -120,7 +120,7 @@ function ApprovalCard({
 	const [decided, setDecided] = useState<"approve" | "reject" | "edit" | null>(
 		interruptData.__decided__ ?? null
 	);
-	const wasAlreadyDecided = interruptData.__decided__ != null;
+	const [wasAlreadyDecided] = useState(() => interruptData.__decided__ != null);
 	const [isPanelOpen, setIsPanelOpen] = useState(false);
 	const openHitlEditPanel = useSetAtom(openHitlEditPanelAtom);
 	const [pendingEdits, setPendingEdits] = useState<{ content: string } | null>(null);