From 4689ee18fd560b3e06641b60015aa338b29fe3c6 Mon Sep 17 00:00:00 2001
From: Alix ANNERAUD <alix@anneraud.fr>
Date: Sun, 25 Jan 2026 18:56:05 +0100
Subject: [PATCH 1/3] feat: add SVG images for left and right chevrons and logo

---
 .../wasm/images/chevron-left-solid-full.svg   |  1 +
 .../wasm/images/chevron-right-solid-full.svg  |  1 +
 examples/wasm/images/logo.svg                 | 73 +++++++++++++++++++
 3 files changed, 75 insertions(+)
 create mode 100644 examples/wasm/images/chevron-left-solid-full.svg
 create mode 100644 examples/wasm/images/chevron-right-solid-full.svg
 create mode 100644 examples/wasm/images/logo.svg

diff --git a/examples/wasm/images/chevron-left-solid-full.svg b/examples/wasm/images/chevron-left-solid-full.svg
new file mode 100644
index 00000000..d0d929bd
--- /dev/null
+++ b/examples/wasm/images/chevron-left-solid-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="#fff" d="M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z"/></svg>
\ No newline at end of file
diff --git a/examples/wasm/images/chevron-right-solid-full.svg b/examples/wasm/images/chevron-right-solid-full.svg
new file mode 100644
index 00000000..b49a79b0
--- /dev/null
+++ b/examples/wasm/images/chevron-right-solid-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="#fff" d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
\ No newline at end of file
diff --git a/examples/wasm/images/logo.svg b/examples/wasm/images/logo.svg
new file mode 100644
index 00000000..0ee5f9aa
--- /dev/null
+++ b/examples/wasm/images/logo.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="64"
+   height="64"
+   viewBox="0 0 4.2333332 4.2333335"
+   version="1.1"
+   id="svg53"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="Monochrome.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview55"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="true"
+     inkscape:document-units="mm"
+     showgrid="false"
+     units="px"
+     inkscape:zoom="28.740793"
+     inkscape:cx="11.655907"
+     inkscape:cy="8.5766597"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#505050" />
+  <defs
+     id="defs50" />
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#ffffff;stroke-width:0.2803"
+       id="rect79"
+       width="1.3229166"
+       height="2.6458333"
+       x="-1.7347235e-18"
+       y="0" />
+    <rect
+       style="fill:#ffffff;stroke-width:0.287554"
+       id="rect998"
+       width="2.6458333"
+       height="1.3229166"
+       x="0"
+       y="2.9104166" />
+    <rect
+       style="fill:#ffffff;stroke-width:0.273978"
+       id="rect1000"
+       width="2.6458333"
+       height="1.3229166"
+       x="1.5875001"
+       y="0" />
+    <rect
+       style="fill:#ffffff;stroke-width:0.278986"
+       id="rect1002"
+       width="1.3229166"
+       height="2.6458333"
+       x="2.9104166"
+       y="1.5875001" />
+  </g>
+</svg>

From c8b4da562ae162b2bf004c1d451f9027d9f5807e Mon Sep 17 00:00:00 2001
From: Alix ANNERAUD <alix@anneraud.fr>
Date: Sun, 25 Jan 2026 18:56:13 +0100
Subject: [PATCH 2/3] feat: add sidebar helper for default credentials in WASM
 example

---
 examples/wasm/index.html | 48 +++++++++++++++++++++++++++++++-
 examples/wasm/styles.css | 59 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 106 insertions(+), 1 deletion(-)
 create mode 100644 examples/wasm/styles.css

diff --git a/examples/wasm/index.html b/examples/wasm/index.html
index a464033a..be130340 100644
--- a/examples/wasm/index.html
+++ b/examples/wasm/index.html
@@ -1,6 +1,52 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <link data-trunk rel="rust" data-keep-debug />
+    <link data-trunk rel="icon" href="images/logo.svg" />
+    <link data-trunk rel="copy-dir" href="images/" />
+    <link data-trunk rel="css" href="styles.css" />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"
+      rel="stylesheet"
+    />
+    <title>Xila WASM Example</title>
   </head>
