From f83dbd4f30db6887d46ab795f93b0a8cb3dc2f60 Mon Sep 17 00:00:00 2001
From: Gabriel Gordon-Hall <gabriel@bloop.ai>
Date: Tue, 2 Sep 2025 12:19:16 +0100
Subject: [PATCH] fix: resize project script text (#604)

* resize project script text and ensure consistent placeholder text styling

* remove placeholder styling from Input component
---
 frontend/src/components/projects/copy-files-field.tsx    | 4 ++--
 frontend/src/components/projects/project-form-fields.tsx | 6 +++---
 frontend/src/components/ui/auto-expanding-textarea.tsx   | 2 +-
 frontend/src/components/ui/input.tsx                     | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/projects/copy-files-field.tsx b/frontend/src/components/projects/copy-files-field.tsx
index 8451263a..7b266a20 100644
--- a/frontend/src/components/projects/copy-files-field.tsx
+++ b/frontend/src/components/projects/copy-files-field.tsx
@@ -22,7 +22,7 @@ export function CopyFilesField({
         placeholder="Start typing a file path... (.env, config.local.json, .local/settings.yml)"
         rows={3}
         disabled={disabled}
-        className="w-full px-3 py-2 border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
+        className="w-full px-3 py-2 text-sm border border-input bg-background text-foreground disabled:opacity-50 rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
         projectId={projectId}
         maxRows={6}
       />
@@ -37,7 +37,7 @@ export function CopyFilesField({
       placeholder=".env,config.local.json,.local/settings.yml"
       rows={3}
       disabled={disabled}
-      className="w-full px-3 py-2 border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
+      className="w-full px-3 py-2 text-sm border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
     />
   );
 }
diff --git a/frontend/src/components/projects/project-form-fields.tsx b/frontend/src/components/projects/project-form-fields.tsx
index a586bb32..0cc25045 100644
--- a/frontend/src/components/projects/project-form-fields.tsx
+++ b/frontend/src/components/projects/project-form-fields.tsx
@@ -210,7 +210,7 @@ export function ProjectFormFields({
           onChange={(e) => setSetupScript(e.target.value)}
           placeholder={placeholders.setup}
           rows={4}
-          className="w-full px-3 py-2 border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
+          className="w-full px-3 py-2 text-sm border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
         />
         <p className="text-sm text-muted-foreground">
           This script will run after creating the worktree and before the
@@ -227,7 +227,7 @@ export function ProjectFormFields({
           onChange={(e) => setDevScript(e.target.value)}
           placeholder={placeholders.dev}
           rows={4}
-          className="w-full px-3 py-2 border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
+          className="w-full px-3 py-2 text-sm border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
         />
         <p className="text-sm text-muted-foreground">
           This script can be run from task attempts to start a development
@@ -244,7 +244,7 @@ export function ProjectFormFields({
           onChange={(e) => setCleanupScript(e.target.value)}
           placeholder={placeholders.cleanup}
           rows={4}
-          className="w-full px-3 py-2 border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
+          className="w-full px-3 py-2 text-sm border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
         />
         <p className="text-sm text-muted-foreground">
           This script runs after coding agent execution{' '}
diff --git a/frontend/src/components/ui/auto-expanding-textarea.tsx b/frontend/src/components/ui/auto-expanding-textarea.tsx
index d5abd3e2..476a5d2f 100644
--- a/frontend/src/components/ui/auto-expanding-textarea.tsx
+++ b/frontend/src/components/ui/auto-expanding-textarea.tsx
@@ -55,7 +55,7 @@ const AutoExpandingTextarea = React.forwardRef<
   return (
     <textarea
       className={cn(
-        'bg-muted p-0 min-h-[80px] w-full text-sm placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto',
+        'bg-muted p-0 min-h-[80px] w-full text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto',
         className
       )}
       ref={textareaRef}
diff --git a/frontend/src/components/ui/input.tsx b/frontend/src/components/ui/input.tsx
index c7c9911e..2ff20bab 100644
--- a/frontend/src/components/ui/input.tsx
+++ b/frontend/src/components/ui/input.tsx
@@ -11,7 +11,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       <input
         type={type}
         className={cn(
-          'flex h-10 w-full border px-3 py-2 text-sm ring-offset-background file:border-0 bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',
+          'flex h-10 w-full border px-3 py-2 text-sm ring-offset-background file:border-0 bg-transparent file:text-sm file:font-medium focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',
           className
         )}
         ref={ref}