@burdenoff/fe-libs 2026.815.3 → 2026.819.1

package/dist/chrome/AppShellLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShellLayout.d.ts","sourceRoot":"","sources":["../../src/chrome/AppShellLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,uDAAuD;IACvD,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,sDAAsD;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IAEpB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iCAAiC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oGAAoG;IACpG,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA6ElD,CAAC"}
+{"version":3,"file":"AppShellLayout.d.ts","sourceRoot":"","sources":["../../src/chrome/AppShellLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,uDAAuD;IACvD,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,sDAAsD;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IAEpB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iCAAiC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oGAAoG;IACpG,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAmFlD,CAAC"}

package/dist/chrome/AppShellLayout.js

@@ -19,7 +19,7 @@ var r = ({ header: r, sidebar: i, footer: a, bottomPanel: o, rightPanel: s, stat
 					children: [/* @__PURE__ */ n("div", {
 						className: "flex flex-col flex-1 overflow-hidden",
 						children: [/* @__PURE__ */ t("main", {
-							className: p || _,
+							className: `scrollbar-slim ${p || _}`,
 							"data-shell-scroll-container": !0,
 							children: h ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
 								className: d ? "flex-1" : "flex-1 min-h-0",

package/dist/chrome/SideNavigation.js

@@ -86,7 +86,7 @@ var p = ({ items: p, currentPath: m, collapsed: h = !1, onItemClick: g, onToggle
 				onCollapseAll: O
 			}),
 			/* @__PURE__ */ d("nav", {
-				className: "flex-1 min-h-0 py-card-padding overflow-y-auto overflow-x-hidden",
+				className: "scrollbar-slim scrollbar-hover-only flex-1 min-h-0 py-card-padding overflow-y-auto overflow-x-hidden",
 				children: /* @__PURE__ */ d(n, {
 					delayDuration: 300,
 					children: /* @__PURE__ */ d("ul", {

package/dist/chrome/Sidebar.js

@@ -18,7 +18,7 @@ var a = ({ sections: a, isCollapsed: o = !1, onToggleCollapse: s, header: c, foo
 				children: c
 			}),
 			/* @__PURE__ */ r("nav", {
-				className: "flex-1 overflow-y-auto py-section-gap",
+				className: "scrollbar-slim scrollbar-hover-only flex-1 overflow-y-auto py-section-gap",
 				children: a.map((t) => {
 					let a = p.has(t.title);
 					return /* @__PURE__ */ i("div", {

package/dist/shared/config/products.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../../src/shared/config/products.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDf,CAAC;AAEX,eAAO,MAAM,QAAQ,EAAE,aAAa,EA+SnC,CAAC;AAOF,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAIvD;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGvE;AAED;;GAEG;AACH,wBAAgB,mBAAmB;;QA7Y7B,MAAM;UACJ,MAAM;UACN,MAAM;WACL,MAAM;kBACC,MAAM;IACpB;;;;;OAKG;iBACU,OAAO;IAoYrB"}
+{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../../src/shared/config/products.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDf,CAAC;AAEX,eAAO,MAAM,QAAQ,EAAE,aAAa,EA8SnC,CAAC;AAOF,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAIvD;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGvE;AAED;;GAEG;AACH,wBAAgB,mBAAmB;;QA5Y7B,MAAM;UACJ,MAAM;UACN,MAAM;WACL,MAAM;kBACC,MAAM;IACpB;;;;;OAKG;iBACU,OAAO;IAmYrB"}

package/dist/shared/config/products.js

@@ -85,11 +85,10 @@ var e = {
 	},
 	{
 		id: "healthybowl",
-		name: "Healthybowl",
+		name: "HealthyBowl",
 		icon: "HB",
 		color: "#22c55e",
-		description: "Health & wellness platform",
-		comingSoon: !0
+		description: "AI-powered agricultural intelligence & farm operations"
 	},
 	{
 		id: "adaptercloud",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.815.3",
+  "version": "2026.819.1",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {

package/src/shared/tokens/tokens.css

@@ -67,3 +67,99 @@
 :root[data-reduce-motion] {
   --pop-lift-y: 0px;
 }
+
+/* Boff UI 2.0 — slim scrollbar utility.
+ *
+ * Opt-in (NOT a global `::-webkit-scrollbar` override) so it only lands on the
+ * surfaces that ask for it — the app-shell sidebars today. The browser default
+ * bar is a wide, opaque grey that reads as a foreign object against a dark
+ * sidebar; this replaces it with a thin rounded thumb on a transparent track.
+ *
+ * The thumb is mixed from --color-text-primary rather than pinned to a border
+ * or text token, because no fixed token reads correctly in both themes:
+ * --color-border-strong is a clean grey in light (#9CA3AF) but nearly the
+ * sidebar's own background in dark (#3C4759), while --color-text-muted is the
+ * reverse. Mixing off the foreground colour inverts with the theme for free.
+ *
+ * Native scrolling is kept intact — no Radix wrapper — so keyboard, touch and
+ * scroll-anchoring behaviour are unchanged.
+ *
+ * Unlayered, so it wins over the foundation/semantic/brands/themes layers
+ * without needing !important.
+ */
+/* Firefox (and anything without the WebKit pseudo-elements).
+ *
+ * This MUST stay behind @supports: Chrome implements both APIs, and setting
+ * `scrollbar-width`/`scrollbar-color` on an element makes Chrome ignore that
+ * element's ::-webkit-scrollbar rules entirely. Applied unconditionally it
+ * silently disables the width and border-radius below, and Chrome falls back
+ * to its own built-in "thin" bar. */
+@supports not selector(::-webkit-scrollbar) {
+  .scrollbar-slim {
+    scrollbar-width: thin;
+    scrollbar-color: color-mix(in oklab, var(--color-text-primary) 52%, transparent) transparent;
+  }
+}
+
+/* WebKit/Blink — the path Chrome, Edge and Safari actually take. */
+.scrollbar-slim::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+.scrollbar-slim::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.scrollbar-slim::-webkit-scrollbar-thumb {
+  background-color: color-mix(in oklab, var(--color-text-primary) 52%, transparent);
+  border-radius: var(--radius-pill);
+}
+
+.scrollbar-slim::-webkit-scrollbar-thumb:hover {
+  background-color: color-mix(in oklab, var(--color-text-primary) 75%, transparent);
+}
+
+/* Corner where a vertical and horizontal bar meet — default is an opaque
+ * grey square that would reintroduce exactly the artefact this removes. */
+.scrollbar-slim::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+/* Boff UI 2.0 — hover-reveal modifier for .scrollbar-slim.
+ *
+ * Composes with .scrollbar-slim: the thumb is transparent until the pointer is
+ * anywhere over the scroll container, then fades up to the normal resting
+ * colour. Used on the app-shell side nav, where a permanently visible bar
+ * competes with the nav items for attention.
+ *
+ * The width is deliberately NOT zeroed at rest — the gutter stays reserved so
+ * revealing the thumb cannot reflow the nav underneath it.
+ *
+ * Pointer-coarse devices (touch) are excluded: there is no hover there, so the
+ * bar would never be reachable.
+ */
+@media (hover: hover) {
+  .scrollbar-hover-only::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  .scrollbar-hover-only:hover::-webkit-scrollbar-thumb {
+    background-color: color-mix(in oklab, var(--color-text-primary) 52%, transparent);
+  }
+
+  .scrollbar-hover-only:hover::-webkit-scrollbar-thumb:hover {
+    background-color: color-mix(in oklab, var(--color-text-primary) 75%, transparent);
+  }
+
+  /* Firefox equivalent — same @supports reasoning as .scrollbar-slim above. */
+  @supports not selector(::-webkit-scrollbar) {
+    .scrollbar-hover-only {
+      scrollbar-color: transparent transparent;
+    }
+
+    .scrollbar-hover-only:hover {
+      scrollbar-color: color-mix(in oklab, var(--color-text-primary) 52%, transparent) transparent;
+    }
+  }
+}