WIP - field level permission

frontend/components/ObjectAccessSettings.vue

@@ -43,20 +43,19 @@
       </CardContent>
     </Card>
 
-    <Card>
-      <CardHeader>
-        <CardTitle>Field-Level Security</CardTitle>
-        <CardDescription>
-          Control field visibility and editability by role (coming soon)
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        <div class="text-sm text-muted-foreground">
-          Field-level permissions will be managed through role configuration.
-          Navigate to Setup → Roles to configure field access for each role.
-        </div>
-      </CardContent>
-    </Card>
+    <FieldLevelSecurity 
+      v-if="objectId && fields && fields.length > 0"
+      :object-id="objectId"
+      :fields="fields"
+    />
+    
+    <div v-else-if="!objectId" class="text-sm text-muted-foreground">
+      Object ID not available
+    </div>
+    
+    <div v-else-if="!fields || fields.length === 0" class="text-sm text-muted-foreground">
+      No fields available
+    </div>
   </div>
 </template>
 
@@ -65,10 +64,13 @@ import { ref, watch } from 'vue';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '~/components/ui/card';
 import { Label } from '~/components/ui/label';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '~/components/ui/select';
+import FieldLevelSecurity from '~/components/FieldLevelSecurity.vue';
 
 const props = defineProps<{
   objectApiName: string;
+  objectId?: string;
   orgWideDefault?: string;
+  fields?: any[];
 }>();
 
 const emit = defineEmits<{