chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: wire up maintenance flow creation, editing, and navigation in frontend

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-02-17 18:47:26 -05:00
parent dbe0e9e5b3
commit c8c5fc84db
4 changed files with 61 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/pages/MyTreesPage.tsx
View File

@@ -1,6 +1,6 @@
import { useEffect, useState } from 'react'
import { useNavigate, Link } from 'react-router-dom'
import { Play, Pencil, Share2, Trash2, GitBranch, Clock, TrendingUp, FolderTree, Plus, ListOrdered, ChevronDown } from 'lucide-react'
import { Play, Pencil, Share2, Trash2, GitBranch, Clock, TrendingUp, FolderTree, Plus, ListOrdered, ChevronDown, Wrench } from 'lucide-react'
import { treesApi } from '@/api/trees'
import { sessionsApi } from '@/api/sessions'
import type { TreeListItem } from '@/types'
@@ -71,7 +71,9 @@ export function MyTreesPage() {
}
const handleStartSession = (tree: TreeWithStats) => {
if (tree.tree_type === 'procedural') {
if (tree.tree_type === 'maintenance') {
navigate(`/flows/${tree.id}/maintenance`)
} else if (tree.tree_type === 'procedural') {
navigate(`/flows/${tree.id}/navigate`)
} else {
navigate(`/trees/${tree.id}/navigate`)
@@ -79,7 +81,8 @@ export function MyTreesPage() {
}
const getEditPath = (tree: TreeWithStats) => {
return tree.tree_type === 'procedural' ? `/flows/${tree.id}/edit` : `/trees/${tree.id}/edit`
return tree.tree_type === 'procedural' || tree.tree_type === 'maintenance'
? `/flows/${tree.id}/edit` : `/trees/${tree.id}/edit`
}
const handleDeleteTree = async () => {
@@ -153,6 +156,17 @@ export function MyTreesPage() {
<div className="text-xs text-muted-foreground">Step-by-step procedure</div>
</div>
</Link>
<Link
to="/flows/new?type=maintenance"
onClick={() => setShowCreateMenu(false)}
className="flex items-center gap-3 rounded-md px-3 py-2.5 text-sm text-foreground hover:bg-accent"
>
<Wrench className="h-4 w-4 text-amber-400" />
<div>
<div className="font-medium">Maintenance Flow</div>
<div className="text-xs text-muted-foreground">Scheduled multi-target tasks</div>
</div>
</Link>
</div>
</>
)}
@@ -209,6 +223,9 @@ export function MyTreesPage() {
{tree.tree_type === 'procedural' && (
<ListOrdered className="h-4 w-4 shrink-0 text-muted-foreground" />
)}
{tree.tree_type === 'maintenance' && (
<Wrench className="h-4 w-4 shrink-0 text-amber-400" />
)}
<h3 className="font-semibold text-foreground">{tree.name}</h3>
</div>
<div className="flex items-center gap-1.5">
@@ -217,6 +234,11 @@ export function MyTreesPage() {
Procedure
</span>
)}
{tree.tree_type === 'maintenance' && (
<span className="rounded-full bg-amber-400/10 px-2 py-0.5 text-[10px] font-medium text-amber-400">
Maintenance
</span>
)}
{tree.category_info && (
<span className="rounded-full bg-accent px-2 py-0.5 text-xs text-muted-foreground">
{tree.category_info.name}