diff --git a/src/components/ui/VnSms.vue b/src/components/ui/VnSms.vue
index 8b25ba5da..2fe21d8ed 100644
--- a/src/components/ui/VnSms.vue
+++ b/src/components/ui/VnSms.vue
@@ -49,7 +49,7 @@ function formatNumber(number) {
             <VnPaginate
                 :data-key="$props.url"
                 :url="$props.url"
-                :filter="filter"
+                :user-filter="filter"
                 order="smsFk DESC"
                 :offset="100"
                 :limit="5"
diff --git a/src/pages/Account/AccountConnections.vue b/src/pages/Account/AccountConnections.vue
index ba4ed49c8..a0568acc4 100644
--- a/src/pages/Account/AccountConnections.vue
+++ b/src/pages/Account/AccountConnections.vue
@@ -46,7 +46,7 @@ const killSession = async ({ userId, created }) => {
             <VnPaginate
                 :data-key="urlPath"
                 ref="paginateRef"
-                :filter="filter"
+                :user-filter="filter"
                 :url="urlPath"
                 order="created DESC"
                 auto-load
diff --git a/src/pages/Account/Alias/Card/AliasUsers.vue b/src/pages/Account/Alias/Card/AliasUsers.vue
index 4aad68f1a..6a2f6df90 100644
--- a/src/pages/Account/Alias/Card/AliasUsers.vue
+++ b/src/pages/Account/Alias/Card/AliasUsers.vue
@@ -69,7 +69,7 @@ const fetchAliases = () => paginateRef.value.fetch();
             <VnPaginate
                 ref="paginateRef"
                 data-key="AliasUsers"
-                :filter="filter"
+                :user-filter="filter"
                 :url="urlPath"
                 :limit="0"
                 auto-load
diff --git a/src/pages/Account/Card/AccountMailAlias.vue b/src/pages/Account/Card/AccountMailAlias.vue
index 54798d6ab..7a060cff1 100644
--- a/src/pages/Account/Card/AccountMailAlias.vue
+++ b/src/pages/Account/Card/AccountMailAlias.vue
@@ -99,7 +99,7 @@ onMounted(async () => await getAccountData(false));
             <VnPaginate
                 ref="paginateRef"
                 data-key="AccountMailAliases"
-                :filter="filter"
+                :user-filter="filter"
                 :url="urlPath"
                 auto-load
             >
diff --git a/src/pages/Account/InheritedRoles.vue b/src/pages/Account/InheritedRoles.vue
index 13294cfdf..2ae857c9b 100644
--- a/src/pages/Account/InheritedRoles.vue
+++ b/src/pages/Account/InheritedRoles.vue
@@ -59,7 +59,7 @@ const redirectToRoleSummary = (id) =>
             <VnPaginate
                 ref="paginateRef"
                 :data-key="dataKey"
-                :filter="filter"
+                :user-filter="filter"
                 :url="urlPath"
                 :limit="0"
                 auto-load
diff --git a/src/pages/Account/Role/Card/InheritedRoles.vue b/src/pages/Account/Role/Card/InheritedRoles.vue
index ee82375ae..95a9eb12a 100644
--- a/src/pages/Account/Role/Card/InheritedRoles.vue
+++ b/src/pages/Account/Role/Card/InheritedRoles.vue
@@ -58,7 +58,7 @@ const redirectToRoleSummary = (id) =>
             <VnPaginate
                 ref="paginateRef"
                 data-key="InheritedRoles"
-                :filter="filter"
+                :user-filter="filter"
                 :url="urlPath"
                 :limit="0"
                 auto-load
diff --git a/src/pages/Account/Role/Card/SubRoles.vue b/src/pages/Account/Role/Card/SubRoles.vue
index d1a146375..99cf5e8f0 100644
--- a/src/pages/Account/Role/Card/SubRoles.vue
+++ b/src/pages/Account/Role/Card/SubRoles.vue
@@ -80,7 +80,7 @@ const redirectToRoleSummary = (id) =>
             <VnPaginate
                 ref="paginateRef"
                 data-key="SubRoles"
-                :filter="filter"
+                :user-filter="filter"
                 :url="urlPath"
                 auto-load
             >
diff --git a/src/pages/Customer/Card/CustomerAddress.vue b/src/pages/Customer/Card/CustomerAddress.vue
index b94c41454..d8a1543cd 100644
--- a/src/pages/Customer/Card/CustomerAddress.vue
+++ b/src/pages/Customer/Card/CustomerAddress.vue
@@ -117,7 +117,7 @@ const toCustomerAddressEdit = (addressId) => {
         data-key="CustomerAddresses"
         order="id DESC"
         ref="vnPaginateRef"
-        :filter="addressFilter"
+        :user-filter="addressFilter"
         :url="`Clients/${route.params.id}/addresses`"
     />
     <div class="full-width flex justify-center">
diff --git a/src/pages/Customer/Card/CustomerCreditContracts.vue b/src/pages/Customer/Card/CustomerCreditContracts.vue
index 09f7d2ee3..a49faeb8d 100644
--- a/src/pages/Customer/Card/CustomerCreditContracts.vue
+++ b/src/pages/Customer/Card/CustomerCreditContracts.vue
@@ -75,7 +75,7 @@ const updateData = () => {
     <div class="full-width flex justify-center">
         <QCard class="card-width q-pa-lg">
             <VnPaginate
-                :filter="filter"
+                :user-filter="filter"
                 @on-fetch="fetch"
                 auto-load
                 data-key="CustomerCreditContracts"
diff --git a/src/pages/Route/Agency/Card/AgencyModes.vue b/src/pages/Route/Agency/Card/AgencyModes.vue
index 4fb81914a..13f6011e4 100644
--- a/src/pages/Route/Agency/Card/AgencyModes.vue
+++ b/src/pages/Route/Agency/Card/AgencyModes.vue
@@ -16,7 +16,7 @@ const routeId = route.params.id;
             <VnPaginate
                 data-key="AgencyModes"
                 :url="`AgencyModes`"
-                :filter="{ where: { agencyFk: routeId } }"
+                :user-filter="{ where: { agencyFk: routeId } }"
                 order="name"
                 auto-load
             >
@@ -47,7 +47,7 @@ const routeId = route.params.id;
     </QPage>
 </template>
 <i18n>
-    es: 
+    es:
         isOwn: Tiene propietario
         isAnyVolumeAllowed: Permite cualquier volumen
         Search agency: Buscar agencia
diff --git a/src/pages/Route/Agency/Card/AgencyWorkcenter.vue b/src/pages/Route/Agency/Card/AgencyWorkcenter.vue
index 576933883..9a9213868 100644
--- a/src/pages/Route/Agency/Card/AgencyWorkcenter.vue
+++ b/src/pages/Route/Agency/Card/AgencyWorkcenter.vue
@@ -57,7 +57,7 @@ async function deleteWorCenter(id) {
             ref="paginate"
             data-key="AgencyWorkCenters"
             url="AgencyWorkCenters"
-            :filter="{ where: { agencyFk: routeId } }"
+            :user-filter="{ where: { agencyFk: routeId } }"
             order="id"
             auto-load
         >
diff --git a/src/pages/Route/RouteTickets.vue b/src/pages/Route/RouteTickets.vue
index 4278e0c71..adc7dfdaa 100644
--- a/src/pages/Route/RouteTickets.vue
+++ b/src/pages/Route/RouteTickets.vue
@@ -300,7 +300,7 @@ const openSmsDialog = async () => {
                 :key="refreshKey"
                 data-key="RouteTicketList"
                 url="Routes/getTickets"
-                :filter="{ id: route.params.id }"
+                :user-filter="{ id: route.params.id }"
                 :limit="0"
                 :order="['priority ASC']"
                 auto-load
diff --git a/src/pages/Supplier/Card/SupplierAddresses.vue b/src/pages/Supplier/Card/SupplierAddresses.vue
index 1b074b82f..c4c0ab7be 100644
--- a/src/pages/Supplier/Card/SupplierAddresses.vue
+++ b/src/pages/Supplier/Card/SupplierAddresses.vue
@@ -57,7 +57,7 @@ const redirectToUpdateView = (addressData) => {
             <VnPaginate
                 data-key="SupplierAddress"
                 :url="`Suppliers/${route.params.id}/addresses`"
-                :filter="addressesFilter"
+                :user-filter="addressesFilter"
                 auto-load
             >
                 <template #body="{ rows }">
diff --git a/src/pages/Ticket/Card/TicketTracking.vue b/src/pages/Ticket/Card/TicketTracking.vue
index 8bf7fe6b8..acf464fb1 100644
--- a/src/pages/Ticket/Card/TicketTracking.vue
+++ b/src/pages/Ticket/Card/TicketTracking.vue
@@ -80,7 +80,7 @@ const openCreateModal = () => createTrackingDialogRef.value.show();
         <VnPaginate
             ref="paginateRef"
             data-key="TicketTracking"
-            :filter="paginateFilter"
+            :user-filter="paginateFilter"
             url="TicketTrackings"
             auto-load
             order="created DESC"
diff --git a/src/pages/Travel/Card/TravelThermographs.vue b/src/pages/Travel/Card/TravelThermographs.vue
index 4463378fd..2376bd6d2 100644
--- a/src/pages/Travel/Card/TravelThermographs.vue
+++ b/src/pages/Travel/Card/TravelThermographs.vue
@@ -158,7 +158,7 @@ const removeThermograph = async (id) => {
         ref="thermographPaginateRef"
         data-key="TravelThermographs"
         url="TravelThermographs"
-        :filter="thermographFilter"
+        :user-filter="thermographFilter"
         auto-load
     >
         <template #body="{ rows }">
diff --git a/src/pages/Wagon/Type/WagonTypeEdit.vue b/src/pages/Wagon/Type/WagonTypeEdit.vue
index 49492b1b9..cfa1c76cd 100644
--- a/src/pages/Wagon/Type/WagonTypeEdit.vue
+++ b/src/pages/Wagon/Type/WagonTypeEdit.vue
@@ -102,7 +102,7 @@ watch(
                         data-key="wagonTypeTray"
                         url="WagonTypeTrays"
                         order="id DESC"
-                        :filter="filter"
+                        :user-filter="filter"
                         auto-load
                         ref="vnPaginateRef"
                         v-bind="$attrs"
diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
index 2c2f494a4..47e13cf6d 100644
--- a/src/pages/Worker/Card/WorkerPda.vue
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -58,7 +58,7 @@ function reloadData() {
             ref="paginate"
             data-key="WorkerPda"
             url="DeviceProductionUsers"
-            :filter="{ where: { userFk: routeId } }"
+            :user-filter="{ where: { userFk: routeId } }"
             order="id"
             search-url="pda"
             auto-load
diff --git a/src/pages/Zone/Card/ZoneBasicData.vue b/src/pages/Zone/Card/ZoneBasicData.vue
index 16f747d06..5206f1e62 100644
--- a/src/pages/Zone/Card/ZoneBasicData.vue
+++ b/src/pages/Zone/Card/ZoneBasicData.vue
@@ -1,33 +1,16 @@
 <script setup>
 import { useI18n } from 'vue-i18n';
-import { ref } from 'vue';
-import FetchData from 'components/FetchData.vue';
 import FormModel from 'src/components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import { QCheckbox } from 'quasar';
 import VnInputTime from 'src/components/common/VnInputTime.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 
 const { t } = useI18n();
-
-const agencyFilter = {
-    fields: ['id', 'name'],
-    order: 'name ASC',
-    limit: 30,
-};
-const agencyOptions = ref([]);
 </script>
 
 <template>
-    <FetchData
-        :filter="agencyFilter"
-        @on-fetch="(data) => (agencyOptions = data)"
-        auto-load
-        url="AgencyModes/isActive"
-    />
-
-    <FormModel auto-load model="Zone">
+    <FormModel :url="`Zones/${$route.params.id}`" auto-load model="zone">
         <template #form="{ data, validate }">
             <VnRow>
                 <VnInput
@@ -40,16 +23,16 @@ const agencyOptions = ref([]);
 
             <VnRow>
                 <VnSelect
-                    option-label="name"
-                    option-value="id"
                     v-model="data.agencyModeFk"
                     :rules="validate('zone.agencyModeFk')"
-                    :options="agencyOptions"
+                    url="AgencyModes/isActive"
+                    :fields="['id', 'name']"
                     :label="t('Agency')"
                     emit-value
                     map-options
                     use-input
                     hide-bottom-space
+                    sort-by="name"
                 />
                 <VnInput
                     class="mw-10"
diff --git a/src/pages/Zone/Card/ZoneWarehouses.vue b/src/pages/Zone/Card/ZoneWarehouses.vue
index f14658dd0..165e9c840 100644
--- a/src/pages/Zone/Card/ZoneWarehouses.vue
+++ b/src/pages/Zone/Card/ZoneWarehouses.vue
@@ -63,7 +63,7 @@ const openCreateWarehouseForm = () => createWarehouseDialogRef.value.show();
             <VnPaginate
                 ref="paginateRef"
                 data-key="ZoneWarehouses"
-                :filter="{ include: 'warehouse' }"
+                :user-filter="{ include: 'warehouse' }"
                 :url="urlPath"
                 auto-load
             >