stagent 0.1.9 → 0.1.10

package/src/components/projects/project-card.tsx

@@ -1,8 +1,10 @@
 "use client";
 
+import Link from "next/link";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { FolderKanban, FolderOpen } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { FolderKanban, FolderOpen, Pencil } from "lucide-react";
 import { projectStatusVariant } from "@/lib/constants/status-colors";
 
 interface ProjectCardProps {
@@ -19,40 +21,50 @@ interface ProjectCardProps {
 
 export function ProjectCard({ project, onEdit }: ProjectCardProps) {
   return (
-    <Card
-      tabIndex={0}
-      className="surface-card cursor-pointer transition-colors hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-xl"
-      onKeyDown={(e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onEdit(project.id, e.currentTarget);
-        }
-      }}
-      onClick={(e) => onEdit(project.id, e.currentTarget)}
-    >
-      <CardHeader className="flex flex-row items-center justify-between pb-2">
-        <CardTitle className="text-base font-medium">{project.name}</CardTitle>
-        <Badge variant={projectStatusVariant[project.status] ?? "secondary"}>
-          {project.status}
-        </Badge>
-      </CardHeader>
-      <CardContent>
-        {project.description && (
-          <p className="text-sm text-muted-foreground line-clamp-2 mb-3">
-            {project.description}
-          </p>
-        )}
-        <div className="flex items-center gap-1 text-xs text-muted-foreground">
-          <FolderKanban className="h-3 w-3" />
-          <span>{project.taskCount} tasks</span>
-        </div>
-        {project.workingDirectory && (
-          <div className="flex items-center gap-1 text-xs text-muted-foreground mt-1">
-            <FolderOpen className="h-3 w-3" />
-            <span className="truncate">{project.workingDirectory}</span>
+    <Link href={`/projects/${project.id}`} className="block">
+      <Card
+        tabIndex={0}
+        className="surface-card cursor-pointer transition-colors hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-xl"
+      >
+        <CardHeader className="flex flex-row items-center justify-between pb-2">
+          <CardTitle className="text-base font-medium">{project.name}</CardTitle>
+          <div className="flex items-center gap-1.5">
+            <Button
+              variant="ghost"
+              size="icon"
+              className="h-7 w-7"
+              onClick={(e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                onEdit(project.id, e.currentTarget);
+              }}
+              aria-label={`Edit ${project.name}`}
+            >
+              <Pencil className="h-3.5 w-3.5" />
+            </Button>
+            <Badge variant={projectStatusVariant[project.status] ?? "secondary"}>
+              {project.status}
+            </Badge>
           </div>
-        )}
-      </CardContent>
-    </Card>
+        </CardHeader>
+        <CardContent>
+          {project.description && (
+            <p className="text-sm text-muted-foreground line-clamp-2 mb-3">
+              {project.description}
+            </p>
+          )}
+          <div className="flex items-center gap-1 text-xs text-muted-foreground">
+            <FolderKanban className="h-3 w-3" />
+            <span>{project.taskCount} tasks</span>
+          </div>
+          {project.workingDirectory && (
+            <div className="flex items-center gap-1 text-xs text-muted-foreground mt-1">
+              <FolderOpen className="h-3 w-3" />
+              <span className="truncate">{project.workingDirectory}</span>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+    </Link>
   );
 }

package/src/components/tasks/ai-assist-panel.tsx

@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { Sparkles, Check, X } from "lucide-react";
+import { Sparkles, Check, X, GitBranch } from "lucide-react";
 
 interface TaskSuggestion {
   title: string;
@@ -27,6 +27,7 @@ interface AIAssistPanelProps {
   onApplyDescription: (description: string) => void;
   onCreateSubtasks: (subtasks: TaskSuggestion[]) => void;
   onResultChange?: (hasResult: boolean) => void;
+  onCreateWorkflow?: (result: AssistResult) => void;
 }
 
 const patternLabels: Record<string, string> = {
@@ -34,6 +35,9 @@ const patternLabels: Record<string, string> = {
   sequence: "Sequence",
   "planner-executor": "Planner → Executor",
   checkpoint: "Human Checkpoint",
+  parallel: "Parallel",
+  loop: "Loop",
+  swarm: "Swarm",
 };
 
 const complexityColors: Record<string, string> = {
@@ -88,6 +92,7 @@ export function AIAssistPanel({
   onApplyDescription,
   onCreateSubtasks,
   onResultChange,
+  onCreateWorkflow,
 }: AIAssistPanelProps) {
   const [loading, setLoading] = useState(false);
   const [result, setResult] = useState<AssistResult | null>(null);
@@ -205,15 +210,31 @@ export function AIAssistPanel({
                 <span className="text-xs font-medium text-muted-foreground">
                   Suggested Breakdown ({result.breakdown.length} sub-tasks)
                 </span>
-                <Button
-                  type="button"
-                  variant="ghost"
-                  size="sm"
-                  className="h-6 text-xs"
-                  onClick={() => onCreateSubtasks(result.breakdown)}
-                >
-                  Create All
-                </Button>
+                <div className="flex gap-1">
+                  {onCreateWorkflow &&
+                    result.breakdown.length >= 2 &&
+                    result.recommendedPattern !== "single" && (
+                    <Button
+                      type="button"
+                      variant="ghost"
+                      size="sm"
+                      className="h-6 text-xs"
+                      onClick={() => onCreateWorkflow(result)}
+                    >
+                      <GitBranch className="h-3 w-3 mr-1" />
+                      Workflow
+                    </Button>
+                  )}
+                  <Button
+                    type="button"
+                    variant="ghost"
+                    size="sm"
+                    className="h-6 text-xs"
+                    onClick={() => onCreateSubtasks(result.breakdown)}
+                  >
+                    Create All
+                  </Button>
+                </div>
               </div>
               <div className="max-h-60 overflow-y-auto space-y-1.5">
                 {result.breakdown.map((sub, i) => (

package/src/components/tasks/task-card.tsx

@@ -5,7 +5,7 @@ import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { Card } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { AlertCircle, Bot, ArrowUp, ArrowDown, Minus, Trash2, Check, X, Loader2, Square, CheckSquare, Pencil } from "lucide-react";
+import { AlertCircle, Bot, ArrowUp, ArrowDown, Minus, Trash2, Check, X, Loader2, Square, CheckSquare, Pencil, Workflow } from "lucide-react";
 import type { TaskStatus } from "@/lib/constants/task-status";
 
 export interface TaskItem {
@@ -18,6 +18,8 @@ export interface TaskItem {
   agentProfile: string | null;
   projectId: string | null;
   projectName?: string;
+  linkedWorkflowId?: string;
+  linkedWorkflowStatus?: string;
   result: string | null;
   sessionId: string | null;
   resumeCount: number;
@@ -151,6 +153,19 @@ export function TaskCard({
                   <span className="truncate">{task.assignedAgent}</span>
                 </Badge>
               )}
+              {task.linkedWorkflowId && (
+                <Badge
+                  variant="outline"
+                  className="text-xs gap-1 cursor-pointer hover:bg-accent/50"
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    window.open(`/workflows/${task.linkedWorkflowId}`, "_self");
+                  }}
+                >
+                  <Workflow className="h-3 w-3 shrink-0" aria-hidden="true" />
+                  {task.linkedWorkflowStatus === "completed" ? "Workflow done" : "Workflow"}
+                </Badge>
+              )}
               {isFailed && <AlertCircle className="h-3.5 w-3.5 text-destructive" aria-label="Task failed" />}
               {isRunning && (
                 <span className="flex h-2 w-2" aria-label="Task running">

package/src/components/tasks/task-create-panel.tsx

@@ -18,7 +18,13 @@ import { Bot, FileText, Settings, Paperclip } from "lucide-react";
 import { toast } from "sonner";
 import { AIAssistPanel } from "./ai-assist-panel";
 import { FileUpload } from "./file-upload";
+import type { TaskAssistResponse } from "@/lib/agents/runtime/task-assist-types";
 import { FormSectionCard } from "@/components/shared/form-section-card";
+import {
+  saveAssistState,
+  loadTaskFormState,
+  clearTaskFormState,
+} from "@/lib/workflows/assist-session";
 import {
   type AgentRuntimeId,
   DEFAULT_AGENT_RUNTIME,
@@ -79,6 +85,24 @@ export function TaskCreatePanel({ projects, defaultProjectId }: TaskCreatePanelP
       .catch(() => {});
   }, []);
 
+  // Restore form state when returning from workflow confirmation
+  useEffect(() => {
+    const params = new URLSearchParams(window.location.search);
+    if (params.get("restore") !== "1") return;
+    const saved = loadTaskFormState();
+    if (saved) {
+      setTitle(saved.title);
+      setDescription(saved.description);
+      setProjectId(saved.projectId);
+      setPriority(saved.priority);
+      setAgentProfile(saved.agentProfile);
+      setAssignedAgent(saved.assignedAgent);
+      clearTaskFormState();
+    }
+    // Clean up URL param without triggering navigation
+    window.history.replaceState({}, "", window.location.pathname);
+  }, []);
+
   const selectedRuntimeId = (assignedAgent ||
     DEFAULT_AGENT_RUNTIME) as AgentRuntimeId;
   const selectedProfile = profiles.find((profile) => profile.id === agentProfile);
@@ -351,8 +375,23 @@ export function TaskCreatePanel({ projects, defaultProjectId }: TaskCreatePanelP
                   }
                   router.push("/dashboard");
                 }}
+                onCreateWorkflow={(result) => {
+                  saveAssistState({
+                    assistResult: result as TaskAssistResponse,
+                    formState: {
+                      title,
+                      description,
+                      projectId,
+                      priority,
+                      agentProfile,
+                      assignedAgent,
+                    },
+                  });
+                  router.push("/workflows/from-assist");
+                }}
               />
             </div>
+
           </div>
         </form>
       </CardContent>