fixed support for optimade, poscar and some cifs; error styles

player/player.view.css.ts

@@ -99,6 +99,17 @@ namespace $.$$ {
 			height: '2rem',
 		},
 
+		Message: {
+			background: {
+				color: $mol_theme.back,
+			},
+			position: 'absolute',
+			zIndex: 1,
+			top: '6rem',
+			left: '50%',
+			transform: 'translateX(-50%)',
+		},
+
 	} )
 
 }

player/player.view.tree

@@ -74,6 +74,10 @@ $mpds_cifplayer_player $mol_view
 						\
 							\display none
 						S \elements
+		^ message_visible / <= Message $mol_view
+			sub /
+				<= Message_card $mol_card
+					title <= message? \
 	colors_light *
 		a \#990000
 		b \#009900

player/player.view.web.ts

@@ -8,12 +8,6 @@ namespace $.$$ {
 
 	export class $mpds_cifplayer_player extends $.$mpds_cifplayer_player {
 
-		@ $mol_mem
-		render(): void {
-			this.structure_3d_data() //for bubbling errors into view
-			super.render()
-		}
-
 		@ $mol_mem
 		available_overlays() {
 			return {
@@ -91,9 +85,27 @@ namespace $.$$ {
 			this.camera().position.add( this.camera_distance().multiplyScalar( this.zoom_scale_step() ) )
 		}
 
+		@ $mol_mem
+		message_visible() {
+			return this.message() ? super.message_visible() : []
+		}
+
 		@ $mol_mem
 		structure_3d_data() {
-			return new $mpds_cifplayer_matinfio( this.data() ).player()
+			try {
+
+				this.message( '' )
+
+				return new $mpds_cifplayer_matinfio( this.data() ).player()
+
+			} catch ( error: any ) {
+
+				const message = error.message || error
+				this.message( message )
+
+				return {} as ReturnType< $mpds_cifplayer_matinfio['player'] >
+
+			}
 		}
 
 		@ $mol_mem_key
@@ -444,7 +456,6 @@ namespace $.$$ {
 
 		@ $mol_mem
 		left_panel(): readonly any[] {
-			console.log('this.structure_3d_data()', this.structure_3d_data())
 			return this.structure_3d_data().cell_matrix ? super.left_panel() : []
 		}