WIP - Fix create field dialog placement and look up field creation

backend/src/object/object.service.ts

@@ -394,6 +394,7 @@ export class ObjectService {
       'url': 'URL',
       'color': 'TEXT',
       'json': 'JSON',
+      'lookup': 'LOOKUP',
       'belongsTo': 'LOOKUP',
       'hasMany': 'LOOKUP',
       'manyToMany': 'LOOKUP',

frontend/components/fields/FieldRenderer.vue

@@ -21,7 +21,8 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  baseUrl: '/central',
+  // Default to runtime objects endpoint; override when consuming central entities
+  baseUrl: '/runtime/objects',
 })
 
 const emit = defineEmits<{

frontend/components/fields/LookupField.vue

@@ -16,7 +16,8 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  baseUrl: '/central',
+  // Default to runtime objects endpoint; override when consuming central entities
+  baseUrl: '/runtime/objects',
   modelValue: null,
 })
 

frontend/pages/setup/objects/[apiName].vue

@@ -189,8 +189,12 @@
       </main>
 
       <!-- Field Management Dialog -->
-      <div v-if="showFieldDialog" class="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
+      <Teleport to="body">
-        <div class="bg-white rounded-lg shadow-lg max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto">
+        <div
+          v-if="showFieldDialog"
+          class="fixed inset-0 bg-black/50 flex items-center justify-center z-[100]"
+        >
+          <div class="bg-white rounded-lg shadow-lg max-w-3xl w-full mx-4 max-h-[90vh] overflow-y-auto">
             <div class="sticky top-0 bg-white border-b p-6 flex items-center justify-between">
               <h2 class="text-2xl font-bold">
                 {{ fieldDialogMode === 'create' ? 'Create New Field' : 'Edit Field' }}
@@ -283,6 +287,7 @@
             </div>
           </div>
         </div>
+      </Teleport>
     </NuxtLayout>
   </div>
 </template>