diff --git a/package-lock.json b/package-lock.json
index 012e143..53f6936 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "lindsvg-pwa",
-  "version": "2.4.4",
+  "version": "2.5.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "lindsvg-pwa",
-      "version": "2.4.4",
+      "version": "2.5.0",
       "dependencies": {
         "@vueuse/core": "^10.10.0",
         "lindsvg": "^1.5.0",
@@ -15,10 +15,10 @@
         "vue": "^3.4.27"
       },
       "devDependencies": {
-        "@eslint/js": "^9.3.0",
+        "@eslint/js": "^9.4.0",
         "@stylistic/eslint-plugin-js": "^2.1.0",
         "@vitejs/plugin-vue": "^5.0.5",
-        "eslint": "^9.3.0",
+        "eslint": "^9.4.0",
         "eslint-plugin-vue": "^9.26.0",
         "globals": "^15.3.0",
         "vite": "^5.2.12"
@@ -439,6 +439,20 @@
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
     },
+    "node_modules/@eslint/config-array": {
+      "version": "0.15.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.15.1.tgz",
+      "integrity": "sha512-K4gzNq+yymn/EVsXYmf+SBcBro8MTf+aXJZUphM96CdzUEr+ClGDvAbpmaEK+cGVigVXIgs9gNmvHAlrzzY5JQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.3",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
     "node_modules/@eslint/eslintrc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.1.0.tgz",
@@ -475,26 +489,21 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.3.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.3.0.tgz",
-      "integrity": "sha512-niBqk8iwv96+yuTwjM6bWg8ovzAPF9qkICsGtcoa5/dmqcEMfdwNAX7+/OHcJHc7wj7XqPxH98oAHytFYlw6Sw==",
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.4.0.tgz",
+      "integrity": "sha512-fdI7VJjP3Rvc70lC4xkFXHB0fiPeojiL1PxVG6t1ZvXQrarj893PweuBTujxDUFk0Fxj4R7PIIAZ/aiiyZPZcg==",
       "dev": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.13.0",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
-      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.3.tgz",
+      "integrity": "sha512-HAbhAYKfsAC2EkTqve00ibWIZlaU74Z1EHwAjYr4PXF0YU2VEA1zSIKSSpKszRLRWwHzzRZXvK632u+uXzvsvw==",
       "dev": true,
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^2.0.3",
-        "debug": "^4.3.1",
-        "minimatch": "^3.0.5"
-      },
       "engines": {
-        "node": ">=10.10.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
     "node_modules/@humanwhocodes/module-importer": {
@@ -510,12 +519,6 @@
         "url": "https://github.com/sponsors/nzakas"
       }
     },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
-      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
-      "dev": true
-    },
     "node_modules/@humanwhocodes/retry": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.0.tgz",
@@ -1267,16 +1270,16 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.3.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.3.0.tgz",
-      "integrity": "sha512-5Iv4CsZW030lpUqHBapdPo3MJetAPtejVW8B84GIcIIv8+ohFaddXsrn1Gn8uD9ijDb+kcYKFUVmC8qG8B2ORQ==",
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.4.0.tgz",
+      "integrity": "sha512-sjc7Y8cUD1IlwYcTS9qPSvGjAC8Ne9LctpxKKu3x/1IC9bnOg98Zy6GxEJUfr1NojMgVPlyANXYns8oE2c1TAA==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/config-array": "^0.15.1",
         "@eslint/eslintrc": "^3.1.0",
-        "@eslint/js": "9.3.0",
-        "@humanwhocodes/config-array": "^0.13.0",
+        "@eslint/js": "9.4.0",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.3.0",
         "@nodelib/fs.walk": "^1.2.8",
diff --git a/package.json b/package.json
index e7165c2..5361277 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lindsvg-pwa",
   "private": true,
-  "version": "2.4.4",
+  "version": "2.5.0",
   "type": "module",
   "scripts": {
     "lint": "eslint",
@@ -17,10 +17,10 @@
     "vue": "^3.4.27"
   },
   "devDependencies": {
-    "@eslint/js": "^9.3.0",
+    "@eslint/js": "^9.4.0",
     "@stylistic/eslint-plugin-js": "^2.1.0",
     "@vitejs/plugin-vue": "^5.0.5",
-    "eslint": "^9.3.0",
+    "eslint": "^9.4.0",
     "eslint-plugin-vue": "^9.26.0",
     "globals": "^15.3.0",
     "vite": "^5.2.12"
diff --git a/src/App.vue b/src/App.vue
index d0832ff..1a4aea5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,6 +3,7 @@ import {onMounted} from "vue";
 import {processLaunchOptions} from "./launchCtrl.mjs";
 import PlotArea from "./components/PlotArea.vue";
 import TheSidebar from "./components/TheSidebar.vue";
+import LeafToolbar from "./components/LeafToolbar.vue";
 import ThePopover from "./components/ThePopover.vue";
 
 onMounted(() => processLaunchOptions());
@@ -11,6 +12,7 @@ onMounted(() => processLaunchOptions());
 <template>
   <div>
     <PlotArea />
+    <LeafToolbar />
     <TheSidebar />
     <ThePopover />
   </div>
diff --git a/src/assets/icons.svg b/src/assets/icons.svg
index d94fbf3..12f83d1 100644
--- a/src/assets/icons.svg
+++ b/src/assets/icons.svg
@@ -1 +1 @@
-<svg width="225" height="25" viewBox="0 0 225 25" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><path d="M13.99 5.66c-.38-1.56-2.6-1.56-2.98 0a1.53 1.53 0 0 1-2.29.95c-1.37-.84-2.94.73-2.1 2.1.54.9.06 2.05-.95 2.3-1.56.37-1.56 2.6 0 2.97 1.01.24 1.5 1.4.95 2.29-.84 1.37.73 2.94 2.1 2.1a1.53 1.53 0 0 1 2.3.95c.37 1.56 2.6 1.56 2.97 0a1.53 1.53 0 0 1 2.29-.95c1.37.84 2.94-.73 2.1-2.1a1.53 1.53 0 0 1 .95-2.29c1.56-.38 1.56-2.6 0-2.98-1-.24-1.49-1.4-.95-2.28.84-1.38-.73-2.95-2.1-2.1-.9.55-2.06.05-2.29-.97zm-1.49 9.83c4 0 4-6 0-6s-4 6 0 6zM61.49 4.5a1 1 0 0 0-.9.55l-.72 1.44h-3.38c-1.33 0-1.33 2 0 2v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-10c1.33 0 1.33-2 0-2h-3.38l-.73-1.44a1 1 0 0 0-.9-.56zm-2 6c0-1.33 2-1.33 2 0v6c0 1.33-2 1.33-2 0zm5-1a1 1 0 0 0-1 1v6c0 1.33 2 1.33 2 0v-6a1 1 0 0 0-1-1zm-27 11a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM36.21 9.77c-.94-1.09-2.5.5-1.4 1.42l1.28 1.3-1.29 1.28c-.95.94.46 2.36 1.41 1.42l1.3-1.3 1.3 1.3c.94 1.09 2.5-.5 1.4-1.42l-1.29-1.29 1.3-1.3c1.09-.94-.5-2.5-1.42-1.4l-1.3 1.29zM87.49 5.5a1 1 0 0 1 .7.3l3 3c1.17.93-.47 2.58-1.4 1.41l-2.3-2.29-2.3 2.3c-.94 1.09-2.5-.5-1.4-1.42l3-3a1 1 0 0 1 .7-.3zm-3.7 9.3a1 1 0 0 1 1.4 0l2.3 2.3 2.3-2.3c.93-1.17 2.57.48 1.4 1.41l-3 3a1 1 0 0 1-1.4 0l-3-3a1 1 0 0 1 0-1.41zm21.7-9.3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-.3.7l-4.7 4.71v3.59a1 1 0 0 1-.3.7l-2 2a1 1 0 0 1-1.7-.7v-5.59l-4.7-4.7a1 1 0 0 1-.3-.71zm49.55-3.45a3 3 0 0 0-3 3v15a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3v-15a3 3 0 0 0-3-3zm.5 2h2.5v17h-2.5a1.5 1.5 0 0 1-1.5-1.5v-14c0-.84.66-1.5 1.5-1.5zm4.5 0h9.5c.82 0 1.5.66 1.5 1.5v14c0 .82-.68 1.5-1.5 1.5h-9.5z"/><path d="m161.54 12.35 6.58-3.8v7.6l-3.3-1.9z"/></g><path d="M140.45 4.5h.36c.55-.01 1.15.1 1.67.3a4.75 4.75 0 0 1 2.1 7.25c-.32.41-.69.76-1.05 1.13-.25.24-.44.48-.77.6a1.07 1.07 0 0 1-1.38-.6c-.04-.13-.04-.27-.04-.41.02-.74.87-1.3 1.32-1.82.78-.86.9-2.08.32-3.06-.12-.22-.26-.36-.42-.54a2.53 2.53 0 0 0-3.4-.14c-.4.33-1.07 1.14-1.46 1.34a1.19 1.19 0 0 1-.44.11c-1.04.05-1.46-1.1-.8-1.83l.56-.57a5.52 5.52 0 0 1 1.99-1.43c.54-.22.9-.25 1.45-.33zm-1.01 4.73c.7-.1 1.28.26 1.33 1 .05.66-.57 1.11-1 1.52l-3.48 3.48c-.36.36-.5.54-1.05.52-.56 0-.96-.45-1-1-.06-.66.57-1.12 1-1.53l2.82-2.84c.2-.19.88-.9 1.06-1.01.12-.07.2-.1.32-.14zm-6.95 1.9c.87-.1 1.43.73 1.07 1.52-.28.62-1.2 1.12-1.62 1.98a2.93 2.93 0 0 0-.29 1.16c0 .96.61 1.88 1.45 2.3.46.24.79.26 1.3.25.88 0 1.48-.59 2.05-1.16.39-.39.7-.84 1.3-.87.63-.02 1.15.46 1.11 1.11a1.2 1.2 0 0 1-.36.76c-.41.47-1.13 1.17-1.64 1.52a4.9 4.9 0 0 1-4.37.47 4.76 4.76 0 0 1-1.87-7.48l.82-.84c.36-.38.53-.62 1.05-.72zM179.5 11.25c0-.97.78-1.75 1.75-1.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .14.1.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5a1.75 1.75 0 0 1-1.75 1.75h-7.5a1.75 1.75 0 0 1-1.75-1.75z"/><path d="M184.5 6.25c0-.97.78-1.75 1.75-1.75h7.5c.97 0 1.75.78 1.75 1.75v7.5a1.75 1.75 0 0 1-1.75 1.75h-7.5a1.75 1.75 0 0 1-1.75-1.75zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .14.1.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25z"/><path d="M220.4 4.5v.1c-.82.69-1.44 1.35-1.88 1.96-3.48 4.72-5.56 8.8-6.22 12.24-.06.63-.18.95-.35.95-1.25.5-1.94.75-2.08.75-1.08-2.75-2.71-4.13-4.9-4.13h-.37v-.11l2.6-1.17c1.6 0 2.8.7 3.58 2.1h.1a24.72 24.72 0 0 1 1.82-4.51c1.04-1.91 2.4-3.87 4.05-5.86a6.12 6.12 0 0 1 3.65-2.32z"/></svg>
\ No newline at end of file
+<svg width="275" height="25" viewBox="0 0 275 25" xmlns="http://www.w3.org/2000/svg"><path d="M13.99 5.66c-.38-1.56-2.6-1.56-2.98 0a1.53 1.53 0 0 1-2.29.95c-1.37-.84-2.94.73-2.1 2.1.54.9.06 2.05-.95 2.3-1.56.37-1.56 2.6 0 2.97 1.01.24 1.5 1.4.95 2.29-.84 1.37.73 2.94 2.1 2.1a1.53 1.53 0 0 1 2.3.95c.37 1.56 2.6 1.56 2.97 0a1.53 1.53 0 0 1 2.29-.95c1.37.84 2.94-.73 2.1-2.1a1.53 1.53 0 0 1 .95-2.29c1.56-.38 1.56-2.6 0-2.98-1-.24-1.49-1.4-.95-2.28.84-1.38-.73-2.95-2.1-2.1-.9.55-2.06.05-2.29-.97zm-1.49 9.83c4 0 4-6 0-6s-4 6 0 6zM61.49 4.5a1 1 0 0 0-.9.55l-.72 1.44h-3.38c-1.33 0-1.33 2 0 2v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-10c1.33 0 1.33-2 0-2h-3.38l-.73-1.44a1 1 0 0 0-.9-.56zm-2 6c0-1.33 2-1.33 2 0v6c0 1.33-2 1.33-2 0zm5-1a1 1 0 0 0-1 1v6c0 1.33 2 1.33 2 0v-6a1 1 0 0 0-1-1zm-27 11a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM36.21 9.77c-.94-1.09-2.5.5-1.4 1.42l1.28 1.3-1.29 1.28c-.95.94.46 2.36 1.41 1.42l1.3-1.3 1.3 1.3c.94 1.09 2.5-.5 1.4-1.42l-1.29-1.29 1.3-1.3c1.09-.94-.5-2.5-1.42-1.4l-1.3 1.29zM87.49 5.5a1 1 0 0 1 .7.3l3 3c1.17.93-.47 2.58-1.4 1.41l-2.3-2.29-2.3 2.3c-.94 1.09-2.5-.5-1.4-1.42l3-3a1 1 0 0 1 .7-.3zm-3.7 9.3a1 1 0 0 1 1.4 0l2.3 2.3 2.3-2.3c.93-1.17 2.57.48 1.4 1.41l-3 3a1 1 0 0 1-1.4 0l-3-3a1 1 0 0 1 0-1.41zm21.7-9.3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-.3.7l-4.7 4.71v3.59a1 1 0 0 1-.3.7l-2 2a1 1 0 0 1-1.7-.7v-5.59l-4.7-4.7a1 1 0 0 1-.3-.71zm49.55-3.45a3 3 0 0 0-3 3v15a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3v-15a3 3 0 0 0-3-3zm.5 2h2.5v17h-2.5a1.5 1.5 0 0 1-1.5-1.5v-14c0-.84.66-1.5 1.5-1.5zm4.5 0h9.5c.82 0 1.5.66 1.5 1.5v14c0 .82-.68 1.5-1.5 1.5h-9.5z" fill-rule="evenodd"/><path d="m161.54 12.35 6.58-3.8v7.6l-3.3-1.9z"/><path d="M140.45 4.5h.36c.55-.01 1.15.1 1.67.3a4.75 4.75 0 0 1 2.1 7.25c-.32.41-.69.76-1.05 1.13-.25.24-.44.48-.77.6a1.07 1.07 0 0 1-1.38-.6c-.04-.13-.04-.27-.04-.41.02-.74.87-1.3 1.32-1.82.78-.86.9-2.08.32-3.06-.12-.22-.26-.36-.42-.54a2.53 2.53 0 0 0-3.4-.14c-.4.33-1.07 1.14-1.46 1.34a1.19 1.19 0 0 1-.44.11c-1.04.05-1.46-1.1-.8-1.83l.56-.57a5.52 5.52 0 0 1 1.99-1.43c.54-.22.9-.25 1.45-.33zm-1.01 4.73c.7-.1 1.28.26 1.33 1 .05.66-.57 1.11-1 1.52l-3.48 3.48c-.36.36-.5.54-1.05.52-.56 0-.96-.45-1-1-.06-.66.57-1.12 1-1.53l2.82-2.84c.2-.19.88-.9 1.06-1.01.12-.07.2-.1.32-.14zm-6.95 1.9c.87-.1 1.43.73 1.07 1.52-.28.62-1.2 1.12-1.62 1.98a2.93 2.93 0 0 0-.29 1.16c0 .96.61 1.88 1.45 2.3.46.24.79.26 1.3.25.88 0 1.48-.59 2.05-1.16.39-.39.7-.84 1.3-.87.63-.02 1.15.46 1.11 1.11a1.2 1.2 0 0 1-.36.76c-.41.47-1.13 1.17-1.64 1.52a4.9 4.9 0 0 1-4.37.47 4.76 4.76 0 0 1-1.87-7.48l.82-.84c.36-.38.53-.62 1.05-.72zm47.01.12c0-.97.78-1.75 1.75-1.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .14.1.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5a1.75 1.75 0 0 1-1.75 1.75h-7.5a1.75 1.75 0 0 1-1.75-1.75z"/><path d="M184.5 6.25c0-.97.78-1.75 1.75-1.75h7.5c.97 0 1.75.78 1.75 1.75v7.5a1.75 1.75 0 0 1-1.75 1.75h-7.5a1.75 1.75 0 0 1-1.75-1.75zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .14.1.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25zm34.15-1.5v.1c-.82.69-1.44 1.35-1.88 1.96-3.48 4.72-5.56 8.8-6.22 12.24-.06.63-.18.95-.35.95-1.25.5-1.94.75-2.08.75-1.08-2.75-2.71-4.13-4.9-4.13h-.37v-.11l2.6-1.17c1.6 0 2.8.7 3.58 2.1h.1a24.72 24.72 0 0 1 1.82-4.51 37.08 37.08 0 0 1 4.05-5.86 6.12 6.12 0 0 1 3.65-2.32zm26.04 2-8.94 12-8.93-12zM255 2.5h15V7h-15z"/><path d="m263.57 11.8-1.7.08a11.3 11.3 0 0 1-.15 3.3 5.34 5.34 0 0 1-.99 1.85c-.23.33-1.16.64-2.13.7-.96.04-1.82-.08-1.82-.08l-.24 1.69s1 .14 2.15.08c1.16-.06 2.6-.24 3.43-1.4.54-.76 1-1.45 1.24-2.4s.3-2.08.21-3.83z"/><path d="m262.52 7.92 3.7 5.7-6.8.35z"/><path d="m262.48 7.01-.36.7-3.45 6.75 8.36-.43zm.1 1.81 2.84 4.39-5.23.26z"/></svg>
\ No newline at end of file
diff --git a/src/components/LeafToolbar.vue b/src/components/LeafToolbar.vue
new file mode 100644
index 0000000..e8e8ab2
--- /dev/null
+++ b/src/components/LeafToolbar.vue
@@ -0,0 +1,121 @@
+<script setup>
+import {computed} from "vue";
+import {useCollectionsStore} from "../stores/collections.mjs";
+import {useLSystemStore} from "../stores/lSystem.mjs";
+import {useInterfaceStore} from "../stores/interface.mjs";
+import interfaceStyles from "../styles/interface.module.css";
+
+let collectionsStore = useCollectionsStore();
+let lSystemStore = useLSystemStore();
+let interfaceStore = useInterfaceStore();
+
+let selectedLS = computed({
+  get: () => ({
+    cid: collectionsStore.selectedCID,
+    lid: collectionsStore.selectedLID,
+  }),
+  set: ({cid, lid}) => {
+    if (cid !== collectionsStore.selectedCID || lid !== collectionsStore.selectedLID) {
+      collectionsStore.selectedCID = cid;
+      collectionsStore.selectedLID = lid;
+      lSystemStore.setup(collectionsStore.selectedLSystem);
+      lSystemStore.buildSVG();
+    }
+  },
+});
+
+let lsList = computed(() => collectionsStore.collections
+  .map(({cid, items}) => items.map(({lid}) => ({cid, lid})))
+  .flat());
+
+let selectedIndex = computed({
+  get: () => lsList.value.findIndex(({cid, lid}) => cid === selectedLS.value.cid && lid === selectedLS.value.lid),
+  set: (index) => {
+    selectedLS.value = lsList.value[index];
+  },
+});
+</script>
+
+<template>
+  <form
+    v-show="interfaceStore.isLeafToolbarOpen"
+    action="#"
+    autocomplete="off"
+    :class="$style.leafToolbar"
+    @submit.prevent
+  >
+    <button
+      :class="[
+        $style.button,
+        interfaceStyles.iconButton,
+        interfaceStyles.iconButtonConfig,
+        {[$style.hidden]: !selectedLS.lid || interfaceStore.openedPanel === 'settings'}
+      ]"
+      title="Edit this L-system’s parameters"
+      @click="interfaceStore.openedPanel = 'settings'"
+    />
+    <select
+      v-model="selectedLS"
+      :class="$style.lSystems"
+    >
+      <template
+        v-for="({cid, items}) of collectionsStore.collections"
+        :key="cid"
+      >
+        <optgroup
+          v-if="!!items.length"
+          :label="cid"
+        >
+          <option
+            v-for="({lid}) of items"
+            :key="cid + lid"
+            :value="{cid, lid}"
+          >
+            {{ lid }}
+          </option>
+        </optgroup>
+      </template>
+    </select>
+    <button
+      type="button"
+      :class="[$style.button, interfaceStyles.iconButton, interfaceStyles.iconButtonUp]"
+      :disabled="selectedIndex <= 0"
+      title="Previous L-system"
+      @click="selectedIndex -= 1"
+    />
+    <button
+      type="button"
+      :class="[$style.button, interfaceStyles.iconButton, interfaceStyles.iconButtonDown]"
+      :disabled="selectedIndex >= lsList.length - 1"
+      title="Next L-system"
+      @click="selectedIndex += 1"
+    />
+  </form>
+</template>
+
+<style module>
+  .leafToolbar {
+    align-items: center;
+    display: flex;
+    gap: 5px;
+    justify-content: center;
+    min-width: 0;
+    padding-left: var(--size-sidebar-button);
+    padding-top: 0.6rem;
+    position: relative;
+  }
+
+  .lSystems {
+    flex: 1 1 0;
+    max-width: max-content;
+    min-width: 0;
+  }
+
+  .button[disabled] {
+    opacity: 0.5;
+  }
+
+  .hidden {
+    visibility: hidden;
+  }
+</style>
diff --git a/src/components/PanelCollections.vue b/src/components/PanelCollections.vue
index e2e3170..fb7b3a5 100644
--- a/src/components/PanelCollections.vue
+++ b/src/components/PanelCollections.vue
@@ -14,7 +14,7 @@ let interfaceStore = useInterfaceStore();
 let filter = ref("");
 let debouncedFilter = refDebounced(filter, 300);
 let filteredCollections = computed(() => {
-  let query = debouncedFilter.value.toLowerCase();
+  let query = debouncedFilter.value.trim().toLowerCase();
   if (!query) {
     return collectionsStore.collections;
   }
diff --git a/src/components/TheSidebar.vue b/src/components/TheSidebar.vue
index 20c986c..63ae003 100644
--- a/src/components/TheSidebar.vue
+++ b/src/components/TheSidebar.vue
@@ -11,13 +11,22 @@ let interfaceStore = useInterfaceStore();
 
 <template>
   <div :class="$style.sidebar">
-    <button
-      v-show="interfaceStore.openedPanel !== ''"
-      type="button"
-      :class="$style.collapse"
-      title="Hide sidebar"
-      @click="interfaceStore.openedPanel = ''"
-    />
+    <div :class="$style.ctrlButtons">
+      <button
+        v-show="interfaceStore.openedPanel === 'collections'"
+        type="button"
+        :class="$style.toolbarButton"
+        title="Detach panel to a toolbar"
+        @click="interfaceStore.isLeafToolbarOpen = true"
+      />
+      <button
+        v-show="interfaceStore.openedPanel !== ''"
+        type="button"
+        :class="$style.collapseButton"
+        title="Hide sidebar"
+        @click="interfaceStore.openedPanel = ''"
+      />
+    </div>
     <div :class="$style.buttons">
       <button
         v-for="name of ['collections', 'settings', 'attributes', 'sharing', 'about']"
@@ -49,16 +58,22 @@ let interfaceStore = useInterfaceStore();
   top: 0;
 }
 
-.collapse {
+.ctrlButtons {
+  display: flex;
+  gap: 10px;
+  position: absolute;
+  right: 10px;
+  top: 10px;
+}
+
+.toolbarButton,
+.collapseButton {
   background-color: var(--color-accent);
   border: none;
   height: 25px;
-  -webkit-mask: url(../assets/icons.svg) -150px 0 no-repeat;
-  mask: url(../assets/icons.svg) -150px 0 no-repeat;
+  -webkit-mask: url(../assets/icons.svg) var(--mask-pos) no-repeat;
+  mask: url(../assets/icons.svg) var(--mask-pos) no-repeat;
   padding: 0;
-  position: absolute;
-  right: 10px;
-  top: 10px;
   width: 25px;
 
   @media (hover) {
@@ -68,6 +83,14 @@ let interfaceStore = useInterfaceStore();
   }
 }
 
+.toolbarButton {
+  --mask-pos: -250px 0;
+}
+
+.collapseButton {
+  --mask-pos: -150px 0;
+}
+
 .buttons {
   box-shadow: 0 -1px 0 0 var(--color-on-surface-mid);
   display: flex;
diff --git a/src/stores/bank.mjs b/src/stores/bank.mjs
index 48fa882..557e6b3 100644
--- a/src/stores/bank.mjs
+++ b/src/stores/bank.mjs
@@ -193,6 +193,13 @@ export default [
         theta: 90,
         iterations: 3,
         step: 4,
+        attributes: {
+          fill: "peru",
+          stroke: "forestgreen",
+          "stroke-linejoin": "round",
+          "stroke-opacity": "0.8",
+          "stroke-width": "5",
+        },
       },
       {
         lid: "Koch’s curve",
@@ -1200,6 +1207,10 @@ export default [
         theta: 90,
         iterations: 2,
         step: 7,
+        attributes: {
+          stroke: "olive",
+          "stroke-width": "1.5",
+        },
       },
       { // [AM]
         lid: "napkin",
diff --git a/src/stores/collections.mjs b/src/stores/collections.mjs
index 1c51e4d..78ea1b5 100644
--- a/src/stores/collections.mjs
+++ b/src/stores/collections.mjs
@@ -19,7 +19,7 @@ export let useCollectionsStore = defineStore("collections", () => {
   /** @type {import("./bank.mjs").LSystem[]} */
   let userStorage = useLocalStorage("userCollection", []);
 
-  /** @type {import("./bank.mjs").LSCollection} */
+  /** @type {import("./bank.mjs").LSCollection[]} */
   let collections = readonly([...bank, {cid: USER_DEFINED_COLLECTION_ID, items: userStorage}]);
 
   let selectedCID = ref("");
diff --git a/src/stores/interface.mjs b/src/stores/interface.mjs
index c66c6b2..4606adf 100644
--- a/src/stores/interface.mjs
+++ b/src/stores/interface.mjs
@@ -1,5 +1,5 @@
 import {defineStore} from "pinia";
-import {ref, readonly, reactive} from "vue";
+import {ref, readonly, reactive, watch} from "vue";
 
 export const POPOVER_ACCEPT = "accept";
 export const POPOVER_DISMISS = "dismiss";
@@ -16,6 +16,23 @@ export let useInterfaceStore = defineStore("interface", () => {
     openedPanel.value = (panelId === openedPanel.value) ? "" : panelId;
   }
 
+  /**
+   * Is the Leaf toolbar currently open
+   */
+  let isLeafToolbarOpen = ref(false);
+
+  // The Collections panel and the Leaf toolbar are mutually exclusive
+  watch(openedPanel, (panelId) => {
+    if (panelId === "collections" && isLeafToolbarOpen.value) {
+      isLeafToolbarOpen.value = false;
+    }
+  });
+  watch(isLeafToolbarOpen, (isOpen) => {
+    if (isOpen && openedPanel.value === "collections") {
+      openedPanel.value = "";
+    }
+  });
+
   /** @type {{uid: Symbol | undefined, text: String | undefined, button: String | undefined, resolve: Function | undefined}} */
   let popoverData = reactive({uid: undefined, text: undefined, button: undefined, resolve: undefined});
 
@@ -43,6 +60,7 @@ export let useInterfaceStore = defineStore("interface", () => {
   return {
     openedPanel,
     togglePanel,
+    isLeafToolbarOpen,
     popover: readonly(popoverData),
     requestPopover,
   };
diff --git a/src/styles/interface.module.css b/src/styles/interface.module.css
index bd2b4d6..c9f8126 100644
--- a/src/styles/interface.module.css
+++ b/src/styles/interface.module.css
@@ -106,6 +106,15 @@
   --mask-pos: -200px 0;
 }
 
+.iconButtonDown::before,
+.iconButtonUp::before {
+  --mask-pos: -225px 0;
+}
+
+.iconButtonUp::before {
+  transform: scaleY(-1);
+}
+
 @keyframes add-breath {
   0% {
     transform: rotate(45deg) scale(0.8);