From 3027bf02535c86be05db71865e64a713c2723197 Mon Sep 17 00:00:00 2001
From: akhisud3195 <akhileshs.s4@gmail.com>
Date: Tue, 19 Aug 2025 20:55:22 +0530
Subject: [PATCH] Move agent config description to instructions

---
 .../app/lib/components/input-field.tsx        |  9 +++--
 .../[projectId]/entities/agent_config.tsx     | 33 ++++++++++---------
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/apps/rowboat/app/lib/components/input-field.tsx b/apps/rowboat/app/lib/components/input-field.tsx
index a2b96dac..1dab3020 100644
--- a/apps/rowboat/app/lib/components/input-field.tsx
+++ b/apps/rowboat/app/lib/components/input-field.tsx
@@ -41,6 +41,7 @@ interface TextInputFieldProps extends BaseInputFieldProps {
     showSaveButton?: boolean;
     showDiscardButton?: boolean;
     immediateSave?: boolean;
+    minHeight?: string;
 }
 
 // Select input specific props
@@ -109,6 +110,7 @@ function TextInputField({
     showSaveButton = false,
     showDiscardButton = false,
     immediateSave = false,
+    minHeight,
 }: TextInputFieldProps) {
     const [isEditing, setIsEditing] = useState(false);
     const [localValue, setLocalValue] = useState(value);
@@ -248,7 +250,7 @@ function TextInputField({
 
                 {/* Input field */}
                 {mentions ? (
-                    <div className="w-full min-h-[300px]">
+                    <div className="w-full" style={minHeight ? { minHeight } : { minHeight: '300px' }}>
                         <MentionsEditor
                             atValues={mentionsAtValues}
                             value={localValue}
@@ -326,10 +328,11 @@ function TextInputField({
                         "cursor-pointer hover:border-gray-300 dark:hover:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-800": !locked && !disabled,
                         "cursor-not-allowed opacity-60": locked || disabled,
                         "border-0 bg-transparent p-0": inline,
-                        "min-h-[300px]": multiline,
-                        "min-h-[40px]": !multiline,
+                        "min-h-[300px]": multiline && !minHeight,
+                        "min-h-[40px]": !multiline && !minHeight,
                     }
                 )}
+                style={minHeight ? { minHeight } : undefined}
                 onClick={() => !locked && !disabled && setIsEditing(true)}
             >
                 {/* Content */}
diff --git a/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx b/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx
index 6f6c332a..f44432f4 100644
--- a/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx
+++ b/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx
@@ -319,6 +319,22 @@ export function AgentConfig({
                                 </div>
                             ) : (
                                 <div className="space-y-6">
+                                    {/* Description Section */}
+                                    <div className="space-y-2">
+                                        <label className={sectionHeaderStyles}>Description</label>
+                                        <InputField
+                                            type="text"
+                                            value={agent.description || ""}
+                                            onChange={(value: string) => {
+                                                handleUpdate({ ...agent, description: value });
+                                                showSavedMessage();
+                                            }}
+                                            multiline={true}
+                                            placeholder="Enter a description for this agent"
+                                            minHeight="40px"
+                                            className="w-full"
+                                        />
+                                    </div>
                                     {/* Instructions Section */}
                                     <div className="space-y-2">
                                         <div className="flex items-center justify-between">
@@ -493,22 +509,7 @@ export function AgentConfig({
                                             />
                                         </div>
                                     </div>
-                                    <div className="flex flex-col md:flex-row md:items-start gap-1 md:gap-0">
-                                        <label className="text-sm font-semibold text-gray-600 dark:text-gray-300 md:w-32 mb-1 md:mb-0 md:pr-4">Description</label>
-                                        <div className="flex-1">
-                                            <InputField
-                                                type="text"
-                                                value={agent.description || ""}
-                                                onChange={(value: string) => {
-                                                    handleUpdate({ ...agent, description: value });
-                                                    showSavedMessage();
-                                                }}
-                                                multiline={true}
-                                                placeholder="Enter a description for this agent"
-                                                className="w-full"
-                                            />
-                                        </div>
-                                    </div>
+
                                 </div>
                             </SectionCard>
                             {/* Behavior Section Card */}