完成大量美化，zustand迁移，动态表格修复

backend/api/routes/presetsRoute.py

@@ -1,23 +1,43 @@
 from fastapi import APIRouter, HTTPException, status
-# TODO: 实现 PresetService 来替代旧的 AIDesignSpec 逻辑
-# from services.preset_service import PresetService
+from services.preset_service import PresetService
 
 router = APIRouter(prefix="/presets", tags=["presets"])
 
 @router.get("", response_model=dict)
 async def list_presets():
 	"""获取所有预设列表及其基本信息"""
-	# return await PresetService.list_all_presets()
-	return {"presets": []}
+	try:
+		presets = PresetService.list_presets()
+		response_data = {"presets": presets}
+		print(f"[API] GET /api/presets - 返回数据: {response_data}")
+		return response_data
+	except Exception as e:
+		print(f"[API] GET /api/presets - 错误: {e}")
+		import traceback
+		traceback.print_exc()
+		raise HTTPException(status_code=500, detail=str(e))
+
+# 注意：路由定义顺序很重要！更具体的路由（更多参数）必须放在前面
+@router.get("/{preset_name}/components/{component_id}")
+async def get_preset_component(preset_name: str, component_id: str):
+	"""获取指定组件的详情"""
+	raise HTTPException(status_code=501, detail="Not Implemented")
+
+@router.get("/{preset_name}/components")
+async def list_preset_components(preset_name: str):
+	"""获取预设中的所有组件"""
+	raise HTTPException(status_code=501, detail="Not Implemented")
 
 @router.get("/{preset_name}")
 async def get_preset(preset_name: str):
 	"""获取指定预设的完整内容"""
-	# try:
-	# 	return await PresetService.get_preset(preset_name)
-	# except FileNotFoundError:
-	# 	raise HTTPException(status_code=404, detail="Preset not found")
-	raise HTTPException(status_code=501, detail="Not Implemented")
+	try:
+		preset_data = PresetService.get_preset(preset_name)
+		return preset_data
+	except FileNotFoundError:
+		raise HTTPException(status_code=404, detail="Preset not found")
+	except Exception as e:
+		raise HTTPException(status_code=500, detail=str(e))
 
 @router.post("", status_code=status.HTTP_201_CREATED)
 async def create_preset(preset_name: str, preset_data: dict):
@@ -34,16 +54,6 @@ async def delete_preset(preset_name: str):
 	"""删除指定预设"""
 	raise HTTPException(status_code=501, detail="Not Implemented")
 
-@router.get("/{preset_name}/components")
-async def list_preset_components(preset_name: str):
-	"""获取预设中的所有组件"""
-	raise HTTPException(status_code=501, detail="Not Implemented")
-
-@router.get("/{preset_name}/components/{component_id}")
-async def get_preset_component(preset_name: str, component_id: str):
-	"""获取指定组件的详情"""
-	raise HTTPException(status_code=501, detail="Not Implemented")
-
 @router.post("/{preset_name}/components", status_code=status.HTTP_201_CREATED)
 async def add_preset_component(preset_name: str, component_data: dict):
 	"""向预设添加新组件"""