Code formatting

frontend/pages/app/[appSlug]/[pageSlug].vue

@@ -23,10 +23,10 @@
       <div v-else-if="page">
         <h1 class="text-3xl font-bold mb-6">{{ page.label }}</h1>
         <p class="text-muted-foreground mb-4">Page Type: {{ page.type }}</p>
-        
+
         <div v-if="page.objectApiName">
           <h2 class="text-xl font-semibold mb-4">{{ page.object?.label }} Records</h2>
-          
+
           <div v-if="loadingRecords" class="text-center py-8">Loading records...</div>
           <div v-else-if="records.length === 0" class="text-center py-8 text-muted-foreground">
             No records found
@@ -65,10 +65,10 @@ const fetchPage = async () => {
   try {
     loading.value = true
     page.value = await api.get(`/runtime/apps/${appSlug.value}/pages/${pageSlug.value}`)
-    
+
     const app = await api.get(`/runtime/apps/${appSlug.value}`)
     pages.value = app.pages
-    
+
     if (page.value.objectApiName) {
       loadingRecords.value = true
       records.value = await api.get(`/runtime/objects/${page.value.objectApiName}/records`)

frontend/pages/app/[appSlug]/[pageSlug]/[recordId].vue

@@ -47,13 +47,15 @@ const objectApiName = ref('')
 const fetchRecord = async () => {
   try {
     loading.value = true
-    
+
     // First get page metadata to know which object this is
     const page = await api.get(`/runtime/apps/${appSlug.value}/pages/${pageSlug.value}`)
     objectApiName.value = page.objectApiName
-    
+
     // Then fetch the record
-    record.value = await api.get(`/runtime/objects/${objectApiName.value}/records/${recordId.value}`)
+    record.value = await api.get(
+      `/runtime/objects/${objectApiName.value}/records/${recordId.value}`
+    )
   } catch (e: any) {
     error.value = e.message
   } finally {

frontend/pages/index.vue

@@ -1,31 +1,24 @@
 <template>
-  <div class="min-h-screen bg-background">
-    <header class="border-b">
-      <div class="container mx-auto px-4 py-4">
-        <h1 class="text-2xl font-bold">Neo Platform</h1>
+  <NuxtLayout name="default">
+    <div class="text-center space-y-6">
+      <h2 class="text-4xl font-bold">Welcome to Neo Platform</h2>
+      <p class="text-muted-foreground text-lg">
+        Multi-tenant application platform for building CRM, Project Management, and more
+      </p>
+      <div class="flex gap-4 justify-center">
+        <NuxtLink
+          to="/setup/apps"
+          class="px-6 py-3 bg-primary text-primary-foreground rounded-md hover:bg-primary/90"
+        >
+          Setup Apps
+        </NuxtLink>
+        <NuxtLink
+          to="/setup/objects"
+          class="px-6 py-3 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/90"
+        >
+          Setup Objects
+        </NuxtLink>
       </div>
-    </header>
-    <main class="container mx-auto px-4 py-8">
-      <div class="text-center space-y-6">
-        <h2 class="text-4xl font-bold">Welcome to Neo Platform</h2>
-        <p class="text-muted-foreground text-lg">
-          Multi-tenant application platform for building CRM, Project Management, and more
-        </p>
-        <div class="flex gap-4 justify-center">
-          <NuxtLink
-            to="/setup/apps"
-            class="px-6 py-3 bg-primary text-primary-foreground rounded-md hover:bg-primary/90"
-          >
-            Setup Apps
-          </NuxtLink>
-          <NuxtLink
-            to="/setup/objects"
-            class="px-6 py-3 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/90"
-          >
-            Setup Objects
-          </NuxtLink>
-        </div>
-      </div>
-    </main>
-  </div>
+    </div>
+  </NuxtLayout>
 </template>

frontend/pages/login.vue

@@ -8,7 +8,9 @@ import LoginForm from '@/components/LoginForm.vue'
     <div class="flex flex-col gap-4 p-6 md:p-10">
       <div class="flex justify-center gap-2 md:justify-start">
         <NuxtLink to="/" class="flex items-center gap-2 font-medium">
-          <div class="bg-primary text-primary-foreground flex size-6 items-center justify-center rounded-md">
+          <div
+            class="bg-primary text-primary-foreground flex size-6 items-center justify-center rounded-md"
+          >
             <LayoutGrid class="size-4" />
           </div>
           Neo Platform
@@ -25,7 +27,7 @@ import LoginForm from '@/components/LoginForm.vue'
         src="https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=1200&auto=format&fit=crop&q=80"
         alt="Login cover"
         class="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
-      >
+      />
     </div>
   </div>
 </template>

frontend/pages/register.vue

@@ -19,13 +19,7 @@
         <form @submit.prevent="handleRegister" class="space-y-4">
           <div class="space-y-2">
             <Label for="tenantId">Tenant ID</Label>
-            <Input
-              id="tenantId"
-              v-model="tenantId"
-              type="text"
-              required
-              placeholder="123"
-            />
+            <Input id="tenantId" v-model="tenantId" type="text" required placeholder="123" />
           </div>
 
           <div class="space-y-2">
@@ -55,40 +49,24 @@
           <div class="grid grid-cols-2 gap-4">
             <div class="space-y-2">
               <Label for="firstName">First Name</Label>
-              <Input
-                id="firstName"
-                v-model="firstName"
-                type="text"
-                placeholder="John"
-              />
+              <Input id="firstName" v-model="firstName" type="text" placeholder="John" />
             </div>
 
             <div class="space-y-2">
               <Label for="lastName">Last Name</Label>
-              <Input
-                id="lastName"
-                v-model="lastName"
-                type="text"
-                placeholder="Doe"
-              />
+              <Input id="lastName" v-model="lastName" type="text" placeholder="Doe" />
             </div>
           </div>
 
-          <Button
-            type="submit"
-            :disabled="loading"
-            class="w-full"
-          >
+          <Button type="submit" :disabled="loading" class="w-full">
             {{ loading ? 'Creating account...' : 'Create Account' }}
           </Button>
         </form>
       </CardContent>
       <CardFooter class="flex justify-center">
         <p class="text-sm text-muted-foreground">
-          Already have an account? 
-          <NuxtLink to="/login" class="text-primary hover:underline font-medium">
-            Login
-          </NuxtLink>
+          Already have an account?
+          <NuxtLink to="/login" class="text-primary hover:underline font-medium">Login</NuxtLink>
         </p>
       </CardFooter>
     </Card>
@@ -134,7 +112,7 @@ const handleRegister = async () => {
     }
 
     success.value = true
-    
+
     // Redirect to login after 2 seconds
     setTimeout(() => {
       router.push('/login')

frontend/pages/setup/apps/[slug].vue

@@ -1,43 +1,36 @@
 <template>
   <div class="min-h-screen bg-background">
-    <header class="border-b">
-      <div class="container mx-auto px-4 py-4">
-        <NuxtLink to="/" class="text-xl font-bold">Neo Platform</NuxtLink>
-      </div>
-    </header>
-    <main class="container mx-auto px-4 py-8">
-      <div v-if="loading" class="text-center py-12">Loading...</div>
-      <div v-else-if="error" class="text-destructive">Error: {{ error }}</div>
-      <div v-else-if="app">
-        <div class="mb-6">
-          <NuxtLink to="/setup/apps" class="text-sm text-primary hover:underline">
-            ← Back to Apps
-          </NuxtLink>
-        </div>
+    <NuxtLayout name="default">
+      <main class="container mx-auto px-4 py-8">
+        <div v-if="loading" class="text-center py-12">Loading...</div>
+        <div v-else-if="error" class="text-destructive">Error: {{ error }}</div>
+        <div v-else-if="app">
+          <div class="mb-6">
+            <NuxtLink to="/setup/apps" class="text-sm text-primary hover:underline">
+              ← Back to Apps
+            </NuxtLink>
+          </div>
 
-        <h1 class="text-3xl font-bold mb-6">{{ app.label }}</h1>
+          <h1 class="text-3xl font-bold mb-6">{{ app.label }}</h1>
 
-        <div class="mb-8">
-          <h2 class="text-2xl font-semibold mb-4">Pages</h2>
-          <div class="space-y-2">
-            <div
-              v-for="page in app.pages"
-              :key="page.id"
-              class="p-4 border rounded-lg bg-card"
-            >
-              <div class="flex items-center justify-between">
-                <div>
-                  <h3 class="font-semibold">{{ page.label }}</h3>
-                  <p class="text-sm text-muted-foreground">
-                    Type: {{ page.type }} | Slug: {{ page.slug }}
-                  </p>
+          <div class="mb-8">
+            <h2 class="text-2xl font-semibold mb-4">Pages</h2>
+            <div class="space-y-2">
+              <div v-for="page in app.pages" :key="page.id" class="p-4 border rounded-lg bg-card">
+                <div class="flex items-center justify-between">
+                  <div>
+                    <h3 class="font-semibold">{{ page.label }}</h3>
+                    <p class="text-sm text-muted-foreground">
+                      Type: {{ page.type }} | Slug: {{ page.slug }}
+                    </p>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-    </main>
+      </main>
+    </NuxtLayout>
   </div>
 </template>
 

frontend/pages/setup/apps/index.vue

@@ -1,105 +1,88 @@
 <template>
   <div class="min-h-screen bg-background">
-    <header class="border-b">
-      <div class="container mx-auto px-4 py-4">
-        <div class="flex items-center justify-between">
-          <NuxtLink to="/" class="text-xl font-bold">Neo Platform</NuxtLink>
-          <div class="flex gap-4">
-            <NuxtLink
-              to="/setup/apps"
-              class="text-sm text-muted-foreground hover:text-foreground"
+    <NuxtLayout name="default">
+      <main class="container mx-auto px-4 py-8">
+        <div v-if="loading" class="text-center py-12">Loading...</div>
+        <div v-else-if="error" class="text-destructive">Error: {{ error }}</div>
+        <div v-else>
+          <div class="flex items-center justify-between mb-6">
+            <h1 class="text-3xl font-bold">Applications</h1>
+            <button
+              @click="showCreateForm = true"
+              class="px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90"
             >
-              Apps
-            </NuxtLink>
+              New App
+            </button>
+          </div>
+
+          <div v-if="showCreateForm" class="mb-6 p-6 border rounded-lg bg-card">
+            <h2 class="text-xl font-semibold mb-4">Create New App</h2>
+            <form @submit.prevent="createApp" class="space-y-4">
+              <div>
+                <label class="block text-sm font-medium mb-2">Slug</label>
+                <input
+                  v-model="newApp.slug"
+                  type="text"
+                  required
+                  class="w-full px-3 py-2 border rounded-md bg-background"
+                  placeholder="my-app"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium mb-2">Label</label>
+                <input
+                  v-model="newApp.label"
+                  type="text"
+                  required
+                  class="w-full px-3 py-2 border rounded-md bg-background"
+                  placeholder="My App"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium mb-2">Description</label>
+                <textarea
+                  v-model="newApp.description"
+                  class="w-full px-3 py-2 border rounded-md bg-background"
+                  rows="3"
+                />
+              </div>
+              <div class="flex gap-2">
+                <button
+                  type="submit"
+                  class="px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90"
+                >
+                  Create
+                </button>
+                <button
+                  type="button"
+                  @click="showCreateForm = false"
+                  class="px-4 py-2 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/90"
+                >
+                  Cancel
+                </button>
+              </div>
+            </form>
+          </div>
+
+          <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
             <NuxtLink
-              to="/setup/objects"
-              class="text-sm text-muted-foreground hover:text-foreground"
+              v-for="app in apps"
+              :key="app.id"
+              :to="`/setup/apps/${app.slug}`"
+              class="p-6 border rounded-lg hover:border-primary transition-colors bg-card"
             >
-              Objects
+              <h3 class="text-xl font-semibold mb-2">{{ app.label }}</h3>
+              <p class="text-sm text-muted-foreground mb-4">
+                {{ app.description || 'No description' }}
+              </p>
+              <div class="text-sm">
+                <span class="text-muted-foreground">{{ app.pages?.length || 0 }} pages</span>
+              </div>
             </NuxtLink>
           </div>
         </div>
-      </div>
-    </header>
-    <main class="container mx-auto px-4 py-8">
-      <div v-if="loading" class="text-center py-12">Loading...</div>
-      <div v-else-if="error" class="text-destructive">Error: {{ error }}</div>
-      <div v-else>
-        <div class="flex items-center justify-between mb-6">
-          <h1 class="text-3xl font-bold">Applications</h1>
-          <button
-            @click="showCreateForm = true"
-            class="px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90"
-          >
-            New App
-          </button>
-        </div>
-
-        <div v-if="showCreateForm" class="mb-6 p-6 border rounded-lg bg-card">
-          <h2 class="text-xl font-semibold mb-4">Create New App</h2>
-          <form @submit.prevent="createApp" class="space-y-4">
-            <div>
-              <label class="block text-sm font-medium mb-2">Slug</label>
-              <input
-                v-model="newApp.slug"
-                type="text"
-                required
-                class="w-full px-3 py-2 border rounded-md bg-background"
-                placeholder="my-app"
-              />
-            </div>
-            <div>
-              <label class="block text-sm font-medium mb-2">Label</label>
-              <input
-                v-model="newApp.label"
-                type="text"
-                required
-                class="w-full px-3 py-2 border rounded-md bg-background"
-                placeholder="My App"
-              />
-            </div>
-            <div>
-              <label class="block text-sm font-medium mb-2">Description</label>
-              <textarea
-                v-model="newApp.description"
-                class="w-full px-3 py-2 border rounded-md bg-background"
-                rows="3"
-              />
-            </div>
-            <div class="flex gap-2">
-              <button
-                type="submit"
-                class="px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90"
-              >
-                Create
-              </button>
-              <button
-                type="button"
-                @click="showCreateForm = false"
-                class="px-4 py-2 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/90"
-              >
-                Cancel
-              </button>
-            </div>
-          </form>
-        </div>
-
-        <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-          <NuxtLink
-            v-for="app in apps"
-            :key="app.id"
-            :to="`/setup/apps/${app.slug}`"
-            class="p-6 border rounded-lg hover:border-primary transition-colors bg-card"
-          >
-            <h3 class="text-xl font-semibold mb-2">{{ app.label }}</h3>
-            <p class="text-sm text-muted-foreground mb-4">{{ app.description || 'No description' }}</p>
-            <div class="text-sm">
-              <span class="text-muted-foreground">{{ app.pages?.length || 0 }} pages</span>
-            </div>
-          </NuxtLink>
-        </div>
-      </div>
-    </main>
+      </main>
+    </NuxtLayout>
   </div>
 </template>
 

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

@@ -1,51 +1,54 @@
 <template>
   <div class="min-h-screen bg-background">
-    <header class="border-b">
-      <div class="container mx-auto px-4 py-4">
-        <NuxtLink to="/" class="text-xl font-bold">Neo Platform</NuxtLink>
-      </div>
-    </header>
-    <main class="container mx-auto px-4 py-8">
-      <div v-if="loading" class="text-center py-12">Loading...</div>
-      <div v-else-if="error" class="text-destructive">Error: {{ error }}</div>
-      <div v-else-if="object">
-        <div class="mb-6">
-          <NuxtLink to="/setup/objects" class="text-sm text-primary hover:underline">
-            ← Back to Objects
-          </NuxtLink>
-        </div>
+    <NuxtLayout name="default">
+      <main class="container mx-auto px-4 py-8">
+        <div v-if="loading" class="text-center py-12">Loading...</div>
+        <div v-else-if="error" class="text-destructive">Error: {{ error }}</div>
+        <div v-else-if="object">
+          <div class="mb-6">
+            <NuxtLink to="/setup/objects" class="text-sm text-primary hover:underline">
+              ← Back to Objects
+            </NuxtLink>
+          </div>
 
-        <h1 class="text-3xl font-bold mb-6">{{ object.label }}</h1>
+          <h1 class="text-3xl font-bold mb-6">{{ object.label }}</h1>
 
-        <div class="mb-8">
-          <h2 class="text-2xl font-semibold mb-4">Fields</h2>
-          <div class="space-y-2">
-            <div
-              v-for="field in object.fields"
-              :key="field.id"
-              class="p-4 border rounded-lg bg-card"
-            >
-              <div class="flex items-center justify-between">
-                <div>
-                  <h3 class="font-semibold">{{ field.label }}</h3>
-                  <p class="text-sm text-muted-foreground">
-                    Type: {{ field.type }} | API Name: {{ field.apiName }}
-                  </p>
-                </div>
-                <div class="flex gap-2 text-xs">
-                  <span v-if="field.isRequired" class="px-2 py-1 bg-destructive/10 text-destructive rounded">
-                    Required
-                  </span>
-                  <span v-if="field.isUnique" class="px-2 py-1 bg-primary/10 text-primary rounded">
-                    Unique
-                  </span>
+          <div class="mb-8">
+            <h2 class="text-2xl font-semibold mb-4">Fields</h2>
+            <div class="space-y-2">
+              <div
+                v-for="field in object.fields"
+                :key="field.id"
+                class="p-4 border rounded-lg bg-card"
+              >
+                <div class="flex items-center justify-between">
+                  <div>
+                    <h3 class="font-semibold">{{ field.label }}</h3>
+                    <p class="text-sm text-muted-foreground">
+                      Type: {{ field.type }} | API Name: {{ field.apiName }}
+                    </p>
+                  </div>
+                  <div class="flex gap-2 text-xs">
+                    <span
+                      v-if="field.isRequired"
+                      class="px-2 py-1 bg-destructive/10 text-destructive rounded"
+                    >
+                      Required
+                    </span>
+                    <span
+                      v-if="field.isUnique"
+                      class="px-2 py-1 bg-primary/10 text-primary rounded"
+                    >
+                      Unique
+                    </span>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
-    </main>
+      </main>
+    </NuxtLayout>
   </div>
 </template>
 

frontend/pages/setup/objects/index.vue

@@ -1,122 +1,105 @@
 <template>
   <div class="min-h-screen bg-background">
-    <header class="border-b">
-      <div class="container mx-auto px-4 py-4">
-        <div class="flex items-center justify-between">
-          <NuxtLink to="/" class="text-xl font-bold">Neo Platform</NuxtLink>
-          <div class="flex gap-4">
-            <NuxtLink
-              to="/setup/apps"
-              class="text-sm text-muted-foreground hover:text-foreground"
+    <NuxtLayout name="default">
+      <main class="container mx-auto px-4 py-8">
+        <div v-if="loading" class="text-center py-12">Loading...</div>
+        <div v-else-if="error" class="text-destructive">Error: {{ error }}</div>
+        <div v-else>
+          <div class="flex items-center justify-between mb-6">
+            <h1 class="text-3xl font-bold">Objects</h1>
+            <button
+              @click="showCreateForm = true"
+              class="px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90"
             >
-              Apps
-            </NuxtLink>
+              New Object
+            </button>
+          </div>
+
+          <div v-if="showCreateForm" class="mb-6 p-6 border rounded-lg bg-card">
+            <h2 class="text-xl font-semibold mb-4">Create New Object</h2>
+            <form @submit.prevent="createObject" class="space-y-4">
+              <div>
+                <label class="block text-sm font-medium mb-2">API Name</label>
+                <input
+                  v-model="newObject.apiName"
+                  type="text"
+                  required
+                  class="w-full px-3 py-2 border rounded-md bg-background"
+                  placeholder="MyObject"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium mb-2">Label</label>
+                <input
+                  v-model="newObject.label"
+                  type="text"
+                  required
+                  class="w-full px-3 py-2 border rounded-md bg-background"
+                  placeholder="My Object"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium mb-2">Plural Label</label>
+                <input
+                  v-model="newObject.pluralLabel"
+                  type="text"
+                  class="w-full px-3 py-2 border rounded-md bg-background"
+                  placeholder="My Objects"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium mb-2">Description</label>
+                <textarea
+                  v-model="newObject.description"
+                  class="w-full px-3 py-2 border rounded-md bg-background"
+                  rows="3"
+                />
+              </div>
+              <div class="flex gap-2">
+                <button
+                  type="submit"
+                  class="px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90"
+                >
+                  Create
+                </button>
+                <button
+                  type="button"
+                  @click="showCreateForm = false"
+                  class="px-4 py-2 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/90"
+                >
+                  Cancel
+                </button>
+              </div>
+            </form>
+          </div>
+
+          <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
             <NuxtLink
-              to="/setup/objects"
-              class="text-sm text-muted-foreground hover:text-foreground"
+              v-for="obj in objects"
+              :key="obj.id"
+              :to="`/setup/objects/${obj.apiName}`"
+              class="p-6 border rounded-lg hover:border-primary transition-colors bg-card"
             >
-              Objects
+              <div class="flex items-start justify-between mb-2">
+                <h3 class="text-xl font-semibold">{{ obj.label }}</h3>
+                <span
+                  v-if="obj.isSystem"
+                  class="text-xs px-2 py-1 bg-muted text-muted-foreground rounded"
+                >
+                  System
+                </span>
+              </div>
+              <p class="text-sm text-muted-foreground mb-4">
+                {{ obj.description || 'No description' }}
+              </p>
+              <div class="text-sm">
+                <span class="text-muted-foreground">{{ obj.fields?.length || 0 }} fields</span>
+              </div>
             </NuxtLink>
           </div>
         </div>
-      </div>
-    </header>
-    <main class="container mx-auto px-4 py-8">
-      <div v-if="loading" class="text-center py-12">Loading...</div>
-      <div v-else-if="error" class="text-destructive">Error: {{ error }}</div>
-      <div v-else>
-        <div class="flex items-center justify-between mb-6">
-          <h1 class="text-3xl font-bold">Objects</h1>
-          <button
-            @click="showCreateForm = true"
-            class="px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90"
-          >
-            New Object
-          </button>
-        </div>
-
-        <div v-if="showCreateForm" class="mb-6 p-6 border rounded-lg bg-card">
-          <h2 class="text-xl font-semibold mb-4">Create New Object</h2>
-          <form @submit.prevent="createObject" class="space-y-4">
-            <div>
-              <label class="block text-sm font-medium mb-2">API Name</label>
-              <input
-                v-model="newObject.apiName"
-                type="text"
-                required
-                class="w-full px-3 py-2 border rounded-md bg-background"
-                placeholder="MyObject"
-              />
-            </div>
-            <div>
-              <label class="block text-sm font-medium mb-2">Label</label>
-              <input
-                v-model="newObject.label"
-                type="text"
-                required
-                class="w-full px-3 py-2 border rounded-md bg-background"
-                placeholder="My Object"
-              />
-            </div>
-            <div>
-              <label class="block text-sm font-medium mb-2">Plural Label</label>
-              <input
-                v-model="newObject.pluralLabel"
-                type="text"
-                class="w-full px-3 py-2 border rounded-md bg-background"
-                placeholder="My Objects"
-              />
-            </div>
-            <div>
-              <label class="block text-sm font-medium mb-2">Description</label>
-              <textarea
-                v-model="newObject.description"
-                class="w-full px-3 py-2 border rounded-md bg-background"
-                rows="3"
-              />
-            </div>
-            <div class="flex gap-2">
-              <button
-                type="submit"
-                class="px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90"
-              >
-                Create
-              </button>
-              <button
-                type="button"
-                @click="showCreateForm = false"
-                class="px-4 py-2 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/90"
-              >
-                Cancel
-              </button>
-            </div>
-          </form>
-        </div>
-
-        <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-          <NuxtLink
-            v-for="obj in objects"
-            :key="obj.id"
-            :to="`/setup/objects/${obj.apiName}`"
-            class="p-6 border rounded-lg hover:border-primary transition-colors bg-card"
-          >
-            <div class="flex items-start justify-between mb-2">
-              <h3 class="text-xl font-semibold">{{ obj.label }}</h3>
-              <span
-                v-if="obj.isSystem"
-                class="text-xs px-2 py-1 bg-muted text-muted-foreground rounded"
-              >
-                System
-              </span>
-            </div>
-            <p class="text-sm text-muted-foreground mb-4">{{ obj.description || 'No description' }}</p>
-            <div class="text-sm">
-              <span class="text-muted-foreground">{{ obj.fields?.length || 0 }} fields</span>
-            </div>
-          </NuxtLink>
-        </div>
-      </div>
-    </main>
+      </main>
+    </NuxtLayout>
   </div>
 </template>