Redirect to detail view of newly created record

frontend/pages/app/objects/[objectName]/[[recordId]]/[[view]].vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, watch } from 'vue'
+import { ref, computed, onMounted, watch, nextTick } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useApi } from '@/composables/useApi'
 import { useFields, useViewState } from '@/composables/useFieldViews'
@@ -111,8 +111,13 @@ const handleDelete = async (rows: any[]) => {
 
 const handleSaveRecord = async (data: any) => {
   try {
-    await handleSave(data)
-    router.push(`/app/objects/${objectApiName.value}/${currentRecord.value?.id || data.id}/detail`)
+    const savedRecord = await handleSave(data)
+    if (savedRecord?.id) {
+      router.push(`/app/objects/${objectApiName.value}/${savedRecord.id}/detail`)
+    } else {
+      // Fallback to list if no ID available
+      router.push(`/app/objects/${objectApiName.value}/`)
+    }
   } catch (e: any) {
     error.value = e.message || 'Failed to save record'
   }