@byline/host-tanstack-start 4.14.0 → 4.14.1

package/dist/admin-shell/chrome/admin-layout_module.css

@@ -1,7 +1,7 @@
 :is(.main-EeTOie, .byline-admin-layout-main) {
   width: 100%;
   max-width: 100%;
-  height: 100vh;
+  min-height: 100vh;
   padding-top: 45px;
   display: flex;
 }

package/dist/admin-shell/chrome/admin-menu-drawer_module.css

@@ -30,8 +30,10 @@
 
 :is(.asideDesktop-uFlpwO, .byline-admin-menu-drawer-aside-desktop) {
   flex-shrink: 0;
-  align-self: stretch;
-  position: relative;
+  align-self: flex-start;
+  height: calc(100vh - 45px);
+  position: sticky;
+  top: 45px;
 }
 
 :is(.asideDesktopOpen-kPyJOg, .byline-admin-menu-drawer-aside-desktop-open) {
@@ -43,10 +45,9 @@
 }
 
 :is(.nav-dDjqu7, .byline-admin-menu-drawer) {
-  max-height: calc(100vh - 60px);
+  flex: auto;
+  min-height: 0;
   margin: 0;
-  position: sticky;
-  top: 0;
   overflow-y: auto;
 }
 

package/dist/admin-shell/chrome/dashboard.js

@@ -53,7 +53,7 @@ function StatTile({ ws, count, collectionPath }) {
 }
 function CollectionCard({ collection, stats }) {
     const { t } = useTranslation('byline-admin');
-    const total = stats?.reduce((sum, s)=>sum + s.count, 0) ?? 0;
+    const total = void 0 !== stats ? stats.reduce((sum, s)=>sum + s.count, 0) : void 0;
     const workflowStatuses = getWorkflowStatuses(collection);
     return /*#__PURE__*/ jsxs(Card, {
         children: [
@@ -74,7 +74,7 @@ function CollectionCard({ collection, stats }) {
                                         className: clsx('byline-dashboard-title-text', dashboard_module.titleText),
                                         children: collection.labels.plural
                                     }),
-                                    /*#__PURE__*/ jsx("span", {
+                                    void 0 !== total && /*#__PURE__*/ jsx("span", {
                                         className: clsx('muted byline-dashboard-title-meta', dashboard_module.titleMeta),
                                         children: t('dashboard.totalCount', {
                                             count: total

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "4.14.0",
+  "version": "4.14.1",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -117,13 +117,13 @@
     "react-json-view-lite": "^2.5.0",
     "react-swipeable": "^7.0.2",
     "zod": "^4.4.3",
-    "@byline/admin": "4.14.0",
-    "@byline/auth": "4.14.0",
-    "@byline/ai": "4.14.0",
-    "@byline/client": "4.14.0",
-    "@byline/core": "4.14.0",
-    "@byline/i18n": "4.14.0",
-    "@byline/ui": "4.14.0"
+    "@byline/auth": "4.14.1",
+    "@byline/admin": "4.14.1",
+    "@byline/ai": "4.14.1",
+    "@byline/i18n": "4.14.1",
+    "@byline/client": "4.14.1",
+    "@byline/core": "4.14.1",
+    "@byline/ui": "4.14.1"
   },
   "peerDependencies": {
     "@tanstack/react-router": "^1.167.0",

package/src/admin-shell/chrome/admin-layout.module.css

@@ -6,10 +6,15 @@
  * Override handle: .byline-admin-layout-main
  */
 
+/* `min-height`, not `height`: the document is the scroll container, so with a
+   fixed 100vh height the flex row ends at the fold and the sticky menu drawer
+   inside it has nothing left to stick to — it scrolls away as soon as the
+   route content runs past one viewport. Growing with the content gives the
+   drawer a containing block tall enough to stay pinned all the way down. */
 .main,
 :global(.byline-admin-layout-main) {
   display: flex;
-  height: 100vh;
+  min-height: 100vh;
   width: 100%;
   max-width: 100%;
   padding-top: 45px;

package/src/admin-shell/chrome/admin-menu-drawer.module.css

@@ -47,10 +47,16 @@
   overflow: hidden;
 }
 
+/* Pinned under the fixed app bar (45px) for the whole scroll of the page.
+   `align-self: flex-start` keeps the sticky box from being stretched to the
+   full height of the flex row — a stretched sticky item has no room to move
+   and never pins. */
 .asideDesktop,
 :global(.byline-admin-menu-drawer-aside-desktop) {
-  position: relative;
-  align-self: stretch;
+  position: sticky;
+  top: 45px;
+  align-self: flex-start;
+  height: calc(100vh - 45px);
   flex-shrink: 0;
 }
 
@@ -64,12 +70,13 @@
   width: 60px;
 }
 
+/* The aside owns the viewport-height box; the nav just fills it and scrolls
+   internally when the menu is longer than the drawer. */
 .nav,
 :global(.byline-admin-menu-drawer) {
-  position: sticky;
-  top: 0;
+  flex: 1 1 auto;
+  min-height: 0;
   margin: 0;
-  max-height: calc(100vh - 60px);
   overflow-y: auto;
 }
 

package/src/admin-shell/chrome/dashboard.tsx

@@ -72,7 +72,12 @@ function CollectionCard({
   stats: CollectionStatusCount[] | undefined
 }) {
   const { t } = useTranslation('byline-admin')
-  const total = stats?.reduce((sum, s) => sum + s.count, 0) ?? 0
+  // `stats` is undefined when the collection opted out of counts (no
+  // `showStats: true` on the definition) — the dashboard loader only fetches
+  // them for collections that opted in. Falling back to a total of zero there
+  // would read as "this collection is empty", so the count is omitted along
+  // with the status tiles.
+  const total = stats !== undefined ? stats.reduce((sum, s) => sum + s.count, 0) : undefined
   const workflowStatuses = getWorkflowStatuses(collection)
 
   return (
@@ -88,9 +93,11 @@ function CollectionCard({
               <span className={cx('byline-dashboard-title-text', styles.titleText)}>
                 {collection.labels.plural}
               </span>
-              <span className={cx('muted byline-dashboard-title-meta', styles.titleMeta)}>
-                {t('dashboard.totalCount', { count: total })}
-              </span>
+              {total !== undefined && (
+                <span className={cx('muted byline-dashboard-title-meta', styles.titleMeta)}>
+                  {t('dashboard.totalCount', { count: total })}
+                </span>
+              )}
             </Card.Title>
             <Card.Description className="muted">
               {t('dashboard.collectionDescription', { label: collection.labels.plural })}