claude-ws 0.1.16 → 0.1.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-ws",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "private": false,
   "description": "A beautifully crafted workspace interface for Claude Code with real-time streaming and local SQLite database",
   "keywords": [
@@ -133,7 +133,9 @@
     "vscode-icons-js": "^11.6.1",
     "zustand": "^5.0.9",
     "@tailwindcss/postcss": "^4",
-    "tailwindcss": "^4"
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1.4.0",
+    "drizzle-kit": "^0.31.8"
   },
   "devDependencies": {
     "@types/adm-zip": "^0.5.7",
@@ -141,9 +143,7 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "drizzle-kit": "^0.31.8",
     "eslint": "^9",
-    "eslint-config-next": "^16.1.3",
-    "tw-animate-css": "^1.4.0"
+    "eslint-config-next": "^16.1.3"
   }
 }

package/src/components/kanban/create-task-dialog.tsx

@@ -228,11 +228,13 @@ export function CreateTaskDialog({ open, onOpenChange, onTaskCreated }: CreateTa
               key={open ? `create-task-input-${tempTaskId}` : 'closed'}
               onSubmit={() => handleSubmit(false)}
               onChange={setChatPrompt}
-              placeholder="Describe what you want Claude to do... (type / for commands)"
+              placeholder="Type / for commands..."
               disabled={isSubmitting}
               hideSendButton
               hideStats
               taskId={tempTaskId}
+              minRows={2}
+              maxRows={4}
             />
           </div>
 

package/src/components/task/prompt-input.tsx

@@ -33,6 +33,8 @@ interface PromptInputProps {
   hideStats?: boolean;
   onChange?: (prompt: string) => void;
   initialValue?: string;
+  minRows?: number;
+  maxRows?: number;
 }
 
 export const PromptInput = forwardRef<PromptInputRef, PromptInputProps>(({
@@ -47,6 +49,8 @@ export const PromptInput = forwardRef<PromptInputRef, PromptInputProps>(({
   hideStats = false,
   onChange,
   initialValue,
+  minRows = 1,
+  maxRows = 5,
 }, ref) => {
   const [prompt, setPrompt] = useState(initialValue || '');
   const [showCommands, setShowCommands] = useState(false);
@@ -461,11 +465,15 @@ export const PromptInput = forwardRef<PromptInputRef, PromptInputProps>(({
                 }}
                 placeholder={placeholder}
                 disabled={disabled}
-                rows={1}
-                className="min-h-[40px] max-h-[120px] resize-none w-full min-w-0 break-words overflow-y-auto overflow-x-hidden border-0 rounded-none focus-visible:ring-0 focus-visible:ring-offset-0 text-sm"
+                rows={minRows}
+                className="resize-none w-full min-w-0 break-words overflow-y-auto overflow-x-hidden border-0 rounded-none focus-visible:ring-0 focus-visible:ring-offset-0 text-sm"
                 style={{
                   fontSize: '14px',
-                  fieldSizing: 'content',
+                  // Only use fieldSizing when minRows is 1 (auto-sizing from 1 row)
+                  // Otherwise respect the minRows setting
+                  ...(minRows === 1 ? { fieldSizing: 'content' } : {}),
+                  minHeight: `${minRows * 24 + 16}px`,
+                  maxHeight: `${maxRows * 24 + 16}px`,
                 } as React.CSSProperties}
               />
             </div>