14.0.0-B2 visualization error in the developer app fresh install

Yes, I cleared the cache several times from the dashboard, directly from the local files, and through the Chrome browser. I also tested it with Mozilla Firefox. I restarted the server and tried several options. B1 works perfectly, so the issue is isolated to B2. I tried using with both the `file cache` and `memcache` options, but the problem persists. It seems likely that the issue originates from or is related to the page module, possibly around the following URL: https://www.example.com/studio/builder_page.php?type=system&page=sys_profile_settings_cfilter)

server {
    listen 80 default_server;
    server_name localhost;


    root /opt/una;


    client_max_body_size 1024M;


    ############################################################################# Client Timeout                                                        #############################################################################


    ## request timed out -- default 60# read timeout for the request body from client, its set for testing purpose
    client_body_timeout 3600;


    # how long to wait for the client to send a request header, its set for testing purpose
    client_header_timeout 3600;


    # server will close connection after this time
    keepalive_timeout 3600;


    ## if client stop responding, free up memory -- default 60
    send_timeout 3600;


    ## Reset lingering timed out connections. Deflect DDoS.## allow the server to close connection on non responding client, this will free up memory
    reset_timedout_connection on;


    ############################################################################# Proxy Timeout                                                         #############################################################################


    proxy_connect_timeout 3600;
    proxy_send_timeout 3600;
    proxy_read_timeout 3600;


    ############################################################################# Location /                                                            #############################################################################



    location / {
        index index.html index.htm index.php;


        rewrite "^/page/(.*)$" /page.php?i=$1 last;
        rewrite "^/m/(.*)$" /modules/index.php?r=$1 last;
        rewrite "^/s/([a-zA-Z0-9_]+)/([a-zA-Z0-9\.]+)" /storage.php?o=$1&f=$2 last;


        if (!-e $request_filename) {
            rewrite  ^/(.+)$  /r.php?_q=$1  last;
            break;
        }


        # Block requests with suspicious patterns#if ($query_string ~* "(\%60|\%7C|\%26|\%24|\%3B|\%28|\%29)") {#return 403;#}


    }


    index index.php index.html index.htm;


    location ~ \.php$ {
        fastcgi_pass php:9000;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;


        # Adăugați aceste setări de timeout
        fastcgi_connect_timeout 3600;
        fastcgi_send_timeout 3600;
        fastcgi_read_timeout 3600;
        fastcgi_buffer_size 128k;
        fastcgi_buffers 4 256k;
        fastcgi_busy_buffers_size 256k;
        fastcgi_temp_file_write_size 256k;
    }


    ############################################################################# HSTS policy                                                           ##############################################################################add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;#add_header X-Frame-Options "SAMEORIGIN" always;#add_header X-XSS-Protection "1; mode=block" always;#add_header X-Content-Type-Options "nosniff" always;# add_header Content-Security-Policy "default-src 'self'" always;#add_header Referrer-Policy "strict-origin-when-cross-origin" always;


    ############################################################################# serve static files directly Tanks to Alex T https://una.io/u/alex-t   #############################################################################
   
    location ~* ^(/cache_public/|/plugins_public/|/modules/|/studio/|/template/).+\.(jpg|jpeg|gif|css|png|js|ico|svg|eot|ttf|woff|woff2|)$ {
        access_log        off;
        expires           1h;
        # root /opt/una# add_header Cache-Control "public";
        try_files       $uri =404;
    }


    ############################################################################# deny access to hidden files                                           #############################################################################
    
    location ~ /(\.ht|\.git) {
        deny  all;
    }


    ############################################################################# deny access to specific folders                                       #############################################################################
    
    location ~ ^/(cache/|storage/|logs/|plugins/|tmp/) {
        deny  all;
    }


    ############################################################################# Memcached Integration                                                 #############################################################################


    location /memcached {
        # Example using just the URI as the key# set $memcached_key $uri;


        # Example with query parameters included# set $memcached_key $uri$is_args$args;


        # Example with a custom key
        set $memcached_key "key-$uri-$arg_user_id";


        # Pass the key to the Memcached server
        memcached_pass memcached_server;


        # Define the response type
        default_type application/json;


        # Handle errors
        error_page 404 = /memcached_not_found;
    }


    location = /memcached_not_found {
        return 404 "{\"error\": \"Not found in Memcached\"}";
    }


    ############################################################################# Permissions-Policy and CORS                                           ##############################################################################add_header Permissions-Policy "accelerometer=(), autoplay=(), camera=(), encrypted-media=(), geolocation=(), gyroscope=(), magnetometer=(), microphone=(), midi=(), payment=(), picture-in-picture=(), sync-xhr=(), usb=(), ch-ua-form-factor=('self' 'https://accounts.google.com')" always;#add_header Access-Control-Allow-Origin "https://www.googleapis.com https://accounts.google.com https://maps.googleapis.com https://www.coozila.com https://coozila.com https://agi.coozila.com https://onesignal.com" always;#add_header Access-Control-Allow-Credentials "true" always;#add_header Access-Control-Allow-Headers "Content-Type, Authorization, X-Requested-With" always;
}

