From 7a4a6c025523d02257951efbb618fb05cdbe2e9f Mon Sep 17 00:00:00 2001
From: Noel De Martin <noel@noeldemartin.com>
Date: Wed, 1 Jul 2026 17:07:04 +0200
Subject: [PATCH] SolidOS/solid-panes#709 Remove legacy header

---
 package-lock.json    | 402 +++++++++++++++++++------------------------
 package.json         |   4 +-
 src/databrowser.html | 106 +++++-------
 src/index.ts         |   2 +-
 src/styles/mash.css  |  13 +-
 static/browse.html   |  85 ++++-----
 webpack.config.mjs   |   9 +-
 7 files changed, 279 insertions(+), 342 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 40c54fd5..8114e07c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,8 +13,8 @@
         "patch-package": "^8.0.1",
         "rdflib": "2.4.0",
         "solid-logic": "4.0.8-1",
-        "solid-panes": "4.4.2-2",
-        "solid-ui": "3.1.3-7"
+        "solid-panes": "4.4.2-4",
+        "solid-ui": "3.1.3-9"
       },
       "devDependencies": {
         "@babel/cli": "^7.28.6",
@@ -65,35 +65,6 @@
         "node": ">=14.17.0"
       }
     },
-    "node_modules/@awesome.me/webawesome/node_modules/@lit-labs/ssr": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@lit-labs/ssr/-/ssr-4.1.0.tgz",
-      "integrity": "sha512-m0zymVVlHB1ddJQ1lastsV8ROW3whFOiHJhVPQWd04MnGTkTlUUVLQctux1QlyD9BtLXNN6iASxv388vhgKMFg==",
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@lit-labs/ssr-client": "^1.1.7",
-        "@lit-labs/ssr-dom-shim": "^1.6.0",
-        "@lit/reactive-element": "^2.0.4",
-        "@parse5/tools": "^0.3.0",
-        "enhanced-resolve": "^5.10.0",
-        "lit": "^3.1.2",
-        "lit-element": "^4.0.4",
-        "lit-html": "^3.1.2",
-        "node-fetch": "^3.2.8",
-        "parse5": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=13.9.0"
-      },
-      "peerDependencies": {
-        "@types/node": ">=20.0.0 <25.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@awesome.me/webawesome/node_modules/marked": {
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/marked/-/marked-11.2.0.tgz",
@@ -124,24 +95,6 @@
         "node": "^18 || >=20"
       }
     },
-    "node_modules/@awesome.me/webawesome/node_modules/node-fetch": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
-      "integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
-      "license": "MIT",
-      "dependencies": {
-        "data-uri-to-buffer": "^4.0.0",
-        "fetch-blob": "^3.1.4",
-        "formdata-polyfill": "^4.0.10"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/node-fetch"
-      }
-    },
     "node_modules/@babel/cli": {
       "version": "7.29.7",
       "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.29.7.tgz",
@@ -2564,6 +2517,35 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@lit-labs/ssr": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@lit-labs/ssr/-/ssr-4.1.0.tgz",
+      "integrity": "sha512-m0zymVVlHB1ddJQ1lastsV8ROW3whFOiHJhVPQWd04MnGTkTlUUVLQctux1QlyD9BtLXNN6iASxv388vhgKMFg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit-labs/ssr-client": "^1.1.7",
+        "@lit-labs/ssr-dom-shim": "^1.6.0",
+        "@lit/reactive-element": "^2.0.4",
+        "@parse5/tools": "^0.3.0",
+        "enhanced-resolve": "^5.10.0",
+        "lit": "^3.1.2",
+        "lit-element": "^4.0.4",
+        "lit-html": "^3.1.2",
+        "node-fetch": "^3.2.8",
+        "parse5": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=13.9.0"
+      },
+      "peerDependencies": {
+        "@types/node": ">=20.0.0 <25.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@lit-labs/ssr-client": {
       "version": "1.1.8",
       "resolved": "https://registry.npmjs.org/@lit-labs/ssr-client/-/ssr-client-1.1.8.tgz",
@@ -2581,6 +2563,24 @@
       "integrity": "sha512-VHb0ALPMTlgKjM6yIxxoQNnpKyUKLD04VzeQdsiXkMqkvYlAHxq9glGLmgbb889/1GsohSOAjvQYoiBppXFqrQ==",
       "license": "BSD-3-Clause"
     },
+    "node_modules/@lit-labs/ssr/node_modules/node-fetch": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
+      "integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
+      "license": "MIT",
+      "dependencies": {
+        "data-uri-to-buffer": "^4.0.0",
+        "fetch-blob": "^3.1.4",
+        "formdata-polyfill": "^4.0.10"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/node-fetch"
+      }
+    },
     "node_modules/@lit/context": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/@lit/context/-/context-1.1.6.tgz",
