@kolkrabbi/kol-framework 0.40.1 → 0.41.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-framework",
-  "version": "0.40.1",
+  "version": "0.41.0",
   "description": "KOL app shell — sidenav, layout, theme toggle, footer, heroes + brand color layer. SideNav takes nav data as props so the tree stays app-local.",
   "license": "MIT",
   "type": "module",

package/src/PageLayout.jsx

@@ -76,11 +76,19 @@ export default function PageLayout({ navTree = [], header, footer, defaultTocCon
   const effectiveTocContent = tocContent ?? defaultTocContent
   const showToc = Boolean(effectiveTocContent) && !tocCollapsed
 
-  /* the plane paints the wash; the var lives on the plane so any child that
-     reads it resolves the same value (BrandLayout, verbatim) */
+  /* ONE OWNER PER PIXEL (two-page-scaffolds-one-job, kol-client-olina
+   * 2026-09-03). The plane paints the wash and hands `--kol-shell-page-wash:
+   * transparent` down: the variable means WHAT IS LEFT TO PAINT, so a
+   * PageShell — or any page root that reads it — inside this frame paints
+   * nothing over the plane. BrandLayout's line set the wash on the plane AND
+   * painted it, so a nested PageShell painted it again: `fg-02` rendered as two
+   * 0.02 layers, measured on olina's /slide-deck, the one page beside twenty
+   * `.kol-page` siblings that came out darker. kol-shell's AppShell keeps its
+   * own model (the wrapper paints the back, PageShell paints the wash — one
+   * paint there too). */
   const plane = {
-    '--kol-shell-page-wash': pageWash,
-    background: 'var(--kol-shell-page-wash, var(--kol-surface-primary))',
+    background: pageWash ?? 'var(--kol-surface-primary)',
+    '--kol-shell-page-wash': 'transparent',
   }
 
   if (bare) {