diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 615549cc4..e638a5935 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -215,17 +215,18 @@ jobs:
       with:
         name: online-ui
     - name: Setup webapp server
-      run: |
-        > echo '
+      run: >-
+        echo '
           include_shell "/usr/share/lighttpd/create-mime.conf.pl" 
-          server.document-root = "./site"
+          server.document-root = "/home/runner/work/KappaTools/KappaTools/site"
           server.port = 12345
           server.username = "root"
           server.groupname = "root"
           ' > lighttpd.conf
-        lighttpd -f lighttpd.conf -D
+        lighttpd -f lighttpd.conf -D &
+        sleep 10 && curl -i http://127.0.0.1:12345/index.html # test 
     - name: Run Playwright tests
-      run: DEBUG=pw:webserver npx playwright test
+      run: DEBUG=pw:webserver npx playwright test --retries=3 --trace retain-on-failure
     - uses: actions/upload-artifact@v4
       if: ${{ !cancelled() }}
       with:
diff --git a/tests/playwright/lighttpd.conf b/tests/playwright/lighttpd.conf
index 888817bb4..3ad26ded2 100644
--- a/tests/playwright/lighttpd.conf
+++ b/tests/playwright/lighttpd.conf
@@ -1,5 +1,5 @@
 include_shell "/usr/share/lighttpd/create-mime.conf.pl"
-server.document-root = "./build/site"
+server.document-root = var.CWD + "/build/site"
 server.port = 12345
 server.username = "root"
 server.groupname = "root"
diff --git a/tests/playwright/procedure.spec.ts b/tests/playwright/procedure.spec.ts
index 3a61d7538..006e79fa1 100644
--- a/tests/playwright/procedure.spec.ts
+++ b/tests/playwright/procedure.spec.ts
@@ -68,7 +68,7 @@ test.describe('Editor tab', () => {
     await utils.expect_no_error(page);
   });
 