@@ -2836,18 +2836,6 @@
       "integrity": "sha512-h3+2/cFWGaw3KQUwintkP4Cy3PtrVW//ysr9DM5nOfIXYekgrHwsELk/nyxc8hmjVP/Kcon7KCzvUtSwUBipfQ==",
       "license": "MIT"
     },
-    "node_modules/@solid-data-modules/contacts-rdflib": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/@solid-data-modules/contacts-rdflib/-/contacts-rdflib-0.7.1.tgz",
-      "integrity": "sha512-jjSVCyXjOdMlPEdTysboLg1Tc8E3jDFlbEIv7mjnNkFK61UdI/BfnNPT5XnNSUSiZYBZklUwsniJhclFhoZmBw==",
-      "license": "MIT",
-      "dependencies": {
-        "@solid-data-modules/rdflib-utils": "^0.2.0"
-      },
-      "peerDependencies": {
-        "rdflib": "2.x"
-      }
-    },
     "node_modules/@solid-data-modules/rdflib-utils": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@solid-data-modules/rdflib-utils/-/rdflib-utils-0.2.0.tgz",
@@ -3552,6 +3540,23 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/activitystreams-pane": {
+      "version": "1.0.3-3",
+      "resolved": "https://registry.npmjs.org/activitystreams-pane/-/activitystreams-pane-1.0.3-3.tgz",
+      "integrity": "sha512-jpFGdIyE6ZU99z5F+3yOVWjClqo8k7JYGq5JXgBn+Pt6uUidfflTPa/9KINaZfB80+ppk/XlZ4ohklD9emUS8w==",
+      "license": "MIT",
+      "dependencies": {
+        "pane-registry": "3.1.2-0",
+        "patch-package": "^8.0.1",
+        "rdflib": "2.3.9",
+        "react": "^19.2.3",
+        "react-dom": "^19.2.3",
+        "react-jss": "^10.10.0",
+        "solid-logic": "4.0.8-0",
+        "solid-ui": "3.1.3-4",
+        "timeago.js": "^4.0.2"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.14.0",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
@@ -4482,14 +4487,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/cat": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/cat/-/cat-0.2.0.tgz",
-      "integrity": "sha512-FrG38TVBt6XKcbWHNZ1AsnFr+eozwypXhaMRHuJrC1JvC+3GaG8G/MwuChyJOVVdPT5VsH91PiRFaheQlK/6Gg==",
-      "bin": {
-        "cat": "bin.js"
-      }
-    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -4506,6 +4503,18 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/chat-pane": {
+      "version": "3.0.4-1",
+      "resolved": "https://registry.npmjs.org/chat-pane/-/chat-pane-3.0.4-1.tgz",
+      "integrity": "sha512-KMIP58pQj4G9iFwzbcHfyrZXR2OUAjAz0OFMATUs+fDLPR9UpijxiGvvQnYwTjFy9Vu7tDFUkQknEPy/MheQog==",
+      "license": "MIT",
+      "dependencies": {
+        "patch-package": "^8.0.1",
+        "rdflib": "2.3.9",
+        "solid-logic": "4.0.8-0",
+        "solid-ui": "3.1.3-4"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -4740,6 +4749,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/contacts-pane": {
+      "version": "3.2.1-5",
+      "resolved": "https://registry.npmjs.org/contacts-pane/-/contacts-pane-3.2.1-5.tgz",
+      "integrity": "sha512-EuEeD8J5dtSkODaOEjIbLtEf4wurE4M5XHUbPgh2ZKFzCtYRxBwb1J5W+rnAfA1lQBn3EQ4fDe/b1RfyPVjbjA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lit/context": "^1.1.6",
+        "lit": "^3.3.3"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "0.5.4",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
@@ -6219,6 +6238,18 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/folder-pane": {
+      "version": "3.1.1-1",
+      "resolved": "https://registry.npmjs.org/folder-pane/-/folder-pane-3.1.1-1.tgz",
+      "integrity": "sha512-5MXnkbB2hKo6UEJH04Mzs47wWpXDJ9osBg4Fn99V5s/XmzzZlt2cHpuo2SMOKwgZC75pEw92+fzaFh+G3/8/Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "patch-package": "^8.0.1",
+        "rdflib": "2.3.9",
+        "solid-logic": "4.0.8-0",
+        "solid-ui": "3.1.3-4"
+      }
+    },
     "node_modules/follow-redirects": {
       "version": "1.16.0",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.16.0.tgz",
@@ -7630,6 +7661,19 @@
         "node": ">=10"
       }
     },
