Refactor code structure for improved readability and maintainability

Author: novincode

admin/src/App.tsx

@@ -56,16 +56,16 @@ function OpenFieldsRouter() {
 	const tab = params.get('tab') as TabType | null;
 
 	// Only handle openfields pages
-	if (!page?.startsWith('openfields')) {
+	if (!page?.startsWith('codeideal-open-fields')) {
 		return null;
 	}
 
 	// If editing a fieldset, show the editor directly
-	if (page === 'openfields' && action === 'edit' && id) {
+	if (page === 'codeideal-open-fields' && action === 'edit' && id) {
 		return <FieldsetEditor fieldsetId={parseInt(id, 10)} />;
 	}
 
-	if (page === 'openfields' && action === 'new') {
+	if (page === 'codeideal-open-fields' && action === 'new') {
 		return <FieldsetEditor isNew />;
 	}
 

admin/src/pages/FieldsetEditor/index.tsx

@@ -99,7 +99,7 @@ export function FieldsetEditor({ fieldsetId, isNew }: FieldsetEditorProps) {
 	// Handle back navigation with unsaved changes check
 	const handleBackClick = useCallback(() => {
 		const adminUrl = window.openfieldsAdmin?.adminUrl || '/wp-admin/';
-		const backUrl = `${adminUrl}admin.php?page=openfields`;
+		const backUrl = `${adminUrl}admin.php?page=codeideal-open-fields`;
 
 		if (unsavedChanges) {
 			setPendingNavigation(backUrl);
@@ -132,7 +132,7 @@ export function FieldsetEditor({ fieldsetId, isNew }: FieldsetEditorProps) {
 			} else if (isNew) {
 				try {
 					const newFieldset = await createFieldset({ title: 'New Fieldset' });
-					window.location.href = `admin.php?page=openfields&action=edit&id=${newFieldset.id}`;
+					window.location.href = `admin.php?page=codeideal-open-fields&action=edit&id=${newFieldset.id}`;
 				} catch {
 					showToast('error', 'Failed to create fieldset');
 				}

admin/src/pages/FieldsetList.tsx

@@ -165,12 +165,12 @@ export default function FieldsetList() {
 
 	const navigateToEdit = (id: number) => {
 		const adminUrl = window.openfieldsAdmin?.adminUrl || '/wp-admin/';
-		window.location.href = `${adminUrl}admin.php?page=openfields&action=edit&id=${id}`;
+		window.location.href = `${adminUrl}admin.php?page=codeideal-open-fields&action=edit&id=${id}`;
 	};
 
 	const navigateToNew = () => {
 		const adminUrl = window.openfieldsAdmin?.adminUrl || '/wp-admin/';
-		window.location.href = `${adminUrl}admin.php?page=openfields&action=new`;
+		window.location.href = `${adminUrl}admin.php?page=codeideal-open-fields&action=new`;
 	};
 
 	// Get location summary for a fieldset