clean chat after clarification

Author: Fr4nc3

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

@@ -24,12 +24,11 @@ const PlanChat: React.FC<PlanChatProps> = ({
   planData,
   input,
   loading,
+  setInput,
   submittingChatDisableInput,
   OnChatSubmit,
 }) => {
   const messages = planData?.messages || [];
-  const [inputValue, setInput] = useState(input);
-  const [isTyping, setIsTyping] = useState(false);
   const [showScrollButton, setShowScrollButton] = useState(false);
   const [inputHeight, setInputHeight] = useState(0);
 
@@ -61,7 +60,7 @@ const PlanChat: React.FC<PlanChatProps> = ({
     if (inputContainerRef.current) {
       setInputHeight(inputContainerRef.current.offsetHeight);
     }
-  }, [inputValue]); // or [inputValue, submittingChatDisableInput]
+  }, [input]); // or [inputValue, submittingChatDisableInput]
 
 
 
@@ -164,17 +163,17 @@ const PlanChat: React.FC<PlanChatProps> = ({
       <div ref={inputContainerRef} className="plan-chat-input-container">
         <div className="plan-chat-input-wrapper">
           <ChatInput
-            value={inputValue}
+            value={input}
             onChange={setInput}
-            onEnter={() => OnChatSubmit(inputValue)}
+            onEnter={() => OnChatSubmit(input)}
             disabledChat={
               planData.enableChat ? submittingChatDisableInput : true
             }
             placeholder="Add more info to this task..."
           >
             <Button
               appearance="transparent"
-              onClick={() => OnChatSubmit(inputValue)}
+              onClick={() => OnChatSubmit(input)}
               icon={<Send />}
               disabled={planData.enableChat ? submittingChatDisableInput : true}
             />

src/frontend_react/src/models/plan.tsx

@@ -120,6 +120,7 @@ export interface PlanChatProps {
     planData: ProcessedPlanData;
     input: string;
     loading: boolean;
+    setInput: any;
     submittingChatDisableInput: boolean;
     OnChatSubmit: (message: string) => void;
 }

src/frontend_react/src/pages/PlanPage.tsx

@@ -1,26 +1,9 @@
 import React, { useCallback, useEffect, useState } from "react";
 import { useParams, useNavigate } from "react-router-dom";
 import {
-    Button,
     Text,
-    Card,
-    CardHeader,
-    useToastController,
-    Spinner,
-    Badge,
     ToggleButton,
 } from "@fluentui/react-components";
-import {
-    Add20Regular,
-    ArrowLeft24Regular,
-    ErrorCircle24Regular,
-    Person24Regular,
-    CheckmarkCircle24Regular,
-    AlertUrgent24Regular,
-    Sparkle20Filled,
-    ChatMultipleRegular,
-    ChatMultiple20Regular,
-} from "@fluentui/react-icons";
 import "../styles/PlanPage.css";
 import CoralShellColumn from "../coral/components/Layout/CoralShellColumn";
 import CoralShellRow from "../coral/components/Layout/CoralShellRow";
@@ -209,6 +192,7 @@ const PlanPage: React.FC = () => {
                                 planData={planData}
                                 OnChatSubmit={handleOnchatSubmit}
                                 loading={loading}
+                                setInput={setInput}
                                 submittingChatDisableInput={submittingChatDisableInput}
                                 input={input}
                             />