@kolkrabbi/kol-component 0.97.2 → 0.97.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.97.2",
+  "version": "0.97.3",
   "description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
   "license": "MIT",
   "type": "module",

package/src/organisms/ColumnBrowser.jsx

@@ -156,14 +156,6 @@ export default function ColumnBrowser({
    * outside prefix change fires null */
   const pick = (o) => { setPicked(o); onPick?.(o) }
   useEffect(() => { if (picked) pick(null) }, [prefix]) // eslint-disable-line react-hooks/exhaustive-deps
-  // Keyboard cursor: which column, which row. Clicks keep it in sync.
-  const [cursor, setCursor] = useState({ col: 0, idx: 0 })
-  /* the cursor is NOT drawn until the keyboard is used (ColumnBrowserCursorStart,
-   * kol-r2b2 2026-08-27): at rest it sat on row 0 beside the open folder and
-   * read as a second selection. Arrows arm it; a click seeds it. */
-  const [cursorActive, setCursorActive] = useState(false)
-  const rootRef = useRef(null)
-
   const levelsOf = (pfx) => {
     const out = ['']
     if (pfx) {
@@ -176,6 +168,27 @@ export default function ColumnBrowser({
     const { folders, files } = partition(objects.filter((o) => o.key.startsWith(level)), level)
     return [...folders.map((f) => ({ type: 'folder', name: f })), ...files.map((o) => ({ type: 'file', o }))]
   }
+  // Keyboard cursor: which column, which row. Clicks keep it in sync.
+  /* SEEDED on the open folder of the deepest column that has one (Finder's
+   * start — ColumnBrowserCursorSeed, kol-r2b2 2026-08-27): with a deep `prefix`
+   * the first ↓ used to act in column 0. Re-seeded when `prefix` changes; the
+   * internal moves land on the same spot, so nothing jumps. */
+  const seedCursor = (pfx) => {
+    const lv = levelsOf(pfx)
+    if (lv.length < 2) return { col: 0, idx: 0 }
+    const col = lv.length - 2
+    const opened = lv[col + 1].slice(lv[col].length)
+    const idx = itemsAt(lv[col]).findIndex((it) => it.type === 'folder' && it.name === opened)
+    return { col, idx: Math.max(0, idx) }
+  }
+  const [cursor, setCursor] = useState(() => seedCursor(prefix))
+  useEffect(() => { setCursor(seedCursor(prefix)) }, [prefix, objects.length]) // eslint-disable-line react-hooks/exhaustive-deps
+  /* the cursor is NOT drawn until the keyboard is used (ColumnBrowserCursorStart,
+   * kol-r2b2 2026-08-27): at rest it sat on row 0 beside the open folder and
+   * read as a second selection. Arrows arm it; a click seeds it. */
+  const [cursorActive, setCursorActive] = useState(false)
+  const rootRef = useRef(null)
+
   const land = (level, item) => {
     if (!item) return
     if (item.type === 'folder') { pick(null); onPrefix(level + item.name) }
@@ -198,6 +211,9 @@ export default function ColumnBrowser({
     const items = itemsAt(lv[col])
     if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
       const idx = Math.max(0, Math.min(items.length - 1, cursor.idx + (e.key === 'ArrowDown' ? 1 : -1)))
+      /* an arrow that did not move the cursor does nothing — re-landing on an
+       * open folder re-fired onPrefix (ColumnBrowserCursorSeed) */
+      if (idx === cursor.idx && col === cursor.col) return
       setCursor({ col, idx })
       land(lv[col], items[idx])
     } else if (e.key === 'ArrowRight') {