+    "node_modules/issue-pane": {
+      "version": "3.0.3-1",
+      "resolved": "https://registry.npmjs.org/issue-pane/-/issue-pane-3.0.3-1.tgz",
+      "integrity": "sha512-oB5Kqxn6px09hIv6wG4cTUt/H6q+MZsAmtp40HNQX2F515xmUYSakufliuQ0ONF30EVxjLGzJVB/X4xKYVZxpQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.6",
+        "patch-package": "^8.0.1"
+      },
+      "engines": {
+        "node": ">=20.19.2"
+      }
+    },
     "node_modules/iterate-object": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/iterate-object/-/iterate-object-1.3.5.tgz",
@@ -8262,6 +8306,15 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/meeting-pane": {
+      "version": "3.0.3-1",
+      "resolved": "https://registry.npmjs.org/meeting-pane/-/meeting-pane-3.0.3-1.tgz",
+      "integrity": "sha512-3oAWpeurkBjWDuLlCAGrZGNu0+dJjTBkX2Ymrd97g0uQbnvLol38CCxf8/yhWGCFXs4NtICummRLctR4kgp9kA==",
+      "license": "MIT",
+      "dependencies": {
+        "patch-package": "^8.0.1"
+      }
+    },
     "node_modules/memfs": {
       "version": "4.57.1",
       "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.57.1.tgz",
@@ -9001,14 +9054,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/package": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package/-/package-1.0.1.tgz",
-      "integrity": "sha512-g6xZR6CO7okjie83sIRJodgGvaXqymfE5GLhN8N2TmZGShmHc/V23hO/vWbdnuy3D81As3pfovw72gGi42l9qA==",
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
     "node_modules/package-json": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/package-json/-/package-json-2.4.0.tgz",
@@ -9655,6 +9700,32 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "license": "MIT"
     },
