@kolkrabbi/kol-shell 0.39.0 → 0.40.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-shell",
-  "version": "0.39.0",
+  "version": "0.40.0",
   "private": false,
   "description": "KOL application shell — fixed 48px NavRail + AppShell layout root, PageShell/PageHeader scaffolds, ContentFilters catalog organism, GridCard, SettingsScaffold, WalkthroughPanel, ShortcutsOverlay. App chrome (kol-framework owns site chrome). Nav items, content, shortcuts and settings are consumer-injected. Sits above @kolkrabbi/kol-{theme,component,framework}.",
   "license": "MIT",
@@ -20,9 +20,9 @@
     "react-dom": "^18.3.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@kolkrabbi/kol-component": "^0.161.0",
-    "@kolkrabbi/kol-framework": "^0.36.0",
+    "@kolkrabbi/kol-component": "^0.162.0",
     "@kolkrabbi/kol-icons": "^0.25.0",
+    "@kolkrabbi/kol-framework": "^0.36.0",
     "@kolkrabbi/kol-theme": "^0.128.0"
   },
   "files": [

package/src/AppShell.jsx

@@ -194,13 +194,23 @@ export default function AppShell({
     return () => window.removeEventListener('keydown', onKey)
   }, [settingsKey, settingsPath, toggleSettings])
 
-  /* the rail row for that path toggles too — one gesture, two ways to reach it */
+  /* the drawer's rule for a path — matched like the rail's active row */
+  const opensOn = (p) => drawerOpenOn.some((x) => (x === '/' ? p === '/' : p.startsWith(x)))
+
+  /* the rail row for that path toggles too — one gesture, two ways to reach it.
+   * THE TAP DECIDES THE DRAWER, not only the route change
+   * (ShellDrawerCloseOnSamePath, kol-monitor 2026-09-02): a rung whose path is
+   * the one already shown — Create tapped on /create, "new case" — changes no
+   * pathname, so the route effect below never fires and the drawer stayed open
+   * over the page. The tap itself now sets the drawer to that path's rule;
+   * `drawerOpenOn` rungs stay open, every other rung closes it, same path or not. */
   const navigate = useCallback(
     (path, ...rest) => {
+      if (drawer) setDrawerOpen(opensOn(path))
       if (settingsPath && path === settingsPath) return toggleSettings()
       return onNavigate?.(path, ...rest)
     },
-    [settingsPath, toggleSettings, onNavigate],
+    [settingsPath, toggleSettings, onNavigate, drawer, drawerOpenOn], // eslint-disable-line react-hooks/exhaustive-deps
   )
 
   /* THE ROUTE CHANGE MEANS THE OPPOSITE IN EACH MODE. For `railToggleKey` the
@@ -215,7 +225,7 @@ export default function AppShell({
   /* Keyed on the BOOLEAN, not the array: a consumer's inline `['/']` is a new
    * identity every render too (the showcase set passes one), and the effect
    * must fire on route entry only — never on a re-render, or it undoes the tap. */
-  const opensHere = drawerOpenOn.some((p) => (p === '/' ? currentPath === '/' : currentPath.startsWith(p)))
+  const opensHere = opensOn(currentPath)
   useEffect(() => {
     if (drawer) setDrawerOpen(opensHere)
     else setNavHidden(false)