SolidOS · bourgeoa · May 29, 2026 · Jun 2, 2026 · Jun 9, 2026 · Jun 2, 2026
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -4,13 +4,20 @@ on:
   push:
     branches:
       - main
+      - staging
   pull_request:
     branches:
       - main
+      - staging
   workflow_dispatch:
 
 jobs:
+  update-deps:
+    uses: SolidOS/solidos/.github/workflows/update-solidos-deps.yml@main
+    secrets: inherit
+
   build:
+    needs: update-deps
     runs-on: ubuntu-latest
     strategy:
       matrix:
@@ -68,6 +75,9 @@ jobs:
 
   npm-publish-dev:
     needs: build
+    permissions:
+      id-token: write
+      contents: read
     uses: SolidOS/solidos/.github/workflows/publish-prerelease.yml@main
     with:
       node_version: 22

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mashlib",
-  "version": "2.2.1",
+  "version": "3.0.0-0",
   "description": "Data mashup library",
   "main": "dist/mashlib.js",
   "files": [
@@ -54,11 +54,12 @@
   },
   "homepage": "https://github.com/solidos/mashlib",
   "dependencies": {
-    "pane-registry": "^3.1.1",
-    "rdflib": "^2.3.9",
-    "solid-logic": "^4.0.7",
-    "solid-panes": "^4.4.1",
-    "solid-ui": "^3.1.1"
+    "pane-registry": "^5.0.0-0",
+    "patch-package": "^8.0.1",
+    "rdflib": "2.4.0",
+    "solid-logic": "^6.0.0-0",
+    "solid-panes": "^5.0.0-0",
+    "solid-ui": "^5.0.0-0"
   },
   "overrides": {
     "rdflib": "$rdflib",
@@ -72,6 +73,7 @@
     "@babel/plugin-transform-runtime": "^7.29.0",
     "@babel/preset-env": "^7.29.5",
     "@babel/preset-typescript": "^7.28.5",
+    "@types/node": "^24.13.2",
     "@typescript-eslint/parser": "^8.59.3",
     "babel-loader": "^10.1.1",
     "bundlesize2": "^0.0.35",
@@ -85,11 +87,19 @@
     "node-polyfill-webpack-plugin": "^4.1.0",
     "terser-webpack-plugin": "^5.6.0",
     "typescript": "^6.0.3",
+    "undici-types": "^7.18.2",
     "url-loader": "^4.1.1",
     "webpack": "^5.106.2",
     "webpack-cli": "^7.0.2",
     "webpack-dev-server": "^5.2.4"
   },
+  "solidosDependencies": [
+    "rdflib",
+    "solid-logic",
+    "solid-ui",
+    "pane-registry",
+    "solid-panes"
+  ],
   "bundlesize": [
     {
       "path": "./dist/*.min.js",

diff --git a/src/databrowser.html b/src/databrowser.html
@@ -34,70 +34,36 @@
     </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">
 
-    <!-- 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"
+            >
+            <!--
+                solid-panes navbar 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 -->
+            </main> <!-- .app-view -->
+        </div> <!-- .app-shell -->
 
-      <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>
+    </solid-ui-provider>
   </body>
 </html>
diff --git a/src/globals.ts b/src/globals.ts
@@ -1,11 +1,8 @@
-// AI generated as a solution to cannot find SolidLogic 
-// Must be imported BEFORE solid-ui / solid-panes.
-// Their prebuilt bundles treat `solid-logic` (and `rdflib`) as UMD externals
-// with `root: "SolidLogic"` / `root: "$rdf"`, so the globals must exist on
-// `window` at module-evaluation time, not after all imports have run.
 import * as $rdf from 'rdflib'
 import * as SolidLogic from 'solid-logic'
+import * as UI from 'solid-ui'
 
 const w: any = window
 w.$rdf = $rdf
 w.SolidLogic = SolidLogic
+w.UI = UI
diff --git 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
@@ -1,4 +1,6 @@
-/*  
+@import "solid-ui/theme.css";
+
+/*
 ** ------SolidOS Styles------
 **
 */
@@ -40,8 +42,7 @@ body {
   color: inherit;
 }
 
-#PageHeader,
-#mainSolidUiHeader {
+solid-panes-header, #PageHeader {
   position: fixed;
   top: 0;
   left: 0;
@@ -50,10 +51,6 @@ body {
   background: var(--color-header-row-bg);
 }
 
-#mainSolidUiHeader {
-  display: block;
-}
-
 #MainContent {
   flex: 1 1 auto;
   min-height: 0;
@@ -1644,6 +1641,7 @@ label:focus-visible {
 
 /* Generated by AI */
 @media screen and (max-width: 768px) {
+  solid-panes-header,
   #PageHeader,
   #PageFooter {
     width: 100%;
@@ -1675,4 +1673,4 @@ html[data-layout="mobile"] #MainContent {
   overscroll-behavior: x contain;
 }
 
-/* END of Generated by AI */
+/* END of Generated by AI */
diff --git a/src/styles/themes/dark.css b/src/styles/themes/dark.css
@@ -173,8 +173,6 @@ html[data-theme="dark"] {
   --color-sort-arrow: #555;
 
   /* Typography */
-  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  --font-family-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   --font-size-base: 100%;
   --font-size-strong: 120%;
   --font-weight-normal: normal;

diff --git a/src/styles/themes/light.css b/src/styles/themes/light.css
@@ -227,8 +227,6 @@
   --color-pending-edit: #bbb;
 
   /* Typography */
-  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  --font-family-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   --font-size-base-old: 100%;
   --font-size-base: 1rem;      /* 16px */
   --font-size-strong: 120%;