diff --git a/app/w/components/workflow-block/sub-block/components/long-input.tsx b/app/w/components/workflow-block/sub-block/components/long-input.tsx
index a7911a61d7..c4f6f5eae5 100644
--- a/app/w/components/workflow-block/sub-block/components/long-input.tsx
+++ b/app/w/components/workflow-block/sub-block/components/long-input.tsx
@@ -1,5 +1,20 @@
 import { Textarea } from '@/components/ui/textarea'
+import { useState } from 'react'
 
-export function LongInput() {
-  return <Textarea className="w-full resize-none" rows={3} />
+interface LongInputProps {
+  placeholder?: string
+}
+
+export function LongInput({ placeholder }: LongInputProps) {
+  const [value, setValue] = useState('')
+
+  return (
+    <Textarea
+      className="w-full resize-none placeholder:text-muted-foreground/50"
+      rows={3}
+      placeholder={placeholder ?? ''}
+      value={value}
+      onChange={(e) => setValue(e.target.value)}
+    />
+  )
 }
diff --git a/app/w/components/workflow-block/sub-block/components/short-input.tsx b/app/w/components/workflow-block/sub-block/components/short-input.tsx
index 4358ce040f..e7f18751ac 100644
--- a/app/w/components/workflow-block/sub-block/components/short-input.tsx
+++ b/app/w/components/workflow-block/sub-block/components/short-input.tsx
@@ -12,7 +12,7 @@ export function ShortInput({ placeholder, password }: ShortInputProps) {
 
   return (
     <Input
-      className="w-full"
+      className="w-full placeholder:text-muted-foreground/50"
       placeholder={placeholder ?? ''}
       type={password && !isFocused ? 'password' : 'text'}
       value={value}
diff --git a/app/w/components/workflow-block/sub-block/sub-block.tsx b/app/w/components/workflow-block/sub-block/sub-block.tsx
index 12598bbabd..5e89d01137 100644
--- a/app/w/components/workflow-block/sub-block/sub-block.tsx
+++ b/app/w/components/workflow-block/sub-block/sub-block.tsx
@@ -26,7 +26,7 @@ export function SubBlock({ config }: SubBlockProps) {
           />
         )
       case 'long-input':
-        return <LongInput />
+        return <LongInput placeholder={config.placeholder} />
       case 'dropdown':
         return (
           <div onMouseDown={handleMouseDown}>
diff --git a/blocks/configs/agent.ts b/blocks/configs/agent.ts
index 2f95fd568e..ce7dcada4a 100644
--- a/blocks/configs/agent.ts
+++ b/blocks/configs/agent.ts
@@ -24,11 +24,13 @@ export const AgentBlock: BlockConfig = {
         title: 'System Prompt',
         type: 'long-input',
         layout: 'full',
+        placeholder: 'Enter prompt',
       },
       {
         title: 'Context',
         type: 'short-input',
         layout: 'full',
+        placeholder: 'Enter text',
       },
       {
         title: 'Model',
diff --git a/blocks/configs/api.ts b/blocks/configs/api.ts
index 999e666f64..16a74e4989 100644
--- a/blocks/configs/api.ts
+++ b/blocks/configs/api.ts
@@ -26,6 +26,7 @@ export const ApiBlock: BlockConfig = {
         title: 'URL',
         type: 'short-input',
         layout: 'full',
+        placeholder: 'Enter URL',
       },
       {
         title: 'Method',