logs for debugs, and logic for the approve reject flow

Author: Fr4nc3

src/frontend_react/src/api/apiClient.tsx

@@ -81,7 +81,7 @@ const fetchWithoutAuth = async (url: string, method: string = "POST", body: Body
             const errorText = await response.text();
             throw new Error(errorText || 'Login failed');
         }
-
+        console.log('response', response);
         const isJson = response.headers.get('content-type')?.includes('application/json');
         return isJson ? await response.json() : null;
     } catch (error) {

src/frontend_react/src/components/content/HomeInput.tsx

@@ -46,7 +46,7 @@ const HomeInput: React.FC<HomeInputProps> = ({
     const handleSubmit = async () => {
         if (input.trim()) {
             setSubmitting(true);
-            showToast("Creating a plan..", "progress", { dismissible: false });
+            showToast("Creating a plan..", "progress");
             try {
                 const response = await TaskService.submitInputTask(input.trim());
 

src/frontend_react/src/components/content/PlanChat.tsx

@@ -117,7 +117,7 @@ const PlanChat: React.FC<PlanChatProps> = ({
                     >
                         <Button
                             appearance="transparent"
-                            onClick={sendMessage}
+                            onClick={() => OnChatSubmit(inputValue)}
                             icon={<Send />}
                             disabled={!planData?.enableChat}
                         />

src/frontend_react/src/pages/PlanPage.tsx

@@ -51,6 +51,7 @@ const PlanPage: React.FC = () => {
         if (!planId) return;
 
         try {
+            setInput(""); // Clear input on new load
             setPlanData(null);
             setLoading(true);
             setError(null);
@@ -87,14 +88,20 @@ const PlanPage: React.FC = () => {
     // Accept chat input and submit clarification
     const handleOnchatSubmit = useCallback(
         async (chatInput: string) => {
+            console.log('handleOnchatSubmit called with input:', chatInput);
+            if (!chatInput.trim()) {
+                showToast("Please enter a clarification", "error");
+                return;
+            }
             if (!planData?.plan) return;
-            showToast("Submitting clarification...", "progress", { dismissible: false });
+            showToast("Submitting clarification...", "progress");
             try {
                 await PlanDataService.submitClarification(
                     planData.plan.id, // plan_id
                     planData.plan.session_id, // session_id
                     chatInput // human_clarification
                 );
+                setInput(""); // Clear input after submission
                 showToast("Clarification submitted successfully", "success");
                 await loadPlanData2();
             } catch (error) {
@@ -110,7 +117,7 @@ const PlanPage: React.FC = () => {
     // Move handlers here to fix dependency order
     const handleApproveStep = useCallback(async (step: Step) => {
         setProcessingSubtaskId(step.id);
-        showToast("Submitting approval...", "progress", { dismissible: false });
+        showToast("Submitting approval...", "progress");
         try {
             await PlanDataService.approveStep(step);
             showToast("Step approved successfully", "success");
@@ -126,7 +133,7 @@ const PlanPage: React.FC = () => {
 
     const handleRejectStep = useCallback(async (step: Step) => {
         setProcessingSubtaskId(step.id);
-        showToast("Submitting rejection...", "progress", { dismissible: false });
+        showToast("Submitting rejection...", "progress");
         try {
             await PlanDataService.rejectStep(step);
             showToast("Step rejected successfully", "success");