@kolkrabbi/kol-shell 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-shell",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "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.38.0",
-    "@kolkrabbi/kol-icons": "^0.16.0",
-    "@kolkrabbi/kol-framework": "^0.20.0",
-    "@kolkrabbi/kol-theme": "^0.41.0"
+    "@kolkrabbi/kol-framework": "^0.20.1",
+    "@kolkrabbi/kol-icons": "^0.17.0",
+    "@kolkrabbi/kol-theme": "^0.42.2",
+    "@kolkrabbi/kol-component": "^0.43.0"
   },
   "files": [
     "src",

package/src/ContentFilters.jsx

@@ -143,7 +143,7 @@ const ContentFilters = ({
           return (
             <div key={value} onClick={() => toggleFilter(group.key, value)}>
               <Tag
-                size="md"
+                size="sm"
                 variant="default"
                 className={isActive ? 'border-fg-32' : 'border-fg-08'}
               >
@@ -231,6 +231,19 @@ const ContentFilters = ({
           {viewModeOptions && (
             <TabStrip options={viewModeOptions} value={viewMode} onChange={handleViewModeChange} tracked />
           )}
+          {/* Layout toggle sits at the divider level, right-aligned — below the
+              groups it got pushed down the page whenever they expanded
+              (ShellHeaderFilterRefinements, 2026-08-15) */}
+          {layoutOptions && (
+            <TabStrip
+              options={layoutOptions}
+              value={layout}
+              onChange={setLayout}
+              size={12}
+              tracked
+              className="gap-4"
+            />
+          )}
         </div>
       </div>
 
@@ -251,18 +264,6 @@ const ContentFilters = ({
         </div>
       )}
 
-      {/* Layout toggle */}
-      {layoutOptions && (
-        <TabStrip
-          options={layoutOptions}
-          value={layout}
-          onChange={setLayout}
-          size={12}
-          tracked
-          className="justify-end gap-4 mt-4"
-        />
-      )}
-
       {/* Render filtered items */}
       <div className="mt-8" style={{ display: 'flex', flexDirection: 'column', flex: 1 }}>
         {renderItem(filteredItems, viewMode, layout)}

package/src/PageHeader.jsx

@@ -7,7 +7,9 @@
 export default function PageHeader({ title, subtitle }) {
   return (
     <>
-      <h1 className="text-fg-96 kol-heading-sm">{title}</h1>
+      {/* gap inline, never in kol-heading-sm — margin in a shared type class
+          leaks estate-wide (ShellHeaderFilterRefinements, 2026-08-15) */}
+      <h1 className="text-fg-96 kol-heading-sm" style={{ marginBottom: 8 }}>{title}</h1>
       <p className="text-fg-48 kol-mono-14" style={{ marginBottom: 40 }}>{subtitle}</p>
     </>
   )