feat: imrpove schema detection

Author: arashsheyda

client/app/components/EmptyScreen.vue

@@ -109,11 +109,12 @@ if (typeof window !== 'undefined') {
 
 <template>
   <div class="relative w-full h-full overflow-hidden font-mono text-slate-300">
-    <div class="absolute -left-48 -top-10 pointer-events-none z-1 opacity-50">
-      <canvas ref="matrixCanvas" />
-    </div>
-
     <div class="absolute inset-0 flex items-center justify-center z-2">
+      <canvas
+        ref="matrixCanvas"
+        class="absolute opacity-25"
+      />
+
       <div class="text-center space-y-6 max-w-md px-6">
         <div class="space-y-2">
           <h2 class="text-2xl font-bold text-white">

client/app/layouts/default.vue

@@ -251,7 +251,10 @@ const selectedCollection = computed(() => route.params.collection as string || '
           <template #right>
             <slot name="actions" />
 
-            <USlideover v-model:open="deleteConfirmOpen">
+            <USlideover
+              v-if="selectedCollection"
+              v-model:open="deleteConfirmOpen"
+            >
               <UButton
                 icon="i-lucide-trash-2"
                 color="error"

client/app/pages/[...collection]/index.vue

@@ -66,6 +66,25 @@ const schema = computedAsync<any>(async () => {
   if (!result || 'error' in result) {
     return null
   }
+  if (Object.keys(result).length === 0) {
+    const schemas = await rpc.value?.resourceSchema(collectionName.value)
+    if (schemas && !('error' in schemas)) {
+      // Normalize resourceSchema format to match getCollectionSchema
+      const normalized: Record<string, any> = {}
+      for (const [key, value] of Object.entries(schemas)) {
+        if (value && typeof value === 'object' && 'type' in value) {
+          const typeValue = (value as any).type
+          // If type is already a string, use it; otherwise get the constructor name
+          const typeName = typeof typeValue === 'string' ? typeValue : (typeValue?.name || 'unknown')
+          normalized[key] = { ...value, type: typeName }
+        }
+        else {
+          normalized[key] = value
+        }
+      }
+      return normalized
+    }
+  }
   return result
 }, null)
 
@@ -223,16 +242,16 @@ function addDocument() {
     return
   editing.value = true
   selectedDocument.value = {}
-  // if (schema.value) {
-  //   for (const field of Object.keys(schema.value))
-  //     selectedDocument.value[field] = ''
-  // }
-  // else {
-  for (const field of fields.value) {
-    if (field !== '_id')
+  if (schema.value) {
+    for (const field of Object.keys(schema.value))
       selectedDocument.value[field] = ''
   }
-  // }
+  else {
+    for (const field of fields.value) {
+      if (field !== '_id')
+        selectedDocument.value[field] = ''
+    }
+  }
 
   // Scroll to new document and focus on first field
   setTimeout(() => {
@@ -443,8 +462,6 @@ useEventListener(tableRef, 'scroll', updateShadow)
       </div>
     </div>
 
-    {{ JSON.stringify(schema) }}
-
     <UTable
       v-if="documents?.length || selectedDocument || fields.length"
       ref="tableRef"