+  <body>
+    <div id="sidebar">
+      <h2>Default credentials</h2>
+      <ul>
+        <li><strong>Username:</strong> administrator</li>
+        <li><strong>Password:</strong> (no password)</li>
+      </ul>
+      See <a href="https://www.xila.dev">xila.dev</a> for more information.
+
+      <button
+        id="sidebar-toggle"
+        onclick="toggleSidebar()"
+        aria-label="Toggle Credentials Sidebar"
+      >
+        <img
+          id="sidebar-arrow"
+          src="images/chevron-right-solid-full.svg"
+          alt="Toggle Sidebar"
+          style="width: 20px; height: 20px; transition: transform 0.2s"
+        />
+      </button>
+    </div>
+    <script>
+      function toggleSidebar() {
+        const sidebar = document.getElementById("sidebar");
+        const arrow = document.getElementById("sidebar-arrow");
+        sidebar.classList.toggle("open");
+        if (sidebar.classList.contains("open")) {
+          arrow.src = "images/chevron-left-solid-full.svg";
+        } else {
+          arrow.src = "images/chevron-right-solid-full.svg";
+        }
+      }
+    </script>
+  </body>
 </html>
diff --git a/examples/wasm/styles.css b/examples/wasm/styles.css
new file mode 100644
index 00000000..0da438d7
--- /dev/null
+++ b/examples/wasm/styles.css
@@ -0,0 +1,59 @@
+body,
+#sidebar {
+  font-family: "Montserrat", Arial, Helvetica, sans-serif;
+}
+a,
+a:visited,
+a:active {
+  color: #fff;
+  text-decoration: underline;
+}
+#sidebar {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 250px;
+  height: 100%;
+  background: #222;
+  color: #fff;
+  padding: 20px 10px 10px 20px;
+  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
+  transform: translateX(-100%);
+  transition: transform 0.3s ease;
+  z-index: 1000;
+}
+a:hover {
+  color: #eee;
+}
+#sidebar.open {
+  transform: translateX(0);
+}
+#sidebar-toggle {
+  position: absolute;
+  left: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 1100;
+  background: #444;
+  color: #fff;
+  border: none;
+  padding: 8px 0 8px 2px;
+  border-radius: 0 6px 6px 0;
+  cursor: pointer;
+  width: 32px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.5em;
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
+  transition: left 0.3s;
+}
+/* Removed rule that moves the toggle button when sidebar is open */
+#sidebar h2 {
+  margin-top: 0;
+  font-size: 1.2em;
+}
+#sidebar ul {
+  padding-left: 18px;
+}

From f7e376a261ce49155ed51c27c4b29ef53f73fa89 Mon Sep 17 00:00:00 2001
From: Alix ANNERAUD <alix@anneraud.fr>
Date: Sun, 25 Jan 2026 18:57:22 +0100
Subject: [PATCH 3/3] feat: update tab UI creation to handle errors gracefully

---
 executables/settings/src/settings.rs         | 4 +---
 modules/virtual_file_system/src/hierarchy.rs | 1 +
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/executables/settings/src/settings.rs b/executables/settings/src/settings.rs
index 3ddc743a..b9119744 100644
--- a/executables/settings/src/settings.rs
+++ b/executables/settings/src/settings.rs
@@ -47,9 +47,7 @@ impl Settings {
         ];
 
         for tab in &mut tabs {
-            tab.create_ui(tabview)
-                .await
-                .expect("Failed to create tab UI");
+            tab.create_ui(tabview).await?;
         }
 
         let manager = Self { window, tabs };
diff --git a/modules/virtual_file_system/src/hierarchy.rs b/modules/virtual_file_system/src/hierarchy.rs
index 3c54ee0c..f651b02d 100644
--- a/modules/virtual_file_system/src/hierarchy.rs
+++ b/modules/virtual_file_system/src/hierarchy.rs
@@ -32,6 +32,7 @@ pub async fn create_default_hierarchy(
         Path::BINARIES,
         Path::TEMPORARY,
         Path::LOGS,
+        Path::NETWORK_DEVICES,
     ];
 
     for path in paths {