@the-portland-company/shell 0.58.0 → 0.59.0

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.59.0 — 2026-09-30
+
+### Fixed — parent nav row stays active on child routes when the 'tabs' nav preference strips children (`src/app-chrome/frame.tsx`, DevNotes ebb036a1)
+
 ## 0.58.0 — 2026-09-30
 
 ### Fixed — Meta build-metadata row renders for every viewer (`src/app-chrome/index.tsx`)

package/dist/app-chrome.cjs

@@ -4080,6 +4080,21 @@ function FrameBody({
     [data?.contactsItem, data?.petitionsItem, navMode, activeOrgId]
   );
   const navItems = core?.nav ?? derivedNavItems;
+  const navIsActive = react.useMemo(() => {
+    const childHrefs = /* @__PURE__ */ new Map();
+    for (const item of navItems) {
+      if (!item.href || !item.children?.length) continue;
+      const hrefs = [];
+      for (const child of item.children) {
+        if (child.href) hrefs.push(child.href);
+        for (const leaf of child.children ?? []) {
+          if (leaf.href) hrefs.push(leaf.href);
+        }
+      }
+      childHrefs.set(item.href, hrefs);
+    }
+    return (pathname2, href) => isNavItemActive(pathname2, href) || (childHrefs.get(href) ?? []).some((h) => isNavItemActive(pathname2, h));
+  }, [navItems]);
   const derivedBreadcrumbs = react.useMemo(
     () => deriveBreadcrumbs(navItems, pathname, { search, origin: meta.origin }),
     [navItems, pathname, search, meta.origin]
@@ -4112,6 +4127,7 @@ function FrameBody({
             // (which strips children) would leave one childless parent row —
             // flat apps ignore the stripping.
             items: navDisplay === "tabs" && meta.navShape !== "flat" ? navItems.map(({ children: _sub, ...item }) => item) : navItems,
+            isActive: navIsActive,
             flatten: meta.navShape === "flat"
           },
           // The app's own workspace is NOT the organization — it is a per-app