@synergenius/flow-weaver-pack-weaver 0.9.62 → 0.9.78

package/src/ui/task-create-form.tsx

@@ -1,14 +1,13 @@
 /**
- * TaskCreateForm — manual task creation form for the swarm dashboard.
+ * TaskCreateForm — single-line task creation input for the swarm dashboard.
  *
- * Collapsible form that lets users create tasks with title, description,
- * and priority. Calls fw_weaver_task_create via pack workspace callTool.
+ * Minimal: one input + one button. Type a title, hit Enter or click Create.
+ * Description, priority, assignment can be edited after creation via task detail.
  */
-const React = require('react');
+import React from 'react';
+import { Flex, Input, IconButton, toast, usePackWorkspace } from '@fw/plugin-ui-kit';
+
 const { useState, useCallback } = React;
-const {
-  Flex, Typography, Input, Button, toast, usePackWorkspace,
-} = require('@fw/plugin-ui-kit');
 
 // ---------------------------------------------------------------------------
 // Types
@@ -37,141 +36,52 @@ function TaskCreateForm({ onTaskCreated }: TaskCreateFormProps) {
   const ctx = usePackWorkspace();
   const { callTool } = ctx;
 
-  // Collapse state — starts hidden
-  const [open, setOpen] = useState(false);
-
-  // Form fields
   const [title, setTitle] = useState('');
-  const [description, setDescription] = useState('');
-  const [priority, setPriority] = useState('0');
-
-  // Loading state
   const [creating, setCreating] = useState(false);
 
-  const toggleOpen = useCallback(() => setOpen((v: boolean) => !v), []);
-
   const handleCreate = useCallback(async () => {
-    const trimmedTitle = title.trim();
-    if (!trimmedTitle) {
-      toast('Title is required', { type: 'error' });
-      return;
-    }
+    const trimmed = title.trim();
+    if (!trimmed) return;
 
     setCreating(true);
     try {
-      const raw = await callTool('fw_weaver_task_create', {
-        title: trimmedTitle,
-        description: description.trim() || undefined,
-        priority: Number(priority) || 0,
-      });
-      const result = parseToolResult(raw) as { task?: { id: string; title: string } };
-      const taskTitle = result?.task?.title ?? trimmedTitle;
-      toast(`Task created: ${taskTitle}`, { type: 'success' });
-
-      // Reset form
+      const raw = await callTool('fw_weaver_task_create', { title: trimmed });
+      const result = parseToolResult(raw) as { task?: { title: string } };
+      toast(`Task created: ${result?.task?.title ?? trimmed}`, { type: 'success' });
       setTitle('');
-      setDescription('');
-      setPriority('0');
-
       onTaskCreated?.();
-    } catch (err) {
+    } catch (err: unknown) {
       toast(err instanceof Error ? err.message : 'Failed to create task', { type: 'error' });
     } finally {
       setCreating(false);
     }
-  }, [title, description, priority, callTool, onTaskCreated]);
+  }, [title, callTool, onTaskCreated]);
 
-  // -- Toggle button (always visible) --
-  const toggleButton = React.createElement(Button, {
-    variant: 'ghost',
-    size: 'sm',
-    onClick: toggleOpen,
-    style: { width: '100%' },
-  }, open ? '▾ Hide create form' : '▸ Create new task');
-
-  if (!open) {
-    return React.createElement(Flex, {
-      variant: 'column-start-start-nowrap-4',
-      style: { width: '100%' },
-    }, toggleButton);
-  }
-
-  // -- Form fields --
-  const titleField = React.createElement(Flex, {
-    variant: 'column-start-start-nowrap-2',
-    style: { width: '100%' },
+  return React.createElement(Flex, {
+    variant: 'row-center-start-nowrap-6',
   },
-    React.createElement(Typography, { variant: 'smallCaption-regular', color: 'color-text-subtle' }, 'Title *'),
     React.createElement(Input, {
-      placeholder: 'Task title',
+      type: 'text',
+      size: 'small',
+      placeholder: 'What needs to be done?',
       value: title,
       onChange: (v: string) => setTitle(v),
+      onEnter: handleCreate,
       disabled: creating,
+      defaultBoxStyle: { flex: 1, minWidth: 0 },
+      inputBoxStyle: { maxWidth: 'none' },
     }),
-  );
-
-  const descriptionField = React.createElement(Flex, {
-    variant: 'column-start-start-nowrap-2',
-    style: { width: '100%' },
-  },
-    React.createElement(Typography, { variant: 'smallCaption-regular', color: 'color-text-subtle' }, 'Description'),
-    React.createElement(Input, {
-      placeholder: 'Detailed instructions for the task',
-      value: description,
-      onChange: (v: string) => setDescription(v),
-      disabled: creating,
-      multiline: true,
+    React.createElement(IconButton, {
+      icon: 'add',
+      size: 'sm',
+      variant: 'fill',
+      color: 'primary',
+      onClick: handleCreate,
+      disabled: creating || !title.trim(),
+      loading: creating,
     }),
   );
-
-  const priorityField = React.createElement(Flex, {
-    variant: 'column-start-start-nowrap-2',
-    style: { width: '100%' },
-  },
-    React.createElement(Typography, { variant: 'smallCaption-regular', color: 'color-text-subtle' }, 'Priority'),
-    React.createElement(Input, {
-      placeholder: '0',
-      value: priority,
-      onChange: (v: string) => setPriority(v),
-      disabled: creating,
-      type: 'number',
-    }),
-  );
-
-  const createButton = React.createElement(Button, {
-    variant: 'primary',
-    size: 'sm',
-    onClick: handleCreate,
-    disabled: creating || !title.trim(),
-    style: { width: '100%' },
-  }, creating ? 'Creating…' : 'Create Task');
-
-  return React.createElement(Flex, {
-    variant: 'column-start-start-nowrap-4',
-    style: {
-      width: '100%',
-      padding: '0',
-    },
-  },
-    toggleButton,
-    React.createElement(Flex, {
-      variant: 'column-start-start-nowrap-8',
-      style: {
-        width: '100%',
-        padding: '8px',
-        borderRadius: '6px',
-        backgroundColor: 'var(--color-surface-raised)',
-      },
-    },
-      React.createElement(Typography, { variant: 'caption-medium' }, 'New Task'),
-      titleField,
-      descriptionField,
-      priorityField,
-      createButton,
-    ),
-  );
 }
 
 export { TaskCreateForm };
 export default TaskCreateForm;
-module.exports = TaskCreateForm;