of course I also deleted cache manually with ssh, but it seems that there is a problem somewhere in the code, do you not have this problem?

sudo rm -rf cache/b*
sudo rm -rf cache/d*
sudo rm -rf cache/l*
sudo rm -rf cache_public//b*
sudo rm -rf cache_public//l*
sudo rm -rf cache_public//l*

in studio/template/css/common.less the 2 line below

@import (reference) 'default.less';

@import '../../../template/css/common.css';

generate a file name gzip_loader.php?file=bx_templ_css_07019d00ca0705e13fc7e7a47ff0fbb3.css

the import results somewhere in the middle of the css file content file :

etc

etc

-----

---

@media (min-width: 1536px) {

  .\32xl\:max-w-5xl {

    max-width:64rem

  }

  .\32xl\:text-6xl {

    font-size: 3.75rem;

    line-height: 1

  }

}

/*--- END: https://www.mysite.com//plugins_public/tailwind/css/tailwind.min.css---*/

@import "https://www.mysite.com/template/css/common.css";a {

  color: #1e8cf0

}

a:hover {

  color: #0a78dc

}

.sys-icon:not(.sys-colored),.sys-icon-a {

  color: #1e8cf0

}

a:hover>.sys-icon,a:hover>.sys-icon-a {

  color: #0a78dc

}

etc

and this stylesheet generate an eror in crome and fireox

1. Define @import rules at the top of the stylesheet
2. An @import rule was ignored because it wasn't defined at the top of the stylesheet. Such rules must appear at the top, before any style declaration and any other at-rule with the exception of @charset and @layer.

so it doesn't matter how many times I delete them, the regenerated compressed file with a different name will have the same import in the middle of it

similar error https://github.com/vercel/next.js/issues/59330

https://stylelint.io/user-guide/rules/no-invalid-position-at-import-rule/

chat-gpt:

### Handling `@import` Issues in `common.less`

#### Problem

You have a `common.less` file with:

```less

@import '../../../template/css/common.css';

@import (reference) 'default.less';

/**

 * Overwrite default styles

 */

/* body */

a {

  color: rgba(30, 140, 240, 1); 

}

a:hover {

  color: rgba(10, 120, 220, 1); 

}

.sys-icon:not(.sys-colored),

.sys-icon-a {

  color: rgba(30, 140, 240, 1);

}

```

The issue is that the CSS import and Less import are not handled correctly, leading to `@import` rules being ignored or misordered.

#### Solution

1. **Compile Less First:**

  Ensure that `common.less` is compiled to CSS before any concatenation occurs. This ensures the `@import` statements are processed correctly.

2. **Process Imports Properly:**

  Import CSS files at the top of your Less file and ensure that Less files are referenced correctly.

3. **Check Final Output:**

  Verify that the final CSS file correctly includes imports and that all styles are applied as expected.

### Summary

- **Compile** `common.less` to CSS before processing.

- **Ensure imports** are correctly handled in the final output.

- **Inspect final CSS** to verify correct import placement and style application.

You don't have any real suggestions? how to solve this error?

Ticket solved by https://unacms.com/u/leonids so many thanks, it seems that UNA does not support prefixes with special characters like www.site.com/+/ only www.site.com/someting/ special characters in the url can alter the css framework.