-  test('contact_map', async ({ page }) => {
+  test('contact_map', async ({ browserName, page }) => {
     await utils.open_app_with_model(page, abc_ka);
     const contact_map = page.locator('#map-container');
     await expect.soft(contact_map).toHaveScreenshot();
@@ -88,11 +88,12 @@ test.describe('Editor tab', () => {
     await expect.soft(contact_map).toHaveScreenshot();
 
     //export
-    await utils.testExports(page, '#export_contact-export', 'map', ['svg', 'png', 'json']);
+    await utils.testExports(page, '#export_contact-export', 'map', ['svg', 'png', 'json'], undefined, browserName);
   });
 
   test('influences', async ({ page }) => {
-    const opts_screen = { threshold: 0.4 }
+    const opts_screen = { threshold: 0.2, maxDiffPixels: 60 }
+    const opts_screen_lenient = { threshold: 0.4, maxDiffPixels: 150 }
     await utils.open_app_with_model(page, abc_ka);
     await page.locator('#navinfluences').click();
     const table = page.locator('#influences-table');
@@ -102,14 +103,14 @@ test.describe('Editor tab', () => {
     await page.getByRole('button', { name: 'First node' }).click();
     await expect.soft(table).toHaveScreenshot();
     await page.locator('#influence-rendering').selectOption('graph');
-    await expect.soft(page.getByRole('img')).toHaveScreenshot(opts_screen);
+    await expect.soft(page.getByRole('img')).toHaveScreenshot(opts_screen_lenient);
     await page.locator('#influence-accuracy').selectOption('high');
     await expect.soft(page.getByRole('img')).toHaveScreenshot(opts_screen);
     await page.getByRole('button', { name: 'Next' }).click();
     await expect.soft(page.getByRole('img')).toHaveScreenshot(opts_screen);
     await page.getByRole('spinbutton', { name: 'Navigate' }).fill('2');
     await page.getByRole('spinbutton', { name: 'Navigate' }).press('Enter');
-    await expect.soft(page.getByRole('img')).toHaveScreenshot(opts_screen);
+    await expect.soft(page.getByRole('img')).toHaveScreenshot(opts_screen_lenient); // TODO: check why there is more issues on chromium?
     await page.locator('#influence-rendering').selectOption('tabular');
     await page.getByRole('button', { name: 'Track cursor' }).click();
     await page.locator('div:nth-child(10) > .CodeMirror-line > span > span:nth-child(7)').scrollIntoViewIfNeeded();
@@ -170,7 +171,7 @@ A(c[1]),C(a[1])
   });
 
   test('constraints_and_polymers_3', async ({ page }) => {
-    await utils.open_app_with_model(page, local_views_slide_69_ka, true);
+    await utils.open_app_with_model(page, local_views_slide_69_ka, true, 20000);
     await page.locator('#navconstraints').click();
     await expect.soft(constraint_locator(page, 0)).toHaveText(
       `E(x)  =>  [ E(x[.]) v E(x[x.R]) ]
@@ -215,7 +216,8 @@ R(CN[C.R],CR[CR.R])  =>  R(CN[2],CR[1]),R(C[2],CR[1])
   });
 
   test('contact_map_accuracy', async ({ page }) => {
-    await utils.open_app_with_model(page, minikai_counters_ka, false, 50000);
+    test.setTimeout(180000)
+    await utils.open_app_with_model(page, minikai_counters_ka, false, 120000);
     const contact_map = page.locator('#map-container');
     await expect.soft(contact_map).toHaveScreenshot();
     await page.locator('#contact_map-accuracy').selectOption('high');
@@ -226,7 +228,7 @@ R(CN[C.R],CR[CR.R])  =>  R(CN[2],CR[1]),R(C[2],CR[1])
 
 test.describe('Simulation tools', () => {
 
-  test('Simulation, plot', async ({ page }) => {
+  test('Simulation, plot', async ({ browserName, page }) => {
     await utils.open_app_with_model(page, abc_ka);
     await utils.setSeed(page, 1);
     // Run simulation to 30, then 100, then test plot options
@@ -262,7 +264,8 @@ test.describe('Simulation tools', () => {
     await page.locator('.panel-footer').click(); // needed for update
     await expect.soft(page.getByRole('img')).toHaveScreenshot();
 
-    await utils.testExports(page, '#export_plot-export', 'plot', ['svg', 'csv', 'json', 'tsv', 'png']);
+    await utils.testExports(page, '#export_plot-export', 'plot', ['csv', 'json', 'tsv'], undefined);
+    await utils.testExports(page, '#export_plot-export', 'plot', ['svg', 'png'], undefined, browserName);
 
     // Test larger plots, slider
     await utils.set_pause_if(page, '[T] > 2000');
@@ -294,6 +297,10 @@ test.describe('Simulation tools', () => {
     // Run simulation to 30, then 100, then test plot options
     await utils.set_pause_if(page, '[T] > 30');
     await page.getByRole('button', { name: 'start' }).click();
+
+    await page.waitForTimeout(3000);
+    // await utils.wait_for_file_load(page, { timeout: 20000 }); // TODO: fix: glyphicon doesn't show properly
+    //
     await page.locator('#navDIN').click();
     await expectScreenShotDINTable();
 
@@ -301,6 +308,10 @@ test.describe('Simulation tools', () => {
 
     await utils.set_pause_if(page, '[T] > 60');
     await page.getByRole('button', { name: 'continue' }).click();
+
+    await page.waitForTimeout(3000);
+    // await utils.wait_for_file_load(page, { timeout: 20000 }); // TODO: fix: glyphicon doesn't show properly
+    //
     await expectScreenShotDINTable();
     await page.getByRole('combobox').first().selectOption('flux.json');
     await expectScreenShotDINTable();
@@ -311,18 +322,20 @@ test.describe('Simulation tools', () => {
     await expectScreenShotDINTable();
   });
 
-  test('snapshots', async ({ page }) => {
+  test('snapshots', async ({ browserName, page }) => {
     await utils.open_app_with_model(page, abc_ka);
     await utils.setSeed(page, 1);
 
     // Generate two snapshots
     await utils.set_pause_if(page, '[T] > 30');
     await page.getByRole('button', { name: 'start' }).click();
+    await utils.wait_for_sim_stop(page, { timeout: 10000 });
     await utils.apply_perturbation(page, '');
     await expect.soft(utils.get_error_field(page)).toHaveText(" « 1/1 » [] Problematic effect list ");
     await utils.apply_perturbation(page, '$SNAPSHOT');
     await utils.set_pause_if(page, '[T] > 60');
     await page.getByRole('button', { name: 'continue' }).click();
+    await utils.wait_for_sim_stop(page, { timeout: 10000 });
     await utils.apply_perturbation(page, '$SNAPSHOT "T60"');
 
     // check log page
@@ -399,11 +412,18 @@ test.describe('Simulation tools', () => {
     await utils.testExports(page, "#export_snapshot_kappa", "snapshot_kappa", ["json", "kappa", "dot"],
       ['', '', '"#\\w{5,6}"']);
     await page.locator('#format_select_id').selectOption('Graph');
-    await utils.testExports(page, "#export_snapshot_graph", "snapshot_graph", ["json", "kappa", "dot", "svg", "png"],
-      ['', '', '"#\\w{5,6}"', '<svg class="svg-group" id="map-container".*', '']);
+    await utils.testExports(page, "#export_snapshot_graph", "snapshot_graph", ["json", "kappa", "dot"], ['', '', '"#\\w{5,6}"']);
+
+    await utils.testExports(page, "#export_snapshot_graph", "snapshot_graph", ["svg"],
+      ['<svg class="svg.*'], browserName);
+    if (browserName != "chromium") {
+      await utils.testExports(page, "#export_snapshot_graph", "snapshot_graph", ["png"],
+        [""], browserName);
+    }
     // note: dot and svg export have special change as there is variance on their outputs if ran in playwright through the cli or through --ui …
     // dot : don't check colors, svg: only check there is a svg header
-    // TODO: more complete match for svg, where the difference seems to be in the sizes…
+    // TODO: more complete match for svg, where the difference seems to be in the sizes…, check png
+    // Graphics are different between firefox and chrome… and on chrome png is also different between --ui and cli uuuuuh
 
   });
 
@@ -414,13 +434,17 @@ test.describe('Simulation tools', () => {
     // Generate two snapshots
     await utils.set_pause_if(page, '[T] > 30');
     await page.getByRole('button', { name: 'start' }).click();
+    await utils.wait_for_sim_stop(page, { timeout: 10000 });
     const print_time = '$PRINT "time: ".[T] > "time.txt"';
     const print_ab = '$PRINT \'AB\' > "ab.txt"';
     await utils.apply_perturbation(page, print_time);
+    await page.waitForTimeout(500);
     await utils.apply_perturbation(page, print_ab);
     await utils.set_pause_if(page, '[T] > 60');
     await page.getByRole('button', { name: 'continue' }).click();
+    await utils.wait_for_sim_stop(page, { timeout: 10000 });
     await utils.apply_perturbation(page, print_time);
+    await page.waitForTimeout(500);
     await utils.apply_perturbation(page, print_ab);
 
     // check log page
@@ -688,6 +712,9 @@ test.describe('projects_and_files', () => {
       // await page.waitForTimeout(2000);
       await expect(locator_project_tabs_list.locator('li').nth(n)).toHaveClass("active", { timeout: 10000 });
     }
+    async function wait_for_project_nb(nb: number) {
+      await utils.expect_locator_toHaveInnerHtml(page, locator_project_tabs_text.nth(nb), "New project", 5000);
+    }
 
     // open new project
     const project_name = 'new_project'
@@ -697,14 +724,17 @@ test.describe('projects_and_files', () => {
     await page.getByPlaceholder('project new').click();
     await page.getByPlaceholder('project new').fill(project_name);
     await page.getByPlaceholder('project new').press('Enter');
+    await wait_for_project_nb(2);
     // add new file "abc.ka" and fill it
     await page.getByRole('button', { name: 'File' }).click();
     await page.locator('#menu-editor-file-new-li').click();
     await page.getByRole('textbox', { name: 'file name' }).click();
     await page.getByRole('textbox', { name: 'file name' }).fill('abc.ka');
     await page.getByRole('textbox', { name: 'file name' }).press('Enter');
+    await page.waitForTimeout(5000);
     await page.locator('.CodeMirror-scroll').click();
     await utils.input_in_editor_from_url(page, abc_ka);
+    await utils.wait_for_file_load(page, { timeout: 10000 });
 
     // switch and check contact_map change
     const contact_map = page.locator('#map-container');
@@ -758,6 +788,7 @@ test.describe('projects_and_files', () => {
 %mod: [true] do $TRACK 'S++' [true] ;
 `
     );
+    await utils.wait_for_file_load(page, { timeout: 10000 });
     const contact_map = page.locator('#map-container');
     await expect.soft(contact_map).toHaveScreenshot();
 
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-1-chromium-linux.png
new file mode 100644
index 000000000..2811b26ee
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-2-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-2-chromium-linux.png
new file mode 100644
index 000000000..f6f08be6f
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-2-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-3-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-3-chromium-linux.png
new file mode 100644
index 000000000..08e44d1c4
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-3-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-4-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-4-chromium-linux.png
new file mode 100644
index 000000000..b34691624
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-4-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-5-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-5-chromium-linux.png
new file mode 100644
index 000000000..2811b26ee
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-5-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-6-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-6-chromium-linux.png
new file mode 100644
index 000000000..e37a480e1
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-6-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-7-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-7-chromium-linux.png
new file mode 100644
index 000000000..2811b26ee
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-7-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-accuracy-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-accuracy-1-chromium-linux.png
new file mode 100644
index 000000000..9553b5cd1
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-accuracy-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-accuracy-2-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-accuracy-2-chromium-linux.png
new file mode 100644
index 000000000..359809ee4
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-contact-map-accuracy-2-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-1-chromium-linux.png
new file mode 100644
index 000000000..69e3423fb
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-10-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-10-chromium-linux.png
new file mode 100644
index 000000000..c2be14615
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-10-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-2-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-2-chromium-linux.png
new file mode 100644
index 000000000..b4f164263
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-2-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-3-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-3-chromium-linux.png
new file mode 100644
index 000000000..931dfe5c3
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-3-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-4-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-4-chromium-linux.png
new file mode 100644
index 000000000..77357244d
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-4-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-5-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-5-chromium-linux.png
new file mode 100644
index 000000000..35380d0ac
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-5-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-6-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-6-chromium-linux.png
new file mode 100644
index 000000000..e86a2efab
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-6-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-7-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-7-chromium-linux.png
new file mode 100644
index 000000000..6ef1cdacb
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-7-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-8-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-8-chromium-linux.png
new file mode 100644
index 000000000..c2be14615
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-8-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-9-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-9-chromium-linux.png
new file mode 100644
index 000000000..e3fdc6804
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Editor-tab-influences-9-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-1-chromium-linux.png
new file mode 100644
index 000000000..70c86bc89
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-2-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-2-chromium-linux.png
new file mode 100644
index 000000000..70c86bc89
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-2-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-3-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-3-chromium-linux.png
new file mode 100644
index 000000000..1aa1addb9
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-3-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-4-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-4-chromium-linux.png
new file mode 100644
index 000000000..70c86bc89
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-DIN-4-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-1-chromium-linux.png
new file mode 100644
index 000000000..5b3f77905
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-10-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-10-chromium-linux.png
new file mode 100644
index 000000000..f94aa9c7f
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-10-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-11-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-11-chromium-linux.png
new file mode 100644
index 000000000..cf7c22d3b
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-11-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-12-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-12-chromium-linux.png
new file mode 100644
index 000000000..4d7a86e29
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-12-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-13-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-13-chromium-linux.png
new file mode 100644
index 000000000..1ad215cc6
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-13-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-2-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-2-chromium-linux.png
new file mode 100644
index 000000000..f94aa9c7f
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-2-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-3-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-3-chromium-linux.png
new file mode 100644
index 000000000..6803bb942
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-3-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-4-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-4-chromium-linux.png
new file mode 100644
index 000000000..f3c4c16f9
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-4-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-5-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-5-chromium-linux.png
new file mode 100644
index 000000000..4612a1f89
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-5-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-6-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-6-chromium-linux.png
new file mode 100644
index 000000000..f94aa9c7f
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-6-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-7-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-7-chromium-linux.png
new file mode 100644
index 000000000..5cf4e9c70
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-7-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-8-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-8-chromium-linux.png
new file mode 100644
index 000000000..f94aa9c7f
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-8-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-9-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-9-chromium-linux.png
new file mode 100644
index 000000000..8899f4f0b
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-Simulation-plot-9-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-1-chromium-linux.png
new file mode 100644
index 000000000..be66186e5
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-2-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-2-chromium-linux.png
new file mode 100644
index 000000000..b6a6fb37b
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-2-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-3-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-3-chromium-linux.png
new file mode 100644
index 000000000..53ece67d8
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-3-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-4-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-4-chromium-linux.png
new file mode 100644
index 000000000..c467c466e
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-4-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-5-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-5-chromium-linux.png
new file mode 100644
index 000000000..199ff6e56
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-5-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-6-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-6-chromium-linux.png
new file mode 100644
index 000000000..53226c765
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/Simulation-tools-snapshots-6-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-files-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-files-1-chromium-linux.png
new file mode 100644
index 000000000..bcc9cc9f6
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-files-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-files-1-firefox-linux.png b/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-files-1-firefox-linux.png
index 343bf6cdc..4c2a16b4b 100644
Binary files a/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-files-1-firefox-linux.png and b/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-files-1-firefox-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-project-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-project-1-chromium-linux.png
new file mode 100644
index 000000000..2811b26ee
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-project-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-project-2-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-project-2-chromium-linux.png
new file mode 100644
index 000000000..286af034b
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-project-2-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-project-3-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-project-3-chromium-linux.png
new file mode 100644
index 000000000..2811b26ee
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/projects-and-files-project-3-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/stories-Causal-select-stories-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/stories-Causal-select-stories-1-chromium-linux.png
new file mode 100644
index 000000000..d3662eb6b
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/stories-Causal-select-stories-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/stories-Causal-select-stories-2-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/stories-Causal-select-stories-2-chromium-linux.png
new file mode 100644
index 000000000..aa0fad3d2
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/stories-Causal-select-stories-2-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/stories-Causal-select-stories-3-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/stories-Causal-select-stories-3-chromium-linux.png
new file mode 100644
index 000000000..ae7d3ab21
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/stories-Causal-select-stories-3-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/stories-Strongly-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/stories-Strongly-1-chromium-linux.png
new file mode 100644
index 000000000..aa0fad3d2
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/stories-Strongly-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/stories-Weakly-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/stories-Weakly-1-chromium-linux.png
new file mode 100644
index 000000000..666b8a3ee
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/stories-Weakly-1-chromium-linux.png differ
diff --git a/tests/playwright/procedure.spec.ts-snapshots/stories-Weakly-Strongly-1-chromium-linux.png b/tests/playwright/procedure.spec.ts-snapshots/stories-Weakly-Strongly-1-chromium-linux.png
new file mode 100644
index 000000000..666b8a3ee
Binary files /dev/null and b/tests/playwright/procedure.spec.ts-snapshots/stories-Weakly-Strongly-1-chromium-linux.png differ
diff --git a/tests/playwright/refs/map.json b/tests/playwright/refs/map_chromium.json
similarity index 100%
rename from tests/playwright/refs/map.json
rename to tests/playwright/refs/map_chromium.json
diff --git a/tests/playwright/refs/map_chromium.png b/tests/playwright/refs/map_chromium.png
new file mode 100644
index 000000000..22e2ee090
Binary files /dev/null and b/tests/playwright/refs/map_chromium.png differ
diff --git a/tests/playwright/refs/map_chromium.svg b/tests/playwright/refs/map_chromium.svg
new file mode 100644
index 000000000..59ac960db
--- /dev/null
+++ b/tests/playwright/refs/map_chromium.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" class="svg-group" id="map-container" preserveAspectRatio="xMinYMin meet" viewBox="0 0 595 250.5" style="transform-origin: 50% 50% 0px;" version="1.1" xmlns="http://www.w3.org/2000/svg"><g transform="translate(287.5,115.25)"><g transform="translate(0,0) scale(1)"><path class="link" d="M42.810359208635134,-58.92340442364201L42.58710070507368,-52.1926200853782C42.36384220151223,-45.4618357471144,41.91732519438931,-32.000267070586794,34.45153711301435,-19.195556148127938C26.98574903163939,-6.390845225669081,12.500689876012375,5.757007942721017,-1.984369279614641,6.774884719978734C-16.469428435241657,7.792761497236454,-30.954487590868677,-2.3193381166382054,-42.16852875596018,-1.5523586756608327C-53.3825699210517,-0.7853792346834597,-61.325593095607694,10.860679261145947,-65.29710468288569,16.683708509060647L-69.26861627016369,22.50673775697535" stroke="steelblue" stroke-width="2" fill="transparent" style="stroke-opacity: 0.4; stroke-width: 2; stroke: steelblue;"></path><path class="link" d="M42.810359208635134,-58.92340442364201L42.75246481170823,-52.701558474007065C42.69457041478133,-46.47971252437211,42.57878162092753,-34.036020625102225,35.44372175282167,-22.249186479901088C28.308661884715818,-10.46235233469995,14.154330942357909,0.6676240564324291,0,0.6676240564324315C-14.15433094235791,0.6676240564324338,-28.30866188471582,-10.462352334699942,-35.44372175282168,-22.24918647990108C-42.578781620927536,-34.03602062510222,-42.694570414781346,-46.47971252437211,-42.75246481170824,-52.701558474007065L-42.81035920863515,-58.923404423642005" stroke="steelblue" stroke-width="2" fill="transparent" style="stroke-opacity: 0.4; stroke-width: 2; stroke: steelblue;"></path><path class="link" d="M69.2686162701637,22.506737756975333L65.56466942793968,17.50718812004173C61.86072258571564,12.507638483108122,54.45282890126757,2.5085392092409102,43.773917226284006,3.388518990225732C33.09500555130044,4.268498771210553,19.145075885781356,16.02755760704741,11.737182201333297,25.660980099169922C4.329288516885237,35.294402591292446,3.4634308135081917,42.802188739700625,2.597573110131146,50.3099748881088C1.7317154067541007,57.81776103651699,0.8658577033770553,65.32554718492516,0.4329288516885324,69.07944025912924L9.713212433001708e-15,72.83333333333334" stroke="steelblue" stroke-width="2" fill="transparent" style="stroke-opacity: 0.4; stroke-width: 2; stroke: steelblue;"></path><path class="link" d="M8.919510853789891e-15,72.83333333333334L0.4329288516885316,69.07944025912926C0.8658577033770544,65.32554718492516,1.7317154067540999,57.81776103651699,2.5975731101311452,50.309974888108805C3.463430813508191,42.802188739700625,4.329288516885236,35.294402591292446,11.737182201333297,25.66098009916993C19.145075885781356,16.02755760704741,33.09500555130044,4.268498771210553,43.773917226284006,3.388518990225732C54.45282890126757,2.5085392092409102,61.86072258571564,12.507638483108122,65.56466942793968,17.50718812004173L69.2686162701637,22.506737756975333" stroke="steelblue" stroke-width="2" fill="transparent" style="stroke-opacity: 0.4; stroke-width: 2; stroke: steelblue;"></path><path class="link" d="M-69.26861627016369,22.50673775697535L-65.29710468288569,16.683708509060647C-61.325593095607694,10.860679261145947,-53.3825699210517,-0.7853792346834597,-42.16852875596019,-1.5523586756608327C-30.954487590868677,-2.3193381166382054,-16.469428435241657,7.792761497236454,-1.984369279614641,6.774884719978734C12.500689876012375,5.757007942721015,26.98574903163939,-6.390845225669083,34.45153711301435,-19.195556148127938C41.91732519438931,-32.000267070586794,42.36384220151223,-45.4618357471144,42.58710070507368,-52.1926200853782L42.810359208635134,-58.92340442364201" stroke="steelblue" stroke-width="2" fill="transparent" style="stroke-opacity: 0.4; stroke-width: 2; stroke: steelblue;"></path><path class="link" d="M-42.81035920863515,-58.923404423642005L-42.75246481170824,-52.70155847400705C-42.694570414781346,-46.47971252437211,-42.578781620927536,-34.03602062510222,-35.44372175282168,-22.24918647990108C-28.30866188471582,-10.462352334699942,-14.15433094235791,0.6676240564324338,0,0.6676240564324315C14.154330942357909,0.6676240564324291,28.308661884715818,-10.46235233469995,35.44372175282167,-22.249186479901088C42.57878162092753,-34.036020625102225,42.69457041478133,-46.47971252437211,42.75246481170823,-52.701558474007065L42.810359208635134,-58.92340442364201" stroke="steelblue" stroke-width="2" fill="transparent" style="stroke-opacity: 0.4; stroke-width: 2; stroke: steelblue;"></path><g><path class="nodeArcPath" d="M9.649946607851469,-95.5556396377353A96.04166666666667,96.04166666666667,0,0,1,63.9731665529976,71.63404007379133L52.61085930891941,55.99516580820348A76.83333333333334,76.83333333333334,0,0,0,9.649946607851458,-76.22492795389661Z" style="fill: rgb(37, 142, 215); opacity: 1; fill-opacity: 1; stroke-width: 0;"></path><path d="M5.292770385064967e-15,-86.4375A86.4375,86.4375,0,0,1,50.806687745030644,69.92940645128452A86.4375,86.4375,0,0,0,5.292770385064967e-15,-86.4375Z" class="nodeTextArc" id="nodeTextArc_0" style="fill: none; stroke-width: 0; stroke: transparent;"></path><text><textPath dominant-baseline="central" xlink:href="#nodeTextArc_0" startOffset="25%" style="text-anchor: middle; font-size: 110%; fill: rgb(11, 41, 62); pointer-events: none;">A</textPath></text></g><g><path class="nodeArcPath" d="M48.35922495187218,82.97823267680106A96.04166666666667,96.04166666666667,0,0,1,-48.359224951872186,82.97823267680106L-36.99691770779398,67.33935841121321A76.83333333333334,76.83333333333334,0,0,0,36.996917707794005,67.33935841121321Z" style="fill: rgb(208, 238, 255); opacity: 1; fill-opacity: 1; stroke-width: 0;"></path><path d="M50.806687745030644,69.92940645128452A86.4375,86.4375,0,0,1,-50.80668774503064,69.92940645128452A86.4375,86.4375,0,0,0,50.806687745030644,69.92940645128452Z" class="nodeTextArc" id="nodeTextArc_1" style="fill: none; stroke-width: 0; stroke: transparent;"></path><text><textPath dominant-baseline="central" xlink:href="#nodeTextArc_1" startOffset="75%" style="text-anchor: middle; font-size: 110%; fill: rgb(60, 68, 80); pointer-events: none;">B</textPath></text></g><g><path class="nodeArcPath" d="M-63.973166552997576,71.63404007379135A96.04166666666667,96.04166666666667,0,0,1,-9.649946607851458,-95.5556396377353L-9.649946607851483,-76.22492795389661A76.83333333333334,76.83333333333334,0,0,0,-52.610859308919416,55.99516580820348Z" style="fill: rgb(255, 152, 17); opacity: 1; fill-opacity: 1; stroke-width: 0;"></path><path d="M-50.80668774503064,69.92940645128452A86.4375,86.4375,0,0,1,-1.5878311155194902e-14,-86.4375A86.4375,86.4375,0,0,0,-50.80668774503064,69.92940645128452Z" class="nodeTextArc" id="nodeTextArc_2" style="fill: none; stroke-width: 0; stroke: transparent;"></path><text><textPath dominant-baseline="central" xlink:href="#nodeTextArc_2" startOffset="25%" style="text-anchor: middle; font-size: 110%; fill: rgb(87, 44, 5); pointer-events: none;">C</textPath></text></g><g><text text-anchor="start" class="siteText siteText--normal" dominant-baseline="central" transform="translate(66.8483269221794,-92.00882858943413) rotate(306)" style="font-size: 110%; fill: rgb(22, 83, 126); font-weight: normal;" opacity="1">c</text><circle class="outerSite" cx="45.161500217805006" cy="-62.15947240114181" r="6" stroke="rgb(22, 83, 126)" fill="rgb(22, 83, 126)" style="fill: rgb(22, 83, 126);"></circle></g><g><text text-anchor="start" class="siteText siteText--normal" dominant-baseline="central" transform="translate(108.1628650511509,35.14424525610079) rotate(378)" style="font-size: 110%; fill: rgb(22, 83, 126); font-weight: normal;" opacity="1">x</text><circle class="outerSite" cx="73.07284233534432" cy="23.742805734475112" r="6" stroke="rgb(22, 83, 126)" fill="rgb(22, 83, 126)" style="fill: rgb(22, 83, 126);"></circle></g><g><text text-anchor="end" class="siteText siteText--normal" dominant-baseline="central" transform="translate(6.96390299640146e-15,113.72916666666667) rotate(630)" style="font-size: 110%; fill: rgb(122, 139, 162); font-weight: normal;" opacity="1">x</text><circle class="outerSite" cx="2.352342393362208e-14" cy="76.83333333333334" r="6" stroke="rgb(122, 139, 162)" fill="rgb(122, 139, 162)" style="fill: rgb(122, 139, 162);"></circle></g><g><text text-anchor="end" class="siteText siteText--normal" dominant-baseline="central" transform="translate(-108.1628650511509,35.1442452561008) rotate(702)" style="font-size: 110%; fill: rgb(179, 89, 10); font-weight: normal;" opacity="1">x1</text><circle class="outerSite" cx="-73.07284233534429" cy="23.74280573447516" r="6" stroke="rgb(179, 89, 10)" fill="rgb(179, 89, 10)" style="fill: rgb(179, 89, 10);"></circle></g><g><text text-anchor="end" class="siteText siteText--normal" dominant-baseline="central" transform="translate(-66.84832692217941,-92.00882858943412) rotate(774)" style="font-size: 110%; fill: rgb(179, 89, 10); font-weight: normal;" opacity="1">x2</text><circle class="outerSite" cx="-45.16150021780505" cy="-62.159472401141784" r="6" stroke="rgb(179, 89, 10)" fill="rgb(179, 89, 10)" style="fill: rgb(179, 89, 10);"></circle></g><g class="site" transform="rotate(306)"><line opacity="0.5" stroke="rgb(22, 83, 126)" stroke-dasharray="2,2" stroke-width="2" x1="82.83333333333334" x2="96.04166666666667" style="pointer-events: none;"></line></g><g class="site" transform="rotate(378)"><line opacity="0.5" stroke="rgb(22, 83, 126)" stroke-dasharray="2,2" stroke-width="2" x1="82.83333333333334" x2="96.04166666666667" style="pointer-events: none;"></line></g><g class="site" transform="rotate(450)"><line opacity="0.5" stroke="rgb(122, 139, 162)" stroke-dasharray="2,2" stroke-width="2" x1="82.83333333333334" x2="96.04166666666667" style="pointer-events: none;"></line></g><g class="site" transform="rotate(522)"><line opacity="0.5" stroke="rgb(179, 89, 10)" stroke-dasharray="2,2" stroke-width="2" x1="82.83333333333334" x2="96.04166666666667" style="pointer-events: none;"></line></g><g class="site" transform="rotate(594)"><line opacity="0.5" stroke="rgb(179, 89, 10)" stroke-dasharray="2,2" stroke-width="2" x1="82.83333333333334" x2="96.04166666666667" style="pointer-events: none;"></line></g><g class="stateLink" id="stateLinka0s0" opacity="0"></g><g class="stateLink" id="stateLinka0s1" opacity="0"></g><g class="stateLink" id="stateLinka1s0" opacity="0"></g><g class="stateLink" id="stateLinka2s0" opacity="0"><line transform="rotate(522)" stroke="rgb(125, 62, 7)" stroke-width="2" x2="147.83645833333333" x1="134.99270833333333"></line><path d="M-93.03192012729811,116.81797646326281A149.33645833333333,149.33645833333333,0,0,1,-143.92828817007202,-39.824937563995064L-142.50029371753703,-39.3609540402551A147.83645833333333,147.83645833333333,0,0,0,-92.14937101988521,115.60325182789168Z" id="stateArca2s0" style="fill: rgb(125, 62, 7);"></path><text text-anchor="end" class="stateText" id="stateTexta2s0id0" dominant-baseline="central" transform="translate(-130.54346859979623,88.71724964821713) rotate(685.8)" style="fill: rgb(125, 62, 7); font-size: 110%;">p</text><text text-anchor="end" class="stateText" id="stateTexta2s0id1" dominant-baseline="central" transform="translate(-157.7585755690591,4.957762966453397) rotate(718.1999999999999)" style="fill: rgb(125, 62, 7); font-size: 110%;">u</text></g><g class="stateLink" id="stateLinka2s1" opacity="0"><line transform="rotate(594)" stroke="rgb(125, 62, 7)" stroke-width="2" x2="147.83645833333333" x1="134.99270833333333"></line><path d="M-139.84894207446783,-52.37987388487629A149.33645833333333,149.33645833333333,0,0,1,-6.600520634561819,-149.19051885054935L-6.600520634561842,-147.689036627287A147.83645833333333,147.83645833333333,0,0,0,-138.4209476219328,-51.91589036113637Z" id="stateArca2s1" style="fill: rgb(125, 62, 7);"></path><text text-anchor="end" class="stateText" id="stateTexta2s1id0" dominant-baseline="central" transform="translate(-124.71526868771019,-96.73907863610404) rotate(757.8)" style="fill: rgb(125, 62, 7); font-size: 110%;">p</text><text text-anchor="end" class="stateText" id="stateTexta2s1id1" dominant-baseline="central" transform="translate(-53.46519363471595,-148.5052882856782) rotate(790.2)" style="fill: rgb(125, 62, 7); font-size: 110%;">u</text></g></g></g></svg>
\ No newline at end of file
diff --git a/tests/playwright/refs/map_firefox.json b/tests/playwright/refs/map_firefox.json
new file mode 100644
index 000000000..1d17d339f
--- /dev/null
+++ b/tests/playwright/refs/map_firefox.json
@@ -0,0 +1 @@
+[[{"node_type":"A","node_sites":[{"site_name":"c","site_type":["port",{"port_links":[[[0,2],0],[[0,2],1]],"port_states":[]}]},{"site_name":"x","site_type":["port",{"port_links":[[[0,1],0]],"port_states":[]}]}]},{"node_type":"B","node_sites":[{"site_name":"x","site_type":["port",{"port_links":[[[0,0],1]],"port_states":[]}]}]},{"node_type":"C","node_sites":[{"site_name":"x1","site_type":["port",{"port_links":[[[0,0],0]],"port_states":["p","u"]}]},{"site_name":"x2","site_type":["port",{"port_links":[[[0,0],0]],"port_states":["p","u"]}]}]}]]
\ No newline at end of file
diff --git a/tests/playwright/refs/map.png b/tests/playwright/refs/map_firefox.png
similarity index 100%
rename from tests/playwright/refs/map.png
rename to tests/playwright/refs/map_firefox.png
diff --git a/tests/playwright/refs/map.svg b/tests/playwright/refs/map_firefox.svg
similarity index 100%
rename from tests/playwright/refs/map.svg
rename to tests/playwright/refs/map_firefox.svg
diff --git a/tests/playwright/refs/plot_chromium.png b/tests/playwright/refs/plot_chromium.png
new file mode 100644
index 000000000..491eb7e3f
Binary files /dev/null and b/tests/playwright/refs/plot_chromium.png differ
diff --git a/tests/playwright/refs/plot_chromium.svg b/tests/playwright/refs/plot_chromium.svg
new file mode 100644
index 000000000..68de19fb6
--- /dev/null
+++ b/tests/playwright/refs/plot_chromium.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="1250" height="360.703125" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><style type="text/css"><![CDATA[]]></style></defs><defs><g id="plot-plus"><path d="M-3.5,0 h7 M0,-3.5 v7" style="stroke: currentcolor;"></path></g></defs><defs><g id="plot-cross"><path d="M-3.5,-3.5 L3.5,3.5 M3.5,-3.5 L-3.5,3.5" style="stroke: currentcolor;"></path></g></defs><defs><g id="plot-circle"><circle r="1.5" fill="none" style="stroke: currentcolor;"></circle></g></defs><defs><g id="plot-dot"><circle r="0.5" fill="none" style="stroke: currentcolor;"></circle></g></defs><g transform="translate(80,20)"><g class="x plot-axis" transform="translate(0,310.703125)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#000" d="M0.5,6V0.5H1090.5V6"></path><g class="tick" opacity="1" transform="translate(0.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(109.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">10</text></g><g class="tick" opacity="1" transform="translate(218.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">20</text></g><g class="tick" opacity="1" transform="translate(327.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">30</text></g><g class="tick" opacity="1" transform="translate(436.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">40</text></g><g class="tick" opacity="1" transform="translate(545.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">50</text></g><g class="tick" opacity="1" transform="translate(654.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">60</text></g><g class="tick" opacity="1" transform="translate(763.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">70</text></g><g class="tick" opacity="1" transform="translate(872.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">80</text></g><g class="tick" opacity="1" transform="translate(981.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">90</text></g><g class="tick" opacity="1" transform="translate(1090.5,0)"><line stroke="#000" y2="6"></line><text fill="#000" y="9" dy="0.71em">100</text></g></g><g class="y plot-axis" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="#000" d="M-6,311.203125H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,311.203125)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">0.00</text></g><g class="tick" opacity="1" transform="translate(0,280.1328125)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">1.00e+3</text></g><g class="tick" opacity="1" transform="translate(0,249.0625)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">2.00e+3</text></g><g class="tick" opacity="1" transform="translate(0,217.9921875)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">3.00e+3</text></g><g class="tick" opacity="1" transform="translate(0,186.921875)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">4.00e+3</text></g><g class="tick" opacity="1" transform="translate(0,155.8515625)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">5.00e+3</text></g><g class="tick" opacity="1" transform="translate(0,124.78125)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">6.00e+3</text></g><g class="tick" opacity="1" transform="translate(0,93.7109375)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">7.00e+3</text></g><g class="tick" opacity="1" transform="translate(0,62.640625)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">8.00e+3</text></g><g class="tick" opacity="1" transform="translate(0,31.5703125)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">9.00e+3</text></g><g class="tick" opacity="1" transform="translate(0,0.5)"><line stroke="#000" x2="-6"></line><text fill="#000" x="-9" dy="0.32em">1.00e+4</text></g><text transform="rotate(-90)"></text></g><g class="plot-observable"><path class="plot-line" d="M1090,298.3060703125L1079.1,298.5235625L1068.2,298.4924921875L1057.3,298.9896171875L1046.3999999999999,299.26925L1035.5,299.1760390625L1024.6,298.772125L1013.7,298.7410546875L1002.8000000000001,299.1138984375L991.9,298.958546875L981,299.0517578125L970.1,298.834265625L959.2,299.0206875L948.3,299.1138984375L937.4,299.331390625L926.5,299.3003203125L915.6,298.772125L904.6999999999999,299.082828125L893.8,298.9896171875L882.9000000000001,299.0517578125L872,299.082828125L861.1,299.1760390625L850.2,299.0517578125L839.3000000000001,299.26925L828.4,298.709984375L817.5,298.9274765625L806.6,299.3624609375L795.6999999999999,299.6731640625L784.8,299.5488828125L773.9,299.7353046875L763,299.7974453125L752.0999999999999,299.9217265625L741.2,299.89065625L730.3000000000001,299.4246015625L719.4,298.8653359375L708.5,298.8031953125L697.6,298.772125L686.7,298.4303515625L675.8,298.3060703125L664.9,298.709984375L654,298.4924921875L643.1,298.8653359375L632.1999999999999,298.7410546875L621.3,299.331390625L610.4000000000001,299.455671875L599.5,299.64209375L588.6,299.6731640625L577.7,299.3624609375L566.8000000000001,299.4867421875L555.9,299.704234375L545,299.4867421875L534.1,299.3624609375L523.1999999999999,299.0517578125L512.3,299.1138984375L501.40000000000003,298.89640625L490.5,298.6789140625L479.6,298.4924921875L468.7,298.772125L457.8,298.834265625L446.9,298.275L436,298.585703125L425.1,298.5235625L414.2,298.89640625L403.3,298.6789140625L392.4,298.5546328125L381.5,298.275L370.6,298.3682109375L359.7,298.4303515625L348.8,298.2439296875L337.9,298.4303515625L327,298.461421875L316.09999999999997,298.39928125L305.20000000000005,298.212859375L294.3,298.3682109375L283.40000000000003,298.5235625L272.5,298.772125L261.59999999999997,298.834265625L250.70000000000002,298.834265625L239.8,299.0206875L228.9,298.9274765625L218,298.958546875L207.1,298.7410546875L196.2,298.39928125L185.3,298.337140625L174.4,298.5546328125L163.5,299.0206875L152.60000000000002,299.1138984375L141.70000000000002,299.14496875L130.79999999999998,299.4867421875L119.9,299.952796875L109,300.1702890625L98.1,300.38778125L87.2,301.071328125L76.30000000000001,300.947046875L65.39999999999999,301.38203125L54.5,302.1587890625L43.6,302.8423359375L32.699999999999996,303.8987265625L21.8,305.0793984375L10.9,308.0000078125L0,310.703125" style="stroke: rgb(31, 119, 180); fill: none;"></path></g><g class="plot-observable"><path class="plot-line" d="M1090,279.7260234375L1079.1,278.6074921875L1068.2,277.7375234375L1057.3,276.8054140625L1046.3999999999999,275.7490234375L1035.5,274.910125L1024.6,273.915875L1013.7,273.04590625000003L1002.8000000000001,271.927375L991.9,270.622421875L981,269.628171875L970.1,268.4785703125L959.2,267.1114765625L948.3,265.7443828125L937.4,264.5637109375L926.5,263.2587578125L915.6,261.7673828125L904.6999999999999,260.2138671875L893.8,258.8467734375L882.9000000000001,257.4175390625L872,255.5533203125L861.1,253.844453125L850.2,252.042375L839.3000000000001,250.42671875L828.4,248.9664140625L817.5,247.257546875L806.6,245.5486796875L795.6999999999999,244.08837499999998L784.8,242.22415625L773.9,240.2667265625L763,238.5267890625L752.0999999999999,236.75578124999998L741.2,234.9226328125L730.3000000000001,232.96520312500002L719.4,231.0077734375L708.5,229.05034375000002L697.6,227.248265625L686.7,224.82478125L675.8,222.58771875L664.9,219.9778125L654,217.3989765625L643.1,215.25512500000002L632.1999999999999,212.7695L621.3,210.22173437499998L610.4000000000001,207.736109375L599.5,205.03299218749999L588.6,202.827L577.7,200.1238828125L566.8000000000001,197.98003125L555.9,195.432265625L545,192.9155703125L534.1,190.6163671875L523.1999999999999,187.85110937500002L512.3,185.0237109375L501.40000000000003,181.9788203125L490.5,179.46212500000001L479.6,176.168671875L468.7,172.9684296875L457.8,170.01675L446.9,166.6922265625L436,163.7716171875L425.1,160.509234375L414.2,157.21578125L403.3,153.8912578125L392.4,150.3803125L381.5,146.74508593750002L370.6,143.358421875L359.7,139.2882109375L348.8,136.21225L337.9,132.54595312499998L327,128.3514609375L316.09999999999997,124.31232031249999L305.20000000000005,120.77030468750002L294.3,116.10975781250002L283.40000000000003,111.853125L272.5,107.316859375L261.59999999999997,103.09129687499998L250.70000000000002,98.86573437500002L239.8,95.04408593749997L228.9,90.6321015625L218,85.7540625L207.1,80.72067187500002L196.2,75.749421875L185.3,70.5606796875L174.4,65.86906249999998L163.5,61.115304687499986L152.60000000000002,55.615859375000014L141.70000000000002,50.36497656250003L130.79999999999998,45.0830234375L119.9,40.17391406249999L109,34.70553906250001L98.1,30.076062499999978L87.2,25.60193750000002L76.30000000000001,20.817109374999973L65.39999999999999,16.032281249999983L54.5,11.6513671875L43.6,7.5500859375000005L32.699999999999996,4.349843749999991L21.8,1.7399374999999964L10.9,0.24856249999999136L0,0" style="stroke: rgb(255, 127, 14); fill: none;"></path></g><g class="plot-observable"><path class="plot-line" d="M1090,280.00565625L1079.1,279.1667578125L1068.2,278.26571875L1057.3,277.706453125L1046.3999999999999,277.39575L1035.5,276.30828906249997L1024.6,275.904375L1013.7,275.1276171875L1002.8000000000001,274.28871875L991.9,273.29446875L981,272.7662734375L970.1,271.55453124999997L959.2,270.746703125L948.3,270.373859375L937.4,269.2863984375L926.5,268.3542890625L915.6,267.515390625L904.6999999999999,267.08040625L893.8,266.148296875L882.9000000000001,264.7190625L872,264.59478125L861.1,264.159796875L850.2,263.6937421875L839.3000000000001,262.9480546875L828.4,262.047015625L817.5,261.11490625L806.6,260.990625L795.6999999999999,260.08958593750003L784.8,259.2817578125L773.9,258.2875078125L763,257.075765625L752.0999999999999,256.64078125000003L741.2,255.30475781250001L730.3000000000001,253.90659375L719.4,252.7569921875L708.5,251.94916406250002L697.6,251.048125L686.7,250.551L675.8,249.8985234375L664.9,250.053875L654,249.3081875L643.1,248.748921875L632.1999999999999,248.28286718750002L621.3,247.4750390625L610.4000000000001,246.760421875L599.5,246.3565078125L588.6,244.95834374999998L577.7,244.70978125L566.8000000000001,243.777671875L555.9,243.3116171875L545,242.59699999999998L534.1,241.2609765625L523.1999999999999,240.4531484375L512.3,240.3599375L501.40000000000003,239.98709374999999L490.5,239.4588984375L479.6,239.800671875L468.7,239.0860546875L457.8,239.14819531249998L446.9,239.0239140625L436,238.62L425.1,238.4646484375L414.2,238.27822656249998L403.3,238.0918046875L392.4,238.62L381.5,238.6510703125L370.6,238.6510703125L359.7,239.48996875L348.8,238.74428125L337.9,239.3346171875L327,239.8938828125L316.09999999999997,240.794921875L305.20000000000005,241.38525781250002L294.3,242.9387734375L283.40000000000003,244.33693749999998L272.5,245.020484375L261.59999999999997,246.387578125L250.70000000000002,247.8168125L239.8,248.4692890625L228.9,250.0228046875L218,252.41521875L207.1,255.14940625L196.2,257.448609375L185.3,260.08958593750003L174.4,262.7305625L163.5,265.029765625L152.60000000000002,268.136796875L141.70000000000002,271.4613203125L130.79999999999998,274.910125L119.9,277.9860859375L109,282.056296875L98.1,285.3186796875L87.2,288.4257109375L76.30000000000001,292.0920078125L65.39999999999999,296.16221875L54.5,299.8595859375L43.6,303.4948125L32.699999999999996,306.4775625L21.8,308.9942578125L10.9,310.4545625L0,310.703125" style="stroke: rgb(44, 160, 44); fill: none;"></path></g><g class="plot-observable"><path class="plot-line" d="M1090,61.67457031250001L1079.1,63.632000000000005L1068.2,65.4030078125L1057.3,66.89438281250003L1046.3999999999999,68.26147656250001L1035.5,70.18783593749998L1024.6,71.58600000000001L1013.7,73.2327265625L1002.8000000000001,75.19015625L991.9,77.48935937499999L981,79.01180468749999L970.1,81.37314843750002L959.2,83.54807031250002L948.3,85.28800781249998L937.4,87.55614062500001L926.5,89.79320312500002L915.6,92.1234765625L904.6999999999999,94.11197656249999L893.8,96.41117968750001L882.9000000000001,99.2696484375L872,101.25814843749998L861.1,103.40199999999999L850.2,105.67013281249999L839.3000000000001,108.03147656249999L828.4,110.39282031249999L817.5,113.03379687500001L806.6,114.86694531250001L795.6999999999999,117.22828906249998L784.8,119.90033593750002L773.9,122.85201562499998L763,125.80369531250003L752.0999999999999,128.0096875L741.2,131.178859375L730.3000000000001,134.53445312500003L719.4,137.64148437499998L708.5,140.4067421875L697.6,143.109859375L686.7,146.03046874999998L675.8,148.9200078125L664.9,151.3745625L654,154.6990859375L643.1,157.402203125L632.1999999999999,160.3538828125L621.3,163.7094765625L610.4000000000001,166.90971875L599.5,170.01675L588.6,173.62090625000002L577.7,176.5725859375L566.8000000000001,179.648546875L555.9,182.6623671875L545,185.8936796875L534.1,189.52890624999998L523.1999999999999,193.1019921875L512.3,196.0226015625L501.40000000000003,199.4403359375L490.5,202.4852265625L479.6,205.43690625L468.7,209.35176562499998L457.8,212.2413046875L446.9,215.690109375L436,219.0146328125L425.1,222.4323671875L414.2,225.9122421875L403.3,229.42318749999998L392.4,232.4059375L381.5,236.01009375L370.6,239.3967578125L359.7,242.6280703125L348.8,246.44971875L337.9,249.5256796875L327,253.16090624999998L316.09999999999997,256.2990078125L305.20000000000005,259.2506875L294.3,262.35771875L283.40000000000003,265.2161875L272.5,269.06890625L261.59999999999997,271.927375L250.70000000000002,274.723703125L239.8,277.892875L228.9,280.75134375L218,283.23696875L207.1,285.536171875L196.2,288.20821875L185.3,290.755984375L174.4,292.806625L163.5,295.2611796875L152.60000000000002,297.65359375L141.70000000000002,299.579953125L130.79999999999998,301.4131015625L119.9,303.24625L109,304.6444140625L98.1,306.0115078125L87.2,307.3786015625L76.30000000000001,308.4971328125L65.39999999999999,309.21175L54.5,309.895296875L43.6,310.3613515625L32.699999999999996,310.57884375L21.8,310.6720546875L10.9,310.703125L0,310.703125" style="stroke: rgb(214, 39, 40); fill: none;"></path></g><g class="plot-legend" transform="translate(12,0)"><rect class="plot-legend-swatch" width="12" height="12" style="fill: rgb(31, 119, 180); stroke: rgb(31, 119, 180); opacity: 1; stroke-opacity: 1;"></rect><text x="16" y="8">AB</text></g><g class="plot-legend" transform="translate(12,16)"><rect class="plot-legend-swatch" width="12" height="12" style="fill: rgb(255, 127, 14); stroke: rgb(255, 127, 14); opacity: 1; stroke-opacity: 1;"></rect><text x="16" y="8">Cuu</text></g><g class="plot-legend" transform="translate(12,32)"><rect class="plot-legend-swatch" width="12" height="12" style="fill: rgb(44, 160, 44); stroke: rgb(44, 160, 44); opacity: 1; stroke-opacity: 1;"></rect><text x="16" y="8">Cpu</text></g><g class="plot-legend" transform="translate(12,48)"><rect class="plot-legend-swatch" width="12" height="12" style="fill: rgb(214, 39, 40); stroke: rgb(214, 39, 40); opacity: 1; stroke-opacity: 1;"></rect><text x="16" y="8">Cpp</text></g></g></svg>
\ No newline at end of file
diff --git a/tests/playwright/refs/plot.png b/tests/playwright/refs/plot_firefox.png
similarity index 100%
rename from tests/playwright/refs/plot.png
rename to tests/playwright/refs/plot_firefox.png
diff --git a/tests/playwright/refs/plot.svg b/tests/playwright/refs/plot_firefox.svg
similarity index 100%
rename from tests/playwright/refs/plot.svg
rename to tests/playwright/refs/plot_firefox.svg
diff --git a/tests/playwright/refs/snapshot_graph.dot b/tests/playwright/refs/snapshot_graph.dot
index 92fae30b1..19a486d0a 100644
--- a/tests/playwright/refs/snapshot_graph.dot
+++ b/tests/playwright/refs/snapshot_graph.dot
@@ -2,73 +2,73 @@
 digraph G{
 subgraph cluster0{
   counter0 [label = "60 instance(s)", shape=none];
-  node0_0_0 [label = "A(x c)", color = "#7416e1", style=filled];
+  node0_0_0 [label = "A(x c)", color = "#d315e5", style=filled];
   node0_0_0 -> counter0 [style=invis];
-  node0_0_1 [label = "B(x)", color = "#f0ef6", style=filled];
+  node0_0_1 [label = "B(x)", color = "#b7539", style=filled];
   node0_0_1 -> counter0 [style=invis];
-  node0_0_2 [label = "C(x1{p} x2{u})", color = "#1bea26", style=filled];
+  node0_0_2 [label = "C(x1{p} x2{u})", color = "#d2b8cc", style=filled];
   node0_0_2 -> counter0 [style=invis];
   node0_0_0 -> node0_0_1 [taillabel="x", headlabel="x", dir=none];
   node0_0_0 -> node0_0_2 [taillabel="c", headlabel="x2", dir=none];
   }
 subgraph cluster1{
   counter1 [label = "111 instance(s)", shape=none];
-  node1_0_0 [label = "B(x)", color = "#f0ef6", style=filled];
+  node1_0_0 [label = "B(x)", color = "#b7539", style=filled];
   node1_0_0 -> counter1 [style=invis];
-  node1_0_1 [label = "A(x c)", color = "#7416e1", style=filled];
+  node1_0_1 [label = "A(x c)", color = "#d315e5", style=filled];
   node1_0_1 -> counter1 [style=invis];
-  node1_0_2 [label = "C(x1{u} x2{u})", color = "#1bea26", style=filled];
+  node1_0_2 [label = "C(x1{u} x2{u})", color = "#d2b8cc", style=filled];
   node1_0_2 -> counter1 [style=invis];
   node1_0_0 -> node1_0_1 [taillabel="x", headlabel="x", dir=none];
   node1_0_1 -> node1_0_2 [taillabel="c", headlabel="x1", dir=none];
   }
 subgraph cluster2{
   counter2 [label = "20 instance(s)", shape=none];
-  node2_0_0 [label = "A(x c)", color = "#7416e1", style=filled];
+  node2_0_0 [label = "A(x c)", color = "#d315e5", style=filled];
   node2_0_0 -> counter2 [style=invis];
-  node2_0_1 [label = "C(x1{u} x2{u})", color = "#1bea26", style=filled];
+  node2_0_1 [label = "C(x1{u} x2{u})", color = "#d2b8cc", style=filled];
   node2_0_1 -> counter2 [style=invis];
   node2_0_0 -> node2_0_1 [taillabel="c", headlabel="x1", dir=none];
   }
 subgraph cluster3{
   counter3 [label = "112 instance(s)", shape=none];
-  node3_0_0 [label = "A(x c)", color = "#7416e1", style=filled];
+  node3_0_0 [label = "A(x c)", color = "#d315e5", style=filled];
   node3_0_0 -> counter3 [style=invis];
-  node3_0_1 [label = "C(x1{p} x2{u})", color = "#1bea26", style=filled];
+  node3_0_1 [label = "C(x1{p} x2{u})", color = "#d2b8cc", style=filled];
   node3_0_1 -> counter3 [style=invis];
   node3_0_0 -> node3_0_1 [taillabel="c", headlabel="x2", dir=none];
   }
 subgraph cluster4{
   counter4 [label = "1852 instance(s)", shape=none];
-  node4_0_0 [label = "C(x1{p} x2{p})", color = "#1bea26", style=filled];
+  node4_0_0 [label = "C(x1{p} x2{p})", color = "#d2b8cc", style=filled];
   node4_0_0 -> counter4 [style=invis];
   }
 subgraph cluster5{
   counter5 [label = "2107 instance(s)", shape=none];
-  node5_0_0 [label = "C(x1{p} x2{u})", color = "#1bea26", style=filled];
+  node5_0_0 [label = "C(x1{p} x2{u})", color = "#d2b8cc", style=filled];
   node5_0_0 -> counter5 [style=invis];
   }
 subgraph cluster6{
   counter6 [label = "5738 instance(s)", shape=none];
-  node6_0_0 [label = "C(x1{u} x2{u})", color = "#1bea26", style=filled];
+  node6_0_0 [label = "C(x1{u} x2{u})", color = "#d2b8cc", style=filled];
   node6_0_0 -> counter6 [style=invis];
   }
 subgraph cluster7{
   counter7 [label = "223 instance(s)", shape=none];
-  node7_0_0 [label = "A(x c)", color = "#7416e1", style=filled];
+  node7_0_0 [label = "A(x c)", color = "#d315e5", style=filled];
   node7_0_0 -> counter7 [style=invis];
-  node7_0_1 [label = "B(x)", color = "#f0ef6", style=filled];
+  node7_0_1 [label = "B(x)", color = "#b7539", style=filled];
   node7_0_1 -> counter7 [style=invis];
   node7_0_0 -> node7_0_1 [taillabel="x", headlabel="x", dir=none];
   }
 subgraph cluster8{
   counter8 [label = "606 instance(s)", shape=none];
-  node8_0_0 [label = "B(x)", color = "#f0ef6", style=filled];
+  node8_0_0 [label = "B(x)", color = "#b7539", style=filled];
   node8_0_0 -> counter8 [style=invis];
   }
 subgraph cluster9{
   counter9 [label = "474 instance(s)", shape=none];
-  node9_0_0 [label = "A(x c)", color = "#7416e1", style=filled];
+  node9_0_0 [label = "A(x c)", color = "#d315e5", style=filled];
   node9_0_0 -> counter9 [style=invis];
   }
 }
diff --git a/tests/playwright/refs/snapshot_graph_chromium.png b/tests/playwright/refs/snapshot_graph_chromium.png
new file mode 100644
index 000000000..58cc7b94f
Binary files /dev/null and b/tests/playwright/refs/snapshot_graph_chromium.png differ
diff --git a/tests/playwright/refs/snapshot_graph_chromium.svg b/tests/playwright/refs/snapshot_graph_chromium.svg
new file mode 100644
index 000000000..4cc5645ba
--- /dev/null
+++ b/tests/playwright/refs/snapshot_graph_chromium.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="svg-group" id="map-container" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1041.6666666666667 321.703125" version="1.1" xmlns="http://www.w3.org/2000/svg"><g class="treeSpecies" id="root.mixture6" transform="translate(10,0)" width="358" height="154"><rect width="417.45294869288153" height="218.09771030951293" fill="grey"></rect><g class="treeNodes" id="mixture6.C" transform="translate(2,2)"><rect class="treeRects" id="mixture6.C" width="482" height="288" fill="rgb(255, 152, 17)"></rect></g></g><g class="treeSpecies" id="root.mixture5" transform="translate(237.59331921493717, 84.61276645722434)" width="358" height="154"><rect width="347.3170482817479" height="153.53552383833687" fill="grey"></rect><g class="treeNodes" id="mixture5.C" transform="translate(2,2)"><rect class="treeRects" id="mixture5.C" width="331" height="149" fill="rgb(255, 152, 17)"></rect></g></g><g class="treeSpecies" id="root.mixture4" transform="translate(431.45294869288153, 72.92275738111252)" width="237" height="154"><rect width="282.51866384298745" height="145.1749529284004" fill="grey"></rect><g class="treeNodes" id="mixture4.C" transform="translate(2,2)"><rect class="treeRects" id="mixture4.C" width="331" height="131" fill="rgb(255, 152, 17)"></rect></g></g><g class="treeSpecies" id="root.mixture8" transform="translate(588.910367496685, 84.61276645722434)" width="237" height="154"><rect width="176.15362282212902" height="145.1749529284004" fill="grey"></rect><g class="treeNodes" id="mixture8.B" transform="translate(2,2)"><rect class="treeRects" id="mixture8.B" width="102" height="131" fill="rgb(208, 238, 255)"></rect></g></g><g class="treeSpecies" id="root.mixture9" transform="translate(769.063990318814, 0)" width="177" height="206"><rect width="133.33924080366512" height="173.02219252191728" fill="grey"></rect><g class="treeNodes" id="mixture9.A" transform="translate(2,2)"><rect class="treeRects" id="mixture9.A" width="79" height="131" fill="rgb(37, 142, 215)"></rect></g></g><g class="treeSpecies" id="root.mixture7" transform="translate(717.971612535869, 177.02219252191728)" width="177" height="102"><rect width="150.98933494686432" height="94.5683814133898" fill="grey"></rect><g class="treeNodes" id="mixture7.A" transform="translate(2,2)"><rect class="treeRects" id="mixture7.A" width="117" height="41" fill="rgb(37, 142, 215)"></rect></g><g class="treeNodes" id="mixture7.B" transform="translate(2,43)"><rect class="treeRects" id="mixture7.B" width="117" height="41" fill="rgb(208, 238, 255)"></rect></g></g><g class="treeSpecies" id="root.mixture1" transform="translate(814.9014272748411, 106.3650410208584)" width="117" height="154"><rect width="118.85790464665254" height="111.73266928865453" fill="grey"></rect><g class="treeNodes" id="mixture1.B" transform="translate(2,2)"><rect class="treeRects" id="mixture1.B" width="78" height="30" fill="rgb(208, 238, 255)"></rect></g><g class="treeNodes" id="mixture1.A" transform="translate(2,32)"><rect class="treeRects" id="mixture1.A" width="78" height="29" fill="rgb(37, 142, 215)"></rect></g><g class="treeNodes" id="mixture1.C" transform="translate(80,2)"><rect class="treeRects" id="mixture1.C" width="39" height="59" fill="rgb(255, 152, 17)"></rect></g></g><g class="treeSpecies" id="root.mixture3" transform="translate(937.7593319214938, 64.56218647117606)" width="117" height="154"><rect width="94.24066807850627" height="117.30638322861216" fill="grey"></rect><g class="treeNodes" id="mixture3.A" transform="translate(2,2)"><rect class="treeRects" id="mixture3.A" width="32" height="71" fill="rgb(37, 142, 215)"></rect></g><g class="treeNodes" id="mixture3.C" transform="translate(34,2)"><rect class="treeRects" id="mixture3.C" width="32" height="71" fill="rgb(255, 152, 17)"></rect></g></g><g class="treeSpecies" id="root.mixture0" transform="translate(872.9609474827333, 185.86856969978822)" width="238" height="75"><rect width="159.0390525172667" height="68.03285757505294" fill="grey"></rect><g class="treeNodes" id="mixture0.A" transform="translate(2,2)"><rect class="treeRects" id="mixture0.A" width="43" height="28" fill="rgb(37, 142, 215)"></rect></g><g class="treeNodes" id="mixture0.B" transform="translate(2,30)"><rect class="treeRects" id="mixture0.B" width="43" height="28" fill="rgb(208, 238, 255)"></rect></g><g class="treeNodes" id="mixture0.C" transform="translate(45,2)"><rect class="treeRects" id="mixture0.C" width="21" height="56" fill="rgb(255, 152, 17)"></rect></g></g><g class="treeSpecies" id="root.mixture2" transform="translate(872.9609474827333, 257.9014272748412)" width="238" height="75"><rect width="159.0390525172667" height="44.80904949189609" fill="grey"></rect><g class="treeNodes" id="mixture2.A" transform="translate(2,2)"><rect class="treeRects" id="mixture2.A" width="32" height="6" fill="rgb(37, 142, 215)"></rect></g><g class="treeNodes" id="mixture2.C" transform="translate(34,2)"><rect class="treeRects" id="mixture2.C" width="32" height="6" fill="rgb(255, 152, 17)"></rect></g></g></svg>
\ No newline at end of file
diff --git a/tests/playwright/refs/snapshot_graph.png b/tests/playwright/refs/snapshot_graph_firefox.png
similarity index 100%
rename from tests/playwright/refs/snapshot_graph.png
rename to tests/playwright/refs/snapshot_graph_firefox.png
diff --git a/tests/playwright/refs/snapshot_graph.svg b/tests/playwright/refs/snapshot_graph_firefox.svg
similarity index 100%
rename from tests/playwright/refs/snapshot_graph.svg
rename to tests/playwright/refs/snapshot_graph_firefox.svg
diff --git a/tests/playwright/refs/snapshot_kappa.dot b/tests/playwright/refs/snapshot_kappa.dot
index 92fae30b1..19a486d0a 100644
--- a/tests/playwright/refs/snapshot_kappa.dot
+++ b/tests/playwright/refs/snapshot_kappa.dot
@@ -2,73 +2,73 @@
 digraph G{
 subgraph cluster0{
   counter0 [label = "60 instance(s)", shape=none];
-  node0_0_0 [label = "A(x c)", color = "#7416e1", style=filled];
+  node0_0_0 [label = "A(x c)", color = "#d315e5", style=filled];
   node0_0_0 -> counter0 [style=invis];
-  node0_0_1 [label = "B(x)", color = "#f0ef6", style=filled];
+  node0_0_1 [label = "B(x)", color = "#b7539", style=filled];
   node0_0_1 -> counter0 [style=invis];
-  node0_0_2 [label = "C(x1{p} x2{u})", color = "#1bea26", style=filled];
+  node0_0_2 [label = "C(x1{p} x2{u})", color = "#d2b8cc", style=filled];
   node0_0_2 -> counter0 [style=invis];
   node0_0_0 -> node0_0_1 [taillabel="x", headlabel="x", dir=none];
   node0_0_0 -> node0_0_2 [taillabel="c", headlabel="x2", dir=none];
   }
 subgraph cluster1{
   counter1 [label = "111 instance(s)", shape=none];
-  node1_0_0 [label = "B(x)", color = "#f0ef6", style=filled];
+  node1_0_0 [label = "B(x)", color = "#b7539", style=filled];
   node1_0_0 -> counter1 [style=invis];
-  node1_0_1 [label = "A(x c)", color = "#7416e1", style=filled];
+  node1_0_1 [label = "A(x c)", color = "#d315e5", style=filled];
   node1_0_1 -> counter1 [style=invis];
-  node1_0_2 [label = "C(x1{u} x2{u})", color = "#1bea26", style=filled];
+  node1_0_2 [label = "C(x1{u} x2{u})", color = "#d2b8cc", style=filled];
   node1_0_2 -> counter1 [style=invis];
   node1_0_0 -> node1_0_1 [taillabel="x", headlabel="x", dir=none];
   node1_0_1 -> node1_0_2 [taillabel="c", headlabel="x1", dir=none];
   }
 subgraph cluster2{
   counter2 [label = "20 instance(s)", shape=none];
-  node2_0_0 [label = "A(x c)", color = "#7416e1", style=filled];
+  node2_0_0 [label = "A(x c)", color = "#d315e5", style=filled];
   node2_0_0 -> counter2 [style=invis];
-  node2_0_1 [label = "C(x1{u} x2{u})", color = "#1bea26", style=filled];
+  node2_0_1 [label = "C(x1{u} x2{u})", color = "#d2b8cc", style=filled];
   node2_0_1 -> counter2 [style=invis];
   node2_0_0 -> node2_0_1 [taillabel="c", headlabel="x1", dir=none];
   }
 subgraph cluster3{
   counter3 [label = "112 instance(s)", shape=none];
-  node3_0_0 [label = "A(x c)", color = "#7416e1", style=filled];
+  node3_0_0 [label = "A(x c)", color = "#d315e5", style=filled];
   node3_0_0 -> counter3 [style=invis];
-  node3_0_1 [label = "C(x1{p} x2{u})", color = "#1bea26", style=filled];
+  node3_0_1 [label = "C(x1{p} x2{u})", color = "#d2b8cc", style=filled];
   node3_0_1 -> counter3 [style=invis];
   node3_0_0 -> node3_0_1 [taillabel="c", headlabel="x2", dir=none];
   }
 subgraph cluster4{
   counter4 [label = "1852 instance(s)", shape=none];
-  node4_0_0 [label = "C(x1{p} x2{p})", color = "#1bea26", style=filled];
+  node4_0_0 [label = "C(x1{p} x2{p})", color = "#d2b8cc", style=filled];
   node4_0_0 -> counter4 [style=invis];
   }
 subgraph cluster5{
   counter5 [label = "2107 instance(s)", shape=none];
-  node5_0_0 [label = "C(x1{p} x2{u})", color = "#1bea26", style=filled];
+  node5_0_0 [label = "C(x1{p} x2{u})", color = "#d2b8cc", style=filled];
   node5_0_0 -> counter5 [style=invis];
   }
 subgraph cluster6{
   counter6 [label = "5738 instance(s)", shape=none];
-  node6_0_0 [label = "C(x1{u} x2{u})", color = "#1bea26", style=filled];
+  node6_0_0 [label = "C(x1{u} x2{u})", color = "#d2b8cc", style=filled];
   node6_0_0 -> counter6 [style=invis];
   }
 subgraph cluster7{
   counter7 [label = "223 instance(s)", shape=none];
-  node7_0_0 [label = "A(x c)", color = "#7416e1", style=filled];
+  node7_0_0 [label = "A(x c)", color = "#d315e5", style=filled];
   node7_0_0 -> counter7 [style=invis];
-  node7_0_1 [label = "B(x)", color = "#f0ef6", style=filled];
+  node7_0_1 [label = "B(x)", color = "#b7539", style=filled];
   node7_0_1 -> counter7 [style=invis];
   node7_0_0 -> node7_0_1 [taillabel="x", headlabel="x", dir=none];
   }
 subgraph cluster8{
   counter8 [label = "606 instance(s)", shape=none];
-  node8_0_0 [label = "B(x)", color = "#f0ef6", style=filled];
+  node8_0_0 [label = "B(x)", color = "#b7539", style=filled];
   node8_0_0 -> counter8 [style=invis];
   }
 subgraph cluster9{
   counter9 [label = "474 instance(s)", shape=none];
-  node9_0_0 [label = "A(x c)", color = "#7416e1", style=filled];
+  node9_0_0 [label = "A(x c)", color = "#d315e5", style=filled];
   node9_0_0 -> counter9 [style=invis];
   }
 }
diff --git a/tests/playwright/webapp_utils.ts b/tests/playwright/webapp_utils.ts
index b10a198f3..bf63c838b 100644
--- a/tests/playwright/webapp_utils.ts
+++ b/tests/playwright/webapp_utils.ts
@@ -12,8 +12,8 @@ const arg_set_model = '?model=https%3A'
 
 const referencesDir = 'tests/playwright/refs/'
 
-function timeout_of_options(options?: { timeout?: number | undefined; visible?: boolean | undefined; } | undefined) {
-  var timeout = 5000;
+function timeout_of_options(options: { timeout?: number | undefined; visible?: boolean | undefined; } | undefined, default_timeout: number = 5000) {
+  var timeout = default_timeout;
   if (options !== undefined) {
     if (options.timeout !== undefined) {
       timeout = options.timeout;
@@ -25,7 +25,7 @@ function timeout_of_options(options?: { timeout?: number | undefined; visible?:
 // TODO: test for contains and not ==
 
 // Used as playwright does not seemed to offer a way to have this logic
-async function expect_locator_toHaveInnerHtml(page: Page, locator: Locator, value: any, timeout: number, retry_timeout: number = 500, allow_include: boolean = false) {
+export async function expect_locator_toHaveInnerHtml(page: Page, locator: Locator, value: any, timeout: number, retry_timeout: number = 500, allow_include: boolean = false) {
   const end_time: number = Date.now() + timeout;
   var is_equal: boolean = false;
   while (Date.now() < end_time && !(is_equal)) {
@@ -41,7 +41,7 @@ async function expect_locator_toHaveInnerHtml(page: Page, locator: Locator, valu
 }
 
 export async function wait_for_project_ready_status(page: Page, options?: { timeout?: number | undefined; visible?: boolean | undefined; } | undefined, check_busy_first: boolean = false, project_name: string | undefined = undefined) {
-  const timeout = timeout_of_options(options);
+  const timeout = timeout_of_options(options, 15000);
   const locator_first_tab = page.getByRole('list').locator('a').first();
 
   if (check_busy_first) {
@@ -141,13 +141,23 @@ export async function apply_perturbation(page: Page, s: string) {
 }
 
 // Write in `referencesDir` the file named `fileName` as a copy of `filePath`
-export async function write_ref(filePath: string, fileName: string) {
+async function write_ref(filePath: string, fileName: string) {
   expect.soft(filePath).toBeTruthy();
   const refFilePath = path.join(referencesDir, fileName);
   fs.copyFileSync(filePath, refFilePath);
 }
 
-export function regex_of_str(s: string, option: string = "g"): RegExp {
+function write_str_ref(test: string, fileName: string) {
+  const filePath = path.join(referencesDir, fileName);
+  fs.writeFile(filePath, test,
+    err => {
+      if (err) {
+        console.error(`Error writing to file: ${err}`);
+      }
+    });
+}
+
+function regex_of_str(s: string, option: string = "g"): RegExp {
   try {
     const r = new RegExp(s, option);
     return r;
@@ -162,66 +172,67 @@ function escape_string_for_regex(s: string): string {
   return s.replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&');
 }
 
+function add_to_filename_before_ext(name: string, to_add: string) {
+  var name_splitted = name.split('.');
+  const extension = name_splitted.pop();
+  return (name_splitted.join('.') + to_add + '.' + extension);
+}
+
+function make_filename_with_browserName(name: string, browserName: string | undefined) {
+  if (browserName == undefined) {
+    return name;
+  } else {
+    return add_to_filename_before_ext(name, '_' + browserName);
+  }
+}
+
 // Returns a regex matching [s] with matches of [pattern] replaced by the [pattern]
 // Used to avoid mismatching colors in exports, as it's different according to how playwright is run…
 function regex_matching_str_with_pattern_replaced(s: string, pattern: string): RegExp {
   const s_escaped = escape_string_for_regex(s);
-  console.error(s_escaped);
   const regex_pattern = regex_of_str(pattern, "g");
-  console.error(regex_pattern);
+  // console.debug(s_escaped);
+  // console.debug(regex_pattern);
   return regex_of_str(s_escaped.replace(regex_pattern, pattern), "");
 }
 
-export async function compare_download_to_ref(download: Download, fileName: string, pattern_ignore: string = "", writeRef: boolean = false) {
-  const filePath = await download.path();
-  expect.soft(filePath).toBeTruthy();
-  if (writeRef || process.env.UPDATE_EXPORTS === 'true') {
+export async function compare_download_to_ref(download: Download, name: string, pattern_ignore: string = "", browserName: string | undefined = undefined) {
+  const fileName = make_filename_with_browserName(name, browserName);
+  const downloadPath = await download.path();
+  expect.soft(downloadPath).toBeTruthy();
+  if (process.env.UPDATE_EXPORTS === 'true') {
     console.info(`Writing ref file: ${fileName}`);
-    await write_ref(filePath, fileName);
+    await write_ref(downloadPath, fileName);
   }
   const refFilePath = path.join(referencesDir, fileName);
-  const downloadedContent = await fs.promises.readFile(filePath, 'utf8');
+  const downloadedContent = await fs.promises.readFile(downloadPath, 'utf8');
   const referenceContent = await fs.promises.readFile(refFilePath, 'utf8');
 
   if (pattern_ignore == "") {
     expect.soft(downloadedContent).toBe(referenceContent);
   } else {
     const regex_ref_test: RegExp = regex_matching_str_with_pattern_replaced(referenceContent, pattern_ignore);
-
-    // TODO : clean this
-    console.error(regex_ref_test);
-
     expect.soft(downloadedContent).toMatch(regex_ref_test);
-
   }
 
 }
 
-export async function write_str_ref(test: string, fileName: string) {
-  const filePath = path.join(referencesDir, fileName);
-  fs.writeFile(filePath, test,
-    err => {
-      if (err) {
-        console.error(`Error writing to file: ${err}`);
-      }
-    });
-}
 export async function get_ref(fileName: string) {
   const refFilePath = path.join(referencesDir, fileName);
   const referenceContent = await fs.promises.readFile(refFilePath, 'utf8');
   return referenceContent;
 }
 
-export async function compare_str_to_ref(text: string, fileName: string, writeRef: boolean = false) {
-  if (writeRef || process.env.UPDATE_EXPORTS === 'true') {
-    await write_str_ref(text, fileName);
+export async function compare_str_to_ref(text: string, fileName: string) {
+  if (process.env.UPDATE_EXPORTS === 'true') {
+    write_str_ref(text, fileName);
   }
   const refFilePath = path.join(referencesDir, fileName);
   const referenceContent = await fs.promises.readFile(refFilePath, 'utf8');
   expect.soft(text).toBe(referenceContent);
 }
 
-export async function testExports(page: Page, exportLocatorPrefix: string, fileBaseName: string, extensions: string[], pattern_ignores: string[] = [], writeRef: boolean = false) {
+export async function testExports(page: Page, exportLocatorPrefix: string, fileBaseName: string, extensions: string[], pattern_ignores: string[] = [], browserName: string | undefined = undefined) {
   const exportFilenameLoc = page.locator(exportLocatorPrefix + "_filename");
   const exportSelectLoc = page.locator(exportLocatorPrefix + "_select");
 
@@ -239,7 +250,7 @@ export async function testExports(page: Page, exportLocatorPrefix: string, fileB
     const download = await downloadPromise;
 
     const pattern_ignore = pattern_ignores_present ? pattern_ignores[i] : "";
-    await compare_download_to_ref(download, fileName, writeRef, pattern_ignore);
+    await compare_download_to_ref(download, fileName, pattern_ignore, browserName);
   }
 }