allow to delete RFE Workflow

Signed-off-by: sallyom <[email protected]>

Author: sallyom

components/frontend/src/app/projects/[name]/rfe/[id]/page.tsx

@@ -12,7 +12,7 @@ import { formatDistanceToNow } from "date-fns";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { AgenticSession, CreateAgenticSessionRequest, RFEWorkflow, WorkflowPhase } from "@/types/agentic-session";
 import { WORKFLOW_PHASE_LABELS } from "@/lib/agents";
-import { ArrowLeft, Play, Loader2, FolderTree, Plus, Square } from "lucide-react";
+import { ArrowLeft, Play, Loader2, FolderTree, Plus, Trash2 } from "lucide-react";
 import { Upload, CheckCircle2 } from "lucide-react";
 import { FileTree, type FileTreeNode } from "@/components/file-tree";
 
@@ -37,6 +37,7 @@ export default function ProjectRFEDetailPage() {
 
   const [specBaseRelPath, setSpecBaseRelPath] = useState<string>("specs");
   const [publishingPhase, setPublishingPhase] = useState<WorkflowPhase | null>(null);
+  const [deleting, setDeleting] = useState<boolean>(false);
 
   const [rfeDoc, setRfeDoc] = useState<{ exists: boolean; content: string }>({ exists: false, content: "" });
   const [firstFeaturePath, setFirstFeaturePath] = useState<string>("");
@@ -279,6 +280,24 @@ export default function ProjectRFEDetailPage() {
     }
   }, [project, id]);
 
+  const deleteWorkflow = useCallback(async () => {
+    if (!confirm('Are you sure you want to delete this RFE workflow? This action cannot be undone.')) {
+      return;
+    }
+    try {
+      setDeleting(true);
+      const resp = await fetch(`${getApiUrl()}/projects/${encodeURIComponent(project)}/rfe-workflows/${encodeURIComponent(id)}`, {
+        method: 'DELETE',
+      });
+      if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+      // Navigate back to RFE list after successful deletion
+      window.location.href = `/projects/${encodeURIComponent(project)}/rfe`;
+    } catch (e) {
+      setError(e instanceof Error ? e.message : 'Failed to delete workflow');
+    } finally {
+      setDeleting(false);
+    }
+  }, [project, id]);
 
   if (loading) return <div className="container mx-auto py-8">Loading…</div>;
   if (error || !workflow) return (
@@ -336,6 +355,18 @@ export default function ProjectRFEDetailPage() {
               <p className="text-muted-foreground mt-1">{workflow.description}</p>
             </div>
           </div>
+          <Button
+            variant="destructive"
+            size="sm"
+            onClick={deleteWorkflow}
+            disabled={deleting}
+          >
+            {deleting ? (
+              <><Loader2 className="mr-2 h-4 w-4 animate-spin" />Deleting…</>
+            ) : (
+              <><Trash2 className="mr-2 h-4 w-4" />Delete Workflow</>
+            )}
+          </Button>
         </div>
 
         <div className="grid gap-6 md:grid-cols-4">
@@ -524,21 +555,6 @@ export default function ProjectRFEDetailPage() {
                                     )
                                 )
                                 : (
-                                  sessionForPhase?.status?.phase === "Running" ? (
-                                    <Button size="sm" variant="destructive" onClick={async () => {
-                                      try {
-                                        const resp = await fetch(`/api/projects/${encodeURIComponent(project)}/agentic-sessions/${encodeURIComponent(sessionForPhase.metadata.name)}/stop`, {
-                                          method: "POST"
-                                        });
-                                        if (!resp.ok) throw new Error(`Failed to stop session: HTTP ${resp.status}`);
-                                        await loadSessions();
-                                      } catch (e) {
-                                        setError(e instanceof Error ? e.message : "Failed to stop session");
-                                      }
-                                    }}>
-                                      <Square className="mr-2 h-4 w-4" />Stop
-                                    </Button>
-                                  ) : (
                                     <Button size="sm" onClick={async () => {
                                       try {
                                         setStartingPhase(phase);
@@ -582,7 +598,6 @@ export default function ProjectRFEDetailPage() {
                                     }} disabled={startingPhase === phase || !prerequisitesMet}>
                                       {startingPhase === phase ? (<><Loader2 className="mr-2 h-4 w-4 animate-spin" />Starting…</>) : (<><Play className="mr-2 h-4 w-4" />Generate</>)}
                                     </Button>
-                                  )
                                 )
                             )}
                             {exists && phase !== "ideate" && (