@synergenius/flow-weaver-pack-weaver 0.9.59 → 0.9.77

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

@@ -0,0 +1,87 @@
+/**
+ * TaskCreateForm — single-line task creation input for the swarm dashboard.
+ *
+ * Minimal: one input + one button. Type a title, hit Enter or click Create.
+ * Description, priority, assignment can be edited after creation via task detail.
+ */
+import React from 'react';
+import { Flex, Input, IconButton, toast, usePackWorkspace } from '@fw/plugin-ui-kit';
+
+const { useState, useCallback } = React;
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+interface TaskCreateFormProps {
+  onTaskCreated?: () => void;
+}
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function parseToolResult(raw: unknown): unknown {
+  if (typeof raw === 'string') {
+    try { return JSON.parse(raw); } catch { return raw; }
+  }
+  return raw;
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+function TaskCreateForm({ onTaskCreated }: TaskCreateFormProps) {
+  const ctx = usePackWorkspace();
+  const { callTool } = ctx;
+
+  const [title, setTitle] = useState('');
+  const [creating, setCreating] = useState(false);
+
+  const handleCreate = useCallback(async () => {
+    const trimmed = title.trim();
+    if (!trimmed) return;
+
+    setCreating(true);
+    try {
+      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('');
+      onTaskCreated?.();
+    } catch (err: unknown) {
+      toast(err instanceof Error ? err.message : 'Failed to create task', { type: 'error' });
+    } finally {
+      setCreating(false);
+    }
+  }, [title, callTool, onTaskCreated]);
+
+  return React.createElement(Flex, {
+    variant: 'row-center-start-nowrap-6',
+  },
+    React.createElement(Input, {
+      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' },
+    }),
+    React.createElement(IconButton, {
+      icon: 'add',
+      size: 'sm',
+      variant: 'fill',
+      color: 'primary',
+      onClick: handleCreate,
+      disabled: creating || !title.trim(),
+      loading: creating,
+    }),
+  );
+}
+
+export { TaskCreateForm };
+export default TaskCreateForm;