+    "node_modules/profile-pane": {
+      "version": "3.2.3-1",
+      "resolved": "https://registry.npmjs.org/profile-pane/-/profile-pane-3.2.3-1.tgz",
+      "integrity": "sha512-h80m7JQkhcrf7MXWMmyx4ZzlS8ddbSYyGBri8bZq4AujsLy3+f2tH26yZUC5BUeeoT15jxNXEj/SOaQsjgXrPw==",
+      "license": "MIT",
+      "dependencies": {
+        "@solid-data-modules/contacts-rdflib": "^0.7.1",
+        "lit-html": "^3.3.3",
+        "pane-registry": "3.1.2-0",
+        "patch-package": "^8.0.1",
+        "qrcode": "^1.5.4",
+        "validate-color": "^2.2.4"
+      }
+    },
+    "node_modules/profile-pane/node_modules/@solid-data-modules/contacts-rdflib": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/@solid-data-modules/contacts-rdflib/-/contacts-rdflib-0.7.1.tgz",
+      "integrity": "sha512-jjSVCyXjOdMlPEdTysboLg1Tc8E3jDFlbEIv7mjnNkFK61UdI/BfnNPT5XnNSUSiZYBZklUwsniJhclFhoZmBw==",
+      "license": "MIT",
+      "dependencies": {
+        "@solid-data-modules/rdflib-utils": "^0.2.0"
+      },
+      "peerDependencies": {
+        "rdflib": "2.x"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -10901,161 +10972,35 @@
       "license": "MIT"
     },
     "node_modules/solid-panes": {
-      "version": "4.4.2-2",
-      "resolved": "https://registry.npmjs.org/solid-panes/-/solid-panes-4.4.2-2.tgz",
-      "integrity": "sha512-hN5tKMSgY1CL1Ec5jtRVTH4QwJjkz9ihMPsQ+sJUegns9AYs0dUeK37G1rC30a+6oLi3CiTfzGHk1RLEqu1czw==",
+      "version": "4.4.2-4",
+      "resolved": "https://registry.npmjs.org/solid-panes/-/solid-panes-4.4.2-4.tgz",
+      "integrity": "sha512-Z9/Jno8Fr+YGtIGivwYXumWzxI1V4XJkISnDHYNNs/z+yqLZ8oDBAJlKoMBP/iGUjAPfJYpE+5TTWYWpHV3pCQ==",
       "license": "MIT",
       "dependencies": {
         "@solid/better-simple-slideshow": "^0.1.0",
-        "activitystreams-pane": "^1.0.3-0",
-        "chat-pane": "^3.0.4-0",
-        "contacts-pane": "^3.2.1-1",
+        "activitystreams-pane": "1.0.3-3",
+        "chat-pane": "3.0.4-1",
+        "contacts-pane": "3.2.1-5",
         "dompurify": "^3.4.4",
-        "folder-pane": "^3.1.1-0",
-        "issue-pane": "^3.0.3-0",
+        "folder-pane": "3.1.1-1",
+        "issue-pane": "3.0.3-1",
         "lit-html": "^3.3.2",
         "marked": "^18.0.3",
-        "meeting-pane": "^3.0.3-0",
+        "meeting-pane": "3.0.3-1",
         "mime-types": "^3.0.2",
-        "pane-registry": "^3.1.2-0",
-        "patch-package": "^8.0.1",
-        "profile-pane": "^3.2.3-0",
+        "pane-registry": "3.1.2-1",
+        "profile-pane": "3.2.3-1",
+        "rdflib": "2.4.0",
+        "solid-logic": "4.0.8-1",
         "solid-namespace": "^0.5.4",
-        "solid-ui": "^3.1.3-1",
-        "source-pane": "^3.1.1-0"
-      }
-    },
-    "node_modules/solid-panes/node_modules/activitystreams-pane": {
-      "version": "1.0.3-0",
-      "resolved": "https://registry.npmjs.org/activitystreams-pane/-/activitystreams-pane-1.0.3-0.tgz",
-      "integrity": "sha512-cNoKCOVdpB658aYt0vTNeiadXG6MuYPRlSWgjFAyMRa4qqh070iqYx8UrJxQ8H4bB27T2uxAjKYF1+w2sY4Qwg==",
-      "license": "MIT",
-      "dependencies": {
-        "cat": "^0.2.0",
-        "package": "^1.0.1",
-        "pane-registry": "^3.0.2",
-        "react": "^19.2.3",
-        "react-dom": "^19.2.3",
-        "react-jss": "^10.10.0",
-        "timeago.js": "^4.0.2"
-      },
-      "peerDependencies": {
-        "rdflib": "^2.3.9",
-        "solid-logic": "^4.0.6",
-        "solid-ui": "^3.0.5"
-      }
-    },
-    "node_modules/solid-panes/node_modules/chat-pane": {
-      "version": "3.0.4-0",
-      "resolved": "https://registry.npmjs.org/chat-pane/-/chat-pane-3.0.4-0.tgz",
-      "integrity": "sha512-Q9cerIsuEcP4UNv2LihesYz/60qqVwQOo+zgzQlwratlkHFDroA5HdPrnDFCsReatGdJv6UFDiDwYudst9Bxcg==",
-      "license": "MIT",
-      "dependencies": {
-        "patch-package": "^8.0.1"
-      },
-      "peerDependencies": {
-        "rdflib": "^2.3.6",
-        "solid-logic": "^4.0.8-test.0",
-        "solid-ui": "^3.1.3-0"
-      }
-    },
-    "node_modules/solid-panes/node_modules/contacts-pane": {
-      "version": "3.2.1-1",
-      "resolved": "https://registry.npmjs.org/contacts-pane/-/contacts-pane-3.2.1-1.tgz",
-      "integrity": "sha512-6U5RF9Ik1EMGrOjflFPfNyQ1EdldCXBzjlDD7iNf41LRRKNgL4bDuD2Bzoxgw4Y14wEPWUPyOFnTQTuVHgc3LQ==",
-      "license": "MIT",
-      "dependencies": {
-        "patch-package": "^8.0.1"
-      },
-      "peerDependencies": {
-        "rdflib": "^2.3.6",
-        "solid-logic": "^4.0.8-test.0",
-        "solid-ui": "^3.1.3-0"
-      }
-    },
-    "node_modules/solid-panes/node_modules/folder-pane": {
-      "version": "3.1.1-0",
-      "resolved": "https://registry.npmjs.org/folder-pane/-/folder-pane-3.1.1-0.tgz",
-      "integrity": "sha512-sHjCX19raTT4tpQETg5TnjnN44yNb/WUsMgJ+zpYjamNBPO/1fMjw6ilkQn9wupbX/3DAtPBQbKWA/cI/olEFA==",
-      "license": "MIT",
-      "dependencies": {
-        "patch-package": "^8.0.1",
-        "rdflib": "^2.3.9"
-      },
-      "peerDependencies": {
-        "solid-logic": "^4.0.6",
-        "solid-ui": "^3.1.0"
-      }
-    },
-    "node_modules/solid-panes/node_modules/issue-pane": {
-      "version": "3.0.3-0",
-      "resolved": "https://registry.npmjs.org/issue-pane/-/issue-pane-3.0.3-0.tgz",
-      "integrity": "sha512-WaNIGnaktw9ddL5l5h/RaE9hCv7Smy0hn21hYrYFayvhjl5C41oElhyC70fjdehaJmpEPYyz2sKKYJQB8a2rxQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.28.6",
-        "patch-package": "^8.0.1"
-      },
-      "engines": {
-        "node": ">=20.19.2"
-      },
-      "peerDependencies": {
-        "rdflib": "^2.3.5",
-        "solid-logic": "^4.0.7",
-        "solid-ui": "^3.1.0"
-      }
-    },
-    "node_modules/solid-panes/node_modules/meeting-pane": {
-      "version": "3.0.3-0",
-      "resolved": "https://registry.npmjs.org/meeting-pane/-/meeting-pane-3.0.3-0.tgz",
-      "integrity": "sha512-qqMwoqVyw8yWzC+KGmlXxYjXus0eDQWhVZ5R3NYJ7Z18QpBjbmWb27txFqRd6cIfXkuhQIM7tGA6Mpg2UVzPxg==",
-      "license": "MIT",
-      "dependencies": {
-        "patch-package": "^8.0.1"
-      },
-      "peerDependencies": {
-        "rdflib": "^2.3.5",
-        "solid-logic": "^4.0.2",
-        "solid-ui": "^3.0.3"
-      }
-    },
-    "node_modules/solid-panes/node_modules/profile-pane": {
-      "version": "3.2.3-0",
-      "resolved": "https://registry.npmjs.org/profile-pane/-/profile-pane-3.2.3-0.tgz",
-      "integrity": "sha512-JBYLCJVoaBoabzlw68oFX3ARRapWp55lru79Uv+0ztCEtVjH1PqGDvbUzFZluHcXk8vI5A+kccYzwpziLSGCqw==",
-      "license": "MIT",
-      "dependencies": {
-        "@solid-data-modules/contacts-rdflib": "^0.7.1",
-        "lit-html": "^3.3.3",
-        "pane-registry": "^3.1.2-test.0",
-        "patch-package": "^8.0.1",
-        "qrcode": "^1.5.4",
-        "validate-color": "^2.2.4"
-      },
-      "peerDependencies": {
-        "rdflib": "^2.3.9",
-        "solid-logic": "^4.0.8-test.0",
-        "solid-ui": "^3.1.3-0"
-      }
-    },
-    "node_modules/solid-panes/node_modules/source-pane": {
-      "version": "3.1.1-0",
-      "resolved": "https://registry.npmjs.org/source-pane/-/source-pane-3.1.1-0.tgz",
-      "integrity": "sha512-cPWW075FpPL81ehvyogfMA9+6bP3YIpN395VLOeDBK9uDXLTGin0nJqwClpnUVMTTr4ZJx3ebqxkT6x0gZRlug==",
-      "license": "MIT",
-      "dependencies": {
-        "patch-package": "^8.0.1"
-      },
-      "peerDependencies": {
-        "rdflib": "^2.3.9",
-        "solid-logic": "^4.0.7",
-        "solid-ui": "^3.1.0"
+        "solid-ui": "3.1.3-9",
+        "source-pane": "3.1.1-1"
       }
     },
     "node_modules/solid-ui": {
-      "version": "3.1.3-7",
-      "resolved": "https://registry.npmjs.org/solid-ui/-/solid-ui-3.1.3-7.tgz",
-      "integrity": "sha512-de+PhkEqW+nudPGICm5YFCH2UHeqPn++1fzzUzbYW78YYvxhq/FsQTlo/NwtaJzUz5IYV/JoUBADboU1pMvgsQ==",
+      "version": "3.1.3-9",
+      "resolved": "https://registry.npmjs.org/solid-ui/-/solid-ui-3.1.3-9.tgz",
+      "integrity": "sha512-36as6RIBflm2gsIFnEPLH6hzykXxyc9yJlhJ+E0E6JSLOyjgENGxEj55hMH8lIXzBcR5tkym3Y61vgMm/LIU8Q==",
       "license": "MIT",
       "dependencies": {
         "@awesome.me/webawesome": "^3.9.0",
@@ -11106,6 +11051,15 @@
         "source-map": "^0.6.0"
       }
     },
+    "node_modules/source-pane": {
+      "version": "3.1.1-1",
+      "resolved": "https://registry.npmjs.org/source-pane/-/source-pane-3.1.1-1.tgz",
+      "integrity": "sha512-Ce2QXCnLKrA2t67U5ttf1lNBdfuZuXdrs5Y2cXU8y7B1bJwmid/j50pJx6Sp6JjmSSNceKqN5sDzVuDW52fe/w==",
+      "license": "MIT",
+      "dependencies": {
+        "patch-package": "^8.0.1"
+      }
+    },
     "node_modules/spdx-correct": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
@@ -12014,9 +11968,9 @@
       }
     },
     "node_modules/uuid": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-14.0.0.tgz",
-      "integrity": "sha512-Qo+uWgilfSmAhXCMav1uYFynlQO7fMFiMVZsQqZRMIXp0O7rR7qjkj+cPvBHLgBqi960QCoo/PH2/6ZtVqKvrg==",
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-14.0.1.tgz",
+      "integrity": "sha512-6ZxzVpzDXDa3bJWaHilVayA+BH/1zmxCJoVgvmqJnid/gPoKHxUrS/aC/T6LGQtNHT+XHG9fXPJB4d+IrU30Ew==",
       "funding": [
         "https://github.com/sponsors/broofa",
         "https://github.com/sponsors/ctavan"
diff --git a/package.json b/package.json
index 128e9ce4..e7f31d40 100644
--- a/package.json
+++ b/package.json
@@ -58,8 +58,8 @@
     "patch-package": "^8.0.1",
     "rdflib": "2.4.0",
     "solid-logic": "4.0.8-1",
-    "solid-panes": "4.4.2-2",
-    "solid-ui": "3.1.3-7"
+    "solid-panes": "4.4.2-4",
+    "solid-ui": "3.1.3-9"
   },
   "overrides": {
     "rdflib": "$rdflib",
diff --git a/src/databrowser.html b/src/databrowser.html
index 949de74a..9ffc822c 100644
--- a/src/databrowser.html
+++ b/src/databrowser.html
@@ -34,70 +34,58 @@
     </script>
   </head>
   <body id="PageBody" data-app-shell="databrowser">
+    <solid-ui-provider>
+        <!-- Skip-navigation link (accessibility) -->
+        <a href="#MainContent" class="skip-link">Skip to main content</a>
 
-    <!-- Skip-navigation link (accessibility) -->
-    <a href="#MainContent" class="skip-link">Skip to main content</a>
+        <!--  Header — populated by solid-panes createHeader(), plus responsive menu toggle -->
 
-    <!--  Header — populated by solid-panes createHeader(), plus responsive menu toggle -->
-    <solid-ui-header id="mainSolidUiHeader" theme="" layout="" brand-link="/">
-      <span slot="title"></span>
-    </solid-ui-header>
-<!--
-    <header id="PageHeader" role="banner">
-      <div class="page-header-inner">
-        <button id="MenuToggleBtn" class="menu-toggle" aria-controls="NavMenu" aria-expanded="false" hidden>
-          ☰
-          <span class="sr-only">Menu</span>
-        </button>
-      </div>
-    </header
-    -->
+        <!-- Main content area — single visible region at a time -->
+        <div class="app-main" tabindex="-1" aria-live="polite">
+        <div class="app-shell">
+            <aside id="NavMenu" class="app-nav" aria-label="Application menu" hidden>
+            <div id="NavMenuContent" class="menu-content"></div>
+            </aside>
 
-    <!-- Main content area — single visible region at a time -->
-    <div class="app-main" tabindex="-1" aria-live="polite">
-      <div class="app-shell">
-        <aside id="NavMenu" class="app-nav" aria-label="Application menu" hidden>
-          <div id="NavMenuContent" class="menu-content"></div>
-        </aside>
+            <main id="MainContent" class="app-view">
+            <!--
+                Outline view: the primary RDF-subject browser.
+                JS appends property-table <div>s (not <tr>s) here.
+            -->
+            <table
+                id="OutlineView"
+                class="outline-view"
+                aria-label="Resource browser"
+            >
+            <!--
+                Pane icon tray (nav) and pane content are injected here by
+                OutlineManager.GotoSubject / propertyTable / outlineExpand.
+                Each subject block is a <article class="subject-block">.
+            -->
+            </table>
 
-        <main id="MainContent" class="app-view">
-          <!--
-            Outline view: the primary RDF-subject browser.
-            JS appends property-table <div>s (not <tr>s) here.
-          -->
-          <table
-            id="OutlineView"
-            class="outline-view"
-            aria-label="Resource browser"
-          >
-          <!-- 
-            Pane icon tray (nav) and pane content are injected here by
-            OutlineManager.GotoSubject / propertyTable / outlineExpand.
-            Each subject block is a <article class="subject-block">.
-          -->
-          </table>
-           
-          <!--
-            Global Dashboard: preferences, profile, contacts, etc.
-            Hidden by default; toggled by showDashboard / closeDashboard.
-          -->
-          <section
-            id="GlobalDashboard"
-            class="global-dashboard"
-            aria-label="Dashboard"
-            hidden
-          >
-          <!-- globalAppTabs appends tab widget here -->
-          </section>
-        </main> <!-- .app-view -->
-      </div> <!-- .app-shell -->
+            <!--
+                Global Dashboard: preferences, profile, contacts, etc.
+                Hidden by default; toggled by showDashboard / closeDashboard.
+            -->
+            <section
+                id="GlobalDashboard"
+                class="global-dashboard"
+                aria-label="Dashboard"
+                hidden
+            >
+            <!-- globalAppTabs appends tab widget here -->
+            </section>
+            </main> <!-- .app-view -->
+        </div> <!-- .app-shell -->
 
-      <div id="MenuOverlay" class="menu-overlay" hidden aria-hidden="true"></div>
-    </div>
+        <div id="MenuOverlay" class="menu-overlay" hidden aria-hidden="true"></div>
+        </div>
 
-    <!-- Footer — populated by solid-ui initFooter() -->
-    <footer id="PageFooter" role="contentinfo">
-      <!-- solid-ui injects: "Powered by Solid" link -->
-    </footer>
+        <!-- Footer — populated by solid-ui initFooter() -->
+        <footer id="PageFooter" role="contentinfo">
+        <!-- solid-ui injects: "Powered by Solid" link -->
+        </footer>
+    </solid-ui-provider>
   </body>
 </html>
diff --git a/src/index.ts b/src/index.ts
index 50944bff..9e7ea8d3 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -7,12 +7,12 @@ import './globals'
 import * as $rdf from 'rdflib'
 import * as SolidLogic from 'solid-logic'
 import type { RenderEnvironment } from 'pane-registry'
-import 'solid-ui/components/header'
 import * as panes from 'solid-panes'
 import { layout } from './layout'
 import { theme } from './theme'
 import versionInfo from './versionInfo'
 import './styles/mash.css'
+import 'solid-ui/components/provider'
 
 const global: any = window
 global.panes = panes
diff --git a/src/styles/mash.css b/src/styles/mash.css
index 4b41d573..6d6e2a6b 100644
--- a/src/styles/mash.css
+++ b/src/styles/mash.css
@@ -1,6 +1,6 @@
 @import "solid-ui";
 
-/*  
+/*
 ** ------SolidOS Styles------
 **
 */
@@ -42,8 +42,7 @@ body {
   color: inherit;
 }
 
-#PageHeader,
-#mainSolidUiHeader {
+solid-panes-header {
   position: fixed;
   top: 0;
   left: 0;
@@ -52,10 +51,6 @@ body {
   background: var(--color-header-row-bg);
 }
 
-#mainSolidUiHeader {
-  display: block;
-}
-
 #MainContent {
   flex: 1 1 auto;
   min-height: 0;
@@ -1646,7 +1641,7 @@ label:focus-visible {
 
 /* Generated by AI */
 @media screen and (max-width: 768px) {
-  #PageHeader,
+  solid-panes-header,
   #PageFooter {
     width: 100%;
   }
@@ -1677,4 +1672,4 @@ html[data-layout="mobile"] #MainContent {
   overscroll-behavior: x contain;
 }
 
-/* END of Generated by AI */
\ No newline at end of file
+/* END of Generated by AI */
diff --git a/static/browse.html b/static/browse.html
index a07ecb32..4f65e472 100644
--- a/static/browse.html
+++ b/static/browse.html
@@ -45,7 +45,7 @@
     const loginButtonArea = document.getElementById("loginButtonArea");
     const webIdArea = dom.getElementById('webId')
     const banner = dom.getElementById('inputArea')
-    const pageHeader = dom.getElementById('PageHeader')
+    const pageHeader = dom.querySelector('solid-panes-header')
 
     function updateHeaderOffset () {
       if (!pageHeader) return
@@ -55,7 +55,7 @@
 
     window.addEventListener('resize', updateHeaderOffset)
     updateHeaderOffset()
- 
+
     uriField.addEventListener('keyup', function (e) {
       if (e.keyCode === 13) {
         go(e)
@@ -74,18 +74,18 @@
         loginButtonArea.appendChild(UI.login.loginStatusBox(document, null, {}))
       }
       const me = authn.currentUser()
-      if (me) {       
-        const logoutButton = loginButtonArea.querySelector('input');         
-        logoutButton.value = "Logout";           
+      if (me) {
+        const logoutButton = loginButtonArea.querySelector('input');
+        logoutButton.value = "Logout";
         let displayId = `&lt;${me.value}>`;
         webIdArea.innerHTML = displayId;
-        banner.style.backgroundColor="#bbccbb";                                                                           
-      } else {                                                                  
-        banner.style.backgroundColor="#ccbbbb";                              
-      }                                                                
-      loginButtonArea.style.display="inline-block";                           
+        banner.style.backgroundColor="#bbccbb";
+      } else {
+        banner.style.backgroundColor="#ccbbbb";
+      }
+      loginButtonArea.style.display="inline-block";
       updateHeaderOffset()
-    }      
+    }
 
     if (authSession) {
       authSession.events.on("login", () => {
@@ -107,37 +107,40 @@
 </script>
 </head>
 <body>
-  <header id="PageHeader" role="banner" class="header-mash">
-    SolidOS Databrowser
-    <div class="input-row" id="inputArea">
-        Viewing <input id="uriField" type="text" class="uri-field" placeholder="enter a pod address e.g. https://you.solidcommunity.net/"/> <input type="button" id="goButton" value="Go" />
+  <solid-ui-provider>
+    <header id="PageHeader" role="banner" class="header-mash">
+        SolidOS Databrowser
+        <div class="input-row" id="inputArea">
+            Viewing <input id="uriField" type="text" class="uri-field" placeholder="enter a pod address e.g. https://you.solidcommunity.net/"/> <input type="button" id="goButton" value="Go" />
+        </div>
+    </header>
+    <div class="user-row">
+        As user <span id="webId">&lt;public user></span>
+        <span id="loginButtonArea"></span>
     </div>
-  </header>
-  <div class="user-row">
-    As user <span id="webId">&lt;public user></span> 
-    <span id="loginButtonArea"></span>
-  </div>
-  <main id="MainContent" tabindex="-1" aria-live="polite" class="browser-main">
-
-    <table
-          id="OutlineView"
-          class="outline-view"
-          aria-label="Resource browser"
-          style="width: 100%"
-    >
-    </table>
-
-    <section
-        id="GlobalDashboard"
-        class="global-dashboard"
-        aria-label="Dashboard"
-        hidden
-    >
-    </section>
-
-  </main>
-
-  <footer id="PageFooter" role="contentinfo"></footer>
+    <main id="MainContent" tabindex="-1" aria-live="polite" class="browser-main">
+
+        <table
+            id="OutlineView"
+            class="outline-view"
+            aria-label="Resource browser"
+            style="width: 100%"
+        >
+        </table>
+
+        <section
+            id="GlobalDashboard"
+            class="global-dashboard"
+            aria-label="Dashboard"
+            hidden
+        >
+        </section>
+
+    </main>
+
+    <footer id="PageFooter" role="contentinfo"></footer>
+  </solid-ui-provider>
+
   <style>
     body {
       padding-top: calc(var(--browse-header-offset, var(--app-header-height, 3.8rem)) + 0.35rem);
diff --git a/webpack.config.mjs b/webpack.config.mjs
index 1a31ff29..8b7c311a 100644
--- a/webpack.config.mjs
+++ b/webpack.config.mjs
@@ -13,14 +13,12 @@ const packageAliases = {
   'rdflib': path.resolve('./node_modules/rdflib'),
   'solid-logic': path.resolve('./node_modules/solid-logic'),
   'UI$': path.resolve('./node_modules/solid-ui/dist/index.esm.js'),
-  'solid-panes$': path.resolve('./node_modules/solid-panes/dist/index.js'),
   'pane-registry': path.resolve('./node_modules/pane-registry'),
   '$rdf': path.resolve('./node_modules/rdflib'),
   'SolidLogic': path.resolve('./node_modules/solid-logic')
 }
 
 const workspaceAliases = {
-  'solid-panes$': path.resolve('../solid-panes/src/index.ts'),
   'UI$': path.resolve('../solid-ui/dist/index.cjs.js'),
 }
 
@@ -78,7 +76,7 @@ function createCommonConfig (resolutionMode) {
         {
           test: /\.(mjs|js|ts)$/,
           exclude: (modulePath) => {
-            if (/node_modules[\/\\]solid-panes[\/\\]src/.test(modulePath)) return false
+            if (/node_modules[/\\]solid-panes[/\\]src/.test(modulePath)) return false
             return /node_modules|bower_components/.test(modulePath)
           },
           use: {
@@ -223,7 +221,7 @@ export default (env, args) => {
     optimization: {
       ...sharedOptimization,
       minimize: true,
-      minimizer: [new TerserPlugin({ 
+      minimizer: [new TerserPlugin({
         extractComments: false,
         terserOptions: {
           compress: {
@@ -236,7 +234,7 @@ export default (env, args) => {
     }
   }
 
-  // UMD Unminified, everything bundled  
+  // UMD Unminified, everything bundled
   const unminified = {
     ...common,
     mode: args.mode || 'production',
@@ -253,4 +251,3 @@ export default (env, args) => {
 
   return [minified, unminified]
 }
-