excel fixes

Author: Fr4nc3

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 task...", "progress", { dismissible: false });
+            showToast("Creating a plan..", "progress", { dismissible: false });
             try {
                 const response = await TaskService.submitInputTask(input.trim());
 
@@ -55,7 +55,7 @@ const HomeInput: React.FC<HomeInputProps> = ({
                     textareaRef.current.style.height = "auto";
                 }
 
-                showToast("Task created!", "success");
+                showToast("Plan created!", "success");
                 navigate(`/plan/${response.plan_id}`);
                 console.log('Task response', response);
                 if (response.plan_id != null) {
@@ -64,10 +64,10 @@ const HomeInput: React.FC<HomeInputProps> = ({
                 } else {
                     // plan_id is not valid, handle accordingly
                     console.log('Invalid plan:', response.status);
-                    showToast("Failed to create task", "error");
+                    showToast("Failed to create plan", "error");
                 }
             } catch (error) {
-                console.error("Failed to create task:", error);
+                console.error("Failed to create plan:", error);
                 showToast("Something went wrong", "error");
             } finally {
                 setSubmitting(false);

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

@@ -14,11 +14,12 @@ import "../../styles/prism-material-oceanic.css"
 import InlineToaster from "../toast/InlineToaster";
 const PlanChat: React.FC<PlanChatProps> = ({
     planData,
+    input,
     loading,
     OnChatSubmit
 }) => {
     // const [messages, setMessages] = useState<{ role: string; content: string }[]>([]);
-    const [input, setInput] = useState("");
+    const [inputValue, setInput] = useState(input);
     const [isTyping, setIsTyping] = useState(false);
     const [showScrollButton, setShowScrollButton] = useState(false);
     const [inputHeight, setInputHeight] = useState(0);
@@ -30,7 +31,6 @@ const PlanChat: React.FC<PlanChatProps> = ({
     const scrollToBottom = () => {
     };
     const clearChat = async () => {
-        setInput("");
         setCurrentConversationId(undefined);
     };
     return (
@@ -86,16 +86,17 @@ const PlanChat: React.FC<PlanChatProps> = ({
                     <div ref={inputContainerRef} className="plan-chat-input-container">
                         <div className="plan-chat-input-wrapper">
                             <ChatInput
-                                value={input}
+                                value={inputValue}
                                 onChange={setInput}
-                                onEnter={() => OnChatSubmit(input)}
-                                disabledChat={!planData.hasHumanClarificationRequest}
+                                onEnter={() => OnChatSubmit(inputValue)}
+                                disabledChat={!planData.enableChat}
+                                placeholder="Add more info to this task..."
                             >
                                 <Button
                                     appearance="transparent"
-                                    onClick={() => OnChatSubmit(input)}
+                                    onClick={() => OnChatSubmit(inputValue)}
                                     icon={<Send />}
-                                    disabled={!planData?.hasHumanClarificationRequest && (!input.trim())}
+                                    disabled={!planData?.enableChat && (!input.trim())}
                                 />
 
                             </ChatInput>

src/frontend_react/src/components/content/TaskDetails.tsx

@@ -96,7 +96,7 @@ const TaskDetails: React.FC<TaskDetailsProps> = ({
                         const { description, functionOrDetails } = TaskService.splitSubtaskAction(
                             subtask.action
                         );
-                        const canInteract = planData.plan.human_clarification_response !== null
+                        const canInteract = planData.enableStepButtons;
 
                         return (<div key={subtask.id} className="task-details-subtask-item">
                             <div className="task-details-status-icon">

src/frontend_react/src/coral/modules/ChatInput.tsx

@@ -106,7 +106,11 @@ const ChatInput: React.FC<ChatInputProps> = ({
                         maxHeight: "32px",
                     }}
                 >
-
+                    <FluentTooltip content="AI-generated content may be incorrect." relationship="label">
+                        <Tag appearance="filled" size="small">
+                            AI Generated
+                        </Tag>
+                    </FluentTooltip>
                     <HeaderTools>
                         {children}
                     </HeaderTools>

src/frontend_react/src/models/plan.tsx

@@ -109,12 +109,16 @@ export interface ProcessedPlanData {
     plan: PlanWithSteps;
     agents: AgentType[];
     steps: Step[];
-    hasHumanClarificationRequest: boolean;
+    hasClarificationRequest: boolean;
+    hasClarificationResponse: boolean;
+    enableChat: boolean;
+    enableStepButtons: boolean;
     messages: PlanMessage[];
 }
 
 export interface PlanChatProps {
     planData: ProcessedPlanData;
+    input: string;
     loading: boolean;
     OnChatSubmit: (message: string) => void;
 }

src/frontend_react/src/pages/PlanPage.tsx

@@ -38,7 +38,7 @@ const PlanPage: React.FC = () => {
     const { planId } = useParams<{ planId: string }>();
     const navigate = useNavigate();
     const { showToast } = useInlineToaster();
-
+    const [input, setInput] = useState("");
     // State for plan data
     const [planData, setPlanData] = useState<ProcessedPlanData | any>(null);
     const [loading, setLoading] = useState<boolean>(true);
@@ -51,9 +51,9 @@ const PlanPage: React.FC = () => {
         if (!planId) return;
 
         try {
+            setPlanData(null);
             setLoading(true);
             setError(null);
-
             const data = await PlanDataService.fetchPlanData(planId);
             console.log('Fetched plan data:', data);
             setPlanData(data);
@@ -66,6 +66,7 @@ const PlanPage: React.FC = () => {
     }, [planId]);
 
     const loadPlanData2 = useCallback(async () => {
+        console.log('loadPlanData2 called with planId:', planId);
         if (!planId) return;
 
         try {
@@ -94,9 +95,13 @@ const PlanPage: React.FC = () => {
                     planData.plan.session_id, // session_id
                     chatInput // human_clarification
                 );
+                showToast("Clarification submitted successfully", "success");
                 await loadPlanData2();
             } catch (error) {
+                showToast("Failed to submit clarification", "error");
                 console.error('Failed to submit clarification:', error);
+            } finally {
+                setInput(""); // Clear input after submission
             }
         },
         [planData, loadPlanData2]
@@ -108,8 +113,11 @@ const PlanPage: React.FC = () => {
         showToast("Submitting approval...", "progress", { dismissible: false });
         try {
             await PlanDataService.approveStep(step);
+            showToast("Step approved successfully", "success");
             await loadPlanData2();
         } catch (error) {
+            showToast("Failed to approve step", "error");
+            // Log the error for debugging
             console.error('Failed to reject step:', error);
         } finally {
             setProcessingSubtaskId(null);
@@ -121,8 +129,10 @@ const PlanPage: React.FC = () => {
         showToast("Submitting rejection...", "progress", { dismissible: false });
         try {
             await PlanDataService.rejectStep(step);
+            showToast("Step rejected successfully", "success");
             await loadPlanData2();
         } catch (error) {
+            showToast("Failed to reject step", "error");
             console.error('Failed to reject step:', error);
         } finally {
             setProcessingSubtaskId(null);
@@ -161,6 +171,7 @@ const PlanPage: React.FC = () => {
                         planData={planData}
                         OnChatSubmit={handleOnchatSubmit}
                         loading={loading}
+                        input={input}
                     />
 
 

src/frontend_react/src/services/PlanDataService.tsx

@@ -42,14 +42,18 @@ export class PlanDataService {    /**
         const steps = plan.steps;
 
         // Check if human_clarification_request is not null
-        const hasHumanClarificationRequest = plan.human_clarification_request != null &&
-            plan.human_clarification_request.trim().length > 0;
-
+        const hasClarificationRequest = plan.human_clarification_request != null && plan.human_clarification_request.trim().length > 0;
+        const hasClarificationResponse = plan.human_clarification_response != null && plan.human_clarification_response.trim().length > 0;
+        const enableChat = hasClarificationRequest && !hasClarificationResponse;
+        const enableStepButtons = hasClarificationRequest && hasClarificationResponse;
         return {
             plan,
             agents,
             steps,
-            hasHumanClarificationRequest,
+            hasClarificationRequest,
+            hasClarificationResponse,
+            enableChat,
+            enableStepButtons,
             messages
         };
     }
@@ -127,6 +131,11 @@ export class PlanDataService {    /**
      * @returns Promise with API response
      */
     static async submitClarification(planId: string, sessionId: string, clarification: string) {
-        return apiService.submitClarification(planId, sessionId, clarification);
+        try {
+            return apiService.submitClarification(planId, sessionId, clarification);
+        } catch (error) {
+            console.error('Failed to submit clarification:', error);
+            throw error;
+        }
     }
 }