Minor changes

- Disabled input field option
- Chat icon in PlanPage
- AI-generated type fixed
- Fluent foreground color on user message light mode

Author: Eunsoo Lee

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

@@ -62,6 +62,9 @@ const ChatInput: React.FC<ChatInputProps> = ({
           position: "relative",
           boxSizing: "border-box",
           overflow: "hidden",
+   
+    opacity: disabledChat ? 0.3 : 1,
+    pointerEvents: disabledChat ? "none" : "auto",
         }}
       >
         <textarea
@@ -143,7 +146,7 @@ const ChatInput: React.FC<ChatInputProps> = ({
           textAlign: "center",
         }}
       >
-        <Caption1>AI-Generated content may be incorrect</Caption1>
+        <Caption1>AI-generated content may be incorrect</Caption1>
       </div>
     </div>
   );

src/frontend_react/src/pages/PlanPage.tsx

@@ -18,6 +18,8 @@ import {
     CheckmarkCircle24Regular,
     AlertUrgent24Regular,
     Sparkle20Filled,
+    ChatMultipleRegular,
+    ChatMultiple20Regular,
 } from "@fluentui/react-icons";
 import "../styles/PlanPage.css";
 import CoralShellColumn from "../coral/components/Layout/CoralShellColumn";
@@ -190,7 +192,7 @@ const PlanPage: React.FC = () => {
                         <>
                             <ContentToolbar
                                 panelTitle={planData?.plan?.initial_goal || "Plan Details"}
-                                panelIcon={<Sparkle20Filled />}
+                                panelIcon={<ChatMultiple20Regular />}
                             >
                                 <PanelRightToggles>
                                     <ToggleButton

src/frontend_react/src/styles/Chat.css

@@ -126,7 +126,7 @@
 
   .user {
     background-color: var(--colorBrandBackground2);
-    color: var(--colorNeutralForegroundOn2);
+    color: var(--colorNeutralForeground1);
     align-self: flex-end;
     padding: 2px 16px;
     border-radius: 6px;