@kolkrabbi/kol-shell 0.34.0 → 0.36.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-shell",
-  "version": "0.34.0",
+  "version": "0.36.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,10 +20,10 @@
     "react-dom": "^18.3.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@kolkrabbi/kol-component": "^0.152.0",
+    "@kolkrabbi/kol-component": "^0.153.0",
     "@kolkrabbi/kol-icons": "^0.25.0",
     "@kolkrabbi/kol-framework": "^0.36.0",
-    "@kolkrabbi/kol-theme": "^0.120.0"
+    "@kolkrabbi/kol-theme": "^0.122.0"
   },
   "files": [
     "src",

package/src/NavRail.jsx

@@ -285,12 +285,12 @@ export default function NavRail({
   return (
     <div
       ref={railRef}
-      /* drawer mode pins RIGHT (ShellDrawerOnRight, kol-chess 2026-09-01, user
-        * ruling): a left drawer put the open close-X mid-screen; on the right
-        * the trigger and the X share the top-right corner at the screen edge.
-        * The theme's off-canvas transform is +100% to match. Desktop rail
-        * unchanged. */
-      className={`kol-shell-rail bg-surface-primary fixed inset-y-0 flex flex-col items-start pt-4 pb-4 px-2 gap-2 ${drawer ? 'right-0 border-l' : 'left-0 border-r'} border-fg-08`}
+      /* ONE SIDE, ALWAYS LEFT (ShellDrawerSideCorrection, kol-chess 2026-09-01).
+        * 0.34.0 mirrored the panel to fix a button: the complaint was the
+        * trigger travelling to mid-screen, never the navigation's side. The
+        * trigger is now pinned top-right in both states, so a left panel has
+        * nothing to collide with and the drawer opens where the rail lives. */
+      className="kol-shell-rail bg-surface-primary fixed inset-y-0 left-0 flex flex-col items-start pt-4 pb-4 px-2 gap-2 border-r border-fg-08"
       /* A drawer takes its own width, NOT the live rail token — that token is
         * zeroed in drawer mode so the content gets the whole viewport back. */
       style={{ width: drawer ? 'var(--kol-shell-drawer-width, 240px)' : `var(${RAIL_W})` }}

package/src/SettingsShortcuts.jsx

@@ -9,9 +9,20 @@ import { SettingsRow } from '@kolkrabbi/kol-component'
 /**
  * SettingsShortcuts — the keyboard-shortcuts block of a settings page
  * (ShellHomeSystem, kol-fxr 2026-08-27): the same `[{ section, items: [{ id,
- * label, combo }] }]` array `ShortcutsOverlay` takes, laid out six columns ×
+ * label, combo }] }]` array `ShortcutsOverlay` takes, laid out UP TO six columns ×
  * two sections per column, filled column-first (user, 2026-08-27) — each
- * section an eyebrow (`kol-eyebrow`, strong ink) over SettingsRows. A combo is one
+ * section an eyebrow (`kol-eyebrow`, strong ink) over SettingsRows. The six
+ * is a CEILING, not a command (SettingsShortcutsGridColumns, kol-mirror
+ * 2026-09-01 — the fourth home of the cols-as-command defect, unswept when
+ * CatalogPage was the third): `grid-cols-6` computed six 18px slivers in a
+ * 350px row. Same idiom as CatalogPage / ContentCollection — no track under
+ * the 150px floor (`GRAB AND PAN THE DESK` / `Space + drag`, the widest cells
+ * in the estate), none wider than the container, and the count falls out of
+ * the width: two at 390, six on the desk, where the sixth-share clears the
+ * floor so nothing moves. Below `md` the grid flows by ROW — the two-row
+ * column-first shape is a desk ruling and would overflow implicit columns
+ * off the right edge on a phone. Gap is `gap-x-6 md:gap-x-12`, the rung
+ * ContentFiltersMobileGaps set for this shape (48px was 17% of the row). A combo is one
  * token by nature — the value cell is `whitespace-nowrap` and the label yields
  * (SettingsShortcutsComboWrap, kol-monitor 2026-08-27: `⌘ K` broke as `⌘` over
  * `K` in the six-column grid — the cell was squeezed to min-content, not full).
@@ -27,7 +38,10 @@ import { SettingsRow } from '@kolkrabbi/kol-component'
  */
 export default function SettingsShortcuts({ sections = [], comboLabel = (c) => c, className = '' }) {
   return (
-    <div className={`grid grid-cols-6 grid-rows-2 grid-flow-col gap-x-12 gap-y-6 ${className}`.trim()}>
+    <div
+      className={`grid md:grid-rows-2 md:grid-flow-col gap-x-6 md:gap-x-12 gap-y-6 ${className}`.trim()}
+      style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(min(100%, max(150px, calc((100% - 5 * 48px) / 6))), 1fr))' }}
+    >
       {sections.map(({ section, items }) => (
         <div key={section} style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
           <span className="kol-eyebrow text-strong mb-2">{